@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: #1a1b1c;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}html, body {width: 100%;}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 {min-height: 300px;z-index:1;}.plr5 {padding: 5px 5px}.plr10 {padding: 0 14px}.plr20 {padding: 0 20px}#leftcontrol {width: 190px;height: 100%;background:#f6f3ee;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;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%;}body.open #sitecontent {transform: translate3d(190px, 0, 0);-webkit-transform: translate3d(190px, 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: 2rem 0 0 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: 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; }#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 #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: 36px;}#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 {min-height: 40px;margin-bottom: 5px;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: hidden;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{ display:inline-block;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:#a939bf;}#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: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;} 
#tryBtn{ height:40px; width:100%; line-height:40px; text-align:center; color:#fff; background-color:#FF8A00; display:block; position:fixed; bottom:0; left:0}
#footer{ padding-bottom:40px; clear:both}
#pages{ display:none}


/*  新  */
.xtop{ width:100%; overflow:hidden; background:#75277b; height:12.53%;}
.xtop_cen{ width:93.866%; overflow:hidden; margin:3.33% auto;}
.xtop_cen_sy{width:6.39%; float:left;}
.xtop_cen_logo{ width:27.41%; float:left; margin-left:29.82%;}
.xtop_cen_xx{ float:right; width:5.96%;}

/* xnav  */
.xnav{ width:100%; overflow:hidden;}
.xnav ul{ padding:0px; margin:0px;}
.xnav ul li{ width:24.8%; float:left; margin-right:0.266%; background:#f5f6fa; font-size:1.75rem; text-align:center; margin-bottom:0.16rem; padding:1.2% 0;}
.xnav ul li a{ color:#000;}
.xnav ul li.no{ margin-right:0px;}

/*  新底部  */
.xind_foot{ width:100%; overflow:hidden; margin:1.6rem auto 13.2%;}



/* xx_index_top    */
.xx_index_top{ width:100%; margin:0 auto; float:left;}
.xx_index_top_logo{ width:24%; overflow:hidden; margin:0 auto;}
.xx_index_top_logo img{ padding:11.5% 0;}


/*  xx_index_top_nav   */
.xx_index_top_nav{ width:100%; background:#1eb8ea; padding:1.2% 0;position:relative; float:left;}
.xx_index_top_nav_le{ width:91.6%; overflow:hidden; float:left;}
.xx_index_top_nav_le ul{ width:100%; overflow:hidden; padding:0; margin:0; text-align:center;}
.xx_index_top_nav_le ul li{ display:inline-block; margin:0 4.76%;text-align:center; color:#fff;}
.xx_index_top_nav_le ul li span{ display:block; font-size:1.8rem;}
.xx_index_top_nav_le ul li em{ display:block; font-style:normal; color:#fff; font-size:1.2rem;}

.xx_index_top_nav_ri{ width:8.4%; overflow:hidden; float:right;}
.xx_index_top_nav_ri img{ width:74.6%; overflow:hidden;cursor:pointer; }
.xl_nr{ position:absolute; width:20%; right:0; display:none; top:94%; z-index:22;}
.xl_nr ul{ padding:0; margin:0;}
.xl_nr ul li{ background:#1eb8ea; text-align:center; color:#FFF; border-top:1px solid #CCC; padding:6% 0;}
.xl_nr ul li a{ color:#FFF;font-size:1.8rem;}

@media screen and (max-width:414px){
	.xx_index_top_nav_le ul li span{font-size:0.9936rem;}
	.xx_index_top_nav_le ul li em{font-size:0.6624rem;}
	.xl_nr ul li a{font-size:0.9936rem;}
}
@media screen and (max-width:400px){
	.xx_index_top_nav_le ul li span{font-size:0.96rem;}
	.xx_index_top_nav_le ul li em{font-size:0.64rem;}
	.xl_nr ul li a{font-size:0.96rem;}
}
@media screen and (max-width:375px){
	.xx_index_top_nav_le ul li span{font-size:0.9rem;}
	.xx_index_top_nav_le ul li em{font-size:0.6rem;}
	.xl_nr ul li a{font-size:0.9rem;}
	.xx_index_top_nav_ri img{ margin-top:-10%;}
}
@media screen and (max-width:360px){
	.xx_index_top_nav_le ul li span{font-size:0.864rem;}
	.xx_index_top_nav_le ul li em{font-size:0.576rem;}
	.xl_nr ul li a{font-size:0.864rem;}
}
@media screen and (max-width:320px){
	.xx_index_top_nav_le ul li span{font-size:0.768rem;}
	.xx_index_top_nav_le ul li em{font-size:0.512rem;}
	.xl_nr ul li a{font-size:0.768rem;}
	.xx_index_top_nav_ri img{ margin-top:-15%;}
}


/*  logo */
.XTop_logo{ width:100%; margin: 0 auto;}
.XTop_logo a{ display:block; width:50.4%; overflow:hidden; margin:0 auto; padding:2% 0; font-size:0;}

/* 导航  */
.XTop_nav{ width:100%; overflow:hidden; background:#1fb8ea;}
.XTop_nav ul{ width:94.66%; overflow:hidden; padding:1.4% 0; margin:0 auto;}
.XTop_nav ul a{ font-size:0;}
.XTop_nav ul li{ float:left; width:14.26%; text-align:center; color:#fff;}
.XTop_nav ul li span{ display:block; font-size:1.6rem;}
.XTop_nav ul li em{ display:block; font-style:normal; color:#98e4fd; font-size:1.2rem;}

@media screen and (max-width:414px){
	.XTop_nav ul li span{ font-size:0.8832rem;}
	.XTop_nav ul li em{ font-size:0.6624rem;}
}
@media screen and (max-width:400px){
	.XTop_nav ul li span{ font-size:0.8533rem;}
	.XTop_nav ul li em{ font-size:0.64rem;}
}
@media screen and (max-width:375px){
	.XTop_nav ul li span{ font-size:0.8rem;}
	.XTop_nav ul li em{ font-size:0.6rem;}
}
@media screen and (max-width:360px){
	.XTop_nav ul li span{ font-size:0.768rem;}
	.XTop_nav ul li em{ font-size:0.576rem;}
}
@media screen and (max-width:320px){
	.XTop_nav ul li span{ font-size:0.6826rem;}
	.XTop_nav ul li em{ font-size:0.512rem;}
}



/*  新版本底部   */
.Xfooter{ width:100%; overflow:hidden; margin:2.8% auto 13.2%; background:#24baea;}
.Xfooter dl{ width:94.66%;  overflow:hidden; margin:0 auto; padding:2.8% 0;}
.Xfooter dl dt{ width:76.05%; overflow:hidden; float:left; color:#fff; font-size:1.8rem; font-weight:normal;}
.Xfooter dl dt a{ color:#fff; font-size:1.8rem;}
.Xfooter dl dd{ width:23.94%; overflow:hidden; float:left;}

@media screen and (max-width:414px){
	.Xfooter dl dt{font-size:0.9936rem}
	.Xfooter dl dt a{font-size:0.9936rem}

}
@media screen and (max-width:400px){
	.Xfooter dl dt{font-size:0.96rem}
	.Xfooter dl dt a{font-size:0.96rem}
}
@media screen and (max-width:375px){
	.Xfooter dl dt{ font-size:0.9rem}
	.Xfooter dl dt a{ font-size:0.9rem}
}
@media screen and (max-width:360px){
	.Xfooter dl dt{font-size:0.864rem}
	.Xfooter dl dt a{font-size:0.864rem}
}
@media screen and (max-width:320px){
	.Xfooter dl dt{font-size:0.768rem;}
	.Xfooter dl dt a{font-size:0.768rem;}

}