﻿

body {background-color: #fff;overflow-x: hidden;}
body.scroll{position:fixed;width:100%;}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color:#797979}
input::-moz-placeholder,
textarea::-moz-placeholder {color:#797979}
input:-moz-placeholder,
textarea:-moz-placeholder {color:#797979}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#797979}

/* 设置滚动条的样式 */
::-webkit-scrollbar {width: 6px;height: 6px;border-radius: 5px;}
/* 滚动槽 */
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,1);border-radius: 5px;margin: 5px 0;}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {border-radius: 5px;background: rgba(204,204,204, 1);-webkit-box-shadow: inset 0 0 6px rgba(155,155,155,0.6);}

/** 载入字体 **/
@font-face {
	font-family: 'goodpro-condbold';
	src: url('/static/english/fonts/goodpro-condbold.otf');
	font-style: normal;
}

/**
 * 设置清除浮动的元素
 */
.fl{float:left;}
.fr{float:right;}
ul:after,
dl:after,
ol:after,
.clearfix::after,
.list::after,
.list-inner::after {content:"\200B";display:block;height:0;clear:both;}
.clearfix {*zoom:1;}

.container,
.container-lg,
.container-md {margin: 0 auto;}
.container {width: 92.7%;}
.container-lg {max-width: 1300px;}
.container-md {max-width: 1258px;}

.pos-relative {position: relative;}

.visible-xs,
.hidden {display: none;}

.text-center {text-align: center;}
.text-right {text-align: right;}

.inline {display: inline;}

.p-b-50 {padding-bottom: 50px;}
.m-b-15 {margin-bottom: 15px;}

@media (min-width: 769px) {
	/**
	 * 高度超高隐藏
	 */
	.max-height-container {position: relative;}
	.max-height-vh {overflow: hidden;}
	.max-height-container>.btn-group {display: none;position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;height: 50px;padding-top: 12px;}
	.max-height-container>.btn-group .btn {padding: 0 40px;font-size: 15px;line-height: 38px;border-radius: 36px;}
	.max-height-container>.btn-group .btn:hover {
		color: #fff;
		background:#e94562;
		background:-moz-linear-gradient(left, #fc7653, #e94562);
		background:-webkit-gradient(linear, left top, right bottom, from(#fc7653), to(#e94562));
		background:-o-linear-gradient(left, #fc7653, #e94562);
		border-color: #e94562
	}

	.max-height-container.active {padding-bottom: 50px;}
	.max-height-container.active>.btn-group {display: block;}
}

/**
 * icon
 */
.icon {display: inline-block;background-repeat: no-repeat;background-position: center;background-size: cover;}

/**
 * btn
 */
.btn {display: inline-block;padding: 0 20px;font-size: 16px;line-height: 36px;transition: .3s;}

.btn.visible-xs,
.btn.hidden {display: none;}

.btn .iconfont {float: left;margin-right: 10px;}
.btn .iconfont.fr {float: right;margin-right: 0;margin-left: 10px;}

.btn-md {padding: 0 48px;font-size: 18px;line-height: 42px;}
.btn-md.btn-radius {border-radius: 42px;}

.btn-lg {padding: 0 70px;font-size: 20px;line-height: 55px;}
.btn-lg.btn-radius {border-radius: 55px;}

.btn-hollow {color: #fff;background: transparent;border: 1px solid #fff;}
.btn-hollow-red {color: #e94562;}

.btn-default {color: #797979;background: #fff;border: 1px solid #ccc;}
.btn-primary {
	color: #fff;
	background:#e94562;
	background:-moz-linear-gradient(left, #fc7653, #e94562);
	background:-webkit-gradient(linear, left top, right bottom, from(#fc7653), to(#e94562));
	background:-o-linear-gradient(left, #fc7653, #e94562);
	border-color: #e94562
}

.btn-blue {color: #fff;background-color: #1d98d4;}
.btn-blue:hover {background-color: #1288c1;}

.btn-green {color: #fff;background-color: #51c266;}
.btn-green:hover {background-color: #3ca149;}

.btn-red {color: #fff;background-color: #e52f42;}
.btn-red:hover {background-color: #e94562;}

/* btn-easing */
.btn-easing {position: relative;transition: all .6s;overflow: hidden;}
.btn-easing span {position: relative;z-index: 2;display: inline-block;}
.btn-easing:hover {color: #fff!important;border-color: #e94562!important;}
.btn-easing:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;
	background:#e94562;
	background:-moz-linear-gradient(left, #fc7653, #e94562);
	background:-webkit-gradient(linear, left top, right bottom, from(#fc7653), to(#e94562));
	background:-o-linear-gradient(left, #fc7653, #e94562);
	-moz-transition:-moz-transform .6s cubic-bezier(.8,0,.2,1);-o-transition:-o-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition-delay:0s;transition:transform .6s cubic-bezier(.8,0,.2,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-webkit-transform:scale(0,1);transform:scale(0,1);-moz-transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;transform-origin:right top}
.btn-easing:hover:before{-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)}

.btn-easing.btn-primary:hover {border-color: #fc7653!important;}
.btn-easing.btn-primary:before {
	background:#fc7653;
	background:-moz-linear-gradient(left, #e94562, #fc7653);
	background:-webkit-gradient(linear, left top, right bottom, from(#e94562), to(#fc7653));
	background:-o-linear-gradient(left, #e94562, #fc7653);
}

/* 展开按钮 */
.btn-expand-toggle{position:relative;width:30px;height:40px;cursor:pointer}
.btn-expand-toggle span{display:block;position:absolute;top:50%;left:0;width:100%;height:2px;background-color: #fff;animation-duration:.5s;animation-fill-mode:both;transform: translateY(-1px);}
.btn-expand-toggle span:first-child{transform:translateY(5px) rotate(0)}
.btn-expand-toggle span:last-child{transform:translateY(-7px) rotate(0)}
.btn-expand-toggle.active span:nth-child(1){animation-name:activefirst}
.btn-expand-toggle.active span:nth-child(2){animation-name:activesecond}
.btn-expand-toggle.active span:nth-child(3){animation-name:activethird}
.btn-expand-toggle.cancel span:nth-child(1){animation-name:cancelfirst}
.btn-expand-toggle.cancel span:nth-child(2){animation-name:cancelsecond}
.btn-expand-toggle.cancel span:nth-child(3){animation-name:cancelthird}

.btn-expand-toggle.red span {background-color: #e52f42;}

@keyframes activefirst{0%{transform:translateY(6px) rotate(0)}100%{transform:translateY(0) rotate(45deg)}}
@keyframes activesecond{0%{opacity:1}100%{opacity:0}}
@keyframes activethird{0%{transform:translateY(-6px) rotate(0)}100%{transform:translateY(0) rotate(-45deg)}}
@keyframes cancelfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-7px) rotate(0)}}
@keyframes cancelsecond{0%{opacity:0}100%{opacity:1}}
@keyframes cancelthird{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(5px) rotate(0)}}

/* title */
.title-first {margin-bottom: 60px;text-align: center;}
.title-first h3 {display: inline-block;position: relative;font-size: 32px;line-height: 42px;padding-bottom: 15px;color: #4d4d4d;}
.title-first h3::before {content: '';display: block;position: absolute;bottom: 0;left: 50%;width: 24px;height: 2px;margin-left: -12px;background-color: #4d4d4d;}
.title-first .email {margin-top: 30px;font-size: 16px;line-height: 28px;color: #5d5d5d;}

.title-second {position: relative;margin-bottom: 40px;}
.title-second h3 {font-size: 24px;line-height: 32px;color: #000;}
.title-second h4 {font-size: 14px;line-height: 28px;color: #797979;text-transform: uppercase;}
.title-second .email {font-size: 16px;line-height: 28px;color: #5d5d5d;}
@media (min-width: 769px) {
	.title-second .email {position: absolute;bottom: 0;right: 0;}
}

/* 动画效果 */
/* .title-first h3,
.title-second h3,
.title-second h4 {opacity: 0;transform: translateY(100%);transition: .75s;}
.load .title-first h3,
.load .title-second h3,
.load .title-second h4 {
	opacity: 1;
    transition-delay: .3s;
	transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
} */

/**
 * form
 */
.form-title {margin-bottom: 20px;color: #767676;}
.form-title h3 {font-size: 20px;line-height: 30px;}
.form-title h4 {margin-top: 10px;font-size: 14px;line-height: 26px;}

.form-primary .form-group {margin-bottom: 18px;}
.form-primary .form-control {display: block;width: 100%;padding: 8px 20px;font-size: 14px;line-height: 30px;color: #646464;border: 1px solid #cdcdcd;}
.form-primary textarea.form-control {min-height: 166px;}
.form-primary .form-btn-group .tips {padding: 9px 0;font-size: 14px;line-height: 36px;color: #e74152;}
.form-primary .form-btn-group .btn-submit {padding: 0 60px;font-size: 20px;line-height: 54px;border-radius: 54px;}
.form-primary label.error {display: block;font-size: 14px;line-height: 24px;color: #e74152;}
.form-control.error {border-color: #e74152;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(231,65,82,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(231,65,82,.6)}

.form-flex {display: flex;justify-content: space-between;}
.form-flex>div {}

/* 过滤表单 */
.form-filter .form-control {width: 100%;margin-bottom: 10px;padding: 0 20px;font-size: 16px;line-height: 38px;border: 1px solid #b2b2b2;}
.form-filter .text {font-size: 16px;line-height: 38px;}
.form-filter .connect {display: inline-block;}
.form-filter .btn-submit {width: 50px;height: 40px;padding: 0;}
.form-filter .btn-submit .iconfont {display: block;width: 100%;height: 100%;font-size: 18px;line-height: 40px;line-height: 40px;}

/* 表单-链接符 */
.form-connect-content>* {float: left;}
.form-connect-content .text {padding: 0 7px;color: #838383;}

/* table */
.table-panel {text-align: center;}
.table-panel th {height: 60px;}
.table-panel td:nth-child(1) {width: 156px;font-size: 14px;line-height: 28px;font-weight: bolder;color: #fff;background-color: #969696;border-right: 2px solid #fff;}
.table-panel td:nth-child(2) {padding: 10px 30px;text-align: left;font-size: 14px;line-height: 24px;color: #5d5d5d;background-color: #f1f1f1;}
.table-panel thead {font-size: 14px;line-height: 28px;color: #fff;background-color: #eb4961;}
.table-panel tbody td {height: 70px;}
.table-panel tbody tr {border-top: 2px solid #fff;}
.table-panel td.height-2 {height: 105px;}

/**
 * tab
 */
.tab-nav.primary {margin-bottom: 36px;}
.tab-nav.primary .item {float: left;min-width: 106px;margin-right: 10px;text-align: center;font-size: 16px;line-height: 36px;color: #5d5d5d;background-color: #cfcfcf;cursor: pointer;}
.tab-nav.primary .item.active,
.tab-nav.primary .item:hover {color: #fff;
	background:#fc7653;
	background:-moz-linear-gradient(left, #e94562, #fc7653);
	background:-webkit-gradient(linear, left top, right bottom, from(#e94562), to(#fc7653));
	background:-o-linear-gradient(left, #e94562, #fc7653);
}
.tab-content-item {display: none;}
.tab-content-item:first-child {display: block;}

/* 垂直居中 */
.middle-box{display: table;margin:0 auto; position:relative;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%; text-align:center;}
.middle-inner p{position:relative; *top:-50%; *left:-50%;}

/* 图片 */
.thumbnail {position: relative;font-size: 0;line-height: 0;overflow: hidden;cursor: pointer;background-repeat: no-repeat;background-size: cover;background-position: center;}
.thumbnail img {width: 100%;transition: all .3s;}
.thumbnail .content {width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;transition: all .3s;}
@media (min-width: 768px) {
	.thumbnail:not(.no-effect):hover img,
	.thumbnail:not(.no-effect):hover .content {transform: scale(1.1);}
}
.thumbnail-play .icon-play {position: absolute;top: 50%;left: 50%;width: 52px;height: 52px;margin-left: -26px;margin-top: -26px;font-size: 50px;line-height: 52px;color: #fff;text-align: center;}

.img-responsive {display: block;width: 100%;}

/**
 * fullpage
 */
#fullpage>.section {position: relative;width: 100%;height: 100vh;overflow: hidden;background-color: #fff;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;overflow: hidden;}
body #fp-nav {z-index: 99;display: none;transform: translateY(-50%);}
body #fp-nav ul li,
body .fp-slidesNav ul li {margin-left: 0;}
body #fp-nav ul li:first-child {display: none;}

body #fp-nav ul li {width: 22px;height: 22px;margin: 16px 0;}
body #fp-nav ul li a span {top: 0;left: 0;margin: 0;width: 22px;height: 22px;background-color: #a7aaaa;border: 4px solid #fff;border-radius: 50%;}

body #fp-nav ul li .fp-tooltip.fp-left {top: -2px;left: 32px;height: 25px;max-width: none;padding-left: 45px;font-size: 16px;line-height: 25px;color: #e6061f;}
body #fp-nav ul li .fp-tooltip i {position: absolute;top: 0;left: 0;width: 35px;height: 25px;padding-left: 8px;font-style: normal;font-size: 16px;line-height: 25px;color: #fff;text-align: center;background: url(/static/english/images/icons/page_num.png) no-repeat;background-size: 100% 100%;}
body #fp-nav ul li .fp-tooltip h4 {font-weight: bolder;}

body #fp-nav ul li a.active span,
body #fp-nav ul li:hover a span,
body #fp-nav ul li:hover a.active span {width: 22px;height: 22px;margin: 0;background-color: #fff;border-color: #e83a4d;}

#fullpage>.section.bg-section1 {background-image: url(/static/english/images/bg_section1.png);}
#fullpage>.section.bg-section2 {background-image: url(/static/english/images/bg_section2.png);}
#fullpage>.section.bg-section3 {background-image: url(/static/english/images/bg_section3.png);}
#fullpage>.section.bg-section4 {background-image: url(/static/english/images/bg_section4.png);}
#fullpage>.section.bg-section5 {background-image: url(/static/english/images/bg_section5.png);background-size: cover;}
#fullpage>.section.bg-section6 {background-image: url(/static/english/images/bg_section6.png);background-size: cover;}
#fullpage>.section.bg-section7 {background-image: url(/static/english/images/bg_section7.png);background-size: cover;}
#fullpage>.section.bg-section8 {background-image: url(/static/english/images/bg_section8.png);background-size: cover;}
#fullpage>.section.bg-section9 {background-image: url(/static/english/images/bg_section9.jpg);background-size: cover;}

/**
 * swiper
 */
.swiper-primary {position: relative;font-size: 0;}
.swiper-primary,
.swiper-primary .bg,
.swiper-primary .banner-text {height: 100%;}
.swiper-primary .swiper-slide {overflow: hidden;}
.swiper-primary .bg {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;overflow: hidden;transform: scale(1.15);transition: 4s;}
.swiper-primary .container {position: relative;z-index: 2;}
.swiper-primary .banner-text .middle-inner {text-align: left;}
body .swiper-primary>.swiper-pagination {bottom: 13%;}
body .swiper-primary>.swiper-pagination .swiper-pagination-bullet {position: relative;width: 22px;height: 22px;margin: 0 6px;background: none;border: 1px solid transparent;opacity: 1;}
body .swiper-primary>.swiper-pagination .swiper-pagination-bullet:hover,
body .swiper-primary>.swiper-pagination .swiper-pagination-bullet-active {border-color: #fff;}
.swiper-primary .swiper-pagination-bullet::before {content: '';position: absolute;top: 7px;left: 7px;width: 6px;height: 6px;background-color: #fff;border-radius: 50%;}

/* 激活效果 */
.load .swiper-primary .swiper-slide-active .bg,
.load .swiper-primary>.bg {transform: scale(1);}

/* swiper-normal */
.swiper-normal .swiper-button-next.swiper-button-disabled,
.swiper-normal .swiper-button-prev.swiper-button-disabled {pointer-events: auto;}
.swiper-normal .swiper-button-next,
.swiper-normal .swiper-button-prev {font-size: 20px;line-height: 44px;color: #fff;text-align: center;background: rgba(0,0,0,.4);}

/* swiper-product */
.swiper-product {padding-bottom: 70px;font-size: 0;text-align: center;color: #5d5d5d;}
.swiper-product .swiper-slide {display: block;padding: 0 50px;}
.article-simple.swiper-product .swiper-slide {padding: 0;}
/* .swiper-product:not(.no-border) .swiper-slide:not(:first-child)::before {content: '';display: block;position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #e7e7e7;} */
.swiper-product .thumbnail {height: 30vh;}
.swiper-product .thumbnail .content {background-size: contain;
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
.swiper-product .swiper-slide>.title {margin-top: 30px;font-size: 16px;line-height: 28px;font-weight: bolder;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.swiper-product .summary {margin-top: 10px;font-size: 14px;line-height: 28px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.swiper-product .swiper-slide:hover .title {color: #e52f42;}
.swiper-product .swiper-pagination-custom {display: inline-block;position: absolute;bottom: 9px;left: 50%;transform: translateX(-50%);width: auto;}
.swiper-product .swiper-pagination-custom.visible-xs {display: none;}
body .swiper-product .swiper-pagination {position: relative;bottom: auto;left: auto;}
.swiper-product .swiper-scrollbar {height: 5px;}
.swiper-product .swiper-pagination-bullet {width: 22px;height: 22px;margin: 0 6px;background-color: #a7aaaa;border: 4px solid #fff;opacity: 1;}
.swiper-product .swiper-pagination-bullet-active {background-color: #e52f42;border-color: #f8c9ce;}
.swiper-product .swiper-button-next,
.swiper-product .swiper-button-prev {top: 15vh;width: 50px;height: 80px;margin-top: -40px;font-size: 40px;line-height: 80px;color: #565656;text-align: center;background: none;}
.swiper-product .swiper-button-next {right: 5px;
	animation: moveRightSpot 1s infinite;
	-webkit-animation: moveRightSpot 1s infinite;
	-moz-animation: moveRightSpot 1s infinite;
}
.swiper-product .swiper-button-prev {left: 5px;
	animation: moveLeftSpot 1s infinite;
	-webkit-animation: moveLeftSpot 1s infinite;
	-moz-animation: moveLeftSpot 1s infinite;
}
.swiper-product .swiper-button-next.swiper-button-disabled,
.swiper-product .swiper-button-prev.swiper-button-disabled {pointer-events: auto;cursor: not-allowed;}

@keyframes moveRightSpot {
	from {
		opacity: 1;
		right: 5px;
	}
	to {
		opacity: 0.3;
		right: 0px;
	}
}
@keyframes moveLeftSpot {
	from {
		opacity: 1;
		left: 5px;
	}
	to {
		opacity: 0.3;
		left: 0;
	}
}

.swiper-product .swiper-button-next:hover,
.swiper-product .swiper-button-prev:hover {color: #e52f42;}
.swiper-product .swiper-button-prev::after,
.swiper-product .swiper-button-next::after {content: none;}

/* swiper-card */
.swiper-container.swiper-card {padding-bottom: 100px;}
.swiper-card .swiper-wrapper {padding-top: 63px;}
.swiper-card .swiper-slide {position: relative;padding: 110px 110px 60px;border: 1px solid #dfdfdf;border-radius: 20px;}
.swiper-card .swiper-slide:not(:first-child)::before {content: none;}
.swiper-card .card-logo {position: absolute;top: -63px;left: 50%;z-index: 2;width: 126px;height: 126px;margin-left: -63px;background-color: #f5f5f5;border-radius: 50%;}
.swiper-card .card-logo .content {background-size: auto 50%;}
.swiper-card .card-info .title {margin-top: 0;font-size: 18px;line-height: 40px;color: #3d3d3d;font-weight: bolder;}
.swiper-card .card-info .content {margin-top: 20px;font-size: 14px;line-height: 36px;color: #5d5d5d;text-align: center;}
.swiper-card .swiper-slide:hover .title {color: #3d3d3d;}

/**
 * ***** header *****
 */
.header {position: fixed;top: 3.5%;left: 0;z-index: 100;width: 100%;}
.header .container {position: relative;width: 92.7%;}
.header .logo,
.header .header-menu,
.header .header-tool {position: absolute;top: 0;}
.header .logo {left: 0;z-index: 10;height: 30px;font-size: 0;line-height: 0;}
.header .logo img {height: 100%;}
.header .header-tool {right: 0;z-index: 10;}
.header .header-menu {left: 50%;margin-left: -443px;opacity: 1;/*transition: all .3s;*/visibility: visible;}

.header-menu a {display: block;cursor: default;}
.header-menu>li {float: left;position: relative;padding: 0 20px 20px;}
.header-menu>li>a {position: relative;padding: 0 20px;font-size: 14px;line-height: 30px;color: #fff;font-weight: bolder;}
.header-menu>li>a::before,
.header-menu>li>a::after {content: '';display: block;position: absolute;bottom: -8px;width: 0;height: 2px;background-color: #fff;transition: all .3s;}
.header-menu>li>a::before {left: 50%;margin-left: -12px;}
.header-menu>li>a::after {right: 50%;margin-right: -12px;}
.header-menu>li:hover>a::before,
.header-menu>li:hover>a::after,
.header-menu>li.active>a::before,
.header-menu>li.active>a::after {width: 24px;}
.header-menu .submenu {display: none;position: absolute;top: 50px;left: 50%;z-index: 10px;width: 190px;margin-left: -90px;padding: 15px 0;text-align: center;background-color: rgba(255, 255, 255, .84);border-radius: 5px;overflow: hidden;}
.header-menu .submenu a {padding: 0 15px;font-size: 14px;line-height: 40px;color: #424242;}

.header-menu .submenu a.can-hover {color: #e52f42;}
.header-menu .submenu a.can-hover:hover {color: #e52f42;}
.header-menu .can-hover {cursor: pointer!important;}
.header .container .header-menu .submenu a.can-hover {color: #fff;background-color: #e52f42;}
.header .container .header-menu .submenu.compact {padding: 0;}
.header .container .header-menu .submenu a {border-top: 1px solid rgba(255, 255, 255, .3);}
.header .container .header-menu .submenu a:first-child {border-top: none;}

.header .container>.header-menu-attached {display: none;}

.header-tool {cursor: pointer;}
.header-tool .item {float: left;position: relative;margin: 0 20px;font-size: 0;line-height: 0;}
.header-tool .item:not(:first-child)::before {content: '';display: block;position: absolute;top: 10px;left: -20px;width: 1px;height: 10px;background-color: #fff;}
.header-tool .item:last-child {margin-right: 0;}
.header-tool .btn {width: auto;height: 30px;padding: 0 10px;font-size: 18px;line-height: 30px;color: #fff;}
.header-tool .btn-expand-toggle {margin-left: 10px;padding: 0;width: 24px;}
.header-tool .btn-expand-toggle.active span {background-color: #606060;}

.header.white .header-tool .btn {color: #646464;}
.header.white .header-tool .item:not(:first-child)::before {background-color: #646464;}
.header.white .btn-expand-toggle span {background-color: #e52f42;}
.header.white .container>.header-menu-hover {opacity: 0;visibility:hidden;}

.header.white .container>.header-menu-attached {display: block;}
.header.white .container>.header-menu-attached>li>a {color: #666;}
.header.white .container>.header-menuattached>li>a::before, 
.header.white .container>.header-menu-attached>li>a::after {background-color: #666;}

/* header-cover */
.header-cover {position: fixed;top: 0;left: 0;width: 100%;height: 0;padding-top: 0;background-color: #fff;transition: all .3s;overflow: hidden;}

.header.open-cover .header-cover {height: 100%;padding-top: 133px;}
.header.open-cover .header-tool .item:first-child {width: 0;height: 0;overflow: hidden;}
.header.open-cover .header-tool .item {float: right;}
.header.open-cover .header-tool .item:not(:first-child)::before {content: none;}

.header .form-search {position: relative;margin-bottom: 100px;border-bottom: 1px solid #ccc;}
.header .form-search .form-control {display: block;width: 100%;height: 46px;padding-left: 55px;font-size: 14px;line-height: 46px;}
.header .form-search .btn-search {position: absolute;top: 0;left: 0;width: 55px;height: 46px;padding: 0;font-size: 26px;line-height: 46px;text-align: left;}
.header .form-search .btn-search:hover {color: #e52f42;}

.header-cover-content {position: relative;/*padding-right: 220px;*/}
.header-cover-btn-group {position: absolute;top: 0;right: 0;}
.header-cover-btn-group .btn {width: 180px;height: 46px;margin-bottom: 20px;font-size: 14px;line-height: 46px;text-align: center;}

.header-cover-menu .header-menu {position: static;top: auto;left: auto;margin-left: 0;display: flex;justify-content: space-between;}
.header-cover-menu .header-menu::after {content: none;}
.header-cover-menu .header-menu>li {float: none;padding: 0;}
.header-cover-menu .header-menu>li::before {content: '';display: block;position: absolute;top: 20px;left: -72px;width: 44px;height: 1px;background-color: #ccc;}
.header-cover-menu .header-menu>li>a {padding: 0;font-size: 18px;line-height: 40px;color: #4d4d4d;font-weight: bolder;}
.header-cover-menu .header-menu>li:first-child {margin-left: 0;}
.header-cover-menu .header-menu>li:first-child::before {content: none;}
.header-cover-menu .header-menu>li:first-child>a {padding-left: 0;}
.header-cover-menu .header-menu>li:hover>a::before,
.header-cover-menu .header-menu>li:hover>a::after,
.header-cover-menu .header-menu>li.active>a::before,
.header-cover-menu .header-menu>li.active>a::after {content: none;}
.header-cover-menu .submenu {display: block;left: 0;width: 126px;margin-left: 0;padding: 0;text-align: left;background: none;}
.header-cover-menu .submenu a {padding: 6px 0;font-size: 13px;line-height: 20px;color: #797979;}
.header-cover-menu .submenu a:hover {color: #e6061f;background: none;}

/**
 * ***** banner *****
 */
.banner-text {color: #fff;}
.banner-text h2 {height: 130px;overflow: hidden;font-family: 'goodpro-condbold';font-size: 115px;line-height: 130px;font-weight: bolder;text-transform: uppercase;}
.banner-text h3 {height: 50px;overflow: hidden;font-size: 28px;line-height: 50px;}
.banner-text h2 span,
.banner-text h3 span {display: block;}

.banner-text .summary {max-width: 36%;margin-top: 10px;font-size: 14px;line-height: 28px;}
.banner-text .btn-more {margin-top: 40px;padding: 0 28px;line-height: 40px;}

/* 动画效果 */
/* .banner-text h2 span,
.banner-text h3 span,
.banner-text .summary,
.banner-text .btn-more {opacity: 0;transform: translateY(100%);}

.banner-text h2 span {transition: .6s;}
.banner-text h3 span {transition: .65s;}
.banner-text .summary {transition: .7s;}
.banner-text .btn-more {transition: .75s;}

.load .swiper-primary:not(.swiper-index) .banner-text h2 span,
.load .swiper-primary:not(.swiper-index) .banner-text h3 span,
.load .swiper-primary:not(.swiper-index) .banner-text .summary,
.load .swiper-primary:not(.swiper-index) .banner-text .btn-more,
.swiper-slide-active .banner-text h2 span,
.swiper-slide-active .banner-text h3 span,
.swiper-slide-active .banner-text .summary,
.swiper-slide-active .banner-text .btn-more {
	opacity: 1;
    transition-delay: .3s;
	transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
} */

/**
 * ***** main *****
 */
.main-nav {float: left;width: 21%;}
.main-nav .nav-title {height: 65px;font-size: 26px;line-height: 40px;color: #4c4c4c;font-weight: bolder;}
.main-content {float: right;width: 71%;}

/**
 * 文章
 */
/* 文章-简约 */
.article-simple .article-content {font-size: 14px;line-height: 28px;color: #5d5d5d;text-align: justify;}
.article-simple .article-content .title {margin-bottom: 30px;font-size: 16px;color: #e6061f;font-weight: bolder;}
.article-simple .article-content img {display: block;margin: 20px auto;}
.article-simple .hr {margin: 40px 0;width: 100%;height: 0;border-top: 1px dashed #cdcdcd;}
.article-simple .img-content {padding-left: 80px;}
.article-simple .img-content img {border-radius: 10px;}

/* 文章-介绍 */
.article-introduce .article-header {position: relative;margin-bottom: 30px;padding-bottom: 34px;}
.article-introduce .article-header::before {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 23px;height: 2px;background-color: #008dd2;}
.article-introduce .article-header img {display: block;height: 49px;}
.article-introduce .pos-relative {padding-right: 360px;}
.article-introduce .img-content {position: absolute;top: 0;right: 0;width: 298px;border-radius: 10px;}
.article-introduce .img-content img {display: block;width: 100%;}
.article-introduce .article-content {font-size: 14px;line-height: 28px;color: #5d5d5d;text-align: justify;}
.article-introduce .btn-enter {margin-top: 40px;padding: 0 56px;font-size: 14px;line-height: 54px;}
.article-introduce .btn-enter .iconfont {font-size: 22px;line-height: 54px;}

.article-introduce.green .article-header::before {background-color: #51c266;}

/* 文章-图文 */
.article-thumbnail-text {position: relative;padding-right: 534px;}
.article-thumbnail-text .img-content {position: absolute;top: 0;right: 0;width: 507px;padding-left: 0;text-align: right;}
.article-thumbnail-text .img-content img {display: inline-block;width: auto;max-width: 100%;}
.article-thumbnail-text .middle-box {width: 100%;}

/* 文章-宽松 */
.article-loose .article-content {font-size: 18px;line-height: 30px;color: #7a7a7a;}
.article-loose .article-content p {margin-bottom: 10px;}

#map {position: relative;z-index: 1;height: 332px;margin-bottom: 36px;}

/**
 * 分页
 */
.pagination {margin-top: 38px;font-size: 0;}
.pagination ul {display: inline-block;}
.pagination li {display: inline-block;margin: 0 3px;padding: 0 12px;font-size: 16px;line-height: 38px;color: #4f4f4f;background-color: #fff;border: 1px solid #e3e3e3;border-radius: 4px;cursor: pointer;}
.pagination li:hover,
.pagination li.active {color: #fff;background-color: #e52f42;border-color: #e52f42;}

/**
 * ***** footer *****
 */
.footer {position: relative;bottom: 5%;left: 0;width: 100%;z-index: 99;font-size: 14px;line-height: 24px;color: #656565;}
.footer .container {position: relative;}
.footer-left,
.footer-right {position: absolute;bottom: 0;}
.footer-left {left: 0;}
.footer-right {right: 0;text-align: right;}
.footer-nav li {float: left;position: relative;padding-left: 22px;}
.footer-nav li::before {content: '';display: block;position: absolute;top: 11px;left: 8px;width: 5px;height: 1px;background-color: #656565;}
.footer-nav li:first-child {padding-left: 0;}
.footer-nav li:first-child::before {content: none;}
.footer-nav a:hover {color: #e52f42;}
.footer-left .list-inner,
.footer .list .item {margin-top: 10px;}
.footer .list .item:first-child {margin-top: 0;}

.footer.fixed {position: fixed;}
.footer.white,
.footer.white .list-inner {color: #fff;}
.footer.white .footer-nav li::before,
.footer.white .list-inner .item::before {background-color: #fff;}

.section .footer {position: absolute;}

/**
 * ***** layer *****
 */
#layerWindow {display: none;max-height: 60vh;overflow: auto;}
body .layer-window {border-radius: 12px;}
body .layer-window .layui-layer-setwin {top: 8px;right: 8px;width: 29px;height: 29px;transition: .3s;}
body .layer-window .layui-layer-setwin .layui-layer-close2 {top: 0;left: 0;width: 100%;height: 100%;background: url(/static/english/images/icons/close.png) no-repeat center / 19px;}
body .layer-window .layui-layer-setwin:hover {transform: rotate(180deg);}
body .layer-window .layui-layer-content {padding: 40px 45px;}

.layer-article .article-title {margin-bottom: 20px;font-size: 18px;line-height: 28px;font-weight: bolder;color: #e83a4d;}
.layer-article .article-content {padding-bottom: 1px;font-size: 14px;line-height: 28px;color: #5d5d5d;}
.layer-article .article-content img {display: block;margin: 20px auto;}

.layer-product .content {position: relative;}
.layer-product .product-thumbnail {margin-bottom: 10px;}
.layer-product .product-thumbnail img {display: block;width: 100%;}
.layer-product .product-title {margin-bottom: 20px;font-size: 18px;line-height: 28px;font-weight: bolder;color: #e83a4d;}
.layer-product .product-content {padding-bottom: 1px;font-size: 14px;line-height: 28px;color: #5d5d5d;text-align: justify;}
.layer-product .product-content img {display: block;margin: 20px auto;}

@media (min-width: 769px) {
	.layer-product .content {padding-left: 278px;}
	.layer-product .product-thumbnail {position: absolute;top: 50%;left: 0;width: 240px;transform: translateY(-50%);}
}

/**
 * ***** aside *****
 */
.btn-page-change {position: absolute;bottom: 40px;left: 50%;z-index: 99;margin-left: -106px;cursor: pointer;}
.btn-page-change::after {content:"\200B";display:block;height:0;clear:both;}
.btn-page-change>* {float: left;}
.btn-page-change span {padding: 10px 13px;font-size: 14px;line-height: 28px;color: #5e5e5e;font-weight: bolder;}
.btn-page-change .icon {width: 48px;height: 48px;background-image: url(/static/english/images/icons/page_change.png);}
.btn-page-change .iconfont {display: block;position: relative;width: 48px;height: 48px;font-size: 24px;line-height: 48px;text-align: center;font-weight: bolder;color: #e52f42;
	animation: moveDownSpot 1s infinite;
	-webkit-animation: moveDownSpot 1s infinite;
	-moz-animation: moveDownSpot 1s infinite;
}
.btn-page-change.up .iconfont {transform: rotate(180deg);}

.btn-page-change.white span {color: #fff;}
.btn-page-change.white .icon {background-image: url(/static/english/images/icons/page_change_w.png);
	image-rendering: optimizeSpeed;    /* Legal fallback */
	image-rendering: -moz-crisp-edges;   /* Firefox  */
	image-rendering: -o-crisp-edges;   /* Opera   */
	image-rendering: -webkit-optimize-contrast; /* Safari Webkit (non-standard naming)   */
	image-rendering: optimize-contrast;   /* CSS3 Proposed */
	image-rendering: crisp-edges;    /* CSS4 Proposed */
	/* image-rendering: pixelated;     /* CSS4 Proposed */ */
	-ms-interpolation-mode: nearest-neighbor; /* IE8+ IE (non-standard property) */
}
.btn-page-change.white .iconfont {color: #fff;}
@keyframes moveDownSpot {
	from {
		opacity: 1;
		top: -2px;
	}
	to {
		opacity: 0.3;
		top: 4px;
	}
}

/* 滚动条 */
.scrollbar {z-index: 99999999!important;}

@media (max-width: 1600px) {
	/**
	 * common
	 */
	/* title */
	.title-second {margin-bottom: 30px;}
	
	.form-filter.m-b-15 {margin-bottom: 10px;}
	.form-filter .form-control,
	.form-filter .text {font-size: 14px;line-height: 34px;}
	.form-filter .btn-submit {height: 36px;}
	.form-filter .btn-submit .iconfont {float: none;font-size: 16px;line-height: 36px;}

	/**
	 * main
	 */
	.main-nav .nav-title {height: 51px;font-size: 22px;line-height: 36px;}
	
	.article-simple .article-content .title {margin-bottom: 20px;}
	
	/* 分页 */
	.pagination {margin-top: 30px;}
	.pagination li {font-size: 14px;line-height: 32px;}

	/* article */
	.article-simple .hr {margin: 30px 0;}
	
	.article-loose .article-content {font-size: 16px;}
	.article-loose .article-content p {}
	
	#map {height: 260px;margin-bottom: 26px;}

	/**
	 * footer
	 */
	.section.load .footer {bottom: 2%;}

	/**
	 * aside
	 */
	.section.load .btn-page-change {bottom: 2%;}
	.btn-page-change {margin-left: -122px;}
	.btn-page-change .icon,
	.btn-page-change .iconfont {width: 44px;height: 44px;line-height: 44px;}
	.btn-page-change span {padding: 8px 13px;}
}

@media (max-width: 1560px) {
	/**
	 * ***** aside *****
	 */
	body #fp-nav ul li .fp-tooltip h4 {display: none;}
}

@media (max-width: 1440px) {
	.container,
	.container-lg,
	.container-md {width: 100%;max-width: 100%;padding-left: 80px;padding-right: 80px;}

	.footer-left {left: 40px;}
	.footer-right {right: 40px;}

	.container>.header-menu>li {padding: 0 10px 20px;}
	.container>.header-menu .submenu {width: 140px;margin-left: -70px;}

	.banner-text h2 {font-size: 100px;}

	.header.open-cover .header-cover {padding-top: 100px;}
	.header .form-search {margin-bottom: 60px;}

	.header-cover>.container-lg {width: 92.7%;padding-left: 0;padding-right: 0;}

	.title-second {margin-bottom: 15px;}
	.article-simple .article-content .title {margin-bottom: 15px;}
	.article-simple .hr {margin: 15px 0;}

	.tab-nav.primary {margin-bottom: 20px;}
}

@media (max-width: 1360px) {
	/**
	 * ***** common *****
	 */
	.p-b-50 {padding-bottom: 30px;}

	/* title */
	.title-first {margin-bottom: 40px;}
	.title-first h3 {font-size: 28px;line-height: 36px;}

	.title-second {margin-bottom: 15px;}

	/* form */
	.form-primary .form-control {line-height: 26px;}
	.form-primary .form-btn-group .tips {padding: 4px 0;}
	.form-primary .form-btn-group .btn-submit {padding: 0 50px;font-size: 18px;line-height: 44px;border-radius: 44px;}

	/* table */
	.table-panel th {height: 50px}
	.table-panel td:nth-child(2) {padding: 5px 10px;}
	.table-panel tbody td {height: 60px;}
	.table-panel td.height-2 {height: 90px;}
	.table-panel td:nth-child(1) {width: 80px;}

	/* tab */
	.tab-nav.primary {margin-bottom: 15px;}
	.tab-nav.primary .item {font-size: 15px;line-height: 34px;}

	/* swiper */
	.swiper-card {padding-bottom: 60px;}
	.swiper-card .swiper-slide {padding: 80px 80px 40px;}
	.swiper-card .card-info .content {margin-top: 10px;line-height: 26px;}

	.swiper-product {padding-bottom: 50px;}
	.swiper-product .swiper-slide>.title {margin-top: 10px;}

	.article-simple .article-content img {margin: 10px auto;}

	/* full-page */
	body #fp-nav.fp-left {left: 5px;}

	/**
	 * ***** header *****
	 */
	.container>.header-menu>li {padding: 0 0 20px;}

	/**
	 * article
	 */
	.article-introduce .article-header {margin-bottom: 20px;padding-bottom: 20px;}
	.article-simple .article-content,
	.article-introduce .article-content {line-height: 24px;}
	.article-introduce .btn-enter {padding: 0 40px;line-height: 46px;}
	.article-introduce .btn-enter .iconfont {line-height: 46px;}

	/**
	 * ***** footer *****
	 */
	.footer-left .list-inner,
	.footer .list .item {margin-top: 0;}

	/**
	 * ***** aside *****
	 */
	.section.load .btn-page-change {bottom: 10px;}
}

@media (max-width: 1260px) {
	.header .container .header-menu,
	.header.white .container>.header-menu-attached {display: none;}
}

@media (max-width: 1140px) {
	.header.open-cover .header-cover {padding-top: 0;}
	
	.header .form-search {position: absolute;top: 50px;left: 3.65%;z-index: 10;width: 92.7%;}
	.header .form-search .form-control {padding-left: 40px;}
	.header .form-search .btn-search {font-size: 18px;}
	
	.header.white {background-color: #fff;box-shadow: 0 0 5px rgb(43 70 91 / 20%);}
	
	.header-cover .container-lg {height: 100%;padding-top: 120px;}
	.header-cover-content {height: 100%;padding-right: 0;overflow-y: auto;}
	
	.header .container>.header-menu {opacity: 0;}
	.header-cover-menu .header-menu {display: flex;justify-content: space-between;flex-wrap: wrap;}
	.header-cover-menu .header-menu>li {float: none;width: 100%;margin-left: 0;border-top: 1px solid #e2e2e2;}
	.header-cover-menu .header-menu>li:first-child {border-top: none;}
	.header-cover-menu .header-menu>li::before {content: none;}
	.header-cover-menu .header-menu>li>a {position: relative;padding: 0 17px!important;font-weight: normal;font-size: 14px;line-height: 52px;border: none;}
	.header-cover-menu .header-menu>li>a .iconfont {position: absolute;top: 0;right: 0;z-index: 10;width: 152px;height: 52px;padding-left: 100px;font-size: 13px;line-height: 52px;text-align: center;}
	
	.header-cover-menu .submenu {display: none;position: static;width: 100%;}
	.header-cover-menu .submenu a {padding: 14px 17px;font-size: 13px;line-height: 1;}
	
	.header-cover-btn-group {position: static;top: auto;left: auto;display: flex;justify-content: space-between;margin-top: 20px;}
	.header-cover-btn-group>div {width: 48%;}
	.header-cover-btn-group .btn {width: 100%;height: 42px;line-height: 42px;}
	
	.header-cover .visible-xs {display: block!important;}
}

@media (max-width: 768px) {
	/**
	 * ***** common *****
	 */
	.visible-xs {display: block!important;}
	.hidden-xs {display: none;}

	.container,
	.container-lg,
	.container-md {width: 74.4%;padding: 0;}
	.container-reverse {margin-left: -12.8%;margin-right: -12.8%;}
	.container-full {width: 100%;padding: 0 10px;}

	/* color: */
	.bg-xs-none {background: none;}
	.border-top-xs {border-top: 1px solid #eaeaea;}

	/* title */
	.title-second {margin-bottom: 20px;text-align: center;}
	.title-first h3 {font-size: 24px;line-height: 32px;}
	.title-second h3 {font-size: 22px;line-height: 30px;}

	/* form */
	.form-primary .form-btn-group .tips {float: none;text-align: center;line-height: 20px;}
	.form-primary .form-btn-group .btn-submit {display: block;float: none;width: 200px;margin: 20px auto;font-size: 16px;}

	.form-filter {display: none;width: 100%;}
	.form-filter .btn-submit {width: 100%;}
	.form-filter .btn-submit .iconfont {display: inline-block;width: auto;}
	.form-filter .btn-submit span {display: inline-block!important;}
	.form-connect-content>* {float: none;}
	
	/* table */
	.table-panel {margin: 10px 0;}

	/* tab */
	.tab-nav.primary {display: flex;justify-content: space-around;flex-wrap: wrap;margin-bottom: 10px;text-align: center;font-size: 0;line-height: 0;}
	.tab-nav.primary::after {content: none;}
	.tab-nav.primary .item {float: left;width: 30%;min-width: 0;margin-right: 0;margin-bottom: 5px;font-size: 14px;}

	/**
	 * full-page
	 */
	#fullpage>.section {height: auto;padding: 50px 0;background: none!important;border-top: 1px solid #eaeaea;}
	#fullpage>.section:first-child,
	#fullpage>.section:nth-child(2) {border-top: none;}
 	#fullpage>.section0 {height: 100vh;padding: 0;}

	/**
	 * swiper
	 */
	body .swiper-primary>.swiper-pagination {bottom: 10%;}
	.swiper-primary .banner-text .middle-inner {text-align: center;}

	/* swiper-product */
	.swiper-card {padding-bottom: 50px;}
	.swiper-product {padding-bottom: 0;}
	.swiper-product .swiper-slide {padding: 0}
	.swiper-product .swiper-slide:not(:first-child)::before {content: none;}
	.swiper-product .swiper-pagination-custom {position: static;bottom: auto;left: auto;transform: none;width: 100%;margin-top: 15px;}
	.swiper-product .swiper-pagination-bullet {width: 16px;height: 16px;border-width: 3px;}

	.swiper-product .swiper-button-next,
	.swiper-product .swiper-button-prev {font-size: 30px;pointer-events: auto!important;}
	.swiper-product .swiper-button-next {right: 10px;}
	.swiper-product .swiper-button-prev {left: 10px;}

	@keyframes moveRightSpot {
		from {
			opacity: 1;
			right: 10px;
		}
		to {
			opacity: 0.3;
			right: 14px;
		}
	}
	@keyframes moveLeftSpot {
		from {
			opacity: 1;
			left: 10px;
		}
		to {
			opacity: 0.3;
			left: 14px;
		}
	}

	/* swiper-card */
	.swiper-card .swiper-wrapper {padding-top: 50px;}
	.swiper-card .swiper-slide {padding: 60px 15px 20px;}
	.swiper-card .card-logo {top: -50px;width: 100px;height: 100px;margin-left: -50px;}
	.swiper-card .card-info .content {text-align: justify;}

	/**
	 * ***** header *****
	 */
	.header {top: 0;padding: 10px 0;transition: .5s;}
	.header .container {width: 100%;padding: 0 10px;}
	.header .logo {float: left;position: relative;top: auto;left: auto;height: 24px;margin-top: 3px;}
	.header .header-tool {float: right;position: relative;top: auto;right: auto;}
	.header-tool .item {margin: 0 5px;}
	.header-tool .item:not(:first-child)::before {content: none;left: -10px;}

	

	/**
	 * ***** banner *****
	 */
	.banner-text h2 {height: 50px;font-size: 40px;line-height: 50px;}
	.banner-text h3 {height: 40px;font-size: 20px;line-height: 40px;}
	.banner-text .summary {width: 100%;max-width: 100%;/*overflow:hidden;text-overflow:ellipsis;display:-webkit-box;*/-webkit-box-orient:vertical;-webkit-line-clamp:2;}
	.banner-text .btn-more {margin-top: 20px;}

	/**
	 * ***** main *****
	 */
	.main-nav,
	.main-content {float: none;width: 100%;}
	.main-nav {position: relative;z-index: 10;}
	.main-nav .nav-title {line-height: 51px;}
	.main-nav .nav-title .btn-submit {float: right;width: 40px;height: 34px;margin-top: 8px;padding: 0;}
	.main-nav .nav-title .btn-submit .iconfont {width: 40px;height: 34px;font-size: 20px;line-height: 34px;text-align: center;}
	.main-nav .nav-title .btn-menu {float: right;width: 24px;height: 50px;margin-left: 10px;padding: 0;}
	.main-nav .list-nav {display: none;position: absolute;top: 51px;right: 0;width: 70%;padding: 0 10px;background-color: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.5);}
	.main-content {margin-top: 20px;}
	
	/* 分页 */
	.pagination {margin-top: 15px;text-align: center!important;}
	.pagination li {margin-top: 5px;padding: 0 7px;font-size: 12px;line-height: 28px;}
	
	/**
	 * 文章
	 */
	/* 文章-简约 */
	.article-simple .img-content {margin-top: 20px;padding-left: 0;}
	.article-simple .article-content img {margin: 15px auto!important;}

	.article-introduce .article-header {display: block;}
	.article-introduce .article-header img {margin: 0 auto;}
	.article-introduce .article-header::before {left: 50%;margin-left: -12px;}
	.article-introduce .pos-relative {padding-right: 0;}
	.article-introduce .img-content {position: static;top: auto;right: auto;width: 100%;margin-bottom: 10px;}
	.article-introduce .btn-enter {display: block;text-align: center;}
	.article-introduce .btn-enter span {display: inline-block;}

	.article-thumbnail-text {padding-right: 0;}
	.article-simple .img-content {position: static;top: auto;right: auto;width: 100%;}

	.article-tips {margin-top: 20px;font-size: 15px;line-height: 28px;color: #5d5d5d;text-align: center;}
	
	.article-loose .article-content {font-size: 15px;line-height: 28px;}
	.article-loose .article-content p {margin-bottom: 5px;}
	
	/**
	 * ***** footer *****
	 */
	.footer,
	.section.load .footer {bottom: 15px;}
	.footer-right {position: static;bottom: auto;right: auto;text-align: center;}

	/**
	 * ***** layer *****
	 */
	body .layer-window .layui-layer-content {padding: 25px;}
	.layer-article .article-title,
	.layer-product .product-title {text-align: center;}
}

/**
 * Bootstrap栅格系统
 */
.container-row {}
.container-row .row {margin-left: -15px;margin-right: -15px;}
.container-row .row>div[class^="col"] {padding-left: 15px;padding-right: 15px;}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.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-sm-1-5,
.col-sm-5-1,
.col-sm-5-4 {position:relative;min-height:1px;}

.row:after,.row:before{display:table;content:" "}
.row:after{clear:both}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.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-sm-1-5,
.col-sm-5-1,
.col-sm-5-4{float:left}

.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%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-1-5{float:left}
.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%}
.col-sm-1-5 {width: 20%;}
.col-sm-5-1 {width: 20%;}
.col-sm-5-4 {width: 80%;}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
}
@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.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%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}
@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
.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%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
}