@charset "utf-8";
#indexPage .module.bgShow .bgmask{display:none}
#indexPage #mpage{background-color:#1e1e1e}
#indexPage #mpage .bgmask{display:block;background:url(../images/icon/dot.png) repeat;opacity:.5}
#indexPage .module .content{position:inherit;top:inherit}
#indexPage #mservice .content{text-align:center;margin-top:0;border-top:1px solid #f4f4f4;height:auto}
#indexPage #mpage .content{height:auto;margin-top:0;border-top:1px solid #f4f4f4;padding:120px 0}
#indexPage #mteam .content{height:auto;margin-top:0;border-top:1px solid #f4f4f4}
#indexPage #mproject .content{height:auto;margin-top:0;border-top:1px solid #f4f4f4;padding-bottom:120px}
#indexPage #mnews .content{height:auto;margin-top:0;border-top:1px solid #f4f4f4}
#indexPage #mpartner .content{height:auto;margin-top:0;border-top:1px solid #f4f4f4}
body.ipusher.open #header #headSHBtn{margin-left:400px}
body.ipusher.open #header #headSHBtn:hover{background-color:#262626}
body.ipusher.open #header #headSHBtn i::before{transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
body.ipusher #header #headSHBtn i{font-size:17px;margin-top:17px;transition:all .3s cubic-bezier(.215,.61,.355,1) 0s}
body.ipusher #header #headSHBtn:hover i{color:#fff;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
body.ipusher.open #header #headSHBtn:hover i{color:#fff;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
#headSHBtn{display:block;left:-70px;top:20px;color:#dedede;background:0 0;width:50px;height:50px;transition:all .3s cubic-bezier(.215,.61,.355,1) 0s}
#headSHBtn:hover{background-color:#4b4b4b}
body.ipusher #header ul li.navitem ul.subnav{margin:-648px 0 0;height:2000px;background-color:#fff;overflow:hidden;padding-top:645px;right:100%;left:auto;z-index:-99;box-shadow:-4px 2px 6px rgba(0,0,0,.03)}
body.ipusher #header .content{padding-top:100px;background-color:#fff;padding-bottom:1000px;box-shadow:0 2px 26px rgba(0,0,0,.1)}
#logoClone img{margin:20px 30px}
body.ipusher #header{width:400px;left:auto;background-color:#fff;right:-400px;position:fixed;z-index:999999}
body.ipusher.open #header{transform:translate3d(-400px,0,0);-webkit-transform:translate3d(-400px,0,0);-moz-transform:translate3d(-400px,0,0);-o-transform:translate3d(-400px,0,0)}
body.ipusher #header #logo{margin:30px 0;display:none}
body.ipusher #header #logo img{margin-left:60px;height:34px}
body.ipusher #header ul li.navitem{text-align:left;border-top:1px solid #f5f5f5;padding:0 50px 0;line-height:60px}
#header ul li.navitem{height:60px}
body.ipusher #header ul li.navitem:hover{background:#f8f8f8;cursor:pointer}
body.ipusher #header ul li.navitem:hover a{color:#000}
#header ul li.navitem a{color:#666;font-size:13px;display:block}
#header ul li.navitem a.active,#header ul li.navitem:hover a{color:#666}
#header ul li.navitem ul.subnav li a{background:#fff;color:#666;height:32px;line-height:32px}
body.ipusher #header ul li.navitem ul.subnav li a{color:#777}
body.ipusher #header ul li.navitem ul.subnav li a:hover{background:#fff;color:#333;text-indent:10px}
#header ul li.navitem ul.subnav li a i{margin-top:11px}
#header ul li.navitem ul.subnav li{border-bottom:1px solid rgba(0,0,0,.05)}
#header ul li.navitem ul.subnav li:last-child{border-bottom:none}
#headSHBtn i{display:none}
#headSHBtn:after{content:"";display:block;width:20px;height:2px;background:#999;position:absolute;top:28px;left:15px;transition:all .3s ease-out 0s}
#headSHBtn:before{content:"";display:block;width:20px;height:2px;background:#999;position:absolute;top:18px;left:15px;transition:all .3s ease-out 0s}
#headSHBtn:hover::after{transform:rotate(45deg);top:25px;background:#fff}
#headSHBtn:hover::before{transform:rotate(-45deg);top:25px;background:#fff}
body.ipusher.open #headSHBtn{background-color:#4a4a4a}
body.ipusher.open #headSHBtn:after{transform:rotate(45deg);top:25px;background:#fff}
body.ipusher.open #headSHBtn:before{transform:rotate(-45deg);top:25px;background:#fff}
#indexPage .bx-wrapper .bx-pager-item{border-radius:6px;width:4px;height:4px;position:relative;margin:0 13px;background:#fff}
#indexPage .bx-wrapper .bx-pager.bx-default-pager a{width:14px;height:14px;border-radius:14px;border:transparent 2px solid;position:absolute;top:-7px;left:-12px}
#indexPage .bx-wrapper .bx-pager.bx-default-pager a.active,#indexPage .bx-wrapper .bx-pager.bx-default-pager a:hover{border:#fff 2px solid;background:0 0}
#indexPage .bx-controls-direction{display:none}
#indexPage #mslider ul li div{display:none}
#indexPage .sliderArrow{display:block;width:38px;height:12px;border:2px solid #fff;border-radius:38px;padding-top:26px;position:absolute;left:50%;margin-left:-21px;top:66%;animation:fadeInUp .6s cubic-bezier(.445,.05,.55,1) .2s infinite alternate;-moz-animation:fadeInUp .6s cubic-bezier(.445,.05,.55,1) .2s infinite alternate;-webkit-animation:fadeInUp .6s cubic-bezier(.445,.05,.55,1) .2s infinite alternate;-o-animation:fadeInUp .6s cubic-bezier(.445,.05,.55,1) .2s infinite alternate}
#mslider .sliderArrow:before{content:"";width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-top:10px solid #fff;margin:13px}
#indexPage #mpage .wrapper li{text-align:center}
#indexPage .content .header{padding-top:100px;display:inline-block}
#indexPage .content .header .title{font-family:"微软雅黑";font-size:20px;color:#323232;border-bottom:2px solid #4f4f4f;padding-bottom:4px;margin-bottom:8px}
#indexPage .content .header p{text-align:left}
#indexPage #mpage .wrapper li .fimg{display:block;width:600px;height:auto;position:absolute;left:50%;background-size:100% auto;min-height:370px;margin-left:-600px;top:150px}
#indexPage .content a.more{display:block;width:auto;height:34px;text-indent:0;line-height:34px;margin:0;border:none;margin:0 auto;overflow:hidden;margin-top:50px;text-transform:lowercase;position:relative}
#indexPage .content a.more i{color:#c3c3c3;margin-left:20px;line-height:34px;font-size:18px;top:1px;position:relative}
#indexPage .content a.more:hover i{text-indent:-10px;color:#333;line-height:34px}
#indexPage #category{padding-bottom:40px}
#indexPage #mproject #category{display:block;width:80%;position:absolute;right:calc(4% + 100px);text-align:right;top:110px}
#indexPage #mproject #category a{border:none}
#category a.active,#category a:hover{background-color:#4b4b4b}
#indexPage #mproject{background-color:#fff;padding-bottom:4px}
#mproject .content{text-align:center}
#mproject .content .header{padding:98px 0 60px;float:left;margin-left:4%}
#mproject.Pageanli .content .header{padding:60px 0 0;float:none;width:auto;margin:0 4%}
#indexPage #projectlist{width:100%;margin:0 auto;position:relative;float:left}
#indexPage #mproject .content .wrapper .content_list{margin-left:4%}
#indexPage #projectlist .projectitem{overflow:hidden;width:32%}
#indexPage #projectlist #projectitem_1{animation-delay:.1s}
#indexPage #projectlist #projectitem_2{animation-delay:.6s}
#indexPage #projectlist #projectitem_3{animation-delay:.8s}
#projectlist .projectitem a .project_info div{margin-top:-29px}
#projectlist .projectitem a:hover .project_info{background:rgba(255,255,255,.92)}
#projectlist .projectitem a .project_info p.title{font-size:18px;margin:0 0 20px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.npagePage4 #projectlist .projectitem a .project_info p.title::after{margin-top:1px}
#projectlist .projectitem a .project_info p.subtitle{font-size:13px}
#projectlist .projectitem a:hover .project_info p.title{color:#000;font-size:18px;text-align:center;margin-bottom:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;margin-bottom:15px}
.npagePage4 #projectlist .projectitem a .project_info p.title{font-size:14px;transition:all .3s ease-out 0s}
#projectlist .projectitem a:hover .project_info p.subtitle{color:#848484;font-size:13px;font-family:Arial;margin-top:-10px}
#projectlist .projectitem a:after{width:100%;height:100%;content:"";display:block;position:absolute;transition:all .38s cubic-bezier(.62,.02,.34,1);-moz-transition:all .38s cubic-bezier(.62,.02,.34,1);-webkit-transition:all .38s cubic-bezier(.62,.02,.34,1);-ms-transition:all .38s cubic-bezier(.62,.02,.34,1);-ms-filter:"alpha(opacity=$num)";opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";transform:scale(.85);-moz-transform:scale(.85);-webkit-transform:scale(.85);-ms-transform:scale(.85);z-index:2;top:0;left:0}
#projectlist .projectitem a:hover::after{-ms-filter:"alpha(opacity=$num)";opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";transform:scale(.92,.9);-moz-transform:scale(.92,.9);-webkit-transform:scale(.92,.9);-ms-transform:scale(.92,.9)}
#indexPage #mpage .content .header{position:absolute;left:calc(50% + 90px);z-index:10;padding-top:82px}
#sitecontent .newsl .content .header{float:none}
#sitecontent .Pageservice .content .header,#sitecontent .Pageteam .content .header,#sitecontent .npagePage.Pageyemian .content .header{float:none;margin-left:0;padding-bottom:50px}
.Pagenews #newslist .newstitem.right .news_wrapper{left:50%}
#sitecontent .content .header #indexPage #mpage .content .header{position:absolute;left:50%;z-index:10;padding-top:90px}
#indexPage #mpage .content .des-wrap{width:24%;background:#fff;min-height:370px;position:relative;left:50%;padding:0 8%}
#indexPage #mpage .module-content .description{text-align:left;width:auto;margin-top:30px;line-height:26px;padding-top:156px;height:102px;overflow:hidden}
#indexPage #mpage .content a.more{position:absolute;left:58%;top:58%;font-size:17px;z-index:10;border-radius:0}
#indexPage #mpage .content a.more:hover{color:#333;top:calc(58% - 10px)}
#indexPage #mpage .content a.more::before{content:"";position:absolute;width:0%;height:9px;background:red;top:20px;left:0;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s;opacity:1;z-index:-1}
#indexPage #mpage .content a.more:hover::before{opacity:1;width:100%}
#sitecontent .Pageanli .content .header p.title{font-size:24px;line-height:30px}
#sitecontent .Pageanli .content .header p.subtitle{max-width:50%;margin:10px auto 0;text-align:left;line-height:25px}
.content .header p.subtitle{text-align:right}
.npagePage#mproject .content #projectlist{float:left;width:100%}
#category a.active,#sitecontent .Pageanli #category a.active,#sitecontent .Pageanli #category a:hover{background:#4a4a4a;border-color:#4a4a4a}
#sitecontent .Pageanli #projectlist .projectitem .project_img{height:auto;overflow:hidden}
#indexPage #mnews{background-color:#fff}
#indexPage #mnews .content{text-align:center;padding-bottom:100px}
#indexPage #mnews .content .header{padding:100px 0 75px;display:inline-block;float:left;margin-left:4%}
#newslist .newstitem.left a.newscontent,#newslist .newstitem.left a.newscontent:hover,#newslist .newstitem.right a.newscontent:hover{padding:0}
#indexPage #mnews #newslist .newstitem.right a.newscontent{padding-right:62.5%;width:auto!important}
#newslist .news_wrapper,#newslist .newstitem a.newscontent:hover .news_wrapper{width:auto}
#newslist .separator{display:none}
#mnews #newslist{width:82%;padding-left:9%;margin-right:9%}
#indexPage #mnews #newslist{float:left}
#indexPage #mnews .content_list:after{content:"";display:block;clear:both}
#mnews #newslist .wrapper .newstitem{height:80%;transition:all .3s ease-out 0s;min-height:200px}
#indexPage #mnews .newstitem a.details{display:block;position:absolute;right:3%;opacity:0;top:100px;width:auto;text-indent:0;height:40px;border-radius:0;line-height:40px;font-size:14px;border:none;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#indexPage #mnews .newstitem:hover a.details{right:10%;opacity:1}
#indexPage #mnews #newslist .newstitem a.newscontent{width:100%!important}
#indexPage #mnews #newslist .newstitem.left .news_wrapper,#indexPage #mnews #newslist .newstitem.right .news_wrapper,#newslist .newsbody .title{background:0 0;width:100%}
#indexPage #mnews #newslist .newsbody{width:80%}
#indexPage #mnews .bx-controls{display:block}
#mnews .bx-wrapper .bx-controls-direction{display:none}
#newslist .newstitem .newsimg{width:100%;height:220px;float:left;position:relative;z-index:3}
#indexPage #mnews #newslist .newstitem .newsimg{display:none}
#newslist .newsbody .title{height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:16px;color:#323232;line-height:inherit;text-align:left;margin-top:0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#newslist .newstitem:hover .newsbody .title{margin-top:-15px}
#newslist .newstitem:hover .newsbody .description{margin-top:15px}
#newslist .newstitem .newsbody .date:after{content:"";display:block;width:10%;height:2px;background:#4a4a4a;position:absolute;left:0;top:-16px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#newslist .newstitem:hover .newsbody .date:after{width:calc(100% + 50px);left:-50px}
#newslist .newsbody .date{text-align:left;position:relative;bottom:-152px;margin-bottom:0}
#newslist .newsbody .date .md{}
#newslist .newstitem .newsbody .date .year{font-family:"微软雅黑";font-weight:700;font-size:18px;color:#838383;margin-left:0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#newslist .newstitem:hover .newsbody .date .year{margin-left:20px;color:#454545}
#newslist .newsbody .description{font-size:13px;color:#7a7a7a;line-height:26px;text-align:left;margin-top:8px;height:55px;overflow:hidden;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#mnews .bx-pager.bx-default-pager{top:230px;text-align:center}
#indexPage #mnews .bx-wrapper .bx-pager-item{background:#6f6f6f}
#indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a.active,#indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a:hover{border:#6f6f6f solid 2px}
#indexPage #mservice{background-size:inherit;padding-bottom:110px}
#indexPage #mservice #servicelist{width:92%;margin-left:4%}
#indexPage #mservice .wrapper{float:left}
#indexPage #servicelist .serviceitem{width:50%;margin-bottom:0;height:100%;position:relative}
#mservice .content .header{width:auto;padding:110px 0 65px;float:left;margin-left:4%}
#servicelist .serviceitem a img{width:262px;height:145px;margin:0 auto;display:block}
#indexPage #servicelist .serviceitem a img{width:100%;height:auto}
#indexPage #mservice #servicelist .serviceitem div{width:100%;height:auto;margin:0 auto;background:0 0;position:absolute;bottom:50%;text-align:center;margin-bottom:-40px}
#indexPage #mservice #servicelist .serviceitem .service_img:before{position:absolute;background:rgba(0,0,0,.7);width:100%;height:100%;content:"";left:0;top:0;opacity:0;transition:all .3s ease-out 0s}
#indexPage #mservice #servicelist .serviceitem:hover .service_img:before{opacity:1;undefined:undefined}
#indexPage #servicelist .serviceitem div p.title{height:40px;line-height:40px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;position:relative;top:35px;opacity:0;padding-top:0}
#indexPage #servicelist .serviceitem div p.title::before{content:"";position:absolute;width:0%;background:rgba(255,255,255,.3);height:1px;left:50%;bottom:0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#indexPage #servicelist .serviceitem:hover div p.title::before{width:80%;margin-left:-40%;left:50%}
#indexPage #servicelist .serviceitem:hover div p.title{color:#fff;top:0;opacity:1}
#indexPage #servicelist .serviceitem div p.description{opacity:0;position:relative;top:-10px}
#indexPage #servicelist .serviceitem:hover div p.description{color:rgba(255,255,255,.75);top:0;opacity:1}
#servicelist .serviceitem div p.title{font-size:18px;color:#323232;padding-top:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#servicelist .serviceitem:hover .title{color:#000}
#servicelist .serviceitem div p.description{overflow:auto;color:rgba(111,111,111,.55);width:80%;height:auto;line-height:25px;margin-left:0;margin:0 auto;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#indexPage #mservice a.details{display:none;width:30px;height:30px;text-indent:-180px;line-height:30px;margin:0;position:absolute;right:50%;bottom:40px;overflow:hidden;border:1px solid #e0e0e0;z-index:5;margin-right:72px}
#indexPage #mservice a.details:hover{background:#4a4a4a;border:1px solid #4a4a4a}
#indexPage #mservice a.details:hover i{color:#fff}
#indexPage #mservice a.details i{color:#c1c1c1;margin-left:146px;font-size:18px;position:relative;top:-1px}
#indexPage #mservice a.details:hover i{text-indent:-10px}
#mservice #newslist .newstitem:hover a.details{border:1px solid #fff}
#mservice #newslist .newstitem:hover a.details i{color:#fff}
#indexPage #mservice a.more{display:block;margin-top:80px;text-indent:0;border:none;border-radius:0;width:auto;font-size:18px}
#indexPage #mservice .bx-controls-direction{display:block;width:120px;height:60px;position:absolute;left:50%;margin-left:70px;bottom:12px}
#mservice .bx-wrapper .bx-controls-direction a{width:60px;height:60px;border-radius:0;position:inherit;display:inline-block;margin-top:0}
#mservice .bx-wrapper .bx-controls-direction a i{margin-top:13px;margin-left:0}
#mservice .bx-wrapper .bx-controls-direction a.bx-next i{margin-left:4px}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev{top:0;left:0;background:#fff;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev:hover{background:#323232}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev i{color:#d1d1d1}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev:hover i{color:#fff}
#indexPage #mservice .wrapper .bx-wrapper .bx-next{top:0;right:0;background:#4b4b4b;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#indexPage #mservice .wrapper .bx-wrapper .bx-next:hover{background:#323232}
#indexPage #mteam{background-color:#fff;background-position:top center!important;background-size:100%!important;background-attachment:scroll}
#indexPage #mteam .wrapper .header{float:right;padding:0;margin-right:8%;width:auto;margin-left:0}
#indexPage #mteam .header img{width:280px;height:auto;border-radius:0;margin:0}
#indexPage #mteam .wrapper .summary{width:48%;margin-top:50px}
#indexPage #mteam .summary p{text-align:left;width:100%;float:left;line-height:26px}
#indexPage #mteam .summary p.title{transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#indexPage #mteam li:hover .summary p.title{color:#333;margin-top:-10px;position:relative}
#indexPage #mteam .module-content{width:50%;margin-left:4%;padding:120px 0 130px;float:right}
#indexPage #mteam .description{color:#777}
#indexPage #mteam .summary p.title a{font-size:18px;color:#333;position:relative}
#indexPage #mteam .summary p.title a:after{content:"";width:40px;height:2px;background:#5a5a5a;position:absolute;left:0;top:70px}
#indexPage #mteam .summary p.subtitle{color:#777;font-size:14px;line-height:32px;margin-bottom:40px}
#indexPage #mteam a.details{display:block;width:auto;height:30px;text-indent:0;line-height:30px;margin:0;position:absolute;left:0;top:270px;overflow:hidden;border-radius:0;border:none;font-size:17px;z-index:10}
#sitecontent .npagePage.Pageteam a.details{display:block;width:auto;height:30px;text-indent:0;line-height:30px;margin:0;position:absolute;left:351px;top:240px;overflow:hidden;border-radius:0;border:none;font-size:17px;z-index:10}
#sitecontent .npagePage.Pageteam .teamitem:hover a.details{left:361px}
#sitecontent .npagePage.Pageteam .teamitem a.details::before{content:"";position:absolute;width:0%;height:9px;background:red;top:20px;left:0;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s;opacity:1;z-index:-1}
#sitecontent .npagePage.Pageteam .teamitem:hover a.details::before{opacity:1;width:100%}
#indexPage #mproject .content a.more{position:absolute;right:4%;top:-12px;margin-top:-100px;border:none;border-radius:0;font-size:18px;text-indent:0;width:auto;z-index:10}
#indexPage #mnews .content a.more{position:absolute;right:4%;top:55px;border:none;border-radius:0;font-size:18px;text-indent:0;width:auto;z-index:10}
#indexPage #mservice .content a.more{position:absolute;right:4%;top:25px;z-index:10;border:none;border-radius:0;font-size:18px;text-indent:0;width:auto}
#indexPage #mnews a.more::before,#indexPage #mproject a.more::before,#indexPage #mservice a.more::before{content:"";position:absolute;width:0%;height:9px;background:red;top:20px;left:0;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s;opacity:1;z-index:-1}
#indexPage #mnews a.more:hover,#indexPage #mproject a.more:hover,#indexPage #mservice a.more:hover{color:#333;text-indent:8px}
#indexPage #mnews a.more:hover::before,#indexPage #mproject a.more:hover::before,#indexPage #mservice a.more:hover::before{opacity:1;width:100%}
#indexPage #mteam a.details:before{content:"";position:absolute;width:0%;height:9px;background:red;top:18px;left:0;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s;z-index:-1}
#indexPage #mteam .content_list li:hover a.details:before,#indexPage #mteam a.details:hover:before{opacity:1;width:100%}
#indexPage #mteam .content_list li:hover a.details,#indexPage #mteam a.details:hover{color:#333;text-indent:7px}
#indexPage #mteam a.details i{color:#c1c1c1;margin-left:125px;font-size:16px;position:relative;top:1px;margin-left:20px}
#indexPage #mteam .content_list li:hover a.details i,#indexPage #mteam a.details:hover i{color:#333;text-indent:-10px}
#mteam ul li:hover a.details{border:1px solid #fff}
#mteam #ul li:hover a.details i{color:#fff}
#indexPage a.details i{margin-top:2px}
#indexPage #mteam .bx-controls-direction{display:block;width:100px;height:50px;position:absolute;right:0;margin-right:calc(8% - 51px);bottom:0;text-align:center}
#mteam .bx-wrapper .bx-controls-direction a{width:50px;height:50px;border-radius:0;position:inherit;display:inline-block;margin-top:0}
#mteam .bx-wrapper .bx-controls-direction a i{margin-top:14px;margin-left:1px;font-size:24px}
#mteam .bx-wrapper .bx-controls-direction a.bx-next i{margin-left:4px}
#indexPage #mteam .wrapper .bx-wrapper .bx-prev{top:0;left:0;background:#f6f6f6}
#indexPage #mteam .wrapper .bx-wrapper .bx-prev:hover{background:#323232}
#indexPage #mteam .wrapper .bx-wrapper .bx-prev:hover i{color:#fff}
#indexPage #mteam .wrapper .bx-wrapper .bx-prev i{color:#d2d2d2}
#indexPage #mteam .wrapper .bx-wrapper .bx-next{top:0;right:0;background:#4b4b4b}
#indexPage #mteam .wrapper .bx-wrapper .bx-next:hover{background:#323232}
#indexPage #mteam .wrapper .bx-wrapper .bx-next:hover i{color:#fff}
#indexPage #mpartner .content .header{display:none}
#indexPage #mpartner .module-content{padding:18px 0;height:auto;width:82%}
#indexPage #mpartner .wrapper{height:auto;width:100%}
#indexPage #mpartner .wrapper .content_list{padding-left:100px!important;padding-right:100px!important}
#indexPage #mpartner .wrapper ul li{max-height:120px;overflow:hidden}
#indexPage #mpartner .wrapper ul li a{width:160px;height:auto;margin-bottom:0;margin-right:30px}
#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}
#indexPage #mpartner .bx-wrapper .bx-prev{left:-4%}
#indexPage #mpartner .bx-wrapper .bx-next{right:-4%}
#indexPage #mpartner .bx-wrapper .bx-controls-direction a{background:0 0}
#indexPage #mpartner .bx-wrapper .bx-controls-direction a:hover{background:#323232}
#mpartner .bx-wrapper .bx-controls-direction a i{color:#c6c8cc;font-size:24px;margin-top:7px;margin-left:17px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#mpartner .bx-wrapper .bx-controls-direction a.bx-prev i{margin-left:15px}
#mpartner .bx-wrapper .bx-controls-direction a:hover i{color:#fff}
#mcontact{background:#f7f7f7}
#mcontact .content{height:auto;margin-top:0;text-align:center}
#mcontact .content .header.fw{width:auto;padding-bottom:80px;display:none}
#mcontact .header p.title{color:#323232}
#contactlist:after{clear:both;content:"";display:block}
#mcontact .content #contactlist{width:92%;margin-left:4%;text-align:left;padding-bottom:94px;padding-top:100px}
#mcontact #contactinfo{width:27%;margin-left:2%}
#mcontact .content #contactform{width:50%;margin-top:42px}
#contactform p .inputtxt{width:100%;background-color:transparent;border:none;border-bottom:1px solid #dedede;width:100%;padding:10px 0;color:#7d7d7d;font-size:13px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#mcontact .content #contactform p{float:left;margin-right:20px;width:30%}
#contactinfo h3{color:#606060;margin-bottom:35px}
#contactinfo div a{background:0 0}
#contactinfo div a:hover{background:#464646}
#contactinfo div a i{color:#c5c5c5}
#contactinfo div a:hover i{color:#fff}
#contactform p textarea.inputtxt{width:calc(300% + 40px);width:-moz-calc(300% + 40px);width:-webkit-calc(300% + 40px)}
#contactform p .inputsub{width:100px;background-color:transparent;color:#909090;font-size:14px;padding:5px 0;display:block;float:left;position:relative;top:155px;height:40px;left:calc(-100% - 20px);left:-moz-calc(-100% - 20px);left:-webkit-calc(-100% - 20px);border:1px solid #cecece;cursor:pointer;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#contactform p .inputsub:hover{background-color:#4a4a4a;border:1px solid rgba(0,0,0,.1);color:#fff}
#contactform p .inputtxt:hover{border-bottom:1px solid #606060}
#footer{background:#fff;border-top:1px solid #f4f4f4;float:left}
#footer p{padding:8px 0;width:90%;margin:0 auto;text-align:left}
#newsPage #newslist .newstitem{height:237px;margin-bottom:80px}
#newsPage #newslist{width:1200px;margin:0 auto;float:left}
#newsPage #newslist .newsbody .title{left:0;padding:5px 0 0}
#newsPage #newslist .newsbody .title:after{left:0;top:50px}
.npagePage #projectlist .projectitem{height:auto;width:32%}
.Pageanli #category{width:80%;float:right;text-align:right;padding-top:60px;margin-right:4%}
.npagePage #projectlist .wrapper{width:92%;margin-left:4%;margin-right:4%}
#indexPage .module{z-index:auto}
#shares a{width:40px;height:40px}
#shares a#sshare{display:none}
#shares a i{margin-top:11px}
#shares a i.fa-weixin{margin:11px 0 0 14px;background-image:url(../images/icon/shouji-.png);transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#shares a#gotop{margin-top:0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;bottom:40px;position:fixed;right:10px}
#shares a#gotop i{margin-top:8px}
#shares a#gotop:hover{background:rgba(0,0,0,.9)}
#shares a#sweibo,#shares a#sweixin{background-color:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1);width:38px;height:39px;border-bottom:none;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;position:fixed;bottom:120px;right:10px}
#shares a#sweixin{border-bottom:1px solid rgba(0,0,0,.1);height:38px;position:fixed;bottom:80px}
.fa-weibo::before{color:#999}
#shares a#sweibo:hover{background-color:#555}
#shares a#sweibo:hover .fa-weibo::before{color:#fff}
#shares a#sweixin:hover{background-color:#555}
#shares a#sweixin:hover i.fa-weixin{background-image:url(../images/icon/shouji.png)}
#olx_head{background:#3e3e3e;border-radius:0}
#olx_qq li a:hover i{color:#d2d2d2}
#olx_qq li a:hover{padding:18px 30px}
#online_open i{margin-top:10px}
#online_open{background:0 0;bottom:0;color:#515151;bottom:160px;color:#999;background-color:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1);width:38px;height:39px;border-bottom:none}
#online_open:hover{background-color:#555;color:#fff}
#online_lx{border-radius:0;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);undefined:undefined;-moz-transform:rotate(90deg);undefined:undefined;-webkit-transform:rotate(90deg);undefined:undefined;-o-transform:rotate(90deg);undefined:undefined}
#pages li.page-item{display:inline}
#pages a.active,#pages a:hover,#pages li.active .page-link{background-color:#484848}
#projectinfo4 .header p.title{font-size:22px;margin-bottom:8px}
#projectinfo4 .header p.subtitle{font-family:Arial,Helvetica,sans-serif,"微软雅黑";font-size:13px}
#projectinfo4 div.description{margin-top:20px;line-height:24px;font-size:13px}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background-color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.8)}
#projectinfo4 div.description a{display:inline-block;width:150px;height:40px;line-height:40px;background:#5d5d5d;color:#fff;text-align:center;margin:20px auto;transition:all .3s ease-out 0s}
#projectinfo4 div.description a:hover{background:#3c3c3c}
#projectbody4 .postbody4{margin-top:20px}
#projectbody4 .postbody4 h1{font-size:1.5em;text-indent:.5em;border-left:.2em solid red;margin:.5em 0}
#projectbody4 .postbody4 p{line-height:24px}
#projectbody4 .postbody4 ol{padding-inline-start:2em}
#post_slider{background:#f8f8f8}
#projectimages4 img{margin-bottom:10px}
#projectbody4{border-bottom:1px dotted rgba(0,0,0,.1);padding-bottom:20px}
.npagePage4 #projectwrap4{margin-top:10px}
#post_slider1,.npagePage4 #post_slider{height:600px;width:100%;max-width:100%}
.npagePage4 #post_slider li{height:600px;width:100%;max-width:100%}
.npagePage4 #projectshow4{margin-top:10px}
.npagePage4 .bx-wrapper{width:100%;margin:0 auto}
.npagePage4 .bx-wrapper .bx-controls-direction a{background:rgba(0,0,0,0);width:45px;height:45px;border-radius:0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.npagePage4 .bx-wrapper .bx-controls-direction a i{color:rgba(170,170,170,.9);font-size:22px;margin-top:11px}
.npagePage4 .bx-wrapper .bx-controls-direction a:hover{border:none;border-radius:0;background:rgba(0,0,0,.5)}
.npagePage4 .bx-wrapper .bx-controls-direction a:hover i{color:#fff}
.npagePage4 .bx-wrapper .bx-controls-direction a.bx-next i{margin-left:19px}
.npagePage4 .bx-wrapper .bx-controls-direction a.bx-prev i{margin-left:19px}
.npagePage4 #projectlist .wrapper{text-align:left;margin-left:0;width:100%;margin-right:0}
.npagePage4#npagePage #projectlist .projectitem a .project_info{position:absolute}
.npagePage4 #projectinfo4{border-bottom:1px dotted rgba(0,0,0,.1)}
.npagePage4 #projectinfo4 .header{padding-bottom:10px;padding-top:50px;margin-left:0}
#sitecontent .npagePage4 #projectlist .projectitem{width:24.25%;height:auto;background:#fff}
#sitecontent .npagePage3 #projectlist .projectitem:last-child,#sitecontent .npagePage4 #projectlist .projectitem:nth-child(4n){margin-right:0}
#sitecontent .npagePage4 #projectlist .projectitem a img{height:auto}
.npagePage4 #projecttags4 a{background:#fff;padding:5px 18px;transition:all .3s ease-out 0s}
.npagePage4 #projecttags4 a:first-child{padding-left:0}
.npagePage4 #projecttags4 a:hover{color:#333}
#category li.hasmore div ul a.active,#category li.hasmore div ul a:hover{background:#8cd4c1}
.npagePage #banner{height:320px}
.npagePage #banner div{height:320px}
.Pageteam .content .header p.subtitle,.Pageyemian .content .header p.subtitle{text-align:center;font-size:14px;margin-top:3px}
.content .header p.title{font-size:24px}
.Pagenews .content .header p.subtitle,.Pagenews .content .header p.title{text-align:left}
.npagePage.Pagenews .content{width:1200px;margin:0 auto}
#sitecontent .npagePage.Pagenews .content .header{margin-left:0;float:left}
.Pageteam #teamlist .wrap{margin-right:0;height:0}
.Pageteam .teamitem{position:relative;width:100%;height:auto;margin-bottom:20px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;background:#fff;border-bottom:1px solid rgba(0,0,0,.07);margin-right:0;padding-bottom:20px}
#sitecontent .npagePage.Pageteam a.details i{font-size:18px;text-indent:8px}
#sitecontent .npagePage.Pageteam #teamlis .teamitem:hover a.details:hover i{text-indent:8px}
.Pageteam .teamitem:last-child{border-bottom:none}
.Pageteam .teamitem a{width:300px;height:auto;float:left}
.Pageteam #teamlist{width:1200px}
.Pageteam .teamitem a img{width:280px;height:auto;z-index:2;position:relative}
.Pageteam #teamlist .wrap .teamitem:hover::after{background:#4a4a4a;height:240px;margin-top:35px}
.Pageteam .teamitem .teaminfo{width:850px;float:right;text-align:left;margin-top:70px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.Pageteam .teamitem:hover .teaminfo{margin-top:55px}
.Pageteam .teamitem .teaminfo a{width:100%;height:32px;margin-left:0}
.Pageteam .teamitem .teaminfo a::after{content:"";position:absolute;width:0;height:0}
.Pageteam #teamlist .wrap .teamitem::before{content:"";position:absolute;width:0;height:320px;background:#ebebeb;left:50%;margin-left:-1px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.Pageteam #teamlist .wrap .teamitem:hover::before{margin-left:0;background:#f8f8f8}
.Pageteam .teamitem .teaminfo .description{font-size:13px;line-height:24px;height:53px;width:90%;margin-top:50px}
.teamitem .teaminfo .title{height:32px}
.Pageteam .teamitem .teaminfo .description::before{content:"";position:absolute;width:30px;height:2px;background:#616161;margin-top:-30px}
.Pageteam .teamitem .teaminfo .title a{color:#555;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.Pageteam .teamitem .teaminfo .subtitle{position:relative;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;margin-top:0}
#sitecontent .npagePage .postbody{width:1180px}
.Pageteam .teamitem a.details{display:block}
.Pagenews #newsPage #newslist .newstitem{margin-bottom:20px;height:auto}
.Pagenews #newslist .newsbody{width:550px;padding-left:50px;padding-top:20px}
.npagePage #banner div{position:unset}
.Pagenews #newslist .newstitem .newscontent::after{bottom:25px;left:50px;background:#4e4e4e}
.Pagenews #newslist .newstitem .newsimg{margin-left:0;width:600px;height:237px}
.Pagenews #category a:hover{background:#4a4a4a;border-color:#4a4a4a}
.newsl .content .header p.subtitle{font-size:14px;text-align:center}
.Pagenews #newslist .newstitem .newscontent:after{height:140px}
.Pageservice .content .header{padding-bottom:70px}
.Pageservice .content .header p.subtitle{text-align:center}
.Pageservice #servicelist .serviceitem div{width:100%;background:0 0;padding:0;margin-top:0}
.Pageservice #servicelist .serviceitem div::before{content:"";position:absolute}
.Pageservice #servicelist .serviceitem a img{width:100%;height:auto;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.Pageservice #servicelist .serviceitem .service_img{overflow:hidden;display:block}
.Pageservice #servicelist .serviceitem:hover a img{transform:scale(1.12,1.12)}
.Pageservice #servicelist .serviceitem{width:50%;height:auto;border-bottom:3px solid rgba(0,0,0,0);margin-bottom:40px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;margin-right:0;padding-bottom:25px}
.Pageservice #servicelist .wrap{margin-right:0}
.Pageservice #servicelist{width:1200px}
.Pageservice #servicelist .serviceitem a{height:380px;top:0}
.Pageservice #servicelist .serviceitem div p.description{white-space:normal;color:#888;margin-top:0;height:26px;line-height:26px}
.Pageservice #servicelist .serviceitem:hover{border-bottom:3px solid #696969}
.Pageservice #servicelist .serviceitem div p.title{font-size:17px;height:30px;line-height:30px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.Pageservice #servicelist .serviceitem:hover div p.title{padding-top:15px}
#npagePage #projectlist .projectitem a .project_info{position:absolute}
#npagePage #projectlist .projectitem a .project_info p.title{text-align:center}
#npagePage #projectlist .projectitem a .project_info p.subtitle{color:transparent;text-align:center}
#npagePage #projectlist .projectitem a:hover .project_info p.title{color:#000;margin-bottom:0;margin-top:10px}
#npagePage #projectlist .projectitem a:hover .project_info p.subtitle{color:#888}
#npagePage #projectlist .projectitem a .project_info div{margin-top:-33px}
.Pagenews #category{text-align:right;width:atuo;padding-top:80px;float:right}
.Pagenews #category a{margin-right:8px}
.npagePage4 .bx-wrapper .bx-pager.bx-default-pager a{width:6px;height:6px;border:2px solid rgba(170,170,170,.85)}
.npagePage4 .bx-wrapper .bx-pager.bx-default-pager a.active,.npagePage4 .bx-wrapper .bx-pager.bx-default-pager a:hover{background-color:#fff;border:2px solid #fff}
#mcontact .content #contactform{width:60%}
.bodyindex #indexPage #category .more,.bodyindex #indexPage #category a:first-child,.bodylist #category .more{display:none}
.bodyindex #indexPage #category a.more{position:static;width:auto;height:auto;text-indent:0;display:none;line-height:16px;height:16px;font-size:13px;color:#7b7b7b;background-color:#eaeaea;margin-left:0;border:none}
.bodyindex #indexPage #category a.more:hover{background:#50a4fe;color:#fff;transition:.3s;transform-origin:bottom;border:none}
#indexPage a.more:hover i{display:none}
#indexPage #category a:nth-last-child(2)::after{display:none}
#mpartner .content_list li .par_img,#mproject .projectitem .project_img,#mservice .serviceitem .service_img,#mteam .content_list li .header,#servicelist .serviceitem .service_img,#teamlist .teamitem .teamimg{position:relative;display:block;overflow:hidden}
#mpartner .content_list li .par_img img,#mproject .projectitem .project_img img,#mservice .serviceitem .service_img img,#mteam .content_list li .header img,#servicelist .serviceitem .service_img img,#teamlist .teamitem .teamimg img{height:auto;overflow:hidden;position:absolute;top:0;left:0}
#mproject .projectitem .project_img{padding-top:70%}
#mservice .serviceitem .service_img{padding-top:51%}
#indexPage #mteam .wrapper .header{padding-top:35%;width:280px}
#mpartner .content_list li .par_img{padding-top:75%}
#indexPage #mpartner .wrapper ul li a img{height:auto}
#teamlist .teamitem .teamimg{padding-top:28%;width:280px;float:left}
#servicelist .serviceitem .service_img{padding-top:51%}
.bodylistpost.bodyteam #teamimage{display:none}
#teampost #teambody{margin-left:0;width:100%}
#indexPage a.more:hover i{display:inline-block}
#indexPage #mproject .content a.more{top:-8px}
#indexPage #mpage.init_layout .wrapper li .fimg{margin-top:0;width:600px;position:absolute}
.Pageteam .teamitem a{width:100%}
.bodyindex #sitecontent #indexPage .content{border-top:none}
.bodylistpost.bodyteam #teampost .theader .subtitle,.bodylistpost.bodyteam #teampost .theader .title{display:none}
.content .header p.subtitle{text-align:center}
.bodylistpost.bodyteam #teampost{padding-top:0}
#teambody .theader .postbody{margin:0;padding-top:0}
#indexPage #mpartner .wrapper ul li{max-height:none;height:auto}
#indexPage #mpartner .wrapper ul li a{width:100%}
#indexPage #mteam .wrapper .header{width:29%}
#indexPage #mteam .wrapper .summary{margin-top:5%}
#indexPage #mteam a.details{top:80%}
#indexPage #mteam .summary .description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:52px}
#indexPage .mmap{background:#f7f7f7}
#indexPage .mmap .content{width:92%;margin:0 auto}
.ipusher #indexPage .mmap .content{margin-top:0}
#indexPage .mmap .header{display:none}
.bodylistpost #pageswitch a>div{width:80%}
.bodylistpost #pageswitch a:hover>div{width:75%}
.bodylistpost #pageswitch{display:block;margin:0}
.bodylistpost #pageswitch .prev .subtitle,.bodylistpost #pageswitch .prev .title{margin-left:20%}
.bodylistpost #pageswitch .next .subtitle,.bodylistpost #pageswitch .next .title{margin-right:20%}
#app div.body_container{background-color:#fff}
body #page_body_editor-wrapper .layout_group .normal_link{position:relative;z-index:0}
body #page_body_editor-wrapper .layout_group .normal_link::before{content:"";position:absolute;width:0%;height:100%;background:red;left:0;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s;opacity:1;z-index:-1}
body #page_body_editor-wrapper .layout_group .normal_link:hover::before{width:100%}
body #page_body_editor-wrapper .layout_group .normal_link[data-style=black]::after{transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;content:"\f105";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0);margin-left:10px;color:#999}
body #page_body_editor-wrapper .layout_group .normal_link[data-style=black]:hover::after{margin-left:20px;color:#fff}
body #page_body_editor-wrapper .layout_group .normal_link[data-style=black]{background:0 0;border:1px solid rgba(255,255,255,.1)}
body #page_body_editor-wrapper .layout_group .normal_link[data-style=white]::after{transition:all .3s ease-out 0s;content:"\f105";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0);margin-left:10px;color:#999}
body #page_body_editor-wrapper .layout_group .normal_link[data-style=white]:hover::after{margin-left:20px;color:#fff}
body #page_body_editor-wrapper .layout_group .normal_link:hover{color:#fff}
body #page_body_editor-wrapper .layout_group .normal_link[data-style=white]{background:0 0;border:1px solid rgba(0,0,0,.1)}
#indexPage #mpage.init_layout .wrapper li .fimg{background-size:cover}
.formPage .formbox .list-item label.fl,.formWrap .button,.ui.checkbox label,.ui.radio.checkbox label,.verification label{color:#666;font-size:14px;font-family:Arial,"微软雅黑"}
#indexPage #mservice #servicelist .serviceitem .service_img:before,#indexPage #mservice #servicelist .serviceitem div{z-index:1}