@charset "utf-8";
/*---------------- global ----------------*/
.lg, img.lg{
	display: block;
}
	
.xs{
	display: none;
}

img.xs{
	display: none !important;
}

.xs-en-show {
	display: none;
}

#layout{
	
}

.container{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.main{
	width: 1200px;
}

.pd{
	padding-left: 72px;
	padding-right: 72px;
}


/*---------------- public ----------------*/
/* cats */
.cats {
	height: 3.4375vw;
	height: 66px;
	background: #f7f7f7;
	text-align: center;
}

.cats a {
	display: inline-block;
	margin: 25px 30px 0 30px;
	font-size: 21px;
	line-height: 36px;
}

.cats a.link-line:hover, .cats a.link-line.on {
	color: #595757;
}

.cats a.link-line:hover::before, .cats a.link-line.on::before {
	width: 100%;
}

/* list-ctrl */
.list-ctrl {

}

.list-ctrl a {
	float: left;
	display: flex;
	align-items: center;
	font-size: 21px;
	line-height: 36px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.list-ctrl a:nth-child(1) {
	margin-right: 30px;
}

.list-ctrl a svg {
	width: 20px;
	margin-right: 8px;
	fill: #b5b5b6;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}


.list-ctrl a.on svg, .list-ctrl a:hover svg {
	fill: #f4d925;
}

.list-ctrl a.on, .list-ctrl a:hover {
	color: #f4d925;
}

/* public list */
.public-list {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	display: none;
}

.public-list.on {
	opacity: 1 !important;
}

.pl-item {
	width: 100%;
	height: 78px;
	float: left;
	margin-bottom: 12px;
	padding: 0 40px 0 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 15px;
	background: #f9f9f9;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.pl-item:hover {
	background: #fcf3d0;
}

.pl-item i {
	width: 35px;
	height: 35px;
	display: block;
	background: url(../images/svg/list_file.svg) no-repeat 0 0;
	background-size: auto 100%;
}

.pl-item h3 {
	flex: 1;
	padding: 0 30px;
	text-overflow: ellipsis;
}

.pl-item h3 a:nth-child(2) {
	margin-left: 35px;
}

.pl-item h3 a {
	color: #595757;
	font-size: 21px;
}

.pli-more {
	padding: 0 50px 0 0;
	background: url(../images/svg/arrow_news_more.svg) no-repeat right center;
	background-size: auto 18px;
	opacity: 0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.pl-item:hover .pli-more {
	opacity: 1;
}


/* pages */
.pages {
	width: 100%;
	height: 60px;
	margin: 0 0 60px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	text-align: center;
	line-height: 60px;
}

.pages.xs {
	display: none;
}

.pages span {
	margin: 0 20px;
}

.pages a {
	width: 18px;
	height: 26px;
	margin: 2px 20px 0 20px;
	display: inline-block;
	background: no-repeat 0 0;
	background-size: 100%;
}

.pages a.prev {
	background-image: url(../images/page_prev.png);
}

.pages a.next {
	background-image: url(../images/page_next.png);
}

/* slide bg box */
.slide-bg-box {
	width: 100%;
	height: 100vh;
	overflow: hidden !important;
}

.slide-bg-box img {
	width: 100%;
	display: block;
}

.full-bg-box img {
	height: 100%;
	object-fit: cover;
}

/*---------------- over layer show ----------------*/
.over-layer-show {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99990;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(89, 87, 87, 0.55);
	opacity: 0;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	display: none;
}

.over-layer-show.show {
	opacity: 1;
}

.over-layer-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9990;
}

.ols-container {
	width: 76.5vw;
	height: 76.5vh;
	padding: 4.2vw;
	position: relative;
	background: #ffffff;
	border-radius: 15px;
	z-index: 99992;
}

.ols-close {
	width: 3.125vw;
	height: 3.125vw;
	display: block;
	position: absolute;
	right: 4.2vw;
	top: 4.2vw;
	background: url(../images/svg/close.svg) no-repeat 0 0;
	background-size: 100%;
	z-index: 99999;
}

.ols-close.xs {
	display: none;
}

.ols-content {
	width: 66.8vw;
	height: calc(76.5vh - 3.5vw - 8.4vw);
	margin-top: 3.5vw;
}

.ols-content img {
	max-width: 100%;
}

.ols-images .ols-close {
	right: 48.4375vw;
	top: auto;
	bottom: 5vh;
}

.ols-images .ols-prev, .ols-images .ols-next {
	width: 42px;
	height: 42px;
	margin-top: -21px;
	display: block;
	background: no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 50%;
	z-index: 9999;
}

.ols-images .ols-prev {
	left: 10%;
	background-image: url(../images/svg/arrow_prev_yellow.svg);
}

.ols-images .ols-next {
	right: 10%;
	background-image: url(../images/svg/arrow_next_yellow.svg);
}

.ols-images-container {
	width: 80vw;
	height: 68.5vh;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 10vh;
}

.ols-images-container img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}


/*---------------- floating layer ----------------*/
#gotop {
	width: 3.125vw;
	height: 3.125vw;
	position: fixed;
	right: 3.125vw;
	bottom: 3.125vw;
	z-index: 9999;
}

#gotop a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f2f2f2;
	background: #f4d925;
	border-radius: 50%;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
}

#gotop a:hover {
	background: #f4d925;
}


#gotop a svg {
	width: 1.8vw;
	height: auto;
	display: block;
	fill: #595757;
	fill: #004987;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
}

#gotop a:hover svg {
	fill: #004987;
}



/*---------------- header ----------------*/
.header {
	width: 100%;
	height: 115px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	overflow: visible;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
}

.logo {
	width: auto;
	float: left;
	margin: 36px 0 0 0;
}

.logo a {
	width: 234px;
	height: 50px;
	display: block;
	background: url(../images/logo.svg) no-repeat 0 0;
	background-size: 100%;

}

.lan {
	float: right;
	margin-top: 60px;
}

.lan li {
	float: left;
	margin-left: 47px;
	color: #ffffff;
	font-size: 21px;
	line-height: 28px;
}

.lan li a {
	color: #ffffff;
	font-size: 21px;
}

.top-search {
	width: 26px;
	height: 21px;
	display: block;
	margin-top: 5px;
	background: url(../images/icon_search.png) no-repeat 0 0;
	background-size: 100%;
}

.nav {
	float: right;
	margin-top: 60px;
	overflow: visible;
}

.nav li {
	width: auto;
	height: 55px;
	float: left;
	margin-left: 47px;
	position: relative;
	overflow: visible;
}

.nav li a.max-nav {
	color: #ffffff;
	font-size: 21px;
	line-height: 25px;
}

.sub-nav {
	width: auto;
	height: auto;
	padding: 10px 25px 16px 25px;
	position: absolute;
	left: 50%;
	top: 55px;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
	opacity: 0;
	transform: translate3d(-50%, 30px, 0);
	-webkit-transform: translate3d(-50%, 30px, 0);
	-ms-transform: translate3d(-50%, 30px, 0);
	-moz-transform: translate3d(-50%, 30px, 0);
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	display: none;
}

.sub-nav.show{
	opacity: 1;
	transform: translate3d(-50%, 0, 0);
	-webkit-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
}

.sub-nav a {
	padding: 0 10px 5px 10px;
	position: relative;
	font-size: 21px;
	line-height: 47px;
	white-space: nowrap;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.sub-nav a::after {
	content: " ";
	width: 0%;
	height: 2px;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #f4d925;
	transform: translate3d(-50%, 0, 0);
	-webkit-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.sub-nav a:hover::after {
	width: 100%;
}


.sub-nav-products {
	width: 62.5vw;
	height: calc(100vh - 115px);
	padding: 3vw 5.2vw;
	padding-right: 3vw;
	justify-content: space-between;
	position: fixed;
	right: 0;
	top: 115px;
	background: rgba(95, 95, 95, 0.85);
	opacity: 0;
	transform: translate3d(0, 30px, 0);
	-webkit-transform: translate3d(0, 30px, 0);
	-ms-transform: translate3d(0, 30px, 0);
	-moz-transform: translate3d(0, 30px, 0);
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	display: none;
	color: #ffffff;
}

.sub-nav-products a {
	color: #ffffff;
}

.sub-nav-products.show{
	opacity: 1;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}

.sub-nav-products-scroll {
	width: 100%;
	height: 100%;
	padding-right: 2.2vw;
}

.snps-content {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
}

.snp-list {
	width: 24vw;
	
}

.snpl-title {
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 50px 0;
	font-size: 21px;
	line-height: 120%;
}

.snpl-item{
	width: 100%;
	height: auto;
	float: left;
	margin: 75px 0 0 0;
}

.snpl-item:nth-child(2) {
	margin: 0;
}

.snpl-item img {
	width: 13.28vw;
	margin: 0 1.3vw 0 0;
	float: left;
	display: block;
}

.snpl-item h4 {
	margin: 0.52vw 0 0.78vw 0;
	font-size: 21px;
	line-height: 120%;
}

.snpl-item h4 span{
	color: #f4d925;
}

.snpl-item p a {
	width: 8.4vw;
	height: 1.8vw;
	display: block;
	margin: 0 0 0.73vw 0;
	background: #a8a7a8;
	border-radius: 0.9vw;
	font-size: 17px;
	text-align: center;
	line-height: 1.8vw;
}

/* header small */
.header.small {
	background: rgba(255, 255, 255);
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.header.small .logo a {
	background-image: url(../images/logo_color.svg);
}

.header.small a.max-nav, .header.small .lan a{
	color: #595757;
}

.header.small a.max-nav:hover, .header.small a.max-nav.on, .header.small .lan a:hover{
	color: #004987;
}

.header.small .top-search {
	background-image: url(../images/icon_search_grey.png);
}

/*---------------- footer ----------------*/
.footer {
	padding-top: 100px;
	padding-bottom: 110px;
	padding-bottom: 0;
	background: #ddddde;
}

.xs-footer {
	display: none;
}

.ft-left {
	float: left;
	overflow: visible;
}

.ft-info {

}

.ft-info h3 {
	margin: 0 0 14px 0;
	font-size: 25px;
	letter-spacing: 20px;
}

.ft-info p {
	font-size: 20px;
	line-height: 36px;
}

.ft-mp {
	width: 190px;
	margin: 42px 0 50px 0;
}

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

.ft-mp p {
	font-size: 26px;
	text-align: center;
}

.ft-right {
	float: right;
	display: flex;
	flex-direction: column;
}

.ft-nav {
	display: flex;
	justify-content: space-between;
}

.ft-nav dl {
	margin-left: 74px;
	text-align: center;
}

.ft-nav dl:nth-child(1) {
	margin-left: 0;
}

.ft-nav dl dt {
	margin: 0 0 10px 0;
	font-size: 25px;
}

.ft-nav dl dd {
	font-size: 20px;
	line-height: 46px;
}

.ft-bottom {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 110px;
	display: flex;
	justify-content: space-between;
	background: #ddddde;
	overflow: visible;
}

.ft-sns {
	overflow: visible;
}

.ft-sns a.icon_sns {
	width: 50px;
	height: 50px;
	display: block;
	float: left;
	position: relative;
	margin-right: 37px;
	background: no-repeat center center;
	background-size: 100%;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	overflow: visible;
}

.ft-sns a.icon_sns img {
	width: 120px;
	height: auto;
	padding: 5px;
	margin-left: -60px;
	position: absolute;
	left: 50%;
	top: -140px;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	display: none;
}

.ft-sns a.icon_sns:hover img {
	display: block;
}

.ft-sns a.icon_sns_facebook {
	background-image: url(../images/sns/icon_facebook_gray.svg);
}

.ft-sns a.icon_sns_twitter {
	background-image: url(../images/sns/icon_twitter_gray.svg);
}

.ft-sns a.icon_sns_ins {
	background-image: url(../images/sns/icon_ins_gray.svg);
}

.ft-sns a.icon_sns_youtube {
	background-image: url(../images/sns/icon_youtube_gray.svg);
}

.ft-sns a.icon_sns_wechat {
	background-image: url(../images/sns/icon_wechat_gray.svg);
}

.ft-sns a.icon_sns_weibo {
	background-image: url(../images/sns/icon_weibo_gray.svg);
}

.ft-sns a.icon_sns_douyin {
	background-image: url(../images/sns/icon_douyin_gray.svg);
}

.ft-sns a.icon_sns_linkedin {
	background-image: url(../images/sns/icon_linkedin_gray.svg);
}

.ft-sns a.icon_sns_facebook:hover {
	background-image: url(../images/sns/icon_facebook_yellow.svg);
}

.ft-sns a.icon_sns_twitter:hover {
	background-image: url(../images/sns/icon_twitter_yellow.svg);
}

.ft-sns a.icon_sns_ins:hover {
	background-image: url(../images/sns/icon_ins_yellow.svg);
}

.ft-sns a.icon_sns_youtube:hover {
	background-image: url(../images/sns/icon_youtube_yellow.svg);
}

.ft-sns a.icon_sns_wechat:hover {
	background-image: url(../images/sns/icon_wechat_yellow.svg);
}

.ft-sns a.icon_sns_weibo:hover {
	background-image: url(../images/sns/icon_weibo_yellow.svg);
}
.ft-sns a.icon_sns_douyin:hover {
	background-image: url(../images/sns/icon_douyin_yellow.svg);
}

.ft-sns a.icon_sns_linkedin:hover {
	background-image: url(../images/sns/icon_linkedin_yellow.svg);
}

.copyright {
	margin-top: 0;
	font-size: 20px;
	text-align: center;
	line-height: 44px;
}

.ad-logo img {
	height: 55px;
}

/*---------------- banner ----------------*/
.banner {
	width: 100%;
	height: auto;
	position: relative;
}

.banner * {
	overflow: visible;
}

.banner img {
	width: 100%;
	display: block;
}

.swiper-wrapper, .swiper-wrapper * {
	overflow: visible;
}

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

.swiper-page {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 55px;
	z-index: 100;
	text-align: center;
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 32px;
	background: none;
	border: 1px solid #7b7a78;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: #7b7a78;
}

.white-banner {
	height: 115px;
	background: #ffffff;
}

.sbanner {
	width: 100%;
	height: auto;
	position: relative;
}

.sbanner img {
	width: 100%;
	display: block;
}

/*---------------- home ----------------*/
.home-banner {
	height: 100vh;
}

.home-banner .swiper-slide {
	height: 100%;
}

.home-banner .swiper-slide div.lg {
	width: 100%;
	height: 100%;
}

.home-banner .swiper-slide img, .home-banner .swiper-slide video {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	overflow: hidden;
}

.home-block-title {
	width: 100%;
	color: #595757;
	font-size: 52px;
	line-height: 62px;
	overflow: visible;
}

.home-block-title span {
	font-size: 45px;
}

/* home count */
.home-count, .home-count ul {
	width: 100%;
	height: auto;
}

.home-count ul li {
	width: 25%;
	height: auto;
	float: left;
	position: relative;
}

.home-count ul li img {
	width: 100%;
	display: block;
}

.hc-text {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #ffffff;
	text-align: center;
}

.hc-text h3 {
	width: 100%;
	height: auto;
	font-size: 59px;
	font-family: "sy-b";
	line-height: 120%;
}

.hc-text h3 span {
	font-family: "sy-b";
}

.hc-text h3 i {
	font-family: "sy-b";
	font-style: normal;
	font-size: 0.7em;
}

.hc-text p {
	width: 100%;
	height: auto;
	font-size: 28px;
	line-height: 82px;
}


/* home products */
.home-products {
	height: auto;
	background: #efefee;
	display: flex;
}

.hp-info {
	width: 34%;
	padding-top: 70px;
	padding-bottom: 70px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.hpi-content {
	width: 100%;
}

.hpi-content p {
	width: 100%;
	color: #595757;
	font-size: 25px;
	text-align: justify;
	line-height: 40px;
}

.hpi-content a {
	float: right;
	margin-top: 60px;
}

.hp-pic-box {
	width: 66vw;
	height: auto;
	display: flex;

}

.hp-pic {
	width: 22vw;
	height: auto;
	position: relative;
}

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

.hp-pic a {
	position: absolute;
	left: 2.6042vw;
	top: 4vw;
	top: 3.9583vw;
	color: #ffffff;
	font-size: 21px;
}

/* home video */
.home-video {
	padding-left: 3.75vw;
	padding-right: 3.75vw;
	padding-top: 10px;
	padding-bottom: 83px;
}

.home-video p {
	margin: 70px 0 64px 0;
	color: #595757;
	font-size: 25px;
	text-align: center;
	line-height: 40px;
}

.home-video video, .home-video img {
	width: 100%;
	display: block;
}

.home-s4-video {
	width: 100%;
	height: auto;
	position: relative;
}

.home-video ul {
	display: flex;
	justify-content: space-between;
}

.home-video ul li img, .home-video ul li video {
	max-width: 100%;
}

.hv-dot {
	width:  2.6vw;
	height: 2.6vw;
	position: absolute;
	overflow: visible;
	cursor: pointer;
}

.hv-dot:hover {
	width: 4vw;
}

.hv-dot a {
	width: auto;
	height: 2vw;
	display: none;
	margin: 0.3vw 0 0 3.6vw;
	padding: 0 1.2vw;
	background: rgba(245, 206, 47, 0.75);
	border-radius: 1vw;
	color: #004987;
	font-size: 14px;
	line-height: 2vw;
	white-space: nowrap;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	opacity: 0;
}

.hv-dot.show a {
	display: inline-block;
	opacity: 1;
}

/* home news */
.home-news {
	width: 100%;
	height: auto;
	background: url(../images/home_news_bg.png) no-repeat right bottom;
}

.hn-info {
	width: 34%;
	float: left;
}

.hn-content {
	margin: 80px 0 0 0;
	color: #595757;
	font-size: 20px;
	line-height: 40px;
}

.hn-cats {
	width: 434px;
	height: 129px;
	margin: 150px auto 210px auto;
	padding: 50px 0 0 0;
	background: url(../images/home_news_cat.png) no-repeat 0 0;
	background-size: 100%;
	font-size: 26px;
	text-align: center;
	line-height: 36px;
}

.hn-cats a {
	color: #595757;
}

.hn-ctrl {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.hnc-page {
	color: #595757;
	font-size: 168px;
	font-weight: 100;
	line-height: 168px;
}

.hnc-arrow {
	margin-top: 33px;
	display: flex;
	align-items: center;
}

.hnc-arrow a {
	width: 90px;
	height: 57px;
	display: block;
	background: no-repeat 0 0;
	background-size: 100%;
}

.hnc-arrow a.hnc-prev {
	margin-right: 63px;
	background-image: url(../images/home_news_arrow_l.png);
}

.hnc-arrow a.hnc-next {
	background-image: url(../images/home_news_arrow_r.png);
}

.hn-list {
	width: 66%;
	position: relative;
}

.hn-list * {
	overflow: visible;
}

.hn-item, .hn-item * {
	overflow: hidden;
}

.hn-list::before {
	content: " ";
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: -30px;
	background: #b4b2b2;
	opacity: 0;
}

.hn-item {
	width: 33vw;
	height: auto;
	padding: 110px 0 0 60px;
	position: relative;
	color: #595757;
}

.hn-item::before {
	content: " ";
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: -30px;
	background: #b4b2b2;
}

.hn-item h3 {
	font-size: 66px;
	line-height: 96px;
}

.hn-item h4 {
	height: 38px;
	padding-right: 5.5729vw;
	font-size: 25px;
	line-height: 150%;
}

.hn-item p {
	height: 75px;
	margin: 16px 0 55px 0;
	padding-right: 5.5729vw;
	font-size: 15px;
	line-height: 25px;
}

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

/* home rss */
.home-rss {
	width: 1500px;
	margin: 78px auto 135px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: visible;
}

.hr-title {
	font-size: 46px;
}

.hr-box {
	overflow: visible;
}

.hr-box h4 {
	margin-bottom: 38px;
	font-size: 22px;
	line-height: 120%;
}

.hrb-form {
	width: 866px;
	height: 92px;
	border-bottom: 1px solid #8b8a8a;
	position: relative;
}

.hrb-form::after {
	content: " ";
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #c7c7c7;
}

.hrb-form input {
	width: 750px;
	height: 100%;
	background: none;
	border: 0;
	color: #595757;
	font-size: 22px;
	line-height: 90px;
}

.hrb-form a {
	width: 66px;
	height: 66px;
	float: right;
	display: block;
	background: url(../images/btn_rss_arrow.png) no-repeat center center #c9cacb;
	border-radius: 50%;
}


/*---------------- about ----------------*/
.about-cats {
	width: 100%;
	height: 68px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background: #f8f8f8;
}

.about-cats a {
	margin: 0 32px;
	font-size: 21px;
	line-height: 36px;
}

.about-cats a:hover, .about-cats a.on {
	color: #595757;
}

.about-cats a:hover::before, .about-cats a.on::before {
	width: 100%;
}

.about-company {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.about-company::before {
	content: " ";
	width: 38.5417vw;/* 740px */
	height: 13.5417vw;/* 260px */
	display: block;
	position: absolute;
	left: 0;
	top: 33.3333vw;/* 640px */
	z-index: 1;
	background: #efefef;
}

.about-company::after {
	content: " ";
	width: 21.3542vw;/* 410 */
	height: 15.3646vw;/* 295px */
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	background: #efefef;
}

.ac-banner {
	width: 35vw;
	z-index: 2;
}

.ac-banner .pages {
	margin-top: 1.0417vw;
}

.ac-content {
	width: 37.8vw;
	position: relative;
	z-index: 2;
	margin-top: 8.7188vw;
	font-size: 18px;
	line-height: 32px;
}

.ac-content a {
	color: #f4d925;
}

.acc-title {
	margin: 0 0 25px 0;
	font-size: 28px;
	line-height: 150%;
}

#about-scroll-box {
	height: 27vw;
	padding-right: 40px;
}

.ac-pic {
	width: 19vw;
	margin-top: 9.1146vw;/* 175px */
	z-index: 2;
}

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

.ac-more {
	width: 17.1875vw;
	height: 6.875vw;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 35vw;
	top: 40vw;
	z-index: 2;
	background: #f4d925;
	color: #595757;
	font-size: 28px;
}

/* about count */
.about-count {
	width: 100%;
	height: 28.9vw;
	padding: 0 5.2vw;
	background: url(../images/about_count_bg.png) no-repeat center center;
	background-size: cover;
}

.about-count ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

.about-count ul li {
	width: 20vw;
	height: auto;
	margin-top: 115px;
	margin-top: 5.9896vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #004987;
	text-align: center;
}

.about-count ul li h3 {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	font-size: 54px;
	font-family: "sy-b";
	line-height: 120%;
}

.about-count ul li h3 span {
	font-family: "sy-b";
}

.about-count ul li h3 i {
	font-style: normal;
	font-family: "sy-b";
	font-size: 0.8em;
}

.about-count ul li p {
	width: 100%;
	height: auto;
	font-size: 26px;
	line-height: 120%;
}

/* about auth container */
.about-auth {
	position: relative;
}

.about-auth::before {
	content: " ";
	width: 84.775vw; /* 83.4 + 8.3 - 6.925 */
	width: 84.3vw;
	height: 48.2vw;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #f7f6f5;
}

.about-auth-container {
	width: 83.5vw;
	height: auto;
	margin: 5.7292vw auto 4.1667vw auto;
	padding: 0 3vw 0 0;
}

.about-auth-container h3 {
	margin-bottom: 25px;
	font-size: 28px;
	line-height: 120%;
}

.about-auth-container p {
	font-size: 18px;
	line-height: 200%;
}

.aac-info {
	width: 32vw;
	float: left;
}

.aac-tag {
	width: 45vw;
	float: right;
	position: relative;
	z-index: 210;
}

.aac-tag p a {
	width: auto;
	height: 40px;
	display: inline-block;
	float: left;
	margin: 0 18px 18px 0;
	padding: 0 20px;
	border: 1px solid #595757;
	border-radius: 20px;
	font-size: 18px;
	line-height: 38px;

}

.aac-banner {
	width: 83.4vw;
	height: auto;
	margin: 0 auto 9.375vw auto;
	position: relative;
}

.aac-banner .pages {
	width: 13.85vw;
	height: 6vw;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 100;
	background: #004987;
}

.aac-banner .pages::before {
	content: " ";
	width: 1px;
	height: 65%;
	display: block;
	background: #ffffff;
	position: absolute;
	left: 50%;
	top: 17.5%;
}

.aac-banner .pages a {
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: none;
}

.aac-banner .pages a svg {
	width: 20px;
	fill: #ffffff;
}

.acc-pic {
	width: 15.7vw;
	position: absolute;
	left: 84.3vw;/* 与 aac before宽度相同 */
	bottom: 15.375vw;
	z-index: 200;
}

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

/* about worth */
.about-worth {
	width: 100%;
	height: auto;
	position: relative;
}

.aw-bg {
	width: 100%;
	display: block;
}

.aw-title {
	position: absolute;
	left: 59vw;
	top: 2.6042vw;
	font-size: 48px;
	font-weight: bold;
}
.aw-info {
	width: 31.25vw;
	height: auto;
	position: absolute;
	left: 7.6vw;
	bottom: 5.7vw;
}

.awi-title {
	margin: 0 0 18px 0;
	font-size: 48px;
	line-height: 120%;
}

.awi-content {
	margin: 0 0 4.6875vw 0;
	font-size: 24px;
	line-height: 200%;
}

.aw-icon {
	position: absolute;
	display: block;
	justify-content: center;
	text-align: center;
}

.aw-icon img {
	display: block;
}

.aw-icon p {
	margin: 5px 0 0 0;
	font-size: 24px;
	line-height: 200%;
}

.awi-1 {
	left: 54.1146vw;
	top: 8.125vw;
}

.awi-2 {
	left: 68.5938vw;
	top: 8.125vw;
}

.awi-3 {
	left: 47.1354vw;
	top: 42.5vw;
}

.awi-4 {
	left: 61.4583vw;
	top: 42.5vw;
}


/* about client */
.about-client {
	background: #f7f7f7;
}

.about-client p{
	width: 100%;
	margin: 80px 0 70px 0;
	font-size: 28px;
	line-height: 36px;
	text-align: center;
}

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

/*---------------- team ----------------*/
.team-container {
	width: 100%;
	height: auto;
	background: url(../images/team_bg.png) no-repeat 0 -200px #f7f6f5;
	background-size: 100%;
}

.team-list {
	width: 88.5vw;
	margin: 6.25vw auto;
	display: flex;
	justify-content: space-between;
	column-gap: 1vw;
	row-gap: 2.8vw;
	flex-wrap: wrap;
}

.team-item {
	width: 21.375vw;
}

.team-item p {
	margin: 15px 0 0 0;
	font-size: 22px;
	line-height: 28px;
}

/* team show */
.ols-team {
	font-size: 28px;
	line-height: 36px;
}

.ols-team-pic {
	width: 29.4vw;
	height: auto;
	position: absolute;
	right: 5vw;
	top: 2.5vw;
	pointer-events: none;
}

.ols-team-title {
	margin: 7.2vw 0 0 0;
	color: #f4d925;
	font-size: 60px;
	line-height: 120%;
}

.ols-team-subtitle {
	margin: 25px 0 35px 0;
	font-size: 36px;
	line-height: 120%;
}

.ols-team-info {
	margin-bottom: 30px;
	font-size: 28px;
	line-height: 36px;
}

.ols-team-honor {
	color: #f4d925;
	font-size: 28px;
	line-height: 36px;
}


/*---------------- history ----------------*/
.history {
	height: 1260px;
	height: 65.625vw;
	height: auto;
	background: url(../images/history_bg.png) no-repeat left bottom;
	background-size: cover;
}

.history-title {
	width: 1600px;
	width: 83.3333vw;
	height: auto;
	margin: 115px auto 0 auto;
	font-size: 52px;
	line-height: 62px;
}

.history-title span{
	font-size: 45px;
}

.history-list {
	width: 1755px;
	width: 91.4063vw;
	height: auto;
	margin: 0 auto 75px auto;
	margin: 0 auto 3.9063vw auto;
	padding-top: 200px;
	padding-top: 10.4167vw;
	position: relative;
	background: url(../images/history_pic.png) no-repeat center top;
	background-size: 90%;
}

.history-list::before {
	content: " ";
	width: 1680px;
	width: 87.5vw;
	height: 3px;
	display: block;
	margin-left: -43.75vw;
	position: absolute;
	left: 50%;
	top: 206px;
	top: 10.73vw;
	background: #f4d925;
}
/*
.history-list::after {
	content: " ";
	width: 1px;
	height: 34.1146vw;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #c0c1c1;
}
*/
.hil-arrow {
	width: 20px;
	height: auto;
	display: block;
	position: absolute;
	top: 9.375vw;
}

.hil-prev {
	left: 0;
}

.hil-next {
	right: 0;
}

.hil-arrow svg {
	width: 100%;
	display: block;
	fill: #595757;
}

.hil-arrow:hover svg {
	fill: #f4d925;
}

.history-list .swiper-container {
	width: 90vw;
	margin: 0 auto;
}

.history-item {
	width: 345px;
	width: 18vw;
	height: auto;
	float: left;
}

.hi-year {
	width: 100%;
	padding: 0 1.6vw;
	margin: 0 0 30px 0;
	margin: 0 0 1.5625vw 0;
	font-size: 48px;
	line-height: 120%;
	text-align: right;
}

.hi-year span {
	display: inline-block;
	padding-top: 25px;
	padding-top: 1.3021vw;
	position: relative;
}

.hi-year span::before {
	content: " ";
	width: 16px;
	height: 16px;
	display: block;
	margin-left: -8px;
	position: absolute;
	left: 50%;
	top: 0;
	background: #595757;
	border-radius: 50%;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.history-item:hover .hi-year span::before{
	background: #f4d925;
}

.hi-content {
	width: 100%;
	height: 655px;
	height: 34.1146vw;
	position: relative;
	overflow: hidden;
}

.hi-content::before, .history-item:nth-child(1) .hi-content::after {
	content: " ";
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: #c0c1c1;
}

.history-item:nth-child(1) .hi-content::after {
	right: auto;
	left: 0;
}

.hic-scroll {
	width: 100%;
	height: 100%;
	padding: 1.3021vw 0;
}

.hic-box {
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 5.2083vw 0;
	padding: 0 1.6vw;
}

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

.hic-box p{
	width: 100%;
	margin-top: 1vw;
	font-size: 18px;
	line-height: 28px;
}

/*---------------- auth ----------------*/
.auth {
	min-height: 46vw;
	padding: 45px 0 55px 0;
	padding: 2.3438vw 0 2.8646vw 0;
}

.auth-left {
	width: 495px;
	width: 25.7813vw;
	height: auto;
	float: left;
	margin-top: 124px;
	margin-top: 6.4583vw;
	position: absolute;
}

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

.auth-cats {
	width: 200px;
	width: 10.4167vw;
	height: auto;
	position: absolute;
	left: 295px;
	left: 15.3646vw;
	top: 0;
	font-size: 24px;
	line-height: 200%;
}

.auth-cats a {
	padding-right: 25px;
}

.auth-cats a:hover, .auth-cats a.on {
	background: url(../images/icon_qa_open.png) no-repeat right center;
	background-size: 15px;
	color: #f4d925;
}

.auth-left .pages {
	margin: 10px 0 0 0;
	justify-content: flex-end;
}

.auth-right {
	width: 1180px;
	width: 61.5vw;
	height: auto;
	float: right;
	margin-right: 120px;
	margin-right: 6.25vw;
}


.auth-right .list-ctrl {
	float: right;
}


.auth-title {
	margin: 10px 0 30px 0;
	font-size: 48px;
	font-family: "sy-m";
	line-height: 120%;
}

.auth-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 1.04vw;
	opacity: 0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.auth-list.on {
	opacity: 1;
}

.auth-item {
	width: 280px;
	width: 14.5833vw;
	float: left;
	display: flex;
	align-items: center;
	flex-direction: column;
	font-size: 18px;
	line-height: 200%;
}

.auth-item .thumb {
	width: 240px;
	width: 12.5vw;
	border: 1px solid #ababac;
	box-sizing: content-box;
}

.auth-item p {
	width: 100%;
	height: 72px;
	margin: 30px 0 0 0;
	text-align: center;
}

.auth .public-list {
	width: 100%;
	float: left;
	margin: 0;
}


/*---------------- dev ----------------*/
.dev-banner {
	width: 80.72vw;
	height: auto;
	position: absolute;
	left: 9.64vw;
	bottom: 4.1667vw;
	display: flex;
	justify-content: space-between;
	color: #ffffff;
	line-height: 48px;
}

.db-item {
	width: auto;
}

.dev-banner h3 {
	width: auto;
	height: auto;
	font-size: 26px;
}

.dev-banner p {
	width: auto;
	height: auto;
	font-size: 23px;
	line-height: 200%;
}

.dev-container {
	width: 1450px;
	width: 75.5208vw;
	height: auto;
	margin: 5.2083vw auto;
}

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

.dev-title {
	margin: 1.5625vw 0 1.3021vw 0;
	font-size: 28px;
	line-height: 36px;
	text-align: center;
}

.dev-info {
	font-size: 18px;
	line-height: 28px;
	text-align: center;
}

.dev-icon {
	width: 100%;
	padding: 3.125vw 0 12.5vw 0;
	background: url(../images/dev_footer.png) no-repeat 0 bottom;
	background-size: 100%;
}

.dev-icon-box {
	width: 72vw;
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 9.3vw;
	row-gap: 6.25vw;
}

.di-item {
	width: 17.8vw;
	height: auto;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.di-item h3 {
	width: auto;
	height: 46px;
	padding: 0 40px;
	background: #fcf3d0;
	border-radius: 23px;
	font-size: 30px;
	text-align: center;
}

.di-item img {
	display: block;
	margin: 28px 0 20px 0;
}

.di-item p {
	font-size: 22px;
	line-height: 40px;
	text-align: center;
}

/* show */
.ols-dev {
	width: 1200px;
	height: 100%;
	padding-left: 125px;
	padding-right: 75px;
	padding-left: 6.5104vw;
	padding-right: 3.9063vw;
	border-radius: 0;
}

.ols-dev .ols-content {
	width: 100%;
	height: calc(100vh - 8.4vw - 27px - 90px);
	margin-top: 0;
}

.ols-dev-tag {
	padding-left: 25px;
	background: url(../images/icon_tag.png) no-repeat left center;
	color: #c9caca;
	font-size: 18px;
}

.ols-dev-title {
	margin: 10px 0 25px 0;
	font-size: 36px;
	font-family: "sy-m";
}

.ols-dev-title span {
	margin-right: 15px;
	color: #004987;
}

.ols-dev-info {
	margin-bottom: 40px;
	font-size: 18px;
	line-height: 32px;
}



/*---------------- tech ----------------*/
.tech {
	height: 100vh;
	position: relative;
	background: #f7f6f5;
}

.tech .swiper-page {
	width: 24px;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: auto;
	right: 3.2292vw;
	top: 115px;
}

.tech .swiper-page  .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	margin: 1.7188vw 0;
	background: #c5c6c6;
	border: 0;
}

.tech .swiper-page  .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 22px;
	height: 22px;
	background: none;
	border: 1px solid #9a9b9b;

}

.tech-page {
	width: 100%;
	height: 110vh !important;
	background: #f7f6f5;
}

.tech-svg-img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.tech-svg-img img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: contain;
}

.tech-svg-img img.svg-change-color {
	opacity: 0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.tech-svg-img.on img.svg-change-color {
	opacity: 1;
}

.tech-bg {
	width: 100%;
	display: block;
	margin-top: -45px;
}

.tech-box {
	width: 37.5vw;
	height: auto;
	position: absolute;
	margin-top: -45px;
}

.tech-title {
	margin-bottom: 1.8229vw;
	font-size: 40px;
	line-height: 125%;
}

.tech-title span {
	font-size: 36px;
}

.tech-content {
	font-size: 18px;
	line-height: 32px;
}

/* tp1 */
.tp-1 .tech-box {
	left: 7.2917vw;
	top: 35vh;
}

/* tp2 */
.tp2-container {
	width: 80.7292vw; /* 1550 */
	height: 100vh;
	margin: 0 auto 0 auto;
	padding: 8vw 0 0 4.6875vw;
	position: relative;
	overflow: visible;
}

.tp2-container::before {
	content: " ";
	width: 24.4792vw;
	height: 16.4063vw;
	display: block;
	background: #f4d925;
	position: absolute;
	left: 44.5313vw; /* 855 */
	top: 0;
	z-index: -1;
}

.tp2-tab-title-box {
	width: 100%;
	width: 61.4583vw;
	height: auto;
	margin-bottom: 1.6vw;
	display: flex;
	justify-content: center;
}


.tp2-tab-title {
	width: auto;
	height: 32px;
	display: inline-block;
	background: #ffffff;
	border-radius: 16px;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.tp2-tab-title i {
	width: 0;
	height: 100%;
	display: inline-block;
	border-radius: 16px;
	background: #f4d925;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.tp2-tab-title a {
	width: auto;
	height: 100%;
	display: inline-block;
	padding: 0 25px;
	margin-left: 20px;
	border-radius: 16px;
	position: relative;
	z-index: 3;
}

.tp2-tab-title a:nth-child(2) {
	margin-left: 0;
}

.tp2-tab-title a.on {
	color: #595757;
}


.tp2-box {
	overflow: hidden;
}

.tp2-tab-banner {
	position: relative;
	opacity: 0;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
}

.tp2-tab-banner.on {
	opacity: 1;
}

.tp2-tab-banner .swiper-container {
	width: 1180px;
	width: 61.4583vw;
	overflow: hidden;
}

.tp2-tab-banner img {
	width: 100%;
	display: block;
	float: left;
}

.tp2-tab-banner p {
	width: 100%;
	height: 32px;
	float: left;
	margin-top: 15px;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
}

.tp2-ctrl {
	width: 14.8438vw;
	height: 84px;
	position: absolute;
	right: 0;
	bottom: 47px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f4d925;
}

.tp2-ctrl .pages {
	margin: 0;
}

/* tp3 */
.tp-3 .tech-box {
	left: 8.4vw;
	top: 41vh;
}

/* tp4 */
.tp4-container {
	width: 92.6vw;
	height: 100%;
	margin: 0 auto;
	padding-top: 115px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tp4-box {
	position: relative;
}

.tp4-box::before {
	content: " ";
	display: block;
	position: absolute;
}

.tp4b-1 {
	width: 27.35vw;
}

.tp4b-1::before {
	width: 10.1563vw;
	height: 10.1563vw;
	background: #f4d925;
	right: 0;
	bottom: 4.28vw;
}

.tp4b-2 {
	width: 32vw;
}

.tp4b-2::before {
	width: 20vw;
	height: 22vw;
	background: url(../images/tp4_banner2_bg.png) no-repeat right top;
	background-size: auto 100%;
	right: 0;
	bottom: 7.88vw;
}

.tp4b-3 {
	width: 26.82vw;
}

.tp4b-3::before {
	width: 5vw;
	height: 15vw;
	background: #f4d925;
	right: 0;
	bottom: 7.88vw;
}

.tp4-box h3 {
	margin-bottom: 4vw;
	font-size: 50px;
	line-height: 54px;
	font-weight: bold;
}

.tp4-banner {
	width: 23.4375vw;
	height: auto;
	overflow: hidden;
}

.tp4-banner p {
	width: 100%;
	height: 3.6vw;
	font-size: 18px;
	line-height: 3.6vw;
	text-align: center;
	overflow: hidden;
}

.tp4-ctrl {
	width: 15vw;
	height: 4.28vw;
	margin-left: 4.21875vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f4d925;
}

.tp4-ctrl .pages {
	margin: 0;
}

/* tp5 */
.tp-5 .tech-bg {
	margin-top: -60px;
}

.tp-5 .tech-box {
	left: 10.4167vw;
	top: 45vh;
}

/*---------------- products category ----------------*/
.products-category {
	height: 100%;
	position: relative;
}

.pc-container {
	width: 100%;
	height: 100%;
	padding-top: 10vw;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #ffffff;
}

.pc-page {
	height: 100% !important;
}

.pc-title {
	width: 100%;
	font-size: 48px;
	line-height: 120%;
	text-align: center;
}

.pc-title img {
	margin: 0 auto 5px auto;
}

.pc-1 .pc-title img {
	width: 53px;
}

.pc-2 .pc-title img {
	width: 74px;
}

.pc-info {
	width: 100%;
	width: 72%;
	margin: 45px 0 50px 0;
	font-size: 18px;
	line-height: 200%;
	text-align: center;
}

.pc-subclass {
	width: 40vw;
	height: auto;
	margin-bottom: 8vw;
	display: flex;
	justify-content: space-between;
}

.pc-subclass a {
	width: 11.875vw;
	height: 5.84vw;
	display: block;
	background: url(../images/svg/icon_pc_search.svg) no-repeat center 3.85vw #ffffff;
	background-size: 1.3021vw;
	border-radius: 15px;
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	color: #595757;
	font-size: 30px;
	line-height: 4.28vw;
	text-align: center;
}

.pc-subclass a:hover {
	background-color: #fbf9d1;
}

.pc-subclass a i{
	font-style: normal;
}

.pc-content {
	width: 72vw;
	height: auto;
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.pc-2 .pc-content {
	width: 64vw;
}

.pcc-item h3 {
	margin-bottom: 0.5vw;
	font-size: 30px;
	line-height: 120%;
}

.pcc-item p {
	font-size: 18px;
	line-height: 200%;
}

/* pc ctrl */
.pc-ctrl {
	width: auto;
	height: 100%;
	position: absolute;
	left: 4.0625vw;
	top: 0;
	z-index: 100;
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 2.5vw;
}

.pc-ctrl a {
	padding-left: 2.0833vw;
	position: relative;
	color: #ffffff;
	font-size: 21px;
}

.pc-ctrl a::before {
	content: " ";
	width: 18px;
	height: 18px;
	display: block;
	margin-top: -9px;
	position: absolute;
	left: 0;
	top: 50%;
	background: #ffffff;
	border-radius: 50%;
}

.pc-ctrl a:hover, .pc-ctrl a.on {
	color: #f4d925;
}

.pc-ctrl a.on::before {
	background: #f4d925;
}



/*---------------- products page ----------------*/
.products-page {
	height: 100%;
	position: relative;
	background: url(../images/products_page_1_bg.png) no-repeat 0 0;
	background-size: cover;
}

.products-page .swiper-slide {
	height: 100% !important;
}

/* pg ctrl */
.pg-ctrl {
	width: auto;
	height: 100vh;
	position: absolute;
	left: 4.0625vw;
	top: 0;
	z-index: 100;
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 2.2vw;
}

.pg-ctrl a {
	padding-left: 2.0833vw;
	position: relative;
	color: #595757;
	font-size: 21px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.pg-ctrl a::before {
	content: " ";
	width: 18px;
	height: 18px;
	display: block;
	margin-top: -9px;
	position: absolute;
	left: 0;
	top: 50%;
	background: none;
	border: 1px solid #595757;
	border-radius: 50%;
	box-sizing: border-box;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.pg-ctrl a:hover, .pg-ctrl a.on {
	color: #f4d925;
}

.pg-ctrl a.on::before {
	background: #f4d925;
	border: 0;
}

.pg-ctrl.pg-ctrl-white a {
	color: #ffffff;
}

.pg-ctrl.pg-ctrl-white a.on {
	color: #f4d925;
}

.pg-ctrl.pg-ctrl-white a::before {
	border-color: #ffffff;
}


/* pg content */
.pg-container {
	width: 87.5vw;
	height: 100vh;
	margin-left: 6.25vw;
	padding-left: 10.4167vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 2.6042vw;
}


.pg-content {
	width: 100%;
	margin-top: 2vw;
}

.pg-left {
	width: 28.125vw;
	height: auto;
	float: left;
	margin-top: 6.7vw;
}

.pg-title {
	font-size: 48px;
	line-height: 120%;
}

.pg-info {
	margin: 0.7813vw 0 1.0417vw 0;
	font-size: 18px;
	line-height: 200%;
}

.pg-more {
	width: 130px;
	width: auto;
	padding: 0 20px;
	height: 40px;
	display: block;
	float: left;
	border: 1px solid #676666;
	border-radius: 20px;
	font-size: 18px;
	line-height: 38px;
	text-align: center;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.pg-more:hover {
	border-color: #f4d925;
	color: #f4d925;
}

.pg-right {
	width: 43.75vw;
	float: right;
}

.pg-right img {
	max-width: 100%;
	display: block;
}

.pg-params {
	width: 100%;
	height: auto;
	display: flex;
	justify-content:  space-between;
}

.pg-params li {
	width: 11.875vw;
	height: 8.3333vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	text-align: center;
}

.pg-params li h3 {
	width: 100%;
	height: auto;
	margin-bottom: 0.7813vw;
	font-size: 30px;
	line-height: 120%;
}

.pg-params li h3.s {
	font-size: 21px;
}

.pg-params li p {
	width: 100%;
	height: auto;
	font-size: 15px;
	line-height: 200%;
}

/* products page process */
.pg-process {
	width: 81.25vw;
	height: 100vh;
	margin-left: 9.375vw;
	padding-left: 9.375vw;
	padding-top: 6vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	row-gap: 2.6042vw;
}

.pgp-left {
	width: 15.625vw;
	height: auto;
}

.pgp-title {
	margin-bottom: 1.0417vw;
	font-size: 48px;
	line-height: 120%;
}

.pgp-ctrl a{
	display: block;
	color: #595757;
	font-size: 18px;
	line-height: 48px;
}

.pgp-ctrl a:hover, .pgp-ctrl a.on {
	color: #f4d925;
}

.pgp-banner {
	width: 53.125vw;
	height: auto;
	float: right;
	overflow: hidden;
}

.pgp-banner .pages {
	margin: 0;
}

.pages a.btn-process-case {
	width: auto;
	height: auto;
	margin: 0 0 0 10px;
	font-size: 24px;
}

.pages a.btn-process-case svg {
	width: 24px;
	margin: 4px 0 0 10px;
	fill: #f4d925;
}

/* pg list */
.pg-bg-2 {
	background: url(../images/products_page_2_bg.png) no-repeat 0 0;
	background-size: cover;
}

.pg-bg-3 {
	background: url(../images/products_page_3_bg.png) no-repeat 0 0 #ffffff;
	background-size: cover;
}

.pg-list {
	width: 79.1667vw;
	width: 76vw;
	height: 100vh;
	margin: 0 auto;
	padding-left: 9.375vw;
	padding-top: 7.5vw;
}

.pg-list .pages {
	width: 120px;
	float: right;
	margin-bottom: 0;
}

.pgl-scroll {
	width: 100%;
	height: 100vh;
	float: left;
	margin: 1.4vw 0 0 0;
	overflow: hidden;
	/*
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 0.6vw;
	*/
}

.pgl-item {
	width: 16.5104vw;
	width: 15.625vw;
	height: auto;
	position: relative;
	border: 1px solid #7c7978;
}

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

.pgl-item::after {
	content: " ";
	width: 100%;
	height: 20%;
	display: block;
	background: rgba(159, 160, 160, 0.3);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.pgl-item h3 {
	width: 100%;
	height: 20%;
	padding: 0 1.3vw;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
	font-size: 21px;
	line-height: 150%;
	display: flex;
	align-items: center;
}

/* alu */
.alu-params-container {
	width: 72.6vw;
	height: 100vh;
	margin: 0 auto;
	padding: 6vw 0 0 6.25vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.alu-params-container .pg-info {
	margin-bottom: 0;
}

.alu-size {
	margin-bottom: 2.0833vw;
}

.alu-color {
	margin-top: 3.125vw;
	margin-bottom: 5vw;
}

.alu-size img, .alu-color img {
	max-width: 100%;
	display: block;
}

.alu-params-container .btn-more {
	width: 6.7708vw;
	height: 42px;
	border-radius: 10px;
	font-size: 18px;
	line-height: 40px;
}

/* alu list */
.alu-list-container {
	width: 100vw;
	height: 100vh;
	padding: 6vw 2.7vw 0 14.3vw;
	background: #f7f6f5;
	overflow: hidden;
}

.alu-list {
	width: 16.6vw;
	height: 100vh;
	height: 80vh;
	float: left;
	margin-top: 3vh;
	overflow: hidden;
	text-align: center;
}

.alu-list .alu-scroll {
	width: 100%;
	height: calc(80vh - 3.75vw);
	padding: 0 1.5625vw;
	border-right: 1px solid #c9cacb;
	overflow: hidden;
}

.alu-cat {
	width: auto;
	height: 1.875vw;
	display: inline-block;
	margin: 0.4167vw auto 1.4583vw auto;
	padding: 0 1.5625vw;
	border-radius: 20px;
	background: #d5d0c9;
	font-size: 20px;
	line-height: 1.875vw;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.alu-list:hover .alu-cat {
	background: #f4d925;
}

.al-item {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 2.6vw;
	padding: 0.65vw;
	background: #ffffff;
	border: 1px solid #e4e4e4;
	text-align: left;
}

.al-item h3 {
	width: 100%;
	height: 36px;
	float: left;
	font-size: 18px;
	line-height: 200%;
}

.al-item p {
	width: 100%;
	height: 66px;
	float: left;
	font-size: 12px;
	line-height: 22px;
	overflow: hidden;
}

.al-item a.btn-more {
	width: 4.6875vw;
	height: 28px;
	float: right;
	margin: 8px 0;
	border-color: #f6f6f6;
	border-radius: 14px;
	font-size: 14px;
	line-height: 26px;
}

.al-item a.btn-more:hover {
	border-color: #f4d925;
	color: #f4d925;
}

/* alu case show */
.ols-alu-show {
	width: 1200px;
	width: 62.5vw;
	height: 100%;
	padding: 4.2vw 6.8vw 5.2vw 6.8vw;
	padding-right: 2vw;
	border-radius: 0;
}

.ols-alu-show .ols-close {
	margin-left: -1.5625vw;
	left: 50%;
	top: auto;
	bottom: 1.0375vw;
}

.ols-alu-show .ols-content {
	width: 100%;
	height: 100%;
	margin-top: 0;
	padding-right: 0;
}
/*
.alu-content {
	width: calc(100% + 150px);
	height: 100%;
	padding-right: 150px;
	overflow-y: auto;
}
*/

.alu-show-container {
	padding-bottom: 80px !important;
}

.alu-content {
	width: 100%;
	height: auto;
	padding: 50px;
	background: #ffffff;
}

.alu-scroll {
	width: 100%;
	height: auto;
}

.ash-icon {
	width: 8.125vw;
	height: auto;
	float: left;
}

.ash-icon img {
	width: 95px;
	width: 4.9479vw;
}

.ash-params {
	width: 48vw;
	float: left;
}

.ash-params h3 {
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 120%;
}

.ash-params ul li {
	width: 50%;
	float: left;
	color: #c9caca;
	font-size: 18px;
	line-height: 180%;
}

.alu-show-title {
	margin: 2.0833vw 0 1.0417vw 0;
	position: relative;
	display: flex;
	align-items: center;
	color: #3e3a39;
	font-size: 24px;
}

.alu-show-title::after {
	content: " ";
	width: 37.8vw;
	height: 1px;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	background: #eceded;
}

.alu-show-title img {
	width: 46px;
	display: block;
	float: left;
	margin-right: 40px;
}

.alu-show-images {
	width: 37.8vw;
	height: auto;
	float: right;
}

.alu-show-images img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.alu-show-scroll-box {
	width: 100%;
	height: 27vw;
	float: right;
	margin: 10px 0;
	position: relative;
	overflow: auto;
}

.alu-show-scroll-box * {
	overflow: visible;
}

.alu-show-scroll-content {
	display: flex;
	overflow: visible;
}

.alu-sc-item {
	width: auto;
	height: 25vw;
	margin-right: 2vw;
	position: relative;
	flex-shrink: 0;
}

.alu-sc-item img {
	width: auto;
	width: 35.52vw;
	height: 19.98vw;
	width: 35.55vw;
	height: 20vw;
	float: left;
	display: block;
	object-fit: cover;
}

.alu-sc-item p {
	width: 100%;
	height: 4vw;
	position: absolute;
	left: 0;
	top: 21vw;
	font-size: 16px;
	line-height: 150%;
	white-space: normal;
}

.alu-show-table table {
	border: 1px solid #efefef;
	border-right: 0;
	border-top: 0;
	box-sizing: border-box;
}

.alu-show-table table tr th {
	height: 2.6042vw;
	background: #c9cacb;
	color: #595757;
	font-size: 18px;
	text-align: center;
}

.alu-show-table table tr td {
	height: 2.2917vw;
	background: #ffffff;
	border-right: 1px solid #efefef;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3.125vw;
	padding-left: 2vw;
	line-height: 200%;
}

.alu-show-table table tr:nth-child(2n) td {
	background: #efefef;
}

.ast-1 {
	border-bottom: 0;
}

.ast-1 tr td:nth-child(1) {
	width: 16.5625vw;
	padding-left: 1.5625vw;
}

.ast-2 {
	margin-bottom: 2vw;
}

.ast-2 tr td:nth-child(1) {
	width: 9.7917vw;
}

.ast-2 tr td.center {
	padding-left: 0;
	text-align: center;
}

/*---------------- products other ----------------*/
.pg-other-container {
	width: 66.8vw;
	height: 100%;
	padding-top: 10vw;
	position: absolute;
	left: 16.6vw;
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #ffffff;
}

.pgo-content {
	width: 55vw;
	height: auto;
	margin-bottom: 9.8vw;
	font-size: 18px;
	line-height: 36px;
}

.pgo-content b, .pgo-content strong {
	font-size: 48px;
	font-weight: normal;
}

.pgo-content a {
	color: #f4d925;
}

.pgo-content a.pgo-more {
	width: 130px;
	width: auto;
	padding: 0 20px;
	height: 40px;
	display: block;
	float: left;
	margin: 10px 15px 0 0;
	color: #595757;
	background: #ffffff;
	border-radius: 20px;
	font-size: 18px;
	line-height: 38px;
	text-align: center;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.pgo-content a.pgo-more:hover {
	background: #f4d925;
	color: #ffffff;
}

.pgo-info {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.pgo-info li h3 {
	margin-bottom: 0.5vw;
	color: #f4d925;
	font-size: 30px;
	line-height: 120%;
}

.pgo-info li p {
	font-size: 18px;
	line-height: 200%;
}

.pgo-info.white li h3 {
	color: #ffffff;
}


.pgo-2 {
	background: #ffffff;
}

.pg-table-container {
	width: 83vw;
	height: 100vh;
	margin: 0 auto;
	padding: 10vw 0 0 15.625vw;
}

.pg-table-container h3 {
	margin-bottom: 2.6042vw;
	font-size: 36px;
	line-height: 120%;
	text-align: center;
}

.pg-table {
	background: #efefef;
}

.pg-table tr th {
	height: 2.6vw;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.pg-table tr td {
	height: 2.6vw;
	font-size: 20px;
	text-indent: 7.5vw;
}

.pg-table tr td:nth-child(1) {
	width: 29%;
	border-right: 1px solid #d8d8d9;
}

.pg-table tr:nth-child(2n) td{
	background: #ffffff;
}

/* home */
.pg-home-container {
	padding-top: 6vw;
}

.pg-home-title {
	margin-bottom: 2vw;
	color: #595757;
	font-size: 48px;
	text-align: center;
	line-height: 120%;
}

.pg-home-color img {
	width: auto;
	max-width: 100%;
	max-height: 60vh;
	display: block;
	margin: 0 auto;
}

.slide-scroll-box {
	width: 100%;
	height: 100vh;
	overflow: hidden !important;
	position: relative;
}

.slide-scroll-box img {
	width: 100%;
	display: block;
}

.pg-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(63, 59, 58, 0.5);
	opacity: 0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	pointer-events: none;
}

.pg-mask.show {
	opacity: 1;
}

.pg-dot {
	width: 22px;
	height: 22px;
	padding: 10px;
	position: absolute;
	overflow: visible;
	box-sizing: content-box;
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
}

.pg-dot::before {
	content: " ";
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
	background: #ffffff;
	border-radius: 50%;
	animation: home-dot 0.8s linear infinite;
	-webkit-animation: home-dot 0.8s linear infinite;
	-ms-animation: home-dot 0.8s linear infinite;
	-moz-animation: home-dot 0.8s linear infinite;
}

.pg-dot::after {
	content: " ";
	width: 0;
	height: 1px;
	display: block;
	position: absolute;
	left: 10px;
	top: 50%;
	background: #ffffff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.pg-dot:hover::after {
	width: 9.375vw;
}

.pg-dot i {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 20;
	background: #ffffff;
	background: #f4d925;
	border-radius: 50%;
}

.pg-dot p {
	width: 500px;
	height: 24px;
	position: absolute;
	left: 10.4167vw;
	top: 10px;
	opacity: 0;
	pointer-events: none;
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
}

.pg-dot:hover p {
	transition: all 0.2s linear 0.2s;
	-webkit-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	opacity: 1;
}

/* right */
.pg-dot.right::after {
	left: auto;
	right: 10px;
}

.pg-dot.right p {
	left: auto;
	right: 10.4167vw;
	text-align: right;
}

/* up */
.pg-dot.up::after {
	width: 1px;
	height: 0px;
	left: 50%;
	top: auto;
	bottom: 10px;
}

.pg-dot.up:hover::after {
	height: 9.375vw;
}

.pg-dot.up p {
	margin-left: -205px;
	left: -50%;
	top: -9.375vw;
	text-align: center;
}

/* dot position */

.dot-1-1 {
	left: 30.0521vw;
	top: 14.4271vw;
}

.dot-1-2 {
	left: 76.4583vw;
	top: 13.0208vw;
}

.dot-1-3 {
	left: 17.0313vw;
	top: 26.0417vw;
}

.dot-2-1 {
	left: 27.3438vw;
	top: 25.5208vw;
}

.dot-2-2 {
	left: 60.4167vw;
	top: 25.5208vw;
}

.dot-2-3 {
	left: 51.0417vw;
	top: 42.7083vw;
}

.dot-3-1 {
	left: 63.1771vw;
	top: 39.8438vw;
}

.dot-3-2 {
	left: 35.4167vw;
	top: 46.875vw;
}

.dot-3-3 {
	left: 70.8333vw;
	top: 44.7917vw;
}

.dot-4-1 {
	left: 76.3542vw;
	top: 13.0208vw;
}

.dot-4-2 {
	left: 40.3646vw;
	top: 30.4688vw;
}

.dot-4-3 {
	left: 66.4063vw;
	top: 43.75vw;
}

@keyframes home-dot{
	0%{
		-webkit-transform: scale(1, 1);
		opacity: 1;
	}
	100%{
		-webkit-transform: scale(2, 2);
		opacity: 0;
	}
}

@-webkit-keyframes home-dot{
	0%{
		-webkit-transform: scale(1, 1);
		opacity: 1;
	}
	100%{
		-webkit-transform: scale(2, 2);
		opacity: 0;
	}
}

@-ms-keyframes home-dot{
	0%{
		-webkit-transform: scale(1, 1);
		opacity: 1;
	}
	100%{
		-webkit-transform: scale(2, 2);
		opacity: 0;
	}
}

@-moz-keyframes home-dot{
	0%{
		-webkit-transform: scale(1, 1);
		opacity: 1;
	}
	100%{
		-webkit-transform: scale(2, 2);
		opacity: 0;
	}
}

/*---------------- case ----------------*/
.case-banner {
	width: 78.125vw;
	height: auto;
	margin-left: -39.0625vw;
	position: absolute;
	left: 50%;
	bottom: 12.5vw;
	color: #ffffff;
}

.case-banner.case-show-banner {
	top: 50%;
	bottom: auto;
	margin-top: -55px;
}

.case-banner h3 {
	margin-bottom: 12px;
	font-size: 45px;
	line-height: 150%;
}

.case-banner p {
	width: 700px;
	font-size: 21px;
	line-height: 36px;
}

.case-class {
	height: 136px;
	padding: 24px 0 0 0;
	background: #f0f0f0;
}

.show-case-class {
	margin-top: 115px;
}


.case-container {
	width: 1500px;
	width: 78.125vw;
	height: auto;
	margin: 0 auto;
}

.case-class .case-container .box{
	display: flex;
	justify-content: center;
}

.case-class .case-container .box.xs {
	display: none;
}

.case-container .public-list {
	width: 1200px;
	margin-top: 90px;
	display: none;
	opacity: 0;
}

.case-search {
	width: 180px;
	height: 34px;
	margin-left: 28px;
	padding: 0 15px;
	background: #ffffff;
	border-radius: 18px;
}

.case-search input {
	width: 120px;
	height: 100%;
	float: left;
	border: 0;
	background: none;
	font-size: 21px;
}

.case-search a {
	height: 100%;
	display: block;
	float: right;
	padding-left: 10px;
}

.case-search a svg {
	width: 16px;
	margin: 10px 0 0 0;
}

.icon-case-sift {
	margin-left: 28px;
	padding: 0 0 0 36px;
	background: url(../images/svg/icon_sift.svg) no-repeat left 9px;
	background-size: 30px;
	font-size: 21px;
	line-height: 36px;
	cursor: pointer;
}

.ov-sift {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	display: none;
} 

.ov-sift.show {
	opacity: 1;
}

.ov-sift-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1001;
}

.sift-box {
	width: 800px;
	height: 60vh;
	position: relative;
	z-index: 1010;
	margin-top: 100px;
	padding: 40px 25px 40px 40px;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.ov-sift.show .sift-box {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
}

.close-sift-box {
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 1010;
	background: url(../images/svg/close.svg) no-repeat 0 0;
	background-size: 100%;
}

.sift-scroll {
	width: 100%;
	height: 100%;
	padding-right: 15px;
}

.sift-box dl, .sift-box dl dt, .sift-box dl dd {
	width: 100%;
	height: auto;
	float: left;
	line-height: 200%;
}

.sift-box dl dt {
	font-size: 18px;
}

.sift-box dl dd {
	margin-bottom: 10px;
	font-size: 16px;
}

.sift-box dl dd span {
	color: #595757;
	margin-right: 35px;
	cursor: pointer;
	display: inline-block;
}

.sift-box dl dd span:hover, .sift-box dl dd span.on{
	color: #f4d925;
}

.sift-box a.btn-tag {
	margin: 10px 0;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
}

.case-cats {
	margin-top: 10px;
}

.case-cats a {
	margin: 0 15px;
	padding: 0 10px;
	font-size: 21px;
	line-height: 36px;
}

.case-cats a:hover, .case-cats a.on {
	color: #595757;
}

.case-cats a:hover::before, .case-cats a.on::before {
	width: 100%;
}


/* case list pic */
.case-list {
	width: 100%;
	height: auto;
	margin: 56px 0 0 0;
	margin: 2.9167vw 0 0 0;
	display: flex;
	flex-wrap: wrap;
	column-gap: 26px;
	row-gap: 24px;
	column-gap: 1.3542vw;
	row-gap: 1.25vw;
	opacity: 0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.case-list.on {
	opacity: 1;
}

.case-item {
	width: 355px;
	width: 18.4896vw;
	height: auto;
	height: 19.5313vw;
	position: relative;
}

.case-item .thumb {
	height: 100%;
	position: relative;
}

.case-item img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.case-item .thumb a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(159, 160, 160, 0.4);
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.case-item:hover .thumb a {
	background: rgba(255, 222, 0, 0.8);
	background: rgba(159, 160, 160, 0);
}

.case-item p {
	position: absolute;
	padding: 0 1.5625vw;
	bottom: 30px;
	color: #ffffff;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}

.case-item p a {
	color: #ffffff;
	font-size: 21px;
	line-height: 36px;
}

.case-container .pages {
	margin: 35px 0 25px 0;
}

/* case show */
.case-show-container {
	width: 75vw;
	margin: 69px auto;
}

.cs-banner {
	width: 675px;
	width: 35.1563vw;
	float: left;
}

.cs-banner  * {
	overflow: visible;
}

.cs-info {
	width: 700px;
	width: 36.4583vw;
	float: right;
}

.cs-title {
	font-size: 48px;
	line-height: 120%;
}

.cs-params {
	margin-top: 45px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 45px;
	overflow: visible;
}

.cs-params.xs {
	display: none;
}

.csp-item {
	display: flex;
	flex-direction: column;
}

/*
.csp-item {
	width: 10vw;
	overflow: visible;
}

.csp-item:nth-child(1), .csp-item:nth-child(4) {
	width: 8vw;
} 

.csp-item:nth-child(2), .csp-item:nth-child(5) {
	width: 12vw;
} 
*/
.csp-item h3 {
	font-size: 36px;
	line-height: 55px;
	white-space: nowrap;
	overflow: visible;
}

.csp-item h5 {
	font-size: 22px;
	line-height: 36px;
	white-space: nowrap;
	overflow: visible;
}

.cs-btn {
	margin: 10px 0 0 0;
}

.cs-btn a {
	width: auto;
	height: 36px;
	padding: 0 20px;
	display: block;
	float: left;
	border: 1px solid #a0a0a1;
	border-radius: 10px;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
}

.cs-content {
	margin: 50px 0 0 0;
	padding: 30px 0 0 0;
	border-top: 1px solid #898989;
	font-size: 24px;
	line-height: 60px;
}

/* cs rec */
.cs-rec {
	margin-top: 80px;
}

.csr-title {
	position: relative;
	font-size: 48px;
	line-height: 120%;
}

.csr-title::after {
	content: " ";
	width: 50vw;
	height: 1px;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	background: #bfc0c0;
}

.csr-more {
	margin: 28px 0 65px 0;
	font-size: 24px;
	line-height: 120%;
}

.csr-list {
	position: relative;
}

.csrl-ctrl {
	width: 310px;
	width: 16.1458vw;
	float: left;
}

.csrl-ctrl .pages {
	margin: 0;
	position: absolute;
	left: -20px;
	bottom: -10px;
	justify-content: flex-start;
}

.csr-list .swiper-container {
	width: 1130px;
	width: 58.8542vw;
	float: right;
	height: auto;
}

.csr-list .swiper-container * {
	overflow: visible;
}

.cs-back {
	margin: 55px 0 0 0;
	display: flex;
	justify-content: center;
	overflow: visible;
}

/*---------------- news ----------------*/
.news-banner {
	margin-top: 115px;
}

.news-banner-img {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
}

.news-banner-img img {
	width: 1920px;
	display: block;
}

.news-banner-cats {
	width: 100%;
	height: auto;
	padding: 90px 0 0 0;
	position: absolute;
	left: 0;
	top: 0;
}

.nb-title {
	width: 100%;
	margin-bottom: 7.0313vw;
	color: #ffffff;
	font-size: 40px;
	line-height: 60px;
	text-align: center;
}

.nb-title span{
	font-size: 36px;
}

.nb-cats {
	width: 100%;
	height: 8.8542vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	color: #ffffff;
}

.nb-cats a {
	color: #ffffff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.nb-cats li {
	width: 275px;
	height: 135px;
	padding: 20px 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid #ffffff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.nb-cats li h4 {
	width: 100%;
	font-size: 18px;
	line-height: 24px;
}

.nb-cats li h3 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 21px;
	line-height: 30px;
}

.nb-cats li svg {
	width: 30px;
	display: block;
	fill: #ffffff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.nb-cats li.on, .nb-cats li:hover {
	background: #f4d925;
	border-color: #f4d925;
	color: #595757;
}

.nb-cats li.on {
	height: 170px;
}

.nb-cats li.on a, .nb-cats li:hover a {
	color: #595757;
}

.nb-cats li.on svg, .nb-cats li:hover svg {
	fill: #595757;
}

/* news-year */
.news-year {
	height: 32px;
	margin: 44px 0;
	background: #f8f8f8;
	border-radius: 16px;
	display: flex;
}

.news-year a {
	width: 36px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.news-year a svg {
	width: 10px;
	height: auto;
	fill: #717070;
}

.ny-box {
	width: 100%;
	height: 100%;
	flex: 1;
}

.ny-item {
	width: auto;
	height: 100%;
	border-radius: 16px;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}

.ny-item.on {
	background: #f4d925;
}

/* news-list */

.news-list {
	display: flex;
	flex-wrap: wrap;
	column-gap: 27px;
	row-gap: 30px;
	transition: opacity 0.4s linear;
	-webkit-transition: opacity 0.4s linear;
	-ms-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
}

.news-item {
	width: 380px;
	height: 520px;
	border: 1px solid #dcdcdd;
	box-sizing: content-box;
}

.ni-info {
	width: 100%;
	height: auto;
	padding: 30px 35px;
}

.ni-info h3, .ni-info h4, .ni-info h5 {
	width: 100%;
	height: auto;
	float: left;
}

.ni-info h4 {
	padding: 0 0 15px 0;
	position: relative;
	font-size: 18px;
}

.ni-info h4::after {
	content: " ";
	width: 12px;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 5px;
	background: #595757;
}

.ni-info h3 {
	height: 108px;
}

.ni-info h3 a {
	font-family: "sy-m";
	font-size: 21px;
	line-height: 36px;
}

.ni-info h5 a {
	color: #f4d925;
	font-family: "sy-m";
	font-size: 18px;
	line-height: 26px;
}

.ni-info h5 a span {
	float: left;
}

.ni-info h5 a svg {
	width: 30px;
	margin: 4px 0 0 10px;
	fill: #f4d925;
}

.news-more-box {
	margin: 44px 0 104px 0;
}

/* news pdf */
.news-subcats {
	height: 32px;
	margin: 44px 0;
	background: #f8f8f8;
	border-radius: 16px;
	display: flex;
	justify-content: center;
}

.news-subcats a {
	width: 150px;
	height: 100%;
	border-radius: 16px;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
}

.news-subcats a.on {
	background: #f4d925;
}


.news-company-list {
	display: flex;
	flex-wrap: wrap;
	column-gap: 27px;
	row-gap: 30px;
}

.ncl-item {
	width: 380px;
	height: 520px;
	height: 480px;
	background: #ddf0fa;
	border: 1px solid #e4e8e9;
	box-sizing: border-box;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.ncl-info {
	width: 100%;
	height: auto;
	padding: 30px 35px;
}

.ncl-info h3, .ncl-info h4, .ncl-info h5 {
	width: 100%;
	height: auto;
	float: left;
}

.ncl-info h4 {
	padding: 0 0 15px 0;
	position: relative;
	font-size: 18px;
}

.ncl-info h4::after {
	content: " ";
	width: 12px;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 5px;
	background: #595757;
}

.ncl-info h3 {
	height: 72px;
	margin-bottom: 15px;
}

.ncl-info h3 a {
	font-family: "sy-m";
	font-size: 21px;
	line-height: 36px;
}

.ncl-info h5 a {
	color: #595757;
	font-family: "sy-m";
	font-size: 18px;
	line-height: 46px;
}

.ncl-info h5 a span {
	float: left;
}

.ncl-info h5 a svg {
	fill: #ffffff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.ncl-info h5 a svg.ncl-arrow {
	height: 18px;
	float: right;
	margin: 20px 0 0 10px;
}

.ncl-info h5 a svg.ncl-video {
	height: 46px;
	float: right;
}

.ncl-info h5 a svg.ncl-pdf {
	height: 41px;
	float: right;
}

/* news pdf */
.news-company-list.ncl-pdf .ncl-item {
	background: #fcf3d0;
}

.news-company-list.ncl-pdf .ncl-info h5 a svg {
	fill: #f4d925;
}

.news-company-list.ncl-pdf .ncl-info h5 a svg.ncl-arrow {
	margin-top: 10px;
}

/* hover */
.ncl-item:hover {
	background: #efeff0;
}

.ncl-item:hover .ncl-info h5 a svg {
	fill: #595757;
}

.news-company-list.ncl-pdf .ncl-item:hover {
	background: #efeff0;
}

/* news show */
.news-show {

}

.ns-title {
	margin-bottom: 15px;
	font-size: 36px;
}

.ns-tag {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 18px;
	line-height: 30px;
}

.ns-tag span {
	margin: 0 35px 0 0;
}

.ns-tag svg {
	width: 18px;
	margin: 0 10px 0 0;
	fill: #595757;
}

.ns-tag a {
	margin: 0 25px 0 0;
	color: #c9caca;
}

.ns-content {
	margin: 30px 0;
	font-size: 18px;
	line-height: 34px;
}

.ns-content img , .ns-content video{
	width: 100%;
	height: auto;
}


.news-other {
	margin: 0 0 100px 0;
	line-height: 30px;
	overflow: visible;
}

.no-page {
	float: left;
	font-size: 18px;
	overflow: visible;
}

.no-page a {
	margin: 0 80px 0 0;
	padding: 0 0 4px 0;
}

.no-page a:hover {
	color: #595757;
	border-bottom: 1px solid #595757;
}

.no-back {
	float: right;
}

.no-back a span {
	float: left;
	color: #f4d925;
	font-size: 18px;
}

.no-back svg {
	height: 18px;
	margin: 6px 0 0 10px;
	fill: #f4d925;
}


/*---------------- contact ----------------*/
.contact-banner-info {
	width: 100%;
	height: auto;
	padding: 20.8333vw 10.1563vw 0 10.1563vw;
	position: absolute;
	left: 0;
	top: 0;
}

.contact-banner-info h3 {
	font-size: 52px;
	line-height: 62px;
}

.contact-banner-info h3 span {
	font-size: 45px;
}

.contact-banner-info p {
	margin: 45px 0 20px 0;
	font-size: 18px;
	line-height: 30px;
}

.contact-banner-info .icon_sns {
	width: 48px;
	height: 48px;
	display: block;
	float: left;
	position: relative;
	margin-right: 18px;
	background: no-repeat center center;
	background-size: 100%;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.contact-banner-info .icon_sns img {
	width: 120px;
	height: auto;
	padding: 5px;
	margin-left: -60px;
	position: absolute;
	left: 50%;
	top: -140px;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	display: none;
}

.contact-banner-info .icon_sns:hover img {
	display: block;
}

.contact-banner-info .icon_sns_facebook {
	background-image: url(../images/sns/icon_facebook_black.svg);
}

.contact-banner-info .icon_sns_twitter {
	background-image: url(../images/sns/icon_twitter_black.svg);
}

.contact-banner-info .icon_sns_ins {
	background-image: url(../images/sns/icon_ins_black.svg);
}

.contact-banner-info .icon_sns_youtube {
	background-image: url(../images/sns/icon_youtube_black.svg);
}

.contact-banner-info .icon_sns_wechat {
	background-image: url(../images/sns/icon_wechat_black.svg);
}

.contact-banner-info .icon_sns_weibo {
	background-image: url(../images/sns/icon_weibo_black.svg);
}
.contact-banner-info .icon_sns_douyin {
	background-image: url(../images/sns/icon_douyin_black.svg);
}

.contact-banner-info .icon_sns_facebook:hover {
	background-image: url(../images/sns/icon_facebook_yellow.svg);
}

.contact-banner-info .icon_sns_twitter:hover {
	background-image: url(../images/sns/icon_twitter_yellow.svg);
}

.contact-banner-info .icon_sns_ins:hover {
	background-image: url(../images/sns/icon_ins_yellow.svg);
}

.contact-banner-info .icon_sns_youtube:hover {
	background-image: url(../images/sns/icon_youtube_yellow.svg);
}

.contact-banner-info .icon_sns_wechat:hover {
	background-image: url(../images/sns/icon_wechat_yellow.svg);
}

.contact-banner-info .icon_sns_weibo:hover {
	background-image: url(../images/sns/icon_weibo_yellow.svg);
}
.contact-banner-info .icon_sns_douyin:hover {
	background-image: url(../images/sns/icon_douyin_yellow.svg);
}

.contact-list {
	width: 100%;
	box-sizing: border-box;
	padding: 175px 140px 150px 140px;
	padding: 9.1vw 7.3vw 7.8vw 7.3vw;
	display: flex;
	justify-content: space-between;
}

.cl-item {
	width: 378px;
	width: 19.6875vw;
	height: auto;
	border: 1px solid #949595;
}


.cli-box {
	width: 100%;
	height: 18.75vw;
	padding: 0 1.77vw;
}

.cli-zone {
	width: 100%;
	height: 5.46875vw;
	margin-bottom: 15px;
	position: relative;
	border-bottom: 1px solid #eeefef;
	font-size: 45px;
	font-family: "sy-b";
	line-height: 5.46875vw;
}

.cli-zone::after {
	content: " ";
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #727172;
}

.cli-company {
	width: 100%;
	font-size: 18px;
	line-height: 45px;
}

.cli-address {
	width: 100%;
	font-size: 18px;
	line-height: 30px;
}

.cli-info {
	width: 100%;
	height: 70px;
	border-top: 1px solid #949595;
	font-size: 28px;
	line-height: 3.6458vw;
	text-align: center;
}

.cli-info span {
	font-size: 24px;
}

.map {
	height: 600px;
}

#amap-container {
	width: 100%;
	height: 100%;
}

.map * {
	overflow: visible;
}

.map iframe{
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}


/*---------------- join ----------------*/
.join-content {
	width: 54%;
	height: auto;
	padding: 0 0 0 5.2vw;
	position: absolute;
	left: 0;
	bottom: 6.5vw;
}

.jc-title {
	font-size: 48px;
	line-height: 180%;
}

.jc-info {
	margin: 20px 0 40px 0;
	font-size: 18px;
	line-height: 200%;
}

.jc-contact ul li{
	width: 17.8vw;
	height: auto;
	float: left;
	margin: 14px 2.08vw 0 0;
	font-size: 21px;
	line-height: 30px;
}

.jc-contact ul li:nth-child(2n) {
	margin-right: 0;
}

.jc-qrcode {
	width: 150px !important;
	float: left;
	margin: 0 40px 0 0;
}

.welfare {
	min-height: 60vw;
	margin: 30px 0 0 0;
}

.welfare img {
	width: 100%;
	display: block;
}

.welfare-title {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 12vw;
	color: #ffffff;
	font-size: 40px;
	line-height: 62px;
	font-size: 2.0833vw;
	font-family: "sy-m";
	line-height: 3.2292vw;
	text-align: center;
}

.welfare-title span{
	font-size: 36px;
	line-height: 50px;
	font-size: 1.875vw;
	line-height: 2.6042vw;
}

.welfare-subtitle {
	width: auto;
	height: auto;
	position: absolute;
	left: 5.2vw;
	top: 26.35vw;
	color: #004987;
	line-height: 92px;
	font-size: 4.7917vw;
}

.welfare ul {
	width: 46vw;
	position: absolute;
	left: 4.8vw;
	top: 36vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	column-gap: 1.5vw;
}

.welfare ul li {
	width: 190px;
	width: 10vw;
}

.welfare ul li img {
	width: 56px;
	width: 2.9167vw;
	display: block;
	margin: 0 auto;
}

.welfare ul li h3 {
	width: 100%;
	height: 108px;
	height: 5.625vw;
	margin: 20px 0 50px 0;
	margin: 1.0417vw 0 2.6042vw 0;
	font-size: 18px;
	font-size: 0.9375vw;
	line-height: 36px;
	line-height: 1.875vw;
	text-align: center;
}


.job-container {
	background: #f3ede0;
}

.job-tab-title {
	height: 50px;
	margin-top: 40px;
}

.job-tab-title a {
	margin-right: 50px;
	color: #595757;
	font-size: 21px;
	line-height: 36px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}

.job-tab-title a.link-line:hover::before, .job-tab-title a.link-line.on::before {
	width: 100%;
}

.job-tab-content {
	display: none;
	opacity: 0;
	margin-bottom: 50px;
}

.job-tab-content.on {
	display: block;
	opacity: 1;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}

.school {
	width: 1200px;
	height: auto;
	margin: 18px auto 0 auto;
	padding: 20px 58px 58px 58px;
	background: #ffffff;
}

.school img {
	max-width: 100%;
	height: auto;
}

.job-list {
	width: 1200px;
	height: auto;
	margin: 18px auto 0 auto;
	padding: 20px 58px 58px 58px;
	background: #ffffff;
}

.job-list li {
	width: 100%;
	height: auto;
	float: left;
	padding: 35px 0;
	border-top: 1px solid #f5f5f6;
}

.job-list li:nth-child(1) {
	border: 0;
}

.jl-title {
	width: 100%;
	height: auto;
	float: left;
	line-height: 26px;
}

.jl-title img {
	width: 27px;
	float: left;
	margin-right: 15px;
	display: block;
}

.jl-title a , .jl-title b {
	font-size: 21px;
}

.jl-title span {
	float: right;
	color: #c9caca;
	font-size: 18px;
}


.job-list li p {
	width: 100%;
	height: auto;
	float: left;
	margin: 8px 0 0 0;
	color: #c9caca;
	font-size: 18px;
	line-height: 34px;
}


/*---------------- join show ----------------*/
.join-show-container {
	padding: 160px 0 0 0;
	background: #f8f8f8;
}

.join-show-op {
	height: 74px;
	overflow: visible;
}

.jso-back {
	float: left;
	font-size: 21px;
	line-height: 74px;
}

.jso-share {
	float: right;
}

.jso-share-title {
	font-size: 21px;
	line-height: 74px;
}

.join-show-box {
	margin: 0 0 60px 0;
	padding: 55px 55px 110px 55px;
	background: #ffffff;
}


.job-show-header {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #f1f1f2;
}

.jsh-info {
	width: 50%;
	height: auto;
	float: left;
	margin: 8px 0 0 0;
	color: #c9caca;
	font-size: 18px;
	line-height: 34px;
}

.jsh-upload {
	width: 50%;
	height: auto;
	float: right;
	margin: 8px 0 0 0;
	position: relative;
	color: #c9caca;
	font-size: 18px;
	line-height: 34px;
	text-align: right;
}

.jsh-upload-btn {
	width: 230px;
	height: 42px;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
}

.jsh-upload-btn form, .jsh-upload-btn input {
	width: 100%;
	height: 100%;
	display: block;
}

.jsh-upload a.btn-tag {
	float: right;
	color: #3e3a39;
}

.jsh-upload p {
	width: 100%;
}

.join-show-content {
	color: #3e3a39;
}

.jsc-hr {
	font-size: 19px;
	line-height: 36px;
}

.jsc-hr a {
	display: inline-block;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #3e3a39;
	color: #3e3a39;
}

.jsc-title {
	width: 100%;
	height: auto;
	float: left;
	margin: 20px 0 15px 0;
	font-size: 21px;
	line-height: 28px;
}

.jsc-info {
	width: 100%;
	height: auto;
	float: left;
	font-size: 18px;
	line-height: 200%;
}



/*---------------- q & a ----------------*/
.qa-banner-title {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 50%;
	color: #ffffff;
	font-size: 72px;
	text-align: center;
	letter-spacing: 60px;
}

.qa-list {
	width: 1225px;
	height: auto;
	margin: 80px auto 20px auto;
}

.qa-item {
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 60px 0;
	border-bottom: 1px solid #595757;
}

.qai-title {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

.qai-title h3 {
	width: 1150px;
	height: auto;
	font-size: 28px;
	line-height: 60px;
}

.qai-op {
	width: 31px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0;
	top: 5px;
	background: url(../images/icon_qa_open.png) no-repeat center center;
	background-size: 100% auto;
}

.qa-item.on .qai-op {
	background-image: url(../images/icon_qa_close.png);
}

.qai-content {
	width: 100%;
	height: auto;
	float: left;
	margin: 5px 0 28px 0;
	font-size: 18px;
	line-height: 34px;
	display: none;
}


.header.small .lan li {
	color: #595757;
}



/*---------------- bar ----------------*/






/*---------------- bar ----------------*/