@charset "gb2312";
@font-face {
	font-family: font-icons;
	src: url(http://www.shgugu.net/fonts/font-icons.eot) format("embedded-opentype"), url(http://www.shgugu.net/fonts/font-icons.svg) format("svg"), url(http://www.shgugu.net/fonts/font-icons.woff) format("woff"), url(http://www.shgugu.net/fonts/font-icons.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
#MainBox {
	width: 100%; height: auto;
}
#home #MainBox {
	height: 100%;
}
#mob-cta {
	top: 120px; width: 100%; border-top-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; display: none; position: absolute;
}
#mob-cta a {
	padding: 14px 0px; width: 30%; text-align: center; color: rgb(145, 164, 175); font-weight: 700; border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; float: left; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#mob-cta a:last-child {
	border: currentColor; width: 40%;
}
#mob-cta a:hover {
	background: rgb(252, 252, 252);
}
.wodotxt {
	left: 50%; width: 100px; text-align: center; bottom: 100px; color: rgb(255, 255, 255); line-height: 23px; font-size: 12px; margin-left: -50px; position: absolute; z-index: 9; opacity: 0.5;
}
.home_scroll {
	background: url("../images/top-ico4.png") no-repeat center; border-radius: 50%; transition:0.5s cubic-bezier(0.19, 1, 0.22, 1); animation:bounceN 5s cubic-bezier(0.755, 0.05, 0.855, 0.06) infinite; left: 50%; width: 43px; height: 43px; bottom: 30px; overflow: hidden; margin-left: -21px; position: absolute; z-index: 9; cursor: pointer; -webkit-animation: bounceN 5s cubic-bezier(0.755, 0.05, 0.855, 0.06) infinite 0; -moz-animation: bounceN 5s cubic-bezier(0.755, 0.05, 0.855, 0.06) infinite 0; -webkit-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-animation: bounceN 5s cubic-bezier(0.755, 0.05, 0.855, 0.06) infinite 0; -moz-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.home_scroll i {
	background: url("../images/action.png") no-repeat center; margin: 16px auto; width: 12px; height: 8px; display: none;
}
#viewport .home_scroll {
	background: url("../images/action.png") no-repeat center rgba(255, 255, 255, 0.1); bottom: 60px;
}
.home_scroll:hover {
	background: url("../images/top-ico4-hover.png") no-repeat center; animation:ue-pudding 1s linear; -webkit-animation: ue-pudding 1s linear; -moz-animation: ue-pudding 1s linear;
}
#viewport .home_scroll:hover {
	background-color: rgb(110, 187, 27);
}
body#home {
	background: rgb(31, 31, 31);
}
body#infolist {
	background: rgb(241, 241, 241);
}
#home #mob-nav {
	position: absolute;
}
.infoBlock {
	margin: 0px auto; width: 100%; text-align: center; color: rgb(255, 255, 255); padding-top: 300px; font-size: 20px; position: absolute;
}
#welcome .infoBlock {
	display: none;
}
.infoBlock h1 {
	line-height: 140px; letter-spacing: 10px; font-size: 80px;
}
.infoBlock p {
	margin: 0px; text-transform: uppercase; font-size: 28px; font-weight: 700;
}
.infoBlock .smallfont {
	font-size: 15px; font-weight: normal;
}
#welcome .infoBlock h1 {
	visibility: hidden;
}
#welcome .infoBlock p {
	visibility: hidden;
}
#welcome .infoBlock span {
	visibility: hidden;
}
.rsABlock {
	position: relative;
}
.kbutton {
	background: rgba(0, 0, 0, 0.1); margin: 0px 10px; border: 1px solid rgba(255, 255, 255, 0.5); transition:border-color 200ms linear; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 46px; overflow: hidden; font-family: "Microsoft Yahei"; font-size: 14px; text-decoration: none !important; display: inline-block; min-width: 150px; box-sizing: border-box; -webkit-transition: border-color 200ms linear; -moz-transition: border-color 200ms linear; -o-transition: border-color 200ms linear; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.kbutton:hover {
	border-color: rgb(255, 255, 255);
}
.kb_inner {
	width: 100%; height: 100%; display: block; position: relative;
}
.button__text {
	transition:top 200ms linear, opacity 200ms linear; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; -webkit-transition: top 200ms linear, opacity 200ms linear; -moz-transition: top 200ms linear, opacity 200ms linear; -o-transition: top 200ms linear, opacity 200ms linear;
}
.button__text-hover {
	transition:top 200ms linear, opacity 200ms linear; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; -webkit-transition: top 200ms linear, opacity 200ms linear; -moz-transition: top 200ms linear, opacity 200ms linear; -o-transition: top 200ms linear, opacity 200ms linear;
}
.button__text-hover {
	top: 20px; color: rgb(255, 255, 255); opacity: 0;
}
.kbutton:hover .button__text {
	top: -20px; color: rgb(255, 255, 255); opacity: 0;
}
.kbutton:hover .button__text-hover {
	top: 0px; color: rgb(255, 255, 255); opacity: 1;
}
#viewport {
	width: 100%; height: 100%; overflow: hidden; perspective: 2000px; -webkit-perspective: 2000px;
}
#container {
	transition:transform 0.5s ease-in-out; -webkit-transition: 0 .5s ease-in-out; -webkit-transform-style: preserve-3d;
}
#cube {
	transition:transform 0.5s ease-in-out; -webkit-transition: 0 .5s ease-in-out; -webkit-transform-style: preserve-3d;
}
#cube {
	width: 100%; height: 100%; position: absolute;
}
.rotate#cube {
	transform: rotateX(90deg) translateZ(0); -webkit-transform: rotateX(90deg) translateZ(0);
}
.face {
	width: 100%; height: 100%; position: absolute; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;
}
.primary.face {
	overflow: hidden; z-index: 2;
}
.secondary.face {
	background-size: cover;
}
#work {
	width: 100%; height: 100px; bottom: 0px; display: block; position: absolute; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;
}
.trigger {
	width: 25%; height: 100%; float: left; position: relative; cursor: pointer; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;
}
.feature {
	transition:transform 0.4s ease-in-out, opacity 1.5s ease-in-out; width: 100%; height: 100%; opacity: 0; transform: rotateX(0deg) translateZ(0); backface-visibility: hidden; -webkit-transition: 0 .4s ease-in-out, opacity 1.5s ease-in-out; -webkit-transform: rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;
}
.rotate.feature {
	transform: rotateX(-90deg) translateZ(0); -webkit-transform: rotateX(-90deg) translateZ(0);
}
.trigger:hover .feature {
	bottom: 10px; transform: rotateX(90deg) translateZ(0); -webkit-transform: rotateX(90deg) translateZ(0);
}
.stick .feature {
	bottom: 10px; transform: rotateX(90deg) translateZ(0); -webkit-transform: rotateX(90deg) translateZ(0);
}
.feature .face {
	background: rgb(17, 17, 17); transition:box-shadow 0.5s ease-in-out; z-index: 2; transform: rotateX(0deg) translateZ(50px); backface-visibility: hidden; -webkit-transition: box-shadow .5s ease-in-out; -webkit-transform: rotateX(0deg) translateZ(50px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;
}
.ie .feature .face {
	position: relative; transform: rotateX(0) translateZ(0); -webkit-transform: rotateX(0) translateZ(0);
}
.rotate.feature .face {
	box-shadow: inset 0px 30px 60px transparent;
}
.feature .hover.face {
	overflow: hidden; box-shadow: inset 0px -30px 100px rgba(0,0,0,0.2); transform: rotateX(-90deg) translateZ(50px); -webkit-transform: rotateX(-90deg) translateZ(50px);
}
.feature .hover.face .info {
	background: rgba(0, 0, 0, 0.75); padding: 15px 30px; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 18px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.ie .feature .hover.face .info {
	transition:opacity 0.3s linear; opacity: 0;
}
.feature .face img {
	left: 50%; top: 50%; width: 180px; height: 80px; margin-top: -40px; margin-left: -90px; position: absolute;
}
.feature .face::after {
	top: -50px; width: 100%; height: 50px; right: 0px; display: block; position: absolute; content: "";
}
.one.feature .face {
	background: url("http://www.shgugu.net/images/thumb-met.jpg") no-repeat left bottom rgb(17, 17, 17);
}
.one.feature .face::after {
	background: url("http://www.shgugu.net/images/thumb-met-ext.png") no-repeat left top;
}
.two.feature .face {
	background: url("http://www.shgugu.net/images/thumb-skydive.jpg") no-repeat right bottom rgb(17, 17, 17);
}
.two.feature .face::after {
	background: url("http://www.shgugu.net/images/thumb-skydive-ext.png") no-repeat right top;
}
.three.feature .face {
	background: url("http://www.shgugu.net/images/thumb-mainpeak.jpg") no-repeat right bottom;
}
.three.feature .face::after {
	background: url("http://www.shgugu.net/images/thumb-mainpeak-ext.png") no-repeat right top;
}
.four.feature .face {
	background: url("http://www.shgugu.net/images/thumb-simplesafe.png") no-repeat right bottom;
}
.four.feature .face::after {
	background: url("http://www.shgugu.net/images/thumb-simplesafe-ext.png") no-repeat right top;
}
.show.feature {
	opacity: 1;
}
.font-icons {
	font-family: "font-icons";
}
.trd-title {
	line-height: 48px; display: inline-block;
}
.title-medium {
	color: rgb(51, 51, 51); font-size: 24px;
}
.trdcon {
	display: inline-block;
}
.trd-detal {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 12px;
}
.flow-case-con .trd-detal {
	margin: 0px 10px;
}
.pad_tb_42 {
	padding: 42px 0px;
}
.pad_tb_84 {
	padding: 84px 0px;
}
.con-gry {
	background-color: rgb(251, 251, 251);
}
.con-gry2 {
	background-color: rgb(245, 245, 245);
}
.con-green {
	background-color: rgb(89, 187, 86);
}
.con-blue {
	background-color: rgb(68, 139, 224);
}
.con-orange {
	background-color: rgb(232, 99, 82);
}
.con-red {
	background-color: rgb(221, 82, 82);
}
.con-wite {
	background-color: rgb(255, 255, 255);
}
.con-bg2 {
	background: url(../images/servicebg.jpg)repeat-y 50% 0% / cover;
}
.con_rank_title {
	
}
.con-black {
	background-color: rgb(49, 54, 60);
}
.posrel {
	position: relative;
}
.con_rank_title h1 {
	margin: 0px 0px 1em; width: 100%; text-align: center; color: rgb(59, 61, 57); text-transform: uppercase; line-height: 1.1em; font-family: Gotham,"Helvetica Neue","Microsoft YaHei","SimHei",sans-serif; font-size: 36px; font-weight: bold; -webkit-font-smoothing: antialiased;
}
.con_rank_title h1 span {
	color: rgb(255, 69, 0);
}
.con_rank_title h3 {
	text-align: center; color: rgb(59, 61, 57); line-height: 74px; font-size: 40px; font-weight: normal; display: block;
}
.con_rank_title h4 {
	text-align: center; color: rgb(255, 255, 255); line-height: 18px; font-size: 16px;
}
.con_rank_title h5 {
	text-align: center; color: rgb(102, 102, 102); line-height: 28px; font-size: 14px; font-weight: normal;
}
.con_rank_title h5 span {
	color: rgb(255, 69, 0);
}
.Bigtit {
	line-height: 74px !important; font-size: 46px !important;
}
.txa_c {
	text-align: center;
}
.trdcon {
	display: inline-block;
}
.flow-case-con {
	margin: 0px auto; width: 1008px;
}
.flow-case-con .trd-detal {
	margin: 0px 10px;
}
.six_row_sprit::before {
	height: 0px !important; line-height: 0 !important; font-size: 0px !important; display: table; content: "";
}
.six_row_sprit::after {
	height: 0px !important; line-height: 0 !important; font-size: 0px !important; display: table; content: "";
}
.six_row_sprit::after {
	clear: both;
}
.six_row_sprit .sprows {
	width: 16.66%; float: left;
}
.flow-setps-wrap {
	overflow: hidden; position: relative; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
}
.flow-setps-wrap img {
	vertical-align: top;
}
.flow-setps-frame {
	top: 0px; width: 100%; overflow: visible; position: absolute;
}
.flow-setps-frame .steps {
	left: 0px; top: 0px; width: 100%; height: 100%; visibility: hidden; position: absolute;
}
.flow-setps-frame .cur {
	width: 100%; display: block; visibility: visible; position: static;
}
.flow-setps-frame .step-1 {
	
}
.flow-setps-frame .step-2 {
	left: auto; top: 0px; right: 100%; visibility: visible; position: absolute;
}
.flow-setps-frame .step-3 {
	left: auto; top: auto; right: 100%; bottom: 100%; position: absolute;
}
.flow-setps-frame .step-4 {
	left: 0px; top: auto; right: auto; bottom: 100%; position: absolute;
}
.flow-setps-frame .step-5 {
	left: 0px; top: 0px; position: absolute;
}
.flow-setps-frame .step-6 {
	left: auto; top: 0px; right: 100%; position: absolute;
}
.flow-setps-frame .step-7 {
	left: auto; top: 0px; right: 200%; position: absolute;
}
.circle-icon {
	border-radius: 46px; border: 1px solid rgb(138, 138, 138); width: 92px; height: 92px; text-align: center; line-height: 92px; font-size: 48px; display: inline-block;
}
.ci-1 {
	background: url("../images/iconfont-light.png") no-repeat center;
}
.ci-2 {
	background: url("http://www.shgugu.net/images/siconfont-light.png") no-repeat center;
}
.ci-3 {
	background: url("../images/iconfont-message.png") no-repeat center;
}
.ci-4 {
	background: url(../images/iconfont-message.png)no-repeat center;
}
.ci-5 {
	background: url("../images/iconfont-creative.png") no-repeat center;
}
.ci-6 {
	background: url("../images/iconfont-keyboard.png") no-repeat center;
}
.ci-7 {
	background: url("../images/iconfont-settings.png") no-repeat center;
}
.ci-8 {
	background: url("../images/iconfont-form.png") no-repeat center;
}
.minsizeToggle {
	height: 94px; display: none;
}
.minsizeToggle .circle-icon {
	width: 60px; height: 60px; line-height: 60px; font-size: 32px; transform: translate3d(0, 0, 0); transition-property: all; -webkit-transform: translate3d(0, 0, 0); -webkit-transition-property: all;
}
.minsizeToggle .ci-2 {
	margin: 0px 24px;
}
.minsizeToggle .cur {
	border-color: rgb(84, 196, 245); width: 92px; height: 92px; color: rgb(255, 255, 255); line-height: 92px; font-size: 48px; box-shadow: inset 0px 0px 0px 50px #54c4f5; -webkit-box-shadow: inset 0 0 0 50px #54C4F5;
}
.third-w .iconwrap {
	
}
.br-1 {
	display: none;
}
.br-2 {
	display: block;
}
.br-3 {
	display: none;
}
.br-4 {
	display: none;
}
.circle-icon-2 {
	color: rgb(150, 150, 150); cursor: default; transition-property: box-shadow, color; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.95, 0.01, 0.22, 0.65); -webkit-transition-duration: .3s; -webkit-transition-property: -webkit-box-shadow, color; -webkit-transition-timing-function: cubic-bezier(.95, .01, .22, .65);
}
.circle-icon-1 {
	color: rgb(150, 150, 150); cursor: default; transition-property: box-shadow, color; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.95, 0.01, 0.22, 0.65); -webkit-transition-duration: .3s; -webkit-transition-property: -webkit-box-shadow, color; -webkit-transition-timing-function: cubic-bezier(.95, .01, .22, .65);
}
.conv_bg h5 {
	color: rgb(255, 255, 255);
}
.conv_bg h3 {
	color: rgb(255, 255, 255);
}
.con-green h5 {
	color: rgb(255, 255, 255);
}
.con-blue h5 {
	color: rgb(255, 255, 255);
}
.con-red h5 {
	color: rgb(255, 255, 255);
}
.more_btn {
	margin: 20px auto; border-radius: 6px; border: 2px solid rgb(255, 255, 255); transition:background-color 0.3s linear, color 0.3s linear; width: 170px; text-align: center; color: rgb(255, 255, 255); line-height: 45px; clear: both; display: block; -webkit-transition: background-color 0.3s linear, color 0.3s linear; -moz-transition: background-color 0.3s linear, color 0.3s linear; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}
.more_btn:hover {
	background: rgb(255, 255, 255); color: rgb(17, 17, 17);
}
.more_btn:active {
	box-shadow: inset 0px 3px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.1);
}
.conv.more_btn {
	border: 2px solid rgb(85, 193, 231); color: rgb(85, 193, 231);
}
.conv.more_btn:hover {
	background: rgb(85, 193, 231); color: rgb(255, 255, 255);
}
.M-what {
	margin: 0px auto; width: 985px;
}
.M-design {
	width: 197px; text-align: center; display: block; position: relative;
}
.move {
	width: 197px; text-align: center; display: block; position: relative;
}
.Brand {
	width: 197px; text-align: center; display: block; position: relative;
}
.ui {
	width: 197px; text-align: center; display: block; position: relative;
}
.wchat {
	width: 197px; text-align: center; display: block; position: relative;
}
.M-design-ico {
	background: url("../images/design-ico.png") no-repeat; margin: 0px auto 32px; width: 122px; height: 122px; display: block;
}
.Brand-ico {
	background: url("../images/brand-ico.png") no-repeat; margin: 0px auto 32px; width: 122px; height: 122px; display: block;
}
.move-ico {
	background: url("../images/move-ico.png") no-repeat; margin: 0px auto 32px; width: 122px; height: 122px; display: block;
}
.wchat-ico {
	background: url("../images/wchat-ico.png") no-repeat; margin: 0px auto 32px; width: 122px; height: 122px; display: block;
}
.ui-ico {
	background: url("../images/ui-ico.png") no-repeat; margin: 0px auto 32px; width: 122px; height: 122px; display: block;
}
.M-what-top {
	margin: 0px auto; height: 98px; text-align: center;
}
.ui:hover em {
	background: url("../images/ui-ico-hover.png") no-repeat;
}
.move:hover em {
	background: url("../images/move-ico-hover.png") no-repeat;
}
.wchat:hover em {
	background: url("../images/wchat-ico-hover.png") no-repeat;
}
.Brand:hover em {
	background: url("../images/brand-ico-hover.png") no-repeat;
}
.M-design:hover em {
	background: url("../images/design-ico-hover.png") no-repeat;
}
.M-design-title span {
	color: rgb(84, 84, 84); font-family: "microsoft yahei"; font-size: 18px; display: block;
}
.conv_bg .M-design-title span {
	color: rgb(255, 255, 255);
}
#Whatwedo #wedo {
	padding-top: 200px;
}
.M-design-title font {
	color: rgb(213, 213, 213); font-family: "Segoe UI"; font-size: 14px; display: block;
}
.M-what-title {
	color: rgb(137, 137, 137); font-family: "microsoft yahei"; font-size: 24px; margin-top: 50px; margin-bottom: 54px;
}
.conv_bg .M-what-title {
	color: rgb(255, 255, 255);
}
.sectionContainer {
	margin: 0px auto; width: 960px; padding-top: 60px;
}
.sectionContainer section {
	width: 300px; height: 310px; float: left; position: relative;
}
.sectionContainer section .imgContainer {
	margin: 0px 0px 36px; width: 100%; height: 140px;
}
.sectionContainer section h3 {
	margin: 0px 0px 18px; text-align: center; color: rgb(51, 51, 51); line-height: 18px; font-size: 18px; font-weight: bold;
}
.sectionContainer section .detail {
	width: 100%; text-align: left; color: rgb(102, 102, 102); line-height: 22px; font-size: 14px; font-weight: normal;
}
.sectionContainer section .block {
	background: rgb(235, 235, 235); width: 100%; height: 4px; bottom: 0px; overflow: hidden; position: absolute;
}
.sectionContainer .line {
	background: rgb(235, 235, 235); margin: 0px 14px 0px 15px; width: 1px; height: 310px; overflow: hidden; float: left;
}
.renyuan {
	margin: 3em auto 0px; width: 100%; text-align: center; position: relative; max-width: 800px;
}
.renyuan div {
	margin: 0px 1%;
}
.inline {
	display: inline-block; -ms-zoom: 1;
}
.call-us {
	padding: 42px 0px; text-align: center;
}
.call-us a {
	padding: 0px 42px; border: 1px double rgb(67, 67, 67); color: rgb(255, 255, 255); line-height: 80px; font-family: "hev",΢���ź�; font-size: 32px; display: inline-block; position: relative; background-color: rgb(67, 67, 67);
}
.call-us a::before {
	border: 2px solid rgb(35, 35, 35); left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; content: " ";
}
.feedback-and-contact {
	background: rgb(46, 46, 46); padding: 65px 0px; text-align: center;
}
.feedback-index {
	margin: 0px 45px; text-align: left; letter-spacing: normal; font-size: 12px; vertical-align: top; display: inline-block;
}
.contact-index {
	margin: 0px 45px; text-align: left; letter-spacing: normal; font-size: 12px; vertical-align: top; display: inline-block;
}
.feedback-index {
	
}
.feedback-index form {
	margin: 0px; padding: 0px; width: 456px; display: block;
}
.feedback-index form .fb-rows {
	line-height: normal; border-top-color: rgb(46, 46, 46); border-top-width: 1px; border-top-style: solid;
}
.feedback-index form :first-child.fb-rows {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.feedback-index form .fb-txa {
	margin: 0px; padding: 0px 3%; border-radius: 0px; border: currentColor; width: 94%; height: 42px; color: rgb(255, 255, 255); overflow: auto; font-size: 12px; vertical-align: middle; display: block; box-sizing: content-box; background-color: rgb(67, 67, 67); -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
}
.feedback-index form .fb-ipt {
	margin: 0px; padding: 0px 3%; border-radius: 0px; border: currentColor; width: 94%; height: 42px; color: rgb(255, 255, 255); overflow: auto; font-size: 12px; vertical-align: middle; display: block; box-sizing: content-box; background-color: rgb(67, 67, 67); -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
}
.feedback-index form .fb-txa:focus {
	animation:ipt-focus 0.4s both; -webkit-animation: ipt-focus 0.4s both;
}
.feedback-index form .fb-ipt:focus {
	animation:ipt-focus 0.4s both; -webkit-animation: ipt-focus 0.4s both;
}
.feedback-index form .fb-btn {
	margin: 0px; padding: 0px; border-radius: 0px; border: currentColor; width: 100%; height: 42px; color: rgb(255, 255, 255); font-size: 14px; cursor: pointer; background-color: rgb(138, 191, 10); -webkit-border-radius: 0px; -webkit-appearance: none;
}
.feedback-index form .fb-txa {
	margin: 0px; padding: 12px 3%; height: 105px; line-height: 18px; resize: none; -webkit-overflow-scrolling: touch;
}
.contact-index {
	
}
.contact-index .ctc-rows {
	height: 42px; color: rgb(171, 171, 171); line-height: 42px; border-top-color: rgb(46, 46, 46); border-top-width: 1px; border-top-style: solid;
}
.contact-index :first-child.ctc-rows {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.contact-index .ct-icons {
	
}
.contact-index .ct-icons::before {
	background: rgb(67, 67, 67); width: 42px; height: 42px; text-align: center; line-height: 42px; font-family: "font-icons"; font-size: 32px; margin-right: 10px; vertical-align: top; display: inline-block; content: " ";
}
.contact-index .ct-addr::before {
	content: "\e615";
}
.contact-index .ct-phone::before {
	content: "\e614";
}
.contact-index .ct-fax::before {
	content: "\e613";
}
.contact-index .ct-mail::before {
	content: "\e612";
}
.contact-index .ct-job::before {
	content: "\e611";
}
.contact-index .ct-subway::before {
	content: "\e61b";
}
.contact-index .ct-taxi::before {
	content: "\e61a";
}
.contact-index .ctc-rows span {
	line-height: 1px;
}
#mapContent {
	width: 100%; height: 400px;
}
.mapContent_wrap {
	position: relative;
}
.mapmask {
	background: rgba(0, 0, 0, 0.3); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1;
}
#mapContent .pop::before {
	height: 0px !important; line-height: 0 !important; font-size: 0px !important; display: table; content: "";
}
#mapContent .pop::after {
	height: 0px !important; line-height: 0 !important; font-size: 0px !important; display: table; content: "";
}
#mapContent .pop::after {
	clear: both;
}
#mapContent .pop {
	background: red;
}
#mapContent .pop img:nth-last-child(2) {
	background: red; padding: 4px; border-radius: 55%; left: 234px !important; top: 4px !important; width: auto !important; height: auto !important; content: url(http://www.shgugu.net/images/wx-pop-cls-btn.gif);
}
label.BMapLabel {
	padding: 0px 10px !important; border-radius: 20px; top: -24px !important; line-height: 22px !important; font-size: 12px !important; display: inline-block;
}
#mapContent .BMap_bubble_content {
	line-height: 24px;
}
#mapContent .iw_poi_title {
	font-family: "Helvetica Neue",΢���ź�,Tohoma; font-size: 18px;
}
#mapContent .iw_poi_content {
	font-family: "Helvetica Neue",΢���ź�,Tohoma; font-size: 12px;
}
.main_c_c {
	margin: 0px auto; width: 1000px;
}
.main_c_c ul {
	overflow: hidden;
}
.main_c_c ul li {
	width: 320px; margin-left: 20px; float: left;
}
.main_c_c li:first-child {
	margin-left: 0px;
}
.main_c_ct {
	height: 50px; color: rgb(31, 34, 40); line-height: 50px; font-size: 18px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.main_c_cc {
	padding: 15px 0px 30px; position: relative;
}
.main_c_cc a {
	height: 22px; line-height: 22px; overflow: hidden; display: block;
}
.main_c_cc a b {
	color: rgb(181, 181, 181); padding-right: 10px; font-size: 6px; display: inline-block;
}
.main_c_cc .more {
	background: url("../images/more_a.jpg") no-repeat 0px 2px; bottom: 0px; color: rgb(102, 102, 102); line-height: 9px; padding-left: 10px; font-family: "uS"; font-size: 9px; position: absolute;
}
.simg {
	text-align: center;
}
#index_contact {
	position: relative;
}
#ccontact #index_contact {
	padding-top: 60px;
}
#ccontact #index_contact .about {
	margin-top: 160px;
}
#ccontact #index_contact .contact {
	margin-top: 160px;
}
.main_d_a {
	background: url("http://www.shgugu.net/images/link.jpg") no-repeat; left: 50%; top: -93px; width: 304px; height: 93px; margin-left: -183px; position: absolute;
}
.page-table-nav {
	margin: 0px auto; padding: 42px 0px; width: 584px; text-align: center;
}
.page-table-nav ul li {
	float: left;
}
.page-table-nav ul li a {
	color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; margin-right: 40px; float: left; display: inline-block;
}
.page-table-nav ul li a:hover {
	color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; float: left; display: inline-block;
}
.page-table-nav ul li.cur a {
	color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; float: left; display: inline-block;
}
.ourcase {
	position: relative;
}
.showcase-preview-left {
	background: rgba(0, 0, 0, 0.5); border-radius: 50%; transition:0.3s ease-out; top: 60%; width: 50px; height: 50px; overflow: hidden; margin-top: -25px; display: block; position: absolute; cursor: pointer; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.showcase-preview-right {
	background: rgba(0, 0, 0, 0.5); border-radius: 50%; transition:0.3s ease-out; top: 60%; width: 50px; height: 50px; overflow: hidden; margin-top: -25px; display: block; position: absolute; cursor: pointer; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.showcase-preview-left {
	left: 60px;
}
.showcase-preview-right {
	right: 60px;
}
.showcase-preview-left:hover {
	background: rgb(65, 177, 231); animation:ue-pudding 1s linear; -webkit-animation: ue-pudding 1s linear; -moz-animation: ue-pudding 1s linear;
}
.showcase-preview-right:hover {
	background: rgb(65, 177, 231); animation:ue-pudding 1s linear; -webkit-animation: ue-pudding 1s linear; -moz-animation: ue-pudding 1s linear;
}
.showcase-preview-left img {
	margin: 19px auto; width: 9px; height: 12px; display: block;
}
.showcase-preview-right img {
	margin: 19px auto; width: 9px; height: 12px; display: block;
}
.grid {
	width: 100% !important;
}
#slider {
	left: 0px; top: 0px; width: 100%; height: 100%; color: rgb(0, 0, 0); position: absolute; background-color: rgb(255, 255, 255);
}
#slider .inner_article {
	margin: 0px; padding: 0px !important; width: 100% !important; height: 100%;
}
#slider .royalslider {
	height: inherit !important;
}
#slider .royalslider .rsOverflow {
	height: inherit;
}
#slider .royalslider .rsOverflow .royalslider_sheet {
	height: inherit !important; position: relative;
}
#slider .royalslider .rsOverflow .royalslider_sheet .ce_image {
	height: inherit !important;
}
#slider .royalslider .rsOverflow .royalslider_sheet .ce_image .image_container {
	height: inherit !important;
}
#slider .royalslider .rsOverflow .royalslider_sheet .ce_image .image_container img {
	margin: 0px !important; width: auto; height: 100%; display: none !important;
}
#slider .royalslider .rsOverflow .rsArrow {
	margin: -25px 0px 0px; top: 50%; width: 50px; height: 50px; position: absolute; background-color: red;
}
#slider .royalslider .rsOverflow .rsArrowLeft.rsArrow {
	background: url("../images/arrow-prev.png") no-repeat center / 17px 30px; left: 100px;
}
#slider .royalslider .rsOverflow .rsArrowRight.rsArrow {
	background: url("../images/arrow-next.png") no-repeat center / 17px 30px; right: 100px;
}
.sns .weixin {
	margin: 30px auto 0px; width: 129px; height: 129px; text-align: center; clear: both; display: block;
}
.sns .weixin img {
	width: 129px;
}
.sns .info {
	margin: 0px auto; text-align: center; clear: both;
}
.count-wrap {
	width: 100%; height: 646px; overflow: hidden; padding-top: 220px; position: relative;
}
.count-wrap .mynewpic {
	left: 0px; top: 0px; position: absolute; z-index: 1;
}
.count-content {
	background: rgba(0, 0, 0, 0.14); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2;
}
.mid_wrap {
	text-align: center; font-size: 0px;
}
.mid_wrap::before {
	width: 0px; height: 100%; vertical-align: middle; display: inline-block; content: " ";
}
.mid_block {
	line-height: normal; font-size: medium; vertical-align: middle; display: inline-block;
}
.count-content .mid_block {
	width: 99%;
}
.count-item {
	margin-left: 5%; display: inline-block; position: relative;
}
:first-child.count-item {
	margin-left: 0px;
}
.count-mc {
	top: 0px; width: 32px; height: 32px; text-align: center; right: 0px; color: rgb(255, 255, 255); line-height: 32px; font-family: "font-icons"; font-size: 32px; display: block; position: absolute;
}
.count-mc::before {
	content: "\e610";
}
.count-number {
	background: rgb(208, 0, 39); padding: 0px 20px; border-radius: 6px; height: 220px; text-align: center; color: rgb(255, 255, 255); line-height: 220px; font-family: "font-icons"; font-size: 220px; min-width: 146px; -moz-line-height: normal;
}
.firefox .count-number {
	line-height: normal;
}
.count-number::after {
	left: 0px; top: 102px; width: 100%; height: 0px; border-bottom-color: rgb(199, 0, 32); border-bottom-width: 4px; border-bottom-style: solid; display: block; position: absolute; content: " ";
}
.count-fonts {
	color: rgb(255, 255, 255); line-height: 20px; padding-top: 24px; font-size: 18px;
}
.my-comp-text {
	top: -100px; color: rgb(255, 255, 255); line-height: 22px; font-size: 36px; font-weight: bold; position: relative;
}
.my-comp-text::before {
	width: 50px; height: 15px; line-height: 15px; vertical-align: top; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; content: " ";
}
.my-comp-text::after {
	width: 50px; height: 15px; line-height: 15px; vertical-align: top; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; content: " ";
}
.my-comp-text-sub {
	top: -80px; color: rgb(255, 255, 255); line-height: 20px; letter-spacing: 2px; font-family: "Helvetica Neue",΢���ź�,Tohoma; font-size: 12px; position: relative;
}
.Top_wrap {
	height: 280px; display: block; position: relative;
}
body#infolist {
	-webkit-backface-visibility: visible;
}
body#ccontact {
	-webkit-backface-visibility: visible;
}
.header-background {
	background: url("../images/banner.jpg") fixed 50% 0%; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.Mycase {
	background-image: url("../images/solution_title_bg.jpg");
}
.Top_tit {
	margin: 0px auto; width: 100%; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; padding-top: 140px; font-size: 40px; position: relative;
}
.Top_desc {
	margin: 0px auto; width: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 26px; padding-top: 20px; font-size: 14px; position: relative;
}
.navigation-wrap {
	background: rgb(247, 248, 248); height: 80px; box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}
#navigation {
	padding: 25px 0px; transition:padding 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); left: 0px; top: 0px; width: 100%; height: 30px; text-align: center; line-height: 30px; position: relative; z-index: 998; -webkit-transition: padding .3s cubic-bezier(0.39, 0.575, 0.565, 1); -moz-transition: padding .3s cubic-bezier(0.39, 0.575, 0.565, 1); -o-transition: padding .3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#navigation li {
	display: inline-block;
}
#navigation li a {
	padding: 0px 15px; transition:0.3s cubic-bezier(0.39, 0.575, 0.565, 1); color: rgb(85, 85, 85); font-size: 16px; display: block; -webkit-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1); -moz-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1); -o-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#navigation li.is-checked a {
	background: rgb(70, 70, 70); border-radius: 4px; color: rgb(255, 255, 255);
}
#navigation li a:hover {
	background: rgb(70, 70, 70); border-radius: 4px; color: rgb(255, 255, 255);
}
.fixed#navigation {
	background: rgb(255, 255, 255); top: 70px; position: fixed; box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}
.autocw {
	margin: 0px auto; width: 1800px; padding-top: 50px;
}
@media screen and (max-width:1880px)
{
.autocw {
	width: 1200px;
}
}
@media screen and (max-width:1250px)
{
.autocw {
	width: 900px;
}
#listcontent :nth-child(3n).citem {
	
}
}
@media screen and (max-width:950px)
{
.autocw {
	width: 600px;
}
#listcontent :nth-child(2n).citem {
	
}
}
@media screen and (max-width:640px)
{
.autocw {
	width: 300px;
}
}
.citem {
	background: rgb(255, 255, 255); margin: 0px 10px 46px; width: 280px; height: 228px; float: left; box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}
.jy.citem {
	height: 450px;
}
#listcontent :nth-child(6n).citem {
	
}
.citem .citemtop {
	width: 280px; height: 180px; overflow: hidden; display: block; position: relative;
}
.citem .citemtxt {
	background: rgb(255, 255, 255); padding: 10px 20px; transition:bottom 0.3s; width: 240px; height: 20px; bottom: -60px; position: absolute;
}
.citem:hover .citemtxt {
	bottom: 0px;
}
.citem .citemtop img {
	background: rgb(191, 193, 194); transition:0.2s ease-out; width: 100%; height: 100%; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out;
}
.citem .citemimg {
	background: rgb(191, 193, 194); transition:0.2s ease-out; width: 100%; height: 100%; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out;
}
.jy.citem .citemtop:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);
}
.citemtxt_jy {
	padding: 24px 20px 10px;
}
.citem .citemtitle {
	width: 240px; height: 22px; color: rgb(58, 58, 58); overflow: hidden; font-size: 16px; font-weight: 500; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;
}
.citem .citemtc {
	height: 20px; line-height: 20px; margin-top: 8px;
}
.citemqt {
	padding: 12px 20px 8px; width: auto; height: 22px;
}
.citemqt .yy-icon {
	width: auto; height: 20px; color: rgb(191, 191, 191); line-height: 20px; text-indent: 25px; font-family: Arial; margin-right: 15px;
}
.citem .citemtc .yy-time {
	width: auto; color: rgb(160, 160, 160); text-indent: 20px; margin-left: -4px;
}
.citemsummary {
	height: 120px; color: rgb(153, 153, 153); line-height: 24px; overflow: hidden; font-size: 13px; margin-top: 10px;
}
.yy-time {
	background-position: -143px -252px; width: 20px; height: 20px;
}
.yy-view {
	background-position: -281px -252px; width: 18px; height: 20px;
}
.yy-comment {
	background-position: -142px -322px; width: 16px; height: 20px;
}
.yy-like {
	background-position: -262px -587px; width: 14px; height: 20px;
}
.citemfoot {
	padding-bottom: 11px; border-top-color: rgb(242, 242, 242); border-top-width: 1px; border-top-style: solid;
}
.citemfoot span {
	color: rgb(119, 119, 119); font-size: 14px;
}
#pages {
	height: 36px; margin-bottom: 40px;
}
#pages a {
	background: rgb(255, 255, 255); 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; float: left; display: block;
}
#pages a:hover {
	background: rgb(150, 150, 150); color: rgb(255, 255, 255);
}
#pages a#pageactive {
	background: rgb(112, 202, 16); color: rgb(255, 255, 255);
}
#pages span {
	margin: 0px 18px 0px 13px; line-height: 28px; float: left;
}
.yy-pp {
	background-position: -124px -656px; width: 11px; height: 18px;
}
.yy-rotate {
	transform: rotate(180deg); -webkit-transform: rotate(180deg);
}
.yy-rotatem:hover {
	transform: rotate(180deg); -webkit-transform: rotate(180deg);
}
#pagenext span {
	top: 8px; position: relative;
}
#pageprev span {
	top: 8px; position: relative;
}
.page-work-content {
	background: rgb(255, 255, 255); width: 100%; margin-top: -40px;
}
.page-work-topbanner {
	width: 100%; text-align: center; position: relative;
}
.page-topbanner-content {
	padding-top: 40px; padding-bottom: 100px; font-size: 16px;
}
.work-list-btn {
	margin: 0px auto; width: 100%; padding-top: 40px;
}
.work-list-btn a.kbutton {
	margin: 0px; border-radius: 6px; border: 2px solid rgba(0, 0, 0, 0.5); width: 40%; color: rgb(102, 102, 102); min-width: 100px; max-width: 200px; -webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px;
}
.work-list-btn a.kbutton:hover {
	border-color: rgb(253, 95, 86);
}
.work-list-btn .button__text-hover {
	color: rgb(16, 16, 16);
}
.work-list-btn .kbutton:hover .button__text {
	color: rgb(68, 68, 68);
}
.work-list-btn .kbutton:hover .button__text-hover {
	background: rgb(253, 95, 86); color: rgb(255, 255, 255);
}
.work-list-btn .two.kbutton:hover .button__text-hover {
	background: rgb(25, 206, 249); color: rgb(255, 255, 255);
}
.work-list-btn .two.kbutton:hover {
	border-color: rgb(25, 206, 249);
}
.pad-lr-10 {
	padding-right: 10px; padding-left: 10px;
}
.component-caselist-text {
	font: 14px/24px "microsoft yahei"; padding: 150px 0px 40px; width: 35%; color: rgb(102, 102, 102); border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
.component-caselist-info {
	padding: 0px 25px; text-align: left;
}
.component-caselist-info h3 {
	font-size: 18px; font-weight: bold; margin-bottom: 15px;
}
.component-caselist-info h3::first-letter {
	border-bottom-color: rgb(215, 10, 48); border-bottom-width: 2px; border-bottom-style: solid;
}
.component-caselist-data {
	font-weight: normal; margin-top: 30px; margin-bottom: 10px;
}
.component-caselist-info > ul > li > a:hover {
	color: rgb(255, 255, 255); text-shadow: 0px 0px 8px #333; transition-duration: 0.1s; -webkit-transition-duration: .1s;
}
.component-caselist-info > ul > li > a:hover strong {
	border-top-color: rgb(215, 10, 48); border-top-width: 2px; border-top-style: solid; text-shadow: 0px 0px 8px #999;
}
.component-caselist-img {
	padding: 75px 0px; width: 65%; text-align: center; vertical-align: middle;
}
.ai-caselist-pic {
	padding: 0px 50px;
}
.ai-caselist-pic img {
	width: 100%; vertical-align: top;
}
.fixsb {
	background: rgb(255, 255, 255); top: 0px; right: 0px; position: fixed;
}
.abs {
	background: rgb(255, 255, 255); right: 0px; bottom: 0px; border-bottom-color: rgb(243, 243, 243); border-bottom-width: 1px; border-bottom-style: solid; position: absolute;
}
.component-caselist-img .pc-img {
	display: block;
}
.component-caselist-img .pad-img {
	display: none;
}
.component-caselist-img .phone-img {
	display: none;
}
.component-caselist-back {
	background: rgb(35, 35, 35); font: 700 14px/70px "microsoft yahei"; margin: 40px 25px 0px; border-radius: 35px; width: 70px; height: 70px; text-align: center; color: rgb(255, 255, 255); display: block; position: relative; font-size-adjust: none; font-stretch: normal;
}
.component-caselist-back span {
	margin-left: 10px; display: inline-block;
}
.component-caselist-back .ico-back {
	left: 10px; top: 50%; width: 10px; height: 10px; text-align: center; color: rgb(255, 255, 255); line-height: 10px; font-family: "font-icons"; font-size: 10px; font-weight: bold; margin-top: -5px; display: block; position: absolute; cursor: pointer;
}
.component-caselist-back .ico-back::before {
	content: "\e60e";
}
.component-caselist-back:hover {
	background: rgb(101, 181, 0); color: rgb(255, 255, 255);
}
.ai-caselist-img {
	margin: 0px 50px; position: relative;
}
.ai-caselist-img .pc-img {
	display: block;
}
.ai-caselist-img img {
	vertical-align: top; max-width: 100%;
}
.col-666 {
	color: rgb(102, 102, 102);
}
.col-b9b9b9 {
	color: rgb(185, 185, 185);
}
.col-333 {
	color: rgb(51, 51, 51);
}
.fs-12 {
	font-size: 12px;
}
@media only screen and (max-width:1024px), only screen and (max-device-width:1024px)
{
.component-caselist-text {
	padding: 25px 0px; width: 35%; position: fixed;
}
.component-caselist-data {
	margin-top: 20px; margin-bottom: 5px;
}
.component-caselist-back {
	margin-top: 30px;
}
}
@media only screen and (max-width:800px), only screen and (max-device-width:800px)
{
.component-caselist-text {
	width: 100%; position: static;
}
.page-topbanner-content {
	width: 100%;
}
}
#infodetail {
	background: rgb(241, 241, 241);
}
#infodetail #MainBox {
	
}
.contentfw {
	margin: 0px auto; max-width: 1180px;
}
.projectblock {
	background: rgb(255, 255, 255); margin: 100px auto 20px; padding: 20px;
}
#puinfo {
	width: auto; height: 100px;
}
#projectpostbody {
	color: rgb(89, 89, 89); line-height: 24px; font-size: 14px;
}
#puinfo #puinfobody {
	float: left;
}
#prenqi {
	color: rgb(83, 83, 83); font-size: 48px;
}
#prenqi span {
	font-size: 14px; margin-right: 10px;
}
#puinfobody p {
	color: rgb(152, 152, 152); line-height: 20px; font-family: "Aril";
}
#puinfobody p a {
	color: rgb(31, 137, 2); margin-left: 5px;
}
#puinfobody p span {
	width: auto; line-height: 20px; text-indent: 20px; vertical-align: top;
}
#projectpostbody a {
	color: rgb(107, 195, 13);
}
#puinfobody h3 {
	color: rgb(60, 60, 60); font-size: 30px; font-weight: 500;
}
#projectpost img {
	margin: 0px auto; height: auto; float: none; max-width: 100%;
}
.mapbox {
	background: rgb(19, 19, 19); height: 786px; overflow: hidden; margin-top: 90px; position: relative;
}
.about {
	background: rgb(255, 255, 255); border-radius: 10px; left: 50%; top: 34px; width: 413px; height: 520px; margin-top: 60px; margin-left: 87px; position: absolute; z-index: 100;
}
.about_hd {
	margin: 0px 20px; padding: 34px 0px 22px 1px; border-bottom-color: rgb(1, 1, 1); border-bottom-width: 1px; border-bottom-style: dotted;
}
.about_hd h2 {
	background: url("../images/text.png") no-repeat 0px -51px; width: 152px; height: 60px; line-height: 300px; overflow: hidden;
}
.about_bd {
	padding: 16px 0px 0px 21px; line-height: 1.6;
}
.about_bd .msg {
	color: rgb(132, 132, 132);
}
.about_bd .tel {
	color: rgb(25, 25, 25); font-size: 14px;
}
.about_bd .tel span {
	color: rgb(102, 102, 102);
}
.about_bd .email {
	color: rgb(102, 102, 102); font-size: 14px;
}
.about_bd .email a {
	color: rgb(25, 25, 25); text-decoration: underline;
}
.about_bd .fbutton {
	margin-top: 18px;
}
.about_bd .fbutton .btn_demand {
	cursor: pointer;
}
.about_address {
	margin: 16px 20px 0px; border-top-color: rgb(1, 1, 1); border-top-width: 1px; border-top-style: dotted;
}
.about_address .item {
	padding-top: 15px;
}
.about_address .item_hd {
	color: rgb(17, 17, 17); font-size: 16px;
}
.about_address .item_hd span {
	font-size: 14px; margin-left: 8px;
}
.about_address .item_bd {
	color: rgb(104, 104, 104);
}
.abort_work {
	margin: 16px 20px 0px; line-height: 1.8; padding-top: 12px; padding-left: 1px; border-top-color: rgb(1, 1, 1); border-top-width: 1px; border-top-style: dotted;
}
.about_ft {
	background: url("../images/Capa-13_04.png") no-repeat 110px rgb(46, 48, 48); border-radius: 0px 0px 10px 10px; left: 0px; width: 100%; height: 84px; bottom: 0px; position: absolute;
}
.contact {
	background: rgb(255, 255, 255); left: 50%; top: 34px; width: 1000px; padding-bottom: 60px; margin-top: 60px; margin-left: -500px; display: none; position: absolute; z-index: 100;
}
.contact_hd {
	background: url("../images/contact_hd.png") no-repeat 0px 0px; height: 140px;
}
.contact_hd_lt {
	padding-top: 30px; padding-left: 32px; font-size: 16px; float: left;
}
.contact_hd_lt span {
	color: rgb(100, 86, 0);
}
.contact_hd_lt a {
	color: rgb(0, 0, 0); text-decoration: underline;
}
.contact_hd_rt {
	background: url("../images/common.png") no-repeat 0px -86px; width: 214px; height: 72px; line-height: 300px; overflow: hidden; margin-top: 34px; margin-right: 29px; float: right; cursor: pointer; _display: inline;
}
.contact_bd {
	padding-top: 40px;
}
.contact_bd .about_address {
	margin: 0px; border: currentColor; padding-top: 4px; padding-left: 33px; float: left;
}
.contact_bd .about_address_hd {
	line-height: 1.1; font-size: 34px;
}
.contact_form {
	margin-right: 29px;
}
.contact_form .item {
	padding-top: 8px;
}
.contact_form {
	width: 542px; float: right;
}
.contact_form .submit {
	text-align: right; padding-top: 8px;
}
.mapbox .overlay {
	background: url("../images/bg_contact.jpg") no-repeat center / cover; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 99;
}
.input1 {
	padding: 10px 11px; border-radius: 3px; border: 1px solid rgb(201, 201, 201); width: 243px; height: 18px; color: rgb(51, 51, 51); line-height: 18px; font-family: "microsoft yahei","΢���ź�"; font-size: 14px;
}
textarea.input1 {
	width: 518px; height: 106px;
}
.btn3 {
	background: rgb(239, 204, 24); border-radius: 4px; border: currentColor; width: 198px; height: 39px; text-align: center; color: rgb(255, 255, 255); line-height: 39px; display: inline-block; cursor: pointer;
}
.btn3:hover {
	background: rgb(229, 192, 45); color: rgb(255, 255, 255);
}
.btn_demand {
	background: rgb(239, 204, 24); border-radius: 4px; width: 147px; height: 37px; text-align: center; color: rgb(255, 255, 255); line-height: 37px; overflow: hidden; display: inline-block;
}
.btn_demand:hover {
	background: rgb(229, 192, 45);
}
.map {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1;
}
#about {
	background: url("http://www.shgugu.net/images/wallpaper6.jpg") no-repeat bottom rgb(255, 255, 255); padding-bottom: 800px;
}
.myimg-box {
	margin: 52px auto 100px; width: 990px; height: 430px;
}
.myimg-box > img {
	float: left;
}
.myimg-box .left-imgag {
	margin-right: 10px;
}
.myimg-box .right-top-image {
	margin-bottom: 10px;
}
#Portfolios .grid {
	padding: 40px 0px;
}
#Portfolios .grid figure {
	background: rgb(48, 133, 163); width: 20%; height: auto; text-align: center; overflow: hidden; float: left; position: relative; cursor: pointer; max-height: 360px; max-width: 480px;
}
#Portfolios figure.effect-goliath {
	background: url("../images/mylodding.gif") no-repeat center rgb(247, 247, 247);
}
#Portfolios .grid figure img {
	transition:transform 0.35s; width: 100%; display: block; position: relative; -webkit-transition: -webkit-transform 0.35s;
}
#Portfolios .grid figure figcaption {
	background: rgb(29, 29, 29); width: 100%; height: 40px; text-align: left; color: rgb(255, 255, 255); line-height: 40px; text-indent: 2em; font-size: 14px; display: none;
}
.rsNav {
	margin: 0px 0px 0px -100px; left: 50%; width: 200px; bottom: 160px; position: absolute;
}
.rsNavItem {
	background: white; margin: 0px 5px; width: 40px; height: 3px; font-size: 3px; float: left; display: block; cursor: pointer;
}
.rsNavSelected.rsNavItem {
	background: rgb(140, 218, 6);
}
#visit-site {
	background: url("http://www.shgugu.net/images/visit.png") no-repeat 95px 50% rgb(110, 199, 16); margin: 0px auto; border-radius: 3px; width: 280px; height: 52px; text-align: center; color: rgb(255, 255, 255); line-height: 52px; text-indent: 25px; font-size: 14px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
#visit-site:hover {
	background-color: rgb(118, 210, 21);
}
.contactWrap {
	width: 100%; height: 500px; padding-top: 60px; clear: both; position: relative;
}
.contactPic {
	left: -500px; width: 1000px; height: 266px; bottom: 60px; overflow: hidden; margin-top: 40px; margin-left: 50%; position: absolute; z-index: 99;
}
.conPicTxt {
	left: -720px; top: 290px; width: 160px; height: 70px; color: rgb(242, 242, 242); line-height: 90px; font-size: 30px; margin-left: 50%; display: block; position: absolute; z-index: 100;
}
.conPictArr {
	background: url("http://www.shgugu.net/images/contact_arr.png") no-repeat 0px 0px; left: 420px; top: 310px; width: 50px; height: 50px; margin-left: 50%; display: none; position: absolute; z-index: 100;
}