/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; }

html, body, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: normal; }

p { margin: 0px; padding: 0px; }

body, button, input, select, textarea { font: 14px/1.5 'sc_regular','Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial; color: #000; }

img { border: 0px; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

table th, table td { border: 1px solid #ccc; }

*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #000; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none;color: #e74f8e; }

a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

textarea { overflow: auto; vertical-align: top; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; box-sizing: content-box; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.removeStyle { margin: 0px; padding: 0px; list-style: none; }

.removeStyle li { list-style: none; margin: 0px; padding: 0px; }

.removeStyle dd { list-style: none; margin: 0px; padding: 0px; }

.removeStyle dt { list-style: none; margin: 0px; padding: 0px; }


.btnlink {
	width: 180px;
	height: 55px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 28px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	font-size: 16px;
	position: relative;
	overflow: hidden;
	color: #fff;
	background-image: linear-gradient(to right, #666, #414348)
}

.btnlink:hover {
	color: #fff;
	background-image: linear-gradient(to right, #fdb1d1, #e74f8e);
}

.btnlink i {
	font-size: 20px;
	font-style: normal;
	margin-left: 5px;
	margin-top: -2px
}

.btnlink::after {
	display: block;
	content: "";
	background: #fff;
	width: 40px;
	height: 170px;
	position: absolute;
	opacity: 0.2;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 600ms ease-out;
	-o-transition: all 600ms ease-out;
	transition: all 600ms ease-out;
	left: -80px;
	top: -60px
}

.btnlink:hover::after {
	left: 200%
}


.OnlineApplicationTitle { font-size: 20px; color: #434343; }

.OnlineApplicationForm { padding-left: 0px; padding-bottom: 80px; }

.OnlineApplicationForm h3 { color: #e74f8e; font-size: 16px; padding-top: 15px; padding-bottom: 15px; }

.OnlineApplicationForm h4 { color: #e74f8e; font-size: 16px; padding-top: 15px; padding-bottom: 15px; padding-top: 30px; }

.OnlineApplicationForm h3 em { border-bottom: 1px solid #e74f8e; display: inline-block; padding-bottom: 5px; font-weight: 700; font-style: normal; }

.OnlineApplicationForm h4 em { border-bottom: 1px solid #e74f8e; display: inline-block; padding-bottom: 5px; font-weight: 700; font-style: normal; }

.OnlineApplicationForm dl { padding-bottom: 20px; }

 .OnlineApplicationForm dl dt { float: left; width: 47%; position: relative; padding: 0px 20px 0px 100px; }
  .OnlineApplicationForm dl dd { float: right; width: 47%; position: relative; padding: 0px 20px 0px 100px; }

.OnlineApplicationForm label { display: block; border: 1px solid #dbdbdb; padding: 8px 20px; position: relative; }

.OnlineApplicationForm label input { width: 100%; background: none; border: none; }

.OnlineApplicationForm span { position: absolute; left: 0px; top: 0px; height: 35px; line-height: 35px; display: block; color: #666666; font-size: 14px; text-align: right; width: 100px; }

.OnlineApplicationForm i { position: absolute; right: 0px; height: 35px; line-height: 35px; display: block; color: #e20505; top: 0px; font-style: normal; font-size: 16px; }

.OnlineApplicationForm .FormTextarea { padding: 0px 20px 0px 100px; position: relative; margin-bottom: 15px; }

.OnlineApplicationForm .FormTextarea textarea { width: 100%; height: 150px; }

.OnlineApplicationForm .vCode { padding: 0px 105px 0px 100px; position: relative; }

.OnlineApplicationForm .vCode label { padding: 5px 100px 5px 20px; }

.OnlineApplicationForm .vCode input.Formbtn { position: absolute; width: 135px;background-image: linear-gradient(to right, #fdb1d1, #e74f8e); height: 45px; color: #fff; text-align:center top: 0px; font-size:16px; }

.OnlineApplicationForm .vCode img { position: absolute; right: 0px; top: 0px; width: 96px; height: 33px; border-left: 1px solid #dbdbdb; }


/* 字体图标 */
.iconfont { color: inherit; font-size: inherit; display: inline-block; -webkit-font-smoothing: antialiased; /* 文字抗锯齿 */ -moz-osx-font-smoothing: grayscale; /* 文字抗锯齿 */ }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 10px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; }
  .commonweb { margin: 0px auto; max-width: 750px; } }

@media (min-width: 992px) { .commonweb { padding: 0px 10px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .commonweb { max-width: 970px; } }

@media (min-width: 1260px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { max-width: 1220px; } }

/* layout start*/
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0;flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #000; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.swiper-scrollbar { -webkit-border-radius: 10px; border-radius: 10px; position: relative; -ms-touch-action: none; background: #dde2e9; }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 0px; bottom: 20px; z-index: 50; height: 2px; width: 100%; opacity: 1 !important; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #c1c7cf; -webkit-border-radius: 10px; border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

@keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

.flash { -webkit-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble { 0% { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes wobble { 0% { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: none;
    transform: none; } }

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to { opacity: 0; } }

@keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to { opacity: 0; } }

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; }

.PopupVideoBox { position: fixed; z-index: 9999; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; }

.PopupVideo { position: absolute; left: 50%; width: 100%; top: 50%; max-width: 960px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0px 25px; }

.PopupVideo video { width: 100%; }

.PopupVideo iframe { width: 100%; height:600px; }

.closeVideo { position: absolute; right: 25px; top: -25px; width: 22px; height: 22px; cursor: pointer; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.closeVideo::after { content: ''; display: block; position: absolute; width: 2px; height: 100%; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.closeVideo::before { content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.bd_weixin_popup_bg { position: absolute; left: -400px; top: -400px; width: 260px; height: 320px; border: 0; padding: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); z-index: 11000; }

.bd_weixin_popup { position: absolute; left: -400px; top: -400px; padding: 10px; width: 240px; height: 300px; background: #fff; border: solid 1px #d8d8d8; z-index: 11001; font-size: 12px; }

.bd_weixin_popup .bd_weixin_popup_head { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: relative; color: #000; }

.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close { width: 16px; height: 16px; position: absolute; right: 0; top: 0; color: #999; text-decoration: none; font-size: 16px; }

.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close:hover { text-decoration: none; }

.bd_weixin_popup .bd_weixin_popup_main { padding: 15px 10px; min-height: 150px; _height: 150px; }

.bd_weixin_popup .bd_weixin_popup_foot { font-size: 12px; text-align: left; line-height: 22px; color: #666; }

.bdshare-button-style0-16 .bds_qzone { background-position: 0 -52px; }

.bdshare-button-style0-16 .bds_tsina { background-position: 0 -104px; }

.bdshare-button-style0-16 .bds_renren { background-position: 0 -208px; }

.bdshare-button-style0-16 .bds_tqq { background-position: 0 -260px; }

.bdshare-button-style0-16 .bds_kaixin001 { background-position: 0 -312px; }

.bdshare-button-style0-16 .bds_tqf { background-position: 0 -364px; }

.bdshare-button-style0-16 .bds_hi { background-position: 0 -416px; }

.bdshare-button-style0-16 .bds_douban { background-position: 0 -468px; }

.bdshare-button-style0-16 .bds_tsohu { background-position: 0 -520px; }

.bdshare-button-style0-16 .bds_tieba { background-position: 0 -728px; }

.bdshare-button-style0-16 .bds_hx { background-position: 0 -988px; }

.bdshare-button-style0-16 .bds_fx { background-position: 0 -1040px; }

.bdshare-button-style0-16 .bds_ty { background-position: 0 -1196px; }

.bdshare-button-style0-16 .bds_fbook { background-position: 0 -1352px; }

.bdshare-button-style0-16 .bds_twi { background-position: 0 -1404px; }

.bdshare-button-style0-16 .bds_linkedin { background-position: 0 -1664px; }

.bdshare-button-style0-16 .bds_meilishuo { background-position: 0 -1716px; }

.bdshare-button-style0-16 .bds_mogujie { background-position: 0 -1768px; }

.bdshare-button-style0-16 .bds_diandian { background-position: 0 -1820px; }

.bdshare-button-style0-16 .bds_huaban { background-position: 0 -1872px; }

.bdshare-button-style0-16 .bds_duitang { background-position: 0 -2028px; }

.bdshare-button-style0-16 .bds_youdao { background-position: 0 -2080px; }

.bdshare-button-style0-16 .bds_wealink { background-position: 0 -2184px; }

.bdshare-button-style0-16 .bds_copy { background-position: 0 -2288px; }

.bdshare-button-style0-16 .bds_mail { background-position: 0 -2340px; }

.bdshare-button-style0-16 .bds_print { background-position: 0 -2392px; }

.bdshare-button-style0-16 .bds_mshare { background-position: 0 -2444px; }

.bdshare-button-style0-16 .bds_sqq { background-position: 0 -2652px; }

.bdshare-button-style0-16 .bds_sdo { background-position: 0 -2704px; }

.bdshare-button-style0-16 .bds_qingbiji { background-position: 0 -2756px; }

.bdshare-button-style0-16 .bds_people { background-position: 0 -2808px; }

.bdshare-button-style0-16 .bds_xinhua { background-position: 0 -2912px; }

.bdshare-button-style0-16 .bds_yaolan { background-position: 0 -2964px; }

.bdshare-button-style0-16 .bds_thx { background-position: 0 -2496px; }

.bdshare-button-style0-16 .bds_bdhome { background-position: 0 -156px; }

.bdshare-button-style0-16 .bds_bdxc { background-position: 0 -2548px; }

.bdshare-button-style0-16 .bds_bdysc { background-position: 0 -3068px; }

.bdshare-button-style0-16 .bds_isohu { background-position: 0 -3016px; }

.bdshare-button-style0-16 .bds_more { background-position: 0 0; }

.bdshare-button-style0-16 .bds_ibaidu { background-position: 0 -3120px; }

.bdshare-button-style0-16 .bds_weixin { background-position: 0 -1612px; }

.bdshare-button-style0-16 .bds_iguba { background-position: 0 -1300px; }

.bdshare-button-style0-16 { zoom: 1; }

.bdshare-button-style0-16:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { float: left; font-size: 12px; padding-left: 17px; line-height: 16px; height: 16px; background-image: url(../images/icons_0_16.png); background-repeat: no-repeat; cursor: pointer; margin: 6px 6px 6px 0; }

.bdshare-button-style0-16 a:hover { color: #333; opacity: .8; filter: alpha(opacity=80); }

.bdshare-button-style0-16 .bds_more { color: #333; float: left; }

.bdshare-button-style0-16 .bds_count { color: #333; background: url(../images/sc.png) no-repeat 0 -30px; width: 42px; height: 16px; padding: 0; margin: 6px 0 0; text-align: center; }

.bdshare-button-style0-16 .bds_count:hover { background-position: -42px -30px; }

.bdshare-button-style0-16 .bds_button_image { float: left; cursor: pointer; margin: 6px 6px 0 0; height: auto; padding: 0; }

.bdshare-button-style0-16 .bdshare_button_count { background: url(../images/sc.png) no-repeat 0 0; width: 44px; height: 24px; line-height: 24px; }

.bdshare-button-style0-16 .bdshare_button_count:hover { background-position: -44px 0; }

.bds_tfh, .bds_baidu, .bds_qq, .bds_msn, .bds_sohu, .bds_qy, .bds_leho, .bds_ifeng, .bds_ff, .bds_tuita, .bds_ms, .bds_deli, .bds_s51, .bds_t163, .bds_share189, .bds_xg, .bds_s139 { display: none; }

.commonTitleLocation { padding: 10px 0; border-bottom: 1px solid #ebebeb; }

.commonTitleLocation h3 { float: left; font-size: 16px; position: relative; }

.commonTitleLocation p { float: right; }

.commonTitleLocation p a { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; margin-left: 10px; padding-left: 15px; position: relative; }

.commonTitleLocation p a::after { content: ''; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; border: 1px solid #999; border-left: none; border-top: none; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); }

.commonTitleLocation p a:first-child { padding-left: 0px; margin: 0px; line-height: 11px; }

.commonTitleLocation p a:first-child::after { display: none; }

.commonTitleLocation p a.current { color: #333; }

.commonTitleLocation p img { display: inline-block; vertical-align: middle; }

.commonLocation { padding: 10px 0; border-bottom: 1px solid #ebebeb; }

.commonLocation a { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; margin-left: 10px; padding-left: 15px; position: relative; }

.commonLocation a::after { content: ''; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; border: 1px solid #999; border-left: none; border-top: none; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); }

.commonLocation a:first-child { padding-left: 0px; margin: 0px; line-height: 11px; }

.commonLocation a:first-child::after { display: none; }

.commonLocation a.current { color: #333; }

.commonLocation img { display: inline-block; vertical-align: middle; }

.select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }

.select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear { position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }

.select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-search--inline { float: left; }

.select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-dropdown { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }

.select2-results { display: block; }

.select2-results__options { list-style: none; margin: 0; padding: 0; }

.select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-results__option[aria-selected] { cursor: pointer; }

.select2-container--open .select2-dropdown { left: 0; }

.select2-container--open .select2-dropdown--above { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }

.select2-search--dropdown { display: block; padding: 4px; }

.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide { display: none; }

.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }

.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }

.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] { padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee)); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc)); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; -webkit-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee)); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff)); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; outline: 0; }

.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above { border-bottom: none; }

.select2-container--classic .select2-dropdown--below { border-top: none; }

.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] { padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; }

.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }

/* 分享 start */
.social-share { font-family: "socialshare" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

.social-share * { font-family: "socialshare" !important; }

.social-share .icon-tencent:before { content: "\f07a"; }

.social-share .icon-qq:before { content: "\e760"; }

.social-share-icon { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.social-share .icon-weibo:before { content: "\e626"; }

.social-share .icon-wechat:before { content: "\e701"; }

.social-share .icon-douban:before { content: "\f10a"; }

.social-share .icon-heart:before { content: "\f20a"; }

.social-share .icon-like:before { content: "\f00a"; }

.social-share .icon-qzone:before { content: "\f08a"; }

.social-share .icon-linkedin:before { content: "\f01a"; }

.social-share .icon-diandian:before { content: "\f05a"; }

.social-share .icon-facebook:before { content: "\f03a"; }

.social-share .icon-google:before { content: "\f04a"; }

.social-share .icon-twitter:before { content: "\f06a"; }

.social-share a { position: relative; text-decoration: none; margin: 4px; display: inline-block; outline: none; }

.social-share .social-share-icon { position: relative; display: inline-block; color: #7f8393; text-align: center; vertical-align: middle; -webkit-transition: background 0.6s ease-out 0s; transition: background 0.6s ease-out 0s; }

.social-share .icon-wechat .wechat-qrcode { display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: -205px; left: -95px; width: 200px; height: 192px; color: #666; font-size: 12px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 2px 10px #aaa; box-shadow: 0 2px 10px #aaa; -webkit-transition: all 200ms; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms; }

.social-share .icon-wechat .wechat-qrcode.bottom { top: 40px; left: -84px; }

.social-share .icon-wechat .wechat-qrcode.bottom:after { display: none; }

.social-share .icon-wechat .wechat-qrcode h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777; }

.social-share .icon-wechat .wechat-qrcode .qrcode { width: 105px; margin: 10px auto; }

.social-share .icon-wechat .wechat-qrcode .qrcode table { margin: 0 !important; }

.social-share .icon-wechat .wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; }

.social-share .icon-wechat .wechat-qrcode:after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent; }

.social-share .icon-wechat:hover .wechat-qrcode { display: block; }

/* 分享 end */


.DefaultSelector { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.DefaultSelector > span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.DefaultSelector > span:nth-child(2) { margin-right: 10px; }

.DefaultSelector > span:nth-child(4) { margin-right: 10px; }

.DefaultSelector .select2-container--default .select2-selection--single { -webkit-border-radius: 0px; border-radius: 0px; height: 35px; }

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; }

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; top: 0px; }

.defaSearchList { padding: 50px 0px; }

.defaSearchList dl { border-bottom: 1px solid #eee; padding-bottom: 10px; }

.defaSearchList dl dt { float: left; font-size: 16px; }

.defaSearchList dl dd { float: right; font-size: 14px; }

.defaSearchList li { padding: 10px 20px 15px; margin-top: 15px; border-bottom: 1px solid #eee; background: #f6f6f6; }

.defaSearchList li h3 { font-size: 16px; color: #1a1a1a; line-height: 26px; padding-bottom: 5px; }

.defaSearchList li .defaDesc { font-size: 12px; color: #adadad; padding-top: 5px; line-height: 20px; }

.defaWebMap { background-color: #fff; }

.defaWebMap dl { border: 1px solid #e6e6e6; margin-top: 30px; }

.defaWebMap dl h3 { padding-left: 20px; padding-bottom: 5px; }

.defaWebMap dl h3 span { font-size: 20px; color: #00a1e9; position: relative; top: -12px; background-color: #fff; padding: 0px 13px; }

.defaWebMap dl h3 span a { color: #e74f8e; }

.defaWebMap dl dd { padding-left: 33px; padding-bottom: 15px; }

.defaWebMap dl dd a { font-size: 14px; padding-right: 20px; display: inline-block; padding-bottom: 8px; }

.defaWebMap dl dd a em { display: inline-block; margin-right: 8px; width: 3px; height: 3px; background-color: #e74f8e; vertical-align: middle; }

.defaArticleDetails { font-size: 14px; line-height: 24px; }

.defaArticleDetails p { margin-bottom: 10px; }

.defaArticleDetails img { display: block; max-width: 100%; margin: 0px auto; }

.defaPrevNextpage { margin-top: 40px; border-top: 1px solid #3d3f48; border-bottom: 1px solid #3d3f48; }

.defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 90px 0px 90px; font-size: 14px; line-height: 50px; white-space: nowrap; height: 50px; }

.defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 10px; top: 0px; display: block; width: 75px; }

.defaPrevNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.defaPrevNextpage p em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 0px; width: 80px; display: block; }

.defaPrevNextpage p a { display: block; text-overflow: ellipsis; overflow: hidden; }

.defaPrevNextpage p:nth-child(2) { border: none; }

.defaPrevNextpage p:nth-child(2) span:after { border-bottom: none; border-top: 5px solid #000000; }

@media (min-width: 768px) { .defaWebMap dl { margin-top: 50px; }
  .defaWebMap dl dd a { padding-right: 50px; } }

@media (min-width: 992px) { .commonTitleLocation { padding: 20px 0; }
  .commonTitleLocation h3 { font-size: 24px; }
  .commonTitleLocation p { padding-top: 5px; }
  .commonTitleLocation p a { font-size: 14px; }
  .commonLocation { padding: 20px 0; }
  .commonLocation a { font-size: 14px; }
  .defaSearchList li { padding: 15px 35px 25px; margin-top: 25px; }
  .defaSearchList li h3 { font-size: 20px; line-height: 36px; padding-bottom: 5px; }
  .defaSearchList li .defaDesc { font-size: 13px; padding-top: 10px; line-height: 24px; }
  .defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 40px; top: 0px; display: block; width: 15%; }
  .defaPrevNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .defaPrevNextpage p em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 30px; width: 120px; display: block; }
  .defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 130px 0px 20%; font-size: 15px; line-height: 70px; white-space: nowrap; height: 70px; } }



/*--公共样式--*/
.hideScroll { overflow: hidden; }

.defaheader { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 999; padding: 15px; background: #000; }

.defalogo { display: block; float: left; }

.defalogo img { height: 30px; }

.defanav { position: fixed; left: 0px; top: 60px; background: #fff; bottom: 0px; overflow-y: auto; right: 0px; display: none; }

.defanav ul { padding: 20px; }

.defanav ul li { border-bottom: 1px solid #eee; line-height: 40px; position: relative; }

.defanav ul li > a { color: #000; display: block; }

.defanav ul li p { display: none; padding: 0px 10px 10px; }

.defanav ul li p a { display: block; font-size: 14px; line-height: 30px; }

.defanav ul li p a:hover { color: red; }

.defanavbtn { float: right; width: 28px; height: 22px; position: relative; cursor: pointer; margin-top: 5px; margin-left: 15px; }

.defanavbtn span { display: block; height: 2px; background: #fff; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; }

.defanavbtn span:nth-child(2) { top: 8px; }

.defanavbtn span:nth-child(3) { top: 17px; }

.defacloseNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 12px; }

.defacloseNavbtn span:nth-child(2) { display: none; }

.defacloseNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }

.defanav ul li i { position: absolute; right: 0px; top: 0px; height: 40px; width: 30%; }

.defanav ul li i:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #555; border-right: 2px solid #555; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; content: ""; }

.defanav ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.defaSearch { float: right; padding-left: 20px; }

.defaSearch span { width: 30px; height: 30px; cursor: pointer; background: url(../images/searchicon.png) no-repeat center; display: block; }

.defaSearch .defaSearchbox { position: fixed; width: 100%; background: #fff; right: 0px; left: 0px; top: 60px; max-height: inherit; display: none; }

.defaSearch .defaSearchbox label { display: block; padding: 10px 65px 10px 15px; }

.defaSearch .defaSearchbox label input { width: 100%; vertical-align: middle; }

.defaSearch .defaSearchbox .defaSearchBtn { width: 50px; height: 100%; position: absolute; top: 0px; right: 0px; background: rgba(0, 0, 0, 0.6) url(../images/searchicon.png) no-repeat center; }

.defaSearch span.closeSearchbox { background: url(../images/closeicon.png) no-repeat center; }

.defaLanguage { float: right; font-size: 12px; color: #fff; margin-left: 20px; position: relative; }

.defaLanguage span { display: inline-block; border: 1px solid #fff; width: 30px; height: 30px; text-align: center; line-height: 26px; }

.defaLanguage span a { color: #fff; }

.defaLanguage p { position: absolute; left: 0px; top: 100%; background: #fff; right: 0px; text-align: center; display: none; }

.defaLanguage p a { display: block; line-height: 30px; }

.defacommonBanner { position: relative; overflow: hidden; }

.defacommonBanner img { display: block; height: 200px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.defacommonBanner h3 { font-size: 20px; position: absolute; left: 0px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; text-align: center; }

.defaBanner { overflow: hidden; position: relative; }

.defaBanner img { display: block; height: 300px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.defaBanner ul li { overflow: hidden; }

.defaBannerText { position: absolute; left: 0px; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.defaBannerText h3 { font-size: 24px; color: #fff; padding-bottom: 20px; -webkit-transition: all .8s ease; transition: all .8s ease; opacity: 0; visibility: hidden; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }

.defaBannerText .desc { font-size: 14px; color: #fff; opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }

.defaBanner ul li.swiper-slide-active .defaBannerText h3 { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.defaBanner ul li.swiper-slide-active .defaBannerText .desc { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.defaBannerdot { position: absolute; left: 0px; bottom: 20px; width: 100%; z-index: 99; text-align: center; }

.defaBannerdot span { width: 20px; height: 2px; background: rgba(255, 255, 255, 0.5); -webkit-border-radius: 0px; border-radius: 0px; margin: 0px 5px; }

.defaBannerdot span.swiper-pagination-bullet-active { background: #fff; }

.defaBannerPrev, .defaBannerNext { width: 20px; height: 40px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; z-index: 99; cursor: pointer; }

.defaBannerPrev::after, .defaBannerNext::after { width: 10px; height: 10px; content: ""; display: block; position: absolute; border: 2px solid #fff; border-top: none; border-left: none; left: -webkit-calc(50% - 2px); left: calc(50% - 2px); top: 50%; }

.defaBannerPrev { left: 10px; }

.defaBannerPrev::after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); left: -webkit-calc(50% + 2px); left: calc(50% + 2px); }

.defaBannerNext { right: 10px; }

.defaBannerNext::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.defaBannerPrev:hover, .defaBannerNext:hover { background: #fff; }

.defaBannerPrev:hover::after, .defaBannerNext:hover::after { border-color: #666; }

.defaSecondLevelColumn { overflow: hidden; position: relative; padding-right: 1px; }

.defaSecondLevelColumn ul li { width: auto; font-size: 14px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-right: -1px; }

.defaSecondLevelColumn ul li a { display: block; padding: 0px 20px; }

.WaterfallFlow ul li { width: 50%; position: relative; padding: 0px 5px; margin-bottom: 10px; }

.WaterfallFlow ul li img { display: block; width: 100%; }

.WaterfallFlow ul li .FlowContent { padding: 10px; background: #f3f3f3; }

.WaterfallFlow ul li .FlowContent .time { font-size: 14px; padding-bottom: 10px; color: #585858; }

.WaterfallFlow ul li .FlowContent h3 { font-size: 14px; color: #000000; font-weight: 700; line-height: 22px; }

.WaterfallFlow ul li .FlowContent .desc { font-size: 12px; color: #585858; line-height: 18px; border-top: 1px solid #ebebeb; margin-top: 10px; padding-top: 10px; }

@media (min-width: 768px) { body { padding-top: 0px; }
  .defaBanner img { display: block; width: 100%; height: auto; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); left: 0px; }
  .defaBannerText h3 { font-size: 38px; }
  .defaBannerText .desc { font-size: 16px; }
  .defaBannerdot span { width: 30px; height: 2px; }
  .defaBannerPrev, .defaBannerNext { width: 30px; height: 60px; }
  .defaBannerPrev::after, .defaBannerNext::after { width: 15px; height: 15px; left: -webkit-calc(50% - 5px); left: calc(50% - 5px); }
  .defaBannerPrev::after { left: -webkit-calc(50% + 5px); left: calc(50% + 5px); }
  .defacommonBanner h3 { font-size: 24px; }
  .defacommonBanner img { display: block; width: 100%; height: auto; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); left: 0px; }
  .WaterfallFlow ul li { width: 33.333%; padding: 0px 10px; margin-bottom: 20px; }
  .WaterfallFlow ul li .FlowContent { padding: 20px; }
  .WaterfallFlow ul li .FlowContent .time { font-size: 16px; }
  .WaterfallFlow ul li .FlowContent h3 { font-size: 20px; line-height: 28px; }
  .WaterfallFlow ul li .FlowContent .desc { font-size: 14px; line-height: 24px; margin-top: 25px; padding-top: 20px; } }

@media (min-width: 1260px) { .defaBannerText h3 { font-size: 48px; }
  .defaBannerText .desc { font-size: 20px; }
  .defaBannerdot span { width: 40px; height: 3px; }
  .defaBannerPrev, .defaBannerNext { width: 40px; height: 80px; }
  .defaBannerPrev::after, .defaBannerNext::after { width: 20px; height: 20px; }
  .defaheader { background: none; padding: 15px 45px 0px; }
  .defalogo img { height: 55px; }
  .defanav { float: right; white-space: nowrap; padding-top: 15px; position: relative; overflow: visible; left: auto; right: auto; top: auto; bottom: auto; background: none; display: block; }
  .defanav ul { padding: 0px; }
  .defanav ul li { display: inline-block; margin-left: 20px; font-size: 16px; padding-bottom: 31px; position: relative; border-bottom: none; line-height: 24px; }
  .defanav ul li > a { color: #fff; }
  .defanav ul li p { background: #fff; position: absolute; left: -10px; right: -10px; top: 100%; text-align: center; max-height: 0px; overflow: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; display: block; padding: 0px; }
  .defanav ul li i { display: none; }
  .defanav ul li:hover p { max-height: 300px; padding: 10px 0px; }
  .defaheaderbg { background: rgba(0, 0, 0, 0.5); }
  .defaSearch { padding-top: 12px; padding-bottom: 28px; }
  .defaSearch .defaSearchbox { max-height: 0px; left: auto; right: 45px; top: 100%; overflow: hidden; position: absolute; width: 300px; display: block; }
  .defaSearch:hover .defaSearchbox { max-height: 230px; -webkit-transition: all .8s ease; transition: all .8s ease; }
  .defaSearch:hover span { background: url(../images/closeicon.png) no-repeat center; }
  .defaLanguage { padding-top: 12px; }
  .defaLanguage p { max-height: 0px; overflow: hidden; display: block; }
  .defaLanguage:hover p { max-height: 230px; -webkit-transition: all .8s ease; transition: all .8s ease; }
  .defanavbtn { display: none; }
  .defacommonBanner h3 { font-size: 30px; } }


@font-face { font-family: 'HarmonyOS-black'; src: url("../fonts/HarmonyOS_Sans_SC_Black.ttf"); }

@font-face { font-family: 'HarmonyOS-bold'; src: url("../fonts/harmonyos_sans_sc_bold.ttf"); }

@font-face { font-family: 'HarmonyOS-light'; src: url("../fonts/harmonyos_sans_sc_light.ttf"); }

@font-face { font-family: 'HarmonyOS-medium'; src: url("../fonts/harmonyos_sans_sc_medium.ttf"); }

@font-face { font-family: 'HarmonyOS-regular'; src: url("../fonts/harmonyos_sans_sc_regular.ttf"); }

@font-face { font-family: 'HarmonyOS-thin'; src: url("../fonts/harmonyos_sans_sc_thin.ttf"); }

.clearfloat::after { display: block; content: ""; clear: both; }

body { overflow-x: hidden; }

.donghua { -webkit-transition: all 0.4s; transition: all 0.4s; }

.imgscale { overflow: hidden; }

.imgscale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.imgscale img { -webkit-transition: all 0.4s; transition: all 0.4s; width: 100%; }

.dot2 { -webkit-line-clamp: 2; }

.dot3 { -webkit-line-clamp: 3; }

.dot4 { -webkit-line-clamp: 4; }

.dot2, .dot3, .dot4 { display: -webkit-box; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; }

img { max-width: 100%; }

.imgbox { overflow: hidden; }

.imgbox img { width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; }

.imgscale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.bgimg { background-size: cover; background-position: center; background-repeat: no-repeat; }

li { list-style: none; }

ul { margin: 0; padding-left: 0; }

.container1360 { width: 1360px; margin: 0 auto; }

.container1400 { width: 1000px; margin: 0 auto; overflow: hidden;}

.container1460 { width: 1050px; margin: 0 auto; }

.container1500 { width: 1500px; margin: 0 auto; }

.picture_container { position: relative; overflow: hidden; background: none; }

/* 首页样式 start */
header { height: 77px; padding: 0 35px 0 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; width: 100%; z-index: 30;position: fixed;transition: all 0.4s;}

header .logo { display: block; width: 200px; }

header .right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

header .right .header_nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

header .right .header_nav .li { padding: 0 25px; }

header .right .header_nav .li .link { font-size: 15px; font-family: 'HarmonyOS-medium'; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; line-height: 1; display: inline-block; position: relative; line-height: 77px; font-weight:700 }

header .right .header_nav .li .link::before { width: 100%; height: 2px; content: ""; background-color: #e74f8e; position: absolute; bottom: 0; left: 0; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

header .right .header_nav .li.active .link::before { opacity: 1; }

.language_box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 18px;
	font-size: 14px;
	cursor: pointer;
	position: relative
}

.language_box .p {
	margin-left: 8px;
	margin-right: 10px
}

.language_box .iconfontjiantou {
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
	width: 0;
	height: 0;
	border: 4px solid;
	border-color: #666666 transparent transparent transparent
}

.language_list {
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff;
	width: 100%;
	display: none
}

.language_list a {
	display: block;
	text-align: center;
	padding: 12px 0;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s
}

.language_list a:hover {
	color: #ff5f00
}

.language_box:hover .language_list {
	display: block
}

.language_box .iconlanu {
	font-size: 22px;
	color: #727272
}

header .right .search { position: relative; cursor: pointer; }

header .right .search .icon { font-size: 18px; color: #fff; width: 38px; height: 38px; line-height: 38px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; }

header .right .search form { position: absolute; top: 57px; right: 0; width: 230px; display: none; }

header .right .search form .con { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

header .right .search form .con input { width: -webkit-calc(100% - 50px); width: calc(100% - 50px); line-height: 50px; padding: 0 10px; background-color: #fff; }

header .right .search form .con button { width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 20px; color: #fff; background-color: #e74f8e; }

header.header_active { background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);position: fixed; }

/*.index_main .swiper-slide { height: 100vh; }*/

/*.index_main .swiper-slide:last-child { height: auto; }*/

.index_main .swiper-slide .indexbanner_swiper .swiper-slide { overflow: hidden; }

.index_main .swiper-slide .indexbanner_swiper .swiper-slide video {object-fit: cover; left: 50%; bottom: -5%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; max-width: 150%; max-height: 120%; }

/*.index_main .swiper-slide .indexbanner_swiper .swiper-slide .img { height: 100%; background-size: cover; }
*/
.index_main .swiper-slide .indexbanner_swiper .swiper-slide .text { position: absolute; top: 46%; left: 14.1889%; font-size: 50px; color: #474241; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1.5s; transition: all 1.5s; }

.index_main .swiper-slide .indexbanner_swiper .swiper-slide .text span { color: #cc6157; padding-left: 15px; }

.index_main .swiper-slide .indexbanner_swiper .swiper-slide.swiper-slide-active .text { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.home2_swiper .swiper-slide .picture_container {display: block;height: 100%;background-size: cover;
  background-position: center;
  background-repeat: no-repeat;}

.home2_swiper .swiper-slide .picture_container img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto; max-width: none; height: 100%; min-width: 100%; width: auto; right: auto; bottom: auto; }

.home2_swiper .swiper-slide { -webkit-transition: all 1s; transition: all 1s; }

.home2_swiper .swiper-slide.active .textBox { opacity: 1 !important; }

.home2_swiper .swiper-slide .textBox { position: absolute; bottom: 70px; right: 5px; left: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 34px 40px 22px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: all 1s; transition: all 1s; }

.home2_swiper .swiper-slide .textBox .left { font-size: 24px; color: #fff; line-height: 1; font-weight: 100; }

.home2_swiper .swiper-slide .textBox .left span { margin-top: 10px; display: block; font-size: 55px; line-height: 1; }

.home2_swiper .swiper-slide .textBox .cen { width: 60.96403%; }

.home2_swiper .swiper-slide .textBox .cen h5 { font-size: 15px; color: #ffffff; line-height: 1.5; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.home2_swiper .swiper-slide .textBox .cen .more { width: 120px; line-height: 30px; text-align: center; -webkit-border-radius: 30px; border-radius: 30px; color: #fff; font-size: 16px; margin-top: 15px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #e74f8e; border-color: #e74f8e;}

.home2_swiper .swiper-slide .textBox .cen .more:hover { opacity: .8 }

.home2_swiper .swiper-slide .textBox .right {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: none !important; }

.home2_swiper .swiper-slide .textBox .right .num { font-size: 80px; font-weight: 100; color: #fff; line-height: 1; }

.home2_swiper .swiper-slide .textBox .right .t { font-size: 16px; color: #fff; line-height: 22px; }

.home3 { position: relative; height: 40vh; }

.home3 .img { height: 100%; background-size: cover; }

.home3 .text { position: absolute; top: 18.182%; width: 1362px; max-width: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.home3 .text h5 { font-size: 32px; font-weight: 700; line-height: 1.2; opacity: 0; }

.home3 .text .list { margin-top: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; opacity: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.home3 .text .list .box { text-align: center; }

.home3 .text .list .box .num { font-size: 15px; color: #666; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; position: relative; }

.home3 .text .list .box .num span { font-size: 46px; color: #000; line-height: 1; }


.home3 .text .list .box .num span.jia { position: relative; }

.home3 .text .list .box .num span.jia::before { content: "+"; font-size: 13px; color: #343535; position: absolute; top: 0; left: 100%; }

.home3 .text .list .box .t { font-size: 15px; color: #666; margin-top: 10px; }

@-webkit-keyframes donhua1 { from { width: 19.53125%; }
  to { width: 62.08333%; } }

@keyframes donhua1 { from { width: 19.53125%; }
  to { width: 62.08333%; } }

@-webkit-keyframes donhua2 { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes donhua2 { from { opacity: 0; }
  to { opacity: 1; } }

.home4 { position: relative;}

.home4 .img { height: 100%; background-size: cover; }

.home4 .text { text-align: center; position: absolute; width: 100%; left: 0; bottom: 18.182%; }

.home4 .text h5 { font-size: 32px; font-weight: 700; line-height: 1.2; opacity: 0; }

.home4 .text .t { font-size: 20px; color: #666; letter-spacing:0px; margin-top: 25px; opacity: 0; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.home4 .text a { display: inline-block; width: 173px; line-height: 50px; text-align: center; background-color: #ffffff; -webkit-border-radius: 30px; border-radius: 30px; color: #222; font-size: 16px; margin-top: 45px; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.home4 .text a:hover { background-color: #e74f8e; color: #fff; }

.home4 .text .t2 { font-size: 32px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 135px; opacity: 0; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.home4 .text .t2 span { font-size: 38px; padding-left: 20px; }

.home5 { background: url(../images/bj1.jpg); background-size: cover; height: 100%; overflow: hidden; }

.home5 .con { width: 1360px; max-width: 100%; margin: 0 auto; padding-top: 97px; position: relative; }

.home5 .con .tit { font-size: 56px; color: #323232; line-height: 1; margin-top: 70px; opacity: 0; }

.home5 .con .home5_swiper { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; opacity: 0; padding-top: 70px; margin-top: -70px; }

.home5 .con .home5_swiper .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.home5 .con .home5_swiper .swiper-slide .text { width: 30.88235%; padding-top: 80px; }

.home5 .con .home5_swiper .swiper-slide .text .data { font-size: 20px; color: #555; }

.home5 .con .home5_swiper .swiper-slide .text h5 { font-size: 24px; color: #555555; line-height: 41px; margin-top: 25px; }

.home5 .con .home5_swiper .swiper-slide .text .t { font-size: 14px; color: #555555; line-height: 28px; margin-top: 55px; }

.home5 .con .home5_swiper .swiper-slide .text .more { margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;padding: 5px 10px;border: 1px solid #e74f8e;display: inline-block;border-radius: 30px;background-color: #e74f8e; }

.home5 .con .home5_swiper .swiper-slide .text .more i { color: #fff; font-size: 16px; padding-left: 13px; line-height: 1; -webkit-transition: all 0.3s; transition: all 0.3s; }

.home5 .con .home5_swiper .swiper-slide .text .more:hover { opacity: 1}

.home5 .con .home5_swiper .swiper-slide .img { margin-top: -70px; width: 52.94118%; }

.home5 .con .home5_swiper .swiper-slide .img .picture_container { padding-top: 96.52778%; }

.home5 .con .home5_swiper .home5_prev, .home5 .con .home5_swiper .home5_next { background-image: none; margin-top: 0; width: auto; height: auto; opacity: 1; left: auto; top: 33%; }

.home5 .con .home5_swiper .home5_prev i, .home5 .con .home5_swiper .home5_next i { line-height: 1; font-size: 26px; line-height: 2; color: #fff; }

.home5 .con .home5_swiper .home5_prev { left: 44.85294%; }

.home5 .con .home5_swiper .home5_next { right: 0; }

footer { background: #f4f4f4; padding: 55px 0 35px; position: relative; z-index: 10; }

footer .con { width: 1000px; max-width: 100%; margin: 0 auto; }

footer .con .top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom:50px;}

footer .con .top .left h5 { font-size: 24px; color: #282828; font-weight: 100; line-height: 1; }

footer .con .top .left .t { font-size: 13px; color: #565656; line-height: 1; letter-spacing: 2px; margin-top: 15px; font-weight: 100; }

footer .con .top .left .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 22px; position: relative; z-index: 5; }

footer .con .top .left .list .li { position: relative; }

footer .con .top .left .list .li:not(:first-child) { margin-left: 19px; }

footer .con .top .left .list .li .icon { width: 100px; height: 100px; background-color: #dcdcdc; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; }

footer .con .top .left .list .li .icon i { color: #424242; font-size: 25px; line-height: 45px; -webkit-transition: all 0.3s; transition: all 0.3s; }

footer .con .top .left .list .li .Lhide { width: 120px; height: 120px; background-color: #fff; padding: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; bottom: 50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; pointer-events: none; }

footer .con .top .left .list .li .Lhide img { width: 100%; }

footer .con .top .left .list .li:hover .icon { background-color: #e74f8e; }

footer .con .top .left .list .li:hover .icon i { color: #fff; }

footer .con .top .left .list .li:hover .Lhide { opacity: 1; pointer-events: all; }

footer .con .top .right { width: 65%; }

footer .con .top .right .foot_nav { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

footer .con .top .right .foot_nav .li .link { font-size: 15px; color: #000; font-weight:700}

footer .con .top .right .foot_nav .li .nav2 { margin-top: 20px; }

footer .con .top .right .foot_nav .li .nav2 a { display: block; font-size: 14px; color: #838383; line-height: 30px; -webkit-transition: all 0.3s; transition: all 0.3s; }

footer .con .top .right .foot_nav .li .nav2 a:hover { color: #e74f8e; }

footer .con .cen { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 5px; }

footer .con .cen .left { margin-top: 29px; }

footer .con .cen .left form { width: 360px; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

footer .con .cen .left form input { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); border: 1px solid #dcdcdc; border-right: none; line-height: 46px; padding: 0 20px; background-color: #fff; }

footer .con .cen .left form button { width: 60px; line-height: 46px; border: none; background-color: #262626; text-align: center; }

footer .con .cen .left form button i { line-height: 46px; color: #fff; font-size: 12px; }

footer .con .cen .left .t { font-size: 12px; color: #787878; line-height: 24px; margin-top: 5px; }

footer .con .cen .right { text-align: right; }

footer .con .cen .right h5 { font-size: 15px; color: #282828; }

footer .con .cen .right .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 15px; }

footer .con .cen .right .list a { display: block; width: 28px; height: 28px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; }

footer .con .cen .right .list a:not(:last-child) { margin-right: 30px; }

footer .con .cen .right .list a img { width: 100%; }

footer .con .bot { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

footer .con .bot .left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

footer .con .bot .left .t { font-size: 14px; color: #282828; opacity: 0.8; }

footer .con .bot .left a { font-size: 14px; color: #282828; margin-left: 10px; opacity: 0.8; }

footer .con .bot .right { text-align: right; }

footer .con .bot .right h5 { font-size: 15px; color: #282828; font-weight: 100; }

footer .con .bot .right .num { font-size: 28px; color: #e74f8e; font-weight: bold; line-height: 1; }

@-webkit-keyframes setfadeInUp100 { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes setfadeInUp100 { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.setfadeInUp100 { -webkit-animation-name: setfadeInUp100; animation-name: setfadeInUp100; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.index_main, .index_productmain { overflow: hidden; }

/*.indexmain_swiper, .indexmain_swiper .swiper-container { height: 100vh; }
*/
.indexmain_swiper .index_productmain { height: 100%; position: relative; }

.index_productmain .index_productbgimg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 2s; transition: all 2s; }

.prez_index { position: relative; z-index: 2; margin: 0; text-align: center; }

.inpro_content { text-align: center; color: #fff; }

.inpro_content .inpro_title { font-size: 48px; margin-bottom: 5px; letter-spacing: 8px; }

.inpro_content .inpro_subtitle { font-size: 16px; letter-spacing: 4px; }

.inpro_content .inpro_links { width: 180px; height: 55px; font-size: 16px; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; margin: 0 auto; -webkit-transition: all 0.4s; transition: all 0.4s; margin-top: 50px; letter-spacing: 2px; }

.inpro_content .inpro_links:hover { background: #824a2c; border-color: #824a2c; }

.indexContent_swiper { height: 100%; width: 100%; }

.indexContent, .innews_swiper { height: auto !important; }

.indexContent { height: 100% !important; overflow-y: auto; }

.indexContent::-webkit-scrollbar { display: none; }


.sidebar { position: fixed; z-index: 99;  right: -100px;width: 75px; top: 40%;border-right: 1px solid #dfdfdf; background-color: #ffffff; display: block; transition: all 0.4s;}
.sidebar.active{right: 0;}

.sidebar a { display: block; border: 1px solid #dfdfdf; border-right: none; text-align: center; padding: 10px 0px; color: #6a6d73; position: relative; border-bottom: none;}
.sidebar a:last-child{border-bottom: 1px solid #6a6d73;}
.sidebar a span { display: block; height: 54px; background-repeat: no-repeat; background-position: top center; padding-top: 34px; position: relative; z-index: 9; }


.sidebar a span.icon3 { background-image: url(../images/sidebaricon3.png); }

.sidebar a span.icon4 { background-image: url(../images/sidebaricon4.png); }

.sidebar a span.icon5 { background-image: url(../images/sidebaricon5.png); }

.sidebar a .sidebarTel { position: absolute; display: none; text-align: left; right: 0px; background-color: #e74f8e; padding: 10px 0px 0px 20px; color: #f3eccb; font-size: 12px; width: 305px; top: -1px; bottom: -1px; border: 1px solid #dfdfdf; }

.sidebar a .sidebarTel em { font-style: normal; font-size: 24px; color: #ffffff; display: block; }

.sidebar a.hometop { background-color: #414348; color: #ffffff; border-bottom: 1px solid #dfdfdf; padding: 2px 0px; }

.sidebar a.hometop em { position: relative; display: block; font-style: normal; padding: 10px 0px 5px; }

.sidebar a.hometop em:after { content: ''; position: absolute; left: 50%; top: 0px; margin-left: -5px; width: 0px; height: 0px; border: 5px solid transparent; border-bottom-color: #fff; }

.sidebar a .Qrcode { position: absolute; right: 100%; top: 100%; margin: -81px 0px 0px -81px; width: 160px; border: 1px solid #dfdfdf; background-color: #fff; display: none; }

.sidebar a .Qrcode img { width: 160px; }

.sidebar a:hover { background-color: #e74f8e; color: #fff; }


.sidebar a:hover span.icon3 { background-image: url(../images/sidebaricon03.png); }

.sidebar a:hover span.icon4 { background-image: url(../images/sidebaricon04.png); }

.sidebar a:hover span.icon5 { background-image: url(../images/sidebaricon05.png); }

.product_list .item:nth-child(even) .right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order:1; order: 1; }
.product_list .item:nth-child(even) .left { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order:2; order: 2; }

@media (max-width: 1400px) { .home2_swiper .swiper-slide .textBox { padding: 20px; }
  .home2_swiper .swiper-slide .textBox .left span { font-size: 45px; margin-top: 5px; }
  .home2_swiper .swiper-slide .textBox .left { font-size: 20px; }
  .home2_swiper .swiper-slide .textBox .right .num { font-size: 65px; }
  .home3 .text { padding: 0 20px; }
  .home3 .text h5 { font-size: 46px; }
  .home3 .text .list { margin-top: 40px; }
  .home3 .text .list .box .num span { font-size: 40px; }
  .home3 .text .list .box .t { margin-top: 5px; }
  .home5 .con { padding: 80px 15px 0; }
  .home5 .con .tit { font-size: 48px; }
  footer .con { padding: 0 15px; }
  footer .con .top .left .list .li .Lhide { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } }

@media (max-width: 1200px) { header .right .header_nav .li { padding: 0 15px; }
  .index_main .swiper-slide .indexbanner_swiper .swiper-slide .text { left: 5%; font-size: 40px; }
  .home2_swiper .swiper-slide .textBox .left span { font-size: 38px; }
  .home2_swiper .swiper-slide .textBox .left { font-size: 15px; }
  .home2_swiper .swiper-slide .textBox .right .num { font-size: 50px; }
  .home4 .text { bottom: 15%; }
  .home4 .text h5 { font-size: 32px; }
  .home4 .text .t { font-size: 20px; letter-spacing: 0px; margin-top: 15px; }
  .home4 .text a { width: 150px; line-height: 45px; font-size: 14px; margin-top: 25px; }
  .home4 .text .t2 { font-size: 24px; margin-top: 80px; }
  .home4 .text .t2 span { font-size: 34px; padding-left: 20px; } }

@media (max-width: 992px) { .navmenu_box { margin-left: 10px; width: 20px; height: 30px; position: relative; cursor: pointer; z-index: 1003; }
  .navmenu_box span { display: block; height: 2px; background: #fff; position: absolute; width: 20px; -webkit-transition: all .3s ease; transition: all .3s ease; left: 0; }
  .navmenu_box span:nth-child(1) { top: 8px; }
  .navmenu_box span:nth-child(2) { top: 50%; }
  .navmenu_box span:nth-child(3) { bottom: 6px; }
  .closeNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 15px; }
  .closeNavbtn span:nth-child(2) { display: none; }
  .closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; }
  .headerBox.header_active .navmenu_box span{background: #e74f8e;}

  .product_list .item .product_text{position: static !important;}

  header { padding: 0 15px; }
  header .right .header_nav { position: fixed; top: 77px; height: 100vh; background-color: #fff; width: 100%; left: 0; display: none; }
  header .right .header_nav .li { width: 100%; }
  header .right .header_nav .li .link { line-height: 45px; }
  header .right .header_nav .li .link::before { display: none; }
  .home2_swiper .swiper-slide { height: auto; }
  .home2_swiper .swiper-slide .textBox { position: absolute; bottom: 0; padding: 30px 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .home5 .con { padding-top: 90px; }
  .home5 .con .tit { font-size: 30px; margin-top: 30px; }
  .home5 .con .home5_swiper { padding-top: 30px; margin-top: 0; }
  .home5 .con .home5_swiper .swiper-slide .text { padding-top: 30px; }
  .home5 .con .home5_swiper .swiper-slide .text .data { font-size: 16px; }
  .home5 .con .home5_swiper .swiper-slide .text h5 { font-size: 15px; line-height: 24px; margin-top: 15px; }
  .home5 .con .home5_swiper .swiper-slide .text .t { line-height: 24px; margin-top: 20px; }
  .home5 .con .home5_swiper .swiper-slide .text .more { margin-top: 20px; }
  .home5 .con .home5_swiper .swiper-slide .text .more i { padding-left: 10px; }
  .home5 .con .home5_swiper .swiper-slide .img { margin-top: 0; }
  footer { padding: 30px 0; }
  footer .con .top { display: block; }
  footer .con .top .left h5 { font-size: 28px; }
  footer .con .top .left .t { font-size: 16px; margin-top: 10px; }
  footer .con .top .left .list { margin-top: 15px; }
  footer .con .top .left .list .li:not(:first-child) { margin-left: 10px; }
  footer .con .top .left .list .li .icon { width: 40px; height: 40px; }
  footer .con .top .left .list .li .icon i { font-size: 22px; line-height: 40px; }
  footer .con .top .right { margin-top: 15px; width: 100%; }
  footer .con .top .right .foot_nav { display: block; }
  footer .con .top .right .foot_nav .li { border-bottom: 1px solid #dcdcdc; position: relative; }
  footer .con .top .right .foot_nav .li .link { font-size: 16px; line-height: 40px; }
  footer .con .top .right .foot_nav .li .nav2 { margin-top: 0; display: none; }
  footer .con .top .right .foot_nav .li i { width: 50%; height: 40px; position: absolute; top: 0; right: 0; }
  footer .con .top .right .foot_nav .li i::before { content: ""; width: 12px; height: 12px; position: absolute; top: 15px; right: 20px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  footer .con .top .right .foot_nav .li i.active::before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
  footer .con .cen { display: block; }
  footer .con .cen .left { margin-top: 15px; }
  footer .con .cen .right { margin-top: 15px; text-align: left; }
  footer .con .cen .right h5 { font-size: 16px; }
  footer .con .cen .right .list { margin-top: 10px; }
  footer .con .bot { display: block; margin-top: 15px; }
  footer .con .bot .left { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  footer .con .bot .left a { margin-left: 5px; }
  footer .con .bot .left .li { width: 100%; margin-top: 10px; }
  footer .con .bot .left .li a:first-child { margin-left: 0; }
  footer .con .bot .right { margin-top: 10px; text-align: left; }
  footer .con .bot .right h5 { font-size: 16px; }
  footer .con .bot .right .num { font-size: 26px; } }

.Phoneshow { display: none !important; }

@media (max-width: 768px) { .Phoneshow { display: block !important; }
  .PCshow { display: none !important; }
  .home5 { height: auto; }
  .home5 .con { padding-top: 90px; }
  .home5 .con .tit { font-size: 30px; margin-top: 30px; }
  .home5 .con .home5_swiper { padding-top: 30px; margin-top: 0; height: auto; }
  .home5 .con .home5_swiper .swiper-slide { -webkit-box-pack: normal; -webkit-justify-content: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; padding-bottom: 30px; }
  .home5 .con .home5_swiper .swiper-slide .text { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; padding-top: 0; }
  .home5 .con .home5_swiper .swiper-slide .text .data { font-size: 16px; }
  .home5 .con .home5_swiper .swiper-slide .text h5 { font-size: 15px; line-height: 24px; margin-top: 15px; }
  .home5 .con .home5_swiper .swiper-slide .text .t { line-height: 24px; margin-top: 20px; }
  .home5 .con .home5_swiper .swiper-slide .text .more { margin-top: 20px; }
  .home5 .con .home5_swiper .swiper-slide .text .more i { padding-left: 10px; }
  .home5 .con .home5_swiper .swiper-slide .img { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 80%; margin: 0 auto; }
  .home5 .con .home5_swiper .home5_prev { left: 0; }
  .home2_swiper .swiper-slide { height: auto; }
  .home2_swiper .swiper-slide .textBox { position: absolute; bottom: 0; padding: 30px 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .home2_swiper .swiper-slide .textBox .left { width: 100%; }
  .home2_swiper .swiper-slide .textBox .cen { width: 70%; margin-top: 20px; }
  .home2_swiper .swiper-slide .textBox .right { width: 30%; }
  .home2_swiper .swiper-slide .textBox .right .num { font-size: 40px; }
  .home2_swiper .swiper-slide .textBox .right .t { font-size: 14px; }
  .index_main .swiper-slide .indexbanner_swiper .swiper-slide .text { font-size: 32px; text-align: center;width: 100%;left: 0;top: 15% !important;}
  .home3 .text h5 { font-size: 32px; }
  .home3 .text .list .box .num span { font-size: 34px; }
  .home4 .text { bottom: 10%; }
  .home4 .text h5 { font-size: 34px; }
  .home4 .text .t { font-size: 22px; letter-spacing: 10px; margin-top: 10px; }
  .home4 .text a { width: 120px; line-height: 40px; font-size: 12px; margin-top: 15px; }
  .home4 .text .t2 { font-size: 20px; margin-top: 30px; }
  .home4 .text .t2 span { font-size: 28px; padding-left: 10px; } }

@media (max-width: 465px) { header { padding: 0 15px; }
  header .logo { width: 100px; }
  header .right .header_nav .li .link { line-height: 40px; }
  .index_main .swiper-slide .indexbanner_swiper .swiper-slide .text { font-size: 26px; top: 20%; }
  .home2_swiper .swiper-slide { height: auto; }
  .home2_swiper .swiper-slide .textBox { position: absolute; bottom: 0; padding: 30px 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .home2_swiper .swiper-slide .textBox .left { width: 100%; text-align: center; }
  .home2_swiper .swiper-slide .textBox .cen { width: 100%; margin-top: 20px; text-align: center; }
  .home2_swiper .swiper-slide .textBox .cen .more { margin: 10px auto 0; }
  .home2_swiper .swiper-slide .textBox .right { width: 100%; margin-top: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .home2_swiper .swiper-slide .textBox .right .num { font-size: 28px; padding-right: 10px; }
  .home2_swiper .swiper-slide .textBox .right .t { font-size: 14px; }
  .home3 .text h5 { font-size: 22px; text-align: center; }
  .home3 .text .list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .home3 .text .list .box { width: 33.33%; text-align: center; margin-bottom: 15px; }
  .home3 .text .list .box .num { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .home4 .text { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .home4 .text h5 { font-size: 22px; }
  .home4 .text .t { font-size: 16px; letter-spacing: 2px; margin-top: 15px; }
  .home4 .text a { width: auto; padding: 0 15px; line-height: 30px; font-size: 12px; margin-top: 15px; }
  .home4 .text .t2 { font-size: 14px; margin-top: 15px; }
  .home4 .text .t2 span { font-size: 15px; padding-left: 10px; }
  .home5 .con { padding-top: 90px; }
  .home5 .con .tit { font-size: 28px; margin-top: 10px; }
  .home5 .con .home5_swiper { padding-top: 10px; }
  .home5 .con .home5_swiper .swiper-slide .text { padding-top: 0; }
  .home5 .con .home5_swiper .swiper-slide .text .data { font-size: 14px; }
  .home5 .con .home5_swiper .swiper-slide .text h5 { font-size: 16px; line-height: 20px; margin-top: 10px; }
  .home5 .con .home5_swiper .swiper-slide .text .t { line-height: 20px; margin-top: 10px; }
  .home5 .con .home5_swiper .swiper-slide .text .more { margin-top: 10px; }
  .home5 .con .home5_swiper .swiper-slide .text .more i { padding-left: 5px; }
  .home5 .con .home5_swiper .swiper-slide .img { margin-top: 0; }
  footer .con .top .left h5 { font-size: 22px; }
  footer .con .top .left .t { font-size: 14px; }
  footer .con .top .left .list { margin-top: 10px; }
  footer .con .top .left .list .li:not(:first-child) { margin-left: 5px; }
  footer .con .top .left .list .li .icon { width: 65px; height: 65px; }
  footer .con .top .left .list .li .icon i { font-size: 15px; line-height: 30px; }
  footer .con .top .right { margin-top: 10px; }
  footer .con .top .right .foot_nav .li .link { font-size: 14px; }
  footer .con .top .right .foot_nav .li i::before { right: 10px; }
  footer .con .top .right .foot_nav .li .nav2 a { font-size: 14px; line-height: 32px; }
  footer .con .cen .left { margin-top: 10px; }
  footer .con .cen .right { margin-top: 10px; }
  footer .con .cen .right h5 { font-size: 14px; }
  footer .con .bot { margin-top: 10px; }
  footer .con .bot .right h5 { font-size: 14px; }
  footer .con .bot .right .num { font-size: 20px; } }

.header_nav .li:hover .link { color: #e74f8e !important; }

header .right .search form .con button { border: none; }

.logo .img_black { display: none; }

header.header_active .logo .img_black { display: block; }

header.header_active .logo .img_white { display: none; }

header.header_active .header_nav .li .link { color: #000; }
header.header_active .header_nav .li .active{ color: #e74f8e!important; }

header.header_active .right .search .icon { color: #e74f8e; }

header .right .header_nav .li { position: relative; }

.sub_zinav { text-align: center; position: absolute; top: 100%; width: 180px; background-color: #fff; left: 50%; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); background: white; pointer-events: none; opacity: 0; border-top: 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }

.sub_zinav a { padding: 12px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; font-size: 14px; }

.header_nav .li > span { display: none; position: absolute; right: 0; width: 20%; height: 41px; top: 10px; }

.header_nav .li > span::after { position: absolute; top: 47%; right: 15px; width: 8px; height: 8px; border-top: 2px solid #666; border-right: 2px solid #666; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; content: ""; }

.header_nav .li > span.cur::after { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.posbtn_main { position: relative; }

.posbtn_main .posbtn { position: absolute; top: 0; z-index: -20; }

.video_container video { width: 100%; display: block; }

.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.sub_banner { position: relative; }

.sub_title { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; }


.sub_title h2 { font-family: 'HarmonyOS-bold'; font-size: 40px; color: #fff; line-height: 1; text-align:center; font-weight:700;}

.sub_title p { font-size: 22px; font-family: 'HarmonyOS-light'; color: #fff; margin-top: 10px; }

.sub_title .tel { font-size: 24px; color: #fff; margin-top: 50px; text-align:center}

.crumbs { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 35px; color: #fff; }

.crumbs_content img { display: block; }

.crumbs_content { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #e74f8e;}

.crumbs_content a { color: #fff; opacity: 0.6; font-size:15px; margin-right:30px;}

.crumbs_content a.active { opacity: 1; color:#e74f8e!important; font-weight:700 }

.crumbs_content a:hover { opacity: 1; }

.crumbs_content span { margin: 0 15px; opacity: 0.4; }

.crumbs_content span:last-child { display: none; }



.about_main { padding-top: 100px; padding-bottom: 60px; }

.about_content { padding-bottom: 40px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.about_content .left { width: 34.28571%; padding-right: 20px; }

.about_content .right { width: 65.71429%; font-size: 16px; color: #474747; line-height: 1.7; }

.tong_title p { margin-bottom: 10px; opacity: 0.8; font-size: 16px; color: #393d45; }

.tong_title h2 { color: #000; font-size:36px; line-height: 1.2; font-weight:700;margin-bottom: 20px;}

.product1300{width: 1100px;}
.about_content1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 60px;}

.about_content1 .left { width: 44.28571%; padding-right: 40px; }

.about_content1 .right { width: 52.71429%; font-size: 16px; color: #474747; line-height: 1.7; }
.about_content1 .right:after {
  content: ' ';
    position: fixed;
    top: 0;
    left: 20%;
    right: 0;
    bottom: 0;
    border: #e4e4e4 solid 0px;
    width: 80%;
    height: 82%;
    margin-top: 7.5%;
    z-index: -1;
	box-shadow: 0px 0px 26px rgb(0 0 0 / 10%);
	border-radius: 30px;
	}
	
.about_contentone { display:block;margin-bottom: 80px;overflow: hidden;padding: 0 50px;position: relative;}

.about_contentone .left { width: 44.28571%; padding-right: 40px;display: block;float: left;}

.about_contentone .right { width: 52.71429%; font-size: 16px; color: #474747; line-height:2;display: block;float: right;}
.about_contentone .right:after {
  content: ' ';
    position: absolute;
    top: 0;
    right:25px;
    bottom: 0;
    border: #e4e4e4 solid 0px;
    width: 80%;
    height: 82%;
    margin-top: 7.5%;
    z-index: -1;
	box-shadow: 0px 0px 26px rgb(0 0 0 / 10%);
	border-radius: 30px;
	}

.about_contentone:nth-child(2n-1) .left{float: right;padding-right: 0;padding-left: 40px;}
.about_contentone:nth-child(2n-1) .right:after {
    left: 45px;
	}
.tong_title1 p { margin-bottom: 20px; opacity: 0.8; font-size: 16px; color: #e74f8e; }

.tong_title1 h2 { color: #e74f8e; font-size:28px; line-height: 1.2; font-weight:700;margin-bottom: 5px;}

.tong_title11{ padding-top: 50px;}




.history_main { position: relative; }

.history_content { position: ; top: 50px; left: 0; right: 0; z-index: 2; margin-bottom:50px;}
.mobileResponse{ display:none}

.history_Top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.history_Top .tong_title h2 { color: #fff; }

.history_button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.swiperBtn { width: 60px; height: 60px; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #666; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s; }

.swiperBtn i { color: #666; }

.swiperBtn_prev i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.swiperBtn:not(.swiper-button-disabled):hover { border-color: #e74f8e !important; background: #e74f8e !important; }

.history_button .swiperBtn_prev { margin-right: 20px; }

.swiperBtn:not(.swiper-button-disabled):hover i { color: #fff !important; }

.history_content::after { display: block; content: ""; position: absolute; left: 0; bottom: 63px; right: 0; height: 1px; background: rgba(255, 255, 255, 0.1); }

.history_swiper .swiper-slide { height: auto; padding-top: 50px; }

.history_swiper .swiper-slide::after {display: none !important; position: absolute; top: 70px; left: 0; width: 0; background: #fff; height: 2px; display: block; content: ""; -webkit-transition: all 0.6s; transition: all 0.6s; }

.history_swiper .swiper-slide:hover::after { width: 100%; }

.history_swiper .swiperBox { height: 100%; color: #666; padding: 0 25px; border-left: 1px solid rgba(206, 205, 205, 0.3); border-right: 1px solid rgba(206, 205, 205, 0.3); margin-right: -1px; }

.history_swiper .swiperBox .year { font-size: 80px; line-height: 1; }

.history_swiper .swiperBox .desc { font-size: 15px; font-family: 'HarmonyOS-light'; margin-top: 35px; }

.history_tag_swiper{color:rgba(255,255,255,0.8);font-size: 16px;text-align: center;margin-top: 100px;}

.history_tag_swiper .swiper-wrapper{z-index: 2}




.history_swiper1 .swiper-slide { height: auto; padding-top: 50px; }

.history_swiper1 .swiper-slide::after {display: none !important; position: absolute; top: 70px; left: 0; width: 0; background: #fff; height: 2px; display: block; content: ""; -webkit-transition: all 0.6s; transition: all 0.6s; }

.history_swiper1 .swiper-slide:hover::after { width: 100%; }

.history_swiper1 .swiperBox { height: 100%; color: #666; padding: 0 25px; border-left: 1px solid rgba(206, 205, 205, 0.3); border-right: 1px solid rgba(206, 205, 205, 0.3); margin-right: -1px; }

.history_swiper1 .swiperBox .year { font-size: 80px; line-height: 1; }

.history_swiper1 .swiperBox .desc { font-size: 15px; font-family: 'HarmonyOS-light'; margin-top: 35px; }



/*.history_tag_swiper .line{height: 1px;width: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;background-color: #fff}*/

.history_tag_swiper .swiper-slide{cursor: pointer;padding-top: 40px;}

.history_tag_swiper .swiper-slide.active:after{content: ' ';position: absolute;top: 0;
  left: 50%;
  transform: translateX(-50%);
height: 3px;width: 40px;background-color: #fff}

.history_tag_swiper .swiper-slide.active{color: #fff}


.history_tag{position: relative;}

.history_tag_swiper{z-index: 2}



.swiper-button-disabled { opacity: 0.5; }

.brand_main { background-image: url(../images/brand_bg.jpg); padding-top: 160px; padding-bottom: 130px; }

.brand_main .tong_title h2 { font-size: 46px; }

.brand_content { padding-left: -webkit-calc((100% - 1000px) / 2); padding-left: calc((100% - 1000px) / 2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.brand_content .left { width: 32.93413%; padding-right: 40px; padding-top: 110px; position: relative; }

.brand_content .right { width: 67.06587%; }

.brand_swiper { padding-top: 50px; }

.brand_swiper .swiper-slide { width: 420px; -webkit-transition: all 0.4s; transition: all 0.4s; cursor: pointer; }

.brandSwbox { -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; background: url(../images/brandbg.jpg) center no-repeat; background-size: cover; }

.brandSwbox .imgbox { -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; }

.brandSwbox .brandimg { padding: 68px 90px 40px 90px; }

.brandSwbox .brand_desc { padding: 0 40px 50px 40px; color: #fff; }

.brandSwbox .brand_desc p { font-size: 16px; opacity: 0.6; font-family: 'HarmonyOS-light'; }

.brandSwbox .brand_desc h2 { font-size: 26px; line-height: 1.2; margin-top: 8px; height: 62px; overflow: hidden; }

.brand_button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; left: 0; bottom: 70px; }

.brand_button .swiperBtn { border-color: #949494; }

.brand_button .swiperBtn i { color: #abacab; }

.brand_button .brand_prev { margin-right: 20px; }

.product_title { text-align: center; padding: 100px 0; }

.product_content { padding: 80px 50px; background: #e3e9ed url(../images/product_bg.jpg) top center no-repeat; }

.product_list .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 75px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; }

.product_list .item:last-child { margin-bottom: 0; }

.product_list .item .left { width: 64.83516%; }

.product_list .item .right { position: relative; width: 35.16484%; background: rgba(255, 255, 255, 0.6); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}

.product_list .item .right::after { display: block; content: ""; position: absolute; top: 100px; right: 90px; width: 67px; height: 55px; background: url(../images/yinhao.png) no-repeat; }

.product_list .item .product_text { padding: 0 90px 100px 90px;position: absolute;bottom: 0; left: 0;right: 0;}

.product_text .tit { font-size: 44px; font-family: 'HarmonyOS-medium'; text-transform: uppercase; line-height: 1.2; }

.product_text .attr { font-family: 'HarmonyOS-light'; font-size: 15px; color: #4c4948; margin-top: 10px; line-height: 1.7; }

.product_text .desc h2 { font-family: 'HarmonyOS-bold'; font-size: 15px; margin-bottom: 5px; }

.product_text .desc p { font-size: 15px; color: #4c4948; opacity: 0.5; }

.product_text .desc { margin-top: 60px; }



.product_list .item .imgbox { overflow: hidden; }

.product_list .item .imgbox img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.product_list .item .imgbox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.provideo_box { position: relative; }

.provideo_box::after { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); }

.product_video_main { position: relative; }

.product_videoContent { position: absolute; z-index: 4; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; color: #fff; text-align: center; }

.product_videoContent h2 { font-size: 65px; font-family: 'HarmonyOS-bold'; }

.product_videoContent .desc { font-size: 17px; margin-top: 10px; }

.product_videoContent .play_btn { cursor: pointer; font-family: 'HarmonyOS-medium'; font-size: 22px; margin-top: 30px; padding-right: 34px; position: relative; display: inline-block; -webkit-transition: all 0.4s; transition: all 0.4s; }

.product_videoContent .play_btn::after { display: block; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 25px; height: 25px; background: url(../images/playbtn.png); right: 0; -webkit-transition: all 0.4s; transition: all 0.4s; }

.product_videoContent .play_btn:hover { color: #e74f8e; }

.product_videoContent .play_btn:hover::after { background: url(../images/playbtn2.png); }

.productDe_main { padding-top: 270px; padding-bottom: 140px; }

.productDe_attr { position: relative; }

.productDe_attr h2 { font-size: 202px; line-height: 1; font-family: 'HarmonyOS-bold'; color: #c7ccba; text-align: center; }

.productDe_attr h2 span:last-child { margin-left: 350px; }

.productDe_attr img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 530px; }

.productDe_content { margin-top: 190px; }

.pdattr_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.pdattr_list .item { padding: 0 40px; text-align: center; position: relative; }

.pdattr_list .item p { font-size: 14px; color: #5e5e5e; }

.pdattr_list .item h2 { color: #bdc3af; font-size: 40px; font-family: 'HarmonyOS-medium'; line-height: 1; padding: 5px 0; }

.pdattr_list .item::after { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 6px; width: 1px; background: #e3e6e0; }

.pdattr_list .item:last-child:after { display: none; }

.pdattr_desc { font-size: 16px; line-height: 26px; margin-top: 40px; color: #595d4f; text-align: center; }

.productDe_main { background-image: url(../images/productdebg.jpg); }

.tong_pagination { display: none; text-align: center; margin-top: 30px; }

.tong_pagination span { margin: 0 5px; background: #a29c9c; }

.tong_pagination span.swiper-pagination-bullet-active { margin: 0 5px; background: #e74f8e; }

.zhuanli_main { padding-top: 100px; padding-bottom: 85px; background-image: url(../images/zhuanlibg.jpg); }

.zhuanli_top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; }

.zhuanli_button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.zhuanli_button .zhuanli_prev { margin-right: 20px; }

.zhuanli_top .tong_title h2 { color: #fff; }

.zhuanli_content { margin-top: 75px; }

.zhuanli_swiper .swiper-slide { -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; }

.zhuanli_swiper .zlswbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.zhuanli_swiper .zlswbox .left { width: 65.06849%; }

.zhuanli_swiper .zlswbox .right { position: relative; width: 34.93151%; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding: 90px 75px; }


.zhuanli_swiper .zlswbox .right .product_text .tit { font-size: 32px; line-height: 1.2; }

.zhuanli_swiper .zlswbox .product_text .attr { line-height: 24px; margin-top: 30px; color: #4c4948; }

.zhuanli_swiper .zlswbox .product_text .txt{ line-height: 1.5; margin-top: 10px; color: #4c4948;font-size: 12px;}

.zhuanli_swiper .zlswbox .imgbox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.zhuanli_swiper .zlswbox .right::after { display: block; content: ""; position: absolute; top: 60px; right: 30px; width: 67px; height: 55px; background: url(../images/yinhao.png) no-repeat; }

.zhuanli_swiper .zlswbox .product_text { opacity: 0; }

.shape_main { background-image: url(../images/shapebg.jpg); padding-top: 160px; padding-bottom: 140px; }

.shape_SWbox { position: relative; padding-bottom: 20px; padding-top: 80px; -webkit-transition: all 0.8s; transition: all 0.8s; }

.shape_SWboxcontent { -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; position: relative; z-index: 3; }

.shape_SWboxcontent .swiper-pagination{bottom: 10px;display: flex;justify-content: center;width: 100%}

.shape_SWboxcontent .swiper-pagination-bullet{opacity: .6;margin: 0 5px}

.shape_SWboxcontent .imgbox{position: relative;}

.shape_swiper .shape_SWbox {max-width: 33%}

.shape_SWboxcontent .imgbox:after{content: ' ';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0) 60%);}

.shape_SWboxcontent .swiper-pagination-bullet-active{background-color: #e74f8e}

.shape_SWbox .text { position: absolute; bottom: 45px; left: 0; right: 0; padding: 0 40px; color: #fff; font-size: 20px; line-height: 28px; font-family: 'HarmonyOS-light';z-index: 3 }

.shape_SWbox::after { display: block; content: ""; position: absolute; left: 42px; bottom: 0; right: 22px; height: 100px; background: #e4e8ed; z-index: 2; -webkit-border-radius: 15px; border-radius: 15px; }

.shape_SWbox:nth-child(3n+1)::after { background: #a6aebb; }

.shape_SWbox:hover { -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); }

.shape_SWbox:hover .imgbox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.shape_SWboxcontent .pro_code { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0; z-index: -1; -webkit-transition: all 0.6s; transition: all 0.6s; }

.shape_SWboxcontent .pro_code .box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; width: 100%; height: 100%; text-align: center; }

.shape_SWboxcontent .pro_code .box p { margin-top: 10px; }

.shape_SWboxcontent .pro_code img { width: 180px; }

.shape_SWbox:hover .pro_code { opacity: 1; z-index: 3; }

.official_account { padding-top: 100px; padding-bottom: 70px; }

.padding50 { padding: 0 50px; }

.official_account .tong_title { text-align: center; }

.official_account .tong_title p { margin-top: 25px; }

.account_content { -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; padding-top: 60px; background-image: url(../images/account_bg1.jpg); margin-top: 45px; }

.account_box { margin: 0 auto; width: 548px; max-width: 80%; position: relative; }

.account_box .imgbox { overflow: initial; }

.account_box .img { margin-left: 80px; }

.account_desc { position: absolute; top: 60px; left: 35%; text-align: center; }

.account_desc > img { width: 105px; }

.account_desc .erweima { margin-top: 25px; }

.account_desc .erweima img { width: 160px; }

.account_desc p { margin-top: 25px; font-size: 15px; opacity: 0.8; }

.text_center { text-align: center; }

.accountzu_main { background-image: url(../images/account_bg2.jpg); padding: 110px 0; position: relative; }

.person { position: absolute; bottom: 0; right: 0; z-index: 3; width: 370px; }

.accountzu_main .tong_title { text-align: center; }

.marginTop70 { margin-top: 70px; }

.accountzu_item { -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }

.accountzu_item .accTop { padding: 65px 45px 30px 45px; background: #c0c8ae; color: #fff; }

.accountzu_item:nth-child(1) .accTop { background: #c0c8ae; }

.accountzu_item:nth-child(2) .accTop { background: #d7c6b0; }

.accountzu_item:nth-child(3) .accTop { background: #c0bbac; }

.accountzu_item .accTop h3 { font-size: 20px; }

.accountzu_item .accTop h2 { font-size: 24px; font-family: 'HarmonyOS-medium'; line-height: 38px;display: flex }

.accountzu_item .accTop p { font-size: 15px; margin-top: 20px; }

.accountzu_item .accTop .attr { -webkit-border-radius: 17px; border-radius: 17px; background: rgba(0, 0, 0, 0.1); display: inline-block; font-family: 'HarmonyOS-medium'; padding: 7px 20px 7px 40px; position: relative; margin-top: 30px; }

.accountzu_item .accTop .attr::after { display: block; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px; background: url(../images/zuanshi.png); width: 17px; height: 17px; }

.accountzu_item .accBottom { background: #fff; }

.accountzu_item .accB_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 25px; }

.accountzu_item .accB_list .block { width: 33.3333%; text-align: center; padding: 25px 0; }

.accountzu_item .accB_list .block p { font-size: 16px; margin-top: 20px; }

.accountzu_item .accB_list .block img { max-width: 40px; max-height: 100%; }

.accountzu_item .accB_list .block .img { height: 28px; display: inline-block;position: relative}

.accountzu_item .accB_list .block .icon { position: absolute;bottom: -7px;right: -7px;display: none}

.accountzu_item .accB_list .block.off .icon{ display: block }

.accountzu_item .accB_list .block.off .img>img{ opacity: 0.5 }

.grade_main { background-image: url(../images/account_bg3.jpg); padding: 110px 0; position: relative; }

.grade_content table { text-align: center; width: 100%; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }

.grade_content table tr th { border-color: #bdb194; border-top: none; border-bottom-color: #cfc3a6; }

.grade_content table tr th:first-child, .grade_content table tr th:last-child { border-left: none; }

.grade_content table tr td { border-color: #ebebeb; background: #fff; font-size: 16px; color: #666666; padding: 20px 10px; }

.grade_content table th { color: #fff; font-size: 20px; background: #cfc3a6; width: 25%; padding: 25px 10px; font-weight: normal; }

.description_main { background: #f0f0ef; padding: 90px 0; }

.description_content { margin-top: 50px; }

.description_two .box{flex-wrap: wrap;justify-content: space-between}
.description_two .box .rel_block{width: 49%;}
.description_two .box .rel_block:nth-child(n + 3){margin-top: 30px}

.rel_block { background: #fff; padding: 55px 70px; -webkit-border-radius: 20px; border-radius: 20px; }

.rel_block .title { font-size: 26px; position: relative; font-family: 'HarmonyOS-bold'; position: relative; }

.rel_block .title img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; }

.rel_block .desc { font-size: 15px; color: #666666; line-height: 22px; margin-top: 60px; }

.description_one { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.description_one .left { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 20px; }

.description_one .left .rel_block { height: 100%; }

.description_one .right { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }

.description_one .right .rel_block:nth-child(1) { margin-bottom: 20px; }

.description_two { margin-top: 20px; }

.description_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px; }

.description_list .item { background: #c1cab0; color: #fff; -webkit-border-radius: 20px; border-radius: 20px; padding: 55px 50px; width: -webkit-calc(33.3333% - 40px / 3); width: calc(33.3333% - 40px / 3); margin-right: 20px; }

.description_list .item:nth-child(3n) { margin-right: 0; }

.description_list .item:nth-child(1) { background: #c1cab0; }

.description_list .item:nth-child(2) { background: #dacab3; }

.description_list .item:nth-child(3) { background: #c7c2b5; }

.description_list .item h2 { font-size: 26px; line-height: 1; }

.description_list .item .xian { width: 37px; height: 2px; background: #fff; margin: 15px 0; }

.description_list .item .text { font-size: 15px; line-height: 22px; }

.main_content{position: relative;z-index: 11}

.description_two .desc { margin-top: 25px; }

.description_tips { font-size: 14px; color: #666666; text-align: center; margin-top: 35px; }

.joinPatent_main { padding-top: 155px; padding-bottom: 100px; background-image: url(../images/bg1.jpg); }

.joinPatent_list {position: relative; margin-top: 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px; }

.joinPatent_list .item { text-align: center; padding: 0 55px; position: relative; }

.joinPatent_list .item::after { display: block; content: ""; width: 1px; position: absolute; top: 0; bottom: 5px; background: #e5e7e1; right: 0; }

.joinPatent_list .item:last-child:after { display: none; }

.joinPatent_list .item h2 { color: #a4ac90; font-size: 16px; line-height: 1; padding: 5px 0; }

.joinPatent_list .item h2 span { font-size: 50px; font-family: 'HarmonyOS-medium'; }

.joinPatent_list .item p { font-size: 15px; color: #5e5e5e; }

.joinPatent_tip{font-size: 12px;color: #999;text-align: center;margin-bottom: 40px}

.advantages_main { background-image: url(../images/bg2.jpg); padding-top: 110px; padding-bottom: 90px; }

.advantages_main .tong_title p { margin-top: 5px; }

.advantages_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.advantages_content .left { width: 0px; }

.advantages_content .right { width: -webkit-calc(100%); width: calc(100%); }

.adavn_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: block; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background: #fff; -webkit-border-radius: 15px; border-radius: 15px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; height: auto;}



.adavn_item h2 { font-size: 15px; font-family: 'HarmonyOS-medium'; line-height:20px; text-align:center; padding:0px 0px 15px 15px}

.adavn_item p { font-size: 14px; color: #6b6a69; margin-bottom: 5px; text-align:center }

.adavn_item .icon { top: 40px; right: 50px; }

.adavn_item:hover { background: #f5f5eb; }



.advantages_content .left .adavn_item { height: -webkit-calc(100% - 20px); height: calc(100% - 20px); padding-bottom: 55px; }

.advantages_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.advantages_list .adavn_item { margin-right: 35px; width: -webkit-calc(25% - 35px); width: calc(25% - 35px); margin-bottom: 20px; }
.advantages_list .adavn_item:nth-child(4n) { margin-right: 0; }

.global_main { background-image: url(../images/bg3.jpg); padding: 110px 0; }

.global_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.global_content .left { width: 35.71429%; }

.global_content .right { width: 59.28571%; padding-right: 100px; }

.global_list { margin-top: 50px; background: rgba(255, 255, 255, 0.6); -webkit-border-radius: 30px 30px 30px 0; border-radius: 30px 30px 30px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 22px 45px; }

.global_list .item { width: 50%; padding: 20px 0; border-right: 1px solid #e9e9e9; }

.global_list .item:nth-child(2n) { border-right: none; padding-left: 40px; }

.global_list .item:nth-child(1), .global_list .item:nth-child(2) { border-bottom: 1px solid #e9e9e9; }

.global_list .item h2 { color: #a8ad9b; line-height: 1; font-size: 14px; }

.global_list .item h2 span { font-size: 34px; font-family: 'HarmonyOS-bold'; }

.global_list .item p { font-size: 16px; margin-top: 5px; color: #676767; }

.global_contact { margin-top: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.global_contact .iconbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; -webkit-border-radius: 50%; border-radius: 50%; background: #c3cdab; }

.global_contact .text { margin-left: 15px; }

.global_contact .text h2 { font-size: 22px; font-family: 'HarmonyOS-bold'; line-height: 1; }

.global_contact .text p { font-size: 16px; margin-top: 2px; color: #868686; }

.map_content { position: relative; }

.address { position: absolute; z-index: 2; }

.address i { -webkit-border-radius: 50%; border-radius: 50%; background: #cbc4b1; width: 22px; height: 22px; border: 4px solid #fff; display: block; position: relative; z-index: 4; }

.address i::after, .address i::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; content: ""; -webkit-border-radius: 50%; border-radius: 50%; opacity: 0; z-index: 2; }

.address i::after { background-color: rgba(195, 187, 164, 0.4); width: 22px; height: 22px; -webkit-animation: ripple 1.5s infinite linear; animation: ripple 1.5s infinite linear; }

.address i::before { background-color: rgba(195, 187, 164, 0.2); width: 22px; height: 22px; -webkit-animation: ripple2 1.5s infinite linear; animation: ripple2 1.5s infinite linear; }

.address1 { bottom: 14.123%; right: 24%; }

@-webkit-keyframes ripple { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);
    opacity: 0; }
  80% { -webkit-transform: translate(-50%, -50%) scale(5); transform: translate(-50%, -50%) scale(5);
    opacity: 1; }
  100% { -webkit-transform: translate(-50%, -50%) scale(5); transform: translate(-50%, -50%) scale(5);
    opacity: 0; } }

@keyframes ripple { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);
    opacity: 0; }
  80% { -webkit-transform: translate(-50%, -50%) scale(5); transform: translate(-50%, -50%) scale(5);
    opacity: 1; }
  100% { -webkit-transform: translate(-50%, -50%) scale(5); transform: translate(-50%, -50%) scale(5);
    opacity: 0; } }

@-webkit-keyframes ripple2 { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);
    opacity: 0; }
  80% { -webkit-transform: translate(-50%, -50%) scale(10); transform: translate(-50%, -50%) scale(10);
    opacity: 1; }
  100% { -webkit-transform: translate(-50%, -50%) scale(10); transform: translate(-50%, -50%) scale(10);
    opacity: 0; } }

@keyframes ripple2 { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);
    opacity: 0; }
  80% { -webkit-transform: translate(-50%, -50%) scale(10); transform: translate(-50%, -50%) scale(10);
    opacity: 1; }
  100% { -webkit-transform: translate(-50%, -50%) scale(10); transform: translate(-50%, -50%) scale(10);
    opacity: 0; } }

.subVideo_main { padding-top: 50px; padding-bottom: 0px; background: #edf0f2;background-image: url(../images/shapebg.jpg) #edf0f2; }

.subVideo_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.subVideo_list .item { margin-bottom: 60px; cursor: pointer; width: -webkit-calc(33.3% - 40px); width: calc(33.3% - 40px); margin-right: 50px; -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; background: #fff; }

.subVideo_list .item:nth-child(3n) { margin-right: 0; }

.subVideo_list .item .text_box { padding:20px; }

.subVideo_list .item .text_box .title { font-size: 18px; line-height: 27px; }

.subVideo_list .item .text_box .box { padding-right: 95px; position: relative; }

.subVideo_list .item .text_box .p_btn { position: absolute; top: 4px; right: 0; font-size: 14px; color: #a7a7a7; padding-right: 15px; }

.subVideo_list .item .text_box .p_btn::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; display: block; content: ""; width: 15px; height: 15px; background: url(../images/playbtn3.png) no-repeat; background-size: cover !important; }

.subVideo_list .imgbox { position: relative; }

.subVideo_list .v_play { -webkit-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 102px; height: 53px; -webkit-border-radius: 26px; border-radius: 26px; border: 2px solid #fff; }

.subVideo_list .v_play i { position: absolute; top: 50%; left: 53%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 16px; }

.subVideo_list .item:hover .p_btn { color: #e74f8e; }

.subVideo_list .item:hover .text_box .p_btn::after { background: url(../images/playbtn2.png) no-repeat; }

.subVideo_list .item:hover .v_play { background: #e74f8e; border-color: #e74f8e; }

.subVideo_list .item:hover .imgbox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.layui-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.layui-box a, .layui-box .layui-laypage-curr, .layui-box .layui-laypage-spr { width: 48px; height: 48px; background: #fff; margin: 0 7px; -webkit-border-radius: 8px; border-radius: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; }

.layui-box em { font-style: normal; }

.layui-box a, .layui-box .layui-laypage-curr { cursor: pointer; }

.layui-box .layui-laypage-curr, .layui-box a:hover { background: #eee1c7 !important; color: #fff; }

.contact_main { padding-top: 80px; padding-bottom: 80px; background-position: top center !important;  }

.contact_main .tong_title p { margin-top: 5px; }

.contact_side { margin-top: 50px; padding-top: 30px; padding-bottom: 16px; background-position: bottom right; background-repeat: no-repeat; background-size: cover; -webkit-border-radius: 20px; border-radius: 20px; }

.contact_sideList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #333; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.contact_sideList .item { padding: 0 50px; position: relative; text-align: center; width: 33.3%; }

.contact_sideList .item::after { display: block; content: ""; position: absolute; top: 10px; right: 0; width: 1px; background: rgba(255, 255, 255, 0.2); bottom: 0; }

.contact_sideList .item:last-child:after { display: none; }

.contact_sideList .item h2 { font-size: 20px; font-family: 'HarmonyOS-bold'; line-height: 25px; margin-top: 30px; }

.contact_sideList .item p { font-size: 16px; opacity: 0.8; margin-top: 10px; }

.contact_sideList { padding-left: 0px; }

.contact_sideList .item:nth-child(2) h2 { font-size: 28px; margin-top: 36px; }

.contact_sideList .item:nth-child(2) p { margin-top: 35px; }

.contact_sideList .item a { width: 120px; height: 40px; -webkit-border-radius: 20px; border-radius: 20px; border: 2px solid #fff; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; -webkit-transition: all 0.4s; transition: all 0.4s; }

.contact_sideList .item a:hover { color: #e74f8e; background: #fff; }

.contact_sideList .item:nth-child(3) h2 { font-size: 28px; margin-top: 36px;}

.contact_sideList .item:nth-child(3) p { margin-top: 35px; }

.contact_linkcode { margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.contact_linkcode .item { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); margin-right: 40px; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; padding: 60px 20px; }

.contact_linkcode .item:nth-child(2n) { margin-right: 0; }

.contact_linkcode .item .title { font-size: 32px; text-align: center; line-height: 1.1; }

.linkcode_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 55px; }

.linkcode_list .li { padding: 10px 35px; text-align: center; position: relative; }

.linkcode_list .li .icon { height: 40px; }

.linkcode_list .li .icon img { max-height: 100%; }

.linkcode_list .li p { font-size: 16px; color: #696562; margin-top: 15px; }

.linkcode_list .li:hover p { color: #e74f8e; }

.linkcode_list .erweima_down { position: absolute; top: 130%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 110px; padding: 5px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.4s; transition: all 0.4s; opacity: 0; z-index: -1; }

.linkcode_list .erweima_down::after { display: block; content: ""; position: absolute; z-index: 3; width: 10px; height: 10px; background: #fff; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); top: -5px; border-left: 1px solid #d6d4d4; border-top: 1px solid #d6d4d4; }

.linkcode_list .li:hover .erweima_down { top: 100%; opacity: 1; z-index: 2; }

.contact_linkcode .item:nth-child(2) .linkcode_list .li .icon { padding-top: 10px; }

.news_main { padding: 110px 0; }

.news_recommend { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.news_recommend .left { width: 65.71429%; }

.news_recommend .left .imgbox { -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; display: block; }

.news_recommend .right { width: 34.28571%; padding-left: 80px; }

.recommend_list .item { display: block; padding: 25px 0; border-bottom: 1px solid #ebe5e5; position: relative; }

.recommend_list .item::after { display: block; content: ""; position: absolute; bottom: -1px; left: 0; width: 0; height: 2px; background: #eee1c7; -webkit-transition: all 0.5s; transition: all 0.5s; }

.recommend_list .item .title { font-size: 15px; line-height: 28px; margin-bottom: 20px; height: 56px; }

.recommend_list .item .date { font-size: 14px; color: #b0b0b0; }

.recommend_list .item:hover::after { width: 100%; }

.recommend_list .item:last-child { border-bottom: none !important; }

.recommend_list .item:last-child::after { display: none; }

.recommend_list .item:hover .title { color: #e74f8e; }

.recommend_list .item.active .title { color: #e74f8e; }

.news_recommend .left .imgbox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.recommend_txtcontent { display: none; margin-top: 20px; }

.recommend_txtcontent .title { font-size: 15px; line-height: 28px; margin-bottom: 15px; }

.recommend_txtcontent .date { font-size: 14px; color: #b0b0b0; }

.news_recommend { margin-bottom: 100px; }

.news_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; }

.news_list .item { padding: 0 20px; width: 33.3333%; margin-bottom: 95px; }

.news_list .item .itembox { display: block; -webkit-transition: all 0.4s; transition: all 0.4s; }

.news_list .item .imgbox { position: relative; -webkit-border-radius: 15px; border-radius: 15px; }

.news_list .item .date { position: absolute; top: 10px; left: 10px; -webkit-border-radius: 19px; border-radius: 19px; background: rgba(0, 0, 0, 0.15); font-size: 15px; line-height: 1; color: #fff; padding: 12px 20px; z-index: 2; }

.news_list .item .title { font-size: 15px; line-height: 28px; height: 56px; margin-top: 40px; }

.news_list .item .itembox:hover .imgbox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.news_main .layui-box a, .news_main .layui-box .layui-laypage-curr, .news_main .layui-box .layui-laypage-spr { background: #f6f6f6; }

.crumbsNewcon { position: static !important; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }

.crumbsNewcon a, .crumbsNewcon span { color: #949495; opacity: 1; }

.newsDetails_main { padding-top: 190px; position: relative; padding-bottom: 170px; }

.newsDetails_main .container1400 { position: relative; z-index: 3; }

.newsDetails_content { padding: 0 0px; }

.details_content video{max-width:100%;}

.newsDetails_content .new_title { font-size: 38px; font-family: 'HarmonyOS-medium'; margin-top: 15px; margin-bottom: 40px; }

.newsDetails_content .new_attrbox .nwat { background: #fff; position: relative; z-index: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.newsDetails_content .new_attrbox { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.newsDetails_content .new_attrbox::after { width: 100%; display: block; content: ""; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; height: 1px; background: #e5e5e5; position: absolute; }

.newsDetails_content .new_attrbox .attr { font-size: 14px; color: #7d7d7d; border: 1px solid #dcdcdc; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1; padding: 8px 18px; margin-right: 10px; }

.details_content { padding-top: 30px; font-size: 15px; line-height: 32px; padding-bottom: 80px; }

.newsDetails_main .bgnew { position: absolute; top: 10%; right: 0; z-index: 2; }

.details_bottom { padding-top: 35px; border-top: 1px solid #e3e7de; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.details_bottom .left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.details_bottom .left a { font-size: 15px; font-weight: bold; color: #7f7f7f; }

.details_bottom .left .debtn_prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.debtn_list { width: 22px; height: 18px; margin: 0 45px; }

.debtn_list span { display: block; height: 3px; background: #7f7f7f; }

.debtn_list span:nth-child(2) { width: 18px; margin-top: 4px; }

.debtn_list span:nth-child(3) { width: 12px; margin-top: 4px; }

.details_bottom .left .btn:hover { color: #e74f8e !important; }

.details_bottom .left .btn:hover span { background: #e74f8e; }

.details_bottom .right { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.details_bottom .share_box a { margin-left: 20px; }

.insideContent { margin-top: 110px; }

.insideContent .insideBox { position: relative; }

.inside_list { position: absolute; left: 110px; top: 10px; color: #fff; width: 375px; }

.inside_list .item { padding: 30px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.inside_list .item .txt_box{color: #e0dcd6;font-size: 12px;margin-top: 20px}

.inside_list .item .top_box{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.inside_list .item .icon { -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 2px solid #fff; width: 60px; height: 60px; }

.inside_list .item .text { font-size: 16px; margin-left: 20px; color: rgba(255, 255, 255, 0.8); }

.inside_list .item .text .counter { font-size: 38px; line-height: 1; color: #fff; margin-right: 4px; }

.inside_list .item .text p:last-child { margin-top: 2px; }

.inside_list .item:last-child { border-bottom: none; }

.inside_list .item .icon .img2 { display: none; }

.message_main { padding: 90px 0; }

.message_content .tong_title { color: #000; }

.message_content .tong_title h2 { color: #000; }

.message_content .tong_title .phone { font-size: 30px; font-family: 'HarmonyOS-bold'; }

.message_content .tong_title .p { font-size: 16px; opacity: 0.8; }

.message_form { width: 690px; margin: 0 auto; margin-top: 35px; max-width: 100%; }

.message_form .input_box { position: relative; font-size: 16px; background: #fff; height: 60px; width: 100%; -webkit-border-radius: 30px; border-radius: 30px; padding: 0 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

.message_form .input_box input { height: 100%; font-size: 16px; width: 100%; }

.message_form .input_box label { white-space: nowrap; }

.message_form .form_line { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; }

.message_form .form_line .item { margin-right: 20px; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }

.message_form .form_line .item:last-child { margin-right: 0; }

.ChooseCity_cont { width: 100%; }

.select2-container { width: 100% !important; }

.ChooseCity_cont .select2-container--default .select2-selection--single { border: none !important; }

.message_form .input_box .captcha { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 30px; height: 70%; }

.message_form .input_box.textarea_box { height: auto; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.textarea_box textarea { height: 150px; padding: 20px 0; width: 100%; }

.message_form .input_box.textarea_box label { padding-top: 18px; }

.form_lineButton { text-align: center; }

.form_lineButton button { margin: 0 auto; width: 260px; height: 54px; -webkit-transition: all 0.4s; transition: all 0.4s; font-size: 15px; color: #fff; -webkit-border-radius: 25px; border-radius: 25px; border: none; background-image: linear-gradient(to right, #666, #414348);
}

.form_lineButton button:hover {background-image: linear-gradient(to right, #fdb1d1, #e74f8e);
}


.home4 .text { z-index: 10; }

.indexnew_prev, .indexnew_next { position: absolute; top: 44%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 20; border-color: #e74f8e; opacity: 0; }

.indexnew_prev i, .indexnew_next i { color: #e74f8e; }

.indexnew_prev { left: 40.85294%; }

.indexnew_next { right: -80px; }

.indexJoin_swiper .swiper-slide { height: 100%  !important; }

.indexPboxVideo { width: 100%; height: 100%; }

.indexPboxVideo video { height: 100%; position: absolute; top: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 120%; z-index: 3; }

.home4::after { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; }

.home3 .text { z-index: 10; }

.home2_prev, .home2_next { position: absolute; top: 44%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 20; z-index: 20; opacity: 1 !important; }



.home2_prev { left: 5%; }

.home2_next { right: 5%; }

.home2_prev.swiperBtn:hover, .home2_next.swiperBtn:hover { border-color: #e74f8e !important; background: #e74f8e !important; }

.home2_prev.swiperBtn:hover i, .home2_next.swiperBtn:hover i { color: #fff !important; }

.home2_swiper { width: 100%;height: 100%; }


.home2_swiper .swiper-slide.swiper-slide-active .textBox { opacity: 1; }

.home2_swiper .img { height: 100%; width: 100%; -webkit-transition: all 1s; transition: all 1s; }

.home2imgcontent { height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.headerBox.black_header .header_nav .li .link { color: #333; }

.headerBox.black_header .right .search .icon { color: #e74f8e; }

.headerBox.black_header .logo .img_black { display: block; }

.headerBox.black_header .logo .img_white { display: none; }

.inbanner_btm { position: absolute; bottom: 6%; left: 20%; z-index: 12; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.inbanner_btn i { font-size: 30px; color: #e74f8e; }

.inbanner_play { margin: 0 20px; width: 35px; height: 35px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #e74f8e; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.inbanner_play i { font-size: 14px; color: #e74f8e; }

.inbanner_bat { margin-left: 20px; font-size: 16px; color: #e74f8e; }

@-webkit-keyframes inenr_banner { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1.1); transform: scale(1.1); } }

@keyframes inenr_banner { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1.1); transform: scale(1.1); } }

.homethree_content { text-align: center; }

.homethree_content h5 { color: #000; }

.homethree_content .list .box { padding: 0 40px; position: relative; }

.homethree_content .list .box:not(:last-child):after { display: block; content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: rgba(255, 255, 255, 0.2); }

.home3 .text .list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }


.tong_scrollbar { height: 1px; margin-top: 50px; position: relative; background-color: #dfdfdf; }

.tong_scrollbar .swiper-scrollbar-drag { height: 3px !important; opacity: 1 !important; position: absolute; top: 0; margin-top: -1px; background: #ffb1d1; }

.search_jgcont { width: 100%; padding: 50px 0; }

.search_jgcont .search_box { margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.search_jgcont .search_box input { padding: 0 20px; line-height: 48px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: none; }

.search_jgcont .search_box { width: 60%; border: 1px solid #e74f8e; -webkit-border-radius: 25px; border-radius: 25px; overflow: hidden; }

.search_jgcont .search_box .btn { background-color: #e74f8e; width: 80px; cursor: pointer; font-size: 16px; color: #fff; line-height: 42px; border: none; }

.search_jgcont .search_box .btn i { font-size: 15px; }

.search_list { margin-top: 30px; margin-bottom: 30px; }

.search_list .item { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #dddddd; padding: 20px 0; }

.search_list .item .imgbox { width: 300px; }

.search_list .item:last-child { border-bottom: 1px solid #dddddd; }

.search_list .item .text { width: -webkit-calc(100% - 320px); width: calc(100% - 320px); }

.search_list .item .text h2 { font-size: 20px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.search_list .item .text p { margin-top: 15px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; color: #908787; }

.mainDetails_content, .sitmap_content { padding: 80px 0; }

.mainDetails_xiangqing { font-size: 16px; margin-top: 30px; }

.singlePage { margin-top: 80px; }

.defaWebMap { margin-top: 30px; }

.defaWebMap dl h3 span { top: -16px; }

.select2-dropdown { border: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

@media (min-width: 1260px) { .news_list .item:hover .itembox { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
  .brand_swiper .swiper-slide:hover { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
  .header_nav .li:hover .sub_zinav { pointer-events: initial; opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .sub_zinav { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .sub_zinav a { color: #333 !important; }
  .sub_zinav { background-color: #fff; }
  .sub_zinav a:hover { background-color: #e74f8e; color: #fff !important; } }

@media (min-width: 769px) { .subimgBox img { -webkit-animation: inenr_banner 7s linear infinite alternate; animation: inenr_banner 7s linear infinite alternate; } }

@media (max-width: 1600px) { .sub_title, .crumbs { width: 100%; }
 
  .tong_title h2, .brand_main .tong_title h2 { font-size: 32px; }
  .about_main { padding: 80px 0; }
  .insideContent { margin-top: 60px; }
  .history_content { top: 40px; }
  .history_swiper .swiperBox .year { font-size: 60px; }
  .history_swiper .swiperBox .desc { font-size: 16px; }
  .history_swiper1 .swiperBox .year { font-size: 60px; }
  .history_swiper1 .swiperBox .desc { font-size: 16px; }
  .brand_main { padding: 100px 0; }
  .sub_title h2 { font-size: 40px; }
  .brand_content { padding-left: 30px; }
  .productDe_attr h2 { font-size: 160px; }
  .product_title { padding: 60px 0; }
  .product_list .item .product_text { padding: 0 30px 30px 30px; }
  .product_list .item .right::after { top: 30px; right: 30px; }
  .product_text .tit { font-size: 36px; } }

@media (max-width: 1400px) { .container1360 { width: auto; margin: 0 30px; }
  .about_content .right br { display: none; }
  .inside_list .item { padding: 20px 0; }
  .inside_list .item .txt_box{margin-top: 10px}
  .inside_list { left: 60px; }
  .brand_main { padding-top: 60px; }
  .brand_swiper .swiper-slide { width: 320px; }
  .brandSwbox .brand_desc h2 { font-size: 20px; line-height: 1.4; }
  .brandSwbox .brand_desc { padding: 0 30px 35px 30px; }
  .brandSwbox .brandimg { padding: 30px 50px 30px 50px; }
  .history_swiper .swiperBox .desc { margin-top: 20px; }
  .history_swiper1 .swiperBox .desc { margin-top: 20px; }
  .productDe_attr h2 { font-size: 130px; }
  .productDe_attr img { width: 430px; }
  .productDe_attr h2 span:last-child { margin-left: 260px; }
  .productDe_main { padding-top: 200px; padding-bottom: 100px; }
  .zhuanli_main { padding-top: 100px; }
  .product_text .tit { font-size: 30px !important; }
  .shape_main { padding: 150px 0; }
  .accountzu_item .accTop h2 { font-size: 15px; line-height: 28px}
  .accountzu_item .accTop span { font-size: 28px !important; }
  .accountzu_item .accTop { padding: 40px 30px; }
  .person { display: none; }
  .joinPatent_main { padding: 100px 0; }
  .subVideo_main { padding: 40px 0; }
  .newsDetails_content { padding: 0; }
  .news_recommend .right { padding-left: 40px; }
  .news_recommend { margin-bottom: 60px; }
  .history_swiper .swiper-slide{padding-top: 60px}
  .history_swiper1 .swiper-slide{padding-top: 60px}
  .history_tag_swiper{margin-top: 40px}
  .news_list .item { margin-bottom: 60px; } }

@media (max-width: 1260px) {
  .product_videoContent h2 { font-size: 40px; }
  .product_text .attr { font-size: 16px; }
  .history_swiper .swiperBox{padding: 0 30px}
  .history_swiper1 .swiperBox{padding: 0 30px}
  .product_text .desc { margin-top: 30px; }
  .history_content{top: 20px}
  .product_list .item .right::after { width: 47px; height: 35px; background-size: contain; } }

@media (max-width: 768px) {
  .inside_list .item .icon .img1 { display: none; }
  .inside_list .item .icon .img2 { display: block; }
  .inside_list .item .icon { border-color: #e74f8e; }
  .inside_list{color: #333;width: 100%}
  .inside_list .item .txt_box{color: #999}
  .inside_list .item .text .counter { color: #333; }
  .inside_list { position: static; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
}

@media (max-width: 992px) {

  header .header_nav .li .link{color: #333}
  header .right .header_nav .li .link { display: block; }

.history_tag_swiper .swiper-slide{padding-top: 20px}
.product_list .item:nth-child(even) .right { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.product_list .item:nth-child(even) .left { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.product_list .item .left,.product_list .item .right{width: 100%;}
.headerBox.black_header .right .search .icon{color: #fff;}
  .sub_zinav { display: none; min-width: initial; pointer-events: auto; -webkit-box-shadow: none; box-shadow: none; }
  .sub_zinav { opacity: 1 !important; position: static !important; border: none; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); width: auto; padding: 0 20px; }
  .sub_zinav a { display: block; padding: 10px 0; color: #333; line-height: 20px; font-size: 14px; text-align: left; }
  .sub_zinav a.cur{ color:#e74f8e }
  header .right .header_nav .li { border-bottom: 1px solid #f7f7f7; }
  header .right .header_nav .li .link { line-height: 55px !important; }
  .posbtn_main .posbtn { top: 0; }
  .header_nav .li > span { display: block; cursor: pointer; }
  header { height: 55px; }
  header .logo { width: 130px; }
  header .right .search .icon { font-size: 15px; width: 30px; height: 30px; line-height: 30px; }
  header .right .header_nav { top: 55px; }
  .container1500, .container1460, .container1400, .container1360 { margin: 0 15px; width: calc(100% - 30px);}
  .history_swiper .swiper-slide::after { display: none; }
  /*.history_swiper .swiper-slide { padding-top: 80px; }*/
  .history_swiper .swiperBox .year { font-size: 40px; }
  .history_swiper .swiperBox { padding: 0 40px; }
 .history_swiper1 .swiper-slide::after { display: none; }
  /*.history_swiper1 .swiper-slide { padding-top: 80px; }*/
  .history_swiper1 .swiperBox .year { font-size: 40px; }
  .history_swiper1 .swiperBox { padding: 0 40px; }
  
  .history_content::after { bottom: 42px; }
  .swiperBtn { width: 45px; height: 45px; }
  .crumbs { bottom: 20px; }
  .inside_list .item .icon { width: 50px; height: 50px; }
  .inside_list .item .icon img { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
  .inside_list .item .text .counter { font-size: 26px; }
  .inside_list { left: 30px; }
  .inside_list .item { padding: 20px 0; }
  .sub_title h2 { font-size: 30px; }
  .tong_title h2, .brand_main .tong_title h2 { font-size: 30px; }
  .zhuanli_swiper .zlswbox .right { padding: 30px; }
  .zhuanli_swiper .zlswbox .right::after { top: 30px; right: 30px; width: 47px; height: 35px; background-size: contain; }
  .product_text .attr { font-size: 16px; }
  .zhuanli_swiper .zlswbox .product_text .attr { margin-top: 20px; }
  .product_text .tit { font-size: 22px !important; }
  .zhuanli_main { padding: 80px 0; }
  .zhuanli_content { margin-top: 40px; }
  .shape_SWbox:hover { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .shape_SWbox { padding-top: 0; }
  .shape_SWbox .text { font-size: 16px; line-height: 1.5; padding: 0 20px; bottom: 20px; }
  .product_text .attr, .product_text .desc p { font-size: 14px; }
  .product_text .desc h2 { font-size: 16px; }
  .product_text .desc { margin-top: 15px; }
  .product_list .item { margin-bottom: 40px; }
  .sub_title p { font-size: 15px; }
  .official_account, .accountzu_main, .grade_main, .description_main { padding: 70px 0; }
  .account_box { width: 420px; }
  .marginTop70 { margin-top: 40px; }
  .tong_pagination { display: block; }
  .grade_content table th { font-size: 16px; }
  .grade_content table th, .grade_content table tr td { padding: 15px 5px; }
  .grade_content table tr td { font-size: 14px; }
  .rel_block .title { font-size: 15px; }
  .rel_block .title img { height: 25px; }
  .rel_block { padding: 30px; }
  .rel_block .desc { font-size: 14px; margin-top: 30px; }
  .description_list .item h2 { font-size: 20px; }
  .description_list .item .text { font-size: 13px; }
  .description_list .item { padding: 30px; -webkit-border-radius: 10px; border-radius: 10px; }
  .padding50 { padding: 0; }
  .joinPatent_list .item h2 span { font-size: 40px; }
  .joinPatent_list .item { padding: 0 30px; }
  .joinPatent_list { margin: 40px 0; }
  .contact_sideList { padding-left: 0; }
  .news_main { padding: 80px 0; }
  .news_recommend { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .news_recommend .left { width: 100%; }
  .news_recommend .right { width: 100%; padding-left: 0; display: none; }
  .news_list .item .title { margin-top: 20px; }
  .news_list .item { width: 50%; }
  .home2_swiper .swiper-slide .textBox { opacity: 1 !important; left: 0; right: 0; }
  .home2_swiper .swiper-slide.active { padding: 0; }
  .indexnew_prev { left: 15px; }
  .indexnew_next { right: 15px; }
  .home2_swiper { width: 100%; position: static !important; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); height: 100%; }
  .home2_swiper .swiper-slide { padding: 0; }
  .recommend_txtcontent { display: block; }
  .product_list .item .product_text { width: 100%; padding: 30px 20px; }

}

@media (max-width: 768px) {
    .sub_title .tel { font-size: 16px;margin-top: 10px; }
  .home2_swiper .swiper-slide .textBox .cen h5{font-size: 16px}
  .home2_swiper .swiper-slide .textBox .left span{font-size: 28px}
  header .logo { width: 120px; }
.sidebar{display: none;}
  .shape_swiper .shape_SWbox {
     max-width: 50%;
  }
  footer .con .top .right .foot_nav .li i::before { width: 8px; height: 8px; }
  .about_content { margin-bottom: 0px !important; padding-bottom: 0px !important; }
  .about_content .left { width: 100%; }
  .about_content .right { width: 100%; margin-top: 20px; font-size: 14px; }
  .about_main { padding: 40px 0; }
  .tong_title h2 br { display: none; }
  .tong_title h2, .brand_main .tong_title h2 { font-size: 22px; margin-bottom: 20px;}
  .sub_title h2 { font-size: 22px; }
  .mobileResponse { position: relative; max-width: 200%; width: auto !important; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .insideContent { margin-top: 40px; }
  .inside_list .item .text { font-size: 12px; }
  .inside_list .item .text .counter { font-size: 20px; }
  .inside_list .item .icon { width: 40px; height: 40px; border-width: 1px; }
  .inside_list .item .icon img { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }
  .history_content { top: 40px; }
  .history_swiper .swiperBox .desc { font-size: 14px; margin-top: 10px; }
  .history_swiper .swiperBox .year { font-size: 24px; }
  
  .history_swiper1 .swiperBox .desc { font-size: 14px; margin-top: 10px; }
  .history_swiper1 .swiperBox .year { font-size: 24px; }
  /*.history_content::after { bottom: 75px; }*/
  .brand_content .left { width: 100%; padding: 0; }
  .brand_content .right { width: 100%; }
  .brand_main, .zhuanli_main, .shape_main, .official_account, .accountzu_main, .grade_main, .description_main { padding: 40px 0; }
  .brand_content { padding: 0 15px; }
  .brand_button { position: static; }
  .brand_content .left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .brandSwbox .brand_desc h2 { font-size: 16px; height: 45px; }
  .product_videoContent h2 { font-size: 24px; }
  .product_videoContent .desc { font-size: 15px; }
  .product_videoContent .play_btn { font-size: 15px; margin-top: 15px; }
  .productDe_attr h2 { font-size: 60px; }
  .productDe_attr img { width: 330px; }
  .productDe_main { padding-top: 160px; padding-bottom: 40px; }
  /*.product_text .attr br { display: none; }*/
  .product_text .attr { font-size: 14px; }
  .product_text .tit { font-size: 20px !important; }
  .shape_SWboxcontent .pro_code img { width: 120px; }
  .product_title { padding: 40px 0; }
  .product_content { padding: 40px 15px; }
  .product_list .item .right::after { display: none; }
  .product_list .item .left { width: 100%; }
  .product_list .item .right { width: 100%; }


  .account_desc .erweima img { width: 120px; }
  .account_content { margin-top: 20px; }
  .account_box .img { margin-left: 30px; }
  .account_desc { left: 26%; }
  .account_desc p { font-size: 12px; margin-top: 5px; }
  .accountzu_item .accTop h3 { font-size: 14px; }
  .accountzu_item .accTop h2 { font-size: 14px; margin-top: 5px;line-height: 20px }
  .accountzu_item .accTop h2 span{font-size: 20px !important;}
  .accountzu_item .accTop p { font-size: 12px; }
  .accountzu_item .accTop .attr { font-size: 12px; }
  .accountzu_item .accTop { padding: 30px 20px; }
  .accountzu_item .accB_list .block p { font-size: 12px; margin-top: 10px; }
  .accountzu_item .accB_list .block { padding: 10px 0; }
  .marginTop70, .description_content { margin-top: 25px; }
  .tong_pagination { margin-top: 20px; }
  .rel_block .desc { font-size: 12px; }
  .description_list { margin-top: 25px; }
  .description_tips { font-size: 12px; margin-top: 15px; }
  .description_list .item { padding: 15px; }
  .joinPatent_list .item h2 span { font-size: 30px; }
  .joinPatent_list .item p { font-size: 12px; }
  .joinPatent_main, .advantages_main { padding: 40px 0; }
  .advantages_list .adavn_item { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-left: 0; margin-right: 20px; }
  .advantages_list .adavn_item:nth-child(2n) { margin-right: 0; }
  .advantages_content .left { width: 100%; }
  .advantages_content .right { width: 100%; }
  .adavn_item .icon { }
  .adavn_item h2 { font-size: 15px; }
  .adavn_item p { font-size: 14px; }
  .adavn_item { padding: 10px; }
  .global_main, .message_main { padding: 40px 0; }
  .global_content .left { width: 100%; }
  .global_content .right { width: 100%; margin-top: 20px; text-align: center; padding-right: 0; }
  .global_list { margin-top: 30px; }
  .map_content { margin: 0 auto; width: 80%; }
  .message_content .tong_title .phone { font-size: 20px; }
  .subVideo_main { padding: 40px 0; }
  .subVideo_list .item .text_box { padding: 30px 15px; }
  .subVideo_list .item { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 20px; margin-bottom: 20px; }
  .subVideo_list .item .text_box .title { font-size: 16px; line-height: 1.5; }
  .subVideo_list .item:nth-child(2n) { margin-right: 0; }
  .subVideo_list .item .text_box .title br { display: none; }
  .layui-box a, .layui-box .layui-laypage-curr, .layui-box .layui-laypage-spr { width: 30px; height: 30px; font-size: 10px; margin: 0 3px; }
  .contact_main { padding: 40px 0; }
  .contact_side { padding: 90px 0; margin-top: 20px; position: relative; overflow: hidden; }
  .contact_side::after { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); }
  .contact_sideList { position: relative; z-index: 3; }
  .contact_sideList .item img { height: 25px; }
  .contact_sideList .item h2 { font-size: 16px !important; }
  .contact_sideList .item { padding: 0 30px; max-width: 33.3333%; }
  .contact_sideList .item h2 br { display: none; }
  .contact_linkcode .item { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .newsDetails_main { padding-top: 90px; padding-bottom: 40px; }
  .newsDetails_content .new_title { font-size: 24px; margin-bottom: 20px; }
  .details_content { font-size: 16px; line-height: 1.5; }
  .news_list .item .date { font-size: 12px; }
  .news_list .item .title { font-size: 14px; line-height: 24px; }
  .news_main { padding: 40px 0; }
  .search_jgcont .search_box { width: 100%; }
  .search_jgcont .search_box input { line-height: 40px; }
  .search_jgcont .search_box .btn { width: 60px; line-height: 40px; }
  .search_list .item .imgbox { width: 100%; }
  .search_list .item .text { width: 100%; margin-top: 10px; }
  .search_list .item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0; border-top: none; }
  .search_list .item .text h2 { font-size: 16px; }
  .search_list .item .text p { font-size: 14px; margin-top: 10px; }
  .singlePage { margin-top: 55px; }
  header .right .header_nav .li .link{font-size: 16px;}
  .subimgBox{position: relative;}
  .subimgBox::after{display: block;content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.2);}

 }

@media (max-width: 580px) {
  .description_two .box .rel_block{width: 100%}
  .description_two .box .rel_block:nth-child(n + 2){margin-top: 20px;}

  .joinPatent_list .tip{bottom: 0}
  .sub_title p{text-align: center;}
  .crumbs { font-size: 12px; }
  .tong_title p { font-size: 14px; }
  .zhuanli_button .zhuanli_prev{margin-right: 10px;}
  .sub_title p{margin-top: 5px;}
  .product_title{padding: 30px 0;}
  .tong_title p{margin-bottom: 5px;}
  .insideContent { margin-top: 20px; }
  .inside_list .item { padding: 5px 0; }

  .inside_list .item .text { color: #333; }
  .inside_list .item { padding: 20px 15px 0 15px; border: none; }
  .inside_list .item:last-child { padding-bottom: 0; }
  .swiperBtn { border-width: 1px; width: 30px; height: 30px; }
  .swiperBtn i { font-size: 10px; }
  .history_button .swiperBtn_prev, .brand_button .brand_prev { margin-right: 10px;}
  /*.history_content::after { display: none; }*/
  .history_swiper .swiper-slide { padding-top: 20px; }
  .history_swiper .swiperBox { padding: 0; border: none; }
  .history_swiper .swiperBox .year { font-size: 22px; }
  .history_swiper .swiperBox .desc { opacity: 0.8; }
  
  .history_swiper1 .swiper-slide { padding-top: 20px; }
  .history_swiper1 .swiperBox { padding: 0; border: none; }
  .history_swiper1 .swiperBox .year { font-size: 22px; }
  .history_swiper1 .swiperBox .desc { opacity: 0.8; }
  .history_tag_swiper{margin-top: 20px}
  .historyImgswiper .imgbox img { height: 280px; }
  .brand_swiper { padding-top: 25px; }
  .brandSwbox .brand_desc p { font-size: 12px; }
  .brandSwbox .brand_desc h2 { font-size: 14px; height: 40px; }
  .brandSwbox .brand_desc { padding: 0 15px 15px 15px; }
  .brandSwbox { -webkit-border-radius: 10px; border-radius: 10px; }
  .brandSwbox .brandimg { padding: 15px; }
  .brand_main .tong_title h2 br { display: block; }
  .product_videoContent h2 { font-size: 20px; }
  .product_videoContent .desc { font-size: 12px; }
  .product_videoContent .play_btn { font-size: 14px; padding-right: 22px; }
  .product_videoContent .play_btn::after { width: 16px; height: 16px; background-size: contain; }
  .productDe_attr img { width: 150px; }
  .productDe_attr h2 { font-size: 40px; }
  .productDe_attr h2 span:last-child { margin-left: 105px; }
  .productDe_main { padding-top: 80px; }
  .productDe_content { margin-top: 60px; }
  .pdattr_list .item h2 { font-size: 22px; }
  .pdattr_list .item { padding: 0 25px; }
  .pdattr_list .item p { font-size: 12px; }
  .pdattr_desc { font-size: 14px; text-align: left; margin-top: 20px; }
  /*.pdattr_desc br { display: none; }*/
  .zhuanli_swiper .zlswbox .left { width: 100%; }
  .zhuanli_swiper .zlswbox .right { width: 100%; padding: 30px 20px; }
  .zhuanli_swiper .zlswbox .right::after { display: none; }
  .product_text .tit br { display: none; }
  .product_text .tit { font-size: 18px !important; }
  .product_text .attr { margin-top: 10px !important; }
  .zhuanli_top .tong_title h2 br { display: block; }
  .zhuanli_content { margin-top: 20px; }
  .zhuanli_swiper .swiper-slide { -webkit-border-radius: 10px; border-radius: 10px; }
  .shape_SWbox::after { left: 15px; right: 15px; }
  .shape_SWbox { padding-bottom: 10px; }
  .shape_SWbox .text { font-size: 12px; }
  .shape_SWboxcontent .pro_code .box p { font-size: 14px; }
  .product_list .item { margin-bottom: 20px; }
  .sub_title p { font-size: 16px; }
  .official_account .tong_title p br { display: none; }
  .official_account .tong_title p { text-align: left; margin-top: 15px; }
  .account_box { width: 230px; }
  .account_desc > img { width: 65px; }
  .account_desc .erweima img { width: 80px; }
  .account_desc .erweima { margin-top: 10px; }
  .account_content { padding-top: 30px; -webkit-border-radius: 10px; border-radius: 10px; }
  .account_desc { top: 30px; left: 20%; }
  .accountzu_item .accTop p { margin-top: 10px; }
  .accountzu_item .accTop .attr { font-size: 10px; margin-top: 10px; padding: 7px 20px 7px 30px; }
  .accountzu_item .accTop .attr::after { width: 13px; height: 13px; background-size: contain; left: 12px; }
  .accountzu_item { -webkit-border-radius: 10px; border-radius: 10px; }
  .grade_content table th { font-size: 14px; }
  .grade_content table { -webkit-border-radius: 5px; border-radius: 5px; }
  .grade_content table th, .grade_content table tr td { padding: 13px 5px; }
  .grade_content table tr td { font-size: 12px; }
  .description_one { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .description_one .left { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .description_one .right { width: 100%; }
  .rel_block { -webkit-border-radius: 10px; border-radius: 10px; padding: 20px; }
  .rel_block .title { font-size: 16px; }
  .description_list .item { width: 100%; margin-right: 0; margin-bottom: 15px; padding: 20px; }
  .description_list .item:last-child { margin-bottom: 0; }
  .description_list .item h2 { font-size: 16px; }
  .joinPatent_list { margin: 20px 0; margin-bottom: 0; }
  .joinPatent_list .item::after { display: none; }
  .joinPatent_list .item { padding: 0 20px; margin-bottom: 20px; }
  .joinPatent_list .item h2 span { font-size: 26px; }
  .advantages_content .left .adavn_item { padding-bottom: 20px; }
  .adavn_item .icon { top: 20px; right: 20px; }
  .adavn_item h2 { font-size: 14px; }
  .adavn_item p { font-size: 12px; }
  .adavn_item { padding-top: 0px; }
  .adavn_item .icon {  }
  .global_list .item h2 span { font-size: 24px; }
  .global_list .item p { font-size: 12px; }
  .global_list { padding: 0 20px; -webkit-border-radius: 20px 20px 20px 0; border-radius: 20px 20px 20px 0; }
  .global_contact .iconbox { width: 40px; height: 40px; }
  .global_contact .iconbox img { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
  .global_contact .text h2 { font-size: 16px; }
  .global_contact .text p { font-size: 14px; }
  .global_contact { margin-top: 20px; }
  @-webkit-keyframes ripple { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);
      opacity: 0; }
    80% { -webkit-transform: translate(-50%, -50%) scale(3); transform: translate(-50%, -50%) scale(3);
      opacity: 1; }
    100% { -webkit-transform: translate(-50%, -50%) scale(3); transform: translate(-50%, -50%) scale(3);
      opacity: 0; } }
  @keyframes ripple { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);
      opacity: 0; }
    80% { -webkit-transform: translate(-50%, -50%) scale(3); transform: translate(-50%, -50%) scale(3);
      opacity: 1; }
    100% { -webkit-transform: translate(-50%, -50%) scale(3); transform: translate(-50%, -50%) scale(3);
      opacity: 0; } }
  @-webkit-keyframes ripple2 { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);
      opacity: 0; }
    80% { -webkit-transform: translate(-50%, -50%) scale(6); transform: translate(-50%, -50%) scale(6);
      opacity: 1; }
    100% { -webkit-transform: translate(-50%, -50%) scale(6); transform: translate(-50%, -50%) scale(6);
      opacity: 0; } }
  @keyframes ripple2 { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);
      opacity: 0; }
    80% { -webkit-transform: translate(-50%, -50%) scale(6); transform: translate(-50%, -50%) scale(6);
      opacity: 1; }
    100% { -webkit-transform: translate(-50%, -50%) scale(6); transform: translate(-50%, -50%) scale(6);
      opacity: 0; } }
  .message_form .form_line .item { width: 100%; margin-right: 0; margin-bottom: 10px; }
  .message_form .form_line { margin-bottom: 10px; }
  .message_form .form_line .item:last-child { margin-bottom: 0; }
  .message_form .input_box { font-size: 14px; height: 45px; padding: 0 20px; }
  .message_form .input_box input { font-size: 14px; }
  .message_form .input_box.textarea_box { -webkit-border-radius: 20px; border-radius: 20px; }
  .form_lineButton button { width: 180px; height: 50px; }
  .message_form { margin-top: 20px; }
  
  .subVideo_list{width: 104%;}
  .subVideo_list .item .text_box { padding: 30px 15px; width:108%; overflow:hidden}
  .subVideo_list .item .text_box .p_btn{ display:none}
  .subVideo_list .item .text_box .box{padding-right: 0px;}
  .subVideo_list .item { width: -webkit-calc(47% - 10px); width: calc(47% - 10px); margin-right: 20px; margin-bottom: 20px; }
  .subVideo_list .item .text_box .title { font-size: 16px; line-height: 1.5; }
  .subVideo_list .item:nth-child(2n) { margin-right: 0; }
  .subVideo_list .item:nth-child(3n) { margin-right: 20px; }
  .subVideo_list .item .text_box .title br { display: none; }
  .subVideo_list .v_play { border-width: 1px; width: 70px; height: 40px; }
  .subVideo_list .v_play i { font-size: 12px; }
  .contact_side { padding: 30px 0; -webkit-border-radius: 10px; border-radius: 10px; }
  .contact_sideList .item h2 { font-size: 12px !important; margin-top: 10px !important; line-height: 1.5; }
  .contact_sideList .item a { font-size: 12px; width: 80px; height: 30px; border-width: 1px; }

  .contact_sideList .item p { font-size: 12px; }
  .contact_sideList .item { padding: 0 10px; }
  .contact_linkcode .item .title { font-size: 15px; }
  .contact_linkcode .item { padding: 30px 15px 20px 15px; }
  .contact_linkcode .item:nth-child(1){z-index: 2}
  .linkcode_list { margin-top: 20px; }
  .linkcode_list .li p { font-size: 14px; }
  .linkcode_list .li { padding: 5px; width: 25%; }
  .linkcode_list .li .icon { height: 22px; }
  .linkcode_list { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .newsDetails_content .new_title { font-size: 16px; }
  .newsDetails_content .new_attrbox .attr { font-size: 12px; padding: 6px 8px; }
  .details_content { font-size: 14px; padding-bottom: 30px; }
  .recommend_list .item .title { font-size: 14px; line-height: 24px; height: auto; margin-bottom: 10px; }
  .recommend_list .item { padding: 15px 0; }
  .news_recommend { margin-bottom: 30px; }
  .news_list .item { width: 100%; }
  .news_list .item .title { height: auto; }
  .news_list .item { margin-bottom: 20px; }
  .sub_title h2 { text-align: center; }
  .home3 .text .list .box .t { font-size: 12px; }
  .home3 .text .list .box .num span { font-size: 22px; margin-right: 2px; }
  .homethree_content .list .box { padding: 0 15px; width: auto; }
  .inbanner_btm { left: 15px; }
  .inbanner_btn i { font-size: 20px; }
  .inbanner_bat { font-size: 14px; }
  .inbanner_play { width: 30px; height: 30px; }
  .inbanner_play i { font-size: 10px; }
  .tong_scrollbar { margin-top: 20px; }
  .tong_scrollbar .swiper-scrollbar-drag { height: 2px !important; }
  .recommend_txtcontent .title { font-size: 16px; line-height: 1.5; margin-bottom: 10px; }
  .grade_content table img { height: 10px; }
  .contact_linkcode .item:nth-child(2) .linkcode_list .li .icon { padding-top: 0; }
  .tong_pagination span { width: 6px; height: 6px; margin: 0 3px !important; }
  .recommendNew_pagination { margin-top: 10px !important; }
  .mainDetails_content, .sitmap_content { padding: 40px 0; }
  .mainDetails_xiangqing { font-size: 14px; margin-top: 15px; }
  .crumbs{display: none;}
  .joinPatent_list .item h2{font-size: 14px;}
  .joinPatent_list .item h2 span{margin-right: 3px;}
  .defaWebMap { margin-top: 15px; }
  .defaWebMap dl h3 span { font-size: 16px; }
  .defaWebMap dl h3 span { top: -13px; }
  footer .con .top .right,footer .con .cen,footer .con .cen .right,footer .con .bot,footer .con .bot .right,footer .con .cen .left{margin-top: 15px !important; }
  footer .con .cen .right h5,footer .con .bot .right h5{font-size: 18px !important;}
  footer .con .bot .right .num{margin-top: 5px;}
  footer .con .top .right .foot_nav .li .link{font-size: 15px !important;line-height: 45px;}
  footer .con .top .right .foot_nav .li i{height: 100%;}
  footer .con .top .right .foot_nav .li i::before{top: 18px;}
}


/* 地图特效 */
@-webkit-keyframes animation-line { 0% { stroke-dashoffset: 700px; }
  14.28571% { stroke-dashoffset: 0px; }
  61.42857% { stroke-dashoffset: 0px; }
  85.71429% { stroke-dashoffset: -700px; }
  to { stroke-dashoffset: -700px; } }

@keyframes animation-line { 0% { stroke-dashoffset: 700px; }
  14.28571% { stroke-dashoffset: 0px; }
  61.42857% { stroke-dashoffset: 0px; }
  85.71429% { stroke-dashoffset: -700px; }
  to { stroke-dashoffset: -700px; } }

.global_content .right { padding-right: 0 !important; width: 749px; }

.newmap_content { position: relative; }

.map_logo { position: absolute; bottom: 10.2%; right: 22.5%; }

.mapSvg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; }

.st91 { fill: none; stroke: #cdc7b5; stroke-width: 0.75; stroke-miterlimit: 10; stroke-dashoffset: 700px; stroke-dasharray: 700px; -webkit-animation: animation-line 10.04s ease-in forwards infinite; animation: animation-line 10.04s ease-in forwards infinite; }

.spot { width: 7px; height: 7px; background: #ccc5b2; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 10; }

.spot::after { width: 17px; height: 17px; background: rgba(204, 197, 178, 0.2); -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; content: ""; }

.spot1 { left: 22.69693%; top: 32.49608%; }

.spot2 { left: 22.2964%; top: 57.29984%; }

.spot3 { left: 35.38051%; top: 48.35165%; }

.spot4 { left: 44.05874%; top: 47.88069%; }

.spot5 { left: 48.59813%; top: 61.38148%; }

.spot6 { left: 45.52737%; top: 78.02198%; }

.spot7 { left: 52.33645%; top: 50.23548%; }

.spot8 { left: 55.94126%; top: 45.05495%; }

.spot9 { left: 61.54873%; top: 51.96232%; }

.spot10 { left: 59.81308%; top: 64.67818%; }

.spot11 { left: 58.21095%; top: 73.46939%; }

.spot12 { left: 61.81575%; top: 81.31868%; }

.spot13 { left: 64.35247%; top: 93.40659%; }

.spot14 { left: 65.95461%; top: 32.81005%; }

.spot15 { left: 67.55674%; top: 40.97331%; }

.spot16 { left: 70.49399%; top: 53.3752%; }

.spot17 { left: 68.09079%; top: 60.59655%; }

.spot18 { left: 66.35514%; top: 68.75981%; }

.spot19 { left: 73.23231%; top: 37%; }

.spot20 { left: 72.09613%; top: 41.28728%; }

.spot21 { left: 75.10147%; top: 40%; }

.spot22 { left: 82.10948%; top: 43.64207%; }

.spot23 { left: 76.76903%; top: 47.25275%; }

.spot24 { left: 77.57009%; top: 58.24176%; }

.spot25 { left: 76.36849%; top: 67.34694%; }

.spot26 { left: 80.50734%; top: 73.15542%; }

.spot27 { left: 80.91001%; top: 54.16013%; }

.spot28 { left: 84.44726%; top: 57.7708%; }

.spot29 { left: 83.71162%; top: 60.12559%; }

.spot30 { left: 84.37917%; top: 64.20722%; }

.spot31 { left: 87.0494%; top: 78.80691%; }

.spot32 { left: 90.38718%; top: 14.75667%; }

.spot33 { left: 87.85047%; top: 23.70487%; }

.spot34 { left: 84.77971%; top: 30.92622%; }

@media (max-width: 1240px) { .global_content .right { margin: 0 auto; } }

@media (max-width: 580px) { 

.about_contentone { display:block;margin-bottom: 80px;overflow: hidden;padding:0 10px; padding-right:30px;}

.about_contentone .left { width:100%; padding-right: 0px;display: block;float: left;margin-bottom: 20px;}

.about_contentone .right { width:100%; font-size: 16px; color: #474747; line-height:2;display: block;float: right;}
.about_contentone .right:after {
  content: ' ';
    position: fixed;
    top: 0;
    right:25px;
    bottom: 0;
    border: #e4e4e4 solid 0px;
    width: 80%;
    height: 82%;
    margin-top: 7.5%;
    z-index: -1;
	box-shadow: 0px 0px 26px rgb(0 0 0 / 0%);
	border-radius: 30px;
	}

.about_contentone:nth-child(2n-1) .left{float: right;padding-right: 0;padding-left: 40px;}
.about_contentone:nth-child(2n-1) .right:after {
    left: 45px;
	}
   
.crumbs_content a {
    color: #fff;
    opacity: 0.6;
    font-size: 15px;
    margin-right: 25px;
}
  
    .index_main .swiper-slide .indexbanner_swiper .swiper-slide video{max-width: initial;}
    
.zhuanli_swiper .zlswbox .right .product_text{height:100px;overflow-y:auto;padding-right:5px;width:100%;}


.zhuanli_swiper .zlswbox .right .product_text::-webkit-scrollbar {
        width: 2px;
        height: 16-8px;
        background-color: #fff;
    }
.zhuanli_swiper .zlswbox .right .product_text::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
        border-radius: 2px;
        background-color: #fff;
    }
.zhuanli_swiper .zlswbox .right .product_text::-webkit-scrollbar-thumb {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
        background-color: #e74f8e;
    }
    .map_logo img { width: 30px; }
  .map_logo { bottom: 11.2%; right: 23%; }
  .spot { -webkit-transform: translate(-2px, -1px) scale(0.7); -ms-transform: translate(-2px, -1px) scale(0.7); transform: translate(-2px, -1px) scale(0.7); }
}

.imgListBox_two{display: none;}
.item_two{cursor: pointer;}
.photoGallery_alert {background: rgba(0,0,0,0.6);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 1000;display: none;}
.photoGallery_main {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;width: 100%; height: 100%;}
.photoGallery_container{height: 80%;position: relative;width: 1000px;max-width: 95%;}
.photoGallery_content{width: 100%; height:100%; position: absolute;}
.photoGallery_content .swiper-container{position: absolute; width:100%; height:100%;}
.phcloseBtn{font-size: 16px;position: absolute;top: -30px;right: 0;z-index: 10;color: #fff;cursor: pointer;
    background-image: -webkit-linear-gradient(73deg, #ffc5a3 0%, #ff5f00 100%), -webkit-linear-gradient(#07347d, #07347d);
    background-image: -o-linear-gradient(73deg, #ffc5a3 0%, #ff5f00 100%), -o-linear-gradient(#07347d, #07347d);
    background-image: linear-gradient(17deg, #ffc5a3 0%, #ff5f00 100%), linear-gradient(#07347d, #07347d);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
	border-radius: 50%;
	
	}
.photoGalleryPopup_swiper img {width: auto !important;position: absolute; height: 100%;left: 50%; -webkit-transform: translate3d(-50%, 0px, 1px);-moz-transform: translate3d(-50%, 0px, 1px);transform: translate3d(-50%, 0px, 1px); max-width:initial; }
.photoGalleryPopup_swiper .swiper-slide{overflow:hidden;}
.photoGalleryPopup_swiper .imgbox{max-width:100%;text-align:center;}
.phbtn{position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border: 1px solid #fff;transition: all 0.4s;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;cursor: pointer;}
.phPrev{left: -80px;}
.phNext{right: -80px;}
.phbtn:hover{background: #ff5f00;border-color: #ff5f00;}
.phshow_content{font-size: 14px;position: absolute;right: 0;bottom: -30px;color: #fff;z-index: 10;}
.phshow_content .curnum{margin-right: 5px;}
.honorssw_box .desc .tit{height: 84px;}
.category_type .item{height: auto !important;background: none !important;position: relative;}
.category_type .item>a{line-height: 48px;display: block;}
.category_type .itemList{display: none;}
.itemList a{display: block;line-height: 35px;font-size: 15px;color: #726f6f; margin-left:35px;display: list-item;}
.downbtnbox{position: absolute;top: 0;right: 0;cursor: pointer;color: #333;text-align: right;width: 60px;font-size: 18px;}
.downbtnbox i{transition: all 0.4s;}
.category_type .item.active>a,.category_type .item a:hover{color: #ff5f00; font-weight:700}
.category_type .item.active .downbtnbox{color: #ff5f00;}
.category_type .item .downbtnbox.cur i{transform: rotate(180deg);}
.category_type .item.active .itemList{display: block;}
.itemList a.active{color: #ff5f00;}
.product_maincontent .left h2{padding-left: 0 !important;}
.category_type .item{padding-left: 0 !important;}
.category_type .item>a{font-family: 'sc_bold';}
@media (max-width: 760px){
	.home4 .text{position: relative;}
.home4::after{display: none;}
.shape_main{padding: 55px 0 45px;}


.sub_title {
    top: 65%;
  }

    .OnlineApplicationTitle { text-align: center; }
  .OnlineApplicationForm dl dt { position: relative; padding: 0px 20px 0px 0px; width: 100%;}
  .OnlineApplicationForm dl dd { position: relative; padding: 0px 20px 0px 0px;width: 100%; }
  .OnlineApplicationForm i { top: 35px; }
  .OnlineApplicationForm span { position: relative; font-size: 14px; text-align: left; width: 100px; }
  .OnlineApplicationForm .FormTextarea { padding: 0px 20px 0px 0px; position: relative; margin-bottom: 15px; }
  .OnlineApplicationForm .FormTextarea textarea { width: 100%; height: 150px; }
  .OnlineApplicationForm .vCode { max-width: 525px; padding: 0px 105px 0px 0px; position: relative; }
  .OnlineApplicationForm .vCode label { padding: 5px 106px 5px 10px; } 
  
}