@font-face{font-family: 'HELVETICANEUELTPRO-THEX';src: url('http://www.gzhnhlf.com/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: #1a1b1c;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
html, body{width: 100%;height: 100%;overflow: hidden}
body{margin: 0 auto;font-size: 1.3rem}
.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}
.scrollView{overflow-x: hidden;overflow-y: auto;min-height: 300px;height: calc(100% - 50px);height: -webkit-calc(100% - 50px);position: relative;}
.plr5{padding: 5px 5px}
.plr10{padding: 0 14px}
.plr20{padding: 0 20px}
#leftcontrol{width: 260px;height: 100%;background:#202122;position: fixed;overflow-y: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
#leftcontrol >ul{padding-top: 0px}
#leftcontrol ul li{display: block;min-height: 49px;border-top: 1px solid #272727;font-size: 1.3rem;width: 100%;}
#leftcontrol ul li .subnav{height: 0;overflow: hidden;}
#leftcontrol ul li a{display: block;color:#777777;padding: 0 25px;height: 49px;line-height: 49px;}
#leftcontrol > ul > li.active a{background: #111111;color: #fff;}
#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{background:#19191A;color:#7e7e7e;}
#leftcontrol ul.subnav li a i{margin-right: 20px;font-size: 1.5rem;color: #3e3e3e;}
#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);}
#sitewapper{height:100%}
#sitecontent{background: #fff;z-index: 1;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;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:transparent;}
#logo{width: 180px;height: 30px;padding: 10px 0;display: block;margin: 0 auto;}
#logo img{height: 30px;max-width: 220px;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;white-space: nowrap;text-overflow: ellipsis;}
#indexPage .module{position: relative;}
.content .header{padding: 50px 0 30px 0;}
.content .header p{text-align: center;}
.content .header p.title{color: #444;font-size: 1.8rem}
.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: 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: 100%;}
.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;}
#projectlist .wrapper{margin-left: 1%;padding:0}
#projectlist .projectitem{width:49%;height: auto;float: left;position: relative;background: #000;margin-right: 1%;margin-bottom: 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: 2rem;text-align: center;}
#indexPage #mteam{background-color: #f8f8f8;}
#teamlist{padding-bottom: 20px}
.teamitem{width: 100%;height:auto;padding: 40px 0;border-bottom: #e4e4e4 1px dotted}
.teamitem a{width: 100%;height:auto;display: block;}
.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.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: #6b6b6b;}
#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 > a{color: #999999;text-decoration: underline}
#contactinfo div{padding: 20px 0;height: 60px}
#contactinfo div a{color: #fff;width: 50px;height: 50px;display: block;font-size: 32px;background: #2e2f2f;margin-right: 10px;text-align: center;border-radius: 25px;}
#contactinfo div a i{margin-top: 7px;font-size: 16px}
#pages{padding: 20px 0;height:0px;text-align: center;margin-bottom: 30px;}
#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: 5px;position: relative;}
#category .label{line-height: 40px;height: 40px;background: #00C0FF;color: #fff;font-size: 1.5rem}
#category .label .text{text-align: center;}
.dropmenu .label .down{float: right;font-size: 2.4rem;margin-top: 8px}
.dropmenu.open .label .down{transform: rotate(180deg);}
.dropmenu ul{background-color:#fff;width: 100%;height: 0;overflow-y:auto;position: absolute;z-index: 1;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);}
.dropmenu ul li{width: 100%;height: 40px;float: left;border-bottom: #eeeeee 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: #2b2b2b;color: #00C0FF;}
#teampost .header p{text-align: left}
#teampost .header .title{color: #000000;}
#teampost .header .subtitle{color: #909090;}
#servicelist{margin-top: 20px}
#servicelist .wrap{margin-right: -15px}
#servicelist li{float: left}
#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;}
#projectimages{background:transparent;}
#projectimages li{margin-bottom: 5px}
.postbody{line-height: 24px;font-size: 13px;color: #6a6a6a;margin-top:0px}
.postbody a{color: #00c0ff}
.postbody img, .postbody iframe, .imgcw{float: none;max-width: 100%;}
#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{float: right;display:inline-block;width:35px;height:16px;vertical-align:top;margin-left:10px;margin-right:10px;margin:4px 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}
#contactinfo p.ellipsis a{text-decoration: underline;color:#ebebeb;}
#newslist .newstitem:hover{background-color:rgba(0,0,0,.05);}
#indexPage a.more:hover{border: #00C0FF 1px solid;background:#00C0FF;color: #fff;}
#leftcontrol ul li:hover{background-color: #161617;}
#projectlist .projectitem .project_info div{position: absolute;width: 100%;}
.projectitem .project_info p.title{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;}
.postbody iframe{height:210px;}
.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;}
#projectlist.masonry .wrapper{position:relative}
.dropmenu ul li.sub{text-indent:20px}
#footer p span{width: 80%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#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;}

/*新增*/
.postbody img{height: auto !important;}
/*pages*/
#pages a{display: inline-block;padding: 4px 8px 4px 8px; border: 1px #e5e5e5 solid;font-size: 12px;color: #999; background-color: #fcfcfc;}
#pages a:hover{display: inline-block;padding: 4px 8px 4px 8px; border: 1px #727272 solid;font-size: 12px;color: #fff; background-color: #2d2d2d;}
#pages span{display: inline-block;padding: 4px 8px 4px 8px; border: 1px #2d2d2d solid;font-size: 12px;color: #fff; background-color: #2d2d2d;}
#footer{text-align: center;}
/*pages ned*/