* {
	margin: 0px; padding: 0px;
}
html {
	font: 12px/1.6 "microsoft yahei", "Arial", sans-serif; margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size-adjust: none; font-stretch: normal; -webkit-text-size-adjust: none;
}
body {
	font: 12px/1.6 "microsoft yahei", "Arial", sans-serif; margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size-adjust: none; font-stretch: normal; -webkit-text-size-adjust: none;
}
img {
	border: currentColor; border-image: none; vertical-align: top; max-width: 100%;
}
input {
	
}
select {
	
}
ol {
	list-style: none; margin: 0px; padding: 0px;
}
ul {
	list-style: none; margin: 0px; padding: 0px;
}
li {
	list-style: none; margin: 0px; padding: 0px;
}
a {
	color: rgb(0, 141, 213); text-decoration: none;
}
a:focus {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.clearfix::before {
	width: 100%; overflow: hidden; clear: both; display: block; content: "";
}
.clearfix::after {
	width: 100%; overflow: hidden; clear: both; display: block; content: "";
}
input {
	font-size: inherit;
}
textarea {
	font-size: inherit;
}
select {
	font-size: inherit;
}
button {
	font-size: inherit;
}
input:-ms-input-placeholder {
	color: rgb(102, 102, 102); font-size: inherit;
}
textarea:-ms-input-placeholder {
	color: rgb(102, 102, 102); font-size: inherit;
}
.input {
	padding: 0.6em; border-radius: 3px; border: 1px solid rgb(170, 170, 170); border-image: none;
}
.select {
	background: rgb(255, 255, 255); padding: 0.3em 0.6em 0.4em; border-radius: 0.3em; border: 1px solid rgb(170, 170, 170); border-image: none; text-align: left; overflow: hidden; vertical-align: middle; display: inline-block; white-space: nowrap; position: relative;
}
.select select {
	background: none; border: currentColor; border-image: none; color: inherit; line-height: 1; padding-right: 3em; margin-top: 0.1em; margin-right: -2em; position: relative; z-index: 2;
}
.select::after {
	right: 0.5em; font-family: simsun; margin-top: -0.1em; vertical-align: top; display: inline-block; position: absolute; min-width: 1em; content: "∟"; transform: rotate(-45deg);
}
.select-block {
	display: block;
}
.select-block select {
	width: 120%;
}
.ie8 .select select {
	width: 240%; padding-right: 4em; margin-right: -2em;
}
.ie9 .select select {
	width: 240%; padding-right: 4em; margin-right: -2em;
}
.ie10 .select select {
	width: 240%; padding-right: 4em; margin-right: -2em;
}
.ie11 .select select {
	width: 240%; padding-right: 4em; margin-right: -2em;
}
.ie8 .select {
	background: none; padding: 0px; border: currentColor; border-image: none;
}
.ie8 .select::after {
	display: none;
}
.ie8 .select select {
	margin: 0em; padding: 0px; border: 1px solid rgb(170, 170, 170); border-image: none; width: auto; font-size: 1.4em;
}
.ie9 .select::after {
	border-width: 6px 6px 0px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent; top: 50%; width: 0px; height: 0px; margin-top: -4px; display: inline-block; min-width: 0px; content: "";
}
.frame-head {
	top: 0px; width: 100%; position: fixed !important; z-index: 999; background-color: rgb(255, 255, 255);
}
.checkbox {
	vertical-align: middle;
}
.checkbox input {
	vertical-align: middle;
}
.checkbox-tab {
	border-radius: 0.3em; border: 1px solid rgb(170, 170, 170); border-image: none; text-align: center; line-height: 1; overflow: hidden; font-size: inherit; vertical-align: middle; display: inline-block;
}
.checkbox-tab label {
	vertical-align: middle; display: inline-block; position: relative;
}
.checkbox-tab label input {
	position: absolute; opacity: 0;
}
.checkbox-tab label i {
	padding: 0.6em 1em 0.64em; line-height: 1; font-style: normal; display: inline-block; cursor: pointer;
}
.checkbox-tab label input:checked + i {
	background: rgb(248, 182, 45); color: rgb(255, 255, 255);
}
.textarea {
	padding: 0.6em; border-radius: 0.3em; border: 1px solid rgb(170, 170, 170); border-image: none; font-size: inherit; min-height: 5em; box-sizing: border-box; resize: vertical;
}
.btn {
	padding: 0.6em 2em 0.64em; border-radius: 0.3em; border: 1px solid rgb(0, 141, 213); border-image: none; text-align: center; color: rgb(255, 255, 255); line-height: 1; font-size: inherit; vertical-align: middle; display: inline-block; cursor: pointer; background-color: rgb(0, 141, 213);
}
@media all and (min-width:769px)
{
.btn:active {
	border: 1px solid rgb(0, 106, 161); border-image: none; color: rgb(255, 255, 255) !important; background-color: rgb(0, 106, 161) !important;
}
.btn:hover {
	border: 1px solid rgb(0, 106, 161); border-image: none; color: rgb(255, 255, 255) !important; background-color: rgb(0, 106, 161) !important;
}
}
.btn-block {
	display: block;
}
.btn-x1 {
	padding: 0.6em 1em 0.64em;
}
.btn-x2 {
	padding: 0.6em 2em 0.64em;
}
.btn-x3 {
	padding: 0.6em 3em 0.64em;
}
.btn-x4 {
	padding: 0.6em 4em 0.64em;
}
.btn-border-gray {
	background: none; border: 1px solid rgb(170, 170, 170); border-image: none; color: inherit;
}
.btn-yellow {
	border: 1px solid rgb(248, 182, 45); border-image: none; background-color: rgb(248, 182, 45);
}
.btn-arrow-left::before {
	border-width: 0.3em; border-style: solid; border-color: transparent rgb(255, 255, 255) transparent transparent; margin-right: 0.5em; margin-left: -0.5em; vertical-align: middle; display: inline-block; content: "";
}
.btn-arrow-right::after {
	border-width: 0.3em; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); margin-right: -0.5em; margin-left: 0.5em; vertical-align: middle; display: inline-block; content: "";
}
.btn-black-arrow {
	padding: 0.8em 3em; border-radius: 3px; width: auto !important; color: rgb(255, 255, 255); display: inline-block; background-color: rgb(0, 0, 0);
}
.btn-black-arrow::after {
	border-width: 0.5em; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); border-image: none; width: 0px; height: 0px; margin-top: -2px; margin-right: -1em; margin-left: 1em; vertical-align: middle; display: inline-block; content: "";
}
.btn-yellow-arrow {
	padding: 0.8em 3em; border-radius: 3px; width: auto !important; color: rgb(255, 255, 255); display: inline-block; background-color: rgb(248, 182, 45);
}
.btn-yellow-arrow::after {
	border-width: 0.5em; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); border-image: none; width: 0px; height: 0px; margin-top: -2px; margin-right: -1em; margin-left: 1em; vertical-align: middle; display: inline-block; content: "";
}
.h1 {
	margin: auto; line-height: inherit; font-size: 1em; font-weight: normal;
}
.h2 {
	margin: auto; line-height: inherit; font-size: 1em; font-weight: normal;
}
.h3 {
	margin: auto; line-height: inherit; font-size: 1em; font-weight: normal;
}
.h4 {
	margin: auto; line-height: inherit; font-size: 1em; font-weight: normal;
}
.h5 {
	margin: auto; line-height: inherit; font-size: 1em; font-weight: normal;
}
.h6 {
	margin: auto; line-height: inherit; font-size: 1em; font-weight: normal;
}
h1 {
	margin: auto; line-height: inherit; font-size: 1em; font-weight: normal;
}
h2 {
	margin: auto; line-height: inherit; font-size: 1em; font-weight: normal;
}
h3 {
	margin: auto; line-height: inherit; font-size: 1em; font-weight: normal;
}
h4 {
	margin: auto; line-height: inherit; font-size: 1em; font-weight: normal;
}
h5 {
	margin: auto; line-height: inherit; font-size: 1em; font-weight: normal;
}
h6 {
	margin: auto; line-height: inherit; font-size: 1em; font-weight: normal;
}
.al {
	text-align: left;
}
.ac {
	text-align: center;
}
.ar {
	text-align: right;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.fn {
	float: none;
}
ol {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
.hr-bold {
	background: rgb(213, 213, 213); border: currentColor; border-image: none; height: 0.5em; display: block;
}
.overflow {
	overflow: hidden;
}
.img-wrap {
	width: 100%; -ms-zoom: 1;
}
.c-black {
	color: rgb(0, 0, 0);
}
.c-icon {
	color: rgb(189, 170, 121);
}
.c-theme {
	color: rgb(124, 97, 56);
}
.fs-small {
	font-size: 0.8em;
}
.fs-medium {
	font-size: 1.2em;
}
.fs-large {
	font-size: 1.4em;
}
.fs-lg {
	font-size: 1.15em;
}
.fs-sm {
	font-size: 0.85em;
}
.fs-xs {
	font-size: 0.7em;
}
.vt {
	vertical-align: top !important;
}
.vm {
	vertical-align: middle !important;
}
.vb {
	vertical-align: bottom !important;
}
.mt5 {
	margin-top: 5px;
}
.mr5 {
	margin-right: 5px;
}
.mb5 {
	margin-bottom: 5px;
}
.ml5 {
	margin-left: 5px;
}
.mx5 {
	margin-right: 5px; margin-left: 5px;
}
.my5 {
	margin-top: 5px; margin-bottom: 5px;
}
.m5 {
	margin: 5px;
}
.pt5 {
	padding-top: 5px;
}
.pr5 {
	padding-right: 5px;
}
.pb5 {
	padding-bottom: 5px;
}
.pl5 {
	padding-left: 5px;
}
.px5 {
	padding-right: 5px; padding-left: 5px;
}
.py5 {
	padding-top: 5px; padding-bottom: 5px;
}
.p5 {
	padding: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mr10 {
	margin-right: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.ml10 {
	margin-left: 10px;
}
.mx10 {
	margin-right: 10px; margin-left: 10px;
}
.my10 {
	margin-top: 10px; margin-bottom: 10px;
}
.m10 {
	margin: 10px;
}
.pt10 {
	padding-top: 10px;
}
.pr10 {
	padding-right: 10px;
}
.pb10 {
	padding-bottom: 10px;
}
.pl10 {
	padding-left: 10px;
}
.px10 {
	padding-right: 10px; padding-left: 10px;
}
.py10 {
	padding-top: 10px; padding-bottom: 10px;
}
.p10 {
	padding: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mr15 {
	margin-right: 15px;
}
.mb15 {
	margin-bottom: 15px;
}
.ml15 {
	margin-left: 15px;
}
.mx15 {
	margin-right: 15px; margin-left: 15px;
}
.my15 {
	margin-top: 15px; margin-bottom: 15px;
}
.m15 {
	margin: 15px;
}
.pt15 {
	padding-top: 15px;
}
.pr15 {
	padding-right: 15px;
}
.pb15 {
	padding-bottom: 15px;
}
.pl15 {
	padding-left: 15px;
}
.px15 {
	padding-right: 15px; padding-left: 15px;
}
.py15 {
	padding-top: 15px; padding-bottom: 15px;
}
.p15 {
	padding: 15px;
}
.to-visible {
	height: auto !important; display: block !important;
}
.wrap {
	width: 1000px; margin-right: auto; margin-left: auto;
}
.wrap-row {
	min-width: 1000px;
}
.ol-type-square {
	padding-left: 1em; list-style-type: none;
}
.ol-type-arrow {
	padding-left: 1em; list-style-type: none;
}
.ol-type-arrow2 {
	padding-left: 1em; list-style-type: none;
}
.ol-type-circle {
	padding-left: 1em; list-style-type: none;
}
.ol-type-square li {
	margin: auto !important; width: auto !important; text-indent: -1em; overflow: visible !important; display: block !important;
}
.ol-type-arrow li {
	margin: auto !important; width: auto !important; text-indent: -1em; overflow: visible !important; display: block !important;
}
.ol-type-arrow2 li {
	margin: auto !important; width: auto !important; text-indent: -1em; overflow: visible !important; display: block !important;
}
.ol-type-circle li {
	margin: auto !important; width: auto !important; text-indent: -1em; overflow: visible !important; display: block !important;
}
.ol-type-square li::before {
	width: 1em; text-indent: 0px; margin-top: -0.4em; vertical-align: middle; display: inline-block; content: "";
}
.ol-type-arrow li::before {
	width: 1em; text-indent: 0px; margin-top: -0.4em; vertical-align: middle; display: inline-block; content: "";
}
.ol-type-arrow2 li::before {
	width: 1em; text-indent: 0px; margin-top: -0.4em; vertical-align: middle; display: inline-block; content: "";
}
.ol-type-circle li::before {
	width: 1em; text-indent: 0px; margin-top: -0.4em; vertical-align: middle; display: inline-block; content: "";
}
.ol-type-square li::before {
	content: "■";
}
.ol-type-arrow li::before {
	content: "?";
}
.ol-type-arrow2 li::before {
	font-family: SimSun; font-style: normal; content: ">";
}
.ol-type-circle li::before {
	content: "●";
}
.ol-type-text {
	padding-left: 1em; list-style-type: none;
}
.ol-type-text li {
	text-indent: -1em; overflow: visible !important;
}
.ol-type-text .ol-type-label {
	width: 1em; text-indent: 0px; vertical-align: top; display: inline-block; list-style-type: none;
}
.ol-type-text-1 {
	padding-left: 1em;
}
.ol-type-text-2 {
	padding-left: 2em;
}
.ol-type-text-3 {
	padding-left: 3em;
}
.ol-type-text-4 {
	padding-left: 4em;
}
.ol-type-text-5 {
	padding-left: 5em;
}
.ol-type-text-6 {
	padding-left: 6em;
}
.ol-type-text-1 li {
	text-indent: -1em;
}
.ol-type-text-2 li {
	text-indent: -2em;
}
.ol-type-text-3 li {
	text-indent: -3em;
}
.ol-type-text-4 li {
	text-indent: -4em;
}
.ol-type-text-5 li {
	text-indent: -5em;
}
.ol-type-text-6 li {
	text-indent: -6em;
}
.ol-type-text-1 .ol-type-label {
	width: 1em;
}
.ol-type-text-2 .ol-type-label {
	width: 2em;
}
.ol-type-text-3 .ol-type-label {
	width: 3em;
}
.ol-type-text-4 .ol-type-label {
	width: 4em;
}
.ol-type-text-5 .ol-type-label {
	width: 5em;
}
.ol-type-text-6 .ol-type-label {
	width: 6em;
}
.swiper {
	background: url("../image/common/loading.gif") no-repeat center / 16px auto rgb(249, 249, 249); width: 100%; overflow: hidden; visibility: hidden; position: relative;
}
.swiper-mask {
	overflow: hidden;
}
.swiper li {
	overflow: hidden; position: relative;
}
.swiper li li {
	overflow: inherit;
}
.swiper-single .swiper-prev {
	display: none !important;
}
.swiper-single .swiper-next {
	display: none !important;
}
.swiper-single .swiper-pagination {
	display: none !important;
}
.swiper-single .swiper-pagination {
	display: none;
}
.swiper-pagination {
	left: 0px; width: 100%; text-align: center; bottom: 0px; position: absolute; z-index: 10; transform: translate3d(0px, 0px, 0px);
}
.swiper-pagination .swiper-pagination-switch {
	background: rgb(124, 97, 56); margin: 0px 3px; border-radius: 5px; width: 8px; height: 8px; display: inline-block;
}
.swiper-pagination .swiper-active-switch {
	background: rgb(235, 177, 51);
}
.swiper-prev {
	left: 0px; top: 0px; width: 4em; height: 100%; text-align: center; position: absolute; z-index: 50; cursor: pointer;
}
.swiper-next {
	top: 0px; width: 4em; height: 100%; text-align: center; right: 0px; position: absolute; z-index: 50; cursor: pointer;
}
.swiper-prev::before {
	background-position: left; width: 2em; height: 100%; display: inline-block; content: ""; background-repeat: no-repeat;
}
.swiper-next::before {
	background-position: right; width: 2em; height: 100%; display: inline-block; content: ""; background-repeat: no-repeat;
}
.swiper-prev-white::before {
	background-image: url("../image/common/prev-white.png");
}
.swiper-next-white::before {
	background-image: url("../image/common/next-white.png");
}
.swiper-prev-black::before {
	background-image: url("../image/common/prev-black.png");
}
.swiper-next-black::before {
	background-image: url("../image/common/next-black.png");
}
.swiper-prev-color::before {
	background-image: url("../image/common/prev-color.png");
}
.swiper-next-color::before {
	background-image: url("../image/common/next-color.png");
}
.swiper-prev-bg::before {
	background-position: center; margin: -2em; border-radius: 5px; left: 50%; top: 50%; width: 4em; height: 4em; position: absolute; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.3);
}
.swiper-next-bg::before {
	background-position: center; margin: -2em; border-radius: 5px; left: 50%; top: 50%; width: 4em; height: 4em; position: absolute; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.3);
}
.swiper-prev-bg::before {
	background-image: url("../image/common/arrow-white-left.png"); background-size: 40% auto;
}
.swiper-next-bg::before {
	background-image: url("../image/common/arrow-white.png"); background-size: 40% auto;
}
.swiper-lazy {
	background: url("../image/common/loading.gif") no-repeat center / 16px auto rgb(249, 249, 249); min-height: 80px; min-width: 100px;
}
.swiper-lazy-img {
	height: 0px; visibility: hidden;
}
.swiper-lazy-img-loaded {
	height: auto; visibility: visible;
}
.swiper-prev-disabled {
	display: none !important;
}
.swiper-next-disabled {
	display: none !important;
}
.swiper-scale {
	position: relative;
}
.swiper-scale::before {
	height: 0px; padding-bottom: 34.85%; display: inline-block; content: "";
}
.swiper-scale .swiper-mask {
	left: 0px; top: 0px; width: 100%; height: 100% !important; position: absolute;
}
.swiper-scale ul {
	left: 0px; top: 0px; height: 100% !important; position: absolute;
}
.swiper-scale ul li {
	height: 100% !important;
}
.swiper-scale li img {
	max-width: 100%;
}
.swiper-auto {
	visibility: hidden; position: relative;
}
.swiper-auto .swiper-wrapper {
	height: auto !important; overflow: hidden;
}
.swiper-auto .swiper-slide {
	height: auto !important; overflow: hidden; float: left; position: relative;
}
.swiper-auto .swiper-slide img {
	max-width: 100%;
}
.swiper-inited {
	visibility: visible;
}
.frame-aboutus .swiper-auto {
	visibility: visible;
}
.swiper-kv .swiper-center {
	left: 50%; width: 1920px; margin-left: -960px; position: relative;
}
.swiper-content-summary {
	padding: 15px 0px 20px; overflow: hidden; -ms-zoom: 1;
}
.swiper-content-summary h3 {
	margin: 0px; padding: 5px; border: 1px solid rgb(124, 97, 56); border-image: none; color: rgb(124, 97, 56); font-size: 1rem; display: inline-block; max-width: 45%;
}
.swiper-content-summary > ol {
	font-size: 0.7rem; float: right; max-width: 55%;
}
.swiper-content-summary > div {
	font-size: 0.7rem; float: right; max-width: 55%;
}
.swiper-content-summary ol li {
	margin: 0px 0px 0.2em; height: auto !important; line-height: 1.4; font-size: 1rem; font-weight: normal;
}
.swiper-content-summary p {
	margin: 0px; font-size: 1rem;
}
.swiper-coanda-effect .swiper-content {
	padding: 1em; left: 0px; top: 9%; width: 58%; color: rgb(255, 255, 255); line-height: 1.6; font-size: 0.8rem; position: absolute; z-index: 100; background-color: rgba(0, 0, 0, 0.3);
}
.swiper-coanda-effect .swiper-content h2 {
	font-size: 1.5em; margin-top: 0px; margin-bottom: 0.5em;
}
.swiper-coanda-effect .swiper-content .icon {
	top: 1em; width: 2em; height: 2em; right: 1em; display: inline-block; position: absolute;
}
.swiper-coanda-effect .swiper-slide-active .swiper-content {
	visibility: visible;
}
.icon {
	background-position: center; width: 1em !important; height: 1em !important; margin-top: -0.15em; vertical-align: middle; display: inline-block; background-repeat: no-repeat; background-size: 100% auto;
}
.icon-arrow {
	background-image: url("../image/common/icon-arrow.png");
}
.icon-arrow-bg {
	background-image: url("../image/common/arrow-bg.png");
}
.icon-arrow-bg-white {
	background-image: url("../image/common/arrow-bg-white.png");
}
.icon-arrow-bg-green {
	background-image: url("../image/common/arrow-bg-green.png");
}
.icon-arrow-white {
	background-image: url("../image/common/arrow-white.png");
}
.icon-arrow-blue {
	background-image: url("../image/common/arrow-blue.png");
}
.icon-arrow-black {
	background-image: url("../image/common/arrow-black.png");
}
.icon-tel {
	background-image: url("../image/common/icon-tel.png");
}
.icon-pix {
	background-image: url("../image/common/icon-pix.png");
}
.icon-pix-gray {
	background-image: url("../image/common/icon-pix-gray.png");
}
.icon-pix-blue {
	background-image: url("../image/common/icon-pix-blue.png");
}
.icon-player {
	background-image: url("../image/common/icon-player.png");
}
.icon-player-blue-border {
	background-image: url("../image/common/icon-player-blue-border.png");
}
.icon-fqa {
	background-image: url("../image/common/icon-fqa.png");
}
.icon-course {
	background-image: url("../image/common/icon-course.png");
}
.icon-gift {
	background-image: url("../image/common/icon-gift.png");
}
.icon-prev {
	background-image: url("../image/common/icon-prev.png");
}
.icon-prev-gray {
	background-image: url("../image/common/icon-prev-gray.png");
}
.icon-next {
	background-image: url("../image/common/icon-next.png");
}
.icon-next-gray {
	background-image: url("../image/common/icon-next-gray.png");
}
.icon-tips {
	background-image: url("../image/common/icon-tips.png");
}
.icon-trophy {
	background-image: url("../image/common/icon-trophy.png");
}
.icon-vrv {
	width: 2.5em; background-image: url("../image/common/icon-vrv.png");
}
.icon-flower {
	background-image: url("../image/common/icon-flower.png");
}
.icon-weibo {
	background-image: url("../image/common/icon-sina.png");
}
.icon-weixin {
	background-image: url("../image/common/icon-weixin.png");
}
.icon-coordinate-white {
	background-image: url("../image/common/icon-coordinate-white.png");
}
.icon-coordinate-gray {
	background-image: url("../image/common/icon-coordinate-gray.png");
}
.icon-message-white {
	background-image: url("../image/common/icon-message-white.png");
}
.icon-message-gray {
	background-image: url("../image/common/icon-message-gray.png");
}
.icon-delicious-tag {
	background-image: url("../image/common/delicious-tag.png");
}
.icon-flower-h2 {
	background-image: url("../image/common/icon-h2.png");
}
.ie8 .icon {
	background-image: none;
}
.ie8 .icon-arrow {
	
}
.ie8 .icon-arrow-bg {
	
}
.ie8 .icon-arrow-bg-white {
	
}
.ie8 .icon-arrow-bg-green {
	
}
.ie8 .icon-arrow-white {
	
}
.ie8 .icon-arrow-blue {
	
}
.ie8 .icon-arrow-black {
	
}
.ie8 .icon-tel {
	
}
.ie8 .icon-pix {
	
}
.ie8 .icon-pix-gray {
	
}
.ie8 .icon-pix-blue {
	
}
.ie8 .icon-player {
	
}
.ie8 .icon-player-blue-border {
	
}
.ie8 .icon-fqa {
	
}
.ie8 .icon-course {
	
}
.ie8 .icon-gift {
	
}
.ie8 .icon-prev {
	
}
.ie8 .icon-prev-gray {
	
}
.ie8 .icon-next {
	
}
.ie8 .icon-next-gray {
	
}
.ie8 .icon-tips {
	
}
.ie8 .icon-trophy {
	
}
.ie8 .icon-vrv {
	
}
.ie8 .icon-flower {
	
}
.ie8 .icon-weibo {
	
}
.ie8 .icon-weixin {
	
}
.ie8 .icon-coordinate-white {
	
}
.ie8 .icon-coordinate-gray {
	
}
.ie8 .icon-message-white {
	
}
.ie8 .icon-message-gray {
	
}
.ie8 .icon-delicious-tag {
	
}
.ie8 .icon-flower-h2 {
	
}
.icon-1x {
	font-size: 0.6em;
}
.icon-2x {
	font-size: 0.83em;
}
.icon-3x {
	font-size: 1em;
}
.icon-4x {
	font-size: 1.2em;
}
.icon-5x {
	font-size: 1.43em;
}
.icon-6x {
	font-size: 1.6em;
}
.icon-7x {
	font-size: 1.8em;
}
.icon-8x {
	font-size: 2em;
}
.icon-9x {
	font-size: 2.2em;
}
.icon-arrow-font::before {
	font-family: "SimSun","Helvetica", "Arial", "sans-serif"; font-style: normal; content: ">";
}
.toggler {
	
}
.toggler-detail {
	display: none;
}
.toggler-btn::before {
	color: rgb(98, 182, 218); padding-top: 1em; display: block; content: "显示更多";
}
.toggler.open .toggler-summary {
	display: none;
}
.toggler.open .toggler-detail {
	display: block;
}
.toggler.open .toggler-btn::before {
	content: "收起";
}
.video {
	text-align: center; position: relative; cursor: pointer;
}
.video img {
	max-width: 100%;
}
.video::before {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0.6; background-color: rgb(0, 0, 0);
}
.video::after {
	margin: -30px 0px 0px -30px; border-radius: 30px; left: 50%; top: 50%; width: 60px; height: 60px; color: rgb(0, 0, 0); line-height: 58px; text-indent: 8px; font-size: 36px; position: absolute; content: "?"; background-color: rgba(255, 255, 255, 0.6);
}
.video h2 {
	left: 0px; top: 50%; width: 100%; color: rgb(255, 255, 255); font-size: 1rem; margin-top: 40px !important; margin-bottom: 0px; position: absolute;
}
div .panel-title-line {
	text-align: center; overflow: hidden; white-space: nowrap;
}
div .panel-title-line > h2 {
	width: 300%; font-size: 1.3rem !important; font-weight: bold !important; margin-top: 0px !important; margin-bottom: 0px !important; margin-left: -100% !important; vertical-align: middle; display: inline-block;
}
div .panel-title-line > h2 a {
	color: rgb(124, 97, 56); text-decoration: none;
}
div .panel-title-line > h2::before {
	width: 30%; height: 0px; margin-right: 10px; vertical-align: middle; border-bottom-color: rgb(124, 97, 56); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; content: "";
}
div .panel-title-line > h2::after {
	width: 30%; height: 0px; margin-left: 10px; vertical-align: middle; border-bottom-color: rgb(124, 97, 56); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; content: "";
}
div .panel-title-line > h2 img {
	margin: 0px 10px; max-height: 100%; max-width: 10%;
}
div .panel-title-line > h3 {
	font-size: 1rem; font-weight: normal; margin-top: 1em; margin-bottom: 0px;
}
.loading {
	transition:opacity 800ms; top: 0px; width: 100%; height: 100%; text-align: center; position: fixed; z-index: 999; background-color: rgba(255, 255, 255, 0.6); -webkit-transition: opacity 800ms;
}
.remove#loading {
	opacity: 0;
}
.loading::before {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.loading-title {
	background: rgb(255, 255, 255); padding: 15px; border-radius: 5px; color: rgb(255, 255, 255); vertical-align: middle; display: inline-block; position: relative; z-index: 2;
}
.loading-mask {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0;
}
.alert {
	border: currentColor; border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; font-size: 14px; position: fixed; z-index: 2000;
}
.alert::before {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.alert-inside {
	background: rgba(255, 255, 255, 1); border-radius: 3px; vertical-align: middle; display: inline-block; position: relative; z-index: 2; min-width: 300px;
}
.alert-title {
	padding: 30px; display: block;
}
.alert-close {
	background: rgb(255, 255, 255); border-radius: 3em; top: -1em; width: 2.4em; height: 2.4em; text-align: center; right: -1em; color: rgb(136, 136, 136); line-height: 1; font-size: 1em; display: inline-block; white-space: nowrap; position: absolute; z-index: 100; cursor: pointer;
}
.alert-close::before {
	width: 0px; padding-bottom: 105%; vertical-align: middle; display: inline-block; content: "";
}
.alert-close::after {
	font-family: sans-serif; font-style: normal; vertical-align: middle; display: inline-block; content: "╳";
}
.ie8 .alert-close {
	top: 0px; right: 0px;
}
.ie8 .alert-close::after {
	content: "?";
}
.alert-confirm {
	padding: 13px 0px 15px; color: rgb(0, 106, 161); line-height: 1.2; font-size: 1em; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; display: block; cursor: pointer;
}
.alert-confirm:hover {
	color: rgb(0, 0, 0);
}
.alert-mask {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.6;
}
.alert img {
	max-height: 90%; max-width: 90%;
}
.popup {
	left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; white-space: nowrap; position: absolute; z-index: 1050;
}
.popup::before {
	width: 0%; height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.popup::after {
	width: 0%; height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.popup-inside {
	background: rgb(255, 255, 255); padding: 10px; vertical-align: middle; display: inline-block; white-space: normal; position: relative; z-index: 10;
}
.popup-mask {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.8;
}
.popup-close {
	background: rgb(255, 255, 255); top: 0px; width: 40px; height: 40px; text-align: center; right: 0px; color: rgb(136, 136, 136); line-height: 1; font-size: 20px; font-weight: normal; display: inline-block; white-space: nowrap; position: absolute; z-index: 1000; cursor: pointer;
}
.popup-close::before {
	width: 0px; padding-bottom: 100%; vertical-align: middle; display: inline-block; content: "";
}
.popup-close i {
	font-style: normal; vertical-align: middle; display: inline-block;
}
.popup-active {
	height: 100%; overflow: hidden;
}
.popup-active body {
	height: 100%; overflow: hidden;
}
.popup-fixed .popup {
	position: fixed;
}
.popup-video .popup-inside {
	padding: 0px; border: 10px solid rgb(255, 255, 255); border-image: none; width: 80%; position: relative; max-width: 1000px;
}
.popup-video .popup-inside::before {
	width: 0%; height: 0px; overflow: hidden; padding-bottom: 62.5%; vertical-align: top; display: inline-block; content: "";
}
.popup-video .popup-main {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.popup-video .popup-close {
	top: -10px; right: -50px;
}
.goto-top {
	background: rgb(7, 134, 211); padding: 10px; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); line-height: 1; font-size: 10px; display: none; position: fixed; cursor: pointer; opacity: 0.8;
}
.goto-top:hover {
	color: rgb(255, 255, 255); opacity: 1;
}
.goto-top::before {
	text-align: center; line-height: 0; margin-bottom: 1em; display: block; content: "︿";
}
.goto-top::after {
	display: block; content: "顶部";
}
.goto-top-show {
	display: block;
}
.breadline {
	padding: 0.5em 0px;
}
.breadline * {
	color: rgb(0, 0, 0); font-size: 14px;
}
.breadline a:hover {
	color: rgb(0, 141, 213); font-size: 14px;
}
.breadline * + *::before {
	padding: 0px 0.5em; color: rgb(0, 141, 213); font-family: "SimSun","Helvetica", "Arial", "sans-serif"; font-style: normal; display: inline-block; content: ">";
}
.paging {
	padding: 2em 0px; text-align: center; font-family: Arial, Consolas,"Trebuchet MS", Verdana, Arial;
}
.paging * {
	color: rgb(136, 136, 136); font-size: 1em;
}
.paging a {
	background: rgb(246, 246, 246); margin: 0px 0.2em; border: 1px solid rgb(221, 221, 221); border-image: none; width: 2em; height: 2em; text-align: center; color: rgb(0, 141, 213) !important; line-height: 1; overflow: hidden; vertical-align: middle; display: inline-block; white-space: nowrap; position: relative; cursor: pointer;
}
.paging .paging-disabled {
	border: 1px solid rgb(221, 221, 221) !important; border-image: none !important; color: rgb(204, 204, 204) !important; cursor: default;
}
.paging .paging-prev {
	padding: 0px 1em; width: auto; line-height: 1;
}
.paging .paging-next {
	padding: 0px 1em; width: auto; line-height: 1;
}
.paging .paging-prev::before {
	padding: 0px; height: 110%;
}
.paging .paging-next::before {
	padding: 0px; height: 110%;
}
.paging a::before {
	width: 0px; height: 105%; vertical-align: middle; display: inline-block; content: "";
}
.paging a.active {
	background: rgb(0, 141, 213); border: 1px solid rgb(0, 141, 213) !important; border-image: none !important; color: rgb(255, 255, 255) !important; cursor: default;
}
.paging a:hover {
	border: 1px solid rgb(118, 145, 208); border-image: none; color: rgb(0, 141, 213) !important;
}
.paging a.active:hover {
	color: rgb(255, 255, 255) !important;
}
.paging a.paging-disabled:hover {
	border: 1px solid rgb(221, 221, 221) !important; border-image: none !important; color: rgb(204, 204, 204) !important; cursor: default;
}
.paging .paging-prev i {
	left: -50%; top: -50%; width: 200%; height: 200%; font-size: 1.5em; font-style: normal; position: absolute;
}
.paging .paging-next i {
	left: -50%; top: -50%; width: 200%; height: 200%; font-size: 1.5em; font-style: normal; position: absolute;
}
.paging .paging-prev i::before {
	width: 0px; height: 0px; padding-bottom: 100%; vertical-align: middle; display: inline-block; content: "";
}
.paging .paging-next i::before {
	width: 0px; height: 0px; padding-bottom: 100%; vertical-align: middle; display: inline-block; content: "";
}
.paging span {
	margin: 0px 0.2em; font-size: 12px; display: inline-block;
}
.paging input {
	background: rgb(255, 255, 255); margin: 0px 0.2em; border-radius: 0.2em; border: 1px solid rgb(221, 221, 221); border-image: none; width: 2em; height: 2em; text-align: center; color: rgb(0, 0, 0); line-height: 2em; vertical-align: middle;
}
.fixedbar-fixed {
	left: 0px; top: 0px; width: 100%; position: fixed; z-index: 1000;
}
.section-next {
	background: no-repeat center / contain; animation:section-next 1200ms linear infinite; left: 50%; width: 5em; height: 5em; bottom: 5%; margin-left: -2.5em; position: absolute; cursor: pointer; -webkit-animation: section-next 1200ms infinite linear;
}
.section-next-white {
	background-image: url("../image/common/arrow-down-white.png");
}
.section-next-black {
	background-image: url("../image/common/arrow-down-black.png");
}
.media-pc {
	display: block !important;
}
.media-pc-ibk {
	display: inline-block !important;
}
.media-mobile {
	display: none !important;
}
.media-mobile-ibk {
	display: none !important;
}
@media all and (min-width:1025px)
{
.swiper-kv .swiper-center-pc {
	left: 50%; width: 1920px; text-align: center; margin-left: -960px; position: relative;
}
}
@media all and (min-width:769px)
{
.wrap-1440 {
	margin-right: auto; margin-left: auto; max-width: 1440px;
}
* {
	-ms-scrollbar-face-color: rgb(204, 204, 204); -ms-scrollbar-3dlight-color: rgb(204, 204, 204); -ms-scrollbar-shadow-color: rgb(204, 204, 204); -ms-scrollbar-highlight-color: rgb(204, 204, 204); -ms-scrollbar-darkshadow-color: rgb(204, 204, 204); -ms-scrollbar-arrow-color: rgb(255, 255, 255); -ms-scrollbar-track-color: rgb(238, 238, 238);
}
}
@media all and (max-width:1024px) and (min-width:1024px)
{
.wrap {
	width: 98%;
}
input[type=text] {
	border-radius: 0px; box-shadow: none; appearance: none; -webkit-appearance: none;
}
input[type=tel] {
	border-radius: 0px; box-shadow: none; appearance: none; -webkit-appearance: none;
}
input[type=number] {
	border-radius: 0px; box-shadow: none; appearance: none; -webkit-appearance: none;
}
input[type=search] {
	border-radius: 0px; box-shadow: none; appearance: none; -webkit-appearance: none;
}
input[type=password] {
	border-radius: 0px; box-shadow: none; appearance: none; -webkit-appearance: none;
}
textarea {
	border-radius: 0px; box-shadow: none; appearance: none; -webkit-appearance: none;
}
}
@media all and (max-width:768px) and (min-width:768px)
{
.wrap {
	width: 98%;
}
.wrap-row {
	min-width: 0px;
}
input[type=text] {
	border-radius: 0px; box-shadow: none; appearance: none; -webkit-appearance: none;
}
input[type=tel] {
	border-radius: 0px; box-shadow: none; appearance: none; -webkit-appearance: none;
}
input[type=number] {
	border-radius: 0px; box-shadow: none; appearance: none; -webkit-appearance: none;
}
input[type=search] {
	border-radius: 0px; box-shadow: none; appearance: none; -webkit-appearance: none;
}
input[type=password] {
	border-radius: 0px; box-shadow: none; appearance: none; -webkit-appearance: none;
}
textarea {
	border-radius: 0px; box-shadow: none; appearance: none; -webkit-appearance: none;
}
.swiper-kv .swiper-center {
	width: 1200px; margin-left: -600px;
}
}
@media screen and (max-width:767px)
{
.wrap {
	width: auto;
}
.wrap-row {
	min-width: 0px;
}
.media-pc {
	display: none !important;
}
.container-body .media-pc {
	display: none !important;
}
.media-pc-ibk {
	display: none !important;
}
.container-body .media-pc-ibk {
	display: none !important;
}
.media-mobile {
	display: block !important;
}
.container-body .media-mobile {
	display: block !important;
}
.media-mobile-ibk {
	display: inline-block !important;
}
.container-body .media-mobile-ibk {
	display: inline-block !important;
}
* {
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
html {
	width: 100%; height: 100%; font-size: 12px;
}
body {
	width: 100%; height: 100%; color: rgb(51, 51, 51); font-size: 12px;
}
ul {
	margin: 0px; padding: 0px; list-style-type: none;
}
li {
	margin: 0px; padding: 0px; list-style-type: none;
}
img {
	-ms-zoom: 0.6; max-width: 100%;
}
input {
	padding: 0px; color: rgb(124, 97, 56); font-family: Arial,Tahoma,Microsoft YaHei,sans-serif;
}
input[type=text] {
	box-shadow: none; appearance: none; -webkit-appearance: none;
}
input[type=tel] {
	box-shadow: none; appearance: none; -webkit-appearance: none;
}
input[type=number] {
	box-shadow: none; appearance: none; -webkit-appearance: none;
}
input[type=search] {
	box-shadow: none; appearance: none; -webkit-appearance: none;
}
input[type=password] {
	box-shadow: none; appearance: none; -webkit-appearance: none;
}
textarea {
	box-shadow: none; appearance: none; -webkit-appearance: none;
}
.input {
	padding: 0.7em 0.6em 0.9em;
}
.select {
	padding: 0.5em 0.3em 0.6em;
}
.checkbox-tab label i {
	padding: 0.7em 1em 0.9em;
}
.textarea {
	padding: 0.7em;
}
.btn {
	padding: 0.7em 2em 0.9em;
}
.btn-x1 {
	padding: 0.7em 1em 0.9em;
}
.btn-x2 {
	padding: 0.7em 2em 0.9em;
}
.btn-x3 {
	padding: 0.7em 3em 0.9em;
}
.btn-x4 {
	padding: 0.7em 4em 0.9em;
}
.btn-back {
	padding: 1em; line-height: 1;
}
.btn-back::before {
	width: 0.5em; height: 0.5em; margin-top: -2px; vertical-align: middle; border-top-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; display: inline-block; content: ""; transform: rotate(-45deg);
}
.swiper-kv .swiper-center {
	left: 50%; width: 700px; margin-left: 0px; position: relative; transform: translate(-50%, 0px);
}
.container {
	
}
.frame {
	transition:transform 300ms; width: 100%; height: 100%; display: table;
}
.frame-head {
	width: 100%; display: table-row;
}
.frame-body {
	width: 100%; height: 100%; display: table-row;
}
.frame-relative {
	width: 100%; height: 100%; position: relative; z-index: 0;
}
.iphone .frame-scroll {
	-webkit-overflow-scrolling: touch;
}
.frame-scroll {
	width: 100%; height: 100%; position: absolute; z-index: 1; -ms-overflow-x: hidden; -ms-overflow-y: auto; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.frame-fixed {
	transition:transform 300ms; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; transform: translate(100%, 0px); -webkit-transition: transform 300ms; -webkit-transform: translate(100%, 0);
}
.alert-inside {
	width: 80%;
}
.popup-video .popup-inside {
	border: currentColor; border-image: none; width: 100%; max-height: 100%;
}
.popup-video .popup-close {
	background: none; top: 0px; right: 0px; color: rgb(221, 221, 221); font-family: serif; font-size: 2em; position: fixed;
}
.paging-more {
	padding: 1em; text-align: center; margin-top: 1em; display: block;
}
.breadline {
	padding: 0.5em; box-sizing: border-box;
}
.breadline * + *::before {
	line-height: 1; font-size: 1em; transform: scaleX(0.4);
}
.goto-top {
	bottom: 50px !important;
}
}
@media screen and (max-width:320px)
{
.swiper-kv .swiper-center {
	width: 550px;
}
}
@media all and (min-width:768px)
{
html.h100p {
	height: 100%;
}
.h100p body {
	height: 100%;
}
.frame {
	height: 100%;
}
.frame-body {
	height: 100%;
}
.frame-relative {
	height: 100%;
}
.frame-scroll {
	height: 100%;
}
.h100p .frame-body {
	margin-top: -74px;
}
.frame-main {
	margin-bottom: -410px; min-height: 100%;
}
.frame-main::before {
	height: 74px; display: block; content: "";
}
.frame-main::after {
	height: 410px; display: block; content: "";
}
}