.banner-mobile-photo, .banner-pc-photo, .d_n {display: none}

.normal-p, .pagenation > div {text-align: center}

.banner-photo, .ellipsis, .of, .pagenation {overflow: hidden}

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

@keyframes fadeOutDown {
	from {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 fadeInUp {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
	to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes zoomInLeft {
	from {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);animation-timing-function: cubic-bezier(.55, .055, .675, .19)}
	60% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);animation-timing-function: cubic-bezier(.175, .885, .32, 1)}
}

@keyframes zoomInLeft {
	from {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);animation-timing-function: cubic-bezier(.55, .055, .675, .19)}
	60% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);animation-timing-function: cubic-bezier(.175, .885, .32, 1)}
}

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

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

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

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

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

@keyframes fadeOutLeft {
	from {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 fadeInRight {
	from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}
	to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}

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

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

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

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

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

* {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box}

@font-face {
	font-family: myOpenSans;
	src: url(font/OpenSans-Regular.eot);
	src: url(font/OpenSans-Regulard41d.eot?#iefix) format('embedded-opentype'), url(font/OpenSans-Regular.woff) format('woff'), url(font/OpenSans-Regular.ttf) format('truetype')
}

body, html {background-color: #f7f7f7;font-size: 14px;min-height: 100%;font-family: myOpenSans, 'PingFang SC', 'Microsoft YaHei'}

h1, h2, h3, h4, h5, h6 {font-weight: 400;font-size: inherit}

a {color: inherit;text-decoration: none}

ul {list-style-type: none}

.clearfix {clear: both;line-height: 0;font-size: 0;height: 0}

.fl {float: left}

.fr {float: right}

input {border: none;outline: 0}

.ft22 {font-size: 22px}

.ft20 {font-size: 20px}

.ellipsis {-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap}

.p-series img {width: 100%}

#screen-cover {background-color: rgba(0, 0, 0, .8);position: fixed;top: 0;left: 0;display: none}

.pointer {cursor: pointer}

.pagenation {padding: 30px 0;margin: 0 auto}

.pagenation > div {width: 33px;height: 33px;line-height: 33px;background-color: #f7f7f7;border-radius: 3px;float: left;margin: 0 10px;cursor: pointer}

.pagenation .page-next, .pagenation .page-prev {margin: 0 20px}

.pageNum-active {background-color: #ccc !important}

.banner-photo {position: relative;background-size: cover;background-position: center}

.banner-photo img, .loadingInt {position: absolute;top: 0;left: 0;width: 100%}

.box-shadow:hover {-webkit-box-shadow: 0 49.5px 70px -24.5px rgba(0, 0, 0, .3);box-shadow: 0 49.5px 70px -24.5px rgba(0, 0, 0, .3);-webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02)}

.normal-p > p {display: inline-block;text-align: left}

@media (max-width: 500px) {
	.ft-level1 {font-size: 24px;line-height: 40px}

	.ft-level2 {font-size: 18px;line-height: 26px}

	.ft-level2-en {font-size: 20px;line-height: 30px}

	.ft-level3 {font-size: 14px;line-height: 22px}

	.ft-level3-en {font-size: 13px;line-height: 22px}

	.ft-level4, .ft-level4-en {font-size: 10px}

	.ft-level4-en {line-height: 16px}
}

@media (min-width: 501px) and (max-width: 600px) {
	.ft-level1 {font-size: 28px;line-height: 44px}

	.ft-level2 {font-size: 22px;line-height: 30px}

	.ft-level2-en {font-size: 24px;line-height: 32px}

	.ft-level3 {font-size: 16px;line-height: 24px}

	.ft-level3-en {font-size: 14px;line-height: 22px}

	.ft-level4, .ft-level4-en {font-size: 12px}

	.ft-level4-en {line-height: 18px}
}

@media (min-width: 600px) and (max-width: 768px) {
	.ft-level1 {font-size: 34px;line-height: 50px}

	.ft-level2 {font-size: 28px}

	.ft-level2-en {font-size: 30px}

	.ft-level3 {font-size: 22px;line-height: 30px}

	.ft-level3-en {font-size: 20px;line-height: 28px}

	.ft-level4, .ft-level4-en {font-size: 12px}

	.ft-level4-en {line-height: 18px}
}

@media (min-width: 769px) {
	.container {min-width: 1280px}

	.ft-level1 {font-size: 42px;line-height: 50px}

	.ft-level2 {font-size: 36px}

	.ft-level2-en {font-size: 30px;line-height: 42px}

	.ft-level3, .ft-level3-en {font-size: 16px;line-height: 24px}

	.ft-level4 {font-size: 12px}

	.ft-level4-en {font-size: 10px;line-height: 16px}
}

@media screen and (min-width: 1600px) {
	.ft-level3 {font-size: 18px;line-height: 26px}
}

@media screen and (min-width: 1920px) {
	.ft-level3 {font-size: 20px;line-height: 30px}
}

@media (min-width: 2300px) {
	.ft-level1 {font-size: 46px;line-height: 54px}

	.ft-level2 {font-size: 40px}

	.ft-level3 {font-size: 28px;line-height: 38px}

	.ft-level4 {font-size: 20px}
}

.loadingInt {background-color: rgba(255, 255, 255, .8);z-index: 1000}

.loadingInt-relative {position: relative}

.loading-video, .loadingInt-image {position: absolute;margin: auto;background-size: 100% 100%;top: 0;left: 0;right: 0;bottom: 0}

.loadingInt-image {background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibGRzLXNwaW5uZXIiIHdpZHRoPSIyMDBweCIgIGhlaWdodD0iMjAwcHgiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMyNDFlMWUiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC45MTY2NjY2NjY2NjY2NjY2cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMyNDFlMWUiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC44MzMzMzMzMzMzMzMzMzM0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSg2MCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMyNDFlMWUiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC43NXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSI5LjQiIHJ5PSI0LjgiIHdpZHRoPSI2IiBoZWlnaHQ9IjEyIiBmaWxsPSIjMjQxZTFlIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNjY2NjY2NjY2NjY2NjY2NnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iOS40IiByeT0iNC44IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzI0MWUxZSI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjU4MzMzMzMzMzMzMzMzMzRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDE1MCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMyNDFlMWUiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSI5LjQiIHJ5PSI0LjgiIHdpZHRoPSI2IiBoZWlnaHQ9IjEyIiBmaWxsPSIjMjQxZTFlIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNDE2NjY2NjY2NjY2NjY2N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjEwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iOS40IiByeT0iNC44IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzI0MWUxZSI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjMzMzMzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDI0MCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMyNDFlMWUiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4yNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjcwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iOS40IiByeT0iNC44IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzI0MWUxZSI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjE2NjY2NjY2NjY2NjY2NjY2cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMDAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSI5LjQiIHJ5PSI0LjgiIHdpZHRoPSI2IiBoZWlnaHQ9IjEyIiBmaWxsPSIjMjQxZTFlIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMDgzMzMzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDMzMCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMyNDFlMWUiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48L3N2Zz4=);width: 100px;height: 100px}

.loading-video {width: 80px;height: 80px;background-image: url(https://static.xag.cn/img/loading.svg)}

@media screen and (max-width: 768px) {
	.banner-mobile-photo {display: block}

	.header-pt {padding-top: 45px}

	.brand-news {background-color: #fafafa;padding: 0 15px 24px}

	.brand-news-title {padding-top: 40px;font-size: 15px;line-height: 15px;color: #272727;padding-bottom: 30px}

	.brand-news-list li {color: #b3b3b3;font-size: 13px;line-height: 22px;padding-bottom: 8px}

	.brand-news-detail-title {display: block;word-wrap: break-word}
}

@media screen and (min-width: 769px) {
	body {min-width: 1280px}

	.banner-pc-photo {display: block;width: 100%;height: 100%}

	.brand-news {background-color: #fafafa;height: 265px}

	.brand-news-title {color: #272727;font-size: 30px;padding-top: 80px;line-height: 30px;padding-bottom: 30px;width: 1200px;margin: 0 auto}

	.brand-news-list {width: 100%;width: 1200px;margin: 0 auto}

	.brand-news-list li {width: 300px;float: left;padding-right: 60px;color: #b3b3b3;font-size: 16px}

	.brand-news-detail-title {line-height: 28px;padding-bottom: 10px;display: block}

	.brand-news-time {line-height: 20px}
}

@media (max-width: 500px) {
	.ft-pt1 {font-size: 24px;line-height: 40px}

	.ft-pt2 {font-size: 20px;line-height: 32px}

	.ft-pt3 {font-size: 13px;line-height: 22px}
}

@media (min-width: 501px) and (max-width: 600px) {
	.ft-pt1 {font-size: 28px;line-height: 44px}

	.ft-pt2 {font-size: 24px;line-height: 36px}

	.ft-pt3 {font-size: 16px;line-height: 24px}
}

@media (min-width: 600px) and (max-width: 768px) {
	.ft-pt1 {font-size: 34px;line-height: 50px}

	.ft-pt2 {font-size: 28px;line-height: 44px}

	.ft-pt3 {font-size: 22px;line-height: 30px}
}

@media screen and (min-width: 769px) {
	.ft-pt1 {font-size: 32px;line-height: 46px}

	.ft-pt1 sup {font-size: 16px}

	.ft-pt-en {font-size: 20px;line-height: 30px}

	.ft-pt2 {font-size: 22px;line-height: 30px}

	.ft-pt3 sup {font-size: 12px}

	.ft-pt3 {font-size: 16px;line-height: 24px}
}

@media screen and (min-width: 1600px) {
	.ft-pt1 {font-size: 36px;line-height: 54px}

	.ft-pt-en {font-size: 22px;line-height: 32px}

	.ft-pt2 {font-size: 26px;line-height: 36px}

	.ft-pt3 {font-size: 18px;line-height: 26px}
}

@media screen and (min-width: 1920px) {
	.ft-pt1 {font-size: 40px;line-height: 62px}

	.ft-pt-en {font-size: 25px;line-height: 38px}

	.ft-pt2 {font-size: 30px;line-height: 48px}

	.ft-pt3 {font-size: 20px;line-height: 30px}
}

@media screen and (min-width: 769px) {
	.ft-pt-s1 {font-size: 36px;line-height: 42px}

	.ft-pt-s2 {font-size: 32px;line-height: 38px}

	.ft-pt-s3 {font-size: 16px;line-height: 26px}
}

@media screen and (min-width: 1600px) {
	.ft-pt-s1 {font-size: 40px;line-height: 62px}

	.ft-pt-s2 {font-size: 34px;line-height: 40px}

	.ft-pt-s3 {font-size: 18px;line-height: 28px}
}

@media screen and (min-width: 1920px) {
	.ft-pt-s1 {font-size: 44px;line-height: 66px}

	.ft-pt-s2 {font-size: 36px;line-height: 42px}

	.ft-pt-s3 {font-size: 20px;line-height: 30px}
}

.footer-pc, .footer-phone {display: none}

#weixin-qrcode {position: fixed;top: 0;left: 0;background-color: rgba(255, 255, 255, .6);display: none;z-index: 1000000000000}

.cover-screen {display: none;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, .85);z-index: 10000}

.position-center {margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10}

.close-video {width: 40px;height: 40px;position: absolute;top: 20px;right: 20px;color: #fff}

@media (max-width: 768px) {
	.back-to-top, .footer-phone-optionBox {height: 50px;border-bottom: 1px solid #ccc}

	.footer-phone {display: block;background-color: #f7f7f7;font-size: 13px;line-height: 50px}

	.footer-phone-child, .footer-phone-list {display: none}

	.footer-phone-en {background-color: #161616}

	.back-to-top {font-size: 14px;text-align: center}

	.back-to-top-en {color: #fff}

	.footer-phone-option {min-height: 50px}

	.footer-phone-optionBox {width: 100%;padding: 0 12.5px}

	.footer-phone-child > li {background-color: #fff;height: 40px;line-height: 40px;padding: 0 17.5px;border-bottom: 1px solid #ccc}

	.footer-phone-child a {display: block;height: 40px}

	.footer-icon {overflow: hidden;line-height: 80px}

	.footer-icon a {color: #666;float: left;margin: 0 12px;font-size: 24px}

	.footer-icon-en a {color: #fff}

	.footer-infomation {padding: 0 12px;color: #666;line-height: 24px}

	.footer-phone-number {font-size: 20px}

	.footer-phone-custon {font-size: 13px}

	#weixin-qrcode {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row}

	.qrcode-container {width: 100%;padding: 0 15px;margin: 60px auto 0}

	.qrcode-box {width: 200px;padding: 10px;background: #fff;-webkit-box-shadow: 1px 3px 5px #666;box-shadow: 1px 3px 5px #666;border-radius: 5px;font-size: 12px;color: #000;display: block;text-align: center;margin-bottom: 20px;margin-left: auto;margin-right: auto}

	.qrcode-box:nth-child(2n) {margin-left: 15px}

	.qrcode-box img {width: 100%;margin-bottom: 8px}

	.infomation-tips {width: 100%;height: 40px;position: fixed;text-align: center;color: #fff;font-size: 14px;line-height: 40px;bottom: 40px;left: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}

	.infomation-tips > p {min-width: 100px;height: 40px;background-color: rgba(0, 0, 0, .85);border-radius: 5px;padding: 0 15px}

	.footer-phone-privacy {font-size: 12px;color: #979797;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;margin-top: 16px}

	.footer-phone-privacy li {padding: 0 12px;position: relative}

	.footer-phone-privacy li:first-child {padding-left: 0}

	.footer-phone-privacy li:nth-child(n+2):after {content: '';position: absolute;left: 0;top: 6px;width: 1px;height: 12px;background-color: #979797}

	.footer-phone-statement {font-size: 12px;color: #979797;line-height: 20px;padding-bottom: 44px}
}

@media (min-width: 769px) {
	.footer-explain, .footer-navigation, .footer-pc, .footer > div, .infomation-tips {overflow: hidden}

	.footer-pc {display: block;margin: 0 auto;width: 1200px}

	.footer {background: #fff;padding: 42px 0;min-width: 1200px}

	.footer-en {background-color: #161616}

	.footer-navigation {float: left;margin-bottom: 56px}

	.footer-navigation li {min-width: 100px;max-width: 140px;float: left;margin-right: 16px}

	.footer-navigation-title {color: #666;margin-bottom: 8px}

	.footer-navigation-title-en {color: #fff}

	.footer-navigation-content {font-size: 12px;color: #b3b3b3;line-height: 24px}

	.footer-navigation-content a:hover {color: #666}

	.footer-concat {float: right;color: #666;text-align: right;width: 250px}

	.footer-concat-icon {margin-bottom: 45px}

	.footer-concat-icon li {width: 15px;height: 15px;float: left;margin-left: 20px}

	.footer-concat-icon a {font-size: 18px;color: #666}

	.footer-concat-icon-en a {color: #fff}

	.footer-concat-phone {font-size: 25px;text-align: right;margin-bottom: 8px}

	.footer-explain {font-size: 12px;color: #b3b3b3}

	.footer-friend-link {font-size: 12px;color: #b3b3b3;line-height: 16px;height: 17px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s}

	.footer-friend-line {display: inline-block;height: 16px;padding: 2px 0}

	.footer-friend-link p {margin-right: 8px;display: inline-block}

	.footer-friend-link a {padding: 0 4px;line-height: 12px;display: inline-block;border-right: 1px solid #ccc}

	.footer-friend-line a:last-child {border-right: none}

	.footer-friend-link i {top: 2px;position: relative;left: -6px}

	.footer-friend-open {display: block}

	.qrcode-container {width: 700px;position: absolute;left: 50%;height: 200px;margin-left: -350px;top: 50%;margin-top: -100px;padding: 0 30px}

	.qrcode-box {width: 170px;height: 200px;padding: 10px;background: #fff;-webkit-box-shadow: 1px 3px 5px #666;box-shadow: 1px 3px 5px #666;border-radius: 5px;font-size: 12px;color: #000;display: inline-block;margin: 0 20px;text-align: center}

	.qrcode-box img {width: 100%;margin-bottom: 8px}

	.infomation-tips {width: 380px;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 4px;border: 1px solid #ebeef5;position: fixed;left: 0;right: 0;margin: 0 auto;top: 20px;background-color: #edf2fc;padding: 15px 15px 15px 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;line-height: 22px;z-index: 10000}

	.infomation-tips i {margin-right: 16px;font-size: 16px;color: #909399}

	.infomation-tips-success {background-color: #e1f3d8;color: #67c23a;border-color: #e1f3d8}

	.infomation-tips p {font-size: 16px;color: #909399}

	.infomation-tips-success i, .infomation-tips-success p {color: #67c23a}
}


@media (max-width: 768px) {
	body, html {height: 100%;position: relative}

	.ipone-wx .main-container {height: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch}

	.test {position: relative;overflow-y: auto}

	.search-container {display: none}
}

@media (min-width: 769px) {

	.product-name-active {color: #333}

	.product-limit-line {width: 2px;background-color: #efefef;height: 640px;float: left;margin-left: 30px;margin-right: 50px;position: relative;top: -5px}

	.product-active-line {background-color: #c00;top: 0;position: relative;left: 0;height: 100px}

	.product-item-list {display: none}

	.product-item-list > a {display: block;width: 230px;margin: 0 auto 50px;height: 180px;text-align: center;font-size: 14px;line-height: 20px;float: left;color: #333}

	.product-item-list > a > img {width: 150px;height: 124px;display: block;margin: 0 auto}

	.product-item-list > a .content {margin-top: 14px}

	.product-item-active {display: block}

	.icon-box:before {position: absolute;top: 0;width: 18px;height: 18px;background-size: 100% 100%;margin-right: 8px}

	.icon-cn:before {background-image: url(https://static.xag.cn/img/china.svg)}

	.icon-en:before {background-image: url(https://static.xag.cn/img/global.svg)}

	.icon-jp:before {background-image: url(https://static.xag.cn/img/japan.svg)}

	.icon-box {position: relative;font-size: 14px;padding-left: 26px;height: 20px;line-height: 20px}

	.option-popup {position: absolute;width: 106px;top: 60px;left: 0;padding: 6px 0;height: 0;opacity: 0;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out}

	.option-popup li {width: 100%;padding: 6px 12px;cursor: pointer}

	.search-container {display: none}
}

._htools-selec-box {width: 500px;height: auto;margin: 100px auto 0}

._htools-select {display: inline-block;margin: 0;background-color: #fff;border: 1px solid #e5e5e5;vertical-align: middle;transition: border .5s;-moz-transition: border .5s;-webkit-transition: border .5s;-o-transition: border .5s}

._htools-select * {margin: 0;padding: 0;outline: 0}

._htools-select:hover ._select-selectbtn {border-top-color: #666;transition: border-top-color .5s;-moz-transition: border-top-color .5s;-webkit-transition: border-top-color .5s;-o-transition: border-top-color .5s}

._htools-select ._select-input {display: inline-block;padding-left: 15px}

._htools-select ._select-selectbtn {width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #666;display: inline-block}

._htools-select ._select-select-ul {background-color: #fff;outline: 0;position: relative;z-index: 10;display: none;-webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, .18);box-shadow: 1px 0 10px rgba(0, 0, 0, .18)}

._htools-select ._select-select-ul li {background-color: #fff;color: #000;font-size: 14px;padding: 3px 6px;cursor: pointer;list-style-type: none;transition: color .5s, background-color .5s;-moz-transition: color .5s, background-color .5s;-webkit-transition: color .5s, background-color .5s;-o-transition: color .5s, background-color .5s}

._htools-select ._select-select-ul li._select-li-selected {background-color: #cfd9d7}

._htools-select ._select-select-ul li:hover {background-color: #1e90ff;color: #fff}

.swiper-container {position: relative;direction: ltr;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1}

.swiper-wrapper {position: relative;width: 100%;-webkit-transition-property: -webkit-transform, left, top;-webkit-transition-duration: 0s;-webkit-transform: translate3d(0, 0, 0);-webkit-transition-timing-function: ease;-moz-transition-property: -moz-transform, left, top;-moz-transition-duration: 0s;-moz-transform: translate3d(0, 0, 0);-moz-transition-timing-function: ease;-o-transition-property: -o-transform, left, top;-o-transition-duration: 0s;-o-transition-timing-function: ease;-o-transform: translate(0, 0);-ms-transition-property: -ms-transform, left, top;-ms-transition-duration: 0s;-ms-transform: translate3d(0, 0, 0);-ms-transition-timing-function: ease;-webkit-transition-property: left, top, -webkit-transform;transition-property: left, top, -webkit-transform;-o-transition-property: transform, left, top;transition-property: transform, left, top;transition-property: transform, left, top, -webkit-transform;transition-duration: 0s;transform: translate3d(0, 0, 0);transition-timing-function: ease;-webkit-box-sizing: content-box;box-sizing: content-box}

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

.swiper-slide {float: left;-webkit-box-sizing: content-box;box-sizing: content-box}

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

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