@charset "utf-8";
/* CSS Document */
/*导航*/
#indexPage .module.bgShow .bgmask{ display:none;}
#teampost{padding-top:80px;}
#teambody .theader .subtitle{color:#9E9E9E;}
#teamlist{margin-top:23px;}
#header ul li.navitem a.active, #header ul li.navitem:hover a{color:#6F6F6F;background:transparent;}
#header.mini {background:rgba(255, 255, 255, 0.94);padding-top:0px;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1);}
#header .content{padding-left:0px;padding-right:0px;border-bottom:1px solid rgba(204, 204, 204, 0.19);}
#header ul#nav{float:right;padding:0px 40px 0px 40px;transition:all 0.3s ease-out 0s;}
#header.mini ul#nav{padding:0px 20px 0px 20px;}
#header ul li.navitem{padding:20px 0.5px;height:auto;}
#header.mini ul li.navitem{padding:10px 0.5px;}
#header{padding-top:0px;background-color:transparent;}
#header #logo{padding:20px 40px 20px 40px;transition:all 0.3s ease-out 0s;}
#header #logo img{transform:scale(1, 1);transition:all 0.3s ease-out 0s;}
#header.mini #logo{padding:10px 20px 10px 20px;}
#header.mini #logo img{transform:scale(0.8, 0.8);}

#header .s_log01{display: unset}
#header .s_log02{ display: none;}
#header.mini .s_log01{ display: none;}
#header.mini .s_log02{ display: unset}

#header ul li.navitem a{color:#999;padding:10px 26px;display:block;}
#header ul li.navitem{padding:20px 0.5px;height:auto;line-height:20px;}
.nobanner #header{background:#fff;}
.nobanner #header .s_log01{display: none}
.nobanner #header .s_log02{ display: unset;}
.nobanner #header.mini .s_log01{ display: none;}
.nobanner #header.mini .s_log02{ display: unset}

.lowB #header{background:#FFF;}
#indexPage a.more{height:100px;font-size:14px;background-color:#f5f5f5;line-height:100px;font-family:"Arial";color:#2d2d2d;border-color:rgb(245, 245, 245);border-radius:0px;text-align:center;text-indent:0px;margin:3% auto;width:90%;}
#indexPage #mproject a.more::after{content:"";display:block;width:120px;height:1px;background-color:#ccc;position:absolute;left:50%;top:49px;-webkit-margin-before:-1px;margin-top:0px;margin-left:-60px;transition:all 0.6s ease 0s;}
#indexPage #mproject a.more:hover::after{width:91px;}
#indexPage a.more i{font-size:20px;position:relative;}
#indexPage a.more:hover{border-color:#215FAC;text-indent:0px;text-align:center;background-color:#215FAC;color:#fff;}
#indexPage a.more:hover i{color:#fff;}
#indexPage #mpartner .slider_control a:hover{background-color:#424242 }
#pages a.active, #pages a:hover{background:rgba(255,255,255,.1);color:#3d3d3d;}
.bx-wrapper .bx-controls-direction a:hover{background-color:transparent;}
#header ul li.navitem a::before{position:absolute;content:"";width:0px;height:1px;background:#a2a2a2;left:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin:26px;}
#header.mini ul li.navitem a.active::before, #header ul li.navitem:hover a::before{width:20px;}
#header ul li.navitem a.active::before, #header ul li.navitem:hover a::before{width:20px;}
#header ul li.navitem:hover a::before{width:20px;}
#header ul li.navitem ul.subnav li a::before{width:0px;}
/*导航下拉菜单 */

/*幻灯左右切换按钮 */
.bx-wrapper .bx-controls-direction a{background-color:transparent;border-radius:0px;width:110px;top:50%;}
.bx-wrapper .bx-controls-direction a i{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color:transparent;background:url(images/jt.png)no-repeat 0px 4px;width:110px;height:40px;margin-left:46px;}
.bx-wrapper .bx-controls-direction a:hover i{background:url(images/jt.png)no-repeat 0px -47px;width:110px;}
.bx-wrapper .bx-controls-direction a.bx-next i{background:url(images/jt.png)no-repeat -170px 4px;width:110px;height:40px;margin:0;position:absolute;right:0px;left:888px;}
.bx-wrapper .bx-controls-direction a.bx-next:hover i{background:url(images/jt.png)no-repeat -170px -47px;}
/*首页案例背景颜色 */
#projectlist .projectitem a img ,.nobanner #projectlist .projectitem a img{ filter:grayscale(0%);}
#projectlist .projectitem a:hover img ,.nobanner #projectlist .projectitem a img{ filter:grayscale(0%);transform:scale(1.1, 1.1);}
#indexPage #mproject{background-attachment:fixed;background-color:#fff;height:auto;padding:100px 0;}
#category a{padding:6px 26px;margin-right:0px;margin-left:0px;transition:all 0.3s ease-out 0s;color:#aaa;border:0px;border-bottom:1px solid rgba(204, 204, 204, 0);}
#category a.active, #category a:hover{background:#fff;color:#3d3d3d;border-color:rgba(161, 161, 161, 0);}
#sitecontent #newsPage .content #category a.active, #category a:hover{ background:#3d3d3d;color:#fff;}
#sitecontent .npagePage #category a.active{background:#3d3d3d;color:#fff;}
/*案例*/
#projectitem_0{animation-name:fadeInUp;animation-delay:0.1s;}
#projectitem_1{animation-name:fadeInUp;animation-delay:0.2s;}
#projectitem_2{animation-name:fadeInUp;animation-delay:0.3s;}
#projectitem_3{animation-name:fadeInUp;animation-delay:0.4s;}
#projectitem_4{animation-name:fadeInUp;animation-delay:0.1s;}
#projectitem_5{animation-name:fadeInUp;animation-delay:0.2s;}
#projectitem_6{animation-name:fadeInUp;animation-delay:0.2s;}
#projectitem_7{animation-name:fadeInUp;animation-delay:0.2s;}
#projectitem_8{animation-name:fadeInUp;animation-delay:0.2s;}
#projectitem_9{animation-name:fadeInUp;animation-delay:0.2s;}
#indexPage #projectlist .projectitem{height:580px;margin:0 1% 20px 0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow:hidden;}
#projectlist .projectitem_4 a img{width:600px;}
#indexPage #projectlist .projectitem:hover{box-shadow:0px 0px 26px rgba(0, 0, 0, 0.1);}
#projectlist .projectitem a:hover .project_info p.title{color:#fff;text-align:center;margin:20px 0 0 0;font-size:18px;}
#projectlist .projectitem a .project_info p.subtitle,.nobanner #projectlist .projectitem a .project_info p.subtitle{margin-top:0;color:#929292;text-align:center;text-overflow:ellipsis;overflow:visible;white-space:nowrap;}
#projectlist .projectitem a .project_info p.subtitle::after ,.nobanner #projectlist .projectitem a .project_info p.subtitle::after{content:"";display:block;background-color:#d4d3d0;width:4px;height:1px;transition:all 0.6s ease 0s;opacity:0;margin-top:260px;}
#projectlist .projectitem a:hover .project_info p.subtitle::after{opacity:1;background-color:#fff;height:50px;margin-top:0px;}
#projectlist .projectitem a:hover .project_info p.subtitle{color:rgba(255, 255, 255, .7);text-align:center;}
#projectlist .projectitem{margin-bottom:100px;background-color:#fff;width:24%;}
#projectlist .projectitem a:hover .project_info{background-color:rgba(0,0,0,0) }
#projectlist .projectitem .project_info p.title{color:#4E4E4E;padding:10px 0px;}
#projectmore{color:#3d3d3d;height:100px;line-height:100px;background:#262626;font-family:"HELVETICANEUELTPRO-THEX", "微软雅黑";font-size:18px;}
#projectmore:hover{color:#3d3d3d;height:100px;line-height:100px;background:#262626;font-size:18px;}
.content .header p.subtitle{font-size:15px;margin-top:5px;color:rgb(165, 165, 165);text-align:left;margin-left:3%;}
#mpage .content .header p.subtitle{text-align:center;margin-left:0;}
#indexPage #mproject .content .header p.title{font-family:"HELVETICANEUELTPRO-THEX", "微软雅黑";text-align:left;margin-left:5%;}
#indexPage #mproject .content .header p.subtitle{text-align:left;margin-left:5%;}
#indexPage #mproject a.more:hover{background-color:#215FAC;border-color:rgba(255, 7, 42, 0);}
#indexPage #mproject a.more{margin-top:10px;position:relative;vertical-align:middle;line-height:102px;height:102px;}
#indexPage #mproject .bx-wrapper .bx-pager.bx-default-pager a{display:none;}
#projectlist #projectitem_0.projectitem a .project_info div::after{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"01";margin-right:20px;margin-top:-146px;color:rgba(255, 255, 255, 0.2);right:0;font-size:120px;font-family:"HeliosExtThin";opacity:0;}
#projectlist #projectitem_0.projectitem a .project_info:hover div::after{opacity:1;}
#projectlist #projectitem_1.projectitem a .project_info div::after{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"02";margin-right:20px;margin-top:-146px;color:rgba(255, 255, 255, 0.2);right:0;font-size:120px;font-family:"HeliosExtThin";opacity:0;}
#projectlist #projectitem_1.projectitem a .project_info:hover div::after{opacity:1;}
#projectlist #projectitem_2.projectitem a .project_info div::after{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"03";margin-right:20px;margin-top:-146px;color:rgba(255, 255, 255, 0.2);right:0;font-size:120px;font-family:"HeliosExtThin";opacity:0;}
#projectlist #projectitem_2.projectitem a .project_info:hover div::after{opacity:1;}
#projectlist #projectitem_3.projectitem a .project_info div::after{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"04";margin-right:20px;margin-top:-146px;color:rgba(255, 255, 255, 0.2);right:0;font-size:120px;font-family:"HeliosExtThin";opacity:0;}
#projectlist #projectitem_3.projectitem a .project_info:hover div::after{opacity:1;}
#projectlist #projectitem_4.projectitem a .project_info div::after{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"05";margin-right:20px;margin-top:-146px;color:rgba(255, 255, 255, 0.2);right:0;font-size:120px;font-family:"HeliosExtThin";opacity:0;}
#projectlist #projectitem_4.projectitem a .project_info:hover div::after{opacity:1;}
#projectlist #projectitem_5.projectitem a .project_info div::after{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"06";margin-right:20px;margin-top:-146px;color:rgba(255, 255, 255, 0.2);right:0;font-size:120px;font-family:"HeliosExtThin";opacity:0;}
#projectlist #projectitem_5.projectitem a .project_info:hover div::after{opacity:1;}
#projectlist #projectitem_6.projectitem a .project_info div::after{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"07";margin-right:20px;margin-top:-146px;color:rgba(255, 255, 255, 0.2);right:0;font-size:120px;font-family:"HeliosExtThin";opacity:0;}
#projectlist #projectitem_6.projectitem a .project_info:hover div::after{opacity:1;}
#projectlist #projectitem_7.projectitem a .project_info div::after{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"08";margin-right:20px;margin-top:-146px;color:rgba(255, 255, 255, 0.2);right:0;font-size:120px;font-family:"HeliosExtThin";opacity:0;}
#projectlist #projectitem_7.projectitem a .project_info:hover div::after{opacity:1;}
#projectlist #projectitem_8.projectitem a .project_info div::after{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"09";margin-right:20px;margin-top:-146px;color:rgba(255, 255, 255, 0.2);right:0;font-size:120px;font-family:"HeliosExtThin";opacity:0;}
#projectlist #projectitem_8.projectitem a .project_info:hover div::after{opacity:1;}
#projectlist #projectitem_9.projectitem a .project_info div::after{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"10";margin-right:20px;margin-top:-146px;color:rgba(255, 255, 255, 0.2);right:0;font-size:120px;font-family:"HeliosExtThin";opacity:0;}
#projectlist #projectitem_9.projectitem a .project_info:hover div::after{opacity:1;}
#projectlist #projectitem_10.projectitem a .project_info div::after{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"11";margin-right:20px;margin-top:-146px;color:rgba(255, 255, 255, 0.2);right:0;font-size:120px;font-family:"HeliosExtThin";opacity:0;}
#projectlist #projectitem_10.projectitem a .project_info:hover div::after{opacity:1;}
#projectlist #projectitem_11.projectitem a .project_info div::after{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"12";margin-right:20px;margin-top:-146px;color:rgba(255, 255, 255, 0.2);right:0;font-size:120px;font-family:"HeliosExtThin";opacity:0;}
#projectlist #projectitem_11.projectitem a .project_info:hover div::after{opacity:1;}
#indexPage #projectlist #projectitem_4{width:49%;}
/* #indexPage #projectlist #projectitem_5, #indexPage #projectlist #projectitem_6, #indexPage #projectlist #projectitem_7, #indexPage #projectlist #projectitem_8{height:280px;width:24%;} */
#indexPage #projectlist #projectitem_5:hover a::after, #indexPage #projectlist #projectitem_6:hover a::after, #indexPage #projectlist #projectitem_7:hover a::after, #indexPage #projectlist #projectitem_8:hover a::after{top:24%;}
/*首页背景不加透明蒙层 */
/*首页服务背景层 */
#contactform p textarea.inputtxt{width:1120px;height:50px;float:none;line-height:18px;}
#contactform p .inputtxt{border:none;margin-bottom:5px;background:none;color:#D6D6D6;;width:320px;float:left;border-bottom:1px solid rgba(231, 228, 228, 0.22);margin:40px 0 0 40px;}
#contactform p{border-bottom:0px;padding-top:0px;width:1200px;margin:0 auto;text-align:center;margin-bottom:40px;}
#indexPage #mteam .description{color:#909090;background-color:#fff;padding:0px;border-radius:8px;background-color:rgba(255, 255, 255, 0);height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#indexPage #mteam .header img{width:100%;height:auto;border-radius:0;margin:6px auto 24px auto;}
#indexPage #mteam .bx-wrapper .bx-pager ::after{content:"";width:1000px;height:1px;background:#d2d2d2;margin:20px 0;position:absolute;}
.content .header p.title{font-family:HELVETICANEUELTPRO-THEX, 微软雅黑;font-size:28px;text-align:left;margin-left:3%;color:rgb(68, 68, 68);}
#indexPage #mteam .content .header p.title{color:#fff;}
.npagePage .content .header p.title{text-align:center;margin-left:0px;}
.npagePage .content .header p.subtitle{text-align:center;margin-left:0px;}
#newsPage .content .header p{text-align:center;}
#indexPage #mteam .slider_control a i:hover{color:#3d3d3d;}
.teamitem a div.wrap span{background:#8e8e8e;}
.teamitem a div.wrap{background:rgba(0, 0, 0, 0.7);}
.npagePage #teamlist .teamitem a{width:220px;height:auto;}
.npagePage #teamlist .teamitem a img{width:100%;height:auto;transition:all 0.6s ease 0s;}
.npagePage #teamlist .teamitem:hover a img{transform:scale(1.1,1.1);}
/*首页幻灯高度*/
#indexPage #mslider{height:400px;}
.bx-wrapper .bx-pager.bx-default-pager a{width:20px;height:4px;margin:0px 5px;border-radius:6px;border:1px solid #C8C8C8;}
#indexPage #mslider{height:0 }
#shares a{background:transparent;}
#shares a#gotop{margin-top:1px;background-color:rgba(0, 0, 0, 0.2);transition:all 0.3s ease-out 0s;}
#shares a#gotop:hover{background-color:rgba(0, 0, 0, 0.8);}
.bx-wrapper .bx-pager.bx-default-pager a{width:50px;height:1px;}
#indexPage #mslider ul li p{color:#5d5d5d;}
#mslider .sliderArrow{position:absolute;bottom:120px;z-index:2;animation:fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;-moz-animation:fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;-webkit-animation:fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;-o-animation:fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;display:block;left:50%;width:29px;height:25px;margin-left:-16px;color:#9b9b9b;font-size:48px;}
/*新导航*/
/*在线咨询*/
#olx_head{background:#3d3d3d;border-radius:0px;}
#olx_qq li a:hover i{color:#3d3d3d;}
#olx_qq li a:hover{padding:18px 30px;}
.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 #3d3d3d;background-color:#3d3d3d;}
.bx-wrapper .bx-pager.bx-default-pager a{margin:0px 1px;border-radius:0px;border:1px solid rgba(143, 143, 143, 0.3);}
/*首页关于我们*/
#indexPage #mpage .wrapper li .fimg{width:50%;height:1024px;background-size:cover;}
#mpage .content .header{width:100%;float:right;padding-top:180px;padding-bottom:0;}
#mpage .module-content .description{max-height:108px;height:auto;line-height:28px;padding:40px 0 0 0;float:none;width:640px;text-align:left;z-index:10;position:relative;transition:all 0.6s ease-out;}
#indexPage #mpage .wrapper li::before{content:"";display:block;background-color:#fff;width:100%;height:51%;position:absolute;top:400px;bottom:0;}
#indexPage #mpage a.more{width:12%;float:none;line-height:40px;height:40px;position:relative;z-index:10;}
/*首页联系*/
#mcontact .content > .header{ animation-name:fadeInUp;}
#indexPage #mcontact .content{width:100%;}
#contactinfo{width:35%;padding-left:10%;margin-bottom:60px;}
#contactform.fr{background-color:#46474e;width:100%;padding:0;margin-right:0;}
#contactform p .inputsub{width:280px;height:56px;line-height:52px;background-color:rgba(186, 186, 186, 0);border:2px solid #6D6D6D;margin-top:10px;padding:0;color:#fff;margin-bottom:100px;}
#contactform p .inputsub:hover{background-color:rgba(186, 186, 186, 0.37);border:2px solid rgba(134, 134, 134, 0);color:#E8E8E8;}
#contactform .inputtxt.active{border-color:#424242 }
#indexPage #mcontact .header p{text-align:center;padding-left:0;margin:0;}
#indexPage #mcontact .content .fw{width:100%;}
#contactinfo h3{color:#3d3d3d;width:342px;padding-right:60px }
#contactinfo div a{background:#CCC;}
#contactinfo div a:hover{background:#3d3d3d;}
/*首页新闻*/
#indexPage .newsbody .description{display:block;margin-top:30px;}
#indexPage #mteam{background-color:#fff;height:590px;}
#indexPage #mteam .content .content_list .header{padding-top:200px;animation-name:fadeInUp;}
#indexPage #mteam .content > .header{display:block;position:absolute;top:200px;width:100%;animation-name:fadeInLeft;}
/*案例*/
#indexPage #mproject .content > .header{ animation-name:fadeInLeft;animation-delay:0.1s;}
#projectinfo{width:340px;float:right;padding:0px 50px;margin-left:0px;position:relative;}
#projectwrap.fw{width:100%;}
#projectwrap{padding-top:80px;}
#projectbody{max-width:100%;margin:0px auto;width:calc(100% - 490px);float:left;padding:0 48px 0 0;border-right:1px solid #ECECEC;padding-bottom:60px;}
#projectimages li img{display:block;float:none;max-width:100%;margin:0px auto;}
#projectinfo .description a{background:#3d3d3d;color:#fff;width:340px;}
#projectinfo .description a:hover{background:#3d3d3d;color:#fff;}
#plheader{padding-bottom:22px;}
.teamitem{height:auto;}
.teamitem .teaminfo{text-align:left;height:auto;overflow:hidden;transition:all 0.6s ease 0s;}
.Pageteam .wrap .teamitem:hover .teaminfo{height:auto;}
.teamitem .teaminfo .description::after{content:"";display:block;width:20px;height:1px;background-color:#ccc;transition:all 0.6s ease 0s;margin-top:26px;opacity:0;position:absolute;}
.teamitem:hover .teaminfo .description::after{width:220px;opacity:1;}
.teamitem .teaminfo .description{margin-top:22px;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a{margin:-60px -20px;background:rgb(201, 201, 201);}
#indexPage #mproject .bx-wrapper .bx-controls-direction a:hover{background:#3d3d3d;}
.teamitem .title a{color:#3d3d3d;}
/*新*/
.npagePage #projectlist .wrapper{width:90%;}
#indexPage #mproject .content .wrapper{width:91%;margin:0 5%;}
.content .header{padding-top:80px;padding-bottom:60px;}
#newsPage .content .header{padding-bottom:22px;}
#indexPage #mproject .bx-wrapper .bx-pager{bottom:-9%;text-align:right;}
#indexPage #mpage .content{margin-top:0;top:0;}
#indexPage #mteam .content{margin-top:-17%;}
#moduleControl a.moduleCItem{border-radius:0;height:1px;margin-bottom:10px;width:10px;border:1px solid transparent;background-color:#DEDEDE;}
.module-content .description{width:420px;text-align:left;}
#projectlist .projectitem a .project_info p
/*新闻*/
#indexPage .module .bgmask{background-color:transparent;}
#indexPage #mslider ul li p.title{font-size:42px;line-height:60px;height:60px;text-align:left;padding:0px 110px 30px;margin:0 1800px 0px 20px;font-family:"HELVETICANEUELTPRO-THEX", "微软雅黑";width:500px;}
#indexPage #mslider ul li p.subtitle{font-size:14px;height:25px;transition-delay:0.2s;text-align:left;padding:12px 110px;width:auto;margin:1px 1800px 0px 20px;color:#A1A1A1;font-family:"HELVETICANEUELTPRO-THEX", "微软雅黑";line-height:24px;}
#projecttags a:hover{color:#fff;background:#3d3d3d;}
#projectib .projectitem a .project_info p.title{color:#A5A5A5;}
#projectib .projectitem a .project_info p.subtitle{color:#505050;}
#projectib .projectitem a .project_info{background-color:#fff;padding:6px 0 28px 0;}
#indexPage #mproject .bx-wrapper .bx-controls-direction{display:inline;}
#projectinfo::after{position:absolute;content:"";top:10px;left:-2px;width:4px;height:54px;background:#3d3d3d;}
#indexPage #mteam .bx-wrapper .bx-pager{bottom:-6%;display:block;left:238px;}
.Pageservice #servicelist .serviceitem div p.title{line-height:26px;transition:all 0.6s ease 0s;text-align:center;width:260px;height:31px;overflow:hidden;text-overflow:ellipsis;}
.Pageservice #servicelist .serviceitem:hover div p.title{padding-top:20px;}
#projectinfo .header .description{color:#939393;}
#projectlist .projectitem a .project_info::after{width:0%;height:1px;position:absolute;content:"";top:100%;left:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-color:#3d3d3d;}
#projectlist .projectitem a:hover .project_info::after{width:100%;}
#projectlist .projectitem a .project_info p.title ,.nobanner #projectlist .projectitem a .project_info p.title{color:#fff;padding:18px 0px 5px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:"HELVETICANEUELTPRO-THEX", "微软雅黑";}
#projectlist .projectitem a .project_info p.title::after ,.nobanner #projectlist .projectitem a .project_info p.title::after{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"";margin-right:20px;margin-top:-56px;color:rgba(153, 153, 153, 0.1);right:0;font-size:120px;font-family:"HeliosExtThin";}
#projectlist .projectitem a .project_info div{position:absolute;height:120px;width:90%;margin-left:5%;bottom:-120px;margin-top:0;top:auto;background-color:rgba(33,95,172,1);transition:all 0.3s ease-out 0s;}
#projectlist .projectitem a .project_info:hover div{bottom:20px;}
#indexPage #mproject .content #category a:hover{background:rgba(61, 61, 61, 0);color:#3d3d3d;}
/*首页新闻*/
#indexPage #newslist #newsitem_0 a.details{display:block;width:45px;height:40px;text-indent:-9999px;background:url(images/jt.png)no-repeat -232px 4px;border:none;margin:0px;position:absolute;top:400px;right:40px;border-radius:0;}
#indexPage #newslist #newsitem_0:hover a.details{background:url(images/jt.png)no-repeat -232px -46px;}
#indexPage #mpage .content, #indexPage #mpage .module-content, #indexPage #mpage .wrapper, #indexPage #mpage .slider, #indexPage #mpage .wrapper li, #indexPage #mpage .wrapper li .fimg{padding-bottom:220px;}
#indexPage #mpage .wrapper li,#indexPage #mpage .slider,#indexPage #mpage .content{padding-bottom:120px;}
#mpage .content .header p.subtitle::after{position:inherit;content:"";height:150px;background:rgba(212, 212, 212, 0.48);margin:22px 50% 0;width:1px;float:left;text-align:left;top:-276px;display:block;transition:all ease-out .3s;z-index:10;}
 #mpage .content .header p.subtitle::after  #mpage .content .header:hover p.subtitle::after {
 height:170px;}
#mpage .module-content .description{padding-top:40px;}
#mpage .module-content .description:hover{padding-top:60px;}
#indexPage #servicelist .serviceitem{width:80%;background-color:transparent;padding:30px 0 0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #servicelist .serviceitem:hover{background-color:transparent;padding:0px 0;}
#pages {padding:60px 0 100px;}
#indexPage #mpartner .wrapper ul li a{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position:relative;top:0px;}
#indexPage #mpartner .wrapper ul li a:hover{box-shadow:0px 10px 26px rgba(0, 0, 0, .1);top:-10px;}
#indexPage #mpartner .wrapper ul li{margin:0px 0 20px 0px;background-color:transparent;}
#mpartner .bx-viewport{padding-bottom:20px;padding-left:20px;}
#mpartner .content .header{padding-bottom:2%;width:100%;animation-name:fadeInLeft }
#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active{background-color:#3d3d3d;border:1px solid #3d3d3d;}
 @keyframes mymove{ 0% {
 transform:scale(1.2, 1.2)
}
 100% {
 transform:scale(1, 1)
}
}
/* #banner div{animation:pulse 20s;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} */
.postbody{color:#838383;}
.npagePage .content .postbody{padding-bottom:100px;}
#indexPage #mteam .summary p.title{font-family:"HELVETICANEUELTPRO-THEX", "微软雅黑";color:#474747;font-size:22px;}
#indexPage #mteam .summary p.title::after{content:"";display:block;width:2px;height:1px;background-color:#ddd;position:absolute;left:14.5%;top:58%;transition:all 0.6s ease 0s;opacity:0;}
#indexPage #mteam .summary:hover p.title::after{width:60px;background-color:#ddd;opacity:1;}
#indexPage #mteam .summary:hover p{margin-left:20px;}
#indexPage #mnews .content .header{display:block;padding-bottom:0px;animation-name:fadeInLeft;}
#indexPage #mnews .content{height:410px;top:50%;margin-top:-205px;}
#indexPage #newslist{width:1180px;margin:0 auto;height:200px;position:relative }
#indexPage #mteam .summary p{text-align:left;padding-left:40px;transition:all 0.6s ease 0s;margin-left:0px }
#indexPage .newsimg, #newslist .separator{display:none }
#indexPage #newslist .newstitem{position:absolute;display:none;width:420px;height:30px;line-height:30px;top:0 }
#indexPage .newstitem .newsbody{display:block;max-width:100%;vertical-align:auto;width:100%;transition:all 0.6s ease 0s;}
#indexPage .newstitem:hover .newsbody{margin-left:12px;}
#indexPage .newstitem .newsbody::after{position:absolute;content:"";width:1px;height:40px;background:#a2a2a2;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;top:0px;left:0px;opacity:0;}
#indexPage .newstitem:hover .newsbody::after{width:1px;height:40px;background:#a2a2a2;left:-26px;opacity:1;}
#newslist .newstitem .newsbody .date{position:absolute;top:20px;font-weight:inherit;font-family:Arial;color:#B0B0B0;margin-bottom:0;display:block;padding:0;float:none;transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#teambody .theader .title{font-size:24px;}
#indexPage #mteam .summary p.title a{color:#fff;}
#newslist .newstitem .newsbody .title{font-size:16px;color:#7b7b7b;display:inline-block;line-height:18px;width:280px;overflow:hidden;height:30px;text-overflow:ellipsis;white-space:nowrap;float:none;transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent{padding:0;text-align:left }
#newslist .news_wrapper{background-color:transparent;width:100%;}
#newslist .newstitem a.newscontent:hover .news_wrapper{background-color:transparent;width:100%;}
.newstitem:hover #newsPage #newslist .newsbody{margin-left:20px;}
#newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover{padding:0 }
#newslist .newstitem.right a.newscontent .newsimg{left:0 }
#newslist .news_wrapper::before{height:0 }
#indexPage #newslist #newsitem_0{display:block;height:100%;width:625px;margin-left:90px;top:60px;}
#indexPage #newslist #newsitem_0 .newsimg{display:block;width:590px;height:340px }
#indexPage #newslist #newsitem_0 .news_wrapper, #newsPage #newslist .newstitem .news_wrapper{width:360px;height:200px;left:0px;position:absolute;top:322px;}
#indexPage #newslist #newsitem_0 .newsbody .title, #newsPage #newslist .newstitem .newsbody .title{font-size:16px;color:#535353;display:block;width:580px;float:none;position:relative;top:-20px;}
#indexPage #newslist #newsitem_0 a:hover .newsbody .title{color:#3d3d3d;}
#indexPage #newslist #newsitem_0 .newsbody .description, #newsPage #newslist .newstitem .newsbody .description{font-size:12px;line-height:22px;color:#909090;text-align:left;height:42px;overflow:hidden;margin-top:20px;display:block }
#indexPage #newslist #newsitem_0 .newsbody::after, #newsPage #newslist .newstitem .newsbody::after{content:'MORE';width:120px;height:30px;line-height:30px;display:block;text-align:center;margin-top:85px;color:#3d3d3d;border:1px solid rgba(0,0,0,.1);transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position:absolute;left:40px;top:110px;opacity:0;transition:all 0.6s ease 0s;}
#indexPage #newslist #newsitem_0 a:hover .newsbody::after, #newsPage #newslist .newstitem a:hover .newsbody::after{background-color:#3d3d3d;color:#fff;opacity:1;}
#indexPage #newslist #newsitem_0 a:hover .newsbody::after{opacity:0;}
#indexPage #newslist #newsitem_1 .news_wrapper, #indexPage #newslist #newsitem_2 .news_wrapper, #indexPage #newslist #newsitem_3 .news_wrapper, #indexPage #newslist #newsitem_4 .news_wrapper, #indexPage #newslist #newsitem_5 .news_wrapper{transition:all ease-out .3s }
#indexPage #newslist #newsitem_1 .news_wrapper::after, #indexPage #newslist #newsitem_2 .news_wrapper::after, #indexPage #newslist #newsitem_3 .news_wrapper::after, #indexPage #newslist #newsitem_4 .news_wrapper::after, #indexPage #newslist #newsitem_5 .news_wrapper::after{width:100%;height:0px;position:absolute;content:"";left:0;transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-color:green;z-index:-1;margin-top:-4px;opacity:0;}
#indexPage #newslist #newsitem_1 a:hover .news_wrapper::after, #indexPage #newslist #newsitem_2 a:hover .news_wrapper::after, #indexPage #newslist #newsitem_3:hover .news_wrapper::after, #indexPage #newslist #newsitem_4:hover .news_wrapper::after, #indexPage #newslist #newsitem_5:hover .news_wrapper::after{width:100%;height:38px;position:absolute;content:"";left:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-color:#3d3d3d;z-index:-1;margin-top:-4px;}
#indexPage #newslist #newsitem_1 a:hover .news_wrapper, #indexPage #newslist #newsitem_2 a:hover .news_wrapper, #indexPage #newslist #newsitem_3 a:hover .news_wrapper, #indexPage #newslist #newsitem_4 a:hover .news_wrapper, #indexPage #newslist #newsitem_5 a:hover .news_wrapper{background-color:transparent;}
#indexPage #newslist #newsitem_1 a:hover .date, #indexPage #newslist #newsitem_2 a:hover .date, #indexPage #newslist #newsitem_3 a:hover .date, #indexPage #newslist #newsitem_4 a:hover .date, #indexPage #newslist #newsitem_5 a:hover .date{color:#9a9a9a }
#indexPage #newslist #newsitem_1 a:hover .title, #indexPage #newslist #newsitem_2 a:hover .title, #indexPage #newslist #newsitem_3 a:hover .title, #indexPage #newslist #newsitem_4 a:hover .title, #indexPage #newslist #newsitem_5 a:hover .title{color:#444;}
#indexPage #newslist #newsitem_1{display:block;left:760px;top:60px;}
#indexPage #newslist #newsitem_2{display:block;left:760px;top:260px }
#indexPage #newslist #newsitem_3{display:block;left:760px;top:80px }
#indexPage #newslist #newsitem_4{display:block;left:760px;top:120px }
#indexPage #newslist #newsitem_5{display:block;left:760px;top:160px }
#indexPage #newslist #newsitem_0 .newsimg::after{position:absolute;content:"";width:420px;height:1px;background:#e4e4e4;margin:0px 0 0 114%;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top:149px;}
#indexPage #newsitem_0 a:hover .newsimg::after{width:76px;}
#indexPage #newsitem_0 .newsbody .description::after, #newsPage #newslist .newstitem .newsbody .description::after{margin:0;position:absolute;left:460px;top:84px;content:"";width:0px;height:32px;background:#3d3d3d;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;z-index:-1;display:none;}
#indexPage #newsitem_0 a:hover .newsbody .description::after{width:123px;}
#newsPage #newslist .newstitem a:hover .newsbody .description::after{width:123px;}
/*news list*/
#newsPage #newslist{width:1180px;height:auto }
#newsPage #newslist .wrapper{margin-right:0px;width:auto;height:auto }
#newsPage #newslist .newstitem{width:100%;height:181px;float:left;margin-bottom:60px }
#newsPage #newslist .newstitem .news_wrapper{width:auto;left:290px;}
#newsPage #newslist .newstitem .newsbody::after{margin-top:22px;}
#newsPage #newslist .newstitem .newsbody .title{top:-4px }
#newsPage #newslist .newstitem .newsbody .description::after{margin:0;position:absolute;left:0;top:128px;content:"";width:0px;height:32px;background:#3d3d3d;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;z-index:-1;}
#indexPage #newslist #newsitem_0 .newsbody .date, #newsPage #newslist .newstitem .newsbody .date{display:block;padding:0;float:none;position:relative;top:32px;}
/**/
/*新闻*/
#indexPage #mnews a.more{display:block;width:12%;height:40px;line-height:40px;position:absolute;left:50%;top:68%;margin-left:167px;margin-top:240px;background:#E9E9E9;animation-name:fadeInRight;animation-delay:0.4s;}
#indexPage #mnews a.more:hover{background:#215FAC }
#mteam .content_list li{animation-name:fadeInUp;}
.newstitem{animation-name:fadeInUp;animation-delay:0.0s;}
#newsitem_1{animation-name:fadeInRight;animation-delay:0.1s;}
#newsitem_2{animation-name:fadeInRight;animation-delay:0.2s;}
#newsitem_3{animation-name:fadeInRight;animation-delay:0.3s;}
#newsitem_4{animation-name:fadeInRight;animation-delay:0.4s;}
#newsitem_5{animation-name:fadeInRight;animation-delay:0.5s;}
#mpartner .content_list li{animation-name:fadeInUp;animation-delay:0.1s;}
.slider li div{animation-name:fadeInUp;animation-delay:0.1s;}
#newslist .newsbody{width:740px;}
#newsPage #newslist .newstitem a.newscontent{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px;}
#newsPage #newslist .newstitem a:hover .newsbody .title{color:#3d3d3d;}
.postbody img{max-width:100%;width:auto;}
.npagePage #banner div{height:300px;}
.npagePage #banner{height:300px;}
#mpage .content .header p.title{text-align:center;margin-left:0;font-size:26px;color:#fff;}
#projectlist .wrapper{width:85%;margin:0 auto;}
#indexPage #mproject #category{position:absolute;top:30px;display:block;animation-name:fadeInUp;right:5%;margin-right:0;}
#indexPage #mproject #category a{padding:0;border:none;border-bottom:none;margin:0 -10px 0 10px;border-right:1px solid #ededed;padding:2px 24px;}
#indexPage #mteam .bx-wrapper .bx-controls-direction a{background-color:transparent;border-radius:0px;width:110px;top:120%;}
#indexPage #mteam .bx-wrapper .bx-controls-direction a i{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color:transparent;background:url(images/jt.png)no-repeat 0px 4px;width:45px;height:40px;margin:0;}
#indexPage #mteam .bx-wrapper .bx-controls-direction a:hover i{background:url(images/jt.png)no-repeat 0px -37px;width:45px;}
#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-next i{background:url(images/jt.png)no-repeat -231px 4px;width:45px;height:40px;margin:0;position:absolute;right:131px;left:-64px;}
#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-next:hover i{background:url(images/jt.png)no-repeat -231px -37px;}
#projectlist .projectitem a::after{content:'';width:40px;height:40px;line-height:40px;background:url(images/soso-ico.png);margin:0 auto;margin-left:-20px;margin-top:0px;display:inline-block;position:absolute;top:0%;left:50%;z-index:10;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity:0;}
#projectlist .projectitem:hover a::after{margin-left:-20px;margin-top:-20px;top:50%;opacity:0;}
#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active title{color:#000;font-size:12px;}
#indexPage #mcontact{background-color:#fff;}
#indexPage #mcontact .header p.title{color:#444;}
#projectbody .postbody{padding:1px 50px 50px;background-color:#fff;}
#projectimages{padding:0px 50px 10px;background:#fff;}
/*服务*/
#servicelist .serviceitem a img{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:auto;height:200px;max-width:100%;}
#indexPage #servicelist #serviceitem_8:hover::before{width:38px;height:1px;background-color:#a1a1a1;color:#3d3d3d;}
#servicelist .serviceitem:hover .title{color:#3d3d3d;}
#mservice .bx-wrapper{height:350px;}
#indexPage #mservice a.more{margin:0;position:absolute;right:5%;top:20px;height:30px;font-size:14px;line-height:30px;width:150px;background-color:#333;border-color:#333;color:#FFF;display:none;}
#indexPage #mservice a.more:hover{background-color:#3d3d3d;border-color:#3d3d3d;}
#mservice .content .header p.title{font-family:"HELVETICANEUELTPRO-THEX", "微软雅黑";text-align:left;margin-left:0%;}
#mservice .content .header p.subtitle{text-align:left;margin-left:0%;}
#servicelist .serviceitem div{width:320px;margin-left:40px;margin-top:18px;}
#servicelist .serviceitem div p.title{transition:all 0.6s ease 0s;}
#indexPage #mservice .content .header, #indexPage #mnews .content .header{width:100%;}
#indexPage #mservice a.more::before{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"";top:14px;left:-83px;width:115px;height:1px;background:#3d3d3d;}
#indexPage #mservice a.more:hover::before{left:88px;width:20px;background:#fff;}
#servicelist .serviceitem a{text-align:center;width:100%;margin-top:0px;}
#servicelist .serviceitem{width:320px;height:342px;margin-right:70px;}
#sitecontent #servicelist .serviceitem a img{height:auto;width:260px;filter:grayscale(60%);float:left;left:-26px;position:absolute;}
#sitecontent #servicelist:hover .serviceitem:hover a img{filter:grayscale(0%);}
#servicelist .serviceitem div p.description{width:260px;height:70px;color:#aaa;text-align:left;margin-top:6px;transition:all 0.6s ease 0s;}
#servicelist .serviceitem div p.description::after{content:"";display:block;width:0px;height:1px;background-color:#3d3d3d;position:absolute;margin-top:0px;margin-top:16px;opacity:0;transition:all 0.6s ease 0s;}
#servicelist .serviceitem:hover div p.description::after{opacity:0;width:260px;background-color:#3d3d3d;}
.Pageservice .content #servicelist .serviceitem a.details{display:-moz-box;border-radius:0px;width:260px;height:46px;margin:0;line-height:46px;font-size:16px;color:#3d3d3d;text-indent:114px;transition:all ease-out .3s;border:0;opacity:0;}
.Pageservice .content #servicelist .serviceitem:hover a.details{opacity:0;background-color:#3d3d3d;color:#fff;}
.Pageservice .content .header p.subtitle::after{content:"";display:block;width:0px;height:340px;background-color:transparent;position:absolute;left:40%;top:230px;}
#indexPage #mpage .wrapper li .fimg {height:0;display:none;}
#indexPage #mpage .wrapper li{ padding-bottom:140px;}
#indexPage .module{z-index:auto }
#indexPage .module .content{position:relative;top:0;}
#indexPage #mproject .content{margin:0;}
#indexPage #mservice{padding-top:100px;height:900px;}
#indexPage #mservice .content{margin:0;height:auto }
#indexPage #mnews{padding-top:100px;height:720px;}
#indexPage #mnews .content{margin:0;top:0 }
#indexPage #mpartner{padding-top:100px;height:600px }
#indexPage #mpartner .content{margin:0;}
#indexPage #mcontact{padding-top:100px;height:auto;}
#indexPage #mcontact .content{margin:0;}
#indexPage #mservice{padding-top:100px;height:auto;padding-bottom:100px;}
#indexPage #mteam .content{margin-top:0;}
#sitecontent .npagePage .content .header::before{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"";width:90%;height:1px;background:#eaeaea;text-align:left;margin-top:78px;left:5%;}
#sitecontent .npagePage .content .header.fw p.title{margin-left:0;}
#sitecontent .npagePage .content .header.fw p.subtitle{margin-left:0;}
#sitecontent .npagePage .content .header.fw::before{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"";width:90%;height:1px;background:#e1e1e1;text-align:left;margin-top:78px;left:5%;}
#sitecontent .npagePage .content #projectwrap .header::before{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"";width:90%;height:1px;background:#d8d8d8;text-align:left;margin-left:5%;margin-top:70px;display:none;}
#projectinfo .header p{margin-left:0;}
#projectinfo .header{margin:0px 0 20px 0;padding:0px 0 20px 0;}
#sitecontent .npagePage .content .header p.title::before{position:absolute;content:"";top:86px;width:1px;height:50px;background:#c3c3c3;margin-left:150px;opacity:0;}
#category li.hasmore div{width:90%;left:5%;}
#category li.hasmore div ul{border-top:rgba(0,0,0,0.08) 1px solid;text-align:left;}
#projectinfo .header p.title::before{display:none }
/*服务*/
#indexPage #mservice .content .header{width:47%;margin:0 0 0 auto;}
#indexPage #mservice .content_list:after{content:"";display:block;width:1px;height:503px;background-color:#efefef;position:absolute;left:265px;top:30px;}
#indexPage #mservice .content_list{position:relative;}
#indexPage #servicelist{width:46%;margin:0 0 0 auto;}
#indexPage #servicelist .serviceitem{width:100%;height:120px;padding:0;margin-bottom:50px;position:relative;z-index:10;}
#indexPage #servicelist .serviceitem div{position:absolute;padding-left:264px;width:246px;text-align:left;}
#indexPage #servicelist .serviceitem div p.description{height:50px;overflow:hidden;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.6s ease 0s;margin-left:0px;white-space:inherit;margin-top:10px;}
#indexPage #servicelist .serviceitem div p.description::after{content:"";display:block;width:4px;height:10px;background-color:#ddd;position:absolute;left:275px;top:4px;margin-left:-50px;opacity:1;transition:all 0.6s ease 0s;text-align:right;margin-top:10px;}
#indexPage #servicelist .serviceitem div:hover p.description::after{content:"";display:block;width:4px;height:80px;background-color:#414141;top:4px;left:275px;opacity:1;}
#indexPage #servicelist .serviceitem:hover div p.title{margin-left:10px;}
#indexPage #servicelist .serviceitem:hover div p.description{margin-left:10px;}
#indexPage #servicelist .serviceitem a.details{display:block;width:45px;height:40px;text-indent:-9999px;background:url(images/jt.png)no-repeat -232px 4px;border:none;margin:0px;position:absolute;top:134px;left:260px;border-radius:0;opacity:0;}
#indexPage #servicelist .serviceitem:hover a.details{opacity:0;left:260px;}
#indexPage #servicelist .serviceitem:hover a.details{background:url(images/jt.png)no-repeat -232px -46px;}
/*分享*/
#shares a#sshare{color:transparent;background-image:url("images/fenxiang.png");background-repeat:no-repeat;}
#shares{height:35px;right:66px;bottom:-3px;}
#shares a#gotop{margin-top:6px;background:none;color:#5f5f5f;}
#shares a i{border-right:1px solid rgba(167, 167, 167, 0.3);padding:0 20px;}
#shares a i.fa-share-alt{padding:0 16px;}
#shares a i.fa-weixin{color:transparent;background-image:url(../images/shouji.png);background-repeat:no-repeat;font-size:16px;height:16px;margin:0 0 0 26px;padding:0 8px;}
#online_open i{margin-top:5px;}
#shares a i.fa-share-alt{padding:0 16px;}
#online_open{margin:0 10px 0 0;background:none;bottom:0px;color:#515151;}
#footer p{position:fixed;bottom:0;background:#fff;padding:8px 230px;right:0px;width:100%;}
#footer.mini p{padding:8px 230px;right:0px;}
#shares a{color:#515151;background-color:transparent;display:inline-flex;height:22px;width:auto;}
#shares a#sweibo{background-color:transparent;transition:all 0.3s ease-out 0s;}
#shares a#sweibo:hover{background:transparent;}
#shares a#sweixin{background-color:transparent;transition:all 0.3s ease-out 0s;}
#shares a#sweixin:hover{background-color:transparent;}
#online_lx{border-radius:0px;bottom:36px;margin-right:-10px;}
#olx_tel div{color:#898989;}
#olx_qq li a i{color:#504f4f;}
#olx_head i:hover{color:#fff;transform:rotate(90deg);-ms-transform:rotate(90deg);/* IE 9 */ -moz-transform:rotate(90deg);	/* Firefox */ -webkit-transform:rotate(90deg);/* Safari 和 Chrome */ -o-transform:rotate(90deg);	/* Opera */ }
#footer a path{fill:#808080;}
#footer{position:fixed;z-index:10;}
#projecttags{margin-top:20px;width:340px;float:right;padding:0px 50px;margin-left:0px;}
#projectib{margin-right:0px;margin-top:12px;width:340px;float:right;padding:0px 50px;margin-left:0px;}
#projectib .projectitem{width:160px;}
.summary{float:left;animation-name:fadeInUp;}
#indexPage #mteam .header img{float:left;margin:0px auto 24px auto;height:auto;}
.bx-wrapper .bx-prev{left:0;}
#indexPage #mteam .bx-wrapper .bx-pager{opacity:0;}
.bx-wrapper .bx-next{right:940px;}
#newslist .newstitem .newsimg, #newslist .newstitem .news_wrapper{top:-46px;}
.description{display:0;}
#indexPage #mpage .wrapper{padding-bottom:120px;}
.slider one .title{color:red;}
.npagePage #newslist .newsbody .description{margin-top:30px;color:#9e9e9e;width:580px;margin-left:0px;}
#contactinfo{width:1120px;padding-left:0;float:none;margin:0 auto;}
#contactinfo p.add{text-overflow:ellipsis;overflow:inherit;white-space:inherit;}
#contactinfo p{float:left;width:246px;padding-right:50px;padding-left:52px;height:auto;border-left:1px solid #ececec;}
#mcontact .content #contactinfo{height:140px;position:relative;margin-top:60px;animation-name:slideInUp;}
#contactinfo h3{width:320px;float:left;overflow:inherit;white-space:inherit;}
#mcontact .content #contactform{margin-top:80px;float:none;height:100%;}
#mcontact .content #contactform{animation-name:slideInUp;}
#contactinfo div{position:absolute;top:30px;}
/*首页团队*/
.animated {animation-name:fadeInRight;animation-delay:0.1s;}
#indexPage #mteam .bx-wrapper:after{content:'';width:100%;display:block;position:absolute;bottom:-20px;border-bottom:1px solid rgba(143, 143, 143, 0.3);}
/*案例内页*/
.npagePage content{text-align:center;}
.npagePage #category{display:inline-block;position:static;top:180px;right:0;padding:22px 0 80px 0;}
.nobanner .npagePage #projectlist .projectitem{height:580px;overflow:hidden;margin-bottom:20px;}
.nobanner .npagePage #projectlist .projectitem a .project_info{overflow:hidden;position:absolute;}
/*新闻内页*/
.npagePage .content{text-align:center;background:#fff;}
#sitecontent #newsPage #category{text-align:center;width:100%;margin:0 auto;display:block;}
#newsPage #newslist .newstitem .newsimg{top:0px;left:64%;transition:all 0.6s ease 0s;display:block;width:320px;height:160px }
#newsPage #newslist .newstitem .news_wrapper{height:160px;top:0px;left:0px;}
#newsPage #newslist .newstitem .newsbody .date{top:38px;}
#newsPage #newslist .newsbody{margin-top:0px;transition:all 0.6s ease 0s;}
#newsPage #newslist a:hover .newsbody{margin-left:40px;}
#newsPage #newslist .newstitem a.newscontent::after{content:"";display:block;width:1078px;height:1px;background-color:#f1f1f1;position:absolute;top:200px;left:0px;transition:all 0.6s ease 0s;z-index:-10;border-bottom:1px solid #f1f1f1;}
#newsPage #newslist .newstitem a:hover.newscontent::after{top:-40px;height:240px;opacity:1;z-index:-10;background-color:#fff;}
#newsPage .content #category a{margin-right:4px;}
/*服务内页*/
#sitecontent .npagePage #servicelist .serviceitem a img{left:auto;position:inherit;width:320px;height:auto;}
#sitecontent .npagePage #servicelist .serviceitem a img::after{content:"";display:block;width:20px;height:1px;background-color:red;}
/*团队*/
#indexPage #mteam .fw{padding-left:197px;}
.fw p{text-align:left;}
/*案例--媒体查询*/
/* @media screen and (min-width:1441px) and (max-width:1920px) {
#indexPage #projectlist .projectitem{height:580px;}
#indexPage #projectlist #projectitem_5, #indexPage #projectlist #projectitem_6, #indexPage #projectlist #projectitem_7, #indexPage #projectlist #projectitem_8{height:280px;}
.nobanner .npagePage #projectlist .projectitem{height:510px;}
}
 @media screen and (min-width:1331px) and (max-width:1440px) {
#indexPage #projectlist .projectitem{height:480px;}
#indexPage #projectlist #projectitem_5, #indexPage #projectlist #projectitem_6, #indexPage #projectlist #projectitem_7, #indexPage #projectlist #projectitem_8{height:240px;}
.nobanner .npagePage #projectlist .projectitem{height:420px;}
}
 @media screen and (max-width:1330px) {
#indexPage #projectlist .projectitem{height:420px;}
#indexPage #projectlist #projectitem_5, #indexPage #projectlist #projectitem_6, #indexPage #projectlist #projectitem_7, #indexPage #projectlist #projectitem_8{height:200px;}
.nobanner .npagePage #projectlist .projectitem{height:400px;}} */
/* 2019-09-09 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;}
/* 处理图片 */
#projectlist .projectitem .project_img,
#mservice .serviceitem .service_img,
#mteam .content_list li .header a,
#mpartner .content_list li .par_img,
#projectib .projectitem .propost_img,
#teamlist .teamitem .teamimg,
#servicelist .serviceitem .service_img{position:relative;display:block;overflow:hidden;}
#projectlist .projectitem .project_img img,
#mservice .serviceitem .service_img img,
#mteam .content_list li .header a img,
#mpartner .content_list li .par_img img,
#projectib .projectitem .propost_img img,
#teamlist .teamitem .teamimg img,
#sitecontent .npagePage #servicelist .serviceitem a img{height:auto;overflow:hidden;position:absolute;top:0;left:0;}
#mproject .projectitem .project_img{padding-top:100%;}
#mservice #servicelist .serviceitem .service_img{padding-top:18.5%;width:29.7%;float:left;transform:translateX(-26px);}
#mteam .content_list li .header a{padding-top:17%;width:200px;float:left;margin:0px auto 24px auto;}
#mpartner .content_list li .par_img{padding-top:75%;}
.Pageanli #projectlist .projectitem .project_img{padding-top:100%;}
#projectib .projectitem .propost_img{padding-top:100%;}
#teamlist .teamitem .teamimg{padding-top:65%;}
#servicelist .serviceitem .service_img{padding-top:62.5%;}
#indexPage #projectlist .projectitem:nth-child(n+5) .project_img{padding-top:100%;}
/* 其他样式 */
.bodylistpost.bodyteam #teamimage{display:none;}
#teampost #teambody{margin-left:0;}
#category a{white-space:nowrap;}
#indexPage #mteam .header img{margin:0;}
.Pageteam #indexPage #mteam .teamitem{height:auto;}
#sitecontent #servicelist .serviceitem a img{left:0;}
#indexPage #mslider ul li p.title,
#indexPage #mslider ul li p.subtitle{width:auto;margin:0;padding:0;text-align:unset;}
#indexPage #projectlist .projectitem{height:auto;margin:0 1% .7% 0;}
.npagePage .content{text-align:left;}
.bodylistpost #sitecontent{padding-bottom:36px;}
.bodylistpost #sitecontent{margin-bottom:100px;}
#sitecontent .npagePage .content .mvideo_header::before{position:absolute;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:"";width:90%;height:1px;background:#eaeaea;text-align:left;margin-top:78px;left:5%;}
.Pageanli #projectlist .content_list{margin-right:-20px;}
.npagePage #category{width:100%;}
.bodylist.bodyproject  .npagePage #projectlist .projectitem{height:auto;}
#mcontact .content #contactinfo{padding-left:380px;box-sizing:border-box;}
#contactinfo h3{position:absolute;top:0;left:0;}
#contactinfo div{left:0;}
/* 2019-09-09 yyq 4-5 */