html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0;
	background-color: #fff;
	font-family: "Source Han Sans CN","PingFang SC","Microsoft YaHei",Arial,"Hiragino Sans GB","Heiti SC","sans-serif";
	min-width: 320px
}

main {
	display: block
}
.w-right{ text-align: right;}
u {
	font-style: italic
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent;
	text-decoration: none
}
.pics {
    width: 100%;
    overflow: hidden;
}
.pics img {width: 100%;	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

select {
	-webkit-appearance: none
}

b,strong {
	font-weight: bolder
}

code,kbd,samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

button,input,optgroup,select,textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,input {
	overflow: visible;
	outline: none
}

button,select {
	text-transform: none
}

input,textarea {
	-webkit-appearance: none;
	border-radius: 0
}

button,[type="button"],[type="reset"],[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

select,textarea {
	outline: none
}[type="checkbox"],[type="radio"] {
	box-sizing: border-box;
	padding: 0
}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
	height: auto
}[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}[hidden] {
	display: none
}

img {
	border-style: none;
	display: inline-block
}

ul,li {
	list-style: none
}

ul,p,figure,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0
}

a {
	color: #101010
}

* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}[class*=' icon-'],[class^=icon-] {
	font-family: "iconfont";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-transform: none
}

.wow {
	visibility: hidden
}

.mt-20 {
	margin-top: 20px
}

.mt-30 {
	margin-top: 30px
}

.mt-40 {
	margin-top: 40px
}

.mt-50 {
	margin-top: 50px
}

.mt-60 {
	margin-top: 60px
}

.mt-70 {
	margin-top: 70px
}

.mt-80 {
	margin-top: 80px
}

.mt-90 {
	margin-top: 90px
}

.mt-100 {
	margin-top: 100px
}

.mt-110 {
	margin-top: 110px
}

.mt-120 {
	margin-top: 120px
}

.mt-140 {
	margin-top: 140px
}

.mt-150 {
	margin-top: 150px
}

.mt-160 {
	margin-top: 160px
}

.mt-180 {
	margin-top: 180px
}

.mt-200 {
	margin-top: 200px
}

.mt-220 {
	margin-top: 220px
}

.mt-300 {
	margin-top: 300px
}

.pt-50 {
	padding-top: 50px
}

.pt-120 {
	padding-top: 120px
}

.text-right {
	text-align: right
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.d-inline-block {
	display: inline-block
}

.d-none {
	display: none
}

.d-block {
	display: block
}

.list {
	position: relative;
	font-size: 0;
	margin-left: -16px;
	margin-right: -16px
}

.list>li {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	margin-bottom: 65px
}

.list>li>a,.list>li .item-box {
	display: block;
	color: #101010;
	margin-left: 16px;
	margin-right: 16px
}

.list-1>li {
	width: 100%
}

.list-2>li {
	width: 50%
}

.list-3>li {
	width: 33.3333%
}

.list-4>li {
	width: 25%
}

.list-5>li {
	width: 20%
}

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

.wx-share {
	margin-top: -130px;
	margin-left: -120px;
	border-radius: 3px;
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	padding: 20px 10px;
	width: 240px;
	height: 280px;
	background-color: #fff;
	cursor: pointer;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)
}

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

.wx-share p {
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	font-weight: 500;
	color: #000;
	margin-top: 5px
}

.wx-share i {
	position: absolute;
	top: -4px;
	right: -4px;
	font-size: 12px;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5;
	text-align: center;
	color: #000
}

.IProduct{ background: #1d1e24;}
.IProduct .IProduct_top ul{ display:flex; align-items:center; }
.IProduct .IProduct_top ul .IProduct_top_list{ width:16.66%; text-align:center; padding:24px 0px; position:relative; background:#1d1e24; cursor:pointer;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.IProduct .IProduct_top ul .IProduct_top_list:before{ content:""; display:inline-block; width:1px; height:100%; background:rgba(255,255,255,.1); position:absolute; right:0; top:0;}
.IProduct .IProduct_top ul .IProduct_top_list:after{ content:""; width:0; height:0; border-right:6px solid transparent; border-left:6px solid transparent; border-top:8px solid #727171; position:absolute; right:0; bottom:0px; left:0; margin:0 auto; opacity:0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.IProduct .IProduct_top ul .IProduct_top_list.on:after{ bottom:-8px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; opacity:1;}
.IProduct .IProduct_top ul .IProduct_top_list:hover:after{ bottom:-8px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; opacity:1;}
.IProduct .IProduct_top ul .IProduct_top_list:hover{ background:#727171;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.IProduct .IProduct_top ul .IProduct_top_list.on{ background:#727171;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.IProduct .IProduct_top ul .IProduct_top_list .top_list_icon{ height:56px; display:flex; align-items:center; justify-content:center; margin:0 auto;}
.IProduct .IProduct_top ul .IProduct_top_list .top_list_title{ margin-top:20px; font-size:16px; color:#fff;}
.IProduct .IProduct_content{ padding:97px 0px;}
.IProduct .IProduct_content .IProduct_content_list .content_list_title{ display:flex; align-items: flex-end; justify-content:space-between; margin-bottom:55px;}
.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_left .title_left_top .left_top_dd{ font-size:18px; color:#fff; margin-bottom:15px; font-weight:bolder;}
.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_left .title_left_top .left_top_dt{ font-size:40px; color:#fff;}
.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_left .title_left_bottom{ font-size:14px; color:rgba(255,255,255,.5); line-height:24px; margin-top:32px;}
.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right{ display:flex; align-items:center;}
.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right div{ border:1px solid #e4960d; width:72px; height:47px; display:flex; align-items:center; justify-content:center; position:inherit; margin-top:0px;}
.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right .swiper-button-next.swiper-button-disabled, .IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right .swiper-button-prev.swiper-button-disabled{ opacity:1; border:1px solid #fff;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right .swiper-button-next.swiper-button-disabled i, .IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right .swiper-button-prev.swiper-button-disabled i{ color:#fff;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right div:after{ display:none;}
.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right div i{ font-size:24px; color:#e4960d;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li{ background:#262931; width:335px; height:560px; border-radius:4px; padding:50px 30px; padding-bottom:0px; position:relative; overflow:hidden;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_title{ font-size:48px; color:#bfc1c3; margin-bottom:180px;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_title .li_title_dd{ margin-bottom:10px;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_images{ height:270px; display:flex; align-items:center; justify-content:center;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_images img{ max-height:270px; max-width:100%;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover{ position:absolute; top:0; left:0; width:100%; height:100%; background:#e4960d; padding:50px 30px; display:flex; justify-content:space-between; flex-direction:column; opacity:0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_dd{ font-size:24px; color:#333333;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_dt{ font-size:42px; color:#fff; margin-top:10px; position:relative; padding-bottom:40px; margin-bottom:40px;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_dt:before{ content:""; display:inline-block; width:54px; height:5px; background:url(../img/bn13.png) no-repeat 50% 50%; position:absolute; bottom:0; left:0;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_c p{ font-size:16px; color:#fff;  position:relative; padding-left:15px; margin-bottom:10px;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_c p a{ color:#fff;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_c p a:hover{text-decoration: underline;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_c p:last-child{ margin-bottom:0px;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_c p:before{ content:""; display:inline-block; width:5px; height:5px; border-radius:100%; background:#fff; position:absolute; left:0; top:7px;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_btn a{ font-size:14px; color:#fff; display:flex; align-items:center; justify-content:center; width:140px; height:42px; border:1px solid #fff;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_btn a img{ margin-right:11px; position:relative; top:
2px;}
.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li:hover .txt_li_hover{ opacity:1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.f32{ font-size: 32px;}

@media (max-width: 1280px) {
	.list>li {
		font-size: 18px
	}
}

@media (max-width: 1200px) {
	.list-3>li {
		width: 50%
	}

	.list-5>li {
		width: 25%
	}
	.IProduct .IProduct_content{ padding:40px 0px;}
	.IProduct .IProduct_top ul .IProduct_top_list{ width:33.33%; padding:15px 0px;}
	.IProduct .IProduct_top ul{ flex-wrap:wrap;}
	.IProduct .IProduct_top ul .IProduct_top_list:after{ display:none;}
	.IProduct .IProduct_top ul .IProduct_top_list .top_list_title{ font-size:32px; margin-top:0px;}
	.IProduct .IProduct_top ul .IProduct_top_list .top_list_icon img{ max-height:30px; height:35px;}
	.IProduct .IProduct_content .IProduct_content_list .content_list_title{ display:block;}
	.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right{ margin-top:23px;}
	.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_left .title_left_top .left_top_dt{ font-size:26px;}
	.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_left .title_left_bottom{ margin-top:20px;}
	.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li{ padding:22px; height:auto; padding-bottom:0px;}
	.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover{ padding:22px;}
	.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_dd{ font-size:20px;}
	.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_dt{ font-size:32px; margin-bottom: 0;}
	.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_title{ font-size:32px; margin-bottom:60px;}
}

@media (max-width: 1024px) {
	.mt-300 {
		margin-top: 260px
	}

	.mt-220 {
		margin-top: 180px
	}

	.mt-200 {
		margin-top: 160px
	}

	.mt-180 {
		margin-top: 130px
	}

	.mt-150 {
		margin-top: 120px
	}

	.mt-140 {
		margin-top: 110px
	}

	.mt-120 {
		margin-top: 100px
	}

	.pt-120 {
		padding-top: 100px
	}

	.mt-110 {
		margin-top: 90px
	}

	.mt-100 {
		margin-top: 80px
	}

	.mt-80 {
		margin-top: 60px
	}

	.mt-70 {
		margin-top: 55px
	}

	.mt-60 {
		margin-top: 50px
	}

	.mt-50 {
		margin-top: 40px
	}

	.mt-40 {
		margin-top: 30px
	}

	.mt-30 {
		margin-top: 20px
	}

	.pt-50 {
		padding-top: 40px
	}

	.list>li {
		font-size: 14px;
		margin-bottom: 50px
	}
.list-4>li {
		width: 50%
	}
	.list-5>li {
		width: 33.33%
	}
}

@media (max-width: 800px) {
	.list {
		margin-left: -10px;
		margin-right: -10px
	}

	.list>li {
		font-size: 12px
	}

	.list>li>a,.list>li .item-box {
		margin-left: 10px;
		margin-right: 10px
	}
}

@media (max-width: 750px) {
	.list-3>li {
		width: 100%
	}
	
}

@media (max-width: 650px) {
.list-4>li {
		width: 100%
	}	
	.mt-300 {
		margin-top: 220px
	}

	.mt-220 {
		margin-top: 130px
	}

	.mt-200 {
		margin-top: 120px
	}

	.mt-180 {
		margin-top: 100px
	}

	.mt-150 {
		margin-top: 90px
	}

	.mt-140 {
		margin-top: 80px
	}

	.mt-120 {
		margin-top: 70px
	}

	.pt-120 {
		padding-top: 70px
	}

	.mt-110 {
		margin-top: 65px
	}

	.mt-100 {
		margin-top: 55px
	}

	.mt-80 {
		margin-top: 45px
	}

	.mt-70 {
		margin-top: 40px
	}

	.mt-60 {
		margin-top: 35px
	}

	.mt-50 {
		margin-top: 25px
	}

	.mt-40 {
		margin-top: 20px
	}

	.mt-30 {
		margin-top: 15px
	}

	.pt-50 {
		padding-top: 25px
	}

	.list {
		margin-left: -5px;
		margin-right: -5px
	}

	.list>li {
		font-size: 10px
	}

	.list>li>a,.list>li .item-box {
		margin-left: 5px;
		margin-right: 5px
	}

	.list-2>li {
		width: 100%
	}

	.list-5>li {
		width: 50%
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

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

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

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

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

.animated.fast {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms
}

.animated.faster {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms
}

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

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}

@media (prefers-reduced-motion) {
	.animated {
		-webkit-animation: unset !important;
		animation: unset !important;
		-webkit-transition: none !important;
		transition: none !important
	}
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	outline: none
}

.slick-slide a {
	outline: none
}[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block;
	width: 100%;
}
.in-banner__slick .fadeinImg{
	position: absolute;
display: inline;
    width: 45%;
    position: absolute;
    top: 10%;
    right: 0;	
}



.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}
.in-banner .item-box a{width: 100%;
  }


.header {
	position:relative;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 9;
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear
}

.header::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(112,112,112,0.1)
}

.no-line .header::after {
	display: none
}

.head-mian {
	position: relative;
}

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

.logo {
	display: inline-block;
}
.top_main_a{ margin: 42px 0; float: left;}
.top_main_a h1{display: inline-block; padding-left:10px ;font-size: 2rem;}
.logo img {
	width: auto;
}
.head-tp{ background-color: #eee; width: 100%; height: 36px;font-size: 14px;color: #6b6b6b;}
.top_left{float: left;padding-top: 9px;}
.top_right{float: right; padding-top: 9px;}
.top_right a {
    float: left;
    border-right: 1px dotted #ababab;
    padding:0 8px;
    font-size: 14px;
}
.top_right a:last-child {
    border: none !important;
}
.top_right a:hover{ color: #d40008;}

.top_main_b {
    float:right;
	margin: 50px 0;
}
.top_main_b .phone {overflow:hidden;background:url(../img/phone_icon.png) left center no-repeat;padding-left:40px;text-align:right;display: inline-block;}
.top_main_b .phone p {font-size:16px;color:#101010;}
.top_main_b .phone h3 {font-weight:normal;font-size:28px;color:#000;font-weight: bold;}
.top_main_b .phone h3 a:hover {color:#d40008;}
.searchbar_box {
    display: inline-block;
    padding-right: 20px;
}
.searchBar-t1 form {
    background: rgba(255,255,255,0.5);
    border-radius: 1000px;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    padding: 5px;
    display: inline-block;
}
.searchBar-t1 .textField {
    border: none;
    padding-left: 10px;
    width: 150px;
	font-size: 12px;
}
.searchBar-t1 input {
    height: 25px;
    line-height: 20px;
	display: block;
	    float: left;
	    padding-top: 0;
	    padding-bottom: 0;
	    background: none;
}
.searchBar-t1 .submit {
    border: none;
    width: 25px;
    padding-left: 0;
    padding-right: 0;
    background-image: url(../img/img01.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
	cursor: pointer;
}
.wzz{ display: none;}
.head-dh{ background-color: #0d0d0d;}

.head-func {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.head-cont{ float:left;}
.head-nav,.head-act__btn,.head-lang {
	display: inline-block;
	vertical-align: middle
}

.head-act__btn {
	position: relative;
	top: -1px;
	font-size: 16px;
	margin-right: 2.125em
}

.head-act__btn a {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	display: inline-block;
	width: 92px;
	height: 30px;
	line-height: 26px;
	color: #101010;
	text-align: center;
	border: 2px solid #101010
}

.head-lang {
	font-size: 20px
}

.head-lang a {
	color: #101010
}

.head-lang i {
	font-size: 12px;
	vertical-align: middle;
	position: relative;
	top: -1px
}

.head-func {
	font-size: 20px
}

.head-func a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1em;
	color: #101010
}

.search-full {
	display: none;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff
}

.search-full .icon-close {
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear;
	position: absolute;
	right: 315px;
	top: 50%;
	font-size: 16px;
	color: rgba(17,17,17,0.8);
	margin-top: -8px
}

.search-head {
	max-width: 600px;
	margin: 0 auto;
	padding-right: 40px;
	position: relative;
	height: 100%
}

.search-content {
	height: 95px;
	position: relative;
	padding-left: 40px
}

.search-content input {
	position: absolute;
	left: 40px;
	top: 0;
	width: calc(100% - 40px);
	height: 100%;
	border: none;
	background-color: transparent;
	font-size: 16px;
	color: #101010
}

.search-content .icon-search {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	background-color: transparent;
	outline: none;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 50%;
	font-size: 18px;
	color: #101010;
	border: none;
	padding: 0;
	margin-top: -10px
}

@media (min-width: 1025px) {
	.search-full .icon-close:hover {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.search-full .icon-search:hover {
		color: #FFF000
	}

	.transY-page .header {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
.head-func{ display: none;}
	.m-menu {
		display: none
	}@	-webkit-keyframes navItem {
		0%{opacity: 0;
		transform: rotateX(-90deg)
	}

	100% {
		opacity: 1;
		transform: rotateX(0)
	}
}

@keyframes navItem {
	0% {
		opacity: 0;
		transform: rotateX(-90deg)
	}

	100% {
		opacity: 1;
		transform: rotateX(0)
	}
}

.subnav-cont::before {
	content: "\e69b";
	display: block;
	color: #101010;
	position: absolute;
	left: 50%;
	top: -10px;
	font-size: 10px;
	font-family: "iconfont";
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.subnav-cont li {
	background-color: #101010;
	padding: 0 1.38889em
}

.subnav {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	visibility: hidden;
	clip-path: polygon(0 -20%, 100% -20%, 100% 0, 0 0);
	position: absolute;
	left: 50%;
	top: 100%;
	width: 220px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 100;
	text-align: center
}

.subnav a {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	display: block;
	padding: 15px 0;
	position: relative;
	letter-spacing: 1px;
	font-weight: 500;
	color: #fff;
	font-size: 16px;
}

.subnav a::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,0.35)
}



.subnav li:last-child a::after {
	opacity: 0
}

.hn-menu {
	font-size: 18px;
}

.hn-menu>li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 20px 1.3em;
	height: 60px
}
.hn-menu>li>a:hover{color:#d40008}
.hn-menu>li>a {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	color: #fff
}


.hn-menu>li:hover .subnav {
	opacity: 1;
	visibility: visible;
	clip-path: polygon(0 -20%, 100% -20%, 100% 100%, 0 100%)
}

.head-act__btn a:hover {
	background-color: #FFF000;
	color: #101010;
	border-color: #FFF000
}

.close-nav {
	display: none
}

.head-lang a {
	-webkit-transition: color .3s linear;
	transition: color .3s linear
}

.head-lang a:hover {
	color: #FFF000
}

.head-func a {
	-webkit-transition: color .3s linear;
	transition: color .3s linear
}

}

@media (max-width: 1366px) {

.top_main_a h1{ font-size: 24px}
}

@media (max-width: 1280px) {

	.hn-menu {
		font-size: 14px;
		margin-left: 20px
	}

	.head-lang,.head-func {
		font-size: 16px
	}

	.head-act__btn {
		font-size: 14px
	}

	.head-act__btn a {
		line-height: 26px
	}
}

@media (max-width: 1100px) {
	.logo {
		height: 50px
	}
}

@media (max-width: 1024px) {
.header {
    position: fixed;
}	
.top_main_a,.top_main_b{ display: none;}	
	.search-content {
		height: 88px
	}
.wzz{ display: block;}
.logo img {
    width: auto;
	height: 100%;
}
	.search-head {
		margin: 0 30px;
		padding-right: 20px
	}

	.search-full .icon-close {
		right: 30px
	}

	.close-nav {
		position: absolute;
		right: 30px;
		top: 30px;
		color: #000;
		font-size: 20px
	}


	.header {
		padding: 10px 0
	}
.b-n{position: relative; overflow: hidden;}
	.head-cont {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		padding-top: 100px;
		padding-bottom: 50px;
		overflow-y: auto;
		z-index: 890
	}

	.head-lang,.head-func {
		font-size: 22px
	}

	.m-menu {
		display: inline-block;
		vertical-align: middle;
		cursor: pointer;
		margin-left: 15px
	}

	.m-menu i {
		display: block;
		width: 26px;
		height: 3px;
		background-color: #101010;
		margin: 5px 0
	}

	.hn-menu {
		margin-left: 0;
		font-size: 22px;
		letter-spacing: 1px
	}

	.hn-menu>li {
		padding: 0 30px;
		position: relative
	}

	.hn-menu>li::after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 1px;
		width: 100%;
		background-color: #000
	}

	.hn-menu>li>a {
		position: relative;
		display: block;
		line-height: 3.6;
		color: #333;
		font-size: 18px;
		text-align: center;
	}

	.hn-menu>li.on .drop-dec::after {
		opacity: 0
	}

	.hn-menu .drop-dec {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -10px;
		width: 20px;
		height: 20px
	}

	.hn-menu .drop-dec::before,.hn-menu .drop-dec::after {
		-webkit-transition: opacity .3s linear;
		transition: opacity .3s linear;
		content: "";
		display: block;
		position: absolute;
		background-color: #fff
	}

	.hn-menu .drop-dec::before {
		width: 100%;
		height: 2px;
		left: 0;
		top: 50%;
		margin-top: -1px
	}

	.hn-menu .drop-dec::after {
		height: 100%;
		width: 2px;
		left: 50%;
		top: 0;
		margin-left: -1px
	}

	.subnav {
		display: none;
		padding-left: 30px;
		padding-bottom: 30px;
		font-size: 18px;
		letter-spacing: 1px
	}

	.subnav li {
		padding-bottom: 25px
	}

	.subnav li:last-child {
		padding-bottom: 0
	}

	.subnav a {
		line-height: 1.5;
		color: #fff;
	}

	.head-act__btn {
		display: block;
		font-size: 22px;
		margin-right: 0
	}

	.head-act__btn a {
		text-align: left;
		position: relative;
		padding: 30px;
		line-height: 1;
		width: 100%;
		height: auto;
		border: none;
		color: #101010
	}

	.head-act__btn a::after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 1px;
		width: 100%;
		background-color: #fff
	}

	.head-lang {
		margin-right: 30px;
		margin-left: 30px;
		margin-top: 50px
	}

	.head-nav {
		display: block;
		    border-top: 8px solid #000;
			margin: 0 18px;
	}
}

@media (max-width: 650px) {
	.search-content {
		height: 64px
	}

	.search-head {
		margin: 0 20px
	}

	.wzz{
	padding: 5px 0;
	}

	.close-nav {
		top: 22px;
		right: 20px
	}

	.header {
		padding: 6px 0
	}

	.head-lang,.head-func {
		font-size: 22px
	}

	.head-func a {
		margin-left: 16px
	}

	.m-menu {
		margin-left: 16px
	}

	.m-menu i {
		width: 22px;
		height: 2px;
		margin: 5px 0
	}

	.head-cont {
		padding-top: 80px
	}

	.hn-menu {
		font-size: 20px
	}

	.hn-menu>li {
		padding: 0 20px
	}



	.hn-menu .drop-dec {
		width: 16px;
		height: 16px
	}

	.head-act__btn {
		font-size: 20px
	}

	.head-act__btn a {
		padding: 25px 20px
	}

	.head-lang {
		margin-left: 20px;
		margin-right: 20px
	}

	.search-full .icon-close {
		right: 20px
	}
}

.footer {
	background-color: #101010;
	position: relative;
	z-index: 9
}

.foot-join__btn {
	color: #D3D3D3;
	font-size: 38px
}

.foot-join__btn i {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1.44737em;
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear
}

.fj-cn {
	font-size: .92105em;
	letter-spacing: .11429em
}

.foot-top__cont {
	font-size: 20px;
	position: relative
}

.foot-join__box {
	border-bottom: 3px solid #6D6D6D;
	font-size: 20px;
	padding-bottom: 2em
}

.ftl-message,.ftl-code {
	display: inline-block;
	vertical-align: top
}

.ftl-code {
	font-size: 14px;
	width: 105px;
	text-align: center;
	margin-right: 36px
}

.ftl-code .pic {
	position: relative
}

.ftl-code .pic::before {
	content: "";
	display: block;
	padding-top: 100%
}

.ftl-code .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.ftl-code span {
	display: inline-block;
	margin-top: 8px;
	letter-spacing: 4px;
	color: #fff;
}

.ftl-message {
	color: #fff;
	position: relative;
	top: -5px
}

.ftl-tel {
	margin-bottom: .25em
}

.ftl-mail {
	margin-bottom: .81818em
}

.foot-copyright {
	font-size: 14px;
	color: #fff;
	line-height: 1.71429
}

.foot-copyright p,.foot-copyright a {
	display: inline-block;
	vertical-align: middle;
	color: #fff
}

.foot-copyright .sm-link {
	color: rgba(255,255,255,0.46);
	margin-left: 1.07143em
}

.foot-nav,.back-top {
	display: inline-block;
	vertical-align: bottom
}

.foot-nav {
	position: relative;
	font-size: 14px;
	margin-right: 1.78571em;
	padding-right: .71429em
}

.foot-nav::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1px;
	height: 12px;
	background-color: #6D6D6D
}

.foot-nav li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em
}

.foot-nav a {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	color: #fff
}

.foot-bottom__cont {
	position: relative
}

.fb-right__inner {
	position: absolute;
	right: 0;
	bottom: 0
}

.back-top {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	position: relative;
	font-size: 16px;
	padding-top: 1.75em;
	color: #fff
}

.back-top i {
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear;
	position: absolute;
	top: 0;
	left: -.20833em;
	font-size: 1.5em
}

.foot-share {
	font-size: 20px
}

.foot-share .fs-bg,.foot-share i,.foot-share .fs-circle1,.foot-share .fs-circle2 {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.foot-share .fs-circle1,.foot-share .fs-circle2 {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	opacity: 0
}

.foot-share .fs-bg {
	width: 1.8em;
	height: 1.8em
}

.foot-share .fs-bg::after {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../assets/images/icon-04.svg");
	width: 100%;
	height: 100%;
	opacity: 0
}

.foot-share a {
	display: inline-block;
	vertical-align: middle;
	font-size: 1em;
	position: relative;
	width: 3em;
	height: 3em
}

.foot-share a:hover .pic-box img {
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: visible
}

.foot-share .pic-box {
	position: absolute;
	left: 50%;
	margin-left: -70px;
	width: 140px;
	height: auto;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	pointer-events: none
}

.foot-share .pic-box img {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-transform: scale(0);
	transform: scale(0);
	visibility: hidden;
	max-width: 100%;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center
}

.foot-share i {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	color: #fff;
	z-index: 10
}

.foot-share .fs-circle1,.foot-share .fs-circle2 {
	background: url("../assets/images/icon-05.svg")
}

.foot-share .fs-circle2 {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	width: 2.3em;
	height: 2.3em
}

.foot-share .fs-circle1 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	width: 3em;
	height: 3em
}

.ft-left__inne {
	font-size: 0
}

@media (min-width: 1025px) {
	.sm-link:hover {
		text-decoration: underline
	}

	.foot-share {
		position: absolute;
		right: 0;
		top: 0
	}

	.foot-share a:hover .fs-bg::after {
		opacity: 1
	}

	.foot-share a:hover i {
		color: #101010
	}

	.foot-share a:hover .fs-circle1 {
		opacity: .2
	}

	.foot-share a:hover .fs-circle2 {
		opacity: .8
	}

	.foot-nav a:hover {
		color: #d40008
	}

	.back-top:hover {
		color: #d40008
	}

	.back-top:hover i {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	.foot-join__btn {
		-webkit-transition: color .3s linear;
		transition: color .3s linear
	}

	.foot-join__btn:hover {
		color: #d40008
	}

	.foot-join__btn:hover i {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}

@media (max-width: 1024px) {
	.foot-nav {
		display: none
	}

	.foot-join__btn {
		font-size: 30px
	}

	.ftl-code {
		margin-right: 0
	}
.ftl-code {
	width: 90px;
}
.head-tp{ display: none;}
	.ftl-message {
		top: 0;
		width: calc(100% - 99px);
		padding-left: 20px
	}

	.foot-share {
		margin-top: 35px
	}

	.foot-join__box {
		font-size: 18px
	}

	.back-top {
		font-size: 14px
	}
}

@media (max-width: 650px) {
	.foot-join__box {
		font-size: 14px
	}

	.foot-join__btn {
		font-size: 24px
	}

	.foot-copyright {
		font-size: 12px
	}

	.foot-copyright .sm-link {
		display: block;
		margin-left: 0;
		margin-top: 4px
	}

	.ftl-code {
		font-size: 12px;
		padding-bottom: 10px
	}

	.foot-share {
		margin-top: 20px
	}

	.foot-bottom__cont {
		margin-top: 30px
	}

	.fb-right__inner {
		bottom: 6px
	}

	.back-top {
		font-size: 12px
	}

	.ftl-message .ftl-address {
		font-size: 12px;
		line-height: 1.6
	}

	.foot-join__box {
		border-bottom-width: 2px
	}
}

@media (max-width: 500px) {
	.foot-join__box {
		font-size: 12px
	}

	.foot-join__btn {
		font-size: 18px
	}
}

.relative {
	position: relative
}

.fl {
	float: left
}

.fr {
	float: right
}

.ovf {
	overflow: hidden
}

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

.lazy {
	background: url("../assets/images/load.gif") no-repeat center center;
	background-size: 24px
}

.w1360 {
	max-width: 1360px;
	margin-left: auto;
	margin-right: auto
}

.w930 {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto
}

.fs50 {
	font-size: 50px;
	font-weight: 500;
	letter-spacing: 1px
}

.fs46 {
	font-size: 46px;
	font-weight: 500;
	line-height: 1.52174
}

.fs40 {
	font-size: 40px;
	letter-spacing: 1px;
	font-weight: 500
}

.fs35 {
	font-size: 35px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.31429
}

.fs24 {
	font-size: 24px;
	line-height: 1.66667
}

.fs30 {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.53333
}

.fs26 {
	font-size: 26px;
	line-height: 1.69231;
	font-weight: 500;
	letter-spacing: 1px
}

.fs22 {
	font-size: 22px
}

.fs20 {
	font-size: 20px;
	line-height: 1.8;
	font-weight: 500;
	letter-spacing: .4px
}

.fs18 {
	font-size: 18px;
	line-height: 1.77778;
	letter-spacing: 1px
}

.fs16 {
	font-size: 16px
}

.wrap {
	padding-top:0
}

.sec-txt {
	font-size: 16px;
	line-height: 1.875;
	letter-spacing: 1px;
	color: #101010
}

label.error {
	position: absolute;
	top: 100%;
	left: 0;
	padding-top: 3px;
	color: #101010;
	font-size: 12px
}

.paragraph {
	font-size: 15px;
	line-height: 2;
	color: #101010;
	letter-spacing: 1px;
	text-align: justify
}

.paragraph blockquote {
	margin: 0;
	position: relative;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: 1px;
	padding-left: .75em;
	margin-bottom: 2.1em
}
.line {
    display: block;
    height: 3px;
    background-color: #000;
}
.paragraph blockquote::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	height: calc(100% - 20px);
	width: .15em;
	background-color: #D0D0D0
}

.paragraph h2 {
	font-size: 30px;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: .66667em
}

.paragraph h3 {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.58333
}

.paragraph h4 {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: .6px;
	line-height: 1.9;
	margin-bottom: .8em
}

.paragraph h5 {
	font-size: 18px;
	font-weight:bold;
	line-height: 1.55556;
	margin-bottom: .55556em
}

.paragraph h6 {
	font-size: 12px;
	line-height: 2.5;
	color: #B5B5B5;
	font-weight: 400;
	margin-bottom: 10px
}
.ys_1{width: 400px;
    display: inline-block;
    float: left; padding-top:50px ;}
.ys_2{display: inline-block;
    width: calc(100% - 400px);
    padding-left: 40px;
    vertical-align: top;}
.paragraph .ys_2 img{ margin-top:0;}	
.paragraph hr {
	height: 3px;
	background-color: #101010;
	margin-top: 8px;
	border: none;
	margin-bottom: 10px
}

.paragraph ul li {
	position: relative;
	padding-left: 1.57143em
}
.paragraph ul li a {
	text-decoration: underline;
letter-spacing: 2px;	
}
.paragraph ul li a:hover {
	color: #39257c;
}
.paragraph ul li::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: .78571em;
	width: .42857em;
	height: .42857em;
	background-color: #101010;
	border-radius: 50%
}

.paragraph img {
	max-width: 100%;
	margin-top: 20px;
	width: auto !important;
	height: auto !important
}

.page-bgPic {
	height: 220px;
	background-color: #FFF000;
	position: relative;
	overflow: hidden
}

.page-bgPic .pb-hint {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	padding: 0 20px;
	z-index: 100
}

.list-data__func a {
	display: inline-block;
	vertical-align: middle;
	color: #101010;
	font-size: 14px;
	margin-left: 2.14286em
}

.list-data__func .round {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	font-size: 24px;
	width: 1em;
	height: 1em;
	background-color: #101010;
	position: relative;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle
}

.list-data__func i {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 12px
}

.sec-tab {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.sec-tab.opa {
	opacity: 0
}

.sec-tab li {
	margin-bottom: 1em
}

.sec-tab a {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	letter-spacing: 1px;
	color: #ddd;
	display: inline-block;
	padding-bottom: .5em;
	position: relative
}

.sec-tab a::after {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #ddd
}

.sec-tab .on a {
	color: #101010
}

.sec-tab .on a::after {
	background-color: #101010
}

.btn {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	display: inline-block;
	font-size: 14px;
	width: 108px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #101010;
	position: relative
}

.btn::after {
	-webkit-transition: border .3s linear;
	transition: border .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border: 3px solid #101010
}

.sec-txt__dia {
	line-height: 1.83333;
	color: #101010;
	font-weight: 500;
	padding: 1.875em 2.08333em .83333em 2.08333em
}

.sec-line__box {
	position: relative;
	padding-bottom: 30px
}

.sec-line__box .sec-line {
	position: absolute;
	background-color: #FFF000
}

.sec-line__box .line-top {
	top: 0;
	left: 0;
	width: 100%;
	height: 3px
}

.sec-line__box .line-right {
	right: 0;
	bottom: 0;
	width: 3px;
	height: 100%
}

.sec-line__box .line-left {
	left: 0;
	bottom: 30px;
	width: 3px;
	top: 0
}

.sec-line__box .line-bottom {
	left: 0;
	right: 60px;
	bottom: 30px;
	height: 3px
}

.sec-line__box .line-bottom::after {
	content: "";
	display: block;
	position: absolute;
	right: -64px;
	bottom: -17px;
	width: 69px;
	height: 100%;
	background-color: #FFF000;
	-webkit-transform: rotate(29deg);
	transform: rotate(29deg)
}

.sec-txt__dec {
	padding-left: 35.29412%;
	position: relative
}

.sec-txt__dec a {
	text-decoration: underline;
	color: #101010
}

.sec-dec__sym::before {
	font-size: 24px;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 3.7em;
	height: 3em;
	background: url("../assets/images/icon-09.svg") no-repeat center center;
	background-size: 3.7em 3em
}

.filtrate-list li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 1.66667em;
	padding-right: 2em
}
.cpro.filtrate-list li {
	margin-right: 1em;
	padding-right: 1.2em
}
.filtrate-list li:last-child {
	margin-right: 0;
	padding-right: 0
}

.filtrate-list li:last-child::after {
	opacity: 0
}

.filtrate-list li::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: .5em;
	width: 1px;
	height: .83333em;
	background-color: #E7E7E7
}

.filtrate-list a {
	-webkit-transition: color .4s linear;
	transition: color .4s linear;
	color: #ddd;
	position: relative;
	letter-spacing: 1px;
	font-weight: 500
}

.filtrate-list .on a {
	color: #101010
}

.list-filtrate__slick .slick-slide {
	margin-right: 1.2em;
	padding-right: 1.2em;
	position: relative
}

.list-filtrate__slick .slick-slide::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: .33333em;
	width: 1px;
	height: .83333em;
	background-color: #E7E7E7
}

.list-filtrate__slick .slick-slide:last-child {
	margin-right: 0;
	padding-right: 0
}

.list-filtrate__slick .slick-slide:last-child::after {
	opacity: 0
}

.list-filtrate__slick .slick-on a {
	color: #101010
}

.list-filtrate__roll {
	white-space: nowrap
}

.list-filtrate__roll.forbid {
	opacity: .8;
	pointer-events: none
}

.list-filtrate__roll .item-cont {
	display: inline-block;
	vertical-align: middle
}

.list-filtrate__roll .mCSB_horizontal>.mCSB_container {
	margin-bottom: 0
}

.list-filtrate__roll .mCSB_scrollTools {
	visibility: hidden;
	top: 70px
}

.list-filtrate__roll .item-cont {
	margin-right: 1.2em;
	padding-right: 1.2em;
	position: relative
}

.list-filtrate__roll .item-cont::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: .33333em;
	width: 1px;
	height: .83333em;
	background-color: #E7E7E7
}

.list-filtrate__roll .item-cont:last-child {
	margin-right: 0;
	padding-right: 0
}

.list-filtrate__roll .item-cont:last-child::after {
	opacity: 0
}

.filtrate-toggle {
	position: relative
}

.filtrate-toggle .filtrate-btn {
	font-size: .6em;
	position: absolute;
	z-index: 5;
	top: 50%;
	color: #101010;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.filtrate-toggle .filtrate-btn::before {
	display: block;
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear
}

.filtrate-toggle .filtrate-prev {
	left: -3.33333em;
	opacity: 0;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.filtrate-toggle .filtrate-prev.show {
	opacity: 1
}

.filtrate-toggle .filtrate-next {
	right: -3.33333em
}
.pagination-style {
  margin-top: 30px;
  text-align: center;
  overflow: hidden;
}
.pagination-style ul li {
  display: inline-block;
  margin: 5px;
}
.pagination-style ul li a {
padding:8px 12px;
  border: 1px solid #d5d5d5;
  display: block;
  border-radius: 3px;
  background-color: #d5d5d5;
  color:#666;
}
.pagination-style ul li a:hover {
  background: #192942;
  color: #fff;
  border: 1px solid #192942;
}
.pagination-style ul .active a {
  color: #fff;
  background: #192942;
  border: 1px solid #192942;
}
.pagination-style ul li.shang a{  color: #fff;
  background: #b89c21;
  border: 1px solid #b89c21;}
  .pagination-style ul li.tot a{  background: #192942;
  color: #fff;
  border: 1px solid #192942;}
.alert-danger {
    background-color: #b89c21;
    border-color: #b89c21;
    color: #fff;
}
.text-centers{ text-align: center;padding-top: 50px;font-size: 20px; color: #333;}
.alert {
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 4px;
margin-bottom: 20px;
font-size:18px;
}
.slick-dots li,.slick-dots button {
	display: inline-block;
	vertical-align: middle
}

.slick-dots li {
	margin-right: 20px
}

.slick-dots button {
	padding: 0;
	font-size: 0;
	background-color: transparent;
	position: relative;
	border: none;
	width: 14px;
	height: 14px;
	cursor: pointer;
	outline: none
}

.slick-dots button::before,.slick-dots button::after {
	display: block;
	position: absolute
}

.slick-dots button::before {
	content: "";
	width: 12px;
	height: 12px;
	top: 50%;
	left: 50%;
	margin-top: -6px;
	margin-left: -6px;
	background-color: #fff;
	border-radius: 50%
}

.slick-dots button::after {
	-webkit-transition: opacity .4s linear;
	transition: opacity .4s linear;
	opacity: 0;
	content: "\e68d";
	font-size: 14px;
	top: 0;
	left: 0;
	font-family: "iconfont";
	color: #FFF000;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}

.slick-dots .slick-active button::after {
	opacity: 1
}

.list-toggle__full {
	font-size: 0
}

.list-toggle__full .list-toggle__btn {
	line-height: 54px
}

.list-toggle__btn,.pagination {
	display: inline-block;
	vertical-align: middle
}

.list-toggle__btn {
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
	width: 31.61765%;
	height: 60px;
	text-align: center;
	border: 3px solid #E7E7E7
}

.list-toggle__btn.opa {
	opacity: 0;
	visibility: visible
}

.list-toggle__btn span {
	-webkit-transition: color .4s linear;
	transition: color .4s linear;
	position: relative;
	color: #D0D0D0
}

.list-toggle__btn i {
	position: absolute;
	top: 0
}

.list-toggle__prev span {
	padding-left: 2.5em
}

.list-toggle__prev i {
	left: 0
}

.list-toggle__next {
	background-color: #FFF000;
	border-color: #FFF000
}

.list-toggle__next span {
	padding-right: 2.5em;
	color: #101010
}

.list-toggle__next i {
	right: 0
}

.pagination {
	width: 36.39706%;
	text-align: center;
	font-size: 16px
}

.pagination a {
	-webkit-transition: color .4s linear;
	transition: color .4s linear;
	display: inline-block;
	vertical-align: middle;
	color: #E7E7E7;
	padding: 0 .625em
}

.pagination a.on {
	color: #101010
}

.list-alliance .list-ani__box {
	padding-top: 2em
}

.list-alliance .list-map {
	font-size: 16px;
	position: relative;
	padding-left: 1.25em;
	margin-bottom: .75em;
	line-height: 1.625
}

.list-alliance .list-map i {
	position: absolute;
	left: 0;
	top: .25em;
	font-size: 1em
}

.list-alliance figure {
	position: relative;
	padding-bottom: 1.5em
}

.list-alliance figure::before {
	content: "";
	display: block;
	padding-top: 56.13079%;
	background-color: #fff
}

.list-alliance figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 210px;
object-fit: cover;
}

.list-alliance h1 {
	font-weight: 400
}

.list-alliance__module1 time,.list-hybr__module1 time {
	display: inline-block;
	position: relative;
	padding-left: 1.6em
}

.list-alliance__module1 time::before,.list-hybr__module1 time::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: .25em;
	background: url("../assets/images/icon-10.svg") no-repeat center center;
	background-size: 1.25em 1.25em;
	width: 1.25em;
	height: 1.25em
}

.list-alliance__module1 h1,.list-hybr__module1 h1 {
	margin-top: .23077em;
	height: 5.07692em;
	overflow: hidden;
	margin-bottom: 1.34615em
}

.list-alliance__module2 article,.list-hybr__module2 article {
	position: relative;
	padding-right: 80px;
	margin-bottom: 2.45em
}

.list-alliance__module2 h1,.list-hybr__module2 h1 {
	height: 6.15385em;
	overflow: hidden;
	line-height: 1.53846
}

.list-alliance__module3 li {
	margin-bottom: 65px
}

.list-alliance__module3 li:last-child {
	margin-bottom: 0
}

.list-alliance__module3 a {
	position: relative;
	font-size: 20px;
	display: block
}

.list-alliance__module3 a::before,.list-alliance__module3 a::after {
	content: "";
	display: block
}

.list-alliance__module3 a::before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 3px solid #101010;
	z-index: 10
}

.list-alliance__module3 a::after {
	padding-top: 36.32353%
}

.list-alliance__module3 .list-line {
	z-index: 30
}

.list-alliance__module3 .list-line__bottom {
	right: 40px
}

.list-alliance__module3 .list-line__bottom::before,.list-alliance__module3 .list-line__bottom::after {
	content: "";
	display: block;
	position: absolute
}

.list-alliance__module3 .list-line__bottom::before {
	width: 0;
	height: 0;
	right: -62px;
	bottom: -20px;
	border: 25px solid transparent;
	border-top-color: #fff;
	-webkit-transform: rotate(221deg);
	transform: rotate(221deg);
	z-index: 10
}

.list-alliance__module3 .list-line__bottom::after {
	width: 51px;
	height: 100%;
	right: -45px;
	bottom: -15px;
	-webkit-transform: rotate(39deg);
	transform: rotate(39deg);
	z-index: 40
}

.list-alliance__module3 .list-line__right {
	bottom: -30px;
	z-index: 50
}

.list-alliance__module3 figure {
	width: 64.41176%
}

.list-alliance__module3 figure::before {
	content: "";
	display: block;
	padding-top: 56.39269%;
	background-color: #FFF000
}

.list-alliance__module3 figure img,.list-alliance__module3 figure .bg-pic {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.list-alliance__module3 figure .bg-pic {
	height: 100%
}

.list-alliance__module3 article {
	height: 100%;
	width: 34.92647%;
	padding-left: 5.14706%;
	padding-right: 3.67647%;
	padding-top: 2.5em;
	color: #101010
}

.list-alliance__module3 h1,.list-alliance__module3 .txt {
	max-width: 362px
}

.list-alliance__module3 h1 {
	margin-top: .66667em;
	font-weight: 400
}

.list-alliance__module3 .txt {
	margin-top: 1.78571em;
	color: #898989;
	line-height: 1.57143;
	height: 112px;
	overflow: hidden
}

.list-alliance__module3 .item-more {
	bottom: 5em;
	position: absolute
}

.list-alliance__module4 .item-btn {
	display: block;
	position: relative;
	font-size: 20px
}

.list-alliance__module4 .pic-box {
	background-color: #FFF000
}

.list-alliance__module4 article {
	color: #101010
}

.list-alliance__module4 .item-cont {
	position: relative;
	padding-top: 1.25em;
	height: 100%
}

.list-alliance__module4 .item-cont::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.list-alliance__module4 h1 {
	font-weight: 400
}

.list-alliance__module4 .txt {
	margin-top: 1.07143em;
	color: #898989;
	line-height: 1.57143
}

.list-alliance__module4 .list-more {
	position: absolute;
	bottom: 0
}

.list-time {
	position: relative;
	padding-left: 1.75em
}

.list-time::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: .25em;
	background: url("../assets/images/icon-10.svg") no-repeat center center;
	width: 1.25em;
	height: 1.25em;
	background-size: 1.25em 1.25em
}

.list-more {
	font-size: 14px;
	padding-left: 2.28571em;
	text-transform: capitalize;
	position: relative
}

.list-more::before {
	-webkit-transition: opacity .1s linear;
	transition: opacity .1s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 1.21429em;
	height: .21429em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #101010
}

.list-more::after {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	content: "\e692";
	display: block;
	font-family: "iconfont";
	font-size: 20px;
	opacity: 0;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
	color: #101010
}

.list-date__sym span {
	color: #101010
}

.list-date__sym span,.list-date__sym .line,.list-date__sym .day {
	display: inline-block;
	vertical-align: middle
}

.list-date__sym .line {
	width: 2px;
	height: 24px;
	background-color: #101010;
	-webkit-transform: rotate(19deg);
	transform: rotate(19deg)
}

.list-alliance__ani .list-ani__btn {
	position: relative
}

.list-alliance__ani .list-ani__btn::before,.list-alliance__ani .list-ani__btn::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

.list-alliance__ani .list-ani__btn::after {
	background-color: #101010;
	width: 100%;
	height: 100%
}

.list-alliance__ani .list-ani__box {
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear;
	padding-left: 1.5em;
	padding-right: 1.5em;
	background-color: #fff;
	position: relative;
	z-index: 10
}

.list-alliance__ani .list-ani__box::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	border: 3px solid #101010
}

.list-alliance__ani .list-line {
	pointer-events: none
}

.list-alliance__ani .line-ani__box::before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	right: -23px;
	bottom: -20px;
	border: 26px solid transparent;
	border-top-color: #fff;
	-webkit-transform: rotate(220deg);
	transform: rotate(220deg);
	z-index: 10
}

.list-alliance__ani .list-line__bottom {
	right: 40px
}

.list-alliance__ani .list-line__bottom::after {
	content: "";
	display: block;
	position: absolute;
	width: 51px;
	height: 100%;
	right: -45px;
	bottom: -15px;
	-webkit-transform: rotate(39deg);
	transform: rotate(39deg);
	z-index: 40
}

.list-alliance__ani .list-line__right {
	bottom: -30px;
	z-index: 50
}

.list-alliance__ani .item-date {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	text-align: right
}

.list-alliance__ani .month {
	margin-top: 2px
}

.list-alliance__ani .month,.list-alliance__ani .year {
	margin-bottom: .42857em
}

.modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1500
}

.modal-work {
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
	opacity: 0;
	visibility: hidden
}

.modal-work.show {
	opacity: 1;
	visibility: visible
}

.modal-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 120;
	background-color: rgba(0,0,0,0.65)
}

.modal-content {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	width: 1360px;
	font-size: 20px;
	padding: 4.5em 5.5em 5em 2.9em;
	z-index: 140
}

.modal-content .list-line {
	opacity: 1;
	background-color: #101010;
	z-index: 30
}

.modal-content .list-line__bottom::after {
	background-color: #101010;
	content: "";
	right: -26px;
	bottom: -10px
}

.modal-content .list-line__bottom::before {
	content: "";
	display: block;
	position: absolute;
	right: -41px;
	top: -26px;
	border: 20px solid transparent;
	border-top-color: #fff;
	-webkit-transform: rotate(223deg);
	transform: rotate(223deg)
}

.modal-delect {
	display: none
}

.modal-del__cont {
	width: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	border: 3px solid #101010;
	z-index: 120
}

.modal-del__txt {
	text-align: center;
	padding: 40px 20px
}

.close-modal {
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear;
	font-size: 1.2em;
	position: absolute;
	right: 1.66667em;
	top: 1.25em;
	color: #101010
}

.modal-work__main,.modal-slick {
	display: inline-block;
	vertical-align: top
}

.modal-work__main {
	width: 30.33898%;
	padding-right: 5.08475%
}

.modal-slick {
	width: 68.98305%
}

.modal-slick .item-pic {
	position: relative
}

.modal-slick .item-pic::before {
	content: "";
	display: block;
	padding-top: 60.99034%;
	background-color: #FFF000
}

.modal-slick .item-pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	backface-visibility: hidden
}

.modal-slick .slick-dots {
	position: absolute;
	right: 20px;
	bottom: 14px
}

.modal-slick .slick-dots li {
	margin-right: 0;
	margin-left: 12px
}

.modal-slick .slick-dots button {
	width: 18px;
	height: 18px
}

.modal-slick .slick-dots button::before {
	width: 13px;
	height: 13px;
	margin-top: -8px;
	margin-left: -8px;
	background-color: #FFF000
}

.modal-slick .slick-dots button::after {
	font-size: 15px;
	color: #101010
}

.modal-title {
	position: relative;
	padding-bottom: .75em
}

.modal-title::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.modal-txt {
	margin-top: 5.71429em
}

.modal-hint {
	font-size: 16px;
	line-height: 1.75;
	font-weight: 500;
	letter-spacing: .3px;
	margin-bottom: .25em
}

.ibc-item {
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%
}

.ibc-item>i {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	opacity: .75;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.ibc-item>i:nth-of-type(1) {
	background: url("../assets/images/page-bg.png") no-repeat center center;
	background-size: contain
}

.ibc-item>i:nth-of-type(2) {
	display: none
}

.ibc-item::before {
	padding-top: 100%
}

.bg-circle .ibc-item:nth-of-type(1) {
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg)
}

.bg-circle .ibc-item:nth-of-type(2) {
	-webkit-transform: rotate(-174deg);
	transform: rotate(-15deg)
}

.bg-circle .ibc-item:nth-of-type(3) {
	-webkit-transform: rotate(-151deg);
	transform: rotate(-15deg)
}

.bg-circle .img-box::after {
	content: "";
	display: block;
	padding-top: 100%
}
.img-box {
	position:relative;
	overflow:hidden
}
.img-box::before {
	content:"";
	display:block
}
.img-box img {
	left:0;
	position:absolute;
	top:0;
	width:100%
}
.line-ani__box {
	opacity: 0;
	visibility: hidden
}

.list-line {
	background-color: #b10d64;
	position: absolute
}

.list-line__top,.list-line__bottom {
	height: 3px
}

.list-line__right,.list-line__left {
	width: 3px
}

.list-line__top {
	top: 0;
	left: 0;
	width: 100%
}

.list-line__right {
	right: 0;
	bottom: -20px;
	top: 0
}

.list-line__bottom {
	left: 0;
	right: 24px;
	bottom: 0
}

.list-line__bottom::after {
	content: "";
	display: block;
	position: absolute;
	width: 33px;
	height: 100%;
	background-color: #b10d64;
	right: -26px;
	bottom: -9px;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg)
}

.list-line__left {
	left: 0;
	top: 0;
	bottom: 0
}

.sec-tab ul {
	background-color: #Fff
}

.sec-tab.fix .tab-box {
	position: fixed;
	top: 200px;
	z-index: 120
}

@media (min-width: 1025px) {
	.list-alliance__module4 .txt {
		height: 45px;
		overflow: hidden;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		box-orient: vertical;
		display: -webkit-box;
		display: box
	}

	.hanld-msg {
		display: none
	}

	.filtrate-drop__select {
		display: none
	}

	body {
		overflow-x: hidden
	}

	.sec-txt__dec a:hover u {
		font-style: normal
	}

	.list-alliance__module4 .pic-box {
		position: absolute;
		left: 0;
		top: 0;
		width: 31.76471%;
		height: 100%;
		overflow: hidden
	}

	.list-alliance__module4 .pic {
		-webkit-filter: saturate(40%);
		filter: saturate(40%);
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
		left: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		width: 100%
	}

	.list-alliance__module4 figure,.list-alliance__module4 article {
		position: absolute;
		top: 0;
		height: 100%
	}

	.list-alliance__module4 article {
		width: 63.67647%
	}

	.list-alliance__module4 .item-btn {
		padding-left: 35.44118%
	}

	.list-alliance__module4 .item-btn::before {
		content: "";
		display: block;
		padding-top: 242px
	}

	.list-alliance__module4 .item-btn:hover .pic {
		-webkit-filter: saturate(100%);
		filter: saturate(100%);
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	.list-alliance__module4 .item-btn:hover .list-more::before {
		opacity: 0
	}

	.list-alliance__module4 .item-btn:hover .list-more::after {
		opacity: 1
	}

	.list-alliance__ani li:not(.forbid) .list-ani__btn:hover .list-ani__box {
		-webkit-transform: translate(-16px, -40px);
		transform: translate(-16px, -40px)
	}

	.list-alliance__ani li:not(.forbid) .list-ani__btn:hover .list-ani__box::before {
		opacity: 0
	}

	.list-alliance__ani li:not(.forbid) .list-ani__btn:hover::before {
		opacity: 0
	}

	.list-alliance__ani li:not(.forbid) .list-ani__btn:hover .line-ani__box {
		opacity: 1;
		visibility: visible
	}

	.list-alliance__module3 figure,.list-alliance__module3 article {
		position: absolute;
		top: 0
	}

	.list-alliance__module3 article {
		right: 0
	}

	.list-alliance__module3 figure {
		left: 0;
		-webkit-transition: transform .3s linear;
		transition: transform .3s linear
	}

	.list-alliance__module3 li.forbid a {
		cursor: default
	}

	.list-alliance__module3 li:not(.forbid) figure img,.list-alliance__module3 li:not(.forbid) figure .bg-pic {
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
		-webkit-filter: saturate(40%);
		filter: saturate(40%)
	}

	.list-alliance__module3 li:not(.forbid) a::before {
		-webkit-transition: opacity .3s linear;
		transition: opacity .3s linear
	}

	.list-alliance__module3 li:not(.forbid) a:hover::before {
		opacity: 0
	}

	.list-alliance__module3 li:not(.forbid) a:hover .line-ani__box {
		opacity: 1;
		visibility: visible
	}

	.list-alliance__module3 li:not(.forbid) a:hover figure {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}

	.list-alliance__module3 li:not(.forbid) a:hover figure img,.list-alliance__module3 li:not(.forbid) a:hover figure .bg-pic {
		-webkit-filter: saturate(100%);
		filter: saturate(100%)
	}

	.list-data__func a:hover .round {
		background-color: #d40008
	}



	.small-list__func {
		display: none
	}

	.list-toggle__prev:hover {
		background-color: #FFF000;
		border-color: #FFF000
	}

	.list-toggle__prev:hover span {
		color: #101010
	}

	.list-toggle__next:hover {
		background-color: #101010;
		border-color: #101010
	}

	.list-toggle__next:hover span {
		color: #fff
	}

	.sec-tab a:hover {
		color: #101010
	}

	.sec-tab a:hover::after {
		background-color: #101010
	}

	.btn:hover {
		background-color: #FFF000
	}

	.btn:hover::after {
		border-color: #FFF000
	}

	.filtrate-list a:hover {
		color: #101010
	}

	.pagination a:hover {
		color: #101010
	}

	.list-alliance__ani li.forbid .list-ani__btn {
		cursor: default
	}

	.list-alliance__ani li:not(.forbid) .list-ani__pic img {
		-webkit-transition: all .4s linear;
		transition: all .4s linear;
		-webkit-filter: saturate(40%);
		filter: saturate(40%)
	}

	.list-alliance__ani li:not(.forbid) .list-ani__btn:hover .list-ani__pic img {
		-webkit-filter: saturate(100%);
		filter: saturate(100%)
	}

	.close-modal:hover {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.filtrate-toggle .filtrate-prev:hover::before {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	.filtrate-toggle .filtrate-next:hover::before {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}

@media (max-width: 1500px) {
	.filtrate-toggle {
		padding: 0 40px
	}

	.filtrate-toggle .filtrate-prev {
		left: 0
	}

	.filtrate-toggle .filtrate-next {
		right: 0
	}
}

@media (max-width: 1430px) {
	.fs30 {
		font-size: 26px
	}
}

@media (max-width: 1420px) {
	.w1360,.modal-content {
		max-width: 92%
	}
	.hn-menu>li {
	    padding: 20px 1.1em;

	}
}

@media (max-width: 1366px) {
	.list-alliance__module3 article {
		padding: 30px 30px 0 30px
	}
.hn-menu>li {
	    padding: 20px 1em;

	}
	.list-alliance__module3 .item-more {
		bottom: 20px
	}
}

@media (max-width: 1280px) {
	.filtrate-list {
		font-size: 20px
	}
.hn-menu>li {
	    padding: 20px 1.5em;

	}
	.modal-content {
		padding: 50px
	}

	.modal-txt {
		margin-top: 30px
	}

	.modal-work__main {
		padding-right: 30px
	}

	.close-modal {
		font-size: 20px;
		right: 18px;
		top: 18px
	}
}

@media (max-width: 1200px) {
	.list-alliance__module3 a::after {
		padding-top: 44%
	}

	.list-alliance__module3 figure::before {
		padding-top: 68.1%
	}
}

@media (max-width: 1024px) {
	body,html {
		overflow-x: hidden
	}

	.w1360 {
		max-width: 100%;
		margin-left: 30px;
		margin-right: 30px
	}

	.wrap {
		padding-top: 70px
	}

	.fs50 {
		font-size: 40px
	}

	.fs46 {
		font-size: 36px
	}

	.fs40 {
		font-size: 30px
	}

	.fs34,.fs35 {
		font-size: 28px
	}

	.fs26 {
		font-size: 24px
	}

	.fs24 {
		font-size: 20px
	}

	.fs22 {
		font-size: 18px
	}

	.fs20 {
		font-size: 18px;
		line-height: 1.7
	}

	.fs18 {
		font-size: 15px
	}

	.fs16 {
		font-size: 14px
	}

	.page-bgPic {
		height: 180px
	}

	.sec-txt__dec {
		padding-left: 50px
	}

	.sec-txt__dec::before {
		width: 26px;
		height: 21px;
		background-size: 26px 21px;
		top: 4px
	}

	.paragraph blockquote {
		font-size: 16px;
		line-height: 1.7
	}

	.paragraph blockquote::before {
		height: calc(100% - 14px);
		top: 6px
	}

	.paragraph h2 {
		font-size: 26px
	}

	.paragraph h3 {
		font-size: 20px
	}

	.paragraph h4 {
		font-size: 16px;
		line-height: 1.7
	}

	.paragraph h5 {
		font-size: 15px
	}

	.list-alliance__module3 li {
		margin-bottom: 50px
	}

	.list-alliance__module3 a::after {
		display: none
	}

	.list-alliance__module3 figure,.list-alliance__module3 article {
		width: 100%
	}

	.list-alliance__module3 h1,.list-alliance__module3 .txt {
		max-width: 100%
	}

	.list-alliance__module3 figure {
		position: relative
	}

	.list-alliance__module3 figure::before {
		padding-top: 56.39269%
	}

	.list-alliance__module3 article {
		padding: 30px
	}

	.list-alliance__module3 h1 {
		margin-top: 6px
	}

	.list-alliance__module3 .txt {
		margin-top: 20px;
		height: auto
	}

	.list-time::before {
		top: 4px
	}

	.list-toggle__full {
		font-size: 0
	}

	.list-toggle__full .list-toggle__btn {
		height: 52px;
		line-height: 46px
	}

	.list-data__func {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 80px
	}

	.list-data__func.larze-list__func {
		display: none
	}

	.list-data__func a {
		margin-left: 0
	}

	.modal-work__main {
		width: 100%;
		padding-right: 0
	}

	.modal-slick {
		width: 100%;
		margin-top: 30px
	}

	.modal-content {
		padding-left: 30px;
		padding-right: 30px;
		max-height: 96%
	}

	.sec-line__box .filtrate-btn {
		display: none
	}

	.sec-line__box .line-left {
		bottom: 16px
	}

	.sec-line__box .line-bottom {
		right: 30px;
		bottom: 15px
	}

	.sec-line__box .line-bottom::after {
		right: -31px;
		bottom: -8px;
		width: 37px;
		-webkit-transform: rotate(28deg);
		transform: rotate(28deg)
	}

	.list-filtrate__slick>div {
		display: inline-block;
		vertical-align: middle;
		width: 24%;
		margin-bottom: 20px
	}

	.list-filtrate__slick .item-cont {
		position: relative;
		padding-right: 20px
	}

	.list-filtrate__slick .item-cont::after {
		content: "";
		display: block;
		position: absolute;
		right: 20px;
		top: 7px;
		width: 1px;
		height: 18px;
		background-color: #ddd
	}

	.filtrate-toggle {
		padding: 0
	}

	.filtrate-toggle .filtrate-btn {
		display: none;
		position: relative;
		top: auto;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		font-size: 20px;
		margin: 30px 20px 0 20px
	}

	.filtrate-toggle .filtrate-prev {
		left: auto;
		opacity: 1
	}

	.filtrate-toggle .filtrate-next {
		right: auto
	}

	.list-alliance__module4 li {
		margin-bottom: 80px
	}

	.list-alliance__module4 .item-btn {
		padding-left: 0
	}

	.list-alliance__module4 .pic {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		padding-top: 56.2645%
	}

	.list-alliance__module4 .list-more {
		position: relative;
		bottom: auto;
		margin-top: 30px;
		display: inline-block
	}

	.list-alliance__module4 h1 {
		margin-top: 5px
	}

	.list-alliance__module4 .item-cont {
		margin-top: 30px
	}

	.ibc-item>i {
		opacity: 1;
		-webkit-filter: blur(5px);
		filter: blur(5px)
	}

	.sec-tab li {
		display: inline-block;
		vertical-align: middle;
		margin-right: 40px;
		margin-bottom: 25px
	}

	.sec-tab {
		display: none !important
	}

	.filtrate-drop__select {
		position: relative;
		cursor: pointer
	}

	.filtrate-drop__select select {
		position: absolute;
		opacity: 0;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0
	}

	.filtrate-drop__show {
		position: relative;
		font-size: 20px;
		letter-spacing: 1px;
		font-weight: 500;
		height: 50px;
		width: 100%;
		line-height: 50px;
		color: #101010
	}

	.filtrate-drop__show i {
		position: absolute;
		right: 20px;
		top: 50%;
		font-size: 16px;
		margin-top: -9px
	}



	.hanld-msg {
		text-align: center;
		font-size: 18px;
		color: #ddd;
		margin-top: 30px
	}

	.hanld-msg i {
		font-size: 36px
	}

	.hanld-msg span {
		display: block;
		margin-top: 15px
	}
.hn-menu>li {
	    padding:0;

	}	
}

@media (max-width: 900px) {
	.list-filtrate__slick>div {
		width: 32%
	}
}

@media (max-width: 650px) {
	.wrap {
		padding-top: 62px
	}

	.w1360 {
		margin-left: 20px;
		margin-right: 20px
	}

	.page-bgPic {
		height: 160px
	}

	.fs50 {
		font-size: 28px
	}

	.fs46 {
		font-size: 24px
	}

	.fs34,.fs35 {
		font-size: 22px
	}

	.fs30 {
		font-size: 21px
	}

	.fs26 {
		font-size: 19px
	}

	.fs18 {
		font-size: 15px;
		line-height: 1.6
	}

	.sec-txt {
		font-size: 14px
	}

	.sec-txt__dec::before {
		top: 7px
	}

	.paragraph h2 {
		font-size: 20px
	}

	.paragraph h3 {
		font-size: 16px
	}

	.paragraph h4,.paragraph h5 {
		font-size: 15px
	}

	.paragraph hr {
		height: 2px
	}

	.sec-txt__dia {
		border-width: 2px;
		line-height: 1.7;
		padding: 25px 20px 15px 20px
	}

	.list-alliance__module3 article {
		padding: 30px 20px
	}

	.list-alliance__module3 li {
		margin-bottom: 35px
	}

	.list-alliance__module4 .item-cont::before {
		height: 2px
	}

	.list-more {
		padding-left: 24px
	}

	.list-more::before {
		width: 15px;
		height: 2px
	}

	.list-toggle__btn {
		border-width: 2px;
		width: 100%;
		line-height: 48px
	}

	.list-toggle__prev {
		background-color: #101010;
		color: #fff;
		border-color: #101010
	}

	.pagination {
		text-align: center;
		margin: 30px 0;
		width: 100%
	}

	.sec-line__box .line-top {
		height: 2px
	}

	.sec-line__box .line-right {
		width: 2px;
		bottom: -2px
	}

	.sec-line__box .line-bottom {
		height: 2px
	}

	.sec-line__box .line-left {
		width: 2px
	}

	.list-line__top,.list-line__bottom {
		height: 2px
	}

	.list-line__right,.list-line__left {
		width: 2px
	}

	.list-data__func {
		margin-top: 50px
	}

	.modal-title::after {
		height: 2px
	}

	.modal-content {
		padding-left: 20px;
		padding-right: 20px
	}

	.modal-content .list-line__bottom::before {
		right: -42px;
		top: -27px
	}

	.modal-content .list-line__bottom::after {
		right: -27px;
		width: 31px;
		-webkit-transform: rotate(39deg);
		transform: rotate(39deg)
	}

	.list-alliance__ani .list-ani__box {
		padding-left: 25px;
		padding-right: 25px
	}

	.list-alliance__ani .list-ani__box::before {
		border-width: 2px
	}

	.list-alliance figure {
		padding-bottom: 20px
	}

	.list-alliance__module1 h1,.list-hybr__module1 h1 {
		margin-bottom: 80px;
		height: auto
	}

	.list-alliance__module2 article,.list-hybr__module2 article {
		margin-bottom: 80px
	}

	.list-alliance__module2 h1,.list-hybr__module2 h1 {
		height: auto
	}

	.list-alliance__module3 a::before {
		border-width: 2px
	}

	.list-alliance__hybr li {
		margin-bottom: 35px
	}

	.sec-tab ul {
		padding: 20px 0
	}

	.sec-tab li {
		width: 32%;
		padding-right: 20px;
		margin-right: 0
	}

	.sec-tab a {
		display: block
	}

	.sec-tab a::after {
		height: 2px
	}

	.sec-tab.fix .tab-box {
		top: 64px;
		left: 20px;
		right: 20px
	}

	.list-alliance__module4 li {
		border-bottom-width: 2px
	}

	.list-alliance .list-map {
		font-size: 14px
	}

	.modal-del__cont {
		border-width: 2px;
		width: 340px;
		height: 170px
	}

	.sec-tab li {
		width: 48%
	}

	.list-filtrate__slick>div {
		width: 32%
	}

	.list-date__sym .line {
		height: 15px
	}

	.list-toggle__btn.opa {
		display: none
	}
}

.in-banner__slick .pic {
	height: calc(100vh - 95px)
}

.in-banner__slick .small-pic {
	display: none
}

.in-banner__slick article {
	position: absolute;
	left: 0;
	top: 50%;
	width: 1360px;
	right: 0;
	margin: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff
}

.in-banner__slick .in-pic {
	position: relative
}

.in-banner__slick .in-pic::before {
	content: "";
	display: block;
}



.in-banner__slick .in-en__title {
	font-size: 62px;
	line-height: 1.37097;
	word-break: break-word;
	font-weight: 500
}

.in-banner__slick .in-cn__title {
	letter-spacing: 2px;
	line-height: 1.46667
}

.in-banner__slick .slick-dots {
	width: 1360px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 60px
}

.in-video__box video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: fill
}

.in-sec__intro {
	max-width: 1225px
}

.in-sec__intro .title {
	margin-bottom: .47826em;
	max-width: 880px
}

.in-news__list li {
	font-size: 20px
}

.in-news__list .list-ani__box {
	padding-top: .8em
}
.in-news__list .list-ani__box h2{ padding-top: 20px;}
.in-news__list .item-box {
	position: relative;
	padding: 0 1.5em
}

.in-news__list .item-logo {
	position: relative;
	max-width: 287px
}

.in-news__list .item-logo::before {
	content: "";
	display: block;
	padding-top: 50.87108%
}

.in-news__list .item-logo img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%
}

.in-news__list .item-cont {
	position: relative;
	padding-bottom: .7em;
	margin-top: 2em
}

.in-news__list h1 {
	font-weight: 400;
	height: 115px;
	overflow: hidden
}

.in-news__list .item-date {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	text-align: right
}

.in-news__list .item-pic {
	position: relative;
	padding-bottom: 1.25em
}

.in-news__list .item-pic::before {
	content: "";
	display: block;
	padding-top: 56.13079%;
	background-color: #FFF000
}

.in-news__list .item-pic img {
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}



.in-alliance__caption {
	position: relative;
	padding-right: 200px
}

.in-alliance__dots {
	position: absolute;
	right: 0;
	top: 0
}

.in-alliance__dots a {
	display: inline-block;
	vertical-align: middle;
	width: 2.25em;
	height: 2.25em;
	position: relative;
	font-size: 20px
}

.in-alliance__dots a::before {
	-webkit-transition: opacity .4s linear;
	transition: opacity .4s linear;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: .75em;
	height: .75em;
	background-color: rgba(61,37,37,0.4);
	border-radius: 50%
}

.in-alliance__dots i {
	-webkit-transition: opacity .4s linear;
	transition: opacity .4s linear;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0
}

.in-alliance__dots .dot-1 {
	font-size: 1.1em;
	color: #101010
}

.in-alliance__dots .dot-2 {
	font-size: 1.6em;
	color: rgba(0,0,0,0.37);
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.in-alliance__dots .dot-3 {
	font-size: 2.25em;
	color: rgba(0,0,0,0.1);
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.in-alliance__dots .on i {
	opacity: 1
}

.alliance-state__cont {
	display: block;
	position: relative;
	padding-bottom: 1em;
	font-size: 20px;
	padding-right: 30px
}

.alliance-state__cont::after {
	-webkit-transition: background .2s linear;
	transition: background .2s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.alliance-state__cont .plus-dec {
	position: absolute;
	right: 0;
	top: 0;
	width: 22px;
	height: 22px
}

.alliance-state__cont .plus-dec::before,.alliance-state__cont .plus-dec::after {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #101010
}

.alliance-state__cont .plus-dec::before {
	width: 100%;
	height: 3px
}

.alliance-state__cont .plus-dec::after {
	width: 3px;
	height: 100%
}

.alliance-state__cont.on .plus-dec::after {
	opacity: 0
}

.alliance-state__txt {
	position: relative;
	font-size: 18px;
	color: #101010;
	padding-left: 1.33333em
}

.alliance-state__txt i,.alliance-state__txt span,.alliance-state__txt strong {
	-webkit-transition: color .3s linear;
	transition: color .3s linear
}

.alliance-state__txt i {
	position: absolute;
	left: 0;
	top: -2px;
	font-size: 1.22222em
}

.alliance-state__txt strong,.alliance-state__txt .alliance-state__slick,.alliance-state__txt .alliance-txt__box {
	display: inline-block;
	vertical-align: top
}

.alliance-state__slick {
	max-width: calc(100% - 100px);
	top: -3px
}

.alliance-state__slick span {
	line-height: 1.5
}

@-webkit-keyframes move {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@keyframes move {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

.alliance-txt__box {
	position: relative;
	height: 30px;
	width: calc(100% - 140px);
	top: -6px;
	overflow: hidden
}

.alliance-state__ani {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	transition: all .2s
}

.alliance-state__ani span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	color: #101010;
	position: relative;
	padding-right: 30px;
	margin-right: 30px
}
.alliance-state__ani span:hover {
	color: #d40008;
}
.alliance-state__ani span::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 20px;
	margin-top: -10px;
	background-color: #ddd
}

.txt-scroll .txt,.txt-scroll .txt-clone {
	display: inline;
	position: relative
}

.alliance-state__list {
	display: none;
	position: relative;
	top: -3px
}

.alliance-state__list a {
	border-top: 3px solid #101010;
	color: #101010
}

.alliance-state__list article {
	position: relative;
	padding-right: 90px;
	margin-top: 1.6em
}

.alliance-state__list h1 {
	height: 115px;
	overflow: hidden
}
.alliance-state__list h1:hover {
color: #d40008;
}
.alliance-state__list .item-date {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	text-align: right
}

.alliance-state__list .month,.alliance-state__list .year {
	margin-bottom: .42857em
}

.alliance-state__list figure {
	margin-top: 1em;
	position: relative
}

.alliance-state__list figure::before {
	content: "";
	display: block;
	padding-top: 56.27907%;
	background-color: #fff
}

.alliance-state__list figure img {
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 244px;
	    object-fit: cover;
	-ms-filter: saturate(40%);
	-moz-filter: saturate(40%);
	-webkit-filter: saturate(40%);
	filter: saturate(40%)
}

.alliance-state__list li {
	margin-bottom: 50px
}

.in-member__caption {
	position: relative;
	padding-right: 170px
}

.in-member__dots {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 20px;
	cursor: pointer
}

.in-member__dots .cur-num,.in-member__dots .line-box,.in-member__dots .totle-num {
	display: inline-block;
	vertical-align: middle
}

.in-member__dots .cur-num {
	width: 1.2em;
	height: 1.2em;
	position: relative
}

.in-member__dots .cur-num i,.in-member__dots .cur-num span {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.in-member__dots .cur-num i {
	font-size: 1.2em
}

.in-member__dots .cur-num span {
	font-size: 14px;
	color: #fff;
	z-index: 10
}

.in-member__dots .line-box {
	width: 122px;
	height: 3px;
	position: relative;
	margin-left: 6px;
	margin-right: 6px
}

.in-member__dots .line-box i {
	position: absolute;
	left: 0
}

.in-member__dots .line-box .cur-line {
	top: 0;
	background-color: #101010;
	width: 25%;
	height: 3px;
	z-index: 100;
	-webkit-transition: width .3s linear;
	transition: width .3s linear
}

.in-member__dots .line-box .cur-line.ani {
	animation: lineMove 5s 1
}

.in-member__dots .line-box .totle-line {
	width: 100%;
	height: 1px;
	top: 50%;
	background-color: #ADADAD
}

.in-member__dots .totle-num {
	font-size: 12px;
	color: #101010
}

@keyframes lineMove {
	0% {
		width: 25%
	}

	50% {
		width: 50%
	}

	75% {
		width: 100%
	}

	100% {
		width: 25%
	}
}

.in-member__slick ul {
	font-size: 0
}

.in-member__slick li {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	position: relative;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	margin-right: -1px
}

.in-member__slick li:nth-child(1) {
	border-top: 1px solid #E7E7E7
}

.in-member__slick li:nth-child(2) {
	border-top: 1px solid #E7E7E7
}

.in-member__slick li:nth-child(3) {
	border-top: 1px solid #E7E7E7
}

.in-member__slick li:nth-child(4) {
	border-top: 1px solid #E7E7E7
}

.in-member__slick li:nth-child(5) {
	border-top: 1px solid #E7E7E7
}

.in-member__slick li.no-logo .pic-back {
	opacity: 1;
	visibility: visible
}

.in-member__slick li.no-logo .pic-back p {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	margin-top: 0;
	text-align: center
}

.in-member__slick a {
	display: block;
	position: relative
}

.in-member__slick a::before {
	content: "";
	display: block;
	padding-top: 55.14706%
}

.in-member__slick a::after {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	opacity: 0;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 3px solid #101010;
	z-index: 230
}

.in-member__slick .item-cont {
	overflow: hidden
}

.in-member__slick .item-box {
	padding-bottom: 3px
}

.in-member__slick .pic-back {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0 30px;
	background-color: #fff;
	z-index: 40
}

.in-member__slick .pic-back img,.in-member__slick .pic-back p {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0
}

.in-member__slick .pic-back img {
	max-width: 72px;
	padding-top: 15px;
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.in-member__slick .pic-back p {
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 1px;
	font-weight: 500;
	margin-top: .9375em;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.in-member__slick .pic-front {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 150px
}

.in-member__slick .pic-front img {
	max-width: 100%
}

.in-company__link {
	font-size: 0
}

.in-company__link .item-box {
	position: relative;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	border: 1px solid #E7E7E7;
	margin-right: -1px;
	z-index: 400
}

.in-company__link .item-box>a {
	display: block;
	position: relative;
	height: 98px;
	line-height: 98px;
	text-align: center;
	z-index: 10
}

.in-company__link span {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	letter-spacing: 2px;
	font-weight: 400;
	display: inline-block;
	padding-left: 22px;
	position: relative
}

.in-company__link span .icon-link {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	position: absolute;
	left: 0;
	top: 50%;
	font-size: 14px;
	margin-top: -7px
}

.in-company__link .item-select::after {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	opacity: 0;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #101010
}

.in-company__link .item-select.drop-cur {
	background-color: #FFF000;
	border-color: #FFF000
}

.in-company__link .item-select.drop-cur::after {
	opacity: 1
}

.in-company__link .item-select.drop-cur .drop-dec {
	color: #fff
}

.in-company__link .item-select.drop-cur .drop-select__box {
	opacity: 1;
	visibility: visible;
	clip-path: polygon(0 -20%, 100% -20%, 100% 100%, 0 100%)
}

.in-company__link .item-select span {
	padding-right: 38px
}

.in-company__link .item-select .drop-dec {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 24px;
	color: #E3E3E3;
	margin-top: -12px
}

.in-company__link .item-select .icon-arr-down2 {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 12px;
	color: #101010
}

.in-company__link .item-select .icon-arr-down2::before {
	display: block;
	-webkit-transform: scale(0.7);
	transform: scale(0.7)
}

.in-company__link select {
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 16px;
	padding: 6px;
	color: #101010;
	opacity: 0;
	-webkit-appearance: none
}

.drop-select__box {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background-color: #FFF000;
	border-left: 1px solid #101010;
	border-right: 1px solid #101010;
	max-height: 390px;
	z-index: 100;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	clip-path: polygon(0 -20%, 100% -20%, 100% 0, 0 0)
}

.drop-select__box .mCSB_container {
	margin-right: 0
}

.drop-select__box a {
	display: block;
	color: #101010;
	font-size: 16px;
	padding: 15px;
	border-bottom: 1px solid #101010
}

@media (min-width: 1025px) {
	.in-banner {
		max-height: 100%;
		overflow: hidden
	}

	.in-member__slick .pic-front img {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%)
	}

	.in-company__link .item-box:hover {
		background-color: #FFF000;
		border-color: #FFF000
	}

	.in-company__link .item-box:hover .drop-dec {
		color: #fff
	}

	.alliance-state__cont.on::after {
		background-color: transparent
	}

	.alliance-state__cont:hover .plus-dec::before,.alliance-state__cont:hover .plus-dec::after {
		background-color: #39257c
	}

	.in-alliance__dots a:hover i {
		opacity: 1
	}

	.in-news__list .item-pic img {
		-webkit-filter: saturate(40%);
		filter: saturate(40%)
	}

	.in-news__list a:hover .item-pic img {
		-webkit-filter: saturate(100%);
		filter: saturate(100%)
	}

	.alliance-state__list a:hover figure img {
		-webkit-filter: saturate(100%);
		filter: saturate(100%)
	}

	.in-member__slick li:not(.no-logo) a:hover .pic-back {
		opacity: 1;
		visibility: visible
	}

	.in-member__slick li:not(.no-logo) a:hover .pic-back p,.in-member__slick li:not(.no-logo) a:hover .pic-back img {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	.in-member__slick a:hover::after {
		opacity: 1
	}

	.drop-select__box {
		overflow: hidden
	}
}

@media (max-width: 1420px) {
	.in-banner__slick article,.in-banner__slick .slick-dots {
		width: 92%
	}

	.in-member__slick .pic-back p {
		margin-top: 15px
	}
	.alliance-state__list figure img {
		height: 221px;
	}
.list-alliance figure img {
	height: 196px;
}
}

@media (max-width: 1366px) {
	.in-member__slick .pic-back {
		padding: 0 20px
	}
}

@media (max-width: 1280px) {
	.in-member__slick li {
		width: 25%
	}

	.in-member__slick li:nth-child(5) {
		border-top: none
	}
}

@media (max-width: 1024px) {
	.alliance-state__txt {
		font-size: 16px
	}
.list-alliance figure img {
	height: 239px;
}
	.alliance-txt__box {
		width: calc(100% - 95px)
	}

	.alliance-state__cont {
		font-size: 14px
	}

	.alliance-state__cont .plus-dec {
		width: 18px;
		height: 18px
	}

	.in-member__slick li {
		width: 33.33%
	}

	.in-member__slick li:nth-child(4) {
		border-top: none
	}

	.alliance-state__list li {
		margin-bottom: 80px
	}

	.alliance-state__list li:first-child a {
		border-top-width: 0px
	}

	.in-banner__slick .in-en__title {
		font-size: 42px
	}

	.in-banner__slick article,.in-banner__slick .slick-dots {
		width: auto;
		padding: 0 30px
	}

	.in-banner__slick .slick-dots {
		bottom: 10px
	}

	.in-alliance__dots a {
		font-size: 15px
	}

	.in-news__list li {
		font-size: 18px
	}

	.drop-select__box {
		overflow: auto
	}
}
@media (max-width: 800px) {
.list-alliance figure img {
	height: 174px;
}
	}
@media (max-width: 750px) {
	.in-company__link .item-box>a {
		height: 70px;
		line-height: 70px
	}

	.in-banner__slick .in-en__title {
		font-size: 48px;
		line-height: 1.2;
		margin-bottom: 4px
	}

	.in-banner__slick .pic {
		height: auto;
	}
.list-alliance figure img {
	height: 183px;
}


	.in-banner__slick .small-pic {
		display: block
	}



	.in-banner__slick article {
		top: auto;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		top: 80px
	}

	.in-sec__intro .title br {
		display: none
	}
}

@media (max-width: 700px) {
	.in-company__link .item-box {
		width: 100%;
		margin-bottom: -1px
	}
	.in-banner__slick .fadeinImg {
	    position: absolute;
	    width: 50%;
	    top: 50%;
	    right: 0;
	}
}

@media (max-width: 650px) {
	.alliance-state__cont::after {
		height: 2px
	}

	.alliance-state__cont .plus-dec {
		width: 15px;
		height: 15px
	}

	.alliance-state__cont .plus-dec::before {
		height: 2px
	}

	.alliance-state__cont .plus-dec::after {
		width: 2px
	}

	.alliance-state__txt {
		top: 0
	}

	.alliance-state__txt .item-box {
		height: 42px
	}

	.alliance-state__slick {
		width: calc(100% - 65px)
	}

	.alliance-state__list li:last-child {
		margin-bottom: 0
	}

	.alliance-state__list a {
		border-top-width: 2px
	}

	.alliance-state__list h1 {
		height: 70px
	}

	.in-member__caption {
		padding-right: 120px
	}

	.in-member__slick .item-box {
		padding-bottom: 2px
	}

	.in-member__slick li {
		width: 50%
	}

	.in-member__slick li:nth-child(3) {
		border-top: none
	}

	.in-member__dots .line-box {
		height: 2px;
		width: 70px
	}

	.in-member__dots .line-box .cur-line {
		height: 2px
	}

	.in-banner__slick .in-en__title {
		font-size: 28px
	}

	.in-banner__slick article,.in-banner__slick .slick-dots {
		padding: 0 20px
	}

	.in-alliance__dots a {
		font-size: 12px
	}

	.in-alliance__state {
		margin-top: 30px
	}

	.in-news__list li {
		font-size: 16px;
		margin-bottom: 35px
	}

	.in-news__list .item-logo {
		max-width: 220px
	}
}

.aexp-sec__txt {
	padding: 0 3.125em;
	position: relative
}

.aexp-sec__txt::before,.aexp-sec__txt::after {
	content: "";
	display: block;
	position: absolute;
	width: 1.5em;
	height: 1.25em
}

.aexp-sec__txt::before {
	top: 0;
	left: 0;
	background: url("../assets/images/icon-01.svg") no-repeat center center
}

.aexp-sec__txt::after {
	bottom: 0;
	right: 0;
	background: url("../assets/images/icon-02.svg") no-repeat center center
}

.aliance-expert__list a {
	position: relative
}

.aliance-expert__list figure {
	position: relative;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
border: 1px solid #f1f1f1;

}
.aliance-expert__list ul li a img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.aliance-expert__list figure:before {
	content: "";
	display: block;
	padding-top: 100%;
	background-color: #f1f1f1;
}

.aliance-expert__list figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.aliance-expert__list article {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	font-size: 14px;
	color: #101010;
	letter-spacing: .5px;
	line-height: 1.71429;
	padding: 10px
}

.aliance-expert__list article h2 {
	font-weight: 500;
	letter-spacing: 1px;
	padding: 5px 0 10px 0;
	display: block;
}

.a-expert__pic,.a-expert__cont {
	display: inline-block;
	vertical-align: top
}

.a-expert__pic {
	width: 432px;
	position: relative
}

.a-expert__pic::before {
	content: "";
	display: block;
	padding-top: 100%
}

.prod-line {
    border: 0;
    border-top: 2px solid #f2f2f2;
}

.prod-lines {
    border: 0;
    border-top: 2px solid #f2f2f2;
	margin: 30px 0;
}

.btnContainer .button.black {
    background: #2b2b2b;
}
.btnContainer .button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    color: #fff;
    cursor: pointer;
}

.btnContainer {
  display: flex;
}
.btnContainer a {
  display: block;
}

.btnContainer .button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 20px;
  color: #fff;
  cursor: pointer;
}
.btnContainer .button img {
  margin-right: 0.5rem;
  margin-top: 0;
}
.a-expert__pic .pic-box {
	width: 87.03704%;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.a-expert__pic .pic-box::before {
	content: "";
	display: block;
	padding-top: 100%
}

.a-expert__pic .pic-box img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	border-radius: 50%
}

.a-expert__cont {
	width: calc(100% - 438px);
	padding-left: 66px
}

.a-expert__cont .at-cn {
	font-weight: 700
}

.a-expert__title span {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 1px;
	margin-right: 1.26667em
}

.a-expert__inner {
	position: relative;
	padding-top: 30px
}

.a-expert__inner::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.a-apply__tab,.a-apply__main {
	display: inline-block;
	vertical-align: top
}

.a-apply__tab {
	width: 34.11765%
}

.a-apply__main {
	width: 65.44118%
}

.a-apply__item {
	margin-bottom: 100px
}

.a-apply__item .item-title {
	font-weight: 500;
	color: #101010;
	position: relative;
	padding-bottom: .69231em;
	margin-bottom: .96154em
}

.a-apply__item .item-title::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.a-statemeng__list ul {
	font-size: 0
}

.a-statemeng__list li {
	margin-bottom: 80px
}

.a-statemeng__list li:last-child {
	margin-bottom: 0
}

.a-statemeng__list figure,.a-statemeng__list article {
	display: inline-block;
	vertical-align: top
}

.a-statemeng__list figure::before {
	content: "";
	display: block;
	padding-top: 54.39815%;
	background-color: #FFF000
}

.a-statemeng__list figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.a-statemeng__list article {
	font-size: 20px;
	position: relative;
	width: calc(100% - 32px);
	margin-left: 32px
}

.a-statemeng__list article::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.a-statemeng__list h1 {
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: .5px;
	margin-top: .5em;
	margin-bottom: .875em;
	position: relative;
	padding-left: 1.7em
}

.a-statemeng__list h1::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 36px;
	width: 62px;
	height: 3px;
	background-color: #101010
}

.a-footprint__list {
	position: relative
}

.a-footprint__list a {
	cursor: default
}

.a-footprint__list ul,.a-footprint__list .list-show__pic {
	display: inline-block;
	vertical-align: top
}

.a-footprint__list ul {
	width: 68.23529%
}

.a-footprint__list .list-pic__box {
	position: relative
}

.a-footprint__list .list-pic__box::before {
	content: "";
	display: block;
	padding-top: 58.82353%
}

.a-footprint__list .list-pic__box img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%
}

.a-footprint__list .list-show__pic {
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	margin-left: 6.32353%;
	font-size: 0
}

.a-footprint__list .item-cont {
	position: relative;
	font-size: 20px;
	padding-top: 1.5em;
	margin-bottom: 3em;
	display: block;
	color: #101010
}

.a-footprint__list .item-cont::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.a-footprint__list .item-cont .item-pic {
	display: none
}

.a-footprint__list .item-year,.a-footprint__list .item-year__list,.a-footprint__list .item-time,.a-footprint__list .item-txt {
	display: inline-block;
	vertical-align: top
}

.a-footprint__list .item-year {
	letter-spacing: .6px;
	font-weight: 700;
	width: 19%
}

.a-footprint__list .item-column {
	cursor: pointer;
	position: relative;
	padding-bottom: 1.6em;
	margin-bottom: 1.25em
}

.a-footprint__list .item-column::after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #101010
}

.a-footprint__list .item-column:last-child::after {
	visibility: hidden
}

.a-footprint__list .item-year__list {
	width: 80%
}

.a-footprint__list .item-time {
	width: 32.25806%;
	letter-spacing: .6px;
	padding-left: .9em;
	position: relative
}

.a-footprint__list .item-time::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: .5em;
	height: .5em;
	background-color: #101010;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.a-footprint__list .item-txt {
	width: 66.53226%;
	position: relative;
	top: 2px
}

.a-introduce__bgPic {
	position: relative
}

.a-introduce__bgPic::before {
	content: "";
	display: block;
	padding-top: 32.29167%
}

.a-introduce__bgPic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.a-introduce__cont {
	font-size: 0
}
.a-introduce__cont img{max-width:100%}
.a-introduce__cont .ad-title,.a-introduce__cont .ad-inner {
	display: inline-block;
	vertical-align: top
}

.a-introduce__cont .ad-title {
	width: 34.11765%
}

.a-introduce__cont .ad-inner {
	width: 65.88235%
}

.gywm.a-introduce__cont .ad-title img{ width: 100%;}
.gywm .paragraph{ margin:10px 0 0 50px;}
.gywm .paragraph h3{ padding:10px 0;}
.a-introduce__cont .ad-intro {
	padding-bottom: .7em;
	position: relative
}

.a-introduce__cont .ad-intro::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.a-introduce__list .item-box {
	border: 3px solid #101010;
	padding: 0 2.25em;
	height: 510px
}

.a-introduce__list figure {
	position: relative;
	padding-top: .7em;
	max-width: 334px
}

.a-introduce__list figure::before {
	content: "";
	display: block;
	padding-top: 51.05105%
}

.a-introduce__list figure img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%
}

.a-introduce__list article {
	padding-top: 40px;
	position: relative
}

.a-introduce__list article::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.a-introduce__list h1 {
	margin-bottom: .53846em
}

.ao-bgPic {
	padding-top: 31.25%;
	background-size: cover;
	background-attachment: fixed;
	position: relative
}

.ao-bgPic .cont {
	position: absolute;
	left: 30px;
	bottom: 30px;
	color: rgba(255,255,255,0.8);
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1px
}

.ao-bgPic span {
	display: block;
	padding-left: 20px
}

.ao-bgPic span i {
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 14px
}

.a-overview__main .ao-item {
	margin-bottom: 120px
}

.a-overview__main .item-title {
	position: relative;
	padding-bottom: .8em;
	margin-bottom: .9em
}

.a-overview__main .item-title::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.a-college__icon {
	max-width: 306px;
	position: relative;
	margin: auto
}

.a-college__icon::before {
	content: "";
	display: block;
	padding-top: 50.97403%
}

.a-college__icon img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.activity-data__title {
	position: relative;
	padding-bottom: .66667em;
	line-height: 1.46667
}

.activity-data__title::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: .1em;
	background-color: #101010
}

.activity-data__attr {
	position: relative;
	padding: 20px 0
}

.activity-data__attr .time,.activity-data__attr .online {
	display: inline-block;
	vertical-align: top;
	padding-left: 1.6em;
	position: relative;
	margin-right: 3em
}

.activity-data__attr .time::before,.activity-data__attr .online::before {
	content: "";
	display: block;
	position: absolute;
	left: 0
}

.activity-data__attr .time::before {
	width: 1.25em;
	height: 1.25em;
	background: url("../assets/images/icon-10.svg")/ no-repeat center center;
	background-size: 1.25em 1.25em;
	top: .2em
}

.activity-data__attr .online::before {
	width: 1.25em;
	height: 1em;
	background: url("../assets/images/icon-11.svg") no-repeat center center;
	background-size: 1.25em 1em;
	top: .35em
}

.activity-data__attr .btn-apply {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	width: 148px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #101010;
	color: #fff;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -25px
}

.activity-data__bgPic {
	font-size: 20px;
	margin-top: 1em;
	position: relative;
	overflow: hidden
}

.activity-data__bgPic::before {
	content: "";
	display: block;
	padding-top: 56.17647%;
	background-color: #FFF000
}

.activity-data__bgPic img {
	max-width: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.activity-data__bgPic .ad-btn__box {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 4em;
	height: 4em
}

.activity-data__bgPic .vid-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #101010
}

.activity-data__bgPic .ad-vid__btn {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	display: block;
	width: 100%;
	height: 100%;
	background: url("../assets/images/btn-play.svg") no-repeat center center;
	background-size: 4em 4em;
	opacity: .7
}

.activity-data__bgPic .close-vid {
	position: absolute;
	right: 24px;
	top: 24px;
	color: #101010;
	font-size: 20px
}

.activity-data__bgPic iframe {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100
}

.activity-data__bgPic.show iframe {
	visibility: visible;
	opacity: 1
}

.activity-data__main {
	position: relative;
	padding-right: 465px
}

.list-data__toggle {
	font-size: 20px;
	color: #101010;
	text-align: center
}

.list-data__toggle .lt-btn {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-left: .65em
}

.list-data__toggle a {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	position: relative;
	display: inline-block;
	width: 2.3em;
	height: 2.3em;
	background-color: #101010;
	border-radius: 50%
}

.list-data__toggle a i {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff
}

.list-data__toggle a .icon-left-arr,.list-data__toggle a .icon-right-arr {
	font-size: 1.2em
}

.list-data__toggle span {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	display: block;
	font-size: 14px;
	margin-top: .57143em;
	opacity: 0
}

.member-data__main,.member-data__cont {
	position: relative;
	padding-left: 460px
}

.member-data__logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 257px
}

.member-data__logo::before {
	content: "";
	display: block;
	padding-top: 68.8716%
}

.member-data__logo img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%
}

.member-data__title {
	position: relative;
	padding-right: 300px;
	padding-bottom: .75em;
	font-size: 20px
}

.member-data__title::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.member-data__title h1 {
	margin-bottom: 2px
}

.member-data__title .list-data__func {
	position: absolute;
	right: 0;
	top: 6px
}

.member-data__txt {
	margin-top: .85714em
}

.member-data__txt textarea {
	width: 100%;
	resize: none;
	border: none;
	padding: 0;
	font-size: 14px;
	line-height: 2;
	color: #101010;
	overflow-y: hidden;
	letter-spacing: 1px
}

.member-data__txt .md-text__box {
	display: none
}

.member-data__main .title {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 33.08824%
}

.member-data__list li {
	margin-bottom: 50px
}

.member-data__list figure {
	position: relative;
	overflow: hidden
}

.member-data__list figure::before {
	content: "";
	display: block;
	padding-top: 60.82949%;
	background-color: #FFF000
}

.member-data__list figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.member-data__list article {
	position: relative;
	margin-top: 1.11111em;
	padding-top: .83333em;
	padding-right: 1.94444em
}

.member-data__list article::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: .16667em;
	background-color: #101010
}

.member-data__list h1 {
	font-weight: 400
}

.a-member .page-bgPic {
	height: 270px
}

.page-search__box {
	position: absolute;
	left: 0;
	bottom: 40px;
	text-align: center;
	width: 380px;
	right: 0;
	margin: auto
}

.page-search__box .item-group {
	position: relative;
	padding-left: 30px
}

.page-search__box .item-group .btn-search {
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear;
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 20px;
	color: #101010;
	background-color: transparent;
	padding: 0;
	border: none;
	cursor: pointer;
	width: 22px;
	height: 22px
}

.page-search__box .item-group input {
	width: 100%;
	border: none;
	padding: 4px;
	border-bottom: 3px solid #101010;
	color: #101010;
	font-size: 16px;
	letter-spacing: 1px;
	background-color: transparent
}

.page-search__box .item-group input::-webkit-input-placeholder {
	letter-spacing: 5px;
	color: #6D6D6D;
	opacity: .5
}

.a-member__list li {
	margin-bottom: 40px
}

.a-member__list figure {
	position: absolute;
	right: 0;
	top: 0;
	width: 105px
}

.a-member__list figure::before {
	content: "";
	display: block;
	padding-top: 68.8716%
}

.a-member__list figure img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%
}

.a-member__list .list-line {
	z-index: 60
}

.a-member__list .line-ani__box::before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	right: -10px;
	bottom: -10px;
	border: 13px solid transparent;
	border-top-color: #fff;
	-webkit-transform: rotate(224deg);
	transform: rotate(224deg);
	z-index: 10
}

.a-member__list .list a {
	position: relative;
	height: 140px;
	padding: 1.25em .9em 1.25em 1em
}

.a-member__list .list a::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	border: 3px solid #e7e7e7
}

.a-member__list .list .item-cont {
	position: relative;
	padding-right: 150px
}

.a-member__list .list article {
	position: relative;
	top: -3px
}

.a-member__list .list h1 {
	font-weight: 400;
	line-height: 1.7
}

.a-book__list figure {
	position: relative;
	overflow: hidden
}

.a-book__list figure::before {
	content: "";
	display: block;
	padding-top: 124.15459%;
	background-color: #FFF000
}

.a-book__list figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.a-book__list h1 {
	margin-top: .96154em;
	line-height: 1.53846;
	height: 78px;
	overflow: hidden
}

.a-book__list .show-look {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	font-size: 16px;
	padding: 1em 0;
	border-top: 3px solid #101010;
	border-bottom: 3px solid #101010;
	margin-top: .75em
}

.a-book__list .show-look span {
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear;
	display: block;
	position: relative;
	padding-left: 1.75em
}

.a-book__list .show-look span::before {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -2px;
	background: url("../assets/images/icon-12.svg") no-repeat center center;
	width: 1.25em;
	height: 1.25em;
	background-size: 1.25em 1.25em
}

.a-book__item {
	margin-bottom: 80px
}

.a-book__item:last-child {
	margin-bottom: 0
}

.a-special .containter {
	font-size: 0
}

.a-special__tab,.a-special__main {
	display: inline-block;
	vertical-align: top
}

.a-special__tab {
	width: 34.04412%
}

.a-special__main {
	width: 65.58824%
}

.a-special__wxCode {
	margin-top: 17.1875vw
}

.a-special__wxCode .pic {
	max-width: 110px
}

.a-special__wxCode span {
	display: inline-block;
	width: 110px;
	text-align: center
}

.a-special__item {
	margin-bottom: 120px
}

.a-special__item:last-child {
	margin-bottom: 0
}

.a-special__item .item-pic {
	position: relative
}

.a-special__item .item-pic::before {
	content: "";
	display: block;
	padding-top: 46.20536%;
	background-color: #FFF000
}

.a-special__item .item-pic img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%
}

.a-special__item .item-pic p {
	position: absolute;
	left: 0;
	bottom: .62857em;
	width: 100%;
	padding: 0 1em;
	color: #fff
}

.a-special__item .item-mt {
	display: none
}

.a-special__item .item-txt {
	position: relative;
	padding-left: 1.125em;
	margin-top: 1.25em;
	font-weight: 500
}

.a-special__item .item-txt::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: .375em;
	width: 3px;
	height: calc(100% - 14px);
	background-color: #D0D0D0
}

.a-special__item .item-list__column {
	position: relative;
	font-size: 16px;
	margin-bottom: 15px
}

.a-special__item .item-list__column a {
	display: block;
	position: relative;
	color: #101010;
	padding-bottom: 10px;
	padding-right: 100px
}

.a-special__item .item-list__column a::after {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #E7E7E7
}

.a-special__item .item-title .item-label,.a-special__item .item-title span {
	display: inline-block;
	vertical-align: top
}

.a-special__item .item-title span {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	max-width: calc(100% - 50px);
	padding-left: .3125em;
	position: relative;
	padding-right: 2.125em;
	line-height: 1.5
}

.a-special__item .item-title span i {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 1px;
	font-size: 18px
}

.a-special__item .item-label {
	font-size: 14px;
	width: 45px;
	height: 20px;
	line-height: 20px;
	background-color: #FFF000;
	text-align: center;
	text-transform: capitalize;
	font-weight: 500;
	letter-spacing: .4px
}

.a-special__item .item-date {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	right: 0;
	top: 4px
}

.a-invitation__filtrate {
	font-size: 0;
	margin: 0 -25px
}

.a-invitation__drop,.a-invitation__search {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 0 25px
}

.a-invitation__drop .item-box,.a-invitation__search .item-box {
	font-size: 16px;
	height: 50px;
	background-color: #FAFAFA;
	position: relative
}

.a-invitation__drop .item-box::after,.a-invitation__search .item-box::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.a-invitation__drop .item-cont,.a-invitation__search .item-cont {
	position: relative;
	height: 100%;
	margin-right: 8px;
	margin-left: 15px
}

.a-invitation__drop select {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: none;
	font-weight: 500;
	letter-spacing: 1px;
	background-color: transparent
}

.a-invitation__search input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: none;
	color: #101010;
	font-weight: 500;
	padding-right: 30px;
	background-color: transparent
}

.a-invitation__search input::-webkit-input-placeholder {
	color: #101010;
	font-weight: 500
}

.a-invitation__search input:-moz-placeholder {
	color: #101010;
	font-weight: 500
}

.a-invitation__search input::-moz-placeholder {
	color: #101010;
	font-weight: 500
}

.a-invitation__search input:-ms-input-placeholder {
	color: #101010;
	font-weight: 500
}

.a-invitation__search .btn-search {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	position: absolute;
	right: 0;
	top: 50%;
	border: none;
	background-color: transparent;
	font-size: 20px;
	color: #101010;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 20
}

.a-invitation__table {
	width: 100%;
	text-align: center;
	border-spacing: 0
}

.a-invitation__table thead th {
	position: relative;
	font-size: 16px;
	color: #101010;
	font-weight: 500;
	letter-spacing: 1px;
	padding-bottom: 1.625em
}

.a-invitation__table thead th::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.a-invitation__table tbody td {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.57143;
	padding: 20px 0;
	position: relative
}

.a-invitation__table tbody td::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #E7E7E7
}

.form-project__gruop {
	margin-bottom: 26px
}

.form-project__gruop .title,.form-project__gruop .form-project__box {
	display: inline-block;
	vertical-align: top
}

.form-project__gruop .title {
	font-size: 14px;
	color: #101010;
	letter-spacing: 1px;
	font-weight: 500;
	width: 87px
}

.form-project__box {
	width: calc(100% - 90px)
}

.form-project__box input {
	opacity: 0;
	position: absolute
}

.form-project__box .pro-label {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	position: relative;
	width: 100px;
	height: 60px;
	background-color: #101010
}

.form-project__box .pro-label i {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 20px
}

.form-project__hint {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #B5B5B5;
	letter-spacing: 1px;
	line-height: 1.85714;
	padding-left: 14px;
	padding-top: 3px
}

.a-game__list .list-more {
	position: absolute;
	bottom: 3.64583vw
}

.a-introduce__page .a-introduce__bgPic::before {
	padding-top: 45.625%
}

.member-data__txt hr {
	margin-top: 22px
}

.ao-top__intro {
	position: relative;
	padding-right: 320px
}

.ao-top__intro .logo-pic {
	position: absolute;
	right: 0;
	top: 6px;
	height: 98px
}

.ao-top__intro .logo-pic img {
	height: 100%;
	width: auto
}

@media (min-width: 1025px) {
	.activity-data__bgPic .ad-vid__btn:hover {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 1
	}

	.form-project__box .pro-label:hover {
		background-color: #FFF000
	}

	.form-project__box .pro-label:hover i {
		color: #101010
	}

	.a-invitation__search .btn-search:hover {
		color: #FFF000
	}

	.a-footprint__list .list-pic__box {
		max-width: 340px
	}

	.a-footprint__list .list-pic__box.fix {
		position: fixed;
		top: 20px;
		width: 25%
	}

	.a-book__list a:hover .show-look {
		background-color: #FFF000;
		border-top-color: #FFF000;
		border-bottom-color: #FFF000
	}

	.a-book__list a:hover .show-look span {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	.a-expert__title .list-data__func {
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.member-data__list figure img {
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}

	.member-data__list a:hover figure img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	.aliance-expert__list figure img {
		-webkit-transition: all .3s linear;
		transition: all .3s linear;

	}

	.aliance-expert__list a:hover .line-ani__box {
		opacity: 1;
		visibility: visible
	}


	.aliance-expert__list a:hover h2 {
		color: #d40008;
	}
	.a-special__item .item-title span {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}

	.a-special__item .item-date {
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}

	.a-special__item .item-list__column a:hover::after {
		background-color: #101010
	}

	.a-special__item .item-list__column a:hover .item-title span {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	.a-special__item .item-list__column a:hover .item-title i {
		opacity: 1
	}

	.a-special__item .item-list__column a:hover .item-date {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	.activity-data__attr .btn-apply:hover {
		background-color: #FFF000;
		color: #101010
	}

	.list-data__toggle {
		position: absolute;
		right: 0;
		top: 0
	}

	.list-data__toggle .lt-btn:hover a {
		background-color: #FFF000
	}

	.list-data__toggle .lt-btn:hover a i {
		color: #101010
	}

	.list-data__toggle .lt-btn:hover span {
		opacity: 1
	}

	.a-statemeng__list .item-box {
		position: relative;
		padding-left: 31.76471%;
		min-height: 235px
	}

	.a-statemeng__list figure {
		position: absolute;
		left: 0;
		top: 0;
		width: 31.76471%
	}

	.a-invitation__table a:hover {
		text-decoration: underline
	}

	.a-game__list a:hover .list-more::before {
		opacity: 0
	}

	.a-game__list a:hover .list-more::after {
		opacity: 1
	}

	.a-member__list .list a::before {
		-webkit-transition: opacity .3s linear;
		transition: opacity .3s linear
	}

	.a-member__list .list a:hover::before {
		opacity: 0
	}

	.a-member__list .list a:hover .line-ani__box {
		opacity: 1;
		visibility: visible
	}
}
.w-right{ text-align:right;}
@media (max-width: 1366px) {
	.a-member__list .list a {
		height: 165px
	}
}

@media (max-width: 1280px) {
	.a-introduce__list {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto
	}

	.a-expert__pic {
		width: 320px
	}

	.a-expert__pic::after {
		font-size: 320px;
		top: -24px
	}

	.a-expert__cont {
		width: calc(100% - 328px)
	}

	.member-data__main,.member-data__cont {
		padding-left: 320px
	}

	.member-data__logo {
		width: 190px
	}
}

@media (max-width: 1100px) {
	.member-data__main,.member-data__cont {
		padding-left: 280px
	}

	.member-data__logo {
		width: 150px
	}
}

@media (max-width: 1024px) {
	.ao-bgPic {
		padding-top: 350px
	}

	.a-overview__main .ao-item {
		margin-bottom: 100px
	}

	.a-introduce__bgPic::before {
		padding-top: 60%
	}

	.a-footprint__list {
		padding-right: 0
	}

	.a-footprint__list ul {
		width: 100%
	}

	.a-footprint__list .list-show__pic {
		display: none
	}

	.a-footprint__list .item-cont {
		font-size: 18px;
		margin-bottom: 80px
	}

	.a-footprint__list .item-cont .item-pic {
		display: block;
		position: relative;
		max-width: 340px;
		margin-top: 15px
	}

	.a-footprint__list .item-cont .item-pic::before {
		content: "";
		display: block;
		padding-top: 58.82353%
	}

	.a-footprint__list .item-cont .item-pic img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%
	}

	.a-statemeng__list article {
		width: 100%;
		margin-left: 0
	}

	.a-statemeng__list figure {
		position: relative;
		width: 50%;
		margin-top: 30px
	}

	.a-statemeng__list h1 {
		margin-bottom: 10px;
		padding-left: 0
	}

	.a-statemeng__list h1::before {
		display: none
	}

	.a-apply__main {
		width: 100%;
		margin-top: 35px
	}

	.a-apply__tab {
		width: 100%
	}

	.a-apply__item {
		margin-bottom: 80px
	}

	.activity-data__main {
		padding-right: 0
	}

	.list-data__toggle {
		margin-top: 50px
	}

	.list-data__toggle span {
		opacity: 1
	}

	.list-data__toggle .lt-btn {
		margin: 0 30px
	}

	.a-game__list .list-more {
		position: relative;
		bottom: auto;
		display: block;
		margin-top: 45px
	}

	.a-book__list li {
		margin-bottom: 65px
	}

	.a-invitation__table {
		width: 1000px
	}

	.a-invitation__cont {
		overflow-x: auto
	}

	.a-special__main {
		width: 100%;
		margin-top: 30px
	}

	.a-member__list .list a {
		height: 160px
	}

	.a-expert__cont {
		width: 100%;
		padding-left: 0;
		margin-top: 45px
	}

	.a-expert__inner {
		margin-top: 20px;
		padding-top: 20px
	}

	.member-data__main,.member-data__cont {
		padding-left: 150px
	}

	.member-data__logo {
		width: 90px
	}

	.member-data__title {
		padding-right: 0
	}

	.a-special__tab {
		width: 100%
	}

	.a-special__item {
		margin-bottom: 100px
	}

	.a-special__item .item-mt {
		display: block;
		margin-top: 15px
	}

	.a-expert__txt h3 {
		margin-bottom: 30px
	}

	.a-statemeng__list h1::before {
		top: 25px;
		width: 38px
	}

	.activity-data__bgPic {
		font-size: 16px
	}
}

@media (max-width: 800px) {
	.a-introduce__cont .ad-title,.a-introduce__cont .ad-inner {
		width: 100%
	}
.gywm .paragraph {
    margin: 10px 0 0 0;
}
	.a-introduce__cont .ad-inner {
		margin-top: 20px
	}

	.a-introduce__list .item-box {
		height: 480px
	}

	.a-invitation__drop,.a-invitation__search {
		width: 100%
	}

	.a-invitation__drop .item-box {
		margin-bottom: 25px
	}

	.member-data__logo {
		width: 150px;
		position: relative;
		top: auto;
		left: auto
	}

	.member-data__main,.member-data__cont {
		padding-left: 0
	}

	.member-data__inner {
		margin-top: 30px
	}

	.member-data__main .title {
		position: relative;
		top: auto;
		left: auto
	}

	.member-data__list {
		margin-top: 40px
	}
}

@media (max-width: 750px) {
	.a-introduce__list {
		max-width: 520px
	}

	.a-member__list .list li {
		width: 50%;
		margin-bottom: 20px
	}

	.a-member__list .list .item-cont {
		padding-right: 120px
	}

	.a-member__list .list a {
		height: 180px;
		padding: 12px
	}

	.ao-top__intro {
		padding-right: 200px
	}

	.ao-top__intro .logo-pic {
		height: 56px
	}
}

@media (max-width: 650px) {
	.a-apply__item {
		margin-bottom: 65px
	}

	.ao-bgPic {
		padding-top: 280px;
		background-attachment: scroll
	}

	.a-overview__main .ao-item {
		margin-bottom: 80px
	}

	.a-overview__main .item-title::after {
		height: 2px
	}

	.a-introduce__list li {
		margin-bottom: 35px
	}

	.a-introduce__list .item-box {
		border-width: 2px;
		height: 450px
	}

	.a-introduce__list figure {
		max-width: 280px
	}

	.a-introduce__list article::before {
		height: 2px
	}

	.a-introduce__cont .ad-intro::after {
		height: 2px
	}

	.a-footprint__list .item-year__list {
		width: 100%;
		margin-top: 10px
	}

	.a-footprint__list .item-txt {
		width: 100%
	}

	.a-footprint__list .item-cont .item-pic {
		width: 100%;
		max-width: 100%
	}

	.a-footprint__list .item-cont::before {
		height: 2px
	}

	.a-footprint__list .item-column:last-child {
		margin-bottom: 0;
		padding-bottom: 0
	}

	.a-footprint__list .item-column::after {
		height: 2px
	}

	.a-statemeng__list article::before {
		height: 2px
	}

	.a-statemeng__list figure {
		width: 100%
	}

	.a-apply__item .item-title::after {
		height: 2px
	}

	.aliance-expert__list article {
		font-size: 14px
	}

	.list-data__toggle {
		font-size: 16px
	}

	.activity-data__attr .btn-apply {
		width: 120px;
		height: 42px;
		line-height: 42px
	}

	.activity-data__attr .time,.activity-data__attr .online {
		margin-right: 20px
	}

	.a-book__list li:last-child {
		margin-bottom: 0
	}

	.a-book__list .show-look {
		border-top-width: 2px;
		border-bottom-width: 2px
	}

	.a-invitation__drop .item-box::after,.a-invitation__search .item-box::after {
		height: 2px
	}

	.a-invitation__table thead th {
		font-size: 14px
	}

	.a-invitation__table tbody td {
		font-size: 14px
	}

	.a-member__list figure {
		position: relative;
		top: auto;
		right: auto
	}

	.a-member__list article {
		margin-top: 15px
	}

	.a-member__list .list .item-cont {
		padding-right: 0
	}

	.a-expert__inner {
		margin-top: 15px;
		padding-top: 15px
	}

	.a-expert__inner::before {
		height: 2px
	}

	.a-expert__pic {
		width: 260px
	}

	.a-expert__pic::after {
		font-size: 260px;
		top: -20px
	}

	.member-data__title::after {
		height: 2px
	}

	.sec-txt__dec {
		padding-left: 42px
	}

	.sec-txt__dec::before {
		width: 20px;
		height: 16px;
		background-size: 20px 16px
	}

	.a-member__list .list a::before {
		border-width: 2px
	}

	.btn::after {
		border-width: 2px;
		width: calc(100% - 4px);
		height: calc(100% - 4px)
	}

	.a-special__item {
		margin-bottom: 70px
	}

	.a-special__item .item-list__column {
		font-size: 14px
	}

	.a-special__item .item-list__column a {
		padding-right: 50px
	}

	.a-special__item .item-list__column a::after {
		height: 2px
	}

	.a-special__item .item-title span {
		max-width: calc(100% - 80px);
		padding-right: 0
	}

	.a-special__item .item-txt::before {
		width: 2px
	}

	.activity-data__attr .btn-apply {
		display: block;
		position: relative;
		right: auto;
		top: auto;
		margin-top: 30px
	}

	.a-special__tab li {
		width: 100%
	}

	.a-statemeng__list h1::before {
		height: 2px
	}

	.a-invitation__main {
		margin-top: 80px
	}

	.a-invitation__table thead th::after {
		height: 2px
	}

	.a-invitation__table tbody td::after {
		height: 2px
	}

	.ao-top__intro {
		padding-right: 0
	}

	.ao-top__intro .logo-pic {
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 4px
	}

	.a-member .page-bgPic {
		height: 210px
	}

	.page-search__box {
		bottom: 30px
	}

	.activity-data__bgPic {
		font-size: 14px
	}
}

@media (max-width: 600px) {
	.a-footprint__list .item-time {
		width: 100%
	}

	.a-footprint__list .item-txt {
		margin-top: 5px
	}
}

@media (max-width: 500px) {
	.list-data__toggle {
		display: flex;
		align-content: center;
		justify-content: space-between
	}

	.list-data__toggle .lt-btn {
		margin: 0
	}

	.list-data__toggle span {
		font-size: 14px
	}

	.a-member__list figure {
		width: 85px
	}

	.a-member__list .list h1 {
		line-height: 1.5;
		font-size: 16px
	}

	.page-search__box {
		width: auto;
		left: 40px;
		right: 40px
	}
}

.register-full {
	width: 564px;
	margin-left: auto;
	margin-right: auto
}

.reg-form__group .item-cont {

}

.reg-form__group .verify-img {
	position: absolute;
	right: 0;
	top: -16px
}

.reg-code__group .item-cont {

}

.reg-form__check {
	position: relative;
	margin-top: 18px
}

.reg-form__check .form-hint {
	font-size: 12px;
	color: #B5B5B5;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 1.6;
	max-width: calc(100% - 100px)
}

.reg-form__check .record-account input {
	visibility: hidden;
	position: absolute
}

.reg-form__check .record-account input:checked+label {
	color: #101010
}

.reg-form__check .record-account input:checked+label::before {
	border-color: #101010;
	background-color: #101010
}

.reg-form__check .record-account label {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	font-size: 14px;
	color: #B5B5B5;
	letter-spacing: 1px;
	padding-left: 20px;
	position: relative;
	cursor: pointer
}

.reg-form__check .record-account label::before {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 1px;
	width: 10px;
	height: 10px;
	border: 2px solid #ddd;
	border-radius: 50%
}

.reg-btn__full button {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	cursor: pointer;
	width: 100%;
	line-height: 60px;
	height: 60px;
	background-color: #101010;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	border: none
}

.modal-login {
	display: none
}

.close-login {
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear;
	font-size: 24px;
	position: absolute;
	right: 1em;
	top: 1em
}

.modal-login__cont {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	width: 840px;
	z-index: 120;
	padding: 110px 10px 100px 10px;
	text-align: center;
	border: 3px solid #101010;
	font-size: 0
}

.modal-login__cont::before,.modal-login__cont::after {
	content: "";
	display: block
}

.modal-login__cont::before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 1px;
	height: 160px;
	background-color: rgba(0,0,0,0.1)
}

.modal-login__cont::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 8px;
	background-color: #FFF000
}

.md-logo img {
	max-width: 100%
}

.modal-login__btn {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	text-align: center
}

.modal-login__btn .modal-dec__outside,.modal-login__btn .modal-dec__inside {
	width: 243px;
	height: 243px;
	position: relative;
	margin: 0 auto
}

.modal-login__btn .md-logo {
	width: 150px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.modal-login__btn .md-head {
	width: 96px;
	height: 96px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #FFF000;
	border-radius: 50%;
	overflow: hidden
}

.modal-login__btn .md-head i {
	position: absolute
}

.modal-login__btn .md-head .mh-dec {
	font-size: 46px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.modal-login__btn .md-head .lg-1 {
	color: #101010;
	left: 50%;
	font-size: 100px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
	bottom: -24px
}

.modal-login__btn .md-head .lg-2,.modal-login__btn .md-head .lg-3 {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	color: transparent;
	font-size: 80px;
	bottom: -14px
}

.modal-login__btn .md-head .lg-2 {
	left: -24px
}

.modal-login__btn .md-head .lg-3 {
	right: -24px
}

.modal-login__btn .icon-dec {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.modal-login__btn .dec-1,.modal-login__btn .dec-2 {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	color: rgba(255,240,0,0)
}

.modal-login__btn .dec-1 {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	font-size: 144px
}

.modal-login__btn .dec-2 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	font-size: 127px
}

.modal-login__btn .dec-3 {
	font-size: 112px;
	color: #FFF000
}

.modal-login__btn .intro p {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.625
}

.seek-password {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	letter-spacing: 1px;
	color: #B5B5B5;
	position: relative;
	padding-bottom: 2px
}

.seek-password::after {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #B5B5B5
}

.modal-password {
	display: none
}

.modal-password__cont {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	width: 490px;
	height: 208px;
	border: 3px solid #101010;
	z-index: 200
}

.modal-password__cont .line-dec__box {
	right: -3px;
	bottom: -25px
}

.modal-password__title {
	position: relative;
	height: 60px;
	background-color: #FFF000
}

.modal-password__title a {
	font-size: 24px;
	position: absolute;
	right: 1.08333em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.modal-password__title a::before {
	display: block;
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear
}

.modal-password__inner {
	padding: 24px 0 40px 44px
}

.modal-password__inner .mp-dec,.modal-password__inner .txt {
	display: inline-block;
	vertical-align: middle
}

.modal-password__inner .txt {
	padding-left: 22px
}

.modal-password__inner .mp-dec {
	position: relative;
	width: 74px;
	height: 74px;
	border: 3px solid #101010;
	background-color: #FFF000;
	border-radius: 50%
}

.modal-password__inner .mp-dec i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #101010;
	font-size: 34px
}

@media (min-width: 1025px) {
	.modal-password__title a:hover::before {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.seek-password:hover {
		color: #101010
	}
.btn.green:not(.btn-outline) {
    color: #FFF;
    background-color: #03a193;
    border-color: #03a193;
	border: 0;
	cursor: pointer;
}
.btn.green::after{border:0;}
	.seek-password:hover::after {
		background-color: #101010
	}

	.reg-btn__full button:hover {
	
		color:#d40008
	}

	.close-login:hover {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.modal-login__btn:hover .md-head .lg-2,.modal-login__btn:hover .md-head .lg-3 {
		color: rgba(0,0,0,0.5)
	}

	.modal-login__btn:hover .dec-1 {
		color: rgba(255,240,0,0.1)
	}

	.modal-login__btn:hover .dec-2 {
		color: rgba(255,240,0,0.25)
	}
}

@media (max-width: 1024px) {
	.modal-login__cont {
		width: 90%;
		padding-top: 80px;
		padding-bottom: 70px
	}

	.modal-login__cont::after {
		height: 4px
	}

	.modal-login__btn .modal-dec__outside,.modal-login__btn .modal-dec__inside {
		width: 180px;
		height: 180px
	}

	.modal-login__btn .intro p {
		font-size: 14px
	}
}

@media (max-width: 750px) {
	.close-login {
		font-size: 18px
	}

	.modal-login__btn .intro {
		font-size: 14px
	}

	.modal-login__btn modal-dec {
		width: 124px;
		height: 124px
	}

	.modal-login__btn .md-head {
		width: 76px;
		height: 76px
	}

	.modal-login__btn .md-head .lg-1 {
		font-size: 80px
	}

	.modal-login__btn .md-head .lg-2,.modal-login__btn .md-head .lg-3 {
		font-size: 60px
	}

	.modal-login__btn .md-head .lg-2 {
		left: -16px
	}

	.modal-login__btn .md-head .lg-3 {
		right: -16px
	}

	.modal-login__btn .dec-1 {
		font-size: 124px
	}

	.modal-login__btn .dec-2 {
		font-size: 106px
	}

	.modal-login__btn .dec-3 {
		font-size: 92px
	}

	.modal-password__cont {
		height: 190px
	}

	.modal-password__inner .mp-dec {
		width: 62px;
		height: 62px
	}

	.modal-password__inner .mp-dec i {
		font-size: 26px
	}

	.modal-password__title a {
		font-size: 22px
	}
}

@media (max-width: 650px) {
	.register-full {
		width: auto;
		margin-left: 20px;
		margin-right: 20px
	}

	.modal-login__cont {
		border-width: 2px;
		padding: 60px 0 50px 0
	}

	.modal-login__cont::before {
		height: 110px
	}

	.modal-login__btn {
		width: 45%
	}

	.modal-login__btn .modal-dec__outside,.modal-login__btn .modal-dec__inside {
		width: 130px;
		height: 130px
	}

	.modal-login__btn .md-logo {
		width: 85px
	}

	.modal-login__btn .md-head {
		width: 56px;
		height: 56px
	}

	.modal-login__btn .md-head .lg-1 {
		font-size: 60px
	}

	.modal-login__btn .md-head .lg-2,.modal-login__btn .md-head .lg-3 {
		font-size: 40px
	}

	.modal-login__btn .md-head .lg-2 {
		left: -10px
	}

	.modal-login__btn .md-head .lg-3 {
		right: -10px
	}

	.modal-login__btn .md-head .mh-dec {
		font-size: 26px
	}

	.modal-login__btn .dec-1 {
		font-size: 104px
	}

	.modal-login__btn .dec-2 {
		font-size: 86px
	}

	.modal-login__btn .dec-3 {
		font-size: 64px
	}

	.modal-login__btn .intro p {
		font-size: 12px
	}

	.close-login {
		font-size: 16px
	}

	.modal-password__cont,.mp-dec {
		border-width: 2px
	}

	.modal-password__cont {
		width: 90%
	}

	.modal-password__inner {
		padding-left: 26px
	}

	.modal-password__inner .mp-dec {
		width: 54px;
		height: 54px
	}

	.modal-password__inner .mp-dec i {
		font-size: 22px
	}

	.modal-password__inner .txt {
		padding-left: 10px
	}

	.modal-password__title {
		height: 42px
	}

	.modal-password__title a {
		font-size: 16px
	}

	.modal-password__cont {
		height: 164px
	}

	.reg-form__check {
		margin-top: 12px
	}

	.reg-form__check .record-account label {
		font-size: 12px
	}

	.reg-form__check .record-account label::before {
		top: 0
	}

	.seek-password {
		font-size: 12px;
		position: relative
	}

	.reg-btn__full {
		margin-top: 50px
	}
}

.bg-vi {
	background-color: #FFF000
}

.user-slider,.user-content {
	display: inline-block;
	vertical-align: top
}

.user-slider {
	position: relative;
	width: 245px;
	padding: 1.75em 1.5em 2.25em 1.5em;
	border: 3px solid #FFF000
}

.user-slider .us-menu {
	margin-top: 1.2em
}

.user-slider .us-menu li {
	margin-bottom: .6em
}

.user-slider .us-menu a {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	color: #B5B5B5;
	display: inline-block;
	padding-bottom: 10px;
	position: relative;
	line-height: 1
}

.user-slider .us-menu a::after {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: #B5B5B5;
	position: absolute;
	left: 0;
	bottom: 0
}

.user-slider .us-menu .on a {
	color: #101010
}

.user-slider .us-menu .on a::after {
	background-color: #101010
}

.user-slider .exit-btn {
	width: 120px;
	font-size: 18px;
	background-color: #101010;
	color: #fff
}

.u-slider__dec {
	width: 28px;
	height: 28px;
	position: absolute;
	left: -3px;
	bottom: -31px
}

.u-slider__dec::after {
	content: "";
	display: block;
	position: absolute;
	left: -15px;
	top: -21px;
	width: 0;
	height: 0;
	border: 18px solid transparent;
	border-top-color: #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.u-slider__dec i {
	position: absolute;
	background-color: #FFF000
}

.u-slider__dec .line {
	width: 3px;
	height: 100%;
	left: 0;
	bottom: 0
}

.u-slider__dec .lean {
	width: 3px;
	height: 42px;
	right: 11px;
	bottom: -6px;
	transform: rotate(45deg)
}

.user-content {
	width: calc(100% - 245px);
	padding-left: 7.35294%
}

.uc-top__cont {
	font-size: 20px;
	padding: 2.25em 0
}

.uct-logo,.uct-inner {
	display: inline-block;
	vertical-align: middle
}

.uct-logo {
	position: relative
}

.uct-logo i {
	background-color: #fff;
	border-radius: 50%;
	font-size: 216px;
	color: #fff
}

.uct-logo .pic {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 140px
}

.uct-inner {
	max-width: calc(100% - 220px);
	padding-left: 9.70588%
}

.uct-inner p {
	line-height: 1.6
}

.user-center__list {
	margin-top: 6px
}

.user-center__list li {
	position: relative;
	margin-bottom: 40px
}

.user-center__list li:last-child {
	margin-bottom: 0
}

.user-center__list .item-pic,.user-center__list .item-cont {
	display: inline-block;
	vertical-align: top
}

.user-center__list .item-pic {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	width: 144px
}

.user-center__list .item-pic::before {
	content: "";
	display: block;
	padding-top: 83px
}

.user-center__list .item-cont {
	width: calc(100% - 178px);
	margin-left: 2.77228%;
	padding-top: 20px;
	position: relative
}

.user-center__list .item-cont::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.user-center__list .time {
	font-size: 14px;
	letter-spacing: 1px
}

.user-center__list .title {
	font-weight: 400;
	margin-top: 20px;
	padding-right: 100px
}

.user-center__list .list-appy__btn {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 20
}

.list-appy__btn {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	display: inline-block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	background-color: #101010;
	text-align: center
}

.user-audit__check {
	padding: 30px 0;
	font-size: 14px;
	color: #101010;
	letter-spacing: 1px;
	line-height: 1.6
}

.user-audit__check .status {
	margin-bottom: 7px
}

.user-audit__check .txt {
	padding-right: 45px
}

.user-audit__check .close-statue {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	font-size: 42px;
	position: absolute;
	color: #fff;
	right: 0;
	top: 50%;
	margin-top: -26px
}

.user-main {
	font-size: 0
}

.back-btn {
	font-size: 14px;
	color: #101010;
	position: relative;
	letter-spacing: 1px;
	padding-left: 17px
}

.back-btn i {
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear;
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 12px
}

.user-form__box .form-group__text,.user-form__box .form-group {
	position: relative;
	margin-bottom: 42px
}

.user-form__box .item-pic__box {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 30px;
	overflow: hidden
}

.user-form__box .item-pic__box img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%
}

.user-form__box .form-select__group select {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(100% - 3px);
	opacity: 0;
	border: 0;
	background: transparent;
	font-size: 14px;
	color: #101010
}

.user-form__box .form-label {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 0;
	color: #101010;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	letter-spacing: 1px;
	font-weight: 500;
	pointer-events: none
}

.user-form__box .form-label span {
	color: #ddd
}

.user-form__box .form-group .item-label {
	position: relative;
	display: inline-block;

}

.user-form__box .form-group input {
	border: none;
	display: inline-block;
	padding-bottom: 1em
}

.user-form__box .form-group input[type=file] {
	opacity: 0;
	cursor: pointer
}

.user-form__box .form-group input::-webkit-input-placeholder {
	color: #101010;
	font-weight: 500;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.user-form__box .form-group input:-moz-placeholder {
	color: #101010;
	font-weight: 500;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.user-form__box .form-group input::-moz-placeholder {
	color: #101010;
	font-weight: 500;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.user-form__box .form-group input:-ms-input-placeholder {
	color: #101010;
	font-weight: 500;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.user-form__box .focus .form-label {
	-webkit-transform: translateY(-18px);
	transform: translateY(-18px);
	font-size: 12px;
	color: #B5B5B5
}

.user-form__box .focus .msg-inner {
	opacity: 0
}

.user-form__box .focus input::-webkit-input-placeholder,.user-form__box .focus textarea::-webkit-input-placeholder {
	opacity: 0
}

.user-form__box .focus input:-moz-placeholder,.user-form__box .focus textarea:-moz-placeholder {
	opacity: 0
}

.user-form__box .focus input::-moz-placeholder,.user-form__box .focus textarea::-moz-placeholder {
	opacity: 0
}

.user-form__box .focus input:-ms-input-placeholder,.user-form__box .focus textarea:-ms-input-placeholder {
	opacity: 0
}

.user-form__box .msg-inner {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	position: absolute;
	left: 150px;
	top: 0;
	color: #ddd;
	font-size: 14px;
	pointer-events: none
}

.user-form__box input,.user-form__box textarea {
	font-size: 14px;
	color: #101010;
	letter-spacing: 1px
}

.user-form__box textarea {
	resize: none
}

.user-form__box textarea::-webkit-input-placeholder {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	color: #ddd
}

.user-form__box textarea:-moz-placeholder {
	color: #ddd;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.user-form__box textarea::-moz-placeholder {
	color: #ddd;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.user-form__box textarea:-ms-input-placeholder {
	color: #ddd;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.user-form__box .item-label {
	color: #101010;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px
}

.user-form__box .item-label span {
	color: #ddd
}

.user-form__box label.error {
	padding-top: 3px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	color: #101010;
	font-size: 12px;
	letter-spacing: 1px
}

.user-form__box .item-cont {
	position: relative
}

.user-form__box .item-cont::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.user-form__box .form-group__w50 {
	display: inline-block;
	vertical-align: top;
	width: 50%
}

.user-form__box .fg-right__w50 {
	padding-right: 25px
}

.user-form__box .fg-left__w50 {
	padding-left: 25px
}

.user-form__box textarea {
	width: 100%;
	height: 160px;
	border: 3px solid #101010;
	padding: 20px 24px;
	margin-top: 12px
}

.user-form__box .file-hint {
	position: absolute;
	right: 0;
	top: 0;
	pointer-events: none;
	font-size: 18px;
	color: #101010;
	letter-spacing: 1px;
	font-weight: 500
}

.user-form__box .file-hint .fh-label,.user-form__box .file-hint span {
	display: inline-block;
	vertical-align: middle
}

.user-form__box .file-hint .fh-label {
	font-size: 14px;
	color: #ddd;
	letter-spacing: 1px
}

.user-form__box .file-hint span {
	position: relative;
	padding-right: 24px;
	margin-left: 5px
}

.user-form__box .file-hint span i {
	position: absolute;
	right: 0;
	top: 0
}

.form-group__btn a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

.form-group__btn .save-btn {
	font-size: 16px;
	color: #fff;
	letter-spacing: 1px;
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #101010;
	margin-right: 50px
}

.form-group__btn .cancel-btn {
	font-size: 14px;
	color: #ddd;
	letter-spacing: 1px
}

.modal-dialog {
	display: none
}

.modal-dialod__cont {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	min-width: 376px;
	padding: 44px 44px 36px 54px;
	z-index: 300
}

.modal-dialod__cont::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 3px solid #101010
}

.modal-dialod__cont.error-disload__cont {
	display: none
}

.modal-dialog__icon,.modal-dialog__txt {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 60
}

.modal-bing__btn {
	width: 80px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #101010;
	text-align: center;
	margin-top: 10px;
	position: relative;
	z-index: 10
}

.modal-dialog__icon {
	width: 74px;
	height: 74px;
	position: relative;
	border: 3px solid #101010;
	background-color: #FFF000;
	border-radius: 50%
}

.modal-dialog__icon i {
	font-size: 26px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.line-dec__box {
	position: absolute;
	right: 0;
	bottom: -22px;
	width: 43px;
	height: 25px;
	overflow: hidden;
	z-index: 999
}

.line-dec__box i {
	display: block;
	position: absolute
}

.line-dec__box .tg-dec {
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-top-color: #fff;
	-webkit-transform: rotate(212deg);
	transform: rotate(212deg);
	left: 22px;
	top: -25px;
	-webkit-transform-origin: center center;
	transform-origin: center center
}

.line-dec__box .tg-lean {
	width: 24px;
	height: 3px;
	background-color: #101010;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	left: 20px;
	top: 7px
}

.line-dec__box .tg-line {
	width: 3px;
	height: 15px;
	background-color: #101010;
	right: 0;
	top: 0
}

.modal-dialog__txt {
	font-size: 14px;
	padding-left: 20px
}

.modal-dialog__txt span {
	display: inline-block;
	position: relative;
	padding-bottom: 6px
}

.modal-dialog__txt span::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.modal-dialog__txt p {
	color: #ddd;
	margin-top: 10px;
	letter-spacing: 1px
}

.user-module_intro {
	font-size: 20px;
	padding-top: 2em;
	padding-bottom: 4em;
	color: #101010
}

.user-module_intro .um-title {
	margin-bottom: .2em
}

.user-module_intro .um-txt {
	margin-bottom: .66667em
}

.user-module_intro .um-hint {
	letter-spacing: 1px
}

.user-apply__form {
	max-width: 896px
}

.um-form__box {
	font-size: 0
}

.um-form__box .item-group {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 200px;
	margin-right: 30px
}

.um-form__box .item-group::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.um-form__box .item-name {
	width: 547px
}

.um-form__box label.label {
	font-size: 14px;
	color: #101010;
	font-weight: 500;
	display: block;
	margin-bottom: 26px
}

.um-form__box input {
	border: none;
	background-color: transparent;
	font-size: 20px;
	font-weight: 500;
	color: #101010;
	width: 100%;
	padding-bottom: 10px
}

.um-form__box label.error {
	position: absolute;
	left: 0;
	top: 100%;
	font-size: 12px;
	padding-top: 3px;
	color: #101010
}

.u-inside__rightCont {
	margin-bottom: 30px
}

.u-inside__table table {
	width: 100%;
	text-align: center;
	border-spacing: 0px
}

.u-inside__table thead {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 1.5
}

.u-inside__table thead th {
	position: relative;
	padding-bottom: 25px;
	padding-right: 30px;
	width: 9.09%
}

.u-inside__table thead th::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.u-inside__table tbody {
	font-size: 14px
}

.u-inside__table tbody tr.on {
	background-color: #FFF000
}

.u-inside__table tbody tr.on input {
	background-color: transparent
}

.u-inside__table tbody tr.on .item-form__handle>a {
	color: #101010
}

.u-inside__table tbody td {
	width: 9.09%;
	padding: 24px 30px 24px 0;
	position: relative;
	letter-spacing: 1px;
	font-weight: 500;
	color: #101010
}

.u-inside__table tbody td::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #E7E7E7
}

.u-inside__table tbody td span {
	display: block;
	max-width: 100%;
	word-break: break-word;
	margin: auto
}

.u-inside__table .item-form__handle {
	position: absolute;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%
}

.u-inside__table .item-form__handle>a {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	color: #E7E7E7;
	font-size: 14px
}

.u-inside__table .del-tr::before {
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear;
	display: block
}

.u-inside__tableForm {
	position: relative;
	margin-top: 30px;
	font-size: 0
}

.u-inside__tableForm .item-group {
	width: 9.09%
}

.u-inside__tableForm .item-group__opa {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}

.u-inside__tableForm .item-box {
	position: relative;
	margin-right: 30px
}

.u-inside__tableForm .item-box::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.u-inside__tableForm .form-cont {
	position: relative
}

.u-inside__tableForm .add-table__btn {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 20px;
	color: #E7E7E7;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.u-inside__tableForm input {
	width: 100%;
	font-size: 14px;
	color: #101010;
	border: none;
	position: relative;
	padding-bottom: 18px;
	text-align: center
}

.u-inside__tableForm input::-webkit-input-placeholder {
	color: #D0D0D0
}

.u-inside__tableForm input:-moz-placeholder {
	color: #D0D0D0
}

.u-inside__tableForm input:-ms-input-placeholder {
	color: #D0D0D0
}

.u-inside__tableForm .item-select select {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	font-size: 16px;
	color: #101010
}

.u-inside__tableForm .item-people {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	visibility: hidden
}

.u-inside__tableForm .item-people.show {
	opacity: 1;
	visibility: visible
}

.u-inside__tableForm .item-file,.u-inside__tableForm .item-add {
	position: relative;
	margin-top: 30px
}

.u-inside__tableForm .item-file label,.u-inside__tableForm .item-file a,.u-inside__tableForm .item-add label,.u-inside__tableForm .item-add a {
	display: block
}

.u-inside__tableForm .item-file input,.u-inside__tableForm .item-add input {
	opacity: 0;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.u-inside__tableForm .item-file .upload-btn,.u-inside__tableForm .item-add .upload-btn {
	-webkit-transition: border .3s linear;
	transition: border .3s linear;
	display: block;
	position: relative;
	border: 3px dashed #E7E7E7;
	height: 70px;
	cursor: pointer
}

.u-inside__tableForm .item-file .dec-sym,.u-inside__tableForm .item-add .dec-sym {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 30px;
	color: #E7E7E7
}

.u-inside__tableForm .item-file .hint,.u-inside__tableForm .item-add .hint {
	font-size: 16px;
	color: #ddd;
	letter-spacing: 1px;
	margin-top: 20px
}

.u-inside__tableForm .btn-box::after {
	content: "";
	display: block;
	clear: both
}

.u-inside__tableForm .btn-box a {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	width: 270px;
	height: 60px;
	line-height: 54px;
	text-align: center;
	border: 3px solid #101010;
	letter-spacing: .2em
}

.user-work__list {
	position: relative
}

.user-work__list .item-pic {
	position: relative;
	overflow: hidden
}

.user-work__list .item-pic::before {
	content: "";
	display: block;
	padding-top: 60.82949%;
	background-color: #FFF000
}

.user-work__list .item-pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	backface-visibility: hidden
}

.user-work__list .item-cont {
	font-size: 20px;
	position: relative;
	padding-bottom: 1em
}

.user-work__list .item-cont::after {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.user-work__list .item-status {
	font-size: 14px;
	letter-spacing: 1px;
	position: relative;
	margin-top: 16px;
	padding-right: 35px;
	height: 18px
}

.user-work__list .item-status span {
	display: inline-block;
	vertical-align: middle
}

.user-work__list .status-btn {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	color: rgba(0,0,0,0.2);
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px
}

.user-work__list .item-btn__box {
	position: absolute;
	right: 0;
	top: 2px
}

.user-work__list .item-title {
	height: 64px;
	overflow: hidden;
	margin-top: .6em
}

.user-work__list .item-dec {
	position: relative
}

.user-work__list .item-dec::after {
	content: "";
	display: block;
	padding-top: 61.07595%
}

.user-work__list .item-dec::before {
	-webkit-transition: border .3s linear;
	transition: border .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 3px dashed #E7E7E7
}

.user-work__list .item-dec__cont {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #E7E7E7;
	text-align: center
}

.user-work__list .item-dec__cont i {
	font-size: 36px
}

.user-work__list .item-dec__cont span {
	display: block;
	font-size: 16px;
	margin-top: 20px
}

.user-work__list .item-add__work .item-cont::after {
	background-color: #E7E7E7
}

.change-password__btn {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	display: inline-block;
	width: 78px;
	height: 26px;
	line-height: 24px;
	border: 1px solid #101010;
	text-align: center;
	font-size: 14px;
	letter-spacing: 1px;
	color: #101010
}

.modal-cg__password {
	display: none
}

.modal-cg__cont {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	border: 3px solid #101010;
	width: 380px;
	z-index: 120
}

.modal-cg__title {
	background-color: #FFF000;
	text-align: center;
	letter-spacing: 1px;
	color: #101010;
	height: 78px;
	line-height: 78px
}

.modal-cg__form {
	max-width: 320px;
	margin: 0 auto;
	padding-top: 51px
}

.modal-cg__form .item-label {
	display: block;
	font-size: 14px;
	color: #101010;
	letter-spacing: 1px;
	margin-bottom: 10px
}

.modal-cg__form input {
	border: none;
	padding: 2px 0;
	border-bottom: 3px solid #101010;
	width: 100%
}

.modal-cg__form .item-group {
	margin-bottom: 56px;
	position: relative
}

.form-code__group {
	position: relative
}

.modal-code__btn {
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 14px
}

.modal-cg__btn {
	font-size: 0;
	text-align: center
}

.modal-cg__btn a {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	height: 62px;
	line-height: 59px;
	letter-spacing: 1px;
	border-top: 3px solid #101010
}

.mcg-cancel__btn {
	background-color: #101010;
	color: #FFF000
}

.mcg-save__btn {
	background-color: #FFF000;
	color: #101010
}

.apply-record__list li {
	position: relative;
	padding-top: 22px;
	padding-bottom: 22px
}

.apply-record__list li::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -3px;
	width: 100%;
	height: 3px;
	background-color: #101010
}

.apply-record__list li:last-child::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 100%;
	background-color: #101010
}

.apply-record__list .item-box {
	position: relative;
	padding-right: 120px
}

.apply-record__list .ar-message {
	font-size: 14px;
	color: #101010;
	letter-spacing: 1px;
	margin-top: 4px
}

.apply-record__list .ar-date,.apply-record__list .ar-num {
	display: inline-block;
	vertical-align: middle;
	margin-right: 70px
}

.apply-record__list .ar-btn {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	background-color: #101010
}

.user-actLog__list .item-cont {
	padding-top: 0
}

.user-actLog__list .item-cont::before {
	display: none
}

.user-actLog__list .item-btn::before {
	padding-top: 200px
}

.user-actLog__caption {
	margin-left: 16px;
	margin-right: 16px;
	position: relative;
	padding-bottom: 20px;
	border-bottom: 3px solid #101010;
	margin-bottom: 30px
}

.user-actLog__caption .status {
	font-size: 16px;
	color: #101010;
	letter-spacing: 1px;
	display: inline-block;
	vertical-align: middle
}

.u-list__btn {
	position: absolute;
	right: 0;
	top: 0
}

.u-list__btn a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	font-size: 14px;
	color: #B5B5B5;
	letter-spacing: 1px;
	margin-left: 10px
}

.user-actLog__cont .btn-act {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	right: 0;
	top: 10px;
	width: 135px;
	height: 40px;
	line-height: 40px;
	background-color: #101010;
	font-size: 15px;
	color: #fff;
	text-align: center
}

.user-actLog__cont .btn-act span {
	display: inline-block;
	position: relative;
	padding-left: 20px
}

.user-actLog__cont .btn-act span i {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-bottom: 2px
}

.user-work__caption {
	position: relative
}

.user-work__caption .hint {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 14px;
	color: #D0D0D0
}

.user-pub__work .file-item {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	margin-bottom: 10px;
	position: relative
}

.user-pub__work .file-item__close {
	cursor: pointer;
	position: absolute;
	right: -6px;
	top: -10px;
	font-size: 12px;
	color: #fff;
	background-color: #101010;
	border-radius: 50%;
	padding: 5px;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

.user-pub__work .file-item__bg {
	position: relative;
	width: 100px;
	height: 100px;
	overflow: hidden
}

.user-pub__work .file-item__bg img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.audit-msg__box {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	position: relative;
	background-color: #CECECE;
	border-radius: 50%;
	text-align: center;
	z-index: 100;
	cursor: pointer
}

.audit-msg__box i {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	font-size: 14px;
	color: #fff;
	display: inline-block;
	font-style: normal;
	position: absolute;
	left: 4px
}

.audit-msg__box:hover {
	background-color: #FFF000
}

.audit-msg__box:hover i {
	color: #101010
}

.audit-msg__box:hover .audit-msg__inner {
	opacity: 1;
	visibility: visible
}

.audit-msg__inner {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 50%;
	top: -8px;
	width: 244px;
	background-color: #fff;
	border: 3px solid #101010;
	padding: 15px 15px 22px 15px;
	transform: translate(-50%, -100%);
	pointer-events: none
}

.audit-msg__inner::before,.audit-msg__inner::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border: 9px solid transparent
}

.audit-msg__inner::before {
	border-top-color: #101010;
	bottom: -19px
}

.audit-msg__inner::after {
	border-top-color: #fff;
	bottom: -15px
}

.audit-msg__inner p {
	font-size: 14px;
	line-height: 26px;
	color: #101010;
	letter-spacing: 1px
}

.u-inside__downExcell {
	margin-bottom: 20px;
	margin-right: 20px
}

.u-inside__downExcell a {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #101010;
	color: #FFF000;
	font-size: 16px
}

.u-apply__update,.u-inside__downExcell {
	display: inline-block;
	vertical-align: top
}

.u-apply__update input[type="file"] {
	display: none
}

.u-apply__update label {
	cursor: pointer
}

.u-apply__update label,.u-apply__update a {
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	background-color: #FFF000;
	color: #101010;
	font-size: 16px;
	margin-right: 24px
}

.u-apply__uploadFile {
	text-decoration: underline;
	font-weight: 500;
	margin-bottom: 20px
}

@media (min-width: 1025px) {
	.apply-record__list .ar-title,.apply-record__list .ar-message {
		-webkit-transition: transform .3s linear;
		transition: transform .3s linear
	}

	.apply-record__list .line-ani__box::before {
		content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		border: 15px solid transparent;
		border-top-color: #fff;
		right: -12px;
		bottom: -11px;
		border-width: 15px;
		-webkit-transform: rotate(222deg);
		transform: rotate(222deg);
		z-index: 10
	}

	.apply-record__list .list-line {
		z-index: 100
	}

	.apply-record__list .list-line__bottom::after {
		z-index: 10;
		right: -27px;
		bottom: -10px
	}

	.apply-record__list li:first-child::before {
		top: 0
	}

	.apply-record__list li.item-forbid {
		-webkit-transition: opacity .3s linear;
		transition: opacity .3s linear;
		opacity: .3
	}

	.apply-record__list li .list-line__bottom::after {
		background-color: #101010
	}

	.apply-record__list li.item-hover::before {
		opacity: 0
	}

	.apply-record__list li.item-hover .line-ani__box {
		opacity: 1;
		visibility: visible
	}

	.apply-record__list li.item-hover .ar-title,.apply-record__list li.item-hover .ar-message {
		-webkit-transform: translateX(32px);
		transform: translateX(32px)
	}

	.apply-record__list li.item-hover .ar-btn {
		-webkit-transform: translateX(-32px);
		transform: translateX(-32px);
		background-color: #FFF000;
		color: #101010
	}

	.apply-record__list .list-line {
		background-color: #101010
	}

	.back-btn:hover i {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}

	.user-pub__work .file-item__close:hover {
		color: #101010;
		background-color: #FFF000
	}

	.user-actLog__cont .btn-act:hover {
		background-color: #FFF000;
		color: #101010
	}

	.u-list__btn a:hover {
		color: #101010
	}

	.apply-record__list .ar-btn:hover {
		background-color: #FFF000;
		color: #101010
	}

	.u-inside__main {
		position: relative
	}

	.mcg-cancel__btn:hover {
		background-color: #FFF000;
		color: #101010
	}

	.mcg-save__btn:hover {
		background-color: #101010;
		color: #fff
	}

	.list-appy__btn:hover {
		background-color: #FFF000;
		color: #101010
	}

	.change-password__btn:hover {
		background-color: #101010;
		color: #fff
	}

	.user-work__list .item-add__work a:hover .item-dec::before {
		border-color: #101010
	}

	.user-work__list .item-add__work a:hover .item-dec__cont {
		color: #101010
	}

	.user-work__list .item-add__work a:hover .item-cont::after {
		background-color: #101010
	}

	.user-work__list .status-btn:hover {
		color: #101010
	}

	.user-work__list .item-box:hover .item-pic img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	.user-work__list .item-pic img {
		-webkit-transition: all .3s linear;
		transition: all .3s linear
	}

	.u-inside__tableForm .item-main {
		display: table
	}

	.u-inside__tableForm .item-group {
		display: table-cell
	}

	.u-inside__tableForm .btn-box a:hover {
		background-color: #FFF000;
		border-color: #FFF000;
		color: #101010
	}

	.u-inside__tableForm .item-add .upload-btn:hover {
		border-color: #101010
	}

	.u-inside__tableForm .item-add .upload-btn:hover i {
		color: #101010
	}

	.u-inside__tableForm .add-table__btn {
		-webkit-transition: color .3s linear;
		transition: color .3s linear
	}

	.u-inside__tableForm .add-table__btn:hover {
		color: #101010
	}

	.u-inside__table .item-form__handle>a:hover {
		color: #101010
	}

	.u-inside__table .del-tr:hover::before {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.form-group__btn .save-btn:hover {
		background-color: #FFF000;
		color: #101010
	}

	.form-group__btn .cancel-btn:hover {
		color: #101010
	}

	.user-slider .exit-btn:hover {
		background-color: #FFF000;
		border-color: #FFF000;
		color: #101010
	}

	.user-slider .us-menu a:hover {
		color: #101010
	}

	.user-slider .us-menu a:hover::after {
		background-color: #101010
	}

	.user-audit__check .close-statue:hover {
		color: #101010;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@media (max-width: 1200px) {
	.user-content {
		padding-left: 25px
	}

	.u-inside__table thead th {
		padding-right: 15px
	}

	.u-inside__table tbody td {
		padding-right: 15px
	}

	.u-inside__tableForm .item-box {
		margin-right: 15px
	}
}

@media (max-width: 1024px) {
	.user-slider,.user-content {
		width: 100%
	}

	.user-content {
		padding-left: 0;
		margin-top: 80px
	}

	.uct-logo .pic {
		max-width: 90px
	}

	.uct-logo i {
		font-size: 180px
	}

	.user-slider .us-menu li {
		margin-bottom: 30px
	}

	.user-slider .us-menu a {
		display: block
	}

	.user-slider .exit-btn {
		font-size: 16px;
		margin-top: 50px
	}

	.user-center__list {
		margin-top: 15px
	}

	.um-form__box label.label {
		margin-bottom: 15px
	}

	.um-form__box input {
		font-size: 18px
	}

	.um-form__box .item-group {
		width: calc(50% - 20px)
	}

	.um-form__box .item-name {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px
	}

	.um-form__box .item-people {
		margin-right: 20px
	}

	.um-form__box .item-tel {
		margin-right: 0;
		margin-left: 20px
	}

	.u-inside__leftCont {
		width: 100%
	}

	.u-inside__tableForm .item-group {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		margin-bottom: 25px
	}

	.u-inside__tableForm .item-file .hint,.u-inside__tableForm .item-add .hint {
		font-size: 14px
	}

	.u-inside__rightCont {
		width: 100%;
		text-align: left
	}

	.u-inside__leftCont {
		margin-top: 50px
	}

	.user-audit__check .close-statue {
		font-size: 36px;
		margin-top: -18px
	}

	.user-form__box .file-hint {
		font-size: 16px
	}

	.form-project__box .pro-label {
		width: 80px;
		height: 50px
	}

	.user-actLog__list {
		margin-top: 60px
	}

	.user-actLog__list .item-cont {
		margin-top: 30px
	}

	.user-actLog__cont .btn-act {
		top: -4px
	}

	.user-work__caption .hint {
		top: 4px
	}

	.apply-record__list li::before {
		top: 0
	}

	.u-inside__table thead th {
		padding-right: 0
	}

	.u-inside__table tbody td {
		padding-right: 0
	}
}

@media (max-width: 800px) {
	.user-actLog__caption {
		margin-left: 10px;
		margin-right: 10px
	}

	.in-banner__slick .in-en__title {
	    font-size: 36px;
	}
}

@media (max-width: 750px) {
	.uct-inner {
		padding-left: 20px;
		max-width: calc(100% - 146px)
	}

	.user-work__list .item-title {
		height: auto
	}

	.user-work__list .item-add__work a {
		position: relative
	}

	.user-work__list .item-add__work a::after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2px;
		background-color: #E7E7E7
	}

	.user-work__list .item-add__work .item-cont::after {
		display: none
	}

	.u-inside__tableForm .item-group {
		width: 33.33%;
		margin-bottom: 30px
	}

	.u-inside__table {
		overflow-x: auto
	}

	.u-inside__table table {
		width: 900px
	}
	
}

@media (max-width: 650px) {
	.uct-logo i {
		font-size: 140px
	}

	.user-slider .exit-btn {
		font-size: 14px;
		margin-top: 30px
	}

	.user-slider .us-menu a::after {
		height: 2px
	}

	.user-center__list {
		margin-left: -10px;
		margin-right: -10px;
		margin-top: 30px
	}

	.user-center__list li {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		margin-bottom: 60px
	}

	.user-center__list .item-cont,.user-center__list .item-pic {
		width: 100%
	}

	.user-center__list .item-pic {
		margin-bottom: 25px
	}

	.user-center__list .item-pic::before {
		padding-top: 56.13079%
	}

	.user-center__list .list-appy__btn {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 30px;
		margin-left: 0;
		width: auto;
		height: 40px;
		line-height: 40px
	}

	.user-center__list .item-cont {
		margin-left: 0
	}

	.user-center__list .title {
		padding-right: 0
	}

	.user-center__list a {
		margin: 0 10px;
		display: block
	}

	.user-work__list .item-cont::after {
		height: 2px
	}

	.u-inside__tableForm thead {
		font-size: 14px
	}

	.u-inside__tableForm thead tr {
		border-bottom-width: 2px
	}

	.u-inside__tableForm tbody {
		font-size: 12px
	}

	.u-inside__tableForm .btn-box a {
		width: 100%;
		margin-bottom: 30px
	}

	.u-inside__tableForm .btn-box a:last-child {
		margin-bottom: 0
	}

	.u-inside__tableForm .item-file .hint,.u-inside__tableForm .item-add .hint {
		font-size: 12px;
		margin-top: 10px
	}

	.u-inside__tableForm .item-file .dec-sym,.u-inside__tableForm .item-add .dec-sym {
		font-size: 24px
	}

	.um-form__box label.label {
		font-size: 12px;
		margin-bottom: 10px
	}

	.um-form__box input {
		font-size: 16px
	}

	.u-inside__leftCont {
		margin-top: 35px
	}

	.user-form__box .file-hint {
		font-size: 14px
	}

	.user-form__box .form-group__w50 {
		width: 100%
	}

	.user-form__box .fg-right__w50 {
		padding-right: 0
	}

	.user-form__box .fg-left__w50 {
		padding-left: 0
	}

	.user-form__box textarea {
		height: 120px;
		padding: 10px 15px
	}

	.user-audit__check .close-statue {
		font-size: 24px;
		margin-top: -12px
	}

	.form-project__box .pro-label {
		width: 70px;
		height: 45px
	}

	.form-project__box .pro-label i {
		font-size: 18px
	}

	.apply-record__list .ar-btn {
		font-size: 14px
	}

	.user-actLog__caption {
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 15px;
		border-bottom-width: 2px;
		margin-bottom: 20px
	}

	.user-actLog__caption .status {
		font-size: 14px
	}

	.user-actLog__cont .btn-act {
		font-size: 14px
	}

	.modal-dialog__icon {
		width: 54px;
		height: 54px;
		border-width: 2px
	}

	.modal-dialog__icon i {
		font-size: 18px
	}

	.modal-dialog__txt {
		width: calc(100% - 60px)
	}

	.modal-dialog__txt span::after {
		height: 2px
	}

	.modal-dialod__cont::after {
		border-width: 2px
	}

	.line-dec__box {
		bottom: -20px
	}

	.line-dec__box .tg-line {
		width: 2px
	}

	.line-dec__box .tg-lean {
		height: 2px;
		left: 23px;
		top: 9px
	}

	.user-work__caption .hint {
		font-size: 12px
	}

	.audit-msg__inner {
		border-width: 2px
	}

	.audit-msg__inner::before {
		bottom: -18px
	}

	.modal-cg__btn a {
		border-top-width: 2px
	}

	.user-form__box .item-cont::after {
		height: 2px
	}

	.user-form__box textarea {
		border-width: 2px
	}

	.u-inside__downExcell,.u-apply__update {
		display: block
	}

	.u-inside__downExcell {
		margin-right: 0
	}

	.u-inside__downExcell a {
		width: 100%
	}

	.u-apply__update label,.u-apply__update a {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px
	}
}

@media (max-width: 600px) {
	.uct-inner span {
		font-size: 18px
	}

	.uct-inner p {
		font-size: 14px
	}

	.u-inside__tableForm .item-group {
		width: 50%
	}

	.u-inside__tableForm .item-group:nth-child(odd) .item-box {
		margin-right: 10px
	}

	.u-inside__tableForm .item-group:nth-child(even) .item-box {
		margin-left: 10px
	}

	.u-inside__tableForm .item-box {
		margin-right: 0
	}

	.apply-record__list .item-box {
		padding-right: 0
	}

	.apply-record__list .ar-btn {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 20px
	}

	.form-project__hint {
		padding-left: 0;
		margin-top: 10px
	}
}

.eror-404 {
	overflow-x: hidden
}

.page404 {
	overflow: hidden;
	text-align: center;
	height: calc(100vh - 96px);
	width: 100vw;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.page404 #errorText {
	font-size: 22px;
	margin-top: 40px;
	color: #101010
}

.page404 #errorLink {
	font-size: 20px;
	padding: 12px;
	border: 1px solid;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
	margin-top: 20px
}

.page404 #errorLink:hover,.page404 #errorLink:active {
	color: #fff;
	background: #FFF000
}

.page404 #g6219 {
	transform-origin: 85px 4px;
	animation: an1 12s .5s infinite ease-out
}

@keyframes an1 {
	0% {
		transform: rotate(0)
	}

	5% {
		transform: rotate(3deg)
	}

	15% {
		transform: rotate(-2.5deg)
	}

	25% {
		transform: rotate(2deg)
	}

	35% {
		transform: rotate(-1.5deg)
	}

	45% {
		transform: rotate(1deg)
	}

	55% {
		transform: rotate(-1.5deg)
	}

	65% {
		transform: rotate(2deg)
	}

	75% {
		transform: rotate(-2deg)
	}

	85% {
		transform: rotate(2.5deg)
	}

	95% {
		transform: rotate(-3deg)
	}

	100% {
		transform: rotate(0)
	}
}

@media (max-width: 1024px) {
	.page404 {
		height: calc(100vh - 120px)
	}

	.page404 #errorText {
		font-size: 18px;
		margin-top: 0
	}

	.page404 #errorLink {
		font-size: 16px
	}

	.page404 #svg2 {
		width: 80%
	}
}

.search-header h3 {
	color: #101010;
	font-size: 24px;
	letter-spacing: .1em;
	line-height: 1.5;
	margin-bottom: 10px
}

.search-header p {
	color: #101010;
	font-size: 18px;
	letter-spacing: .05em;
	line-height: 1.5
}

.search-header p span {
	color: #39257c;
	font-weight: bold;
}
.n_about1 .layui-card-header {
    font-size: 16px; text-align: left;
}
.n_about1 .layui-card-header a:hover {
color:#d40008;
}
.sitem{ text-align: left;}
.sitem a{ padding:0 10px; color: #999;}
.sitem a:hover{color:#d40008;}
.search-item {
	-webkit-transition: all .4s;
	transition: all .4s;
	display: block;
	padding: 35px 30px
}

.search-item h4 {
	-webkit-transition: color .4s;
	transition: color .4s;
	color: #101010;
	margin-bottom: .25em;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: .05em
}

.search-item p {
	-webkit-transition: color .4s;
	transition: color .4s;
	color: #ddd;
	font-size: 14px;
	line-height: 1.5
}

.search-item:hover {
	background-color: #f5f5f5
}

.search-item:hover h4 {
	color: #D3D3D3
}

.list-search li {
	background-color: #f5f5f5;
	margin-bottom: 20px
}

@media (min-width: 1025px) {
	.search-item:hover {
		background-color: #FFF000
	}

	.search-item:hover h4,.search-item:hover p {
		color: #101010
	}
}

@media (max-width: 1024px) {
	.search-header h3 {
		font-size: 22px;
		margin-bottom: 5px
	}

	.search-header p {
		font-size: 16px
	}

	.search-item h4 {
		font-size: 16px
	}

	.search-item p {
		font-size: 12px
	}
}
/*# sourceMappingURL=main.css.map */

.list-pnews>li:nth-of-type(n+2) {
	margin-top:120px
}
.pnews-item {
	position:relative;
	display:block;
	padding-top:40px;
	padding-left:450px;
	padding-right:200px;
	border-top:6px solid #101010;
}
.list-pnews.list>li {
    margin-bottom:0;
}
.pnews-item__img {
	position:absolute;
	top:40px;
	left:0;
	width:382px
}
.pnews-item__img::before {
	padding-top:61.0687%
}
.pnews-item__info {
	min-height:234px;
	color:#333
}
.pnews-item__title {
	font-size:24px;
	line-height:1.4;
	font-weight:400;
	letter-spacing:.02em
}
.pnews-item__desc {
	margin-top:.86em;
	height:5.625em;
	overflow:hidden;
	font-size:14px;
	line-height:1.875;
	letter-spacing:.02em
}
.view-more {
	position:relative;
	display:inline-block;
	vertical-align:top;
	padding-left:40px;
	margin-top:3.14em;
	font-size:14px;
	font-weight:400;
	line-height:1.75;
	letter-spacing:.02em
}
.view-more::before {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	margin-top:-2px;
	width:32px;
	height:2px;
	background-color:#101010
}
.pnews-item__date {
	position:absolute;
	top:40px;
	right:0
}
.pnews-item__date span {
	display:block;
	text-align:right;
	font-weight:300;
	color:#333
}
.pnews-item__date .day {
	font-size:80px;
	line-height:.84
}
.pnews-item__date .month,.pnews-item__date .year {
	font-size:24px;
	line-height:1.5
}

@media (min-width:1025px) {
	.view-more {
	-webkit-transition:all .3s;
	transition:all .3s
}
.view-more::before {
	-webkit-transition:all .3s;
	transition:all .3s
}
.view-more:hover {
	padding-left:44px
}
.view-more:hover::before {
	width:34px
}
.pnews-item__img img {
	-webkit-filter:grayscale(1);
	filter:grayscale(1);
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-webkit-transition:all .3s;
	transition:all .3s
}
.pnews-item:hover .pnews-item__img img {
	-webkit-filter:grayscale(0);
	filter:grayscale(0);
	-moz-transform:scale(1.025);
	-ms-transform:scale(1.025);
	-webkit-transform:scale(1.025);
	transform:scale(1.025)
}

}




@media (max-width:1024px) {
	.pnews-item__desc {
	display:none
}
.pnews-item__title {
	font-size:24px
}
.pnews-item__info .view-more {
	display:none
}
}@media (max-width:768px) {
	.pnews-item {
	padding-left:0;
	padding-right:0
}
.ys_1 {
    padding-top:0;
}
.pnews-item__img {
	position:relative;
	width:auto;
	max-width:524px
}
.pnews-item__date {
	position:relative;
	top:auto
}
.pnews-item__date span {
	display:inline-block;
	vertical-align:top;
	margin-right:.25em
}
.pnews-item__date .day,.pnews-item__date .month,.pnews-item__date .year {
	font-size:22px;
	line-height:1.5
}
.pnews-item__info {
	min-height:auto
}
}@media (max-width:750px) {
	.loading {
	margin-top:16vw
}
.ys_1,.ys_2 { width: 100%; display: block;
}
.ys_2 { padding-left:0;}
.paragraph .ys_2 img{ margin-top:20px ;}
.list-pnews {
	margin-top:2.66667vw
}
.list-pnews>li:nth-of-type(n+2) {
	margin-top:8vw
}
.pnews-item {
	padding-top:2.66667vw;
	border-top-width:1.06667vw
}
.pnews-item__title {
	font-size:4.26667vw
}
.pnews-item__date {
	margin-top:5.06667vw
}
.pnews-item__date .day,.pnews-item__date .month,.pnews-item__date .year {
	font-size:2.93333vw
}
.pnews-item__img {
	top:0;
	margin-top:3.2vw
}
}.detail-main {
	position:relative;
	font-size:0
}
.detail-left,.detail-right {
	display:inline-block;
	vertical-align:top
}
.detail-left {
	width:67.8%
}
.detail-right {
	width:23.2%;
	margin-left:9%;
	border-top:8px solid #000
}
.wd-right {
	position:absolute;
	top:0;
	right:0;
	margin-left:0
}
.detail-top {
	position:relative;
	padding-right:200px;
	border-top:6px solid #000
}
.detail-top .pnews-item__date {
	top:32px
}
.detail-top-pub {
	padding-right:0
}
.detail-title {
	margin-top:.8em;
	font-size:24px;
	line-height:1.4;
	font-weight:400;
	color:#333;
	letter-spacing:.02em
}
.detail-desc {
	margin-top:1.786em;
	font-size:14px;
	line-height:2;
	color:#333;
	letter-spacing:.02em
}
.detail-desc img{max-width: 100%;}
.detail-body {
	padding-right:100px;
	font-size:14px;
	line-height:2;
	color:#333;
	text-align:justify;
	letter-spacing:.02em
}
.detail-body img {
	max-width:100%;
	height:auto !important
}
.detail-body h3 {
	font-size:20px;
	letter-spacing:.02em
}
.detail-body blockquote {
	padding-left:1.5em;
	border-left:5px solid #ccc;
	font-style:italic;
	margin-left:0
}
.related-title {
	font-size:32px;
	line-height:1.2;
	font-weight:400;
	color:#333;
	letter-spacing:.02em
}
.related-title span {
	position:relative;
	display:inline-block;
	vertical-align:top;
	padding-right:.5em;
	margin-right:.5em
}
.related-title span::after {
	content:"";
	position:absolute;
	width:2px;
	height:.8em;
	top:.2em;
	right:0;
	background-color:#000
}
.list-news {
	margin-right:-20px;
	margin-left:-20px
}
.list-news .news-item__info {
	height:170px
}
.detail-side {
	position:absolute;
	top:0;
	right:0
}
.detail-pager {
	color:#333;
	margin-bottom:40px;
	display:block
}
.detail-pager i,.detail-pager span {
	display:inline-block;
	vertical-align:top;
	line-height:30px
}
.detail-pager i {
	margin-right:.45em;
	font-size:22px;
	line-height:30px
}
.detail-pager span {
	font-size:14px;
	line-height:30px;
	letter-spacing:.02em
}
.detail-share {
	cursor:pointer;
	overflow:hidden
}
.detail-share:hover .share-left {
	visibility:hidden;
	opacity:0;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%)
}
.detail-share:hover .social {
	-webkit-transform:translateX(0);
	transform:translateX(0);
	visibility:visible;
	opacity:1
}
.share-box {
	position:relative;
	width:80px
}
.share-left,.share-right {
	display:inline-block;
	vertical-align:top
}
.share-right {
	visibility:hidden;
	opacity:0
}
.social {
	font-size:0;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:translateX(100%);
	transform:translateX(100%)
}
.social a {
	display:inline-block;
	vertical-align:top;
	font-size:22px;
	line-height:30px;
	margin-right:.5em;
	color:#333
}
.social a:hover {
	color:#666
}
.detail-gotop {
	position:absolute;
	right:0;
	bottom:0;
	font-size:40px;
	width:1em;
	height:1em;
	cursor:pointer
}


@media (min-width:1025px) {
	.wsd-pager:hover {
	color:#999;
	-webkit-transform:translateX(-3px);
	transform:translateX(-3px)
}
.detail-gotop:hover {
	-webkit-transform:translateY(-4px);
	transform:translateY(-4px);
	color:#666
}
}@media (max-width:1024px) {
	.wd-right {
	position:relative
}
.detail-left {
	width:100%
}
.detail-body {
	padding-right:0
}
.detail-right {
	width:100%;
	margin-left:0
}
.detail-gotop {
	display:none
}
.detail-pager {
	display:inline-block;
	vertical-align:top;
	margin-right:60px
}
.works-share {
	margin-top:40px
}
.detail-side {
	position:relative;
	margin-top:80px
}
}@media (max-width:750px) {
	.detail-main.mt-200 {
	margin-top:21.33333vw
}
.detail-main.mt-120 {
	margin-top:13.33333vw
}
.detail-left {
	width:100%
}
.detail-top {
	padding-right:0;
	border-top-width:1.06667vw
}
.detail-top .pnews-item__date {
	top:auto;
	margin-top:2.66667vw
}
.detail-title {
	font-size:4vw
}
.detail-desc {
	font-size:3.2vw;
	margin-top:3em
}
.detail-body {
	margin-top:8vw
}
.detail-side {
	margin-top:10.66667vw
}
.detail-pager {
	width:25%;
	margin-bottom:0;
	margin-right:0
}
.detail-pager span,.detail-pager i {
	display:inline-block;
	vertical-align:top;
	line-height:6.4vw
}
.detail-pager span {
	font-size:3.2vw
}
.detail-pager i {
	font-size:4vw
}
.related-title {
	font-size:5.33333vw
}
.detail-related {
	margin-top:26.66667vw
}
.list-news {
	margin-right:0;
	margin-left:0;
	margin-top:6.66667vw
}
.list-news>li {
	width:100%
}
.list-news>li:nth-of-type(n+2) {
	margin-top:14.66667vw
}
.list-news .news-item {
	margin-right:0;
	margin-left:0
}
.list-news .news-item__info {
	height:auto
}
}
.contac-msg {
	position:relative;
	min-height: 1100px;
}
.contact-form {
	border-top:8px solid #000;
	margin-right:520px;
	font-size:0
}
.contact-email {
	position:absolute;
	top:0;
	right:0;
	width:380px;
	border-top:8px solid #000
}
.cf-header {
	margin-top:10px;
	font-size:14px;
	line-height:2;
	font-weight:400;
	color:#333;
	letter-spacing:.02em
}
.cf-header span {
	font-size:30px;
	margin-right:.5em
}
.cf-item {
	position:relative;
	margin-top:30px;
	border-bottom:1px solid #333
}
.cf-item label.error {
	position:absolute;
	top:100%;
	left:0;
	font-size:14px;
	line-height:2;
	color:#f00;
	letter-spacing:.02em
}
.cf-item.active .cf-label {
	display:none
}
.cf-input {
	display:block;
	width:100%;
	border:0;
	padding:0;
	outline:0;
	font-size:16px;
	line-height:4.375;
	color:#333;
	letter-spacing:.02em
}
.cf-label {
	position:absolute;
	top:0;
	right:0;
	left:0;
	font-size:16px;
	line-height:4.375;
	color:#333;
	letter-spacing:.02em
}
.cf-label span {
	color:#ccc
}
.cf-top {
	font-size:0
}
.cf-top .cf-item {
	display:inline-block;
	vertical-align:top
}
.cf-name {
	width:380px
}
.cf-email {
	margin-left:40px;
	width:calc(100% - 420px)
}
.cf-textarea {
	resize:none;
	line-height:2;
	padding:1.1875em 0
}
.cf-submit {
	display:inline-block;
	vertical-align:top;
	border:0;
	padding:0;
	outline:0;
	background-color:transparent;
	font-size:16px;
	line-height:30px;
	font-weight:400;
	cursor:pointer;
	letter-spacing:.02em
}
.cf-submit span {
	font-size:20px;
	margin-right:.5em
}
.contact-email {
	color:#000
}
.contact-email dt {
	font-size:14px;
	font-weight:400;
	line-height:1.5;
	margin-bottom:0.5em ;
	letter-spacing:.02em
}
.contact-email dd {
	margin-bottom:1em;
	font-size:16px;
	font-weight:300;
	line-height:1.2;
	letter-spacing:.02em;
	margin-left: 0;
}
.ce-header {
	margin-bottom:.5em;
	margin-top:1em;
	font-size:28px;
	letter-spacing:.02em;
	font-weight: normal;
}
.ce-hd {
	margin-bottom:.5em;
	margin-top:1em;
	letter-spacing:.02em;
}
.cf-follow span {
	font-size:20px;
	line-height:1.2;
	font-weight:400;
	letter-spacing:.02em;
	font-family:"Nunito Sans"
}
.cf-follow a {
	margin-left:1em;
	font-size:24px;
	color:#333;
	letter-spacing:.02em
}
.cf-follow a:first-of-type {
	margin-left:.5em
}
@media (min-width:1025px) {
	.cf-follow a:hover {
	color:#666
}
}

@media (max-width:1660px) {
	.contact-form,.contact-email {
	border-top-width:.48193vw
}
}
@media (max-width:1440px) {
.logo img {
    width: auto;
    height: 50px;
}
}
@media (max-width:1280px) {
	.cf-name {
	width:100%
}
.cf-email {
	width:100%;
	margin-left:0
}
.contact-form {
	margin-right:400px
}
.contact-email {
	width:320px
}
.top_main_a h1 {
    font-size: 20px;
}
.logo img {
    width: auto;
    height: 40px;
}
}@media (max-width:750px) {
	.contac-msg {
	margin-top:15vw
}
.ce-hd{
    font-size: 6vw;
}
.contac-msg {

    min-height: auto;
}
.contact-form {
	margin-right:0;
	border-top-width:1.06667vw
}
.contact-email {
	position:relative;
	width:100%;
	margin-top:26.66667vw;
	border-top-width:1.06667vw
}
.contact-email dt,.contact-email dd {
	font-size:3.73333vw
}
.cf-header {
	font-size:3.2vw
}
.cf-header span {
	display:block;
	font-size:4.53333vw
}
.cf-label,.cf-input {
	font-size:3.73333vw;
}
.cf-item {
	margin-top:4.8vw
}
.cf-submit {
	font-size:4.26667vw;
	line-height:1.5;
	margin-top:6.66667vw
}
.cf-submit span {
	display:inline-block;
	vertical-align:top;
	font-size:5.33333vw;
	line-height:1.2
}
.ce-header {
	font-size:4.26667vw
}
.cf-follow {
	margin-top:5.33333vw
}
.cf-follow span {
	font-size:3.73333vw
}
.cf-follow a {
	font-size:4.26667vw
}
}.join-banner img {
	display:block;
	width:100%
}
.contact-part {
	display:none
}
.contact-part.active {
	display:block
}

.line-2 {
    height: 2px;
    background-color: #000;
}
.hwcc ol{padding-left:16px;}
.hwcc ol li{list-style: inherit;}
.mt-15 {
    margin-top: 15px;
}
.brand-intro {
	font-size:14px;
	color:#1D1D1D
}
.brand-intro p {
	color:#1D1D1D;
	line-height:30px
}
.list-brand {
	margin-right:-20px;
	margin-left:-20px
}

.brand-item,.brand-item-wrap {
	position:relative
}
.brand-item::before,.brand-item-wrap::before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border:1px solid #e3e3e3
}
.brand-item {
	display:block;
	margin-right:20px;
	margin-left:20px
}
.brand-item-wrap {
	padding:15px;
	background-color:#fff;
	-webkit-transition:transform .3s ease-out;
	transition:transform .3s ease-out
}
.brand-item__img::before {
	padding-top:100%
}
.brand-item__info {
	position:relative;
	padding-right:80px;
	height:62px;
	color:#1D1D1D;
	margin-top:24px
}
.brand-item__title {
	font-size:16px;
	line-height:26px;
	font-weight:400
}
.brand-item__en {
	color:#707070
}
.brand-item__logo {
	position:absolute;
	top:0;
	right:0
}
.brand-item__logo img {
	max-height:40px;
	max-width:60px
}
@media (min-width:1025px) {
	.brand-item:hover .brand-item-wrap {
	-webkit-transform:translate(10px,-10px);
	transform:translate(10px,-10px)
}
}@media (max-width:1024px) {
	.list-brand {
	margin-right:-10px;
	margin-left:-10px
}
.brand-item {
	margin-right:10px;
	margin-left:10px
}
.brand-item__title {
	font-size:14px
}
}@media (max-width:768px) {
	.list-brand>li {
	width:33.3333%
}

.brand-item-wrap {
	padding:10px
}
}@media (max-width:640px) {
	.list-brand>li {
	width:50%
}

.brand-item__info {
	padding-right:0;
	padding-top:40px;
	margin-top:10px;
	height:110px
}
.brand-item__en {
	display:none
}
.brand-item__logo {
	position:absolute;
	top:0;
	left:0
}
.brand-item__logo img {
	height:30px
}
}
.list-default {
	margin-right:-12px;
	margin-left:-12px
}
.list-product>li {
	margin-top:25px
}
.list-product.list>li{margin-bottom:0;}
.product-item {
	display:block;
	padding:60px 40px 30px
}
.product-item__img {
	display:block;
	width:320px;
	max-width:80%;
	margin-right:auto;
	margin-left:auto
}
.product-item__img::before {
	padding-top:100%
}
.product-item__img>img {
	-webkit-transition:transform .75s ease;
	transition:transform .75s ease
}
.product-item__title {
	color:#101010;
	letter-spacing: 1px;
	    height: 27px;
	    text-align: center;
}
.product-item__size {
	margin-top:12px;
	height:24px;
	overflow:hidden;
	text-overflow:ellipsis;
	    letter-spacing: 1px;
}
.product-item__size>span {
	position:relative;
	display:block;
	vertical-align:top;
	margin:0 .5em;
	color:#666;
	font-size: 18px;
	text-align: center;
}
.product-item__size>span::after {
	content:"";
	position:absolute;
	top:50%;
	right:-.5em;
	width:1px;
	height:12px;
	margin-top:-6px;
	background-color:#999
}
.product-item__size>span:first-of-type {
	margin-left:0
}
.product-item__size>span:last-of-type {
	margin-right:0
}
.product-item__size>span:last-of-type::after {
	display:none
}
@media (min-width:1025px) {
	.product-item:hover .product-item__title {
	color:#d40008
}
.product-item:hover .product-item__size>span {
	color:#d40008
}
.product-item:hover .product-item__img>img {
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
}@media (max-width:1024px) {
	.product-item {
	padding:20px 20px 20px
}
.product-item__title {
	font-size:20px
}
}@media (max-width:768px) {
	.list-product>li {
	width:50%
}
.product-item__size>span {
	font-size: 16px;
}
.product-item__img {
	max-width:60%
}

}
@media (max-width:767px) {
.logo img {
    width: auto;
    height: 30px;
    margin-top: 5px
}

}
@media (max-width:640px) {
	.list-product>li {
	width:100%
}
}