/*@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; float: left; }
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; }
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: 99999; }
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 }
.plr15 { padding: 0 15px;  }
.plr20 { padding: 0 20px }
#leftcontrol { width: 260px; height: 100%; background: #1a1b1c; position: absolute; top: 0; overflow-x: hidden; overflow-y: auto; z-index:1;}
#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: 52px; }
#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: 9; position: relative; height: 100%; 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;}
.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: 2px; background: #999; 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: 120px; height: 40px; padding: 5px 0; display: block; margin: 0 auto; }
#logo img { height: 30px; max-width: 180px; display: block; margin: 0 auto; }
#header span {  color:#666; position:absolute; right:15px; top:0; line-height:50px; font-size:1.3rem; }
#indexPage #mslider { width: 100%; position: relative; 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; padding-bottom:10px; }
.content .header p.line { height:12px; margin-bottom:6px; border-bottom:1px dotted rgb(211, 211, 211); }
.content .header p span.view { padding-left:16px;}
.page-pn {width:100%; position:relative; z-index:1; height:60px }
.page-pn  .pn  {width:46.5%;position:absolute; z-index:9;  top:0; border: 1px solid #dfdfdf; text-align:center; color:#929292;  font-size:1.3rem;  transition: all 0.3s ease-out 0s; }
.page-pn  .pn:hover {    color: #fff;  background: #666; border: 1px solid #666;}
.page-pn i { font-size:2rem; position:absolute; z-index:9; top:5px; color:#dfdfdf;}
.page-pn  span { display:inline-block; line-height:32px; position:relative; z-index:1; }
.page-pn .prev { left:0; }
.page-pn .prev i {left:-20px;}
.page-pn .next { right:0;}
.page-pn .next i { right:-20px;}
#indexPage a.more { border: #f0f0f0 1px solid; background: rgba(255,255,255,.0); width: 80%; height: 38px; display: block; margin: 30px auto 40px; 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: none; }
#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: 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; }
.case-list { padding-top:10px;}
#projectlist .wrapper { margin-left: 1%; padding: 0 }
#projectlist .wrapper img { max-width:100%;}
#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 { background-size: cover; background-repeat: no-repeat; background-position: top center; width: 100%; height: 200px }
#indexPage #mpage .description { line-height: 200%; }
#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,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.4rem; color: #535353; }
#newslist .newsbody .description { width: 100%; height: 45px; line-height: 22px; font-size: 1.2rem; color: #929292; overflow: hidden; margin-top: 10px }
#indexPage #mpartner { background-color: #fff; }
#indexPage #mpartner .content { padding: 30px 0 }
#indexPage #mpartner .wrapper { width: 100%; height: 68px; overflow-x: auto; overflow-y: hidden; }
#indexPage #mpartner ul {  width: 100% }
#indexPage #mpartner ul li { width: 108px; float: left; margin:0 5px; }
#indexPage #mpartner ul li img { width: 108px;  }
#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: 100 }
#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: 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 0.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 { width:100%; min-height: 40px;  position: relative;  top: 0;z-index:99;}
#category .label { line-height: 40px; height: 40px; background: #00C0FF; color: #fff; font-size: 1.5rem }
#category .label  span { font-size:1.4rem; float:left;}
#category .label .text {float:left;}
.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: #ececec 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: 200%; font-size: 1.2rem; color: #6a6a6a; padding-top:16px; padding-bottom:10px;}
.postbody hr { height: 1px; border: none; border-top: 1px dotted rgb(211, 211, 211); margin-top: 15px; margin-bottom:15px; }
.postbody h1 {font-size:1.6rem; font-weight:normal; line-height:180%; margin-bottom:8px;}
.postbody p { margin-bottom:0.8rem; text-indent:2em;}
.postbody a { color: #00c0ff }
.postbody img, .postbody iframe, .imgcw { float: none; max-width: 100%; display: block; margin: 0 auto; }
.postbody-pic { line-height: 200%; font-size: 1.2rem; color: #6a6a6a; }
.postbody-pic a { color: #00c0ff }
.postbody-pic img, .postbody iframe, .imgcw { float: none; max-width:100%; display: block; margin: 0 auto; }
.postbody h3 {color:#333; }
.case_i img { margin-bottom:20px;max-width:90%!important;}
.case_desc { line-height: 200%;  font-size: 1.2rem;   color: #6a6a6a;  padding:15px 20px; }
.case_desc .title { padding-bottom:8px;  }
.case_desc .title h1 {font-size:1.6rem; font-weight:normal;}
.case_desc .title p { color:#999;}
.case_desc .cd_ser { padding-top:8px; padding-bottom:10px;  border-top: 1px solid #ececec;}
.case_desc .cd_ser h1 {font-size:1.4rem; font-weight:normal;}
.case_desc .cd_ser p { color:#999;}
.case_desc .cd_info { padding-top:8px; border-top: 1px solid #ececec;}
.case_desc .cd_info h1 {font-size:1.4rem; font-weight:normal;}
.case_desc .cd_info p { color:#999;}
#footer { background: #000; width: 100% }
#footer p { padding-top: 10px; padding-bottom: 10px; font-size: 1.2rem; 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); */ background:url("../images/bgbg.png") repeat;}
.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; }
/*h*/
.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 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: 100%; 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; }
.clearfix:after { content: ""; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }


.about-info p.abo-team a {width:48%;float:left;margin-right:4%; margin-bottom:10px;}
.about-info p.abo-team a.cur {margin-right:0;}

.about-info p.abo-honor a {width:48%;float:left;margin-right:4%; margin-bottom:10px;}
.about-info p.abo-honor a.cur {margin-right:0;}

.case_sm { padding:0px 20px;margin-bottom:25px;}
.weblink{ width:48%; float:left; text-align:center; margin-right:3.8%; }
.weblink a { height: 36px; width: 100%; line-height: 36px; text-align: center; color: #fff; background-color: #2277da; display: block; font-size:1.3rem;}
.submit-need { width:48%; float:left;   text-align:center; }
.submit-need a { height: 36px; width: 100%; line-height: 36px; text-align: center; color: #fff; background-color: #2277da; display: block; font-size:1.3rem;}

.theme-mask-s { z-index: 999; position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75; display: none; }
.popover-s { width:300px; z-index: 9999; position: fixed; top: 50%; left: 50%; background: #fff; margin: -160px 0 0 -150px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none; text-align: center; }
.popover-s dl { margin-top: 20px; font-size: 1.4rem; color: #666; line-height: 30px; padding-bottom: 20px;}
.popover-s dl dd { display:inline-block;}
.popover-s dl dd p { text-align:center; padding-bottom:6px;}
.popover-s dl a {color:#666;}
.popover-s dl dd img {width:200px; height:200px; margin:0 auto;float:none;}
.popover-s dl a.clo { width: 100px; height: 32px; line-height: 32px; background: #2277da; color: #fff; display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px;  transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }


.pro_sm { padding:0px 20px;margin-bottom:25px;}
.product_summary {color:#666;margin-bottom:20px;}
.product_summary .product_summary_title{background-color:#f3f3f3;height:36px;line-height:36px;}
.product_summary .product_summary_title h1{background-color:#2277da;color:#fff;font-size:1.3rem;font-weight:normal;width:80px; padding-left:20px;line-height:36px;}
.product_summary .product_summary_content{background-color:#fff;font-size:1.2rem;padding:20px;}
.product_summary .product_summary_content p{line-height:200%;}
ul, ol { list-style: none;}