@font-face {
	font-family: custom;
	src: url(../fonts/custom.eot?#iefix) format("embedded-opentype"), url(../fonts/custom.woff) format("woff"), url(../fonts/custom.ttf) format("truetype"), url(../fonts/custom.svg#custom) format("svg");
	font-weight: normal;
	font-style: normal;
}
html {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
body {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
div {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
span {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
applet {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
object {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
iframe {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
h1 {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
h2 {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
h3 {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
h4 {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
h5 {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
h6 {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
p {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
blockquote {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
pre {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
a {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
abbr {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
acronym {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
address {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
big {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
cite {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
code {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
del {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
dfn {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
em {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
font {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
img {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
ins {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
kbd {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
q {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
s {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
samp {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
small {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
strike {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
strong {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
sub {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
sup {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
tt {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
var {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
b {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
u {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
i {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
center {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
dl {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
dt {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
dd {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
ol {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
ul {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
li {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
fieldset {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
form {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
label {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
legend {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
table {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
caption {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
tbody {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
tfoot {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
thead {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
tr {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
th {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
td {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
html {
	width: 100%; height: 100%; color: rgb(51, 51, 51); font-family: "Microsoft Yahei",Arial; font-size: 16px;
}
body {
	width: 100%; height: 100%; color: rgb(51, 51, 51); font-family: "Microsoft Yahei",Arial; font-size: 16px;
}
ol {
	list-style: none;
}
ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
q {
	quotes: none;
}
blockquote::before {
	content: none;
}
blockquote::after {
	content: none;
}
q::before {
	content: none;
}
q::after {
	content: none;
}
:focus {
	outline: 0px;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
img {
	vertical-align: middle; max-width: 100%;
}
.am-g-fixed {
	max-width: 1200px;
}
[class*='swiper-button-'] {
	background: none;
}
header {
	background: rgba(255, 255, 255, 0.8); padding: 0px 30px; transition:0.4s; left: 0px; top: 0px; width: 100%; height: 92px; color: rgb(70, 70, 70); line-height: 90px; display: flex; position: fixed; z-index: 100; justify-content: space-between; align-items: center;
}
header.type2 {
	border-color: transparent; color: rgb(238, 238, 238);
}
.header-logo {
	display: flex; justify-content: center; align-items: center;
}
.header-navbar .lan-chs {
	display: flex; justify-content: center; align-items: center;
}
.header-logo img:last-child {
	display: none;
}
header.type2 .header-logo img:first-child {
	display: none;
}
.header-logo img:first-child {
	display: block;
}
header.type2 .header-logo img:last-child {
	display: block;
}
.header-navbar {
	height: inherit; font-size: 16px; display: flex; justify-content: space-between; align-items: center;
}
.header-navbar > li {
	height: inherit; display: block; position: relative; flex-grow: 1;
}
.header-navbar > li > a {
	padding: 0px 23px; transition:0.4s; height: 100%; color: inherit; display: block;
}
.header-navbar > li > div {
	animation:am-fade 0.6s; left: 0px; top: 100%; width: 100%; text-align: center; line-height: 45px; margin-top: -1px; border-top-color: rgb(219, 0, 0); border-top-width: 2px; border-top-style: solid; display: none; position: absolute; background-color: rgba(255, 255, 255, 0.6); -webkit-animation: am-fade .6s;
}
.header-navbar > li > div a {
	transition:0.4s; color: rgb(51, 51, 51); display: block;
}
.header-navbar > li:not(:last-child):hover > a {
	color: rgb(51, 51, 51); background-color: rgb(255, 255, 255);
}
.header-navbar .lan-chs > a:hover {
	color: rgb(51, 51, 51); background-color: rgb(255, 255, 255);
}
.header-navbar > li:hover > div {
	display: block;
}
.header-navbar > li a.active {
	color: rgb(51, 51, 51); background-color: rgb(238, 238, 238);
}
.header-navbar > li > div a:hover {
	color: rgb(219, 0, 0); background-color: rgb(255, 255, 255);
}
.header-navbar .lan-chs > a {
	padding: 9px; border: 1px solid rgba(204, 204, 204, 0.62); border-image: none; width: 100px; height: 34px; text-align: center; line-height: 14px;
}
.header-navbar .lan-chs > a::after {
	font-family: FontAwesome; margin-left: 8px; display: inline-block; content: "\f107";
}
.header-navbar .lan-chs > div {
	top: 50%; line-height: 34px; transform: translateY(17px);
}
.header-navbar .lan-chs a {
	font-size: 14px;
}
header.move {
	background: rgba(255, 255, 255, 0.8);
}
header.move .header-navbar > li > div {
	background-color: rgba(255, 255, 255, 0.9);
}
header .am-icon-navicon {
	transition:background 0.3s; top: 50%; width: 45px; height: 45px; text-align: center; right: 10px; color: inherit; line-height: 45px; font-size: 30px; display: none; position: absolute; transform: translateY(-50%);
}
footer {
	color: rgb(255, 255, 255); padding-top: 45px; background-color: rgb(31, 60, 90);
}
footer .am-g-fixed {
	margin: 0px auto; max-width: 1550px;
}
footer .am-g-fixed > div {
	display: flex; justify-content: space-between; align-items: center;
}
.footer-logo {
	padding: 0px 25px; width: 185px; display: block;
}
.footer-info {
	padding: 10px 15px; line-height: 35px; border-left-color: rgb(153, 153, 153); border-left-width: 1px; border-left-style: solid;
}
.footer-info h3 {
	line-height: 55px; font-size: 24px; font-weight: normal;
}
.footer-info ul {
	display: flex; flex-wrap: wrap; justify-content: space-between;
}
.footer-info li {
	margin: 6px 0px;
}
.footer-info li img {
	margin-right: 10px; display: inline-block;
}
.footer-info li:nth-child(2n) img {
	margin-right: 15px;
}
.am-g-fixed > div.footer-follow {
	justify-content: flex-end;
}
.footer-follow > div {
	width: 165px; text-align: center; color: rgb(216, 216, 216); line-height: 35px; display: block;
}
.footer-follow li {
	display: inline-block;
}
.footer-follow a {
	margin: 0px 8px; color: inherit; font-size: 22px;
}
.footer-txt {
	padding: 15px 0px; color: rgb(131, 150, 170); text-transform: uppercase; line-height: 20px; margin-top: 15px;
}
#main {
	background-color: rgb(250, 250, 250);
}
.single#main {
	width: 100%; height: 100%;
}
.ind-window {
	width: 100%; height: 100%;
}
#index {
	background-color: rgb(31, 60, 90);
}
.ind-window .ind-wrapper {
	background-position: center; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-color: rgb(255, 255, 255);
}
#index #video {
	background-color: rgb(3, 23, 52);
}
#index #video > video {
	left: 0px; top: 0px; display: block; position: absolute; min-height: 100%; min-width: 100%; max-width: none; opacity: 0.6;
}
#index #video > section {
	left: 50%; top: 50%; width: 90%; text-align: center; color: rgb(247, 253, 255); line-height: 35px; font-size: 20px; position: absolute; z-index: 2; max-width: 720px; text-shadow: 3px 3px 5px rgba(0,0,0,0.2); transform: translate(-50%, -50%);
}
#index #video h2 {
	line-height: 80px; font-family: "custom"; font-size: 90px; font-weight: normal; margin-bottom: 6%;
}
#index #video em {
	left: 50%; width: 40px; height: 40px; bottom: 120px; display: block; position: absolute; transform: translate(-50%, 50%);
}
#index #video em::before {
	background: url("../images/mouse_down.png") no-repeat center; animation:fade 2s infinite; left: 50%; width: 100%; height: 100%; bottom: -10px; display: block; position: absolute; content: ""; transform: translate(-50%, 50%); -webkit-animation: fade 2s infinite;
}
#index #video em::after {
	background: url("../images/mouse_down.png") no-repeat center; animation:fade 2s infinite; left: 50%; width: 100%; height: 100%; bottom: -10px; display: block; position: absolute; content: ""; transform: translate(-50%, 50%); -webkit-animation: fade 2s infinite;
}
#index #video em::after {
	bottom: -20px; animation-delay: 1s; background-image: url("../images/mouse_down2.png"); -webkit-animation-delay: 1s;
}
#index #video em i {
	background: url("../images/mouse.png") no-repeat center; animation:bounceY 2s infinite; width: 100%; height: 100%; display: block; -webkit-animation: bounceY 2s infinite;
}
.ind-window :nth-child(2n).ind-wrapper {
	background-image: url("/skin/common/images/shop_bg_lay12345.jpg");
}
.ind-container {
	width: 100%; height: 100%; padding-top: 4%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;
}
.ind-tit {
	width: 100%; text-align: center; margin-bottom: 1.5%;
}
.ind-tit h2 {
	line-height: 32px; font-size: 30px; font-weight: normal; margin-bottom: 12px;
}
.ind-tit p {
	margin: 0px auto; width: 90%; text-align: left; line-height: 28px; text-indent: 2em; font-size: 16px; max-width: 900px;
}
.ind-container .am-u-sm-12 p {
	color: rgb(70, 70, 70); line-height: 2rem; text-indent: 2rem; font-size: 1.25rem;
}
.ind-tit.type2 {
	text-align: left;
}
.ind-tit.type2 h2 {
	margin-bottom: 30px;
}
.ind-tit.type2 img {
	margin: 0px 10px -5px 0px; vertical-align: bottom; display: inline-block;
}
.ind-more {
	padding: 0px 15px; border: 1px solid rgb(204, 204, 204); transition:0.4s; border-image: none; height: 40px; text-align: center; color: inherit; line-height: 38px; font-size: 15px; margin-top: 1.5%; display: inline-block; min-width: 150px;
}
.ind-more::after {
	font-family: FontAwesome; font-size: 17px; margin-left: 5px; display: inline-block; content: "\f101";
}
.ind-more:hover {
	background: rgb(193, 20, 20); border-color: rgb(193, 20, 20); color: rgb(255, 255, 255);
}
.ind-shop {
	width: 100%;
}
.shop-slider {
	width: 100%;
}
.ind-advantage {
	width: 100%;
}
.shop-slider .swiper-slide > a {
	border: 1px solid rgb(250, 250, 250); transition:border 0.4s; border-image: none; width: 100%; color: inherit; line-height: 35px; font-size: 16px; display: block; position: relative; background-color: rgb(255, 255, 255);
}
#shop-window .shop-lay .swiper-slide > a {
	border: 1px solid rgb(250, 250, 250); transition:border 0.4s; border-image: none; width: 100%; color: inherit; line-height: 35px; font-size: 16px; display: block; position: relative; background-color: rgb(255, 255, 255);
}
.shop-article .shop-info .swiper-slide {
	border: 1px solid rgb(250, 250, 250); transition:border 0.4s; border-image: none; width: 100%; color: inherit; line-height: 35px; font-size: 16px; display: block; position: relative; background-color: rgb(255, 255, 255);
}
.shop-slider .swiper-slide > a::after {
	transition:opacity 0.3s; right: 10px; bottom: 10px; color: red; font-family: FontAwesome; font-size: 14px; position: absolute; content: "Á˽â¸ü¶à \f101"; opacity: 0;
}
.shop-slider .swiper-slide .shop-img {
	background: url("../images/ind_bg_shop.jpg") left top; width: 100%; height: 0px; padding-bottom: 80%; position: relative;
}
#shop-window .shop-lay .shop-img {
	background: url("../images/ind_bg_shop.jpg") left top; width: 100%; height: 0px; padding-bottom: 80%; position: relative;
}
.shop-article .shop-info .shop-img {
	background: url("../images/ind_bg_shop.jpg") left top; width: 100%; height: 0px; padding-bottom: 80%; position: relative;
}
.shop-slider .swiper-slide .shop-img img {
	transition:transform 0.6s; left: 50%; top: 50%; width: 90%; display: block; position: absolute; max-height: 100%; transform: translate(-50%, -50%);
}
#shop-window .shop-lay .shop-img img {
	transition:transform 0.6s; left: 50%; top: 50%; width: 90%; display: block; position: absolute; max-height: 100%; transform: translate(-50%, -50%);
}
.shop-article .shop-info .shop-img img {
	transition:transform 0.6s; left: 50%; top: 50%; width: 90%; display: block; position: absolute; max-height: 100%; transform: translate(-50%, -50%);
}
.shop-slider .swiper-slide .shop-img + div {
	padding: 10px 15px;
}
.shop-slider .swiper-slide h4 {
	line-height: 35px; font-size: 20px; font-weight: normal;
}
.shop-slider .swiper-slide > a:hover {
	border-color: rgb(193, 20, 20);
}
.shop-slider .swiper-slide > a:hover::after {
	opacity: 1;
}
.shop-slider .swiper-slide > a:hover img {
	transform: translate(-50%, -50%) scale(1.1);
}
.ind-shop [class*='swiper-button-'].swiper-button-disabled {
	display: none;
}
.ind-advantage [class*='swiper-button-'].swiper-button-disabled {
	display: none;
}
.ind-about {
	width: 90%; max-width: 1540px;
}
.ind-about p {
	margin: 0px auto; color: rgb(84, 84, 84); line-height: 28px; text-indent: 32px; font-size: 16px; max-width: 940px;
}
.ind-about a {
	width: 100%; margin-top: 40px; display: block; position: relative;
}
.ind-about a::after {
	transition:opacity 0.4s; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 2; content: ""; opacity: 0; background-color: rgba(0, 0, 0, 0.6);
}
.ind-about a img {
	width: 100%; display: block;
}
.ind-about a span {
	border-color: rgb(255, 255, 255); transition:opacity 0.4s; left: 50%; top: 50%; color: rgb(255, 255, 255); margin-top: 0px; position: absolute; z-index: 3; opacity: 0; transform: translate(-50%, -50%);
}
.ind-about a:hover::after {
	opacity: 1;
}
.ind-about a:hover span {
	opacity: 1;
}
.ind-news {
	padding: 0px 80px; width: 100%; position: relative; max-width: 1360px;
}
.news-tabs .swiper-slide {
	display: flex; align-items: flex-start;
}
.news-tabs .swiper-slide > * {
	width: 50%;
}
.news-tabs .swiper-slide > img {
	margin-top: 75px;
}
.news-tabs .swiper-slide > div {
	padding-left: 13%;
}
.news-tabs .swiper-slide ul {
	margin: 0px 0px 40px;
}
.news-tabs .swiper-slide li {
	line-height: 45px; margin-bottom: 15px;
}
.news-tabs .swiper-slide li a {
	padding: 0px 10px; color: rgb(70, 70, 70); display: block;
}
.news-tabs .swiper-slide li a::before {
	border-radius: 50%; width: 5px; height: 5px; margin-right: 5px; vertical-align: middle; display: inline-block; content: ""; background-color: currentColor;
}
.news-tabs .swiper-slide li a:hover {
	transition:0.5s; color: rgb(255, 255, 255); background-color: rgb(193, 0, 0);
}
.ind-news [class*='swiper-button-'] {
	background: none; color: rgb(193, 0, 0); font-size: 80px;
}
.ind-shop [class*='swiper-button-'] {
	background: none; color: rgb(193, 0, 0); font-size: 80px;
}
.ind-advantage [class*='swiper-button-'] {
	background: none; color: rgb(193, 0, 0); font-size: 80px;
}
.ind-news [class*='swiper-button-'].swiper-button-disabled {
	color: rgb(102, 102, 102);
}
.ind-news .swiper-pagination {
	width: 100%; margin-top: 1.5%; position: static;
}
.ind-news .swiper-pagination span {
	margin: 0px 6px; border-radius: 0px; width: 40px; height: 4px; opacity: 1; background-color: rgb(153, 153, 153);
}
.ind-news .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: rgb(193, 0, 0);
}
.ind-case {
	background: rgb(247, 247, 247); width: 100%; display: flex; position: relative; align-items: center;
}
.ind-case > div {
	width: 50%; display: flex; position: relative; justify-content: flex-end; align-items: flex-start;
}
.ind-case section {
	width: 100%; max-width: 600px;
}
.ind-case ul {
	padding-left: 25%;
}
.ind-case ul li > * {
	vertical-align: middle;
}
.ind-case ul li > a {
	
}
.ind-case ul li > a:hover span {
	transition:0.5s; color: rgb(193, 0, 0); margin-left: 22px;
}
.ind-case ul span {
	line-height: 42px; font-size: 16px;
}
.ind-case ul span::before {
	margin: 0px 20px; width: 45px; height: 1.04px; vertical-align: middle; display: inline-block; content: ""; background-color: rgb(149, 149, 149);
}
.case-controller {
	left: 0%; top: 50%; width: 260px; height: 290px; display: block; position: absolute; z-index: 2; transform: translateY(-50%); background-color: rgb(255, 255, 255);
}
.case-controller .swiper-slide {
	padding: 45px 30px;
}
.case-controller .swiper-slide h4 {
	height: 112px; line-height: 28px; font-size: 24px; font-weight: normal; border-bottom-color: rgb(193, 0, 0); border-bottom-width: 3px; border-bottom-style: solid;
}
.case-controller .swiper-slide ol {
	margin: 10px auto; text-align: center; line-height: 35px; display: flex;
}
.case-controller .swiper-slide ol li {
	width: 35px; height: 35px;
}
.case-controller .swiper-slide ol li:nth-child(2) {
	width: 130px;
}
.case-controller .swiper-slide ol li > div {
	margin: 0px; width: inherit; height: inherit; color: red; line-height: inherit; position: static; opacity: 1; -webkit-text-stroke: #fff 1.5px; text-stroke: #fff 1.5px;
}
.case-controller .swiper-slide ol li > div.swiper-button-disabled {
	color: rgb(102, 102, 102);
}
.case-controller .swiper-slide ol li i::before {
	line-height: 35px; font-size: 18px;
}
.case-controller .swiper-slide a {
	margin: 25px auto 0px; width: 85px; text-align: center; color: rgb(98, 98, 98); font-size: 16px; display: block;
}
.case-controller .swiper-slide a i {
	line-height: 35px; font-size: 18px; margin-left: 5px;
}
.case-controller .swiper-slide a:hover {
	color: red;
}
.case-slider {
	margin: 0px; width: calc(100% - 100px); overflow: hidden; z-index: 1; pointer-events: none;
}
.case-slider .swiper-slide > img {
	float: right; display: block;
}
#index #advantage {
	background: url("../images/ind_bg_lay2.jpg") no-repeat center / cover;
}
#index #advantage .ind-tit {
	color: rgb(255, 255, 255);
}
.ind-advantage {
	margin: 0px auto; width: 100%; max-width: 1360px;
}
.ind-advantage ul {
	padding: 10px 0px; width: 100%; display: flex; justify-content: space-between;
}
.ind-advantage li {
	background: rgb(255, 255, 255); transition:0.4s; text-align: center; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 3px; border-bottom-style: solid;
}
.ind-advantage li div {
	margin-bottom: 15px;
}
.ind-advantage li div > img {
	width: 100%;
}
.ind-advantage li h4 {
	margin: 5px 0px 15px; line-height: 26px; font-size: 20px; font-weight: normal;
}
.ind-advantage li:hover {
	border-color: rgb(193, 0, 0); transform: translateY(-5px);
}
#cooperation {
	height: auto !important;
}
#footer {
	height: auto !important;
}
#cooperation .ind-container {
	padding: 3% 0px;
}
.ind-cooperation {
	margin: 0px auto; padding: 0px 50px; width: 95%; position: relative; max-width: 1440px;
}
.cooperation-slider {
	padding: 30px 0px; width: 95%;
}
.cooperation-slider .swiper-slide > div {
	border: 2px solid rgb(210, 210, 210); transition:transform 0.5s; border-image: none;
}
.cooperation-slider .swiper-slide > div:hover {
	transform: scale(1.1);
}
.ind-cooperation [class*='swiper-button-'] {
	top: 50%; width: 40px; height: calc(100% - 60px); margin-top: 0px; transform: translateY(-50%); background-color: rgb(190, 0, 1);
}
.ind-cooperation [class*='swiper-button-'].swiper-button-disabled {
	background-color: rgb(204, 204, 204);
}
.ind-cooperation [class*='swiper-button-'] i {
	left: 50%; top: 50%; color: rgb(255, 255, 255); line-height: 40px; font-size: 40px; position: absolute; transform: translate(-50%, -50%);
}
.main-banner {
	background: no-repeat center / cover rgb(250, 250, 250); width: 100%; height: 25vw;
}
.main-banner.about {
	background-image: url("../images/banner_about.jpg");
}
.main-banner.honor {
	background-image: url("../images/banner_certificate.jpg");
}
.main-banner.duty {
	background-image: url("../images/banner_duty.jpg");
}
.main-banner.news {
	background-image: url("../images/banner_news.jpg");
}
.main-banner.join {
	background-image: url("../images/banner_join.jpg");
}
.main-banner.talent {
	background-image: url("../images/banner_talent.jpg");
}
.main-banner.welfare {
	background-image: url("../images/banner_welfare.jpg");
}
.main-breadcrumb {
	border-bottom-color: rgb(250, 250, 250); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(255, 255, 255);
}
.main-breadcrumb ul {
	display: flex;
}
.main-breadcrumb a {
	padding: 0.5rem 1.5rem; transition:border 0.3s; color: rgb(51, 51, 51); line-height: 30px; font-size: 15px; border-bottom-color: transparent; border-bottom-width: 2px; border-bottom-style: solid; display: block;
}
.main-breadcrumb a:hover {
	
}
.main-breadcrumb a.active {
	border-color: rgb(187, 0, 0);
}
.main-pagination {
	margin: 3% 0px; display: flex; justify-content: center;
}
.main-pagination a {
	margin: 10px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 30px; text-align: center; color: rgb(86, 86, 86); line-height: 28px; font-size: 15px; display: block; heigth: 30px;
}
.main-pagination a.active {
	border-color: rgb(187, 0, 0); color: rgb(187, 0, 0); pointer-events: none;
}
.main-class {
	margin: 2% auto; width: 100%; text-align: center; display: block;
}
.main-class li {
	margin: 10px 0px; display: inline-block;
}
.main-class a {
	margin: 0px 10px; padding: 0px 25px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(70, 70, 70); line-height: 40px; font-size: 16px; display: inline-block;
}
.main-class a.active {
	border-color: rgb(190, 0, 1);
}
.main-class a:hover {
	border-color: rgb(190, 0, 1);
}
.main-class a.active {
	color: rgb(255, 255, 255); background-color: rgb(190, 0, 1);
}
.main-content {
	padding: 1px 0px;
}
#about-window #about {
	background: url("/skin/common/images/abobut_bg_lay1.jpg") 0% 0% / cover;
}
#tech-window #tech {
	background: url("/skin/common/images/abobut_bg_lay1.jpg") 0% 0% / cover;
}
#shop-window #shop3 {
	background: url("/skin/common/images/abobut_bg_lay1.jpg") 0% 0% / cover;
}
#about-window #about section {
	background: url("../images/kaichen_about_bg.png") no-repeat center / 100% 100%; margin: 0px auto; padding: 5%; width: 90%; text-align: center; color: rgb(255, 255, 255); max-width: 1000px;
}
#about-window #about section .ind-tit h2 {
	line-height: 120%; font-size: 34px;
}
#about-window #about section p {
	margin: 5% 0px; text-align: left; line-height: 28px; text-indent: 32px; font-size: 18px;
}
#about-window #about section a {
	color: inherit;
}
#about-window .histroy-timeline {
	padding: 0px 50px; position: relative;
}
#about-window .histroy-timeline .swiper-slide {
	height: 80px; position: relative;
}
#about-window .histroy-timeline .swiper-slide::before {
	transition:background 0.8s; top: 50%; width: 100%; height: 2px; right: 50%; display: block; position: absolute; z-index: 1; content: ""; transform: translateY(-50%); background-color: rgb(187, 0, 0);
}
#about-window .histroy-timeline .swiper-slide::after {
	border-radius: 50%; border: 2px solid rgb(187, 0, 0); border-image: none; left: 50%; top: 50%; width: 20px; height: 20px; display: block; position: absolute; z-index: 2; cursor: pointer; content: ""; transform: translate(-50%, -50%); background-color: rgb(250, 250, 250);
}
#about-window .histroy-timeline .swiper-slide span {
	left: 50%; width: 100%; text-align: center; bottom: calc(50% + 13px); line-height: 25px; display: block; position: absolute; cursor: pointer; transform: translateX(-50%);
}
#about-window .histroy-timeline .swiper-slide-active ~ .swiper-slide::before {
	background-color: rgb(204, 204, 204);
}
#about-window .histroy-timeline .swiper-slide-active ~ .swiper-slide::after {
	border-color: rgb(204, 204, 204);
}
#about-window .histroy-timeline :first-child.swiper-slide::before {
	
}
#about-window .histroy-timeline :last-child.swiper-slide span::after {
	left: 50%; top: 50%; width: 100%; height: 2px; display: block; position: absolute; content: ""; transform: translateY(24px);
}
#about-window .histroy-timeline [class*='swiper-button-'] {
	border-radius: 50%; border: 1px solid rgb(204, 204, 204); border-image: none; top: 50%; width: 35px; height: 35px; text-align: center; color: rgb(67, 67, 67); line-height: 32px; font-size: 22px; margin-top: 0px; transform: translateY(-50%);
}
#about-window .histroy-content {
	margin-top: 3%;
}
#about-window .histroy-content .swiper-slide {
	line-height: 24px; font-size: 16px; display: flex; justify-content: space-between; align-items: center;
}
#about-window .histroy-content .swiper-slide > * {
	width: 49%;
}
#about-window .histroy-content h3 {
	line-height: 28px; font-size: 24px; font-weight: normal;
}
#about-window .histroy-content span {
	margin: 10px 0px; color: rgb(102, 102, 102); display: block;
}
#about-window .histroy-content p {
	text-indent: 32px; margin-bottom: 5px; max-width: 500px;
}
#about-window .histroy-content img {
	width: 100%;
}
#about-window #honor {
	background: url("../images/abobut_bg_lay3.jpg") 0% 0% / cover;
}
#about-window #honor {
	line-height: 35px; font-size: 16px;
}
#about-window #certificate {
	line-height: 35px; font-size: 16px;
}
#culture-window #union {
	line-height: 35px; font-size: 16px;
}
#culture-window #duty {
	line-height: 35px; font-size: 16px;
}
#about-window #honor .am-g-fixed {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
#about-window #certificate .am-g-fixed {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
#culture-window #union .am-g-fixed {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
#culture-window #duty .am-g-fixed {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
#tech-window #team .am-g-fixed {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
#tech-window #profit .am-g-fixed {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
#tech-window #IUR .am-g-fixed {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
#about-window #honor .ind-tit {
	text-align: left;
}
#about-window #certificate .ind-tit {
	text-align: left;
}
#culture-window #union .ind-tit {
	text-align: left;
}
#culture-window #duty .ind-tit {
	text-align: left;
}
#tech-window #team .ind-tit {
	text-align: left;
}
#tech-window #profit .ind-tit {
	text-align: left;
}
#about-window #honor p {
	line-height: 35px; margin-bottom: 15px; max-width: 450px;
}
#about-window #certificate p {
	line-height: 35px; margin-bottom: 15px; max-width: 450px;
}
#culture-window #union p {
	line-height: 35px; margin-bottom: 15px; max-width: 450px;
}
#culture-window #duty p {
	line-height: 35px; margin-bottom: 15px; max-width: 450px;
}
#tech-window #team p {
	line-height: 35px; margin-bottom: 15px; max-width: 450px;
}
#tech-window #profit p {
	line-height: 35px; margin-bottom: 15px; max-width: 450px;
}
#about-window #honor .honor-txt {
	padding-left: 50px;
}
#culture-window #duty .duty-txt {
	padding-left: 50px;
}
#culture-window #union p {
	color: rgb(238, 238, 238);
}
#tech-window #profit p {
	color: rgb(238, 238, 238);
}
#about-window #honor img {
	width: 100%;
}
#about-window #certificate img {
	width: 100%;
}
#culture-window #union img {
	width: 100%;
}
#culture-window #duty img {
	width: 100%;
}
#tech-window #team img {
	width: 100%;
}
#tech-window #profit img {
	width: 100%;
}
#tech-window #IUR img {
	width: 100%;
}
#about-window .honor-box {
	margin: 0px auto; display: inline-block; position: relative;
}
#about-window #certificate {
	background: url("../images/abobut_bg_lay4.jpg") 0% 0% / cover;
}
#about-window #honor .ind-container :nth-child(1).am-u-sm-12 {
	text-align: center;
}
#about-window #certificate .ind-container :nth-child(2).am-u-sm-12 {
	text-align: center;
}
#about-window #views {
	text-align: center; background-color: rgb(245, 245, 245);
}
#about-window #views .am-g-fixed {
	max-width: 1000px;
}
#about-window #views ul {
	margin-bottom: 15px;
}
#about-window #views li {
	padding: 2px;
}
#about-window #views li a {
	width: 100%; color: rgb(255, 255, 255); display: block; position: relative;
}
#about-window #views li div {
	width: 100%; height: 0px; overflow: hidden; padding-bottom: 50%; position: relative;
}
#about-window #views li img {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute;
}
#about-window #views li p {
	padding: 0px 15px; left: 0px; width: 100%; height: 35px; bottom: 0px; line-height: 35px; display: block; position: absolute; background-color: rgba(0, 0, 0, 0.8);
}
#about-window #views li a:hover {
	color: rgb(187, 0, 0);
}
.main-about section {
	padding: 55px 0px;
}
.main-about section:nth-child(2n) {
	background-color: rgb(255, 255, 255);
}
.main-about h2 {
	text-align: center; line-height: 32px; font-size: 30px; font-weight: normal; margin-bottom: 45px;
}
.main-about #text p {
	color: rgb(86, 86, 86); line-height: 26px; text-indent: 28px; margin-bottom: 10px;
}
.main-about video {
	margin: 0px auto; width: 100%; display: block; background-color: rgb(0, 0, 0);
}
.main-about ul li {
	padding: 15px;
}
.main-about ul div {
	padding: 45px 0px; width: 100%; text-align: center; color: rgb(86, 86, 86); background-color: rgb(250, 250, 250);
}
.main-about ul em {
	width: 30px; height: 30px; overflow: hidden; display: inline-block; position: relative;
}
.main-about ul em > img {
	left: -30px; top: 0px; width: 35px; height: 30px; border-right-color: transparent; border-right-width: 5px; border-right-style: solid; position: absolute; max-width: 35px; -webkit-filter: drop-shadow(#1f3c5a 30px 0);
}
.main-about ul h4 {
	font-size: 40px; font-weight: normal;
}
.main-about section:nth-child(2) p {
	color: inherit; text-indent: 0px;
}
.main-about ul + p {
	color: rgb(86, 86, 86); font-size: 18px; margin-top: 25px;
}
.main-about ul div:hover {
	transition:0.5s; color: rgb(255, 255, 255); background-color: rgb(187, 0, 0);
}
.main-about ul div:hover em > img {
	-webkit-filter: drop-shadow(#fff 30px 0);
}
.main-certificate {
	padding: 45px 0px;
}
.main-honor {
	padding: 45px 0px;
}
.main-views {
	padding: 45px 0px;
}
.main-union {
	padding: 45px 0px;
}
.main-certificate ul {
	margin: 25px 0px;
}
.main-honor .list-honor {
	margin: 25px 0px;
}
.main-certificate ul li {
	padding: 15px 10px;
}
.main-honor .list-honor li {
	padding: 15px 10px;
}
.main-certificate ul div {
	width: 100%; height: 0px; padding-bottom: 130%; position: relative;
}
.main-honor .list-honor div {
	width: 100%; height: 0px; padding-bottom: 130%; position: relative;
}
.main-certificate ul div::before {
	background: url("../images/honor_bg.png") no-repeat top / 100%; left: 0px; top: 0px; width: 100%; height: 50%; position: absolute; z-index: 2; content: ""; pointer-events: none;
}
.main-certificate ul div::after {
	background: url("../images/honor_bg.png") no-repeat top / 100%; left: 0px; top: 0px; width: 100%; height: 50%; position: absolute; z-index: 2; content: ""; pointer-events: none;
}
.main-honor .list-honor div::before {
	background: url("../images/honor_bg.png") no-repeat top / 100%; left: 0px; top: 0px; width: 100%; height: 50%; position: absolute; z-index: 2; content: ""; pointer-events: none;
}
.main-honor .list-honor div::after {
	background: url("../images/honor_bg.png") no-repeat top / 100%; left: 0px; top: 0px; width: 100%; height: 50%; position: absolute; z-index: 2; content: ""; pointer-events: none;
}
#about-window .honor-box::before {
	background: url("../images/honor_bg.png") no-repeat top / 100%; left: 0px; top: 0px; width: 100%; height: 50%; position: absolute; z-index: 2; content: ""; pointer-events: none;
}
#about-window .honor-box::after {
	background: url("../images/honor_bg.png") no-repeat top / 100%; left: 0px; top: 0px; width: 100%; height: 50%; position: absolute; z-index: 2; content: ""; pointer-events: none;
}
.main-certificate ul div::after {
	background-position: bottom; top: auto; bottom: 0px;
}
.main-honor .list-honor div::after {
	background-position: bottom; top: auto; bottom: 0px;
}
#about-window .honor-box::after {
	background-position: bottom; top: auto; bottom: 0px;
}
.main-certificate ul img {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 1;
}
.main-honor .list-honor {
	position: relative;
}
.main-honor .list-honor div {
	height: auto; padding-bottom: 0px;
}
.main-honor .list-honor img {
	width: 100%; display: block;
}
.main-views {
	padding-top: 160px;
}
.main-union {
	padding-top: 160px;
}
#culture-window #video {
	background: url("../images/culture_bg_lay1.jpg") 0% 0% / cover;
}
#culture-window #video .am-g-fixed {
	width: 90%; max-width: 1000px;
}
#culture-window #video h2 {
	color: rgb(255, 255, 255);
}
#culture-window #video video {
	width: 100%; margin-top: 35px;
}
#culture-window #criterion ul {
	margin: 15px auto 0px; width: 90%; border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; max-width: 1100px;
}
#culture-window #criterion ul li > div {
	border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) transparent transparent rgb(204, 204, 204); transition:0.4s; width: 100%; height: 0px; padding-bottom: 100%; position: relative; background-color: rgb(255, 255, 255);
}
#culture-window #criterion ul li > div div {
	left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; display: flex; position: absolute; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;
}
#culture-window #criterion ul li > div div > * {
	width: 100%; display: block;
}
#culture-window #criterion ul li > div em {
	height: 50px; overflow: hidden; position: relative;
}
#culture-window #criterion ul li > div em img {
	transition:0.4s; left: 50%; top: -50px; width: 50px; height: 55px; border-bottom-color: transparent; border-bottom-width: 5px; border-bottom-style: solid; display: block; position: absolute; transform: translateX(-50%); -webkit-filter: drop-shadow(#c00 0 50px);
}
#culture-window #criterion ul li > div h4 {
	margin: 10px 0px; line-height: 40px; font-size: 25px; font-weight: normal;
}
#culture-window #criterion ul li > div p {
	text-align: center; font-size: 16px; max-width: 160px;
}
#culture-window #criterion ul li:nth-child(2n) > div em img {
	-webkit-filter: drop-shadow(#1f3c5a 0 50px);
}
#culture-window #criterion ul li:hover > div {
	color: rgb(255, 255, 255); background-color: rgb(204, 0, 0);
}
#culture-window #criterion ul li:nth-child(2n):hover > div {
	background-color: rgb(31, 60, 90);
}
#culture-window #criterion ul li:hover > div em img {
	-webkit-filter: drop-shadow(#fff 0 50px);
}
#culture-window #union {
	background: url("../images/culture_bg_lay3.jpg") 0% 0% / cover;
}
#culture-window #union {
	color: rgb(255, 255, 255);
}
#culture-window #duty {
	color: rgb(255, 255, 255);
}
#culture-window #duty {
	color: inherit;
}
.main-union .union-syno .am-g-fixed {
	max-width: 1000px;
}
.main-union .union-syno article {
	color: rgb(70, 70, 70); line-height: 30px; text-indent: 32px; font-size: 16px; margin-top: 35px;
}
.main-union .union-syno article p {
	margin-bottom: 15px;
}
.main-union .union-views {
	padding: 3% 0px;
}
.views-list {
	width: 100%; position: relative;
}
#imageFlow {
	margin: 45px 0px; height: 530px; overflow: hidden; position: relative;
}
#imageFlow .diapo {
	left: -1000px; position: absolute; cursor: pointer; -ms-interpolation-mode: nearest-neighbor; max-height: 400px;
}
#imageFlow .link {
	margin-bottom: -1px; margin-left: -1px;
}
#imageFlow .bank {
	visibility: hidden;
}
#imageFlow .top {
	background: rgb(24, 24, 24); width: 100%; height: 40%; position: absolute;
}
#imageFlow .text {
	left: 0px; width: 100%; text-align: center; bottom: 16%; color: rgb(255, 255, 255); font-family: verdana,arial,Helvetica,sans-serif; position: absolute; z-index: 1000;
}
#imageFlow .title {
	font-size: 0.9em; font-weight: bold;
}
#imageFlow .legend {
	font-size: 0.8em;
}
#imageFlow .scrollbar {
	left: 10%; width: 80%; height: 16px; bottom: 10%; position: absolute; z-index: 1000;
}
#imageFlow .track {
	left: 1%; width: 98%; height: 16px; position: absolute; opacity: 0.3;
}
#imageFlow .arrow-left {
	position: absolute;
}
#imageFlow .arrow-right {
	right: 0px; position: absolute;
}
#imageFlow .bar {
	left: 25px; height: 16px; position: absolute;
}
#imageFlow1 {
	margin: 45px 0px; height: 530px; overflow: hidden; position: relative;
}
#imageFlow1 .diapo {
	left: -1000px; position: absolute; cursor: pointer; -ms-interpolation-mode: nearest-neighbor; max-height: 400px;
}
#imageFlow1 .link {
	margin-bottom: -1px; margin-left: -1px;
}
#imageFlow1 .bank {
	visibility: hidden;
}
#imageFlow1 .top {
	background: rgb(24, 24, 24); width: 100%; height: 40%; position: absolute;
}
#imageFlow1 .text {
	left: 0px; width: 100%; text-align: center; bottom: 16%; color: rgb(255, 255, 255); font-family: verdana,arial,Helvetica,sans-serif; position: absolute; z-index: 1000;
}
#imageFlow1 .title {
	font-size: 0.9em; font-weight: bold;
}
#imageFlow1 .legend {
	font-size: 0.8em;
}
#imageFlow1 .scrollbar {
	left: 10%; width: 80%; height: 16px; bottom: 10%; position: absolute; z-index: 1000;
}
#imageFlow1 .track {
	left: 1%; width: 98%; height: 16px; position: absolute; opacity: 0.3;
}
#imageFlow1 .arrow-left {
	position: absolute;
}
#imageFlow1 .arrow-right {
	right: 0px; position: absolute;
}
#imageFlow1 .bar {
	left: 25px; height: 16px; position: absolute;
}
.main-duty > section {
	padding: 4% 0px 60px; line-height: 28px; font-size: 16px;
}
.main-duty > section:nth-child(2n+1) {
	background-color: rgb(255, 255, 255);
}
.main-duty > section > div {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
}
.main-duty > section:nth-child(2n) > div > div:last-child {
	order: -1;
}
.main-news h2 {
	margin: 2% 0px; text-align: center; font-size: 35px; font-weight: normal;
}
.main-case h2 {
	margin: 2% 0px; text-align: center; font-size: 35px; font-weight: normal;
}
.list-news {
	width: 100%; display: flex; flex-wrap: wrap;
}
.list-news li {
	padding: 15px;
}
.list-news li a {
	transition:0.4s; width: 100%; height: 100%; color: inherit; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: block; background-color: rgb(255, 255, 255);
}
.list-news li a > div:first-child {
	width: 100%; height: 0px; overflow: hidden; padding-bottom: 55%; position: relative;
}
.list-news li a > div:last-child {
	padding: 10px 15px;
}
.list-news li img {
	transition:transform 0.6s; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute;
}
.list-news li h3 {
	line-height: 45px; font-size: 20px; font-weight: normal;
}
.list-news li p {
	height: 66px; color: rgb(86, 86, 86); line-height: 22px; overflow: hidden; margin-bottom: 15px;
}
.list-news li span {
	color: rgb(120, 120, 120); font-size: 13px;
}
.list-news li span::before {
	margin-right: 5px; margin-bottom: 5px;
}
.list-news li a:hover {
	border-color: rgb(187, 0, 0);
}
.list-news li a:hover img {
	transform: scale(1.1);
}
.article-article {
	margin: 0px auto; padding: 25px 0px; max-width: 1000px;
}
.article-title {
	padding: 25px 0px; text-align: center; border-bottom-color: rgb(215, 215, 215); border-bottom-width: 1px; border-bottom-style: solid;
}
.article-title h1 {
	line-height: 40px; font-size: 30px; font-weight: normal; margin-bottom: 25px;
}
.article-title span::before {
	margin-right: 5px;
}
.article-content {
	padding: 35px 0px; line-height: 28px; font-size: 16px; min-height: 350px;
}
.article-content p {
	margin-bottom: 15px;
}
.article-content img {
	margin: 15px auto; display: block; max-width: 90%;
}
.article-pagination {
	margin: 3% 0px; padding: 15px 0px; border-top-color: rgb(215, 215, 215); border-top-width: 1px; border-top-style: solid; display: flex; justify-content: space-between;
}
.article-pagination a {
	color: rgb(86, 86, 86); font-size: 16px; display: inline-block; max-width: 40%;
}
.article-pagination a:hover {
	color: rgb(187, 0, 0);
}
#shop-window :nth-child(2n+1).ind-wrapper {
	
}
#shop-window .ind-container.am-g-fixed {
	max-width: 95%;
}
#shop-window .shop-tit {
	padding: 10px; text-align: center; color: inherit; line-height: 30px; font-size: 16px; position: relative; z-index: 2;
}
#shop-window .shop-tit h2 {
	margin: 0px auto; line-height: 4rem; font-size: 3.25rem; font-weight: normal; max-width: 100%;
}
#shop-window .shop-tit em {
	margin: 15px 0px 10px; width: 65px; height: 2px; display: inline-block; background-color: rgb(187, 0, 0);
}
#shop-window .shop-tit a {
	color: inherit; margin-top: 40px;
}
#shop-window #shop1 {
	color: rgb(255, 255, 255);
}
#shop-window #shop3 {
	color: rgb(255, 255, 255);
}
#shop-window #shop4 {
	color: rgb(255, 255, 255);
}
#shop-window #shop1 .swiper-container {
	width: 100%; height: 100%; position: relative;
}
#shop-window #shop2 .swiper-container {
	width: 100%; height: 100%; position: relative;
}
#shop-window #shop1 .swiper-slide {
	padding: 0px 30px;
}
#shop-window #shop2 .swiper-slide {
	padding: 0px 30px;
}
#shop-window #shop1 .shop-tit {
	left: 10%; top: 50%; text-align: left; position: absolute; transform: translateY(-50%);
}
#shop-window #shop2 .shop-tit {
	left: 10%; top: 50%; text-align: left; position: absolute; transform: translateY(-50%);
}
#shop-window #shop1 .shop-tit h2 {
	margin: 0px; width: 90%;
}
#shop-window #shop2 .shop-tit h2 {
	margin: 0px; width: 90%;
}
#shop-window #shop1 section {
	background: url("../images/list_shop_1.png") no-repeat right / 100% auto; width: 40%; height: 100%; right: 5%; bottom: 0px; position: absolute; z-index: 1;
}
#shop-window #shop2 section {
	background: url("../images/list_shop_1.png") no-repeat right / 100% auto; width: 40%; height: 100%; right: 5%; bottom: 0px; position: absolute; z-index: 1;
}
#shop-window #shop1 [class*='swiper-button-'] {
	font-size: 55px;
}
#shop-window #shop2 [class*='swiper-button-'] {
	font-size: 55px;
}
#shop-window #shop7 .swiper-container {
	width: 100%; height: 100%; position: relative;
}
#shop-window #shop2 .swiper-container {
	width: 100%; height: 100%; position: relative;
}
#shop-window #shop7 .swiper-slide {
	padding: 0px 30px;
}
#shop-window #shop2 .swiper-slide {
	padding: 0px 30px;
}
#shop-window #shop7 .shop-tit {
	left: 10%; top: 50%; text-align: left; position: absolute; transform: translateY(-50%);
}
#shop-window #shop2 .shop-tit {
	left: 10%; top: 50%; text-align: left; position: absolute; transform: translateY(-50%);
}
#shop-window #shop7 .shop-tit h2 {
	margin: 0px; width: 90%;
}
#shop-window #shop2 .shop-tit h2 {
	margin: 0px; width: 90%;
}
#shop-window #shop7 section {
	background: url("../images/list_shop_1.png") no-repeat right / 100% auto; width: 40%; height: 100%; right: 5%; bottom: 0px; position: absolute; z-index: 1;
}
#shop-window #shop2 section {
	background: url("../images/list_shop_1.png") no-repeat right / 100% auto; width: 40%; height: 100%; right: 5%; bottom: 0px; position: absolute; z-index: 1;
}
#shop-window #shop7 [class*='swiper-button-'] {
	font-size: 55px;
}
#shop-window #shop2 [class*='swiper-button-'] {
	font-size: 55px;
}
#shop-window #shop2 {
	background-image: url("../images/shop_bg_lay2.jpg");
}
#shop-window #shop2 section {
	background: url("../images/list_shop_2.png") no-repeat left / 100% auto; left: 5%; right: auto;
}
#shop-window .shop-lay {
	margin: 15px 0px 0px; padding: 0px 60px; position: relative;
}
#shop-window .shop-lay .swiper-slide > a {
	border: currentColor; border-image: none;
}
#shop-window .shop-lay .shop-img + div {
	background: rgba(0, 0, 0, 0.8); transition:opacity 0.4s; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); display: flex; position: absolute; opacity: 0; flex-wrap: wrap; justify-content: center; align-content: center;
}
#shop-window .shop-lay h4 {
	width: 100%; font-size: 24px; font-weight: normal;
}
#shop-window .shop-lay p {
	width: 100%; font-size: 18px;
}
#shop-window .shop-lay [class*='swiper-button-'] {
	border-radius: 50%; border: 1px solid currentColor; transition:0.4s; border-image: none; left: 5px; top: 50%; width: 50px; height: 50px; text-align: center; color: inherit; line-height: 45px; font-size: 30px; margin-top: 0px; display: block; transform: translateY(-50%);
}
#shop-window .shop-lay .swiper-button-next {
	left: auto; right: 5px;
}
#shop-window .shop-lay [class*='swiper-button-']:hover {
	border-color: rgb(187, 0, 0); color: rgb(255, 255, 255); background-color: rgb(187, 0, 0);
}
#shop-window .shop-lay a:hover .shop-img + div {
	opacity: 1;
}
#shop-window .shop-lay [class*='swiper-button-'].type2:hover {
	border-color: rgb(215, 215, 215); color: rgb(19, 42, 66); background-color: rgb(215, 215, 215);
}
#tech-window #profit {
	background-image: url("../images/shop_bg_lay4.jpg");
}
#shop-window #shop4 {
	background-image: url("../images/shop_bg_lay4.jpg");
}
.shop-article {
	padding: 110px 10px 20px;
}
.shop-article section {
	margin: 2rem 0px; border: 1px solid rgb(215, 215, 215); border-image: none; width: 100%; background-color: rgb(255, 255, 255);
}
.shop-article .shop-info {
	padding: 20px;
}
.shop-article .shop-info > div {
	display: flex; flex-wrap: wrap; align-items: center;
}
.shop-article .shop-info .shop-img {
	border: 1px solid rgb(215, 215, 215); border-image: none;
}
.shop-article .shop-info [class*='swiper-button-'] {
	top: 50%; color: rgb(40, 62, 83); font-size: 40px; margin-top: 0px; transform: translateY(-50%);
}
.shop-article .shop-info h1 {
	color: rgb(31, 60, 90); line-height: 45px; font-size: 28px; font-weight: normal;
}
.shop-article .shop-info h1 + div {
	padding: 15px 5px 0px; color: rgb(70, 70, 70);
}
.shop-article .shop-info h3 {
	line-height: 35px; font-size: 18px; font-weight: normal;
}
.shop-article .shop-info p {
	line-height: 25px; margin-bottom: 5px;
}
.shop-article .shop-content h2 {
	padding: 0px 20px; color: rgb(70, 70, 70); line-height: 45px; font-size: 20px; font-weight: normal; border-bottom-color: rgb(215, 215, 215); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.shop-article .shop-content h2::after {
	left: 0px; width: 120px; height: 2px; display: block; position: absolute; content: ""; background-color: rgb(187, 0, 0); botto: 0;
}
.shop-article .shop-content > div {
	padding: 25px 0px;
}
.shop-article .shop-content h3 {
	padding: 0px 25px; width: 240px; height: 50px; text-align: right; color: rgb(255, 255, 255); line-height: 50px; font-size: 26px; font-weight: normal; background-color: rgb(31, 60, 90);
}
.shop-article .shop-content > div > h3 + div {
	margin: 15px auto; width: 90%; color: rgb(86, 86, 86); line-height: 28px; text-indent: 32px; font-size: 16px;
}
.shop-article .shop-content > div p {
	margin-bottom: 5px;
}
.shop-article .shop-content > div img {
	margin: 0px auto; display: block;
}
#shop-window #shop5 {
	background-image: url("../images/shop_bg_lay6.jpg");
}
#shop-window #shop6 {
	background-image: url("../images/shop_bg_lay5.jpg");
}
#tech-window :nth-child(2n+1).ind-wrapper {
	
}
#tech-window #team {
	background-image: url("../images/tech_bg_lay5.jpg");
}
#tech-window #tech {
	color: rgb(255, 255, 255);
}
#tech-window #profit {
	color: rgb(255, 255, 255);
}
#tech-window #tech #imageFlow {
	margin: 25px 0px 0px; height: 400px;
}
#tech-window #tech #imageFlow .diapo {
	max-height: 300px;
}
#tech-window #strength {
	background-image: url("../images/tech_bg_lay.jpg");
}
#tech-window #strength .am-u-md-6 {
	padding-left: 35px;
}
#tech-window #strength h2 {
	color: rgb(226, 22, 22); font-size: 45px; font-weight: normal;
}
#tech-window #strength p {
	margin: 25px 0px 35px; color: rgb(70, 70, 70); line-height: 35px; font-size: 18px;
}
#tech-window #strength a {
	color: rgb(255, 255, 255); background-color: rgb(226, 22, 22);
}
#tech-window #strength :first-child.am-u-md-6 {
	text-align: right; padding-right: 35px; padding-left: 0px;
}
#tech-window #strength :first-child.am-u-md-6 h2 {
	color: rgb(18, 117, 218);
}
#tech-window #strength :first-child.am-u-md-6 a {
	background-color: rgb(18, 117, 218);
}
.main-tech {
	padding: 150px 10px 20px;
}
#tech-window #IUR {
	background-image: url("../images/tech_bg_lay4.jpg");
}
.main-case {
	padding: 100px 0px 40px; width: 100%;
}
.page-case {
	flex-flow:column wrap; width: 100%; height: 55.5vw; overflow: hidden; display: flex;
}
.page-case li {
	padding: 10px; width: 33vw; height: 18.5vw;
}
.page-case li > a {
	width: 100%; height: 100%; overflow: hidden; display: block; position: relative;
}
.page-case li > a::before {
	transition:0.4s; left: 50%; top: 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 2; opacity: 0; transform: translate(-50%, -50%);
}
.page-case li > a::after {
	transition:0.4s; left: 50%; top: 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 2; opacity: 0; transform: translate(-50%, -50%);
}
.page-case li > a img {
	transition:0.4s; left: 50%; top: 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 2; opacity: 0; transform: translate(-50%, -50%);
}
.page-case li > a::before {
	background: rgba(0, 0, 0, 0.8); content: "";
}
.page-case li > a::after {
	padding: 0px 15px; width: auto; height: auto; text-align: center; color: rgb(255, 255, 255); line-height: 40px; min-width: 80px; content: attr(alt); background-color: rgb(190, 0, 1);
}
.page-case li > a img {
	transition:0.8s; z-index: 1; opacity: 1;
}
.page-case li:nth-child(2) {
	height: 37vw;
}
.page-case li:nth-child(3) {
	height: 37vw;
}
.page-case li:nth-child(6) {
	height: 37vw;
}
.page-case li > a:hover::before {
	opacity: 1;
}
.page-case li > a:hover::after {
	opacity: 1;
}
.page-case li > a:hover img {
	transform: translate(-50%, -50%) scale(1.1);
}
.list-case {
	margin: 25px auto; width: 100%; display: block; max-width: 1200px;
}
.list-case li {
	padding: 15px;
}
.list-case li > div {
	background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; display: block;
}
.list-case li > div > div {
	width: 100%; height: 0px; overflow: hidden; padding-bottom: 72%; display: block; position: relative;
}
.list-case li > div img {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute;
}
.list-case li > div p {
	padding: 0px 10px; line-height: 45px; font-size: 16px;
}
.list-case li > div:hover {
	border-color: rgb(187, 0, 0);
}
#services-window #market {
	color: rgb(255, 255, 255); background-image: url("../images/services_bg_lay.jpg");
}
#services-window #market .am-g-fixed {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
}
#services-window #market h2 {
	font-size: 30px; font-weight: normal; margin-bottom: 15px;
}
#services-window #market p {
	color: rgb(238, 238, 238); line-height: 28px; text-indent: 32px; font-size: 16px; margin-bottom: 10px;
}
#services-window #market img {
	width: 100%;
}
#services-window #ywfw {
	color: rgb(255, 255, 255); background-image: url("../images/services_bg_lay.jpg");
}
#services-window #ywfw .am-g-fixed {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
}
#services-window #ywfw h2 {
	font-size: 30px; font-weight: normal; margin-bottom: 15px;
}
#services-window #ywfw p {
	color: rgb(238, 238, 238); line-height: 28px; text-indent: 32px; font-size: 16px; margin-bottom: 10px;
}
#services-window #ywfw img {
	width: 100%;
}
#services-window #after {
	background-image: url("../images/services_bg_lay2.jpg");
}
#services-window #after .after-table {
	border: 1px solid rgb(215, 215, 215); border-image: none; margin-top: 25px; background-color: rgb(255, 255, 255);
}
#services-window #after .after-table > div {
	padding: 15px; display: flex; align-items: center;
}
#services-window #after .after-table > div:first-child {
	border-right-color: rgb(215, 215, 215); border-right-width: 1px; border-right-style: solid;
}
#services-window #after .after-table > div:last-child {
	border-top-color: rgb(215, 215, 215); border-top-width: 1px; border-top-style: solid; align-items: flex-start;
}
#services-window #after .after-table img {
	margin-right: 15px;
}
#services-window #after .after-table h4 {
	font-size: 24px; font-weight: normal; margin-bottom: 5px;
}
#services-window #after .after-table p {
	line-height: 30px; font-size: 16px;
}
#services-window #proxy {
	color: rgb(255, 255, 255); background-image: url("../images/services_bg_lay3.jpg");
}
#services-window #proxy .am-g-fixed {
	position: relative;
}
#services-window #proxy .swiper-wrapper {
	display: flex; align-items: stretch;
}
#services-window #proxy .swiper-slide {
	padding: 20px; border: 1px solid rgb(204, 204, 204); border-image: none; height: auto; text-align: center; color: rgb(70, 70, 70); background-color: rgb(255, 255, 255);
}
#services-window #proxy .swiper-slide em {
	margin: 20px 0px; width: 70px; height: 70px; overflow: hidden; display: inline-block; position: relative;
}
#services-window #proxy .swiper-slide em img {
	left: -70px; top: 0px; width: 75px; height: 70px; border-right-color: transparent; border-right-width: 5px; border-right-style: solid; display: block; position: absolute; max-width: 75px; -webkit-filter: drop-shadow(currentColor 70px 0);
}
#services-window #proxy .swiper-slide h4 {
	color: rgb(51, 51, 51); font-size: 26px; font-weight: normal;
}
#services-window #proxy .swiper-slide div {
	padding: 20px 5px; text-align: left; color: rgb(86, 86, 86); line-height: 24px;
}
#services-window #proxy .swiper-slide:hover {
	border-color: currentColor; color: rgb(183, 3, 4);
}
#services-window #proxy .swiper-slide:hover h4 {
	border-color: currentColor; color: rgb(183, 3, 4);
}
#services-window #proxy .swiper-slide:hover em img {
	-webkit-filter: drop-shadow(currentColor 70px 0);
}
#services-window #proxy [class*='swiper-button-'] {
	left: 0px; top: 50%; text-align: center; color: red; font-size: 30px; margin-top: 0px; display: none; z-index: 10; transform: translateY(-50%);
}
#services-window #proxy .swiper-button-next {
	left: auto; right: 0px;
}
.main-join {
	margin: 3% auto; border: 1px solid rgb(215, 215, 215); border-image: none; color: rgb(86, 86, 86); min-height: 300px; background-color: rgb(255, 255, 255);
}
.main-join > div:first-child {
	margin: 0px; padding: 0px 20px; width: 100%; line-height: 50px; font-size: 20px; border-bottom-color: rgb(247, 247, 247); border-bottom-width: 1px; border-bottom-style: solid;
}
.main-join .am-panel {
	margin: 0px; padding: 0px 20px; border: currentColor; transition:background 0.4s; border-image: none; font-size: 16px; box-shadow: none;
}
.am-panel-group .am-panel + .am-panel {
	margin-top: 0px;
}
.main-join .am-panel.open {
	background-color: rgb(246, 250, 254);
}
.main-join .am-panel-hd {
	padding: 10px 0px; line-height: 35px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: dashed; position: relative;
}
.main-join .am-panel-hd::after {
	transition:transform 0.4s; height: 55px; right: 0px; bottom: 0px; line-height: 55px; font-family: FontAwesome; font-size: 22px; position: absolute; content: "\f107";
}
.main-join .am-panel.open .am-panel-hd::after {
	transform: rotate(180deg);
}
.main-join .am-panel-title {
	margin: 0px;
}
.main-join .am-panel-group .am-panel-hd + .am-panel-collapse .am-panel-bd {
	line-height: 35px; border-top-color: currentColor; border-bottom-color: rgb(238, 238, 238); border-top-width: medium; border-bottom-width: 1px; border-top-style: none; border-bottom-style: dashed;
}
.main-join .am-panel-bd > div {
	margin-bottom: 20px;
}
.main-join .am-panel-bd ul {
	display: flex; flex-wrap: wrap; justify-content: space-between;
}
.main-join .am-panel-bd h4 {
	font-weight: normal; margin-bottom: 5px;
}
.main-join .am-panel-bd .delivery {
	border: 1px solid rgb(238, 238, 238); border-image: none; width: 125px; text-align: center; color: inherit; line-height: 35px; margin-right: 15px; display: inline-block;
}
.main-join .am-panel-bd span {
	font-size: 13px;
}
.main-join .am-panel-bd span > em {
	color: red; font-style: normal;
}
.main-join .am-panel-bd .delivery:hover {
	background: red; border-color: red; color: rgb(255, 255, 255);
}
#modal {
	animation:am-fade 0.3s; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 999;
}
.open#modal {
	display: block;
}
#modal > a {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; background-color: rgba(0, 0, 0, 0.15);
}
#modal > form {
	padding: 40px; border-radius: 12px; left: 50%; top: 50%; width: 90%; font-size: 16px; display: block; position: absolute; max-width: 1000px; box-shadow: 2px 2px 18px rgba(0,0,0,0.3); transform: translate(-50%, -50%); background-color: rgb(255, 255, 255);
}
#modal > form h4 {
	text-align: center; font-size: 30px; font-weight: normal;
}
#modal > form > div {
	margin: 20px 0px; display: flex; flex-wrap: wrap; justify-content: space-between;
}
#modal > form input {
	margin: 10px 0px; padding: 10px 15px; border: 1px solid rgb(215, 215, 215); border-image: none; width: calc(50% - 10px); display: block; background-color: rgb(255, 255, 255);
}
#modal > form input[type='file'] {
	width: 100%;
}
#modal > form button {
	margin: 0px auto; border: currentColor; border-image: none; width: 60%; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 18px; display: block; max-width: 360px; background-color: rgb(187, 0, 0);
}
.main-talent section {
	margin: 8% 0px; display: flex; justify-content: space-between; background-color: rgb(255, 255, 255);
}
.main-talent section > div {
	margin: 0px -60px 0px 0px; width: calc(50% + 60px); overflow: hidden; position: relative;
}
.main-talent section:nth-child(2n+1) > div:last-child {
	margin: 0px -60px 0px 0px; width: calc(50% + 60px); overflow: hidden; position: relative;
}
.main-talent section > div:first-child {
	padding: 0px 3%; line-height: 28px; font-size: 16px; display: flex; z-index: 1; flex-wrap: wrap; justify-content: flex-start; align-content: center;
}
.main-talent section > div:first-child > * {
	width: 100%;
}
.main-talent section > div:first-child h2 {
	line-height: 33px; font-size: 26px; font-weight: normal;
}
.main-duty > section h3 {
	line-height: 33px; font-size: 26px; font-weight: normal;
}
.main-talent section > div:first-child em {
	margin: 20px 0px; width: 75px; height: 2px; display: block; background-color: rgb(187, 0, 0);
}
.main-duty > section em {
	margin: 20px 0px; width: 75px; height: 2px; display: block; background-color: rgb(187, 0, 0);
}
.main-talent section > div:last-child {
	margin: 0px 0px 0px -25px; width: calc(50% + 25px); z-index: 2; min-height: 350px; -webkit-clip-path: polygon(85px 0, 0 100%, 100% 100%, 100% 0); -moz-clip-path: polygon(85px 0, 0 100%, 100% 100%, 100% 0);
}
.main-talent section:nth-child(2n+1) > div:first-child {
	margin: 0px 0px 0px -25px; width: calc(50% + 25px); text-align: right; order: 1; justify-content: flex-end;
}
.main-talent section img {
	left: 50%; top: 50%; display: block; position: absolute; min-height: 100%; min-width: 100%; max-width: none; transform: translate(-50%, -50%);
}
.main-talent section:nth-child(2n+1) > div:last-child {
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, calc(100% - 85px) 0); -moz-clip-path: polygon(0 0, 0 100%, 100% 100%, calc(100% - 85px) 0);
}
.main-welfare section {
	padding: 3% 0px; overflow: hidden;
}
.main-welfare section:nth-child(2n+1) {
	background-color: rgb(255, 255, 255);
}
.welfare-tit {
	width: 100%; text-align: center; margin-bottom: 4%;
}
.welfare-tit h2 {
	line-height: 32px; font-size: 30px; font-weight: normal; margin-bottom: 12px;
}
.welfare-tit p {
	margin: 25px auto 0px; width: 80%; text-align: left; line-height: 28px; text-indent: 2em; font-size: 18px; max-width: 1000px;
}
.main-welfare .welfare-welfare ul {
	margin: 0px -15px; display: flex; flex-wrap: wrap; justify-content: space-between;
}
.main-welfare .welfare-welfare ul li {
	padding: 15px;
}
.main-welfare .welfare-welfare ul div {
	padding: 20px 30px; border: 1px solid rgb(215, 215, 215); border-image: none; width: 100%; height: 100%; background-color: rgb(250, 250, 250);
}
.main-welfare .welfare-welfare h3 {
	font-size: 22px; font-weight: normal;
}
.main-welfare .welfare-welfare h3::after {
	margin: 15px 0px; width: 55px; height: 2px; display: block; content: ""; background-color: rgb(187, 0, 0);
}
.main-welfare .welfare-welfare ul p {
	color: rgb(70, 70, 70); line-height: 26px; text-indent: 32px; font-size: 16px;
}
.main-welfare .welfare-life ul {
	display: flex; flex-wrap: wrap;
}
.main-welfare .welfare-life ul li {
	width: 33.33%; flex-grow: 1;
}
.main-welfare .welfare-life ul li:first-child {
	width: 66.67%;
}
.main-welfare .welfare-life ul li > div {
	height: 50%; widht: 100%;
}
.main-welfare .welfare-life ul li > div + div {
	border-top-color: rgb(250, 250, 250); border-top-width: 1px; border-top-style: solid;
}
.main-welfare .welfare-life ul li img {
	border: 1px solid rgb(250, 250, 250); border-image: none; width: 100%; height: 100%; display: none;
}
.main-welfare .welfare-life ul li img:first-child {
	display: block;
}
.main-welfare .welfare-special ul {
	margin: 0px -20px;
}
.main-welfare .welfare-special li {
	padding: 20px;
}
.main-welfare .welfare-special li div {
	background: url("../images/welfare_bg_lay3_1.jpg") no-repeat center / cover; padding: 0px 30px; height: 300px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-content: center;
}
.main-welfare .welfare-special li:last-child div {
	background-image: url("../images/welfare_bg_lay3_2.jpg");
}
.main-welfare .welfare-special li p::before {
	background: rgb(187, 0, 0); margin: 15px auto; width: 65px; height: 2px; display: block; content: "";
}
.main-welfare .welfare-special li p {
	width: 100%; height: 72px; text-align: center; color: rgb(255, 255, 255); line-height: 24px; font-size: 16px; display: block;
}
.main-welfare .welfare-other ul {
	margin: 0px -10px; display: flex; flex-wrap: wrap;
}
.main-welfare .welfare-other li {
	padding: 10px;
}
.main-welfare .welfare-other li div {
	padding: 15px 20px 35px; border: 1px solid rgb(215, 215, 215); border-image: none; width: 100%; height: 100%; text-align: center; background-color: rgb(255, 255, 255);
}
.main-welfare .welfare-other li img {
	margin: 20px 0px; display: inline-block;
}
.main-welfare .welfare-other li p {
	text-align: left; line-height: 28px; text-indent: 32px; font-size: 16px;
}
.main-welfare .welfare-other li div:hover {
	border-color: rgb(187, 0, 0);
}
#contact-window {
	color: rgb(255, 255, 255);
}
#contact-window #info {
	background-image: url("../images/contact_bg_lay.jpg");
}
#contact-window #info ul {
	display: flex; flex-wrap: wrap;
}
#contact-window #info li {
	padding: 20px 18px; color: rgb(70, 70, 70);
}
#contact-window #info li > div {
	background: rgba(255, 255, 255, 0.9); padding: 20px 20px 20px 135px; line-height: 32px; position: relative;
}
#contact-window #info li > div::before {
	background: url("../images/contact_ico_1_1.png") no-repeat center; border-radius: 50%; border: 1px solid rgb(170, 170, 170); border-image: none; left: 68px; top: 50%; width: 95px; height: 95px; position: absolute; content: ""; transform: translate(-50%, -50%);
}
#contact-window #info li h3 {
	font-size: 24px; font-weight: normal;
}
#contact-window #info li span {
	font-size: 16px;
}
#contact-window #info li p {
	font-size: 20px; margin-top: 10px;
}
#contact-window #info li p::before {
	background: url("../images/contact_ico_1_2.png") no-repeat center; width: 20px; height: 20px; line-height: 20px; margin-right: 5px; margin-bottom: 3px; vertical-align: middle; display: inline-block; content: "";
}
#contact-window #info li > div:hover {
	background-color: rgb(255, 255, 255);
}
#contact-window #info li > div:hover h3 {
	color: red;
}
#contact-window #map {
	background-color: rgb(38, 38, 38);
}
.BMap_Marker .BMapLabel {
	background: url("../images/contact_ico_mapmarker.png") no-repeat center !important; border: currentColor !important; border-image: none !important; left: 0px !important; top: 0px !important; width: 20px; height: 25px;
}
#contact-window #map .ind-container {
	padding-top: 0px; display: flex; justify-content: space-between; align-content: flex-start;
}
#contact-window #map section {
	width: 80%; height: 100%; overflow: hidden; -webkit-clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 0); -moz-clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 0);
}
#contact-window #map section > div {
	width: 100%; height: 100%;
}
#contact-window #map section + div {
	width: 20%; height: 100%; display: flex; flex-wrap: wrap; align-content: center;
}
#contact-window #map section + div > * {
	width: 100%; min-width: 260px;
}
#contact-window #map h2 {
	font-size: 34px; font-weight: normal;
}
#contact-window #map h2::after {
	margin: 15px 0px; width: 75px; height: 2px; display: block; content: ""; background-color: rgb(187, 0, 0);
}
#contact-window #map p {
	line-height: 26px; font-size: 16px; max-width: 260px;
}
#contact-window #map p img {
	margin-right: 3px;
}
@media all and (max-width:1700px)
{
.header-navbar > li > a {
	padding: 0px 18px;
}
}
@media all and (max-width:1600px)
{
header {
	padding: 0px 15px;
}
.header-navbar {
	font-size: 15px;
}
}
@media all and (max-width:1500px)
{
.header-navbar > li > a {
	padding: 0px 12px;
}
.header-navbar > li > div {
	font-size: 13px;
}
#shop-window .shop-tit h2 {
	line-height: 50px; font-size: 33px;
}
}
@media all and (max-width:1400px)
{
header {
	height: 80px; line-height: 80px;
}
.header-logo img {
	height: 45px;
}
.header-navbar {
	font-size: 14px;
}
.header-navbar .lan-chs > a {
	width: 75px;
}
.ind-case > div {
	width: 35%;
}
.ind-case > div:last-child {
	width: 65%;
}
.ind-case section {
	padding-left: 5%;
}
.ind-advantage li {
	width: 17%;
}
#imageFlow {
	height: 0px; padding-bottom: 40%;
}
#tech-window #tech #imageFlow {
	height: 0px; padding-bottom: 37%;
}
.am-u-md-offset-4 {
	margin-left: 38%;
}
#shop-window #shop2 .shop-tit h2 {
	width: 50%;
}
}
@media all and (max-width:1380px)
{
.header-navbar > li > a {
	padding: 0px 14px;
}
.header-navbar > li > div {
	font-size: 12px;
}
.ind-advantage li h4 {
	font-size: 16px;
}
.am-u-md-offset-4 {
	margin-left: 44%;
}
}
@media all and (max-width:1380px) and (min-width:1201px)
{
.ind-container {
	margin: 0px auto; max-width: 1000px;
}
#index #video h2 {
	font-size: 70px;
}
.ind-tit h2 {
	line-height: 24px; font-size: 23px;
}
.ind-tit img {
	width: 35px;
}
.ind-advantage li img {
	width: 35px;
}
.ind-tit p {
	line-height: 24px; font-size: 15px;
}
.ind-about p {
	line-height: 24px; font-size: 15px;
}
#about-window #about section p {
	line-height: 24px; font-size: 15px;
}
.ind-about a {
	margin: 25px auto 0px; width: 90%;
}
.shop-slider .swiper-slide h4 {
	line-height: 30px; font-size: 17px;
}
#about-window #honor p {
	line-height: 30px; font-size: 17px;
}
#about-window #certificate p {
	line-height: 30px; font-size: 17px;
}
#culture-window #union p {
	line-height: 30px; font-size: 17px;
}
#culture-window #duty p {
	line-height: 30px; font-size: 17px;
}
#tech-window #team p {
	line-height: 30px; font-size: 17px;
}
#tech-window #profit p {
	line-height: 30px; font-size: 17px;
}
.case-controller .swiper-slide h4 {
	font-size: 21px;
}
#about-window .histroy-content h3 {
	font-size: 21px;
}
#about-window #views ul {
	margin: 0px auto; width: 600px;
}
#shop-window .ind-container {
	max-width: 1200px;
}
#shop-window .shop-tit h2 {
	line-height: 25px; font-size: 25px;
}
#shop-window #shop1 .shop-tit {
	left: 0px;
}
#shop-window #shop2 .shop-tit {
	left: 0px;
}
#culture-window #video video {
	margin: 20px auto 0px; display: block; max-width: 600px;
}
.list-case {
	max-width: 1000px;
}
#services-window #market p {
	line-height: 18px; text-indent: 26px; font-size: 13px;
}
#services-window #proxy .swiper-slide em {
	margin: 0px;
}
#services-window #proxy .swiper-slide h4 {
	font-size: 20px;
}
#services-window #proxy .swiper-slide div {
	line-height: 15px; font-size: 12px;
}
}
@media all and (max-width:1200px)
{
#main {
	min-height: auto;
}
header .am-icon-navicon {
	display: block;
}
header .am-icon-navicon.active {
	width: 100%; height: 100%; position: fixed; z-index: 101; background-color: rgba(0, 0, 0, 0.2);
}
header .am-icon-navicon.active::before {
	display: none;
}
.header-navbar {
	transition:transform 0.4s; top: 0px; width: 85%; height: 100%; right: 0px; display: block; position: fixed; z-index: 102; max-width: 320px; transform: translateX(100%); background-color: rgb(68, 68, 68);
}
.header-navbar.active {
	transform: translateX(0px);
}
.header-navbar li {
	background: inherit; width: 100%; height: auto; position: relative; z-index: 2;
}
.header-navbar li a {
	padding-left: 45px;
}
.header-navbar > li > a {
	width: 100%; height: 50px; color: rgb(255, 255, 255); line-height: 50px;
}
.header-navbar .nav2 {
	border: currentColor; transition:height 0.4s; border-image: none; height: 0px; text-align: left; overflow: hidden; display: block; position: static;
}
.header-navbar .lan-chs {
	bottom: 25px; display: block; position: absolute; z-index: 1;
}
.header-navbar .lan-chs > a {
	margin: 0px auto;
}
.header-navbar .lan-chs li a {
	text-align: center; padding-left: 0px;
}
.main-class {
	display: flex; flex-wrap: wrap; justify-content: space-between;
}
.main-class a {
	marign: 0;
}
.main-talent section > div:first-child {
	line-height: 24px; font-size: 14px;
}
.main-welfare > section > div {
	padding: 160px 10px 10px;
}
#about-window #honor {
	padding: 160px 10px 10px;
}
#about-window #certificate {
	padding: 160px 10px 10px;
}
.main-union {
	padding: 160px 10px 10px;
}
#culture-window #union {
	padding: 160px 10px 10px;
}
#culture-window #duty {
	padding: 160px 10px 10px;
}
#about-window #histroy {
	padding: 160px 10px 10px;
}
#services-window #after .ind-container {
	padding: 160px 10px 10px;
}
.am-u-md-offset-4 {
	margin-left: 46%;
}
#shop-window .shop-tit h2 {
	font-size: 24px;
}
}
@media all and (max-width:1024px)
{
.ind-shop {
	padding: 0px 50px; position: relative;
}
.ind-advantage {
	padding: 0px 50px; position: relative;
}
.ind-shop [class*='swiper-button-'].swiper-button-disabled {
	color: rgb(102, 102, 102); display: block;
}
.ind-advantage [class*='swiper-button-'].swiper-button-disabled {
	color: rgb(102, 102, 102); display: block;
}
.ind-about a::after {
	opacity: 1;
}
.ind-about a span {
	opacity: 1;
}
.news-tabs .swiper-slide > div {
	padding-left: 25px;
}
.case-slider {
	pointer-events: auto;
}
.page-case li > a::after {
	opacity: 1;
}
#imageFlow .scrollbar {
	display: none;
}
.am-u-md-offset-4 {
	margin-left: 44%;
}
}
@media all and (max-width:1000px)
{
.ind-tit {
	margin-bottom: 25px;
}
.ind-more {
	margin-top: 25px;
}
#cooperation .ind-container {
	padding: 30px 0px;
}
.article-pagination {
	padding: 15px;
}
}
@media all and (max-width:850px)
{
footer .am-g-fixed {
	display: flex; flex-wrap: wrap; align-items: center;
}
footer .am-g-fixed > div:first-child {
	flex-wrap: wrap;
}
footer .am-g-fixed > div > div {
	width: 100%; font-size: 14px;
}
.footer-txt {
	text-align: center; display: block !important;
}
.footer-info {
	margin-top: 30px; border-top-color: rgb(153, 153, 153); border-left-color: currentColor; border-top-width: 1px; border-left-width: medium; border-top-style: solid; border-left-style: none;
}
.news-tabs .swiper-slide > * {
	width: 100%;
}
.news-tabs .swiper-slide > img {
	display: none;
}
.ind-case {
	flex-wrap: wrap;
}
.ind-case > div {
	width: 100%; padding-bottom: 25px;
}
.ind-case > div:last-child {
	width: 100%; padding-bottom: 25px;
}
.ind-case > div:last-child {
	order: -1;
}
.ind-advantage li div + img {
	width: 35px;
}
#about-window .histroy-content .swiper-slide > div > div {
	margin: 10px 0px; padding: 0px 10px; -ms-overflow-y: scroll; max-height: 180px;
}
.main-about section:first-child > div {
	display: flex; flex-wrap: wrap;
}
.main-about section > div .am-u-md-6 {
	width: 100%; font-size: 16px; order: 1;
}
.main-about section > div :last-child.am-u-md-6 {
	order: 0;
}
.main-about img {
	margin-bottom: 25px;
}
#culture-window #criterion ul li > div em {
	height: 35px;
}
#culture-window #criterion ul li > div em img {
	top: -35px; width: 35px; height: 40px; -webkit-filter: drop-shadow(#c00 0 35px);
}
#culture-window #criterion ul li:nth-child(2n) > div em img {
	-webkit-filter: drop-shadow(#1f3c5a 0 35px);
}
#culture-window #criterion ul li > div h4 {
	margin: 5px 0px; line-height: 30px; font-size: 18px;
}
#culture-window #criterion ul li > div p {
	line-height: 16px; font-size: 14px;
}
#culture-window #criterion ul li:hover > div em img {
	-webkit-filter: drop-shadow(#fff 0 35px);
}
.shop-article .shop-info h1 {
	font-size: 25px;
}
.shop-article .shop-content h3 {
	width: 180px; font-size: 22px;
}
#tech-window #strength p {
	height: 200px;
}
#tech-window #strength p br {
	display: none;
}
.page-case {
	height: 145vw;
}
.page-case li {
	width: 50%; height: 29vw;
}
.page-case li:nth-child(2) {
	height: 58vw;
}
.page-case li:nth-child(3) {
	height: 58vw;
}
.page-case li:nth-child(6) {
	height: 58vw;
}
.page-case li:nth-child(3) {
	order: 2;
}
.page-case li:nth-child(5) {
	order: 1;
}
#services-window #market .am-g-fixed > div {
	width: 100%;
}
#services-window #market img {
	margin: 0px auto; width: 75%; display: block; max-width: 450px;
}
#services-window #proxy .am-g-fixed {
	padding: 0px 30px;
}
#services-window #proxy [class*='swiper-button-'] {
	display: block;
}
.main-join > div:first-child {
	font-size: 18px;
}
.main-join .am-panel {
	font-size: 15px;
}
.main-talent section > div {
	width: calc(55% + 60px);
}
.main-talent section:nth-child(2n+1) > div:first-child {
	width: calc(55% + 60px);
}
.main-talent section > div:last-child {
	width: calc(40% + 25px);
}
.main-talent section:nth-child(2n+1) > div:last-child {
	width: calc(40% + 25px);
}
#contact-window #map section {
	width: calc(100% - 260px);
}
#contact-window #map section + div {
	width: 260px;
}
#contact-window #map p {
	line-height: 35px;
}
.main-welfare > section > div {
	padding-top: 120px;
}
#about-window #honor {
	padding-top: 120px;
}
#about-window #certificate {
	padding-top: 120px;
}
.main-union {
	padding-top: 120px;
}
#culture-window #union {
	padding-top: 120px;
}
#culture-window #duty {
	padding-top: 120px;
}
#about-window #histroy {
	padding-top: 120px;
}
#services-window #after .ind-container {
	padding-top: 120px;
}
}
@media all and (max-width:650px)
{
.header-logo {
	width: 80%;
}
.header-navbar {
	max-width: 290px;
}
.header-navbar > li > a {
	height: 45px; line-height: 45px;
}
.header-navbar .lan-chs {
	bottom: 15px;
}
footer {
	padding-top: 25px;
}
.footer-logo img {
	max-width: 100px;
}
.footer-info {
	line-height: 30px; font-size: 14px; margin-top: 25px;
}
.footer-info h3 {
	line-height: 30px; font-size: 18px;
}
.footer-info ul {
	margin: 10px 0px;
}
.footer-info li {
	margin: 0px;
}
.footer-follow img {
	max-width: 125px;
}
.footer-follow a {
	line-height: 20px; font-size: 17px;
}
.footer-txt {
	margin: 0px; padding: 5px 0px; font-size: 12px;
}
#index #video {
	background: url("../images/mobile_video.jpg") no-repeat center / cover;
}
#index #video > section {
	font-size: 15px;
}
#index #video video {
	display: none;
}
#index #video h2 {
	font-size: 40px;
}
#index .swiper-slide {
	display: none;
}
#index #video em {
	display: none;
}
#index :first-child.swiper-slide {
	display: block;
}
.ind-tit h2 {
	line-height: 25px; font-size: 22px;
}
.main-talent section > div:first-child h2 {
	line-height: 25px; font-size: 22px;
}
.main-duty > section h3 {
	line-height: 25px; font-size: 22px;
}
.welfare-tit h2 {
	line-height: 25px; font-size: 22px;
}
#contact-window #map h2 {
	line-height: 25px; font-size: 22px;
}
.ind-tit p {
	line-height: 22px; font-size: 14px;
}
.ind-container {
	padding-top: 6%;
}
.ind-about p {
	line-height: 21px; font-size: 14px;
}
.ind-about a {
	margin-top: 10px;
}
.ind-news {
	padding: 0px 50px;
}
.news-tabs .swiper-slide > div {
	padding-left: 0px;
}
.news-tabs .swiper-slide ul {
	margin-bottom: 0px;
}
.news-tabs .swiper-slide li {
	margin-bottom: 0px;
}
.ind-case > div {
	padding-bottom: 15px;
}
.ind-case > div:last-child {
	padding-bottom: 15px;
}
.case-controller {
	width: 200px; height: 245px;
}
.case-controller .swiper-slide {
	padding: 35px 30px;
}
.case-controller .swiper-slide h4 {
	height: 96px; line-height: 24px; font-size: 18px;
}
.case-controller .swiper-slide a {
	margin: 0px auto; font-size: 14px;
}
.case-slider {
	width: 100%;
}
.ind-case .ind-tit h2 {
	line-height: 25px; font-size: 23px; margin-bottom: 0px;
}
.ind-case .ind-tit h2 img {
	height: 25px; margin-bottom: 0px;
}
.ind-case ul img {
	width: 30px;
}
.ind-case ul span {
	line-height: 30px; font-size: 14px;
}
#advantage .ind-container {
	padding-top: 60px;
}
.ind-advantage {
	padding: 0px 80px;
}
#cooperation .ind-container {
	padding: 90px 0px;
}
.cooperation-slider {
	padding: 0px;
}
.cooperation-slider .swiper-slide > div:hover {
	transform: none;
}
.ind-cooperation [class*='swiper-button-'] {
	height: 100%;
}
#about-window #about section .ind-tit h2 {
	font-size: 20px;
}
.ind-shop {
	padding: 0px 45px;
}
.ind-news [class*='swiper-button-'] {
	top: 50%; height: 60px; text-align: center; line-height: 60px; font-size: 45px; margin-top: 0px; position: absolute; transform: translateY(-50%);
}
.ind-shop [class*='swiper-button-'] {
	top: 50%; height: 60px; text-align: center; line-height: 60px; font-size: 45px; margin-top: 0px; position: absolute; transform: translateY(-50%);
}
.ind-advantage [class*='swiper-button-'] {
	top: 50%; height: 60px; text-align: center; line-height: 60px; font-size: 45px; margin-top: 0px; position: absolute; transform: translateY(-50%);
}
.main-banner {
	height: 60vw;
}
#about-window #about section p {
	line-height: 20px; font-size: 14px;
}
#shop-window .shop-tit {
	line-height: 20px; font-size: 14px;
}
.shop-article .shop-info p {
	line-height: 20px; font-size: 14px;
}
#about-window .histroy-timeline .swiper-slide span {
	font-size: 12px;
}
#about-window .histroy-content h3 {
	line-height: 25px; font-size: 18px;
}
#about-window .histroy-content span {
	text-align: right;
}
#about-window .histroy-content .swiper-slide {
	line-height: 18px; font-size: 14px; flex-wrap: wrap;
}
#about-window .histroy-content .swiper-slide > * {
	width: 100%;
}
#about-window .histroy-content img {
	margin: 0px auto; width: auto !important; display: block; max-height: 135px;
}
.main-about h2 {
	font-size: 20px;
}
.main-about ul {
	display: flex; flex-wrap: wrap;
}
.main-about ul div {
	padding: 30px 0px 15px; height: 100%;
}
.main-about ul h4 {
	font-size: 24px;
}
#culture-window #criterion ul {
	border: currentColor; border-image: none; margin-top: 0px; display: flex; flex-wrap: wrap; align-items: stretch;
}
#culture-window #criterion ul::before {
	display: none;
}
#culture-window #criterion ul::after {
	display: none;
}
#culture-window #criterion ul li {
	width: 33.3%; float: none;
}
#culture-window #criterion ul li > div {
	border: 1px solid rgb(204, 204, 204); border-image: none; height: 100%;
}
#culture-window #criterion ul li > div h4 {
	margin: 0px; line-height: 25px; font-size: 14px;
}
#culture-window #criterion ul li > div p {
	line-height: 14px; font-size: 12px;
}
#about-window #honor :first-child.am-u-sm-12 {
	display: none;
}
#about-window #certificate :last-child.am-u-sm-12 {
	display: none;
}
#culture-window #union :last-child.am-u-sm-12 {
	display: none;
}
#culture-window #duty :first-child.am-u-sm-12 {
	display: none;
}
#culture-window #duty .duty-txt {
	padding-left: 1rem;
}
#about-window #honor .honor-txt {
	padding-left: 1rem;
}
.main-union .union-syno article {
	font-size: 14px;
}
.article-content {
	font-size: 14px;
}
.main-news h2 {
	margin: 20px 0px; font-size: 24px;
}
.main-case h2 {
	margin: 20px 0px; font-size: 24px;
}
.article-title h1 {
	margin: 20px 0px; font-size: 24px;
}
.list-news li h3 {
	font-size: 18px;
}
.list-news li p {
	font-size: 13px;
}
.article-article {
	padding: 5px;
}
.article-pagination {
	flex-wrap: wrap;
}
.article-pagination a {
	margin: 10px 0px; width: 100%; display: block; max-width: 100%;
}
#shop-window #shop1 section {
	background-position: center; width: 100%; height: 0px; padding-bottom: 50%; display: block; position: static; background-size: auto 100%;
}
#shop-window #shop7 section {
	background-position: center; width: 100%; height: 0px; padding-bottom: 50%; display: block; position: static; background-size: auto 100%;
}
#shop-window #shop2 section {
	background-position: center; width: 100%; height: 0px; padding-bottom: 50%; display: block; position: static; background-size: auto 100%;
}
#shop-window #shop1 .shop-tit {
	line-height: 22px; font-size: 14px; position: static; transform: none;
}
#shop-window #shop7 .shop-tit {
	line-height: 22px; font-size: 14px; position: static; transform: none;
}
#shop-window #shop2 .shop-tit {
	line-height: 22px; font-size: 14px; position: static; transform: none;
}
#shop-window .am-u-md-offset-4 {
	margin-left: 0px;
}
#shop-window .shop-tit h2 {
	width: 100%; line-height: 26px; font-size: 22px; max-width: 100%;
}
#shop-window #shop2 .shop-tit h2 {
	width: 100%; line-height: 26px; font-size: 22px; max-width: 100%;
}
#shop-window .shop-tit em {
	margin: 15px 0px;
}
#shop-window .shop-tit a {
	font-size: 13px; margin-top: 15px;
}
#shop-window .shop-lay [class*='swiper-button-'] {
	width: 35px; height: 35px; line-height: 33px; font-size: 20px;
}
.shop-article .shop-info h1 {
	font-size: 20px;
}
.shop-article .shop-content h3 {
	width: 130px; height: 40px; line-height: 40px; font-size: 17px;
}
.shop-article .shop-content > div p {
	font-size: 14px;
}
#tech-window #strength .am-u-md-6 {
	padding: 0px 20px; text-align: right;
}
#tech-window #strength :first-child.am-u-md-6 {
	padding: 0px 20px; text-align: left;
}
#tech-window #strength h2 {
	font-size: 35px;
}
#tech-window #strength p {
	margin: 10px 0px; height: auto; line-height: 24px; font-size: 14px;
}
#tech-window #strength a {
	margin-top: 5px;
}
.page-case {
	height: auto;
}
.page-case li {
	width: 100%; height: 56vw;
}
.page-case li:nth-child(2) {
	height: 56vw;
}
.page-case li:nth-child(3) {
	height: 56vw;
}
.page-case li:nth-child(6) {
	height: 56vw;
}
.page-case li:nth-child(2) img {
	height: auto;
}
.page-case li:nth-child(3) img {
	height: auto;
}
.page-case li:nth-child(6) img {
	height: auto;
}
.page-case li:nth-child(3) {
	order: 2;
}
.page-case li:nth-child(5) {
	order: 1;
}
.main-class a {
	line-height: 33px; font-size: 14px;
}
#modal > form {
	padding: 20px;
}
#modal > form {
	font-size: 13px;
}
#services-window #market p {
	line-height: 18px; text-indent: 28px; font-size: 14px; margin-bottom: 5px;
}
#services-window #proxy .swiper-slide {
	padding: 10px;
}
#services-window #proxy .swiper-slide em {
	margin: 15px 0px;
}
#services-window #proxy .swiper-slide div {
	padding: 10px 0px; line-height: 22px; font-size: 12px;
}
.main-talent section {
	flex-wrap: wrap;
}
.main-talent section > div {
	margin: 0px !important; width: 100% !important;
}
.main-talent section:nth-child(2n+1) > div:first-child {
	padding-bottom: 35px;
}
.main-talent section:nth-child(2n) > div:first-child {
	padding-top: 35px;
}
.main-talent section > div:last-child {
	-webkit-clip-path: polygon(0 60px, 0 100%, 100% 100%, 100% 0); -moz-clip-path: polygon(0 60px, 0 100%, 100% 100%, 100% 0);
}
.main-talent section:nth-child(2n+1) > div:last-child {
	-webkit-clip-path: polygon(0 0, 0 100%, 100% calc(100% - 60px), 100% 0); -moz-clip-path: polygon(0 0, 0 100%, 100% calc(100% - 60px), 100% 0);
}
.main-talent br {
	display: none;
}
.main-welfare .welfare-life ul li {
	width: 50%; display: flex;
}
.main-welfare .welfare-life ul li:first-child {
	width: 100%;
}
.main-welfare .welfare-life ul li:nth-child(-n+3) {
	width: 100%;
}
.main-welfare .welfare-life ul li > div {
	width: 50%; height: auto;
}
.main-duty > section > div > div {
	padding: 10px;
}
.main-duty > section:nth-child(2n) > div > div:last-child {
	order: 0;
}
#contact-window #info li {
	padding: 5px 10px;
}
#contact-window #info li > div {
	padding: 10px 10px 10px 100px; line-height: 22px;
}
#contact-window #info li > div::before {
	left: 40px; width: 60px; height: 60px; background-size: 30px;
}
#contact-window #info li h3 {
	font-size: 18px;
}
#contact-window #info li span {
	font-size: 12px;
}
#contact-window #info li p {
	font-size: 14px;
}
#contact-window #map section {
	width: 100%; height: 400px;
}
#contact-window #map section + div {
	width: 100%; height: 400px;
}
#contact-window #map section {
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 90%, 100% 0); -moz-clip-path: polygon(0 0, 0 100%, 100% 90%, 100% 0);
}
#contact-window #map section + div {
	padding: 15px; height: auto;
}
#contact-window #map p {
	max-width: none;
}
.ind-container .am-u-sm-12 p {
	line-height: 21px !important; font-size: 14px;
}
.welfare-tit p {
	line-height: 21px !important; font-size: 14px;
}
.main-welfare .welfare-welfare ul p {
	line-height: 21px !important; font-size: 14px;
}
#about-window #honor img {
	margin: 10px auto; display: block; max-width: 80%;
}
#about-window #certificate img {
	margin: 10px auto; display: block; max-width: 80%;
}
#culture-window #union img {
	margin: 10px auto; display: block; max-width: 80%;
}
#culture-window #duty img {
	margin: 10px auto; display: block; max-width: 80%;
}
#tech-window #team img {
	margin: 10px auto; display: block; max-width: 80%;
}
#tech-window #profit img {
	margin: 10px auto; display: block; max-width: 80%;
}
#tech-window #IUR img {
	margin: 10px auto; display: block; max-width: 80%;
}
#contact-window #map p {
	line-height: 24px; font-size: 14px;
}
}
@media all and (max-width:400px)
{
.header-navbar {
	max-width: 260px;
}
#index #video > section {
	line-height: 26px;
}
#index #video h2 {
	line-height: 33px; font-size: 30px;
}
.ind-tit {
	margin-bottom: 15px;
}
.ind-tit h2 + img {
	width: 35px;
}
.ind-more {
	font-size: 13px; margin-top: 15px;
}
.news-tabs .swiper-slide li {
	line-height: 36px;
}
.ind-case > div:first-child {
	display: none;
}
.ind-case > div:last-child {
	padding-bottom: 0px;
}
.case-controller {
	width: 170px; height: 200px;
}
.case-controller .swiper-slide {
	padding: 8% 5% 0px;
}
.main-breadcrumb a {
	padding: 0.5rem 1.1rem;
}
#tech-window #strength h2 {
	font-size: 26px;
}
#services-window #market img {
	display: none;
}
#services-window #proxy .swiper-slide em {
	margin: 0px; width: 40px; height: 40px; overflow: hidden; display: inline-block; position: relative;
}
#services-window #proxy .swiper-slide em img {
	left: -40px; top: 0px; width: 45px; height: 40px; border-right-color: transparent; border-right-width: 5px; border-right-style: solid; display: block; position: absolute; max-width: 45px; -webkit-filter: drop-shadow(currentColor 40px 0);
}
#services-window #proxy .swiper-slide h4 {
	font-size: 16px;
}
#services-window #proxy .swiper-slide div {
	line-height: 18px !important; font-size: 14px;
}
.ind-container .am-u-sm-12 p {
	line-height: 18px !important; font-size: 14px;
}
.welfare-tit p {
	line-height: 18px !important; font-size: 14px;
}
.main-welfare .welfare-welfare ul p {
	line-height: 18px !important; font-size: 14px;
}
#services-window #proxy .swiper-slide:hover em img {
	-webkit-filter: drop-shadow(currentColor 40px 0);
}
.main-join > div:first-child {
	padding: 0px; font-size: 15px;
}
.main-join .am-panel {
	padding: 0px; font-size: 13px;
}
#culture-window #criterion ul {
	padding: 10px; width: 100%;
}
#culture-window #criterion ul li > div {
	padding: 5px 0px;
}
#culture-window #criterion ul li > div > div {
	position: static; transform: none;
}
#about-window .histroy-content img {
	display: none;
}
#contact-window #info li > div {
	padding: 5px 5px 5px 80px;
}
#contact-window #info li h3 {
	font-size: 13px;
}
#contact-window #info li p {
	font-size: 12px; margin-top: 0px;
}
#services-window #ywfw img {
	width: 100%; margin-top: 20px;
}
}
@media all and (max-width:1380px) and (min-width:1201px)
{
#tech .ind-container {
	margin: 0px auto; max-width: 800px;
}
#certificate .ind-container {
	margin: 0px auto; max-width: 800px;
}
#after .ind-container {
	margin: 0px auto; max-width: 800px;
}
#map .ind-container {
	margin: 0px auto; max-width: 100%;
}
}
.ind-about p {
	line-height: 32px; font-size: 20px;
}
#tech-window #tech {
	background: url("/skin/common/images/abobut_bg_lay7.jpg") 0% 0% / cover;
}