@font-face {
	font-family: HELVETICANEUELTPRO-THEX;
	src: url(../other/HELVETICANEUELTPRO-THEX.OTF);
	font-weight: normal;
	font-style: normal;
}
* {
	margin: 0px; padding: 0px;
}
html {
	background: rgb(241, 241, 241); font: 14px/normal "HELVETICANEUELTPRO-THEX", "΢ÈíÑźÚ"; width: 100%; height: 100%; color: rgb(140, 140, 140); font-size-adjust: none; font-stretch: normal;
}
body {
	background: rgb(241, 241, 241); font: 14px/normal "HELVETICANEUELTPRO-THEX", "΢ÈíÑźÚ"; width: 100%; height: 100%; color: rgb(140, 140, 140); font-size-adjust: none; font-stretch: normal;
}
ul li {
	list-style: none;
}
a {
	text-decoration: none;
}
img {
	border: currentColor; border-image: none; float: left;
}
input {
	background: none; border: currentColor; border-image: none;
}
input {
	background: rgb(255, 255, 255); outline: 0px; width: 100%; height: 100%; color: rgb(146, 146, 146); font-family: "HELVETICANEUELTPRO-THEX", "΢ÈíÑźÚ"; font-size: 14px; -webkit-appearance: none;
}
textarea {
	background: rgb(255, 255, 255); outline: 0px; width: 100%; height: 100%; color: rgb(146, 146, 146); font-family: "HELVETICANEUELTPRO-THEX", "΢ÈíÑźÚ"; font-size: 14px; -webkit-appearance: none;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.ellipsis {
	overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.fw {
	margin: 0px auto; width: 1180px;
}
body {
	-ms-overflow-x: hidden; min-width: 1200px;
}
#pageWrapper {
	
}
#header {
	transition:0.3s; width: 100%; height: auto; padding-top: 20px; font-size: 14px; border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-width: 1px; border-bottom-style: solid; position: fixed; z-index: 99;
}
.nobanner #header {
	background: rgba(33, 33, 33, 0.9);
}
#header .content {
	padding-left: 40px;
}
.mini#header {
	background: rgba(23, 28, 32, 0.9); padding-top: 10px;
}
.mini#header ul li.navitem {
	padding-bottom: 0px;
}
#header #logo {
	width: auto; height: 40px; margin-right: 50px; float: left; display: block;
}
#header ul#nav {
	
}
#header ul li.navitem {
	padding: 0px 20px 10px; transition:0.3s; width: auto; height: 50px; line-height: 40px; float: left; position: relative;
}
#header ul li.navitem:hover ul.subnav {
	display: block;
}
#header ul li.navitem a {
	transition:0.3s ease-out; color: rgb(255, 255, 255);
}
#header ul li.navitem a.active {
	color: rgb(0, 192, 255);
}
#header ul li.navitem:hover a {
	color: rgb(0, 192, 255);
}
#header ul li.navitem ul.subnav {
	left: -70px; top: 58px; width: 210px; border-top-color: rgb(0, 192, 255); border-top-width: 3px; border-top-style: solid; display: none; position: absolute;
}
#header ul li.navitem ul.subnav li {
	border-bottom-color: rgb(46, 47, 41); border-bottom-width: 1px; border-bottom-style: solid;
}
#header ul li.navitem ul.subnav li a {
	background: rgba(0, 0, 0, 0.7); padding: 14px 30px; transition:0.2s ease-out; width: 150px; height: 20px; color: rgb(187, 185, 185); line-height: 20px; font-size: 12px; display: block;
}
#header ul li.navitem ul.subnav li a i {
	transition:0.2s ease-out; margin-top: 5px; float: right; opacity: 0;
}
#header ul li.navitem ul.subnav li a:hover {
	background: rgba(0, 0, 0, 1); color: rgb(255, 255, 255); text-indent: 10px;
}
#header ul li.navitem ul.subnav li a:hover i {
	opacity: 1;
}
#sitecontent {
	height: auto; min-height: 1000px;
}
#indexPage #mslider {
	width: 100%; height: 637px; overflow: hidden; position: relative;
}
#indexPage #mslider .bx-wrapper {
	width: 100%; position: fixed;
}
#indexPage #mslider ul li {
	background-position: center; width: 100%; height: 637px; display: block; background-repeat: no-repeat; background-size: cover;
}
#indexPage #mslider ul li div {
	width: 720px; text-align: center; vertical-align: middle; display: table-cell;
}
#indexPage #mslider ul li p {
	text-align: center; color: rgb(255, 255, 255);
}
#indexPage #mslider ul li p.title {
	height: 70px; line-height: 70px; font-size: 60px; transition-delay: 0s;
}
#indexPage #mslider ul li p.subtitle {
	height: 20px; font-size: 16px; 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 {
	transition:0.3s ease-out; opacity: 0; transform: translateY(25px); -webkit-transition: all ease-out .3s;
}
#indexPage #mslider ul li a {
	transition:0.3s ease-out; opacity: 0; transform: translateY(25px); -webkit-transition: all ease-out .3s;
}
#indexPage #mslider ul li.active p {
	opacity: 1; transform: translateY(0px);
}
#indexPage #mslider ul li.active a {
	opacity: 1; transform: translateY(0px);
}
#indexPage #mproject .bgmask {
	background-color: rgba(255, 255, 255, 0.8);
}
#indexPage #mnews .bgmask {
	background-color: rgba(255, 255, 255, 0.8);
}
#indexPage #mservice .bgmask {
	background-color: rgba(255, 255, 255, 0.8);
}
#indexPage #mpage .bgmask {
	background-color: rgba(255, 255, 255, 0.8);
}
#indexPage .module {
	background-position: center; position: relative; z-index: 2; background-repeat: no-repeat; background-size: cover;
}
#indexPage :last-child.module {
	border: currentColor; border-image: none;
}
#indexPage .module .bgmask {
	left: 0px; top: 0px; width: 100%; height: 100%px; display: none; position: absolute; background-color: rgba(0, 0, 0, 0.7);
}
#indexPage .bgShow.module {
	background-attachment: fixed;
}
#indexPage .bgShow.module .bgmask {
	display: block;
}
#indexPage .bgShow.module .content {
	position: relative;
}
.bx-controls-direction .bx-next:hover {
	
}
.bx-controls-direction .bx-prev:hover {
	
}
#indexPage #mservice {
	height: 520px; background-color: rgb(255, 255, 255);
}
#indexPage #mservice .content {
	height: 340px; padding-bottom: 100px;
}
.content .header {
	padding-top: 60px; padding-bottom: 20px;
}
.content .header p {
	text-align: center;
}
.content .header p.title {
	color: rgb(68, 68, 68); font-size: 40px;
}
.content .header p.subtitle {
	color: rgb(193, 193, 193); line-height: 26px; font-size: 12px;
}
#indexPage .slider_control {
	font-size: 36px; display: block;
}
#indexPage .slider_control i {
	color: rgb(161, 161, 161);
}
#indexPage .fr.slider_control {
	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 {
	width: 320px; height: 230px; margin-right: 50px; float: left;
}
.serviceitem a {
	width: 320px; height: 120px; display: block;
}
.serviceitem div {
	text-align: center; margin-top: 15px;
}
.serviceitem div p.title {
	transition:0.2s ease-out; height: 40px; color: rgb(89, 89, 89); line-height: 40px; font-size: 16px;
}
.serviceitem div p.description {
	width: 100%; height: 50px; color: rgb(132, 132, 132); line-height: 24px; overflow: hidden; font-size: 13px;
}
.serviceitem:hover .title {
	color: rgb(0, 192, 255);
}
#indexPage #mservice .slider_control {
	color: rgb(137, 137, 137);
}
#indexPage #mservice .slider_control:hover {
	color: rgb(20, 20, 20);
}
#indexPage #mproject {
	background-color: rgb(243, 243, 243);
}
#projectlist .projectitem {
	width: 25%; height: auto; float: left; position: relative;
}
#projectlist .projectitem a {
	overflow: hidden; display: block;
}
#projectlist .projectitem a img {
	transition:0.3s ease-out; width: 100%; height: auto;
}
#projectlist .projectitem a:hover img {
	transform: scale(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 {
	background: rgba(0, 0, 0, 0); transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#projectlist .projectitem a:hover .project_info {
	background: rgba(0, 0, 0, 0.7);
}
#projectlist .projectitem .project_info p {
	padding: 0px 20px; text-align: center; color: rgb(255, 255, 255);
}
#projectlist .projectitem .project_info div {
	top: 50%; margin-top: -15px; position: relative;
}
#projectlist .projectitem .project_info p.title {
	transition:0.3s ease-out; color: rgba(0, 0, 0, 0); font-size: 14px; margin-top: 10px;
}
#projectlist .projectitem a:hover .project_info p.title {
	color: rgb(255, 255, 255); margin-top: 0px;
}
#projectlist .projectitem .project_info p.subtitle {
	transition:0.3s ease-out; color: rgba(0, 0, 0, 0); font-size: 12px; margin-top: 16px;
}
#projectlist .projectitem a:hover .project_info p.subtitle {
	color: rgb(183, 183, 183); font-size: 12px; margin-top: 0px;
}
#projectmore {
	background: rgb(52, 52, 52); transition:0.3s ease-out; width: 100%; height: 150px; text-align: center; color: rgb(255, 255, 255); line-height: 150px; text-indent: 0px; font-size: 20px; display: block; position: relative; z-index: 1;
}
#projectmore:hover {
	background: rgb(0, 192, 255); width: 100%; height: 150px; text-align: center; color: rgb(255, 255, 255); line-height: 150px; text-indent: -50px; font-size: 20px; display: block;
}
.module-slider .description {
	margin: 0px auto; width: 720px; height: 50px; text-align: center; color: rgb(132, 132, 132); line-height: 24px; overflow: hidden; font-size: 13px;
}
#indexPage a.more {
	background: rgba(255, 255, 255, 0); margin: 50px auto 80px; border-radius: 30px; border: 1px solid rgb(223, 223, 223); transition:0.3s ease-out; border-image: none; width: 360px; height: 58px; color: rgb(0, 192, 255); line-height: 58px; text-indent: 150px; font-size: 20px; display: block;
}
#indexPage a.more:hover {
	border-color: rgb(182, 182, 182); text-indent: 130px;
}
#indexPage a.more i {
	transition:0.3s ease-out; color: transparent; text-indent: -10px; font-size: 24px;
}
#indexPage a.more:hover i {
	color: rgb(112, 112, 112); text-indent: 18px;
}
#indexPage #mpage {
	background-color: rgb(255, 255, 255);
}
#indexPage #mpage .slider_wrapper {
	margin: 0px auto; width: 100%; height: 100%; overflow: hidden;
}
#indexPage #mpage .slider_wrapper li {
	width: 100%; height: auto;
}
#indexPage #mpage .slider_wrapper li .fimg {
	background-position: top; width: 100%; height: 400px; background-repeat: no-repeat;
}
#indexPage #mteam {
	height: 540px; background-color: rgb(48, 48, 48);
}
#indexPage #mteam .header img {
	margin: 10px auto 24px; border-radius: 90px; float: none; display: block;
}
#indexPage #mteam .header p.title {
	color: rgb(255, 255, 255); font-size: 24px;
}
#indexPage #mteam .header p.subtitle {
	color: rgb(165, 165, 165); font-size: 12px;
}
#indexPage #mteam .description {
	color: rgb(190, 190, 190);
}
#indexPage #mteam .slider_control {
	width: 60px; height: 300px; margin-top: 200px;
}
#indexPage #mteam .slider_wrapper {
	width: 1060px; height: 480px; overflow: hidden;
}
#indexPage #mteam .slider_control a i {
	transition:0.3s ease-out; color: rgb(161, 161, 161);
}
#indexPage #mteam .slider_control a:hover i {
	color: rgb(255, 255, 255);
}
#indexPage #mnews {
	height: auto; background-color: rgb(248, 248, 248);
}
#newslist .newstitem {
	transition:0.2s ease-out; width: 100%; height: 150px; border-bottom-color: rgba(0, 0, 0, 0.05); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
#newslist .newscontent {
	margin: 0px auto; width: 1200px; height: 90px; padding-top: 40px; display: block; position: relative; z-index: 1;
}
#newslist .newsinfo {
	transition:0.6s cubic-bezier(0.215, 0.61, 0.355, 1); margin-left: 160px;
}
#newslist .newsdate {
	width: 180px;
}
#newslist .newsdate p {
	font-family: "HELVETICANEUELTPRO-THEX", Arial;
}
#newslist .newsinfo .md {
	text-align: right; color: rgb(220, 220, 220); line-height: 50px; font-size: 60px;
}
#newslist .newsinfo .year {
	text-align: right; color: rgb(189, 189, 189); font-size: 16px;
}
#newslist .newsbody {
	margin-left: 0px;
}
#newslist .newsbody .title {
	width: 460px; height: 20px; color: rgb(70, 70, 70); line-height: 20px; font-size: 16px;
}
#newslist .newsbody .description {
	width: 600px; height: 60px; color: rgb(106, 106, 106); line-height: 20px; overflow: hidden; font-size: 13px; margin-top: 10px;
}
#newslist .newstitem i {
	transition:0.3s ease-out; color: rgba(0, 0, 0, 0); text-indent: -30px; font-size: 36px; margin-top: 20px;
}
#newslist .newstitem:hover i {
	color: rgb(255, 255, 255); text-indent: 0px; font-size: 36px; margin-top: 20px;
}
#newslist .newstitem:hover .newsinfo {
	transform: translate3d(-50px, 0px, 0px);
}
#newslist .newstitem:hover p {
	color: rgb(255, 255, 255);
}
#newslist .newstitem:hover a {
	color: rgb(255, 255, 255);
}
#newslist .newstitem:hover {
	background: rgb(0, 192, 255);
}
#indexPage #mnews .news_wrapper {
	margin: 0px auto; width: 100%; height: 100%; overflow: hidden;
}
#indexPage #mpartner {
	height: 200px; background-color: rgb(255, 255, 255);
}
#indexPage #mpartner .content {
	padding: 60px 0px;
}
#indexPage #mpartner .slider_wrapper {
	margin: 0px auto; width: 960px; height: 80px; overflow: hidden;
}
#indexPage #mpartner .slider_control {
	width: 40px; height: 40px; margin-top: 14px;
}
#indexPage #mpartner .slider_control a {
	background: rgba(0, 0, 0, 0.2); border-radius: 20px; transition:0.3s ease-out; width: 40px; height: 40px; display: block;
}
#indexPage #mpartner .slider_control a i {
	color: rgb(255, 255, 255); font-size: 24px; margin-top: 7px; margin-left: 16px;
}
#indexPage #mpartner .next.slider_control {
	text-align: left;
}
#indexPage #mpartner .next.slider_control a i {
	margin-left: 18px;
}
#indexPage #mpartner .slider_control a:hover {
	background-color: rgb(0, 192, 255);
}
#indexPage #mpartner .slider_wrapper ul li {
	width: 160px; height: 80px; float: left;
}
#indexPage #mpartner .slider_wrapper ul li img {
	width: 160px; height: 80px;
}
#indexPage #mcontact {
	height: 600px; background-color: rgb(8, 8, 8);
}
#indexPage #mcontact .content {
	width: 940px;
}
#indexPage #mcontact .header p.title {
	color: rgb(255, 255, 255);
}
#indexPage #mcontact .header p.subtitle {
	color: rgb(193, 193, 193);
}
#contactinfo {
	width: 540px;
}
#contactinfo h3 {
	color: rgb(255, 255, 255); line-height: 24px; font-size: 16px; font-weight: 100; margin-bottom: 25px;
}
#contactinfo p {
	width: 100%; height: 24px; color: rgb(152, 152, 152); line-height: 24px; font-size: 13px;
}
#contactinfo > a {
	color: rgb(152, 152, 152); text-decoration: underline;
}
#contactinfo div {
	margin-top: 24px;
}
#contactinfo div a {
	background: rgb(46, 47, 47); border-radius: 15px; transition:0.2s ease-out; width: 30px; height: 30px; text-align: center; color: rgb(239, 239, 239); font-size: 16px; margin-right: 10px; display: block;
}
#contactinfo div a:hover {
	background: rgb(92, 92, 92); color: rgb(255, 255, 255);
}
#contactinfo div a i {
	font-size: 16px; margin-top: 7px;
}
#contactform p .inputtxt {
	padding: 10px 20px; border: 1px solid rgb(63, 63, 63); border-image: none; width: 320px; height: 20px; color: rgb(188, 188, 188); line-height: 20px; margin-bottom: 10px; background-color: rgb(0, 0, 0);
}
#contactform p textarea.inputtxt {
	height: 100px; overflow: hidden; resize: none;
}
#contactform p .inputsub {
	padding: 8px 0px; width: 100%; color: rgb(255, 255, 255); font-size: 16px; background-color: rgb(0, 192, 255);
}
#contactform .active.inputtxt {
	border-color: rgb(0, 192, 255);
}
#pages {
	padding: 40px 0px; height: 36px; text-align: center;
}
#pages a {
	transition:background-color 0.2s ease-out; width: 36px; height: 36px; text-align: center; color: rgb(169, 169, 169); line-height: 36px; font-family: Arial; margin-right: 5px; display: inline-block;
}
#pages span {
	margin-right: 5px;
}
#pages a i {
	top: 2px; font-size: 24px; position: relative;
}
#pages a.active {
	background: rgb(0, 192, 255); color: rgb(255, 255, 255);
}
#pages a:hover {
	background: rgb(0, 192, 255); color: rgb(255, 255, 255);
}
.nobanner .npagePage {
	padding-top: 80px;
}
.npagePage #banner {
	width: 100%; height: 380px; position: relative;
}
.npagePage #banner div {
	background-position: center; width: 100%; height: 380px; position: fixed; background-repeat: no-repeat; background-size: cover; background-color: rgb(57, 56, 62);
}
.npagePage .content {
	background: rgb(255, 255, 255); position: relative; z-index: 1;
}
#plheader {
	padding-bottom: 30px;
}
#category {
	text-align: center; padding-bottom: 50px;
}
#category a {
	padding: 8px 16px; border: 1px solid rgb(210, 210, 210); border-image: none; height: 16px; color: rgb(97, 97, 97); line-height: 16px; margin-right: 2px; display: inline-block;
}
#category a.active {
	background: rgb(0, 192, 255); border-color: rgb(0, 192, 255); color: rgb(255, 255, 255);
}
#category a:hover {
	background: rgb(0, 192, 255); border-color: rgb(0, 192, 255); color: rgb(255, 255, 255);
}
#teamlist {
	margin: 0px auto; width: 1100px;
}
#teamlist .wrap {
	margin-right: -70px;
}
.teamitem {
	width: 320px; height: 460px; margin-right: 70px; margin-bottom: 50px; float: left;
}
.teamitem a {
	width: 320px; height: 320px; overflow: hidden; display: block; position: relative;
}
.teamitem a div.wrap {
	background: rgb(218, 0, 0); transition:0.2s ease-out; width: 100%; height: 50px; bottom: -50px; color: rgb(255, 255, 255); position: absolute; transform: translate(0px, 0px);
}
.teamitem a:hover div.wrap {
	transform: translate(0px, -50px);
}
.teamitem a div.wrap div {
	margin: 18px auto; width: 14px; height: 14px; position: relative;
}
.teamitem a div.wrap span {
	background: rgb(255, 255, 255); display: block; position: absolute;
}
.teamitem a div.wrap span.h {
	top: 6px; width: 14px; height: 2px;
}
.teamitem a div.wrap span.v {
	left: 6px; width: 2px; height: 14px;
}
.teamitem .teaminfo {
	text-align: center; margin-top: 33px;
}
.teamitem .teaminfo .title {
	color: rgb(0, 0, 0); font-size: 18px;
}
.teamitem .teaminfo .subtitle {
	color: rgb(154, 154, 154); font-size: 12px; margin-top: 5px;
}
.teamitem .teaminfo .description {
	height: 35px; color: rgb(148, 148, 148); line-height: 18px; overflow: hidden; font-size: 12px; margin-top: 15px;
}
#teampost {
	padding-top: 50px;
}
#teampost #teamimage {
	width: 408px; float: left;
}
#teampost #teamimage img {
	width: 408px; float: none;
}
#teampost #teambody {
	margin-left: 450px;
}
#teambody .theader .title {
	color: rgb(52, 52, 52); font-size: 30px;
}
#teambody .theader .subtitle {
	color: rgb(98, 98, 98); font-size: 14px;
}
#teambody .theader .postbody {
	margin-top: 36px;
}
#servicelist {
	margin: 0px auto; width: 1060px;
}
#servicelist .wrap {
	margin-right: -50px;
}
#servicelist .serviceitem {
	margin-bottom: 50px;
}
#projectwrap {
	padding-top: 50px; min-height: 600px;
}
#projectbody {
	width: 800px; float: left;
}
#projectimages {
	background: rgb(255, 255, 255);
}
#projectimages li {
	margin-bottom: 10px;
}
#projectimages li img {
	margin: 0px auto; float: none; display: block; max-width: 100%;
}
#projectbody .postbody {
	padding: 20px 0px;
}
#projectinfo {
	width: 340px; margin-left: 40px; float: left;
}
#projectinfo .header {
	padding: 0px; width: 340px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted; position: fixed;
}
#projectinfo .header p {
	text-align: left;
}
#projectinfo .header .description {
	margin: 30px 0px; color: rgb(106, 106, 106); line-height: 24px; font-size: 13px;
}
.postbody {
	color: rgb(106, 106, 106); line-height: 24px; font-size: 13px;
}
.postbody a {
	color: rgb(0, 192, 255);
}
.postbody a:hover {
	text-decoration: underline;
}
.postbody img {
	float: none;
}
.lowB #header {
	position: relative;
}
.lowB #indexPage #mslider .bx-wrapper {
	position: relative;
}
.lowB .npagePage #banner div {
	position: relative;
}
.lowB #indexPage .bgShow.module {
	background-attachment: scroll;
}
.lowB #header {
	background: rgb(23, 28, 32);
}
.lowB .nobanner .npagePage {
	padding: 0px;
}
#footer {
	background: rgb(0, 0, 0); width: 100%; position: relative; z-index: 1;
}
#footer p {
	padding: 20px 60px; height: 20px; text-align: right; color: rgb(142, 142, 142); line-height: 20px; font-size: 12px;
}
#footer a {
	width: 47px; height: 20px; margin-right: 40px; margin-left: 20px; vertical-align: top; display: inline-block;
}
#footer a img {
	float: none;
}
#shares {
	right: 10px; bottom: 10px; position: fixed; z-index: 99;
}
#shares a {
	background: rgba(31, 31, 31, 0.6); width: 30px; height: 30px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; display: block;
}
#shares a i {
	margin-top: 7px;
}
#shares a#sshare {
	cursor: default;
}
#shares a#sweibo {
	background-color: rgb(234, 73, 60);
}
#shares a#sweixin {
	background-color: rgb(36, 183, 39);
}
#shares a#gotop {
	font-size: 22px; margin-top: 20px; background-color: rgba(0, 0, 0, 0.6);
}
#shares a#gotop i {
	margin-top: 3px;
}
.fixed {
	background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 100; -ms-overflow-y: auto;
}
#fixed_weixin .fixed-container {
	background: rgb(255, 255, 255); padding: 20px 20px 0px; left: 50%; top: 50%; width: 220px; height: auto; margin-top: -140px; margin-left: -110px; position: absolute; box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
}
#fixed_weixin .fixed-container div {
	height: 220px;
}
#fixed_weixin .fixed-container p {
	height: 40px; text-align: center; color: rgb(0, 0, 0); line-height: 40px; font-size: 14px;
}
#fixed_mp .fixed-container {
	background: rgb(255, 255, 255); left: 50%; top: 50%; width: 258px; height: 298px; margin-top: -149px; margin-left: -129px; position: absolute; box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
}
#fixed_mp .fixed-container p {
	padding: 0px 20px; text-align: center; color: rgb(0, 0, 0); font-size: 14px;
}
.hide {
	display: none;
}
.popup {
	display: none;
}
.show {
	display: block;
}
#projectinfo .description a {
	background: rgb(0, 192, 255); padding: 10px 40px; transition:0.3s; color: rgb(255, 255, 255);
}
#projectinfo .description a:hover {
	background: rgb(2, 178, 237);
}
#online_open {
	background: rgb(0, 212, 32); width: 30px; height: 30px; text-align: center; right: -40px; bottom: 160px; color: rgb(255, 255, 255); line-height: 30px; font-size: 18px; position: fixed; z-index: 99999; cursor: pointer;
}
#online_open i {
	margin-top: 6px;
}
#online_lx {
	border-radius: 5px; width: 180px; height: auto; right: 10px; bottom: 160px; position: fixed; z-index: 99999; box-shadow: 0px 5px 9px rgba(4,0,0,0.17); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17);
}
#olx_head {
	background: rgb(0, 212, 32); padding: 20px; border-radius: 5px 5px 0px 0px; height: 16px; color: rgb(255, 255, 255); line-height: 16px; font-size: 14px;
}
#olx_head i {
	color: rgb(255, 255, 255); font-size: 18px; cursor: pointer;
}
#olx_qq li a {
	background: rgb(245, 245, 245); padding: 12px 30px; transition:0.3s ease-out; height: 18px; color: rgb(53, 52, 52); line-height: 18px; font-size: 12px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#olx_qq li a i {
	color: rgb(94, 94, 94); font-size: 16px; margin-right: 18px; vertical-align: middle;
}
#olx_qq li a:hover {
	background: rgb(86, 86, 86); color: rgb(255, 255, 255);
}
#olx_qq li a:hover i {
	color: rgb(0, 212, 32);
}
#olx_tel {
	padding: 20px 30px;
}
#olx_tel div {
	height: 14px; color: rgb(67, 67, 67); line-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;
}
.header_meun_1 {
	height: 50px; float: right;
}
.header_meun_1 ul li {
	margin: 0px 0px 0px 30px; height: 50px; color: rgb(255, 255, 255); line-height: 40px; float: left;
}
.header_meun_1 ul li h1 {
	background: url("../images/icon.png") no-repeat 0px 16px; color: rgb(227, 49, 37); text-indent: 14px; font-size: 14px;
}
.header_meun_1 ul li a {
	transition:0.3s ease-in-out; color: rgb(255, 255, 255); float: left;
}
.header_meun_1 ul li a:hover {
	margin: 0px 0px 0px 15px; color: rgb(227, 49, 37);
}
.header_meun_1 ul li a i {
	background: url("../images/icon.png") no-repeat 0px 0px; margin: 16px -8px 0px 0px; transition:0.3s ease-in-out; width: 6px; height: 9px; float: left; opacity: 0;
}
.header_meun_1 ul li a:hover i {
	margin: 16px 8px 0px 0px; opacity: 1;
}
.about_wz_nr {
	padding: 0px 0px 10px; width: 100%;  text-align: center; line-height: 40px; font-size: 16px;
}
.adout_01 {
	width: 100%;
}
.adout_01 h1 {
	margin: 20px 0px 0px; width: 100%; text-align: center; color: rgb(89, 89, 89); line-height: 30px; font-size: 24px; font-weight: normal; float: left;
}
.adout_01 span {
	width: 100%; text-align: center; color: rgb(173, 173, 173); line-height: 20px; font-size: 14px; font-weight: normal; float: left;
}
.adout_01 em {
	margin: 10px 0px 0px; width: 100%; text-align: center; color: rgb(165, 165, 165); line-height: 26px; font-size: 16px; font-style: normal; float: left;
}
.contact {
	background: url("../ims/019.jpg") no-repeat rgb(255, 255, 255); width: 100%; float: left;
}
.contact_nr {
	margin: 40px auto 0px; width: 1200px;
}
.contact_dt {
	margin: 47px 0px 0px; width: 1200px; height: 320px; float: left;
}
.contact_dt img {
	width: 1200px; height: 320px; float: left;
}
.contact_nr_01 {
	width: 1200px; float: left;
}
.contact_nr_01 h1 {
	margin: 20px 0px 0px; width: 100%; height: 30px; text-align: center; color: rgb(0, 0, 0); line-height: 30px; font-size: 16px; float: left;
}
.contact_nr_01 span {
	width: 100%; height: 30px; text-align: center; color: rgb(140, 140, 140); line-height: 30px; font-size: 12px; float: left;
}
.contact_nr_01 em {
	margin: 20px 0px 0px; width: 100%; height: 30px; text-align: center; color: rgb(0, 0, 0); line-height: 30px; letter-spacing: 15px; font-size: 30px; font-style: normal; float: left;
}
.contact_nr_01 img {
	margin: 36px 543px 0px; width: 111px; height: 111px; float: left;
}
.contact_nr_01 b {
	background: rgb(222, 222, 222); margin: 20px 0px 0px 599px; width: 1px; height: 100px; float: left;
}
.contact_nr_01 i {
	width: 100%; height: 50px; text-align: center; color: rgb(83, 83, 83); line-height: 50px; font-size: 12px; font-style: normal; float: left;
}
.contact_bz {
	background: rgb(241, 241, 241); width: 100%; height: 50px; text-align: center; color: rgb(140, 140, 140); line-height: 50px; font-size: 14px; float: left;
}
.about_title {
	width: 100%; float: left;
}
.about_title h1 {
	width: 100%; height: 30px; text-align: center; color: rgb(0, 0, 0); line-height: 30px; font-size: 24px; float: left;
}
.about_title span {
	width: 100%; height: 30px; text-align: center; color: rgb(140, 140, 140); line-height: 30px; font-size: 16px; float: left;
}
.about_title em {
	background: url("../images/bg_02.png") no-repeat center 0px; margin: 5px 0px; width: 100%; height: 8px; float: left;
}
.about_title b {
	background: url("../images/bg_02.png") no-repeat center -8px; margin: 5px 0px; width: 100%; height: 8px; float: left;
}
.about_title strong {
	width: 100%; height: 30px; text-align: center; color: rgb(140, 140, 140); line-height: 30px; font-size: 16px; float: left;
}