@charset "utf-8";@font-face {font-family:'HELVETICANEUELTPRO-THEX';src:url('fonts/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;}
input,textarea {font-family:"微软雅黑",Arial;outline:0;font-size:14px;-webkit-appearance:none;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
html,body {font:12px Arial,"微软雅黑";color:#929292;width:100%;height:100%;background:#fff}
.fw {margin:0 auto;width:1180px;}
body {overflow-x:hidden;min-width:1200px}
body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#pageWrapper {}
#header {width:100%;height:auto;border-bottom:1px solid rgba(255,255,255,.2);font-size:16px;transition:all ease .3s;z-index:99;}
.nobanner #header {background:rgba(33,33,33,0.9);}
#header .content {padding:0 40px;}
#header.mini {border-bottom: #d7d7d7 1px; padding-top:0px;position: absolute;
height: 78px;border-bottom: 1px solid #aaa;}
#header.mini  ul li.navitem {padding-bottom:0;}
#header #logo {width:auto;height:40px;display:block;float:left;margin-right:50px}
#header ul#nav {}
#header ul li.navitem {padding:0 20px 10px 20px;width:auto;height:70px;line-height:40px;float:left;position:relative;transition:all ease .3s}
#header ul li.navitem:hover ul.subnav {opacity:1;transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);visibility:visible;}
#header ul li.navitem a {color:#fff;transition:all ease-out .3s;line-height: 78px;}
#header ul li.navitem a.active,#header ul li.navitem:hover a {color:#00C0FF}
#header ul li.navitem ul.subnav {position:absolute;width:260px;border-top:#00C0FF 3px solid;top:75px;opacity:0;transition:all 0.3s ease 0s;transform:translate3d(0px,10px,0px);-moz-transform:translate3d(0px,10px,0px);-webkit-transform:translate3d(0px,10px,0px);visibility:hidden;}
#header ul li.navitem ul.subnav li {border-bottom:#2e2f29 1px solid}
#header ul li.navitem ul.subnav li a {padding:14px 30px;width:auto;height:20px;line-height:20px;background:rgba(0,0,0,.7);display:block;color:#bbb9b9;font-size:12px;transition:all ease-out .2s}
#header ul li.navitem ul.subnav li a i {float:right;margin-top:5px;transition:all ease-out .2s;opacity:0}
#header ul li.navitem ul.subnav li a:hover {text-indent:10px;background:rgba(0,0,0,1);color:#fff}
#header ul li.navitem ul.subnav li a:hover i {opacity:1}
#header .content_nav{background:none;padding-top:0;}

#sitecontent {height:auto;min-height:1000px;}
#indexPage #mslider {height:700px;width:100%;position:relative;overflow:hidden}
#indexPage #mslider .bx-wrapper {position:fixed;width:100%;}
#indexPage #mslider ul li {width:100%;height:700px;display:block;background-position:center;background-repeat:no-repeat;background-size:cover}
#indexPage #mslider ul li div {display:table-cell;text-align:center;vertical-align:middle;width:auto;}
#indexPage #mslider ul li p {color:#fff;text-align:center;}
#indexPage #mslider ul li p.title {font-size:52px;line-height:70px;height:70px;transition-delay:0}
#indexPage #mslider ul li p.subtitle {font-size:16px;height:20px;transition-delay:0.2s}
#indexPage #mslider ul li a {width:100%;height:100%;display:table;}
#indexPage #mslider ul li a i {text-indent:20px;font-size:24px}
#indexPage #mslider ul li p,#indexPage #mslider ul li a {transform:translateY(25px);-webkit-transform:translateY(25px);-moz-transform:translateY(25px);transition:all ease-out .3s;-webkit-transition:all ease-out .3s;opacity:0}
#indexPage #mslider ul li.active p,#indexPage #mslider ul li.active a {transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1}
#indexPage #mproject .bgmask,#indexPage #mnews .bgmask,#indexPage #mservice .bgmask,#indexPage #mpage .bgmask {background-color:rgba(255,255,255,.8);}
#indexPage .module {background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;z-index:2}
#indexPage .module:last-child {border:none}
#indexPage .module .bgmask {background-color:rgba(25,62,64,.3);position:absolute;left:0;top:0;width:100%;height:100%;display:none}
#indexPage .module.bgShow {background-attachment:fixed}
#indexPage .module.bgShow .bgmask {display:block}
#indexPage .module.bgShow .content {position:relative;}
.bx-controls-direction .bx-next:hover,.bx-controls-direction .bx-prev:hover {}
@-webkit-keyframes bxbutton {10% {-webkit-transform:translateZ(6px) rotate(4deg) skewX(7deg);}
20% {-webkit-transform:translateZ(-6px) rotate(-4deg) skewX(-7deg);}
30% {-webkit-transform:translateZ(5px) rotate(4deg) skewX(6deg);}
40% {-webkit-transform:translateZ(-5px) rotate(-4deg) skewX(-6deg);}
50% {-webkit-transform:translateZ(4px) rotate(4deg) skewX(5deg);}
60% {-webkit-transform:translateZ(-4px) rotate(-4deg) skewX(-5deg);}
70% {-webkit-transform:translateZ(3px) rotate(5deg)  skewX(4deg);}
80% {-webkit-transform:translateZ(-3px) rotate(-5deg) skewX(-4deg);}
90% {-webkit-transform:translateZ(2px) rotate(4deg skewX(3deg));}
100% {-webkit-transform:translateZ(-2px) rotate(-4deg) skewX(-3deg);}
}
@keyframes bxbutton {10% {transform:translateZ(6px) rotate(4deg) skewX(7deg);}
20% {transform:translateZ(-6px) rotate(-4deg) skewX(-7deg);}
30% {transform:translateZ(5px) rotate(4deg) skewX(6deg);}
40% {transform:translateZ(-5px) rotate(-4deg) skewX(-6deg);}
50% {transform:translateZ(4px) rotate(4deg) skewX(5deg);}
60% {transform:translateZ(-4px) rotate(-4deg) skewX(-5deg);}
70% {transform:translateZ(3px) rotate(5deg)  skewX(4deg);}
80% {transform:translateZ(-3px) rotate(-5deg) skewX(-4deg);}
90% {transform:translateZ(2px) rotate(4deg skewX(3deg));}
100% {transform:translateZ(-2px) rotate(-4deg) skewX(-3deg);}
}
#indexPage #mservice {background-color:#fff;height:520px}
#indexPage #mservice .content {padding-bottom:100px;height:340px}
.bx-wrapper img{width: 241px;height: 148px;}
.content .header {padding-top:80px;padding-bottom:50px}
.content .header p {text-align:center;}
.content .header p.title {color:#444;font-size:26px}
.content .header p.subtitle {color:#c1c1c1;font-size:12px;line-height:30px;}
#indexPage .slider_control {display:block;font-size:36px;}
#indexPage .slider_control i {color:#fff}
#indexPage .slider_control.fr {text-align:right}
#indexPage #mservice .slider_wrapper {width:1060px;height:230px;overflow:hidden}
#indexPage #mservice .slider_control {width:60px;height:180px;}
#indexPage #mservice .slider_control i {margin-top:80px}
#indexPage #mservice .slider_wrapper .slider {width:2000px;}
.serviceitem {margin-right:80px;width:241px;height:230px;float:left}
.serviceitem a {display:block;width:241px;height:148px}
.serviceitem div {text-align:center;margin-top:15px}
.serviceitem div p.title {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#595959;font-size:16px;height:40px;line-height:40px;transition:all ease-out .2s}
.serviceitem div p.description {color:#848484;font-size:13px;line-height:24px;height:50px;overflow:hidden;width:100%}
.serviceitem:hover .title {color:#00c0ff}
#indexPage #mservice .slider_control {color:#898989}
#indexPage #mservice .slider_control:hover {color:#141414;}
#indexPage #mproject {background-color:#f3f3f3;}
#projectlist .projectitem {width:25%;height:auto;float:left;position:relative;background::#000}
#projectlist .projectitem a {display:block;overflow:hidden}
#projectlist .projectitem a img {width:100%;height:auto;transition:all ease-out .3s}
#projectlist .projectitem a:hover img {transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}
#projectlist .projectitem .project_info {width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0;top:0;transition:all ease-out .3s;}
#projectlist .projectitem a:hover .project_info {background:rgba(0,0,0,.7)}
#projectlist .projectitem .project_info p {text-align:center;color:#fff;padding:0 20px}
#projectlist .projectitem .project_info div {position:relative;top:50%;margin-top:-15px}
#projectlist .projectitem .project_info p.title {margin-top:10px;color:rgba(0,0,0,0);font-size:14px;transition:all ease-out .3s;}
#projectlist .projectitem a:hover .project_info p.title {margin-top:0px;color:#fff;}
#projectlist .projectitem .project_info p.subtitle {margin-top:16px;color:rgba(0,0,0,0);font-size:12px;transition:all ease-out .3s;}
#projectlist .projectitem a:hover .project_info p.subtitle {margin-top:0px;color:#b7b7b7;font-size:12px}
#projectmore {width:100%;height:150px;line-height:150px;text-align:center;font-size:20px;color:#fff;display:block;background:#343434;transition:all ease-out .3s;text-indent:0px;position:relative;z-index:1}
#projectmore:hover {width:100%;height:150px;line-height:150px;text-align:center;font-size:20px;color:#fff;display:block;background:#00C0FF;text-indent:-50px;}
.module-slider .description {width:720px;text-align:center;height:50px;margin:0 auto;font-size:13px;color:#848484;line-height:24px;overflow:hidden}
#indexPage a.more {border:#dfdfdf 1px solid;background:rgba(255,255,255,.0);width:360px;height:58px;display:block;margin:50px auto 80px;line-height:58px;font-size:20px;color:#00C0FF;text-indent:150px;border-radius:30px;transition:all ease-out .3s;}
#indexPage a.more:hover {border-color:#b6b6b6;text-indent:130px;}
#indexPage a.more i {text-indent:-10px;font-size:24px;color:transparent;transition:all ease-out .3s}
#indexPage a.more:hover i {text-indent:18px;color:#707070;}
#indexPage #mpage {background-color:#ffffff;}
#indexPage #mpage .slider_wrapper {width:100%;height:100%;overflow:hidden;margin:0 auto}
#indexPage #mpage .slider_wrapper li {width:100%;height:auto;}
#indexPage #mpage .slider_wrapper li .fimg {background-repeat:no-repeat;background-position:top center;width:100%;height:400px}
#indexPage #mteam {background-color:#303030;height:540px}
#indexPage #mteam .header img {float:none;display:block;margin:10px auto 16px auto;-webkit-backface-visibility:hidden;}
#indexPage #mteam .header p.title {transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;color:#fff;font-size:24px}
#indexPage #mteam .header p.subtitle {color:#a5a5a5;font-size:12px}
#indexPage #mteam .description {color:#bebebe}
#indexPage #mteam .slider_control {height:300px;width:60px;margin-top:200px}
#indexPage #mteam .slider_wrapper {width:1060px;height:480px;overflow:hidden}
#indexPage #mteam .slider_control a i {color:#a1a1a1;transition:all ease-out .3s;}
#indexPage #mteam .slider_control a:hover i {color:#fff}
#indexPage #mnews {background-color:#f8f8f8;height:auto}
#newslist .newstitem {width:100%;height:150px;border-bottom:rgba(0,0,0,0.05) 1px solid;transition:all ease-out .2s;position:relative;}
#newslist .newscontent {width:960px;height:90px;padding-top:40px;margin:0px auto;display:block;position:relative;z-index:1}
#newslist .newsinfo {margin-left:160px;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
#newslist .newsdate {width:180px}
#newslist .newsdate p {font-family:"HELVETICANEUELTPRO-THEX",Arial;}
#newslist .newsinfo .md {color:#dcdcdc;font-size:50px;line-height:50px;text-align:right}
#newslist .newsinfo .year {color:#bdbdbd;font-size:16px;text-align:right;}
#newslist .newsbody {margin-left:50px}
#newslist .newsbody .title {width:460px;height:20px;line-height:20px;font-size:16px;color:#464646;}
#newslist .newsbody .description {width:460px;height:42px;line-height:22px;font-size:13px;color:#6a6a6a;margin-top:10px;overflow:hidden}
#newslist .newstitem i {font-size:36px;margin-top:20px;color:rgba(0,0,0,0);transition:all ease-out .3s;text-indent:-30px;}
#newslist .newstitem:hover i {font-size:36px;margin-top:20px;color:#fff;text-indent:0px;}
#newslist .newstitem:hover .newsinfo {transform:translate3d(-50px,0,0);-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);}
#newslist .newstitem:hover p {color:#666}
#newslist .newstitem:hover a {color:#666;}
#indexPage #mnews .news_wrapper {height:100%;margin:0 auto;overflow:hidden;width:100%;}
#indexPage #mpartner {background-color:#fff;height:200px}
#indexPage #mpartner .content {padding:60px 0}
#indexPage #mpartner .slider_wrapper {width:960px;height:80px;overflow:hidden;margin:0 auto}
#indexPage #mpartner .slider_control {height:40px;width:40px;margin-top:14px}
#indexPage #mpartner .slider_control a {height:40px;width:40px;display:block;border-radius:20px;transition:all ease-out .3s;}
#indexPage #mpartner .slider_control a i {color:#8e8e8e;margin-left:16px;margin-top:7px;font-size:50px}
#indexPage #mpartner .slider_control.next {text-align:left}
#indexPage #mpartner .slider_control.next a i {margin-left:18px}
#indexPage #mpartner .slider_control a:hover {color:#1d863b}
#indexPage #mpartner .slider_wrapper ul li {width:160px;height:80px;margin-right: 80px;float:left}
#indexPage #mpartner .slider_wrapper ul li img {width:160px;height:80px;transition:all .3s ease-out 0s;}
#indexPage #mcontact {background-color:#080808;height:600px}
#indexPage #mcontact .content {width:940px}
#indexPage #mcontact .header p.title {color:#fff;}
#indexPage #mcontact .header p.subtitle {color:#c1c1c1;}
#contactinfo {width:540px;}
#contactinfo h3 {font-size:16px;color:#fff;line-height:24px;margin-bottom:25px;font-weight:100}
#contactinfo p {line-height:24px;font-size:13px;color:#989898;height:24px;width:100%}
#contactinfo > a {color:#989898;text-decoration:underline}
#contactinfo div {margin-top:24px}
#contactinfo div a {color:#efefef;width:30px;height:30px;display:block;font-size:16px;background:#2e2f2f;margin-right:10px;text-align:center;border-radius:15px;transition:all 0.2s ease-out 0s;}
#contactinfo div a:hover {color:#fff;background:#5c5c5c;}
#contactinfo div a i {margin-top:7px;font-size:16px}
#contactform p .inputtxt {width:320px;height:20px;line-height:20px;padding:10px 20px;color:#bcbcbc;background-color:#000;border:#3f3f3f 1px solid;margin-bottom:10px;}
#contactform p textarea.inputtxt {height:100px;resize:none;overflow:hidden}
#contactform p .inputsub {width:100%;background-color:#00C0FF;color:#ffffff;font-size:16px;padding:8px 0}
#contactform .inputtxt.active {border-color:#00C0FF}
#pages {padding:40px 0;height:260px;text-align:center}
#pages a { font-size: 18px;width:auto;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;}
.nobanner .npagePage {padding-top:80px}
.npagePage #banner {width:100%;height:380px;position:relative;}
.npagePage #banner div {background-color:#39383E;background-repeat:no-repeat;background-position:center;background-size:cover;position:fixed;width:100%;height:380px;}
.npagePage .content {background:#fff;position:relative;z-index:1;min-height: 600px;}
#plheader {padding-bottom:30px}
#category {text-align:center;padding-bottom:50px}
#category li {display:inline-block}
#category li.hasmore {height:107px}
#category li.hasmore div {position:absolute;width:100%;left:0}
#category li.hasmore div ul {text-align:center;margin-top:20px;padding-top:20px;border-top:rgba(0,0,0,0.10) 1px solid}
#category a {line-height:16px;height:16px;padding:8px 16px;color:#616161;border:#d2d2d2 1px solid;margin-right:2px;display:inline-block;}
#category li.hasmore div ul a {border:none}
#category a.active,#category a:hover {background:#00C0FF;color:#fff;border-color:#00C0FF}
#category li.hasmore div ul a.active,#category li.hasmore div ul a:hover {background:#7d7d7d;color:#fff}
#teamlist {margin:0 auto;width:1100px;}
#teamlist .wrap {margin-right:-70px}
.teamitem {float:left;width:320px;height:460px;margin-right:70px;margin-bottom:50px}
.teamitem a {width:320px;height:320px;display:block;position:relative;overflow:hidden}
.teamitem a div.wrap {height:50px;width:100%;background:#da0000;position:absolute;bottom:-50px;color:#fff;transition:all ease-out .2s;transform:translate(0,0px)}
.teamitem a:hover div.wrap {margin-bottom:50px;}
.teamitem a div.wrap div {width:14px;height:14px;margin:18px auto;position:relative}
.teamitem a div.wrap span {display:block;background:#fff;position:absolute;}
.teamitem a div.wrap span.h {width:14px;height:2px;top:6px}
.teamitem a div.wrap span.v {width:2px;height:14px;left:6px}
.teamitem .teaminfo {margin-top:33px;text-align:center}
.teamitem .teaminfo .title {font-size:18px;color:#000000;}
.teamitem .teaminfo .subtitle {font-size:12px;color:#9a9a9a;margin-top:5px}
.teamitem .teaminfo .description {font-size:12px;color:#949494;margin-top:15px;line-height:20px;height:38px;overflow:hidden}
#teampost {padding-top:50px}
#teampost #teamimage {width:408px;float:left;}
#teampost #teamimage img {float:none;width:408px;}
#teampost #teambody {margin-left:450px;}
#teambody .theader .title {color:#343434;font-size:30px}
#teambody .theader .subtitle {color:#626262;font-size:14px}
#teambody .theader .postbody {margin-top:36px}
#servicelist {width:1060px;margin:0 auto}
#servicelist .wrap {margin-right:-50px}
#servicelist .serviceitem {margin-bottom:50px}
#projectwrap {padding-top:50px;min-height:600px}
#projectbody {width:800px;float:left;}
#projectimages {background:#fff;}
#projectimages li {margin-bottom:10px;background: #fff}
#projectimages li img {display:block;float:none;margin:0 auto;max-width:100%}
#projectbody .postbody {padding-bottom:20px;}
#projectinfo {width:340px;margin-left:40px;float:left}
#projectih {width:340px}
#projecttags {margin-top:40px}
#projecttags a {transition:all ease-out .3s;float:left;font-size:13px;color:#989898;padding:5px 10px;background:#f3f3f3;margin-right:5px;margin-bottom:5px}
#projecttags a:hover {color:#fff;background:#ADADAD;}
#projectib {margin-right:-10px;margin-top:20px}
#projectib .projectitem {width:165px;height:auto;float:left;margin-right:10px;margin-bottom:14px}
#projectib .projectitem img {width:100%;height:auto;float:none}
#projectib .projectitem a .project_info {width:100%;height:30px}
#projectib .projectitem a .project_info p {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#projectib .projectitem a .project_info p.title {margin-top:10px;color:#333;font-size:12px;transition:all ease-out .3s;}
#projectib .projectitem a .project_info p.subtitle {margin-top:0px;color:#b7b7b7;font-size:12px;transition:all ease-out .3s;}
#projectinfo .header {padding:0;border-bottom:#cccccc 1px dotted;width:340px}
#projectinfo .header p {text-align:left}
#projectinfo .header .description {color:#6a6a6a;font-size:13px;line-height:24px;margin:30px 0}
.postbody {line-height:24px;font-size:13px;color:#6a6a6a}
.postbody a {color:#00c0ff}
.postbody a:hover {text-decoration:underline}
.postbody img {float:none;max-width:100%;}
.lowB #header,.lowB #indexPage #mslider .bx-wrapper,.lowB .npagePage #banner div {position:relative}
.lowB #indexPage .module.bgShow {background-attachment:scroll}
.lowB #header {background:rgb(23,28,32)}
.lowB .nobanner .npagePage {padding:0}
#footer {background:#000;width:100%;position:relative;z-index:1}
#footer p {text-align:right;padding:20px 60px;font-size:12px;color:#8e8e8e;height:20px;line-height:20px}
#footer a img {float:none}
.footer_top{margin-top: 20px;margin:0 auto;text-align: center;margin-left: 15%;}
.footer_top ul{float: left; color: #fff;}
.footer_top li{margin: 10px 0;}
.footer_top h3{margin: 20px;color: #8e8e8e;}
.footer_top ul a{width:80px;color: #8e8e8e;}
.socials{margin-left: 80px;}
.socials div {margin-top:24px}
.socials div a {color:#efefef;width:30px;height:30px;display:block;font-size:16px;background:#2e2f2f;margin-right:10px;text-align:center;border-radius:15px;transition:all 0.2s ease-out 0s;}
.socials div a:hover {color:#fff;background:#5c5c5c;}
.socials div a i {margin-top:7px;font-size:16px}
#shares {height:220px;position:fixed;right:10px;bottom:10px;z-index:99}
#shares a {width:50px;height:50px;display:block;background:#8b8b8b;background-color:rgba(31,31,31,.6);color:#fff;font-size:24px;text-align:center;line-height:50px;box-shadow: 0 0 1px 1px #999;margin-bottom:3px;}
#shares a#sqq img{width:50px;height:50px;}
#shares a i {margin-top:7px}
#shares a#sshare {cursor:default;}
#shares a#sweibo {background-color:#ea493c}
#shares a#sweixin {background-color:#1d863b}
#shares a#gotop {background-color:#666666;background-color:rgba(0,0,0,.6);margin-top:20px;font-size:22px}
#shares a#gotop i {margin-top:3px}
.fixed {position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgb(0,0,0);background:rgba(0,0,0,.6);overflow-y:auto;z-index:100;display:none}
 {height:auto;cursor:default;}
#fixed_weixin .fixed-container {box-shadow:0px 5px 20px rgba(0,0,0,0.5);width:220px;height:auto;padding:20px 20px 0 20px;background:#fff;position:absolute;left:50%;top:50%;margin-left:-110px;margin-top:-140px}
#fixed_weixin .fixed-container div {height:220px}
#fixed_weixin .fixed-container p {height:40px;line-height:40px;text-align:center;font-size:14px;color:#000}
#fixed_mp .fixed-container {box-shadow:0px 5px 20px rgba(0,0,0,0.5);width:258px;height:298px;background:#fff;position:absolute;left:50%;top:50%;margin-left:-129px;margin-top:-149px}
#fixed_mp .fixed-container p {padding:0 20px;text-align:center;font-size:14px;color:#000}
.hide,.popup {display:none;}
.show {display:block;}
#projectinfo .description a {padding:10px 40px;color:#fff;background:#00c0ff;transition:all ease .3s}
#projectinfo .description a:hover {background:#02b2ed}
#online_open {width:30px;height:30px;background:#00d420;cursor:pointer;position:fixed;right:-40px;bottom:160px;z-index:99999;font-size:18px;color:#fff;text-align:center;line-height:30px;}
#online_open i {margin-top:6px}
#online_lx {width:180px;height:auto;border-radius:5px;background-color:#fff;-webkit-box-shadow:0 5px 9px rgba(4,0,0,.17);box-shadow:0 5px 9px rgba(4,0,0,.17);position:fixed;right:10px;bottom:160px;z-index:99999}
#olx_head {padding:20px;line-height:16px;height:16px;background:#00d420;border-radius:4px 4px 0 0;color:#fff;font-size:14px}
#olx_head i {font-size:18px;color:#fff;cursor:pointer}
#olx_qq li a {padding:12px 28px;height:18px;line-height:18px;background:#f5f5f5;color:#353434;display:block;border-bottom:#fff 1px solid;transition:all ease-out .3s;font-size:12px}
#olx_qq li a i {transition:all 0.3s ease-out 0s;color:#5e5e5e;font-size:16px;vertical-align:middle;margin-right:16px}
#olx_qq li a:hover {color:#fff;background:#565656}
#olx_qq li a:hover i {color:#00d420;}
#olx_tel {padding:20px 28px}
#olx_tel div {color:#434343;line-height:14px;height:14px;margin-bottom:10px}
#olx_tel div i {font-size:18px;margin-right:20px;vertical-align:middle}
#olx_tel p {line-height:18px;font-family:HELVETICANEUELTPRO-THEX;font-size:16px}
#mslider li video {position:absolute;}
#indexPage #mslider ul li div.mask {background-color:transparent;width:100%;height:100%;position:absolute;left:0;top:0}
.netmask {display:block}
.netmask div {position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px}
.netmask.loading div i {display:block;background:url(../images/loading.gif);width:40px;height:40px}
.netmask div i:before {display:none;font-size:40px;color:#fff;}
.netmask.success div i:before {display:block}
.sliderArrow {display:none;font-size:0;}
#page404 {padding-top:200px}
#page404 span {font-size:150px;font-family:"HELVETICANEUELTPRO-THEX",Arial;color:#efefef;}
#page404 div {margin-left:320px;padding-left:26px;border-left:#e9e9e9 1px solid;height:70px;}
#page404 div p.title {color:#787878;font-size:36px;line-height:36px}
#page404 div p.subtitle {color:#787878;font-size:14px;margin-top:10px}
#projectlist.masonry {margin:0 auto;}
#headSHBtn {display:none;}
#shares a i.fa-mobile {font-size:30px;}

.postbody hr{height:1px;border:none;border-top: 1px dotted rgb(211, 211, 211); margin-top: 20px; margin-bottom: 20px;}
.postbody p{word-wrap: break-word;word-break: normal; /* word-break:break-all*/}
.navitem .fa-angle-down{ color:transparent;font-size: 0;}
@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;}



/*2017-09-25竹子修改*/
#aboutIn{width:960px;margin:auto;}


.lianxi-product {background:#eee;padding:15px;}
.lianxi-product p{font-size:14px;line-height:24px;color:#666;}

/* 2022 iemel add search */
.keywords {
    width: 50%;
    border: 1px solid #AAA;
    padding: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.sgo {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-family: "微软雅黑","microsoft yahei";
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    background-color: #1d863b;
    color: #fff;
}