﻿.kinMaxShow_image_item {
	background: url("../images/imgczym_ddd.png") no-repeat top; width: 100%; height: 700px; overflow: hidden; position: relative;
}
.sub_3_2 {
	left: 50%; bottom: 0px; margin-left: -239px !important; position: absolute;
}
.sub_3_1 {
	left: 50%; bottom: 362px; margin-left: -398px !important; position: absolute;
}
.fill-midnight {
	background: rgb(20, 39, 54);
}
.limiter {
	width: 83.33%; margin-right: auto; margin-left: auto; max-width: 1000px;
}
.pad8y {
	padding-top: 80px; padding-bottom: 80px; position: relative;
}
.pad4y {
	padding-top: 40px; padding-bottom: 40px;
}
.prose-big {
	line-height: 30px; font-size: 18px;
}
.prose-big h3 {
	line-height: 30px; font-size: 18px;
}
.prose-big h4 {
	line-height: 30px; font-size: 18px;
}
.prose-big h5 {
	line-height: 30px; font-size: 18px;
}
.prose-big h6 {
	line-height: 30px; font-size: 18px;
}
.space-bottom4 {
	margin-bottom: 60px;
}
.prose h1 {
	color: rgb(0, 160, 233); padding-top: 40px;
}
.prose h2 {
	color: rgb(0, 160, 233); padding-top: 40px;
}
.prose h1:first-child {
	padding-top: 0px;
}
.prose h2:first-child {
	padding-top: 0px;
}
.prose h3:first-child {
	padding-top: 0px;
}
.prose h4:first-child {
	padding-top: 0px;
}
.prose h5:first-child {
	padding-top: 0px;
}
.prose h6:first-child {
	padding-top: 0px;
}
.dark .prose h1 {
	color: rgb(255, 255, 255);
}
.dark .prose h2 {
	color: rgb(255, 255, 255);
}
.dark .prose h3 {
	color: rgb(255, 255, 255);
}
.prose h1:last-child {
	margin-bottom: 0px;
}
.prose h2:last-child {
	margin-bottom: 0px;
}
.prose h3:last-child {
	margin-bottom: 0px;
}
.prose h4:last-child {
	margin-bottom: 0px;
}
.prose h5:last-child {
	margin-bottom: 0px;
}
.prose h6:last-child {
	margin-bottom: 0px;
}
.prose p:last-child {
	margin-bottom: 0px;
}
.prose ul:last-child {
	margin-bottom: 0px;
}
.prose ol:last-child {
	margin-bottom: 0px;
}
.prose ul li:last-child {
	margin-bottom: 0px;
}
.prose ol li:last-child {
	margin-bottom: 0px;
}
.prose img:last-child {
	margin-bottom: 0px;
}
.prose blockquote:last-child {
	margin-bottom: 0px;
}
.prose pre:last-child {
	margin-bottom: 0px;
}
.prose iframe:last-child {
	margin-bottom: 0px;
}
.prose object:last-child {
	margin-bottom: 0px;
}
.col5 {
	width: 41.66%; float: left; max-width: 500px;
}
.fr_side .col5 {
	float: right;
}
.title {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose h1 {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose h2 {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose h3 {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose h4 {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose h5 {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose h6 {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose p {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose ul {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose ol {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose img {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose blockquote {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose pre {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose iframe {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose object {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.prose div.highlight {
	margin-bottom: 20px; display: block; -ms-word-wrap: break-word;
}
.studo-description p {
	color: rgb(81, 81, 81); font-size: 14px;
}
button {
	margin: 0px; padding: 10px; border-radius: 3px; border: currentColor; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 20px; font-family: "Open Sans Bold", sans-serif; font-size: 12px; display: inline-block; white-space: nowrap; position: relative; cursor: pointer; -ms-text-overflow: ellipsis; box-sizing: border-box; background-color: rgb(56, 135, 190); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-appearance: none;
}
.button {
	margin: 0px; padding: 10px; border-radius: 3px; border: currentColor; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 20px; font-family: "Open Sans Bold", sans-serif; font-size: 12px; display: inline-block; white-space: nowrap; position: relative; cursor: pointer; -ms-text-overflow: ellipsis; box-sizing: border-box; background-color: rgb(56, 135, 190); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-appearance: none;
}
[type=button] {
	margin: 0px; padding: 10px; border-radius: 3px; border: currentColor; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 20px; font-family: "Open Sans Bold", sans-serif; font-size: 12px; display: inline-block; white-space: nowrap; position: relative; cursor: pointer; -ms-text-overflow: ellipsis; box-sizing: border-box; background-color: rgb(56, 135, 190); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-appearance: none;
}
[type=submit] {
	margin: 0px; padding: 10px; border-radius: 3px; border: currentColor; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 20px; font-family: "Open Sans Bold", sans-serif; font-size: 12px; display: inline-block; white-space: nowrap; position: relative; cursor: pointer; -ms-text-overflow: ellipsis; box-sizing: border-box; background-color: rgb(56, 135, 190); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-appearance: none;
}
button.short {
	height: 30px; padding-top: 5px; padding-bottom: 5px; vertical-align: middle;
}
.short.button {
	height: 30px; padding-top: 5px; padding-bottom: 5px; vertical-align: middle;
}
[type=button].short {
	height: 30px; padding-top: 5px; padding-bottom: 5px; vertical-align: middle;
}
[type=submit].short {
	height: 30px; padding-top: 5px; padding-bottom: 5px; vertical-align: middle;
}
button.stroke {
	padding: 9px; border: 2px solid rgb(56, 135, 190); color: rgb(56, 135, 190); background-color: transparent;
}
.stroke.button {
	padding: 9px; border: 2px solid rgb(56, 135, 190); color: rgb(56, 135, 190); background-color: transparent;
}
[type=button].stroke {
	padding: 9px; border: 2px solid rgb(56, 135, 190); color: rgb(56, 135, 190); background-color: transparent;
}
[type=submit].stroke {
	padding: 9px; border: 2px solid rgb(56, 135, 190); color: rgb(56, 135, 190); background-color: transparent;
}
button.short.stroke {
	padding-top: 4px; padding-bottom: 4px;
}
.short.stroke.button {
	padding-top: 4px; padding-bottom: 4px;
}
[type=button].short.stroke {
	padding-top: 4px; padding-bottom: 4px;
}
[type=submit].short.stroke {
	padding-top: 4px; padding-bottom: 4px;
}
.stroke.button:hover {
	border-color: rgb(59, 178, 208); color: rgb(59, 178, 208); background-color: transparent;
}
.active.stroke.button {
	border-color: transparent; color: white; background-color: rgb(56, 135, 190);
}
button:hover {
	color: rgb(255, 255, 255);
}
.button:hover {
	color: rgb(255, 255, 255);
}
.active.button {
	color: rgb(255, 255, 255);
}
[type=button]:hover {
	color: rgb(255, 255, 255);
}
[type=submit]:hover {
	color: rgb(255, 255, 255);
}
.dark .button {
	color: white;
}
.dark .button:hover {
	color: white;
}
.dark .button.quiet {
	color: white;
}
.dark .button.quiet:hover {
	color: white;
}
.dark [type=button]:hover {
	color: white;
}
.dark [type=submit]:hover {
	color: white;
}
.dark .stroke.button {
	border-color: white; color: white;
}
.dark .stroke.button:hover {
	border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.75); background-color: transparent;
}
.dark .active.stroke.button {
	border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.75); background-color: transparent;
}
.dark .quiet.stroke.button {
	border-color: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.5); background-color: transparent;
}
.dark .stroke.quiet.button:hover {
	border-color: rgba(255, 255, 255, 0.75); color: rgba(255, 255, 255, 0.75); background-color: transparent;
}
.dark .active.stroke.quiet.button {
	border-color: rgba(255, 255, 255, 0.75); color: rgba(255, 255, 255, 0.75); background-color: transparent;
}
button:focus {
	box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.1);
}
.button:focus {
	box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.1);
}
[type=submit]:focus {
	box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.1);
}
[type=button]:focus {
	box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.1);
}
button:hover {
	background-color: rgb(59, 178, 208);
}
.button:hover {
	background-color: rgb(59, 178, 208);
}
.active.button {
	background-color: rgb(59, 178, 208);
}
[type=submit]:hover {
	background-color: rgb(59, 178, 208);
}
[type=button]:hover {
	background-color: rgb(59, 178, 208);
}
.loud.button {
	background-color: rgb(136, 137, 204);
}
[type=submit].loud {
	background-color: rgb(136, 137, 204);
}
[type=button].loud {
	background-color: rgb(136, 137, 204);
}
.active.loud.button {
	background-color: rgb(189, 147, 229);
}
.loud.button:hover {
	background-color: rgb(189, 147, 229);
}
[type=submit].loud:hover {
	background-color: rgb(189, 147, 229);
}
[type=button].loud:hover {
	background-color: rgb(189, 147, 229);
}
.quiet.button {
	color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.25);
}
[type=submit].quiet {
	color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.25);
}
[type=button].quiet {
	color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.25);
}
.active.quiet.button {
	color: rgb(255, 255, 255); box-shadow: inset 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px rgba(0,0,0,0); background-color: rgba(0, 0, 0, 0.5);
}
.quiet.button:hover {
	color: rgb(255, 255, 255); box-shadow: inset 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px rgba(0,0,0,0); background-color: rgba(0, 0, 0, 0.5);
}
[type=submit].quiet:hover {
	color: rgb(255, 255, 255); box-shadow: inset 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px rgba(0,0,0,0); background-color: rgba(0, 0, 0, 0.5);
}
[type=button].quiet:hover {
	color: rgb(255, 255, 255); box-shadow: inset 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px rgba(0,0,0,0); background-color: rgba(0, 0, 0, 0.5);
}
.quiet.stroke.button {
	border: 2px solid rgba(0, 0, 0, 0.25); color: rgba(0, 0, 0, 0.5);
}
.quiet.stroke.button:hover {
	border-color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
}
.active.quiet.stroke.button:hover {
	background: rgba(0, 0, 0, 0.5); border-color: transparent; color: white;
}
.active.quiet.stroke.button {
	background: rgba(0, 0, 0, 0.5); border-color: transparent; color: white;
}
.loud.stroke.button {
	border: 2px solid rgb(136, 137, 204); color: rgb(136, 137, 204);
}
.loud.stroke.button:hover {
	border-color: rgb(189, 147, 229); color: rgb(189, 147, 229); background-color: transparent;
}
.active.loud.stroke.button {
	border-color: transparent; color: white; background-color: rgb(136, 137, 204);
}
.dark .quiet.button {
	color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.1);
}
.dark [type=submit].quiet {
	color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.1);
}
.dark [type=button].quiet {
	color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.1);
}
.dark .active.quiet.button {
	background-color: rgba(255, 255, 255, 0.25);
}
.dark .quiet.button:hover {
	background-color: rgba(255, 255, 255, 0.25);
}
.dark [type=submit].quiet:hover {
	background-color: rgba(255, 255, 255, 0.25);
}
.dark [type=button].quiet:hover {
	background-color: rgba(255, 255, 255, 0.25);
}
.disabled.button {
	background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.25); cursor: default;
}
:disabled.button {
	background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.25); cursor: default;
}
button.disabled {
	background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.25); cursor: default;
}
button:disabled {
	background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.25); cursor: default;
}
[type=submit]:disabled {
	background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.25); cursor: default;
}
[type=button]:disabled {
	background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.25); cursor: default;
}
.disabled.button:hover {
	background: rgba(0, 0, 0, 0.1);
}
:disabled.button:hover {
	background: rgba(0, 0, 0, 0.1);
}
button.disabled:hover {
	background: rgba(0, 0, 0, 0.1);
}
button:disabled:hover {
	background: rgba(0, 0, 0, 0.1);
}
[type=submit]:disabled:hover {
	background: rgba(0, 0, 0, 0.1);
}
[type=button]:disabled:hover {
	background: rgba(0, 0, 0, 0.1);
}
.disabled.button:focus {
	box-shadow: none;
}
:disabled.button:focus {
	box-shadow: none;
}
button.disabled:focus {
	box-shadow: none;
}
button:disabled:focus {
	box-shadow: none;
}
[type=submit]:disabled:focus {
	box-shadow: none;
}
[type=button]:disabled:focus {
	box-shadow: none;
}
.dark .disabled.button {
	background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.5);
}
.dark :disabled.button {
	background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.5);
}
.dark button.disabled {
	background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.5);
}
.dark button:disabled {
	background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.5);
}
.dark [type=submit]:disabled {
	background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.5);
}
.dark [type=button]:disabled {
	background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.5);
}
.dark .disabled.button:hover {
	background: rgba(255, 255, 255, 0.05);
}
.dark :disabled.button:hover {
	background: rgba(255, 255, 255, 0.05);
}
.dark button.disabled:hover {
	background: rgba(255, 255, 255, 0.05);
}
.dark button:disabled:hover {
	background: rgba(255, 255, 255, 0.05);
}
.dark [type=submit]:disabled:hover {
	background: rgba(255, 255, 255, 0.05);
}
.dark [type=button]:disabled:hover {
	background: rgba(255, 255, 255, 0.05);
}
.col10 {
	width: 83.33%; float: left; max-width: 1000px;
}
.space-bottom1 {
	margin-bottom: 10px;
}
.dark a {
	color: rgba(255, 255, 255, 0.5);
}
a.dark {
	color: rgba(255, 255, 255, 0.5);
}
.dark a > code {
	color: rgba(255, 255, 255, 0.5);
}
.prose-big .icon {
	line-height: 20px;
}
.prose-big .rcon {
	line-height: 20px;
}
.prose .icon {
	line-height: 20px;
}
.prose .rcon {
	line-height: 20px;
}
.col0 {
	width: 4.16%; float: left; max-width: 50px;
}
.col1 {
	width: 8.33%; float: left; max-width: 100px;
}
.col2 {
	width: 16.66%; float: left; max-width: 200px;
}
.col3 {
	width: 25%; float: left; max-width: 300px;
}
.col4 {
	width: 33.33%; float: left; max-width: 400px;
}
.col5 {
	width: 41.66%; float: left; max-width: 500px;
}
.col6 {
	width: 50%; float: left; max-width: 600px;
}
.col7 {
	width: 58.33%; float: left; max-width: 700px;
}
.col8 {
	width: 66.66%; float: left; max-width: 800px;
}
.col9 {
	width: 75%; float: left; max-width: 900px;
}
.col10 {
	width: 83.33%; float: left; max-width: 1000px;
}
.col11 {
	width: 91.66%; float: left; max-width: 1100px;
}
.col12 {
	width: 100%; display: block;
}
.pin-top {
	position: absolute;
}
.pin-right {
	position: absolute;
}
.pin-bottom {
	position: absolute;
}
.pin-left {
	position: absolute;
}
.pin-topleft {
	position: absolute;
}
.pin-topright {
	position: absolute;
}
.pin-bottomleft {
	position: absolute;
}
.pin-bottomright {
	position: absolute;
}
.pin-right {
	top: 0px; right: 0px; bottom: 0px;
}
.pin-left {
	left: 0px; top: 0px; bottom: 0px;
}
.design {
	transition:0.5s ease-in-out; top: 50px; position: absolute; -webkit-transition: all .5s ease-in-out;
}
.design2 {
	top: 100px;
}
.design img {
	vertical-align: middle; max-width: 100%;
}
.pad4y {
	padding-top: 40px; padding-bottom: 40px;
}
.contain {
	position: relative;
}
.space-top2 {
	margin-top: 20px;
}
h1 {
	line-height: 40px; font-size: 30px;
}
.dark {
	color: rgb(255, 255, 255);
}
.fill-grey {
	background: rgb(244, 244, 244);
}
.fill-light {
	background: rgb(255, 255, 255);
}
.space-bottom2 {
	margin-bottom: 20px;
}
.space-bottom {
	margin-bottom: 20px;
}
.support-illustration {
	background: url("../images/support.png") no-repeat 0px 0px / contain; height: 0px; padding-bottom: 42%;
}
.fill-white {
	background: rgb(255, 255, 255);
}
.dingzhiclass {
	margin: 0px auto; padding: 40px 0px; width: 1180px; text-align: center;
}
.dingzhiclass a {
	background: rgb(136, 136, 136); margin: 0px 5px; border-radius: 4px; width: 109px; height: 26px; color: rgb(255, 255, 255); line-height: 25px; font-size: 14px; display: inline-block;
}
.dingzhiclass a.cur {
	background: rgb(0, 160, 233); color: rgb(255, 255, 255);
}
.Customizedbox {
	background: rgb(238, 239, 241); width: 100%; display: none;
}
.webbox {
	margin: 0px auto; width: 1180px; height: auto !important; padding-bottom: 100px; min-height: 500px;
}
.Mallconttitle {
	background: rgb(239, 239, 239); padding: 30px 10px 10px; text-align: center; font-size: 14px; font-weight: bold;
}
.Mallweb table {
	border-collapse: collapse;
}
.Mallweb table td {
	padding: 15px; border: 1px solid rgb(210, 210, 210);
}
.QA {
	margin: 0px auto; padding: 50px 0px; width: 1180px;
}
.QA dl {
	margin: 0px 0px 20px; padding: 0px; box-shadow: 0px 0px 5px #ebebeb;
}
.QA dl h3 {
	background: url("../images/Icon75.png") no-repeat rgb(255, 255, 255); padding: 25px 30px 20px 85px; color: rgb(0, 160, 233); font-size: 18px;
}
.QA dl dd {
	background: url("../images/Icon77.png") no-repeat rgb(255, 255, 255); padding: 10px 30px 20px 85px; color: rgb(103, 103, 103); font-size: 14px;
}
.QAbg {
	background: url("../images/Icon76.gif") repeat-x rgb(255, 255, 255); height: 10px; line-height: 10px; overflow: hidden;
}
.ProductMallClass {
	background: rgb(255, 255, 255); padding: 50px 0px 0px; width: 100%; text-align: center; z-index: 999;
}
.ProductMallClass a {
	background: rgb(255, 255, 255); border-radius: 4px; width: 185px; height: 139px; color: rgb(0, 160, 233); padding-top: 25px; font-size: 15px; font-weight: bold; display: inline-block;
}
.ProductMallClass a:hover {
	background: rgb(0, 160, 233); color: rgb(255, 255, 255);
}
.ProductMallClass a span {
	margin: 0px auto 10px; width: 56px; height: 45px; display: block;
}
.ProductMallClass a.cur {
	background: rgb(0, 160, 233); color: rgb(255, 255, 255);
}
.ProductMallClass a.dingzhi span {
	background: url("../images/Icon061.gif") no-repeat;
}
.ProductMallClass a.dingzhi:hover span {
	background: url("../images/Icon61.gif") no-repeat;
}
.ProductMallClass a.dingzhi span.cur {
	background: url("../images/Icon61.gif") no-repeat;
}
.ProductMallClass a.chanpin span {
	background: url("../images/Icon062.gif") no-repeat;
}
.ProductMallClass a.chanpin:hover span {
	background: url("../images/Icon62.gif") no-repeat;
}
.ProductMallClass a.chanpin span.cur {
	background: url("../images/Icon62.gif") no-repeat;
}
.ProductMallClass a.yidong span {
	background: url("../images/Icon063.gif") no-repeat;
}
.ProductMallClass a.yidong:hover span {
	background: url("../images/Icon63.gif") no-repeat;
}
.ProductMallClass a.yidong span.cur {
	background: url("../images/Icon63.gif") no-repeat;
}
.ProductMallClass a.weixin span {
	background: url("../images/Icon064.gif") no-repeat;
}
.ProductMallClass a.weixin:hover span {
	background: url("../images/Icon64.gif") no-repeat;
}
.ProductMallClass a.weixin span.cur {
	background: url("../images/Icon64.gif") no-repeat;
}
.bor_top {
	border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.webbg {
	background: rgb(244, 244, 244); padding: 50px 0px; width: 100%; position: relative;
}
.Applicable {
	background: rgb(255, 255, 255); margin: 0px auto; padding: 40px 0px; width: 1180px;
}
.Applicable ul {
	width: 500px; float: left;
}
.Applicable ul h3 {
	line-height: 28px; padding-bottom: 30px; padding-left: 30px; font-size: 26px;
}
.Applicable ul li {
	width: 160px; float: left;
}
.Applicable ul li img {
	margin: auto; display: block;
}
.Applicable ul li p {
	text-align: center; color: rgb(102, 102, 102); padding-top: 40px; font-size: 14px;
}
.Applicable ul.cur {
	float: right;
}
.Programdetails {
	margin: 0px auto; padding: 50px 0px 30px; width: 1180px;
}
.Programdetails h3 {
	padding: 0px 0px 35px; line-height: 28px; font-size: 26px;
}
.Programdetails dl {
	margin: 0px; padding: 0px; width: 500px; height: 250px; float: left;
}
.Programdetails dl dt {
	width: 128px; float: left;
}
.Programdetails dl dt img {
	width: 128px; height: 128px; display: block;
}
.Programdetails dl dd {
	width: 335px; float: right;
}
.Programdetails dl dd h4 {
	color: rgb(0, 160, 233); padding-top: 8px; padding-bottom: 10px; font-size: 20px;
}
.Programdetails dl dd p {
	background: url("../images/index_03.png") no-repeat left; color: rgb(102, 102, 102); padding-left: 10px; font-size: 14px;
}
.Programdetails dl.cur {
	float: right;
}
.Mobilephone {
	background: rgb(255, 255, 255); margin: 0px auto; width: 1180px;
}
.Mobilephone dl {
	margin: 0px; padding: 20px 0px;
}
.Mobilephone dl dt {
	width: 540px; padding-top: 70px; padding-left: 50px; float: left;
}
.Mobilephone dl dt h3 {
	color: rgb(25, 25, 25); line-height: 28px; padding-bottom: 40px; font-size: 26px;
}
.Mobilephone dl dt p {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 14px;
}
.Mobilephone dl dd {
	width: 440px; padding-right: 50px; float: right;
}
.Mobilephone dl dd img {
	display: block;
}
.Mobilephoneintro {
	padding: 0px 0px 50px; width: 100%;
}
.Mobilephoneintro ul {
	margin: 0px auto; width: 1180px;
}
.Mobilephoneintro ul li {
	padding: 60px 0px 0px 60px; width: 520px; height: 190px; float: left;
}
.Mobilephoneintro ul li img {
	margin-right: 40px; margin-bottom: 40px; float: left; display: block;
}
.Mobilephoneintro ul li h3 {
	color: rgb(0, 160, 233); line-height: 24px; padding-top: 15px; padding-bottom: 10px; font-size: 20px;
}
.Mobilephoneintro ul li p {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 14px;
}
.Mobilephoneintro ul li p span {
	background: url("../images/index_40.png") no-repeat 0px 9px; padding-left: 10px;
}
.weixinproblem {
	background: rgb(255, 255, 255); margin: 0px auto; width: 1180px;
}
.weixinproblem dl {
	margin: 0px; padding: 0px;
}
.weixinproblem dl dt {
	padding: 15px 0px 5px 105px; float: left;
}
.weixinproblem dl dt img {
	display: block;
}
.weixinproblem dl dd {
	width: 510px; padding-top: 120px; float: right;
}
.weixinproblem dl dd h3 {
	color: rgb(0, 160, 233); line-height: 28px; padding-bottom: 25px; font-size: 30px;
}
.weixinproblem dl dd p {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 14px;
}
.dianshangtitel {
	margin: 0px auto; padding: 30px 0px; width: 1180px; color: rgb(25, 25, 25); line-height: 28px; font-size: 26px;
}
.weixinlist {
	margin: 0px; padding: 0px 0px 30px; width: 100%;
}
.weixinlist ul {
	margin: 0px; padding: 0px;
}
.weixinlist ul li {
	margin: 0px; padding: 80px 0px; width: 100%;
}
.weixinlist ul li.cur {
	background: rgb(255, 255, 255);
}
.weixinlist ul li dl {
	margin: 0px auto; width: 1180px;
}
.weixinlist ul li dl dt {
	width: 480px; padding-top: 130px; float: left;
}
.weixinlist ul li dl dt h3 {
	color: rgb(0, 160, 233); line-height: 28px; padding-bottom: 20px; font-size: 26px;
}
.weixinlist ul li dl dt p {
	color: rgb(102, 102, 102); line-height: 23px; font-size: 14px;
}
.weixinlist ul li dl dd {
	float: right;
}
.weixinlist ul li dl dd img {
	display: block;
}
.weixinlist ul li dl.cur dt {
	float: right;
}
.weixinlist ul li dl.cur dd {
	float: left;
}
.Systembg {
	background: url("../images/201308081402340Img.jpg") no-repeat bottom rgb(42, 45, 54); width: 100%; height: 382px; overflow: hidden; padding-top: 200px; position: relative;
}
.Webbg {
	background: url("../images/banner1Bg.jpg") no-repeat bottom rgb(42, 45, 54); width: 100%; height: 382px; overflow: hidden; padding-top: 200px; position: relative;
}
.banner1_img {
	left: 710px; top: 196px; position: absolute;
}
.banner1_text {
	left: 468px; top: 210px; position: absolute;
}
.banner1_btn {
	left: 470px; top: 450px; position: absolute;
}
.Webbg2 {
	background: url("../images/3443.png") no-repeat bottom rgb(42, 45, 54); width: 100%; height: 624px; overflow: hidden; position: relative;
}
.Webbg3 {
	background: url("../images/1487553009540039c7b83cd.png") no-repeat bottom rgb(42, 45, 54); width: 100%; height: 340px; overflow: hidden; position: relative;
}
body#Whatwedo {
	-webkit-backface-visibility: visible;
}
.top_bg3 {
	height: 644px; text-align: center; position: relative;
}
.top_bg3-background {
	background: url("../images/servicebg.jpg") fixed repeat-y 50% 0% / cover; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.top_bg_txt {
	left: 0px; top: 50%; width: 100%; margin-top: -100px; position: absolute;
}
.top_bg3 h2 {
	color: rgb(255, 255, 255); line-height: 73px; font-family: "������ͤ��ϸ�ڼ���", "FZLTCXHJT", "Microsoft Yahei"; font-size: 48px; font-weight: normal; margin-bottom: 24px;
}
.top_bg3 h3 {
	color: rgb(186, 186, 186); font-size: 16px; font-weight: normal; margin-bottom: 45px;
}
.top_bg3 h4 {
	color: rgb(255, 255, 255); padding-top: 45px; font-size: 18px; font-weight: normal;
}
.top_bg3 h4 a {
	color: rgb(255, 255, 255);
}
.w1000 {
	margin-right: auto; margin-left: auto; max-width: 1000px;
}
.service_list {
	font-size: 16px;
}
.service_list li {
	clear: both; border-bottom-color: rgb(241, 240, 240); border-bottom-width: 1px; border-bottom-style: solid;
}
.service_list li .w1000 {
	position: relative;
}
.sl_icon {
	background-position: center; width: 22%; height: 100%; position: absolute; background-repeat: no-repeat;
}
.sl_txt {
	padding: 50px 50px 35px 0px; margin-left: 22%; position: relative;
}
.sl_1 .sl_icon {
	background-image: url("../images/design-ico.png");
}
.sl_2 .sl_icon {
	background-image: url("../images/ui-ico.png");
}
.sl_3 .sl_icon {
	background-image: url("../images/move-ico.png");
}
.sl_4 .sl_icon {
	background-image: url("../images/brand-ico.png");
}
.sl_5 .sl_icon {
	background-image: url("../images/wchat-ico.png");
}
.service_list li:hover .sl_1 .sl_icon {
	background-image: url("../images/design-ico-hover.png");
}
.service_list li:hover .sl_2 .sl_icon {
	background-image: url("../images/ui-ico-hover.png");
}
.service_list li:hover .sl_3 .sl_icon {
	background-image: url("../images/move-ico-hover.png");
}
.service_list li:hover .sl_4 .sl_icon {
	background-image: url("../images/brand-ico-hover.png");
}
.service_list li:hover .sl_5 .sl_icon {
	background-image: url("../images/wchat-ico-hover.png");
}
.sl_txt h3 {
	color: rgb(0, 0, 0); font-size: 22px; margin-bottom: 10px;
}
.sl_txt p {
	color: rgb(102, 102, 102); line-height: 30px; margin-bottom: 37px;
}
.sl_keywords {
	width: 50%; color: rgb(92, 169, 0);
}
.more_btn2 {
	border-radius: 2px; border: 1px solid rgb(157, 157, 157); transition:background-color 0.1s linear, color 0.1s linear; width: 120px; text-align: center; right: 50px; bottom: 30px; color: rgb(121, 121, 121); line-height: 30px; clear: both; display: block; position: absolute; -webkit-transition: background-color 0.1s linear, color 0.1s linear; -moz-transition: background-color 0.1s linear, color 0.1s linear; -webkit-border-radius: 2px; -moz-border-radius: 2px;
}
.more_btn2:hover {
	background: rgb(85, 193, 231); border-color: rgb(85, 193, 231); color: rgb(255, 255, 255);
}
.more_btn2: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);
}
.contact_l {
	background: url("../images/wallpaper8.jpg") 50% bottom / cover; height: 900px; position: relative; -moz-background-size: cover;
}
.contact_l .box {
	margin: 0px auto; transition:0.3s ease-in-out; top: 50%; width: 810px; height: 330px; position: relative; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s;
}
.contact_l .box .above {
	transition:0.6s ease-in-out; width: 100%; height: 200px; position: relative; -webkit-transition: all .6s ease-in-out 0s; -moz-transition: all .6s ease-in-out 0s; -o-transition: all .6s ease-in-out 0s;
}
.contact_l .box .above .wechat {
	float: left;
}
.contact_l .box .above .left {
	margin: -12px 0px 0px 70px; float: left;
}
.contact_l .box .above .left a.tel {
	margin: 10px 0px 15px; width: 243px; height: 37px; color: rgb(148, 207, 28); font-size: 30px; font-weight: bold; text-decoration: none; display: block;
}
.contact_l .box .above .left a {
	color: rgb(102, 102, 102); text-decoration: none;
}
.contact_l .box .above .left p {
	color: rgb(102, 102, 102); line-height: 26px; margin-top: 8px;
}
.contact_l .box .above .right {
	color: rgb(102, 102, 102); line-height: 32px; margin-top: -3px; float: right;
}
.i_text {
	text-align: center; font-family: "Microsoft YaHei",΢���ź�,"Microsoft JhengHei";
}
.i_text .font48 {
	font-size: 3.5em;
}
.i_text .f_red {
	color: rgb(239, 0, 0);
}
.i_text .font30 {
	font-size: 2em;
}
.i_text .font40 {
	font-size: 3em;
}
.i_text .f_w {
	font-weight: bold;
}
.no_2 {
	color: rgb(150, 150, 150); padding-bottom: 100px; font-size: 15px;
}
.no_img_4 {
	width: 70px; height: 70px; margin-top: 40px; margin-right: 20%; background-image: url("../images/196612110353ff19240dc85.png");
}
.no_img_5 {
	width: 70px; height: 70px; margin-top: 40px; margin-right: 20%; background-image: url("../images/131382794653ff05b9e058c.png");
}
.no_img_6 {
	width: 70px; height: 70px; margin-top: 40px; margin-right: 20%; background-image: url("../images/7479831453ff05a41eaf5.png");
}
.weblbox .left {
	width: 49%; float: left;
}
.weblbox .title {
	margin: 0px 0px 60px; width: 100%; color: rgb(58, 58, 58); font-size: 36px;
}
.weblbox .title span {
	background: url("../images/i1.png") no-repeat right 80%; padding: 0px 36px 0px 0px;
}
.weblbox .left .text {
	color: rgb(81, 81, 81); line-height: 28px; font-size: 14px;
}
.weblbox .left .text p {
	margin: 0px 0px 28px; text-indent: 2em;
}
.weblbox .right {
	width: 47%; float: right;
}
.weblbox .right img {
	width: 100%; display: block;
}
.weblbox .more {
	width: 100%; text-align: center; overflow: hidden; font-family: Helvetica,"Microsoft Yahei";
}
.weblbox .more a {
	background: rgb(123, 201, 30); border-radius: 5px; transition:400ms; width: 160px; height: 44px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 44px; font-size: 16px; display: inline-block;
}
.weblbox .more a:hover {
	background: rgb(178, 178, 178);
}
.alqr {
	
}
.alqr li {
	width: 20%; float: left;
}
.alqr li .pic {
	margin: 0px auto; padding: 13px; border-radius: 4px; border: 1px solid rgb(228, 228, 228); width: 100px; height: 100px;
}
.alqr li .pic img {
	width: 100%;
}
.alqr li .text {
	padding: 12px 0px; text-align: center;
}
