/*.header{ position: fixed; top: 0; left: 0; width: 100%; background: rgba(240, 240, 240, .8); z-index: 999999; height: 90px; display: flex; justify-content: space-between; align-items: center;}
.header .logo{ margin-left: 30px; width: 190px;}
.a_txt{ display: none;}
.header .nav ul li{ float: left; position: relative;}
.header .nav ul li a{ display: list-item; margin: 0 25px; font-size: 18px; color: #454545; line-height: 90px;}
.header .nav ul li.on a{ color: #b71a30;}
.header .nav ul li.on::before{ position: absolute; bottom: 0; left: 50%; margin-left: -10px; content: ''; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #b71a30;}
.header .nav ul li:hover::before{ position: absolute; bottom: 0; left: 50%; margin-left: -10px; content: ''; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #b71a30;}
.header .nav ul li:hover a{ color: #b71a30;}*/
.header{ position: fixed; top: 0; left: 0; width: 100%; background: rgba(240, 240, 240, .8); z-index: 999999; height: 90px; display: flex; justify-content: space-between; align-items: center;}
.header .logo{ margin-left: 30px; width: 190px;}
.a_txt{ display: none;}
.header .nav>ul>li{ float: left; position: relative;}
.header .nav>ul>li>a{ display: list-item; margin: 0 25px; font-size: 18px; color: #454545; line-height: 90px;}
.header .nav>ul>li.on>a{ color: #b71a30;}
.header .nav>ul>li.on::before{ position: absolute; bottom: 0; left: 50%; margin-left: -10px; content: ''; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #b71a30;}
.header .nav>ul>li:hover::before{ position: absolute; bottom: 0; left: 50%; margin-left: -10px; content: ''; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #b71a30;}
.header .nav>ul>li:hover a{ color: #b71a30;}

.header .nav ul>li>ul.menu-dropdown{ position: absolute; top: 90px; left: -15%; background: #F5F5F5; width: 130%; z-index: 999999; opacity: 0; visibility: hidden; transform-origin:top center; transform:scale(0.1);transition:all 0.5s linear;}
.header .nav ul>li>ul.menu-dropdown>li{ width: 100%; text-align: center;}
.header .nav ul>li>ul.menu-dropdown>li>a:before{ content: ''; width: 0;}
.header .nav ul>li>ul.menu-dropdown>li>a{ font-size: 14px; color: #666666; line-height: 40px; display: block; margin: 0!important;}
.header .nav ul>li>ul.menu-dropdown>li>a:hover{ color: #ffffff; background: #b71a30;}
.header .nav ul>li:hover ul.menu-dropdown{ visibility: visible; opacity: 1; transform: scale(1); z-index: 10;}

.sela{ display: flex; justify-content: flex-end; align-items: center; margin-right: 30px;}
.sela .search img{ width: 22px; height: 22px; cursor: pointer;}
.sela .language{ display: flex; justify-content: flex-start; align-items: center; margin-left: 30px;}
/* .sela .language img{ width: 22px; margin-right: 4px;} */
.sela .language span{ font-size: 16px; color: #727272; line-height: 90px;}
.sela .language:hover span{ color: #b71a30; cursor: pointer;}

.sela .language{
	margin-right: 1%;
	position: relative;
	cursor: pointer;
}
.sela .language-label{
	display:flex;
	justify-content: flex-end;
	align-items: center;
}
.sela .language-label .language-icon{
	width: 21px;
}
.sela .language-label .language-on{
	font-size: 16px;
	color: #727272;
	line-height: 25px;
	margin: 0 6px;
	word-break:keep-all;
}
.sela .language-label .arrow-down{
	width: 8px;
	height: 5px;
}
.sela .language .language-select{
	position: absolute;
	top: 25px;
	left: -20px;
	z-index: 9999999;
	background: #ffffff;
	border-radius: 3px;
	padding: 10px 20px;
	width: 100px;
	 display: none;
}
.sela .language .language-option a{
	font-size: 16px;
	color: #727272;
	line-height: 30px;
}
.sela .language:hover .language-select{
	display: block;
}
.sela .language .language-option a:hover{ color: #b71a30;}
.swiper-pagination-bullet{width: 32px!important; height: 4px!important; background: rgba(255, 255, 255, 0.502)!important; border-radius: 2px!important;opacity: 1!important;}
.swiper-pagination-bullet-active{ background: #b71a30!important;}

.about{ margin: 50px 0;}
.about .about-box-title{ font-size: 24px; color: #b71a30; line-height: 40px; margin-top: 30px;}
.about .about-box-slog{ font-size: 36px; color: #232632; line-height: 40px; font-weight: bold; margin: 10px 0 20px 0;}
.about .about-box-desc{ font-size: 16px; color: #646464; line-height: 30px;}
.about-box-more{ margin-top: 45px;}
.about-box-more a{ font-size: 16px; color: #b71a30; line-height: 70px; border: 1px solid #b71a30; border-radius: 5px; padding: 8px 50px 8px 30px; background-image: url('../images/learn_more.png'); background-position: center right 10px; background-repeat: no-repeat; background-size: 23px 13px;}
.about-box-more a:hover{ background-color: #b71a30; color: #ffffff; background-image: url('../images/learn_more_white.png');}
.about .about-box-right{ text-align: right; display: flex; justify-content: flex-end;}
.about .about-right-video{ padding: 30px; background-image: url('../images/video_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: contain;}
.about .about-right-video video{ width: 100%; }
.join-more a{ color: #ffffff;border: 1px solid #ffffff; background-image: url('../images/learn_more_white.png');}
.join-more a:hover{ color: #b71a30; background-color: #ffffff; border: 1px solid #ffffff; background-image: url('../images/learn_more.png');}

.section{ padding: 50px 0;}
.product{ background-image: url('../images/product_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.title-com{ font-size: 36px; color: #2e323c; line-height: 40px; font-weight: bold; text-align: center;}
.border{ width: 80px; height: 5px; background-color: #b71a30; border-radius: 2px; margin: 10px auto;}
.product .product-box{ display: flex; justify-content: space-between; align-items: flex-start; margin-top: 50px;}
.product .product-box .product-box-left{ width: 25%;}
.product .product-box .product-box-right{ width: 75%; margin-right: 60px; background: #ffffff; border-radius: 5px; padding: 20px; height: 440px;}
.product .product-hd-item{ background: #ffffff; display: flex; justify-content: space-between; align-items: center; padding: 10px; border-radius: 5px; margin-bottom: 30px; position: relative;}
.product .product-hd-item img{ width: 140px; border-radius: 5px;}
.product .product-hd-item span{ font-size: 18px; color: #2e323c; line-height: 40px; margin-right: 20px; margin-left: 10px;}
.product .product-hd-item.on::before{ position: absolute; left: -10px; top: 50%; content: ''; margin-top: -10px; width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid #b71a30;}
.product .product-hd-item.on{ background-color: #b71a30;}
.product .product-hd-item.on span{ color: #ffffff;}
.product .product-hd-item:hover{ cursor: pointer;}
.slide-left{ flex: 3;}
.slide-right{ flex: 2;}
.slide-flex{ display: flex; justify-content: space-between; align-items: center; padding: 0 40px;}
.swiper-button-prev:after, .swiper-button-next:after{ color: #c3c3c3; width: 17px; height: 31px; font-size: 28px!important;}
.swiper-button-next, .swiper-button-prev{ width: 17px!important; height: 31px!important;}
.slide-left-title{ font-size: 24px; color: #2e323c; line-height: 40px; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px;}
.slide-left-desc{ margin-top: 20px;}
.slide-left-desc p{ font-size: 16px; color: #525252; line-height: 30px; margin-bottom: 10px;}

.application-title{ background-image: url('../images/application_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.application-cell{ padding-left: 0!important; padding-right: 0!important;}
.application-box{ position: relative;}
.application-name{ font-size: 28px; color: #ffffff; line-height: 40px; position: absolute; top: 30px; left: 30px;}
.more-white{ width: 82px; position: absolute; right: 30px; bottom: 30px;}
.application-hover{opacity: 0;
    transform-origin: center;
    transform: scale(0.1);
    transition: all 0.5s linear; width: 100%; height: 100%; background-image: url('../images/application_hover_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 22; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.application-hover .application-hover-title{ font-size: 28px; color: #ffffff; line-height: 40px;}
.application-hover .application-hover-desc{ font-size: 16px; color: rgba(255, 255, 255, 0.502); line-height: 35px; padding: 0 45px; margin: 45px 0 60px 0;}
.application-hover .application-hover-more{ width: 82px;}
.application-box:hover .application-hover{ visibility: visible; opacity: 1; transform: scale(1); cursor: pointer;}
.application-box:hover{ cursor: pointer;}

.news{ background-image: url('../images/news_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.news-box{ margin-top: 50px;}
.news-item{ position: relative; border-radius: 20px; overflow: hidden;}
.news-pos{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 23;}
.news-opacity{ background: rgba(0, 0, 0, 0.749); height: 50px; width: 100%;}
.news-title{ font-size: 16px; color: #ffffff; line-height: 50px; padding: 0 10px; position: absolute; bottom: 0; left: 0; width: 100%;}
.news-hover{opacity: 0;
    transform-origin: center;
    transform: scale(0.1);
    transition: all 0.5s linear;  position: absolute; top: 0; left: 0; z-index: 24; background: rgba(0, 0, 0, 0.51); width: 100%; height: 100%;}
.news-hover a{ display: block; padding: 30px; height: calc(100% - 60px);}
.news-hover .news-hover-title{ font-size: 20px; color: #ffffff; line-height: 30px;}
.news-hover .news-hover-time{ margin: 10px 0 20px 0; padding-left: 25px; font-size: 14px; color: rgba(255, 255, 255, 0.4); line-height: 25px; background-image: url('../images/date_time.png'); background-position: left center; background-repeat: no-repeat; background-size: 16px 16px;}
.news-hover .news-hover-desc{ font-size: 14px; color: rgba(255, 255, 255, 0.6); line-height: 30px;}
.border-line{opacity: 0;
    transform-origin: center;
    transform: scale(0.1);
    transition: all 0.5s linear;  width: 100%; height: 4px; background-color: #b71a30; position: absolute; bottom: 0; left: 0; z-index: 25;}
.news-item:hover .news-pos{ display: none;}
.news-item:hover .news-hover{ visibility: visible; opacity: 1; transform: scale(1);}
.news-item:hover .border-line{ visibility: visible; opacity: 1; transform: scale(1);}
.news-hover .news-hover-title:hover{ color: #b71a30;}
.news-more{ display: flex; justify-content: center; align-items: center;}

.hornors-box{ margin-top: 50px;}
.hornors-item-title{ text-align: center; margin-top: 10px; position: relative;}
.hornors-item-title a{ font-size: 18px; color: #555555; line-height: 40px; margin-top: 10px; text-align: center;}
.hornors-item:hover a{ color: #b71a30;}
.hornors-item:hover .hornors-item-title::before{ content: ''; width: 60%; height: 1px; background: #b71a30; position: absolute; bottom: 0; left: 20%;}
.hornors-item:hover{ cursor: pointer;}

.join{ background-image: url('../images/join_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.join-flex{ display: flex; justify-content: space-between; align-items: center;}
.join-flex-left{ margin-right: 100px; flex: 1; display: flex; justify-content: flex-start; align-items: center;}
.join-left-title{ font-size: 36px; color: #ffffff; line-height: 50px; font-weight: bold; background-image: url('../images/join_icon.png'); background-position: left center; background-repeat: no-repeat; background-size: 72px 50px; padding-left: 80px;}
.join-border{ width: 10px; height: 10px; background: #ffffff; border-radius: 50%; margin: 0 30px;}
.join-desc{ font-size: 16px; color: #fff; line-height: 35px; flex: 1;}

.footer{ background-image: url('../images/footer_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.footer-logo{ width: 186px;}
.footer-copyright{ font-size: 14px; color: #939393; line-height: 25px; margin-top: 30px;}
.icp a{ font-size: 14px; color: #939393; line-height: 25px;}
.footer-menu{ display: flex; justify-content: space-around; align-items: flex-start;}
.footer-menu-nav{ margin-right: 30px;}
.footer-menu-nav .nav-title a{ font-size: 18px; color: #ffffff; line-height: 50px; position: relative;}
.footer-menu-nav .nav-title a::before{ content: ''; width: 10px; height: 1px; background: rgba(255, 255, 255, 0.149); position: absolute; top: 50%; left: -16px; }
.footer-menu-nav ul li a{ font-size: 16px; color: #909090; line-height: 45px;}
.footer-menu-nav ul li a:hover,.footer-menu-nav .nav-title a:hover{ color: #b71a30;}
.footer-phone a{ font-size: 26px; color: #ffffff; font-weight: 300; background-image: url('../images/phone_footer.png'); background-position: left center; background-repeat: no-repeat; background-size: 30px 30px; padding-left: 44px; line-height: 34px;}
.footer-address a{ font-size: 14px; color: #909090; line-height: 30px;  background-image: url('../images/address_footer.png'); background-position: left center; background-repeat: no-repeat; background-size: 12px 13px; padding-left: 16px; margin-top: 30px;}
.footer-email a{ font-size: 14px; color: #909090; line-height: 30px;  background-image: url('../images/email_footer.png'); background-position: left center; background-repeat: no-repeat; background-size: 12px 13px; padding-left: 16px; }
.code-img{ width: 120px;}
.code-scan{ font-size: 14px; color: #b5b5b5; line-height: 30px; text-align: center;}
.qr-code{ text-align: center; width: 120px; float: right;}
.footer-address{ margin-top: 20px;}

.menu-nav{ background: #f2f2f2; height: 70px;}
.menu-nav-bar{ display: flex; justify-content: space-between; align-items: center;}
.menu-nav-bar .nav-title{ font-size: 24px; color: #b71a30; line-height: 70px;}
.menu-nav-bar .nav-right ul li{ float: left; margin-left: 30px;}
.menu-nav-bar .nav-right ul li a{ font-size: 16px; color: #6f6f6f; line-height: 50px;}
.menu-nav-bar .nav-right ul li.active a{ color: #b71a30; border-bottom: 1px solid #b71a30; padding-bottom: 10px;}
.menu-nav-bar .nav-right ul li:hover a{ color: #b71a30; border-bottom: 1px solid #b71a30; padding-bottom: 10px;}

.profile{ text-align: center;}
.profile .profile-title{ font-size: 24px; color: #b71a30; line-height: 30px; margin-top: 50px;}
.profile .profile-slog{ font-size: 36px; color: #232632; line-height: 40px; margin: 10px 0 20px 0; font-weight: bold;}
.profile .profile-desc,.profile .profile-desc p{ font-size: 16px; column-gap: #464646; line-height: 40px; margin-bottom: 20px;}
.profile .profile-logo{ margin-top: 20px; width: 441px; margin: 20px auto 0;}

.history{ background-image: url('../images/about_process_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
/* .history .swiper-wrapper{ width: 80%; margin: 0 auto;} */
/* .history .swiper-slide{ width: 25%!important;} */
.history .swiper-button-prev:after{ content: ''; width: 55px; height: 55px; background-image: url('../images/prev_c.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.history .swiper-button-next:after{ content: ''; width: 55px; height: 55px; background-image: url('../images/next_c.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.history .swiper-button-next, .history .swiper-button-prev{ width: 55px!important; height: 55px!important; top: 55px;}
.history .history-box{ position: relative; text-align: center;}
.history-box .history-year{ font-size: 30px; color: #555555; line-height: 45px;}
.history-box .histpry-border{ position: relative; background-image: url('../images/circle_gray.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover; width: 28px; height: 28px; margin: 0 auto;}
.history-box::before{ content: ''; width: 100%; height: 1px; border-bottom: 1px dashed #d2d2d2; position: absolute; top: 59px;left: 0;}
.history .swiper-slide-active .history-year{ color: #b71a30;}
.history .swiper-slide-active .histpry-border{ background-image: url('../images/circle_cur.png');}
.history  .history-con{ background: #ffffff; width: 220px; border-radius: 20px; padding: 20px; margin: 20px auto; position: relative;}
.history .swiper-slide-active .history-con::before{ content: ''; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #b71a30; position: absolute; top: -10px; left: 50%; margin-left: -10px;}
.history .history-con::before{ content: ''; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #ffffff; position: absolute; top: -10px; left: 50%; margin-left: -10px;}
.history-con .history-title{ font-size: 18px; color: #555555; line-height: 35px; font-weight: bold;}
.history-con .history-desc{ font-size: 16px; color: #828282; line-height: 30px; margin-top: 10px;}
.history .swiper-slide-active .history-con{ background: #b71a30;}
.history .swiper-slide-active .history-title,.history .swiper-slide-active .history-desc{ color: #ffffff;}

.culture-box{ margin-top: 50px;}
.culture-box .culture-item{ background: #ffffff; border-radius: 20px; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.08); padding: 30px 0;}
.culture-item .culture-item-pic{ width: 96px; height: 96px; margin: 0 auto;}
.culture-item .culture-item-title{ font-size: 24px; color: #555555; line-height: 40px; font-weight: bold; text-align: center; margin-top: 20px;}
.culture-item .culture-item-desc{ font-size: 16px; color: #828282; line-height: 25px; height: 90px; text-align: center; padding: 0 20px;}
.shu .swiper-pagination-bullet{ background: rgba(0, 0, 0, 0.149)!important;}
.shu .swiper-pagination-bullet-active{ background: #b71a30!important;}
.shu .hornors-box{ padding-bottom: 50px;}
.company{ background-image: url('../images/about_video_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.company .company-box{ margin-top: 50px;}

.product-list{ margin-top: 50px;}
.product-list .product-item{ margin-bottom: 30px; border: 1px solid #ffffff; border-radius: 20px; background: #ffffff; box-shadow: 0px 1px 5px 2.5px rgba(0, 0, 0, 0.08); padding: 30px; display: flex; justify-content: space-between; align-items: center;}
.product-item .product-item-left .product-item-left-title{ border-bottom: 1px solid #e5e5e5; font-size: 24px; color: #343434; line-height: 40px; font-weight: bold; padding-bottom: 20px;}
.product-item .product-item-left .product-item-left-con{ margin-top: 20px; }
.product-item .product-item-left .product-item-left-con p{ font-size: 16px; color: #757575; line-height: 30px; text-transform: uppercase;}
.product-item .product-item-left { flex: 1;}
.product-item:hover{ border: 1px solid #b71a30;}
.product-item:hover .product-item-left-title{ color: #b71a30;}
.product-detail{ margin-top: 50px; padding: 30px;} 
.product-detail .product-detail-title{ background: #e5e5e5; height: 50px; font-size: 30px; color: #343434; line-height: 50px; padding-left: 10px;}
.product-detail .product-detail-info{ display: flex; justify-content: space-between; align-items: flex-start; margin-top: 20px;}
.product-detail .detail-right{ flex: 2;}
.product-detail .detail-right img{ width: 100%;}
.product-detail .detail-left{ flex: 3;}
.product-detail .detail-left-title{ font-size: 18px; color: #555555; line-height: 30px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-top: 20px; padding: 0 10px;}
.product-detail .detail-left-desc{ font-size: 16px; color: #757575; line-height: 30px; margin-top: 10px; padding: 0 10px;}
.product-detail .product-detail-pic{ margin-top: 20px;}
.news-topping{
	margin-top: 50px;
}
.topping-box{
	background-color: #e8eaef;
	border-radius: 20px;
	overflow: hidden;
}
.topping-box .news-top-title{
	font-size: 24px;
	color: #232632;
	line-height: 40px;
	margin-top: 50px;
	font-weight: bold;
}
.topping-box .news-time{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 10px 0;
}
.topping-box .news-time img{
	width: 16px;
	height: 16px;
}
.topping-box .news-time span{
	font-size: 14px;
	color: #a1a1a1;
	line-height: 25px;
	margin-left: 5px;
}
.topping-box .news-desc{
	font-size: 16px;
	color: #6f6f6f;
	line-height: 35px;
	margin-right: 20px;
}
.news-topping-more{
	margin-top: 110px;
}
.news-topping-more a{
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
	padding: 10px 30px;
	background-color: #b71a30;
	border-radius: 5px;
	border: 1px solid #ffffff;
}
.news-topping-more a:hover{ background: #ffffff; color: #b71a30; border: 1px solid #b71a30;}
.news-list{
	margin: 50px 0;
}
.news-list .news-list-item{
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	padding: 40px 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.news-list .news-item-left{
	flex-basis: 270px;
	text-align: center;
	margin-right: 38px;
}
.news-list .news-item-left .news-item-left-pic{
	width: 270px;
	height: 160px;
	border-radius: 10px;
}
.news-list .news-item-left .news-day{
	font-size: 60px;
	color: #a4a4a4;
	line-height: 70px;
	font-weight: 300;
}
.news-list .news-item-left .news-year-month{
	font-size: 16px;
	color: #a4a4a4;
	line-height: 35px;
}
.news-list .news-border{
	flex-basis: 8px;
	width: 8px;
	height: 8px;
	background-color: #afafaf;
	border-radius: 4px;
	margin: 0 30px;
}
.news-list .news-item-right{
	flex:1;
}
.news-list .news-item-right .news-list-title a{
	font-size: 24px;
	color: #000000;
	line-height: 40px;
}
.news-list .news-item-right .news-content{
	font-size: 16px;
	color: #8d8d8d;
	line-height: 30px;
}
.news-list .news-list-item:hover{
	cursor: pointer;
	background: #f3f3f3;
	border-top: 1px solid #b71a30;
	border-bottom: 1px solid #b71a30;
}
.news-list .news-list-item:hover .news-day,.news-list .news-list-item:hover .news-year-month{
	color: #b71a30;
}
.news-list .news-list-item:hover .news-border{
	background-color: #b71a30;
}
.news-list .news-list-item:hover .news-list-title a,.news-list-title a:hover{
	color: #b71a30!important;
}
.topping-cell{ padding-left: 0!important; padding-right: 0!important;}
.detail-title{
	font-size: 36px;
	color: #000000;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	margin-top: 50px;
}
.detail-flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.detail-flex .detail-flex-item{
	margin: 10px;
}
.detail-flex .detail-flex-item img{
	width: 16px;
}
.detail-flex .detail-flex-item span{
	font-size: 16px;
	color: #a2a2a2;
	line-height: 30px;
}
.detail-border{
	width: 100%;
	height: 1px;
	background: #ececec;
	margin: 20px 0;
}
.detail-con p{
	font-size: 18px;
	color: #444444;
	line-height: 45px;
	margin-bottom: 30px;
	text-indent: 2em;
}
.prev-next{
	margin-bottom: 50px;
}
.prev-item,.next-item{
	background-color: #f5f5f5;
	background-image: url('../images/prev_c.png');
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 13px 13px;
	padding: 10px 10px 10px 30px;
	margin-bottom: 10px;
}
.next-item{ background-image: url('../images/next_c.png');}
.prev-next-item a{
	font-size: 16px;
	color: #8a8a8a;
	line-height: 20px;
}

.job{
	margin-top:50px;
}
.job .job-flex{ display: flex; justify-content: space-between; align-items: center;}
.join-pic img{
	width: 382px;
}
.joob .job-flex-left{ flex: 1; margin-right: 30px;}
.join-pic{
	text-align: center;
}
.job-slog{
	font-size: 18px;
	color: #5c5c5c;
	line-height: 40px;
}
.job-email{
	font-size: 18px;
	color: #b71a30;
	line-height: 40px;
	font-weight: bold;
}
.job-title{
	font-size: 30px;
	color: #000000;
	line-height: 30px;
	text-align: center;
	margin-top: 30px;
}
.accordion{
	margin-top: 30px;
}
.accordion ul li{
	border-top:1px solid #ececec;
	border-bottom: 1px solid #ececec;
	padding: 0 15px;
}
.accordion .job-flex{
	padding: 15px;
	position: relative;
}
.accordion  .uk-open .job-flex{
	background: #b71a30;
	padding: 15px;
	
}
.accordion .job-ac{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.job-flex-left{
	color: #2b2b2b;
	font-size: 24px;
	line-height: 24px;
}
.job-flex-right span{
	font-size: 16px;
	color: #2b2b2b;
	line-height: 24px;
	margin-left: 20px;
}
 .uk-open .job-flex-left{
	font-size: 24px;
	color: #ffffff;
	line-height: 24px;
}
 .uk-open .job-flex-right span{
	font-size: 16px;
	color: #ffffff;
	line-height: 24px;
	margin-left: 20px;
}
.job-con-label{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0 30px;
}
.job-con-label .job-label-left{
	font-size: 16px;
	color: #000000;
	line-height: 30px;
	margin-right: 10px;
}
.job-con-label .job-label-right{
	font-size: 16px;
	color: #848484;
	line-height: 30px;
	flex: 1;
}
.job-qd{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	padding: 15px 0;
	margin-top: 20px;
	margin-bottom: 50px;
}
.job-qd-left{
	font-size: 16px;
	color: #5d5d5d;
	line-height: 30px;
	flex: 1;
}
.job-qd-right{
	margin-left: 80px;
}
.job-qd-right .job-qd-item{
	font-size: 18px;
	color: #fa0202;
	line-height: 40px;
	font-weight: bold;
}
.uk-accordion-title::before{
	position: absolute;
	right: 10px;
}
.uk-open>.uk-accordion-title::before{
	background-image: url('../images/join_up.png')!important;
}
.uk-accordion-title::before{
	background-image: url('../images/join_down.png')!important;
}
.job-flex-right{
	margin-right: 40px;
}
.contact{ margin-top: 50px;}
.contact .contact-item{ margin-bottom: 50px;}
.contact-item .contact-item-title{ font-size: 24px; color: #000000; line-height: 40px; font-weight: bold;}
.contact-item .contact-item-label { font-size: 16px; color: #626262; line-height: 35px;}
#mapDiv,#mapDiv2{ height: 550px;}
.contact-tab{ margin-bottom: 20px;}
.contact-tab ul{ display: flex; justify-content: flex-start; align-items: center;}
.contact-tab ul li{ text-align: center; font-size: 16px; color: #b71a30; line-height: 40px; border: 1px solid #b71a30; border-radius: 20px; width: 160px; height: 40px; margin-right: 8px;}
.contact-tab ul li.on{ color: #ffffff; background: #b71a30;}
.contact-tab ul li:hover{ cursor: pointer;}
.form{ position: fixed; top: 110px; left: 10%; width: 80%; background: rgba(255, 255, 255); z-index: 9999999; border: 3px solid rgb(170, 170, 170);}
.form .form-box{ padding: 15px; margin: 10px 0;}
.form .form-box input{ border: 1px solid #ececec;
    padding: 12px 15px;
    background: #f2f2f2;
    width: 100%;
    text-indent: 6px;
    box-sizing: border-box;
    outline: 0px;
    border-radius: 0px;
    margin-bottom: 10px;}
.form .form-box .form-title{ font-size: 24px; color: #000000; line-height: 35px;}
.form .form-flex{ display: flex; justify-content: flex-end; align-items: center; padding-right: 50px;}
.form-flex .form-submit{ font-size: 16px; color: #000000; line-height: 35px; padding: 0 15px;}
.form-flex .form-cancel{ font-size: 16px; color: #000000; line-height: 35px; margin-left: 10px; padding: 0 15px;}
.form-flex .form-submit:hover,.form-flex .form-cancel:hover{ cursor: pointer; background: #f2f2f2;}