@font-face{font-family:HELVETICANEUELTPRO-THEX;src:url(http://code.uemo.net/css/font/HELVETICANEUELTPRO-THEX.otf);font-weight:400;font-style:normal}
*{padding:0;margin:0}
ul li{list-style:none}
a{text-decoration:none}
img{border:none;float:left}
input{border:none;background:0 0;outline:0}
textarea{outline:0}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
html{font:62.5% Arial,"微软雅黑";color:#929292;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;background-color:transparent;height:100%}
html.effect{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
html.effect,html.effect body{width:100%;height:100%;overflow:hidden}
body{overflow-x:hidden;font-size:1.2rem}
body.open{overflow:hidden;height:559px}
.imgcw{margin:0 auto;display:block;float:none;max-width:100%;height:auto}
.transform{transition:all .4s cubic-bezier(.4,.01,.165,.99);-webkit-transition:all .4s cubic-bezier(.4,.01,.165,.99)}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:100%}
.iPage{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;z-index:99}
html.effect .scrollView{overflow-x:hidden;overflow-y:auto;height:calc(100% - 50px);height:-webkit-calc(100% - 50px)}
.plr5{padding:0 5px}
.plr10{padding:0 20px}
.plr20{padding:0 20px}
#leftcontrol{width:260px;height:100%;background:#1a1b1c;position:absolute;top:0;overflow-x:hidden;overflow-y:auto}
#leftcontrol.vhidden{visibility:hidden}
#leftcontrol>ul{padding-top:0}
#leftcontrol ul li{display:block;min-height:49px;border-top:1px solid #313233;font-size:1.3rem;width:100%}
#leftcontrol ul li .subnav{height:0;overflow:hidden}
#leftcontrol ul li a{display:block;color:#b7b7b7;padding:0 25px;height:49px;line-height:49px}
#leftcontrol ul li.active a.hassub{background:#222324}
#leftcontrol ul li a span{display:inline-block}
#leftcontrol ul li a span.circle{width:8px;height:8px;border:#474747 1px solid;border-radius:5px;margin-right:20px}
#leftcontrol ul li.active a span.circle{border-color:#00c0ff;background-color:#00c0ff}
#leftcontrol ul.subnav li a i{margin-right:20px;font-size:1.5rem}
#leftcontrol ul.subnav li.active a{background:#060606}
#leftcontrol ul li a span.more{width:12px;height:12px;position:relative;float:right;top:20px}
#leftcontrol ul li a span.more span{background:#474747;position:absolute}
#leftcontrol ul li a span.more span.h{width:12px;height:2px;transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0)}
#leftcontrol ul li a span.more span.v{transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0);-webkit-transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0)}
#leftcontrol ul li.active a span.more span.v{transform:rotate3d(0,0,0,0) translate3d(0,5px,0);-webkit-transform:rotate3d(0,0,0,0) translate3d(0,5px,0)}
#sitecontent{background:#fff;z-index:1;position:relative;height:100%;box-shadow:0 20px 20px rgba(0,0,0,.6)}
body.open #sitecontent{transform:translate3d(260px,0,0);-webkit-transform:translate3d(260px,0,0)}
#header{width:100%;height:auto;background:#191a20;height:50px}
.lcbody{width:30px;height:30px;position:relative;transform:translateZ(0) rotate(0);transition:transform .4s cubic-bezier(.4,.01,.165,.99)}
.lcitem{position:absolute;left:0;top:0;transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;width:30px;height:30px}
.lcitem .rect{width:30px;height:1px;background:#999;position:absolute;left:0;top:14px;transition:transform .2s ease .2s;-webkit-transition:-webkit-transform .2s ease .2s}
.lcitem .rect.top{transform:translate3d(0,-6px,0);-webkit-transform:translate3d(0,-6px,0)}
.lcitem .rect.bottom{transform:translate3d(0,6px,0);-webkit-transform:translate3d(0,6px,0)}
body.open .lcbody{transform:translateZ(0) rotate(90deg);-webkit-transform:translateZ(0) rotate(90deg)}
body.open .lcitem{transform:translateZ(0) rotate(45deg);transition:transform .25s cubic-bezier(.4,.01,.165,.99) .2s;-webkit-transform:translateZ(0) rotate(45deg);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) .2s}
body.open .lcitem.bottom{transform:translateZ(0) rotate(-45deg);-webkit-transform:translateZ(0) rotate(-45deg)}
body.open .lcitem .rect{transition:transform .2s ease 0s;transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .2s ease 0s;-webkit-transform:translate3d(0,0,0)}
#header .btn{padding:10px 15px;background:rgba(0,0,0,0)}
#logo{width:180px;height:30px;padding:10px 0;display:block;margin:0 auto}
#logo img{height:30px;max-width:180px;display:block;margin:0 auto;float:none}
#indexPage #mslider{height:190px;width:100%;position:relative;overflow:hidden}
#indexPage #mslider ul li{width:100%;height:190px;display:block;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
#indexPage #mslider ul li a{width:100%;height:100%;display:block}
#indexPage #mslider ul li div{padding:0 10px}
#indexPage #mslider ul li p{width:100%;color:#fff;text-align:center}
#indexPage #mslider ul li p.title{font-size:1.5rem;margin-top:140px}
#indexPage #mslider ul li p.subtitle{font-size:1.2rem;height:1.4rem;overflow:hidden}
#indexPage .module{position:relative}
.content .header{padding:30px 0}
.content .header p{text-align:center}
.content .header p.title{color:#444;font-size:1.6rem}
.content .header p.subtitle{color:#c1c1c1;font-size:1.2rem}
#indexPage a.more{border:#f0f0f0 1px solid;background:rgba(255,255,255,0);width:80%;height:38px;display:block;margin:25px auto 50px;line-height:38px;color:#00c0ff;border-radius:19px;text-align:center}
#indexPage .bx-wrapper{margin:0;box-shadow:none;border:none}
#indexPage .bx-wrapper .bx-loading{background:0 0}
#indexPage #mservice{background-color:#fff;height:auto}
#indexPage #mservice .slider_wrapper{width:90%;height:200px;overflow:hidden;margin:0 auto}
#indexPage #mservice .slider_wrapper .slider{width:2000px}
.serviceitem{width:90%;height:156px}
.serviceitem img{float:none;display:block;width:160px;height:60px;margin:0 auto}
.serviceitem div{text-align:center;margin-top:5px}
.serviceitem div p.title{color:#595959;font-size:1.6rem;height:42px;line-height:46px}
.serviceitem div p.description{color:#868686;font-size:1.3rem;line-height:2rem;height:42px;overflow:hidden;width:100%}
#indexPage #mservice .slider_wrapper .bx-controls-direction a{text-indent:0;background:0 0;font-size:30px;margin:0;top:25px}
#indexPage #mservice .slider_wrapper .bx-controls-direction a i{color:#a1a1a1}
#indexPage #mservice .slider_wrapper .bx-controls-direction a.bx-next{text-align:right}
#indexPage #mproject{background-color:#f8f8f8}
#projectlist .wrapper{margin-left:1%;padding:0}
#projectlist .projectitem{width:49%;height:auto;float:left;position:relative;margin-bottom:1%;margin-right:1%}
#projectlist .projectitem a{display:block;overflow:hidden}
#projectlist .projectitem a img{width:100%;height:auto;transition:all ease-out .3s}
#projectmore{width:100%;height:50px;line-height:50px;text-align:center;font-size:1.2rem;color:#fff;display:block;background:#343434;text-indent:0;position:relative;z-index:1}
#indexPage #mpage{background-color:#fff}
#indexPage #mpage .slider_wrapper{width:100%;height:100%;overflow:hidden;margin:0 auto}
#indexPage #mpage .fimg{background-size:cover;background-repeat:no-repeat;background-position:top center;width:100%;height:200px}
#indexPage #mpage .description{line-height:2rem}
#indexPage #mteam{background-color:#fff}
#teamlist{padding-bottom:20px}
.teamitem{width:100%;height:auto;padding:40px 0;border-bottom:#e4e4e4 1px dotted}
.teamitem img{width:80px;height:80px;border-radius:40px}
.teamitem .teaminfo{margin-left:100px}
.teamitem .teaminfo .header{padding:0}
.teamitem .teaminfo .header p{text-align:left}
.teamitem .teaminfo .description{font-size:1.3rem;color:#949494;margin-top:10px;line-height:1.8rem;height:37px;overflow:hidden}
.teamitem:nth-of-type(even) img{float:right}
.teamitem:nth-of-type(even) .teaminfo{margin-right:100px;margin-left:0}
#indexPage #mnews{background-color:#f8f8f8;height:auto}
#newslist .newstitem{height:140px;border-bottom:rgba(0,0,0,.05) 1px solid;padding-top:30px;padding-bottom:20px}
#newslist .newstitem .newsdate{float:left;margin-bottom:10px}
#newslist .newsdate p{font-family:HELVETICANEUELTPRO-THEX,Arial}
#newslist .newsinfo .md{color:#adadad;font-size:3rem;line-height:30px;text-align:right}
#newslist .newsinfo .year{color:#bdbdbd;font-size:1.2rem;text-align:right}
#newslist .newsbody{margin-top:10px}
#newslist .newsbody .title{width:100%;height:20px;line-height:20px;font-size:1.6rem;color:#464646}
#newslist .newsbody .description{width:100%;height:60px;line-height:22px;font-size:1.3rem;color:#6a6a6a;overflow:hidden;margin-top:10px}
#indexPage #mpartner{background-color:#fff}
#indexPage #mpartner .content{padding:30px 0}
#indexPage #mpartner .wrapper{width:100%;height:40px;overflow-x:auto;overflow-y:hidden}
#indexPage #mpartner ul{height:40px;width:100%}
#indexPage #mpartner ul li{width:80px;height:40px;float:left}
#indexPage #mpartner ul li img{width:80px;height:40px}
#indexPage #mcontact{background-color:#171717}
#indexPage #mcontact .header p.title{color:#fff}
#indexPage #mcontact .header p.subtitle{color:#c1c1c1}
#contactinfo h3{font-size:1.4rem;color:#fff;line-height:2rem;margin-bottom:10px;font-weight:400}
#contactinfo p{line-height:2.4rem;font-size:1.2rem;color:#999;height:2.4rem;width:100%}
#contactinfo p a{color:#999;text-decoration:underline}
#contactinfo div{padding:10px 0 30px;height:30px}
#contactinfo div a{color:#fff;width:30px;height:30px;display:block;font-size:16px;background:#2e2f2f;margin-right:10px;text-align:center;border-radius:30px}
#contactinfo div a i{margin-top:7px;font-size:16px}
#pages{padding:20px 0;height:36px;text-align:center}
#pages a{width:36px;height:36px;background:f8f8f8;display:inline-block;color:#a9a9a9;line-height:36px;text-align:center;font-family:Arial;margin-right:5px;transition:background-color .2s ease-out}
#pages span{margin-right:5px}
#pages a i{font-size:24px;top:2px;position:relative}
#pages a.active,#pages a:hover{background:#00c0ff;color:#fff}
#category{min-height:40px;margin-bottom:20px;position:relative}
#category .label{line-height:40px;height:40px;background:#00c0ff;color:#fff;font-size:1.5rem}
.dropmenu .label .down{float:right;font-size:2.4rem;margin-top:8px}
.dropmenu.open .label .down{transform:rotate(180deg)}
.dropmenu ul{width:100%;height:0;overflow-y:auto;position:absolute;z-index:1;background-color:#fff}
.dropmenu ul li{width:100%;height:40px;float:left;border-bottom:#d2d2d2 1px solid}
.dropmenu ul li a{line-height:40px;height:40px;padding:0 50px;color:#969595;display:block;background:#fff;font-size:1.3rem}
.dropmenu ul li a.active{background:#f1f1f1;color:#00c0ff}
#teampost .header p{text-align:left}
#teampost .header .title{color:#000}
#teampost .header .subtitle{color:#909090}
#servicelist{margin-top:20px}
#servicelist .serviceitem{border-bottom:1px solid #f2f2f2;padding-bottom:20px;margin-bottom:20px;width:calc(100% - 15px);height:auto;margin-right:15px}
#servicelist .serviceitem img{max-width:100%;height:auto}
#servicelist .serviceitem div p.description{height:50px}
#projectimages li{margin-bottom:10px}
.postbody{line-height:24px;font-size:13px;color:#6a6a6a}
.postbody a{color:#00c0ff}
.imgcw,.postbody iframe,.postbody img{float:none;max-width:100%;display:block;margin:0 auto}
#footer{background:#000;width:100%}
#footer p{padding-top:10px;padding-bottom:10px;font-size:1rem;color:#8e8e8e;height:2rem;line-height:2rem}
#footer a{display:inline-block;width:35px;height:16px;vertical-align:top;margin-left:10px;margin-right:10px;margin:0 10px 0}
#footer a img{float:none}
#bgmask{background:rgba(0,0,0,0)}
.show{display:block}
.hide{display:none}
#indexPage #mservice a.more,#indexPage #mteam a.more{display:none}
.dropmenu ul li.sub{text-indent:20px;background:#fff}
.firstRow td{width:100%;float:left;padding-left:none}
.postbody table{width:100%;text-align:center}
.projectitem .project_info p.title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;color:transparent;font-size:14px;text-align:center}
.projectitem .project_info p.subtitle{color:transparent;font-size:12px;margin-bottom:10px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.postbody iframe{height:180px;width:320px}
.postbody hr{height:1px;border:none;border-top:1px dotted #d3d3d3;margin-top:20px;margin-bottom:20px}
#indexPage #mservice .slider_wrapper .bx-controls-direction a{width:60px;height:60px;top:0}
#indexPage #mservice .slider_wrapper .bx-controls-direction a i{top:15px;position:relative}
@font-face{font-family:NeoSansStd-Regular;src:url(fonts/NeoSansStd-Regular.otf);font-weight:400;font-style:normal}
@font-face{font-family:NeoSansStd-Light;src:url(fonts/NeoSansStd-Light.otf);font-weight:400;font-style:normal}
@font-face{font-family:NeoSansStd-Medium;src:url(fonts/NeoSansStd-Medium.otf);font-weight:400;font-style:normal}
#footer p span{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#footer a path{fill:grey}
#projectpost .postbody a{height:40px;width:100%;line-height:40px;text-align:center;color:#fff;background-color:#5a5a5a;display:block;bottom:0;left:0}
.bx-wrapper .bx-next{right:0}
.bx-wrapper .bx-prev{left:0}
.jplayer_wrapper{display:none}
#footer p.plr10 span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}
#footer a img{height:100%;width:auto;margin-top:6px}
.newsimage{display:none}
#indexPage #mslider ul li div{padding:0!important;width:100%;height:auto}
#indexPage #mslider,#indexPage #mslider ul li{height:auto!important}
#indexPage #mslider ul li div.slider_info{width:80%;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-40%}
#indexPage #mslider ul li p.title{margin-top:0!important}
#indexPage #mslider .bx-wrapper .bx-pager{bottom:16px}
#indexPage .bx-wrapper{background-color:transparent}
.bx-wrapper .bx-pager.bx-default-pager a{width:5px;height:5px;background-color:rgba(200,200,200,.6)}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background-color:#fff}
.npagePage #projectlist .description{display:none}