@font-face {font-family: 'HELVETICANEUELTPRO-THEX';src: url('http://code.uemo.net/css/font/HELVETICANEUELTPRO-THEX.otf');font-weight: normal;font-style: normal;}
*{ padding:0; margin:0;}
ul li{ list-style:none;}
a{text-decoration:none;}
img{ border:none;}
input{border:none; background:none; 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: rgba(0,0,0,0); 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;background: #111;height: 100%;position: relative;}
body.open{ overflow:hidden; height:559px}
.imgcw{ margin:0 auto; display:block; float:none; max-width:100%; height:auto}
.transform{transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.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:0px;}
#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;/*box-shadow: 0px 20px 20px rgba(0, 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(0px) rotate(0deg);transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99)}
.lcitem{ position:absolute; left:0; top:0;transform: translateZ(0px) rotate(0deg);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;-webkit-transform: translateZ(0px) rotate(0deg);-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;width:30px; height:30px;}
.lcitem .rect{ width:30px; height:1px; background:#999999; position:absolute; left:0; top:14px;transition: transform 0.2s ease 0.2s; -webkit-transition:  -webkit-transform 0.2s ease 0.2s;}
.lcitem .rect.top{transform:translate3d(0px, -6px, 0px); -webkit-transform:translate3d(0px, -6px, 0px);}
.lcitem .rect.bottom{transform:translate3d(0px, 6px, 0px); -webkit-transform:translate3d(0px, 6px, 0px);}
body.open .lcbody{transform: translateZ(0px) rotate(90deg); -webkit-transform: translateZ(0px) rotate(90deg);}
body.open .lcitem {transform: translateZ(0px) rotate(45deg);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;-webkit-transform: translateZ(0px) rotate(45deg);-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;}
body.open .lcitem.bottom {transform: translateZ(0px) rotate(-45deg);-webkit-transform: translateZ(0px) rotate(-45deg);}
body.open .lcitem .rect{transition: transform 0.2s ease 0s;transform: translate3d(0px, 0px, 0px);-webkit-transition: -webkit-transform 0.2s ease 0s;-webkit-transform: translate3d(0px, 0px, 0px);}
#header .btn{padding:10px 15px;background:rgba(0,0,0,0);}
#logo{ width:180px;height:32px; padding:10px 0; display:block; margin:0 auto;}
#logo img{ height:32px; 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 .bx-wrapper{ margin:0; box-shadow:none; border:none}
#indexPage .bx-wrapper .bx-loading{ background:none;}
#indexPage #mservice {background-color: #fff;height: auto}
#indexPage #mservice .slider_wrapper {width: 90%;overflow: hidden;margin: 0 auto}
#indexPage #mservice .slider_wrapper .slider {}.serviceitem {width:100%;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: none;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: 0px; position:relative; z-index:1}
#indexPage #mpage{ background-color:#ffffff;}
#indexPage #mpage .slider_wrapper{ width:100%; height:100%; overflow:hidden; margin:0 auto}
#indexPage #mpage  .fimg{width:100%; height:auto !important;  overflow:hidden;}
#indexPage #mpage  .fimg:after{ content:''; display:block; clear:both}
#indexPage #mpage  .fimg img{width:100%; margin:0;display:block; float:none;}
#indexPage #mpage .description{ line-height:2rem}
#indexPage #mteam{ background-color:#fff}
#teamlist{ padding:0 15px 20px;}
.teamitem {width: 100%;height:auto;padding: 15px 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,0.05) 1px solid;padding-top: 30px;padding-bottom: 15px}
#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: 45px;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:normal; }
#contactinfo p{ line-height:2.4rem; font-size:1.2rem; color:#999999; height:2.4rem; width:100%}
#contactinfo p a{ color:#999999; 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:0px; font-size:16px}
#pages{padding: 20px 0; height:36px; text-align:center}
#pages a{width: 95%;height: 36px;background: #fc6516;display: inline-block;color: #fff;line-height: 36px;text-align: center;font-family: Arial;transition: background-color 0.2s ease-out;box-sizing: border-box;}
#pages a.active,#pages a:hover{ background:#fc6516;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:#f0f0f0 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:#000000;}
#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:42px}
#projectimages li{ margin-bottom:10px}
.postbody{ line-height:24px; font-size:13px; color:#6a6a6a}
.postbody a{ color: #848484;text-decoration: underline;}
.postbody img,.postbody iframe,.imgcw{ float:none; max-width:100%; height:auto; 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 img{ float:none}
#bgmask{background:rgba(0,0,0,0);}
.show{ display:block}
.hide{ display:none;}
.dropmenu ul li.sub{ text-indent:20px; background:#fff;}
#newslist .newstitem{overflow: hidden;padding: 15px;}
.news_img{width:30%;float: left;margin-right: 10px;}
.news_img img{width: 100%;}
.newsbody{float: left;width: 65%;}
/*h*/
.projectitem .project_info p.title {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;color:#fff;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; }
#scrollView{padding-top: 50px;}
.postbody hr{height:1px;border:none;border-top: 1px dotted rgb(211, 211, 211); margin-top: 20px; margin-bottom: 20px;}
#indexPage #mservice .slider_wrapper .bx-controls-direction a {width: 60px;height: 60px; top: 0px;}
#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: normal;font-style: normal;} 
@font-face {font-family: 'NeoSansStd-Light';src: url('fonts/NeoSansStd-Light.otf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'NeoSansStd-Medium';src: url('fonts/NeoSansStd-Medium.otf');font-weight: normal;font-style: normal;} 
#footer p span {width: 80%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#footer a path {fill: #808080;}
#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{width:50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#footer a img{ height:100%; width:auto; margin-top:2px;}
.newsimage{ display:none;}
/*#indexPage #mslider ul li { position:relative; min-height:200px;}*/
#indexPage #mslider ul li div{ padding:0 !important; width:100%; height:auto;}
#indexPage #mslider ul li,#indexPage #mslider{ 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:0px !important;}
#indexPage #mslider .bx-wrapper .bx-pager{bottom:16px;}
#indexPage .bx-wrapper{ background-color:transparent;height: 100%;}
.bx-wrapper .bx-pager.bx-default-pager a{width: 5px;height: 5px; background-color: rgba(200, 200, 200, 0.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;}
#projectpost .bx-wrapper .bx-pager.bx-default-pager a.active, #projectpost .bx-wrapper .bx-pager.bx-default-pager a:focus, #projectpost .bx-wrapper .bx-pager.bx-default-pager a:hover{ background-color:#808080;}
.npagePage #projectlist .description{ display:none;}
.bx-wrapper .bx-pager{padding-top: 0px;}
.bx-wrapper{margin: 0 auto 30px; border: none; box-shadow:none;-webkit-box-shadow:none;}
#projecttags4 a {margin-right: 10px;padding: 5px 10px;background: #fff;color: #989898;display: inline-block;border: 1px solid rgba(0,0,0,.15);}
#projecttags4 {margin: 20px 20px 2%;}
#projectshow4 {margin-top: 30px;padding: 2% 0 0;}
.postbody4 {margin-top: 40px;}
#projectimages.pro-slider4 img{max-height: 400px;}
#projectlist .content_list:after{ content:''; display:block; clear:both;}
#pages{ display:block !important;}
#projectlist .projectitem { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.dropmenu ul{ background-color:transparent; z-index:3}
.npagePage .content{ position:relative; z-index:1}
.text{text-align: center;}
/*关于我们页*/
.About_block{width: 100%;line-height: 24px;font-size: 13px;color: #ffffff;padding: 30px 15px 0px;box-sizing: border-box;}
.About_block h3{color: rgb(242, 242, 242);font-family:微软雅黑;font-size: 26px;text-align: center;padding: 0px;margin: 0px;padding-bottom: 45px;line-height: 30px;}
.About_block p{width: 100%; margin: 0px;padding-bottom: 25px; word-wrap: break-word;word-break: normal;color: rgb(106, 106, 106);font-family: 微软雅黑;font-size: 13px;text-align: justify;}
.introduce ul{overflow: hidden;}
.introduce ul li{width:100%;margin-bottom: 30px;text-align: center;}
.introduce ul li img{float: initial;}
.Customer{text-align: center;padding-bottom: 50px;}
.Customer img{width: 100%;}
.About_block h3.text2{font-size: 18px;}
/*联系我们*/
.Contact_block{margin: 0 auto;width: 100%;font-size: 13px;color: #ffffff;text-align: center;padding: 15px;box-sizing: border-box;}
.Contact_logo{text-align: center;padding-bottom: 50px;}
.Contact_logo img{float: initial;width: 200px;}
.Contact_text{text-align: center;display: inline-block;padding-bottom: 60px;}
.ewm{float: left;width: 30%;}
.ewm img{width: 100px;height: 100px;}
.Contact_manner{float: left;text-align: left;width: 70%;padding-left: 15px;box-sizing: border-box;}
.Contact_manner p{font-size: 13px;color: #fff;padding-bottom: 5px;line-height: 18px;}

.Case_Paging{text-align: center;overflow: hidden;padding-bottom: 20px;}
a.pare{float: left;line-height: 35px;}
a.next{float: right;line-height: 35px;}
.Return_list{display: inline-block;width: 120px;height: 35px;background: #fc6516;line-height: 35px;font-size: 14px;color: #fff;text-align: center;}
a.pare span{font-size: 14px;color: #999999;}
a.next span{font-size: 14px;color: #999999;}
.fa-weibo{background: url(../images_m/wp.png);background-repeat: no-repeat;background-size: 100% 100%;width: 30px;height: 30px;display: inline-block;box-sizing: border-box;margin: 0;}
.fa-weibo:hover{background: url(../images_m/wp1.png);background-repeat: no-repeat;background-size: 100% 100%;width: 30px;height: 30px;display: inline-block;box-sizing: border-box;margin: 0;}
.fa-qq{background: url(../images_m/qq.png);background-repeat: no-repeat;background-size: 100% 100%;width: 30px;height: 30px;display: inline-block;box-sizing: border-box;margin: 0;}
.fa-qq:hover{background: url(../images_m/qq1.png);background-repeat: no-repeat;background-size: 100% 100%;width: 30px;height: 30px;display: inline-block;box-sizing: border-box;margin: 0;}
.fa-weixin{background: url(../images_m/wx.png);background-repeat: no-repeat;background-size: 100% 100%;width: 30px;height: 30px;display: inline-block;box-sizing: border-box;margin: 0;}
.fa-weixin:hover{background: url(../images_m/wx1.png);background-repeat: no-repeat;background-size: 100% 100%;width: 30px;height: 30px;display: inline-block;box-sizing: border-box;margin: 0;}
#footer{position: relative;z-index: 9;text-align: center;padding: 10px 0;}
#footer p{padding:0;height: 25px; }
body.open #leftcontrol{display: block;}
body.open #footer{transform:translate3d(260px,0,0); -webkit-transform:translate3d(260px,0,0);}