#indexvideomodal{
    top: 10%;
}
#indexvideomodal .modal-dialog{
    max-width: 8rem;
}
#indexvideomodal .modal-dialog .modal-content .modal-body video{
    width: 100%;
}








.section {
	padding-top: .8rem
}
.index_banner{}
.index_banner .swiper-slide{
    text-align: center;
}
.index_banner .swiper-slide img{
    width: 100%;
    object-fit: cover;
}
.index_banner .swiper-pagination {
	bottom: .25rem!important
}
.index_banner .swiper-pagination .swiper-pagination-bullet {
	background: #fff
}
.index_banner .swiper-pagination .swiper-pagination-bullet-active {
	position: relative
}
.index_banner .swiper-pagination .swiper-pagination-bullet-active:before {
	content: '';
	display: block;
	width: .24rem;
	height: .24rem;
	position: absolute;
	left: -.08rem;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	border-radius: .24rem;
	border: .01rem solid #fff
}
.section .head_block {
	text-align: center
}
.section .head_block img {
	margin-bottom: .1rem
}
.section .head_block .title {
	font-family: fradm;
	font-size: var(--font-size-f-36);
	margin-bottom: .3rem;
}
.index_pro_categories {
	padding-bottom: .85rem
}
.index_pro_categories .categories_box {
	position: relative
}
.index_pro_categories .categories_box .swiper-slide {
	background: #ecf7f7;
	border-radius: .1rem;
	height: 5.8rem;
	cursor: pointer;
	padding-top: .45rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	overflow: hidden
}
.index_pro_categories .categories_box .swiper-slide .head_box {
	height: 4.26rem
}
.index_pro_categories .categories_box .swiper-slide .head_box .head_text_box {
	padding-bottom: .1rem
}
.index_pro_categories .categories_box .swiper-slide .img_box {
	padding-top: 1rem;
	margin-bottom: .3rem;
	transition: all .3s linear;
}
.index_pro_categories .categories_box .swiper-slide .img_box img {
	transition: all .6s linear;
	max-height: 1.6rem;
	object-fit: cover
}
.index_pro_categories .categories_box .swiper-slide .title {
	font-size: var(--font-size-f-24);
	font-family: fradm;
	margin-bottom: .15rem
}
.index_pro_categories .categories_box .swiper-slide .remark {
	font-size: var(--font-size-f-16);
	line-height: .2rem;
	max-width: 84%;
	margin: auto
}
.index_pro_categories .categories_box .swiper-slide .text_box {
	height: 2.2rem;
	text-align: center;
	width: 99%;
	overflow: auto
}
.index_pro_categories .categories_box .swiper-slide .text_box::-webkit-scrollbar {
	width: .03rem;
	height: .1rem;
	background: #fff
}
.index_pro_categories .categories_box .swiper-slide .text_box::-webkit-scrollbar-thumb {
	border-radius: .1reminherit;
	background: #2ca6f9;
	border: .01rem solid #fff
}
.index_pro_categories .categories_box .swiper-slide .text_box a {
	width: 2.6rem;
	line-height: .38rem;
	border-radius: .05rem;
	border: .01rem solid #fff;
	margin: auto;
	margin-bottom: .04rem;
	color: #fff;
	font-size: var(--font-size-f-18);
	background: rgb(204,235,235,.15);
	padding-right: 1%
}
.index_pro_categories .categories_box .swiper-slide .text_box a:hover {
	background: #fff;
	color: #2ca6f9
}
.index_pro_categories .categories_box .swiper-slide .categories_btn {
	width: 3rem;
	height: .45rem;
	background: #fff;
	border-radius: .45rem;
	line-height: .45rem;
	display: inline-grid;
	margin: auto;
	margin-top: .2rem;
	margin-bottom: .15rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}
.index_pro_categories .categories_box .swiper-slide .categories_btn .effect_label span {
	font-size: var(--font-size-f-16);
	font-family: fradm;
	text-transform: uppercase;
	color: #2ca6f9
}
.index_pro_categories .categories_box .swiper-slide .categories_btn .effect_label span img {
	margin-left: .1rem;
	margin-top: .02rem
}
.index_pro_categories .categories_box .swiper-slide:hover {
	background: #2ca6f9
}
.index_pro_categories .categories_box .swiper-slide:hover .title a{
	color: #fff
}
.index_popular_pro {
	min-height: 9rem
}
.index_popular_pro .auto-container {
	position: relative
}
.index_popular_pro .auto-container .head_block img {
	filter: invert(1)
}
.index_popular_pro .auto-container .head_block .title {
	color: #fff
}
.index_popular_pro .popular_pro_box {
	position: relative;
	background: #fff;
	border-radius: .4rem
}
.index_popular_pro .popular_pro_box .swiper-button-next,.index_popular_pro .popular_pro_box .swiper-button-prev {
	top: 30%;
	background-color: rgb(255,255,255,.5)
}
.index_popular_pro .popular_pro_box .swiper-button-next img,.index_popular_pro .popular_pro_box .swiper-button-prev img {
	filter: brightness(0) invert(1)
}
.index_popular_pro .popular_pro_box .swiper-button-next {
	right: -.5rem
}
.index_popular_pro .popular_pro_box .swiper-button-prev {
	left: -.5rem
}
.index_popular_pro .popular_pro_box .swiper-slide .item {
	display: flex;
	height: .8rem;
	justify-content: center;
	align-items: center;
	font-size: var(--font-size-f-16);
	font-family: fradm
}
.index_popular_pro .popular_pro_box .swiper-slide .item .title {
	width: 60%
}
.index_popular_pro .popular_pro_box .swiper-slide .item img {
	margin-right: .1rem;
	width: .35rem;
	max-width: .35rem
}
.index_popular_pro .popular_pro_list {
	max-width: 40%;
	margin-top: .8rem
}
.index_popular_pro .popular_pro_list .swiper-slide .title {
	margin-bottom: .2rem
}
.index_popular_pro .popular_pro_list .swiper-slide .title a {
	font-size: var(--font-size-f-24);
	font-family: fradm;
	color: #fff;
	line-height: .3rem
}
.index_popular_pro .popular_pro_list .swiper-slide .time {
	font-size: var(--font-size-f-14);
	font-family: fradm;
	color: #2ca6f9;
	margin-bottom: .2rem
}
.index_popular_pro .popular_pro_list .swiper-slide .remark {
	color: #fff;
	font-size: var(--font-size-f-18);
	line-height: .26rem;
	margin-bottom: .3rem;
	min-height: 1.3rem
}
.index_popular_pro .popular_pro_list .swiper-slide .more_btn {
	width: 1.65rem;
	height: .5rem;
	border: .02rem solid #2ca6f9;
	border-radius: .5rem;
	display: flex;
	align-items: center
}
.index_popular_pro .popular_pro_list .swiper-slide .more_btn p {
	font-size: var(--font-size-f-18);
	font-family: fradm;
	color: #2ca6f9;
	width: 70%;
	display: inline-block;
	text-align: right;
	transition: all .5s ease
}
.index_popular_pro .popular_pro_list .swiper-slide .more_btn:hover p {
	color: #fff
}
.index_popular_pro .popular_pro_box .swiper-slide-thumb-active,.index_popular_pro .popular_pro_box .swiper-slide:hover {
	background: #acdbda;
	border-radius: .4rem;
	cursor: pointer
}
.index_about {
	min-height: 9rem;
	overflow: hidden;
	margin-top: .08rem;
	padding-top: 1rem
}
.index_about .auto-container {
	color: #fff;
	padding: 0 2.5rem
}
.index_about .head_block img {
	filter: invert(1)
}
.index_about .auto-container .remark {
    font-size: var(--font-size-f-20);
    line-height: .3rem;
    margin: auto;
    text-align: justify;
}
.index_about .index_about_num {
	display: flex;
	justify-content: space-between;
	margin-top: .55rem;
	text-align: center;
	margin-bottom: .8rem
}
.index_about .index_about_num .item {
	width: 20%
}
.index_about .index_about_num .item .counter,.index_about .index_about_num .item span {
	font-size: var(--font-size-f-40);
	font-family: fradm;
	display: inline-block
}
.index_about .index_about_num .item .remark {
	font-size: var(--font-size-f-18);
	line-height: .26rem;
	text-align: center;
}
.index_about .other {
	text-align: center;
	font-size: var(--font-size-f-18);
	font-family: fradm
}
.index_about .other .index_about_more_btn,.index_about .other .index_video_play_btn {
	height: .5rem;
	line-height: .5rem;
	border-radius: .5rem;
	display: inline-grid
}
.index_about .other .index_video_play_btn {
	width: 2.6rem;
	background: #fff;
	cursor: pointer
}
.index_about .other .index_video_play_btn .effect_label span {
	color: #222
}
.index_about .other .index_video_play_btn .effect_label span img {
	vertical-align: sub;
	margin-right: .05rem
}
.index_about .other .index_about_more_btn {
	width: 1.6rem;
	border: .01rem solid #fff;
	color: #fff
}
.index_about .other .index_about_more_btn .effect_label span img {
	margin-left: .05rem;
	margin-top: .03rem;
	filter: brightness(0) invert(1)
}
.index_factory {
	padding-top: .75rem;
	padding-bottom: .2rem
}
.index_factory .index_factory_head {
	font-size: var(--font-size-f-26);
	line-height: .36rem;
	font-family: fradm;
	max-width: 75%;
	margin: auto;
	margin-bottom: .7rem;
	text-align: center
}
.index_factory .index_factory_head span {
	color: #2ca6f9
}
.index_factory .index_factory_box {
	position: relative
}
.index_factory .index_factory_box .swiper-button-next.swiper-button-disabled,.index_factory .index_factory_box .swiper-button-prev.swiper-button-disabled {
	border-radius: .4rem
}
.index_factory .index_factory_box .swiper-button-prev:hover {
	transform: scaleX(.75) scaleY(.75) rotate(180deg)
}
.index_factory .index_factory_box .swiper-button-next:hover {
	transform: scaleX(.75) scaleY(.75)
}
.index_factory .index_factory_box .swiper .swiper-slide {
	cursor: pointer;
	overflow: hidden
}
.index_why_us {
	display: flex;
	align-items: stretch
}
.index_why_us .left {
	background: #2ca6f9;
	padding-left: 2.6rem;
	max-width: 8rem;
	padding-right: .6rem
}
.index_why_us .left .head_block {
	padding-top: .9rem;
	text-align: left;
	color: #fff;
	padding-bottom: .6rem
}
.index_why_us .left .head_block .title{
    margin-bottom: 0;
}
.index_why_us .left .head_block img {
	filter: invert(1)
}
.index_why_us .left .index_why_us_box .item {
	border-top: .01rem solid rgb(255,255,255,.4);
	padding: .3rem 0;
	cursor: pointer
}
.index_why_us .left .index_why_us_box .item .item_head {
	display: flex;
	justify-content: space-between;
	align-items: center
}
.index_why_us .left .index_why_us_box .item .item_head .icon {
	width: 95%
}
.index_why_us .left .index_why_us_box .item .item_head .icon img {
	margin-right: .15rem;
	max-width: .38rem
}
.index_why_us .left .index_why_us_box .item .item_head .icon p {
	font-size: var(--font-size-f-22);
	line-height: .26rem;
	color: #fff;
	font-family: fradm;
	display: inline-block;
	max-width: 85%
}
.index_why_us .left .index_why_us_box .item .item_head .other {
	width: .26rem;
	height: .26rem;
	border-radius: .26rem;
	background: #fff;
	position: relative
}
.index_why_us .left .index_why_us_box .item .item_head .other::after,.index_why_us .left .index_why_us_box .item .item_head .other::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -.01rem;
	right: 0;
	margin: auto;
	content: '';
	width: 9px;
	height: 9px;
	transition: all .5s linear
}
.index_why_us .left .index_why_us_box .item .item_head .other::after {
	border-right: .02rem solid #2ca6f9;
	transform: rotate(45deg)
}
.index_why_us .left .index_why_us_box .item .item_head .other::before {
	border-bottom: .02rem solid #2ca6f9;
	transform: rotate(45deg)
}
.index_why_us .left .index_why_us_box .item .item_head .other.open::before {
	transform: rotate(130deg)
}
.index_why_us .left .index_why_us_box .item .item_head .other.open::after {
	transform: rotate(-45deg)
}
.index_why_us .left .index_why_us_box .item .remark {
	font-size: var(--font-size-f-16);
	line-height: .24rem;
	color: #fff;
	display: none;
	padding-top: .2rem;
	max-width:468px
}
.index_why_us .right .item {
	display: none;
	height: 100%
}
.index_why_us .right .item img {
	height: 100%;
	object-fit: cover
}
.index_news {
	padding-top: .7rem;
	padding-bottom: .7rem;
	border-bottom: .02rem solid #eef2f2
}
.index_news .index_news_box {
	margin-top: .4rem;
	position: relative
}
.index_news .index_news_box .item .img_box {
	border-radius: .1rem .1rem 0 0;
	overflow: hidden
}
.index_news .index_news_box .item .text_box {
	background: #f2f6f6;
	padding: .3rem;
	border: .02rem solid transparent;
	border-top: 0;
	border-radius: 0 0 .1rem .1rem
}
.index_news .index_news_box .item .text_box .title {
	margin-bottom: .3rem
}
.index_news .index_news_box .item .text_box .title a {
	font-size: var(--font-size-f-20);
	line-height: .26rem;
	font-family: fradm;
	min-height: .52rem
}
.index_news .index_news_box .item .text_box .other {
	display: flex;
	justify-content: flex-start;
	font-family: fradm;
	margin-bottom: .25rem
}
.index_news .index_news_box .item .text_box .other .view {
	background: #2ca6f9;
	color: #fff;
	padding: 0 .16rem;
	line-height: .36rem;
	border-radius: .36rem;
	font-size: var(--font-size-f-14);
	margin-right: .1rem
}
.index_news .index_news_box .item .text_box .other .view img {
	margin-right: .1rem;
	vertical-align: middle;
	margin-top: -.03rem;
	max-width: .16rem
}
.index_news .index_news_box .item .text_box .other .time {
	background: rgb(18,165,163,.15);
	color: #2ca6f9;
	padding: 0 .16rem;
	line-height: .36rem;
	border-radius: .36rem;
	font-size: var(--font-size-f-14)
}
.index_news .index_news_box .item .text_box .remark {
	font-size: var(--font-size-f-16);
	line-height: .22rem;
	color: #666;
	min-height: .66rem
}
.index_news .index_news_box .item:hover .text_box {
	background: #fff;
	border-color: #2ca6f9
}
.index_quality {
	margin-bottom: 1rem
}
.index_quality .auto-container {
	display: flex
}
.index_quality .left {
	width: 64.285%;
	padding-right: 1rem
}
.index_quality .left .head_block {
	text-align: left;
	display: flex
}
.index_quality .left .head_block .title {
	margin-left: .1rem;
	line-height: .46rem;
	max-width: 86%
}
.index_quality .left .index_quality_box .item {
	padding: .2rem .4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer
}
.index_quality .left .index_quality_box .item .qa {
	width: 94%
}
.index_quality .left .index_quality_box .item .qa p {
	font-size: var(--font-size-f-20);
	font-family: fradm;
	line-height: .4rem
}
.index_quality .left .index_quality_box .item .qa div {
	font-size: var(--font-size-f-16);
	line-height: .24rem;
	display: none
}
.index_quality .left .index_quality_box .item .other {
	width: .4rem;
	height: .4rem;
	border-radius: .4rem;
	background: #e0eaea;
	position: relative;
	border: .01rem solid transparent
}
.index_quality .left .index_quality_box .item .other::after,.index_quality .left .index_quality_box .item .other::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -.01rem;
	right: 0;
	margin: auto;
	content: '';
	width: 11px;
	height: 11px;
	transition: all .5s linear
}
.index_quality .left .index_quality_box .item .other::after {
	border-right: .03rem solid #222;
	transform: rotate(45deg)
}
.index_quality .left .index_quality_box .item .other::before {
	border-bottom: .03rem solid #222;
	transform: rotate(45deg)
}
.index_quality .left .index_quality_box .item .other.open::before {
	transform: rotate(130deg);
	border-color: #fff
}
.index_quality .left .index_quality_box .item .other.open::after {
	transform: rotate(-45deg);
	border-color: #fff
}
.index_quality .left .index_quality_box .item .other.open {
	border-color: #222;
	background: #2ca6f9
}
.index_quality .left .index_quality_box .item:hover {
	background: #ddf8f8;
	border-radius: .2rem
}
.index_quality .right {
	width: 35.714%;
	border-radius: .1rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	min-height: 4.6rem
}
.index_quality .right .right_title {
	font-size: var(--font-size-f-34);
	line-height: .46rem;
	color: #fff;
	font-family: fradm;
	text-align: center;
	max-width: 80%;
	margin-bottom: .2rem
}
.index_quality .right .more_btn {
	width: 2.05rem;
	height: .5rem;
	border: .02rem solid #fff;
	border-radius: .5rem;
	display: flex;
	align-items: center;
	margin-bottom: .45rem
}
.index_quality .right .more_btn p {
	font-size: var(--font-size-f-18);
	font-family: fradm;
	color: #fff;
	width: 70%;
	display: inline-block;
	text-align: right;
	transition: all .5s ease
}
.index_quality .right .more_btn .btn_icon:before {
	filter: brightness(0) invert(1)
}
.index_quality .right .more_btn:hover p {
	color: #fff
}
.index_quality .right .more_btn:hover {
	border-color: #2ca6f9
}
.home_banner {
	position: relative;
	
}
.home_banner .img_box{
    text-align: center;
}
.home_banner .img_box img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.crumbs {
	height: .8rem;
	padding-top: .1rem;
	color: #666
}
.crumbs a {
	font-size: var(--font-size-f-16);
	color: #666
}
.crumbs img {
	margin-right: .1rem;
	vertical-align: baseline;
	max-width: .16rem;
	filter: brightness(.5)
}
.page_content .page_about .company_profile {

}
.page_content .page_about .company_profile {
	width: 100%;
	/* padding-right: 2.6rem; */
	padding-top: .5rem;
	position: relative
}
.page_content .page_about .company_profile:before {
	content: '';
	display: block;
	width: 1rem;
	height: .03rem;
	background: #2ca6f9
}
.page_content .page_about .company_profile .title {
	font-size: var(--font-size-f-36);
	font-family: fradm;
	line-height: .4rem;
	margin-bottom: .45rem;
	padding-top: .2rem;
	text-align: center;
}
.page_content .page_about .company_profile .video{
    margin-bottom: .5rem;
}
.page_content .page_about .company_profile .content {
	font-size: var(--font-size-f-16)
}
.page_content .page_about .company_profile .content p em {
	font-style: normal;
	font-size: var(--font-size-f-16);
	font-family: fradm;
	display: inline-block;
	width: .4rem;
	height: .4rem;
	border-radius: .4rem;
	background-color: rgb(132,36,64,.1);
	text-align: center;
	line-height: .4rem;
	margin-right: .2rem
}
.page_content .page_about .company_profile .company_mvv {
	display: flex;
	margin-top: .7rem
}
.page_content .page_about .company_profile .company_mvv .item {
	width: 50%;
	border-right: .01rem solid #dbf0f0;
	padding-right: 5%
}
.page_content .page_about .company_profile .company_mvv .item:nth-child(2) {
	border-right: 0;
	padding-right: 0;
	padding-left: 10%
}
.page_content .page_about .company_profile .company_mvv .item .img_box img {
	max-width: .8rem
}
.page_content .page_about .company_profile .company_mvv .item .img_box p {
	display: inline-block;
	line-height: .8rem;
	padding-left: .15rem;
	font-size: var(--font-size-f-20);
	font-family: fradm;
	color: #2ca6f9
}
.page_content .page_about .company_profile .company_mvv .item .text_box {
	margin-top: .1rem
}
.page_content .page_about .company_profile .company_mvv .item .text_box span {
	font-size: var(--font-size-f-18);
	line-height: .26rem;
	color: #2ca6f9
}
.page_content .page_about .about_factory {
	padding: 1.1rem 0;
	padding-bottom: .9rem
}
.page_content .page_about .about_factory .factory_swiper {
	position: relative
}
.page_content .page_about .about_factory .factory_swiper .swiper-slide {
	cursor: pointer
}
.page_content .page_about .about_factory .factory_swiper .swiper-pagination {
	bottom: .2rem!important
}
.page_content .page_about .about_advantage {
	overflow: hidden;
	padding-bottom: 1.1rem
}
.page_content .page_about .about_advantage .head_title,.page_content .page_about .certification .head_title {
	font-size: var(--font-size-f-46);
	font-family: fradm;
	text-align: center
}
.page_content .page_about .about_advantage .advantage_box {
	margin-top: .3rem
}
.page_content .page_about .about_advantage .advantage_box .item {
	background: #e7f6f6;
	width: 32.38%;
	float: left;
	text-align: center;
	border-radius: .3rem;
	margin-right: .2rem;
	min-height: 6.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	padding: 6.5% 4.9%;
	transition: transform .5s ease
}
.page_content .page_about .about_advantage .advantage_box .item:nth-child(3) {
	margin-right: 0
}
.page_content .page_about .about_advantage .advantage_box .item .item_title {
	font-size: var(--font-size-f-30);
	line-height: .24rem;
	color: #2ca6f9;
	font-family: fradm;
	margin-top: .5rem;
	text-transform: uppercase;
	margin-bottom: .2rem
}
.page_content .page_about .about_advantage .advantage_box .item .remark {
	font-size: var(--font-size-f-16);
	line-height: .26rem
}
.page_content .page_about .about_advantage .advantage_box .item .bottom_remark {
	font-size: var(--font-size-f-24)
}
.page_content .page_about .about_advantage .advantage_box .item:hover {
	transform: translate(0,-.05rem)
}
.page_content .page_about .certification {
	padding-top: .7rem;
	background: #e7f6f6;
	padding-bottom: .6rem
}
.page_content .page_about .certification .certification_swiper {
	padding-top: .7rem;
	max-width: 98%;
	margin: auto;
	position: relative;
	padding-bottom: .4rem;
	margin-bottom: .2rem
}
.page_content .page_about .certification .certification_swiper .swiper-slide {
	border: .04rem solid #d0d7d7;
	border-radius: .05rem
}
.page_content .page_about .certification .certification_swiper .swiper-slide .item {
	position: relative;
	cursor: pointer
}
.page_content .page_about .certification .certification_swiper .swiper-slide .item .mask:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	opacity: 0;
	z-index: 0;
	transition: all .5s
}
.page_content .page_about .certification .certification_swiper .swiper-slide .item .mask img {
	content: '';
	display: block;
	width: .27rem;
	height: .27rem;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	z-index: 2;
	opacity: 0;
	transition: all .5s
}
.page_content .page_about .certification .certification_swiper .swiper-slide .item:hover .mask img,.page_content .page_about .certification .certification_swiper .swiper-slide .item:hover .mask:before {
	opacity: 1
}
.page_content .page_about .certification .certification_swiper .swiper-pagination .swiper-pagination-bullet {
	background: #2ca6f9;
	border-color: #2ca6f9
}
.page_content .page_about .certification .certification_swiper .swiper-pagination .swiper-pagination-bullet-active {
	background: 0 0
}
.page_content .page_about .certification .certification_remark {
	width: 65%;
	margin: auto;
	text-align: center;
	font-size: var(--font-size-f-24)
}
.page_content .page_about .certification .certification_remark span {
	color: #2ca6f9
}
.page_content .page_application {
	background: #f2f6f7;
	padding-bottom: 1rem
}
.page_content .page_application .list_content_box {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between
}
.page_content .page_application .list_content {
	width: 77.145%
}
.page_content .page_application .list_content .list_box li {
	background: #fff;
	padding: .2rem;
	border-radius: .1rem;
	margin-bottom: .1rem;
	display: flex
}
.page_content .page_application .list_content .list_box li .img_box {
	border-radius: .1rem;
	overflow: hidden;
	width: 38%
}
.page_content .page_application .list_content .list_box li .text_box {
	width: 62%;
	padding: .3rem .5rem;
	font-size: var(--font-size-f-16);
	line-height: .22rem;
	color: #666
}
.page_content .page_application .list_content .list_box li .text_box .title {
	font-size: var(--font-size-f-20);
	line-height: .26rem;
	font-family: fradm;
	margin-bottom: .2rem
}
.page_content .page_application .list_content .list_box li .text_box .remark {
	margin-bottom: .2rem
}
.page_content .page_application .list_content .list_box li .text_box .more_btn {
	width: 1.65rem;
	height: .5rem;
	border: .02rem solid #2ca6f9;
	border-radius: .5rem;
	display: flex;
	align-items: center
}
.page_content .page_application .list_content .list_box li .text_box .more_btn p {
	font-size: var(--font-size-f-18);
	font-family: fradm;
	color: #2ca6f9;
	width: 70%;
	display: inline-block;
	text-align: right;
	transition: all .5s ease
}
.page_content .page_application .list_content .list_box li .text_box .more_btn:hover p {
	color: #fff
}
.page_content .page_application .list_content .list_box li:hover {
	box-shadow: 0 0 16px 0 rgba(0,0,0,.16)
}
.page_content .left_sidebar {
	width: 22.858%;
	padding-right: 1.429%
}
.page_content .left_sidebar .category ul {
	background: #fff;
	border-radius: .1rem;
	margin-bottom: .2rem
}
.page_content .left_sidebar .category ul li {
	position: relative;
	padding: 0 .2rem
}
.page_content .left_sidebar .category .cat-name {
	display: flex;
	align-items: center;
	font-size: var(--font-size-f-16);
	justify-content: flex-start;
	border-bottom: .01rem solid #eee;
	padding: .2rem .05rem;
	font-family: fradm
}
.page_content .left_sidebar .category li:last-child .cat-name {
	border: 0
}
.page_content .left_sidebar .category .cat-name .icon {
	margin-right: .2rem
}
.page_content .left_sidebar .category .cat-name img {
	max-width: .38rem
}
.page_content .left_sidebar .category li.active,.page_content .left_sidebar .category li:hover {
	background: #dcf2f1
}
.page_content .left_sidebar .category li.active::before,.page_content .left_sidebar .category li:hover::before {
	position: absolute;
	top: 35%;
	right: -10px;
	border-top: 10px solid transparent;
	border-left: 10px solid #222;
	border-bottom: 10px solid transparent
}
.page_content .left_sidebar .category li.active .cat-name,.page_content .left_sidebar .category li:hover .cat-name {
	color: #2ca6f9
}
.page_content .left_sidebar .sidebar-from {
	padding: .25rem;
	border-radius: .1rem;
	background: #fff
}
.page_content .left_sidebar .sidebar-from .header {
	margin-bottom: 25px
}
.page_content .left_sidebar .sidebar-from .header span {
	font-size: var(--font-size-f-22);
	font-family: fradm
}
.page_content .left_sidebar .sidebar-from .from .input>div {
	background: #f2f6f7;
	margin-bottom: .1rem;
	border-radius: 5px;
	font-size: var(--font-size-f-16);
	padding: .08rem;
	padding-left: .15rem
}
.page_content .left_sidebar .sidebar-from .from .content {
	background: #f2f6f7;
	width: 100%;
	margin-bottom: .1rem;
	padding: .1rem .15rem;
	border-radius: .05rem;
	font-size: var(--font-size-f-16);
	height: 1rem
}
.page_content .left_sidebar .sidebar-from .from .submit {
	width: 1.1rem;
	padding: .08rem;
	border-radius: .4rem;
	background: #2ca6f9;
	color: #fff;
	text-align: center;
	font-size: var(--font-size-f-16);
	margin: auto
}
.page_content .left_sidebar .sidebar-from .from .submit input {
	font-family: fradm
}
.page_content .page_products {
	padding-bottom: .8rem;
	background: #f2f6f7
}
.page_content .page_products .product_categorys {
	padding-bottom: .4rem
}
.page_content .page_products .product_categorys .auto-container {
	background: #fff;
	border-radius: .1rem;
	padding: .1rem .4rem
}
.page_content .page_products .product_categorys .item {
	padding: .15rem 0;
	border-bottom: .01rem solid #e6eff1
}
.page_content .page_products .product_categorys .item:last-child,.page_content .page_products .product_categorys .item:nth-child(4n) {
	border: 0
}
.page_content .page_products .product_categorys .item .nav_category {
	font-size: var(--font-size-f-18);
	transition: all .3s;
	display: flex;
	align-items: center
}
.page_content .page_products .product_categorys .item .nav_category>a {
	width: 15%;
	font-family: fradm;
	margin-right: .5rem
}
.page_content .page_products .product_categorys .item .nav_category .iconfont {
	position: absolute;
	top: 35%;
	right: 8%;
	margin: auto;
	width: .2rem;
	height: .2rem;
	transition: .3s;
	cursor: pointer
}
.page_content .page_products .product_categorys .item .nav_category .iconfont:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: '';
	width: .1rem;
	height: .1rem;
	border-right: .02rem solid #222;
	border-bottom: .02rem solid #222;
	transform: rotate(45deg)
}
.page_content .page_products .product_categorys .item .nav_category_child {
	width: 82%
}
.page_content .page_products .product_categorys .item .nav_category_child li {
	float: left;
	border-radius: .1rem;
	margin-right: .06rem;
	margin-bottom: .06rem;
	transition: all .5s ease
}
.page_content .page_products .product_categorys .item .nav_category_child li a {
	font-size: var(--font-size-f-18);
	line-height: .26rem;
	padding: .07rem .2rem
}
.page_content .page_products .product_categorys .item .nav_category:hover,.page_content .page_products .product_categorys .item.active .nav_category {
	color: var(--color)
}
.page_content .page_products .product_categorys .item.active .nav_category>a {
	color: var(--color)
}
.page_content .page_products .product_categorys .item .nav_category_child li.active a,.page_content .page_products .product_categorys .item .nav_category_child li:hover a{
	color: var(--color);
}
.page_content .page_products .product_categorys .item .nav_category_child li.active a,.page_content .page_products .product_categorys .item .nav_category_child li:hover a {
}
.page_content .page_products .product_categorys .categorys_more_btn {
	position: relative;
	width: 1.4rem;
	height: .4rem;
	line-height: .4rem;
	border-radius: 0 0 .2rem .2rem;
	background: #eee;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0 .2rem;
	cursor: pointer;
	transition: all .5s ease
}
.page_content .page_products .product_categorys .categorys_more_btn span {
	font-size: var(--font-size-f-16);
	color: #666
}
.page_content .page_products .product_categorys .categorys_more_btn .iconfont {
	position: absolute;
	top: 20%;
	right: 10%;
	width: .2rem;
	height: .2rem;
	transition: .3s;
	cursor: pointer
}
.page_content .page_products .product_categorys .categorys_more_btn .iconfont:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: '';
	width: .11rem;
	height: .11rem;
	border-right: .02rem solid #666;
	border-bottom: .02rem solid #666;
	transform: rotate(45deg)
}
.page_content .page_products .product_categorys .categorys_more_btn:hover {
	background-color: var(--color)
}
.page_content .page_products .product_categorys .categorys_more_btn:hover span {
	color: #fff
}
.page_content .page_products .product_categorys .categorys_more_btn.open .iconfont:before {
	border-right: 0;
	border-bottom: 0;
	border-left: .02rem solid #666;
	border-top: .02rem solid #666;
	top: .08rem
}
.page_content .page_products .product_categorys .categorys_more_btn:hover .iconfont:before {
	border-color: #fff
}

.page_content .page_products .product_list_box {
	padding-top: .4rem;
	border-top: .01rem solid #e4e4e4
}
.page_content .page_products .product_list_box .product_list_head {
	display: flex;
	justify-content: space-between;
	margin-bottom: .15rem
}
.page_content .page_products .product_list_box .product_list_head .cate_name {
	font-size: var(--font-size-f-20);
	font-family: fradm
}
.page_content .page_products .product_list_box .product_list_head .count_product {
	font-size: var(--font-size-f-16);
	color: #666
}
.page_content .page_products .product_list_box .product_list_head .count_product span {
	margin-right: .05rem
}
.page_content .page_products .product_list_box .product_list_item {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start
}
.page_content .page_products .product_list_box .product_list_item .item {
	background: #fff;
	border: .02rem solid transparent;
	position: relative;
	cursor: pointer;
	width: 24.45%;
	margin-right: .1rem;
	margin-bottom: .1rem;
	border-radius: .05rem;
	padding: .3rem
}
.page_content .page_products .product_list_box .product_list_item .item:nth-child(4n) {
	margin-right: 0
}
.page_content .page_products .product_list_box .product_list_item .item a {
	position: relative;
	z-index: 2;
	display: block
}
.page_content .page_products .product_list_box .product_list_item .item:after,.page_content .page_products .product_list_box .product_list_item .item:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	transition: .5s ease-in-out;
	border-radius: .05rem
}
.page_content .page_products .product_list_box .product_list_item .item:before {
	top: -.02rem;
	left: -.02rem;
	border-top: .02rem solid transparent;
	border-left: .02rem solid transparent
}
.page_content .page_products .product_list_box .product_list_item .item:after {
	right: -.02rem;
	bottom: -.02rem;
	border-bottom: .02rem solid transparent;
	border-right: .02rem solid transparent
}
.page_content .page_products .product_list_box .product_list_item .item:hover:after,.page_content .page_products .product_list_box .product_list_item .item:hover:before {
	width: calc(100% + .04rem);
	height: calc(100% + .04rem);
	border-color: var(--color)
}
.page_content .page_products .product_list_box .product_list_item .item .img_box {
	text-align: center;
	margin-bottom: .3rem
}
.page_content .page_products .product_list_box .product_list_item .item .text_box {
	text-align: center
}
.page_content .page_products .product_list_box .product_list_item .item .text_box .title {
	font-size: var(--font-size-f-16);
	line-height: .22rem
}
.page_content .page_products .product_list_box .product_list_item .item .text_box .recommend {
	padding: .1rem
}
.page_content .page_products .product_list_box .product_list_item .item .text_box .recommend span {
	display: inline-block;
	margin-right: .05rem
}
.page_content .page_products .product_list_box .product_list_item .item .text_box .recommend span img {
	max-width: .15rem;
	vertical-align: baseline
}
.page_content .page_products .product_list_box .product_list_item .item a:hover .text_box .remark {
	color: initial
}
.page_content .page_products .product_list_box .product_list_item .item .text_box .quote-button {
	font-size: var(--font-size-f-14);
	color: var(--color);
	text-transform: uppercase;
	width: auto;
	border: .01rem solid var(--color);
	height: .3rem;
	border-radius: .3rem;
	text-align: center;
	transition: all .36s linear;
	display: inline-grid;
	position: relative;
	z-index: 1;
	padding: 0 .12rem;
	display: none;
}
.page_content .page_products .product_list_box .product_list_item .item .text_box .quote-button:hover {
	background: var(--color);
	color: #fff
}
.inside-pagination {
	padding-top: .9rem
}
.inside-pagination ul {
	width: 40%;
	margin: auto;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center
}
.inside-pagination li {
	margin-right: .06rem
}
.inside-pagination .pre-page {
	margin-left: 0;
	margin-right: .14rem
}
.inside-pagination li a {
	width: .4rem;
	height: .4rem;
	border-radius: .4rem;
	line-height: .35rem;
	text-align: center;
	background-color: transparent;
	border: .01rem solid #cdcdcd;
	display: inline-block;
	font-family: fradm;
	font-size: var(--font-size-f-16)
}
.inside-pagination .next-page a,.inside-pagination .pre-page a {
	border-color: var(--color);
	display: flex;
	align-items: center;
	justify-content: center
}
.inside-pagination .next-page {
	margin-right: 0;
	margin-left: .08rem
}
.inside-pagination li a img {
	max-width: .12rem
}
.inside-pagination .pre-page a img {
	transform: rotate(180deg)
}
.inside-pagination li.active a,.inside-pagination li:hover a {
	border-color: var(--color);
	color: var(--color)
}
.inside-pagination .next-page .btn_effect2:hover,.inside-pagination .pre-page .btn_effect2:hover {
	background-color: var(--color)!important;
	transform: scaleX(1) scaleY(1)
}
.inside-pagination .next-page .btn_effect2:hover img,.inside-pagination .pre-page .btn_effect2:hover img {
	filter: invert(100) brightness(100)
}
.page_content .product_show {
	background: #f2f6f7
}
.page_content .product_show .pro_show_head {
	display: flex;
	margin-bottom: .65rem;
	overflow: hidden;
	min-height: 6rem
}
.page_content .product_show .pro_show_head .head_thumb_box {
	width: 50%
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover {
	display: flex;
	flex-direction: row-reverse
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .gallery_top {
	width: 85.7142%;
	height: 6rem
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .gallery_top .swiper-slide .magnifier {
	position: absolute;
	bottom: .2rem;
	right: .2rem
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .gallery_thumb {
	position: relative;
	width: 12.8571%;
	height: 6rem;
	margin-right: 1.4285%
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .gallery_thumb .swiper {
	margin-top: .64rem;
	height: 4.7rem
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .gallery_thumb .swiper-slide {
	border: .01rem solid #dbdbdb;
	cursor: pointer;
	background: #fff;
	text-align: center
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .gallery_thumb .swiper-slide img {
	width: 100%;
	height: 100%;
	text-align: center;
	object-fit: cover
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .gallery_thumb .swiper-slide.swiper-slide-thumb-active,.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .gallery_thumb .swiper-slide:hover {
	border-color: var(--color)
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .thumb_arrow .swiper-button-next,.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .thumb_arrow .swiper-button-prev {
	width: 100%;
	background-color: var(--color);
	height: .6rem;
	margin-top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	opacity: 1
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .thumb_arrow .swiper-button-next img,.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .thumb_arrow .swiper-button-prev img {
	max-width: .14rem;
	filter: brightness(0) invert(1);
	transform: rotate(90deg)
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .thumb_arrow .swiper-button-next.swiper-button-disabled,.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .thumb_arrow .swiper-button-prev.swiper-button-disabled {
	background: #cdebeb
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .thumb_arrow .swiper-button-next.swiper-button-disabled img,.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .thumb_arrow .swiper-button-prev.swiper-button-disabled img {
	filter: none
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .thumb_arrow .swiper-button-next {
	right: 0;
	bottom: 0;
	top: unset
}
.page_content .product_show .pro_show_head .head_thumb_box .thumb_cover .thumb_arrow .swiper-button-prev {
	left: 0;
	top: 0
}
.page_content .product_show .pro_show_head .head_text {
	width: 49.2861%;
	margin-left: .7139%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: center;
	background: #fff;
	padding: .5rem .6rem
}
.page_content .product_show .pro_show_head .head_text .head_title {
	font-size: var(--font-size-f-28);
	font-family: fradm;
	line-height: .36rem;
	margin-bottom: .05rem
}
.page_content .product_show .pro_show_head .head_text .head_remark {
	font-size: var(--font-size-f-16);
	line-height: .2rem
}
.page_content .product_show .pro_show_head .head_text .head_recommend {
	padding: .15rem 0;
	border-bottom: .01rem solid #ddd;
	width: 100%
}
.page_content .product_show .pro_show_head .head_text .head_recommend span img {
	max-width: .3rem
}
.page_content .product_show .pro_show_head .head_text .pro_features {
	padding: .15rem 0;
	padding-bottom: .1rem;
	border-bottom: .01rem solid #ddd;
	width: 100%
}
.page_content .product_show .pro_show_head .head_text .pro_features .pro_features_title {
	font-size: var(--font-size-f-16);
	line-height: .2rem;
	color: var(--color);
	font-family: fradm
}
.page_content .product_show .pro_show_head .head_text .pro_features .pro_features_remark {
	white-space: pre-line;
	font-size: var(--font-size-f-16);
	padding: .15rem 0;
	line-height: .3rem;
	color: #666
}
.page_content .product_show .pro_show_head .head_text .head_inquire .inquire_btn,.page_content .product_show .pro_show_head .head_text .head_inquire .inquire_contact,.page_content .product_show .pro_show_head .head_text .head_inquire .inquire_download {
	height: .45rem;
	border-radius: .45rem;
	padding: 0 .24rem;
	border: .02rem solid transparent;
	font-size: var(--font-size-f-16);
	font-family: fradm;
	display: inline-grid;
}
.page_content .product_show .pro_show_head .head_text .head_inquire {
	margin-top: .3rem
}
.page_content .product_show .pro_show_head .head_text .head_inquire .inquire_btn {
	border-color: var(--color);
	color: var(--color);
	margin-right: .1rem;
	display: none;
}
.page_content .product_show .pro_show_head .head_text .head_inquire .inquire_contact {
	border-color: var(--color);
	background: var(--color);
	margin-right: .1rem;
	color: #fff
}
.page_content .product_show .pro_show_head .head_text .head_inquire .inquire_download {
	background: #cdebeb;
	color: var(--color)
}
.page_content .product_show .pro_show_head .head_text .head_inquire .inquire_download img {
	margin-right: .1rem
}
.page_content .product_show .pro_show_content_box {
	background: #fff;
	padding-bottom: 3%;
	border-bottom: 1px solid #e0f1f1;
}
.page_content .product_show .prev-next{
    max-width: 10rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.page_content .product_show .prev-next > div{
    width: 49.5%;
    background: rgb(224 241 241 / 50%);
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page_content .product_show .prev-next > div > div{
    display: flex;
    width: 100%;
}
.page_content .product_show .prev-next > div > div p{
    max-width: 80%;
}
.page_content .product_show .prev-next  span,.page_content .product_show .prev-next a{
    
    font-size: var(--font-size-f-20);
}
.page_content .product_show .prev-next span{
    margin-right: 4%;font-family: fradm;
}
.page_content .product_show .prev-next > div > span{
    width: 35px;
    height: 35px;
    min-width: 35px;
    background: #cccccc;
    line-height: 35px;
    text-align: center;
    border-radius: 35px;
}
.page_content .product_show .prev-next > div span img{
    vertical-align: middle;
    filter: brightness(0);
    max-width: 12px;
    margin-top: -4px;
}
.page_content .product_show .prev-next > div:first-child span img{
	transform: rotate(-180deg);
}
.page_content .product_show .prev-next > div:last-child > span{
	margin-right: 0;
	margin-left: 4%;
}
.page_content .product_show .pro_show_content {
	max-width: 10rem;
	margin: auto;
	padding: .7rem 0;
	font-size: var(--font-size-f-16);
	line-height: .26rem
}
.page_content .product_show .pro_show_content p{
    margin-bottom: .1rem;
}
.page_content .product_show .pro_show_content .pro_show_title {
	font-size: var(--font-size-f-36);
	font-family: fradm;
	text-align: center;
	margin-bottom: .2rem
}
.page_content .product_show .pro_show_content table {
	border-color: #e9f2f4
}
.page_content .product_show .pro_show_content table[border="1"] {
	border-width: .01rem
}
.page_content .product_show .pro_show_content table[border="2"] {
	border-width: .02rem
}
.page_content .product_show .pro_show_content table tr:nth-child(even) {
	background: #e9f2f4
}
.page_content .product_show .pro_show_content table tr td {
	height: .4rem;
	padding-left: .3rem
}
.page_content .product_show .pro_show_content .line {
	width: 100%;
	height: .02rem;
	background: #cdebeb
}
.page_content .product_show .pro_show_content .pro_show_img_box {
	overflow: hidden
}
.page_content .product_show .pro_show_content .pro_show_img_box p {
	width: 32.89%;
	float: left;
	margin-bottom: 1%;
	margin-right: .6671%
}
.page_content .product_show .pro_show_content .pro_show_img_box p:nth-child(1),.page_content .product_show .pro_show_content .pro_show_img_box p:nth-child(2) {
	width: 49.5%;
	margin-right: .2%
}
.page_content .product_show .pro_show_content .pro_show_img_box p:nth-child(2) {
	margin-left: .5%;
	margin-right: 0
}
.page_content .product_show .pro_show_content .pro_show_img_box p:last-child {
	margin-right: 0
}
.page_content .product_show .pro_show_content .pro_show_img_box1 {
	overflow: hidden
}
.page_content .product_show .pro_show_content .pro_show_img_box1 p {
	width: 49.5%;
	float: left
}
.page_content .product_show .pro_show_content .pro_show_img_box1 p:nth-child(even) {
	margin-right: .5%
}
.page_content .product_show .pro_show_content .pro_show_img_box1 p:nth-child(odd) {
	margin-left: .5%
}
.page_content .product_show .pro_show_content .pro_show_img_box1 p:first-child {
	width: 100%;
	margin-left: 0;
	margin-bottom: 1%
}
.page_content .product_show .pro_show_content .pro_show_img_box2 {
	overflow: hidden
}
.page_content .product_show .pro_show_content .pro_show_img_box2 p {
	width: 20%;
	float: left
}
.page_content .product_show .pro_show_content .pro_show_faq .item {
	border-radius: .2rem;
	border: .02rem solid #e0f1f1;
	padding: .2rem;
	margin-bottom: .1rem
}
.page_content .product_show .pro_show_content .pro_show_faq .item .title {
	font-size: var(--font-size-f-20);
	font-family: fradm;
	line-height: .2rem;
	margin-bottom: .1rem
}
.page_content .product_show .pro_show_content .pro_show_faq .item .d {
	font-size: var(--font-size-f-16);
	line-height: .26rem;
	padding-left: .24rem
}
.page_content .product_show .pro_contact {
	position: relative;
	background: #fff;
	padding-bottom: .5rem
}
.page_content .product_show .pro_contact .auto-container {
	padding: .8rem;
	min-height: 5rem;
	border-radius: .2rem;
	display: flex
}
.page_content .product_show .pro_contact .text_box {
	max-width: 3.2rem
}
.page_content .product_show .pro_contact .text_box p {
	font-size: var(--font-size-f-40);
	font-family: fradm;
	color: #fff;
	line-height: .5rem;
	margin-bottom: .4rem
}
.page_content .product_show .pro_contact .text_box span {
	font-size: var(--font-size-f-18);
	line-height: .26rem;
	color: #fff
}
.page_content .product_show .pro_contact .pro_contact_form {
	margin-left: 1.5rem;
	max-width: 7rem
}
.page_content .product_show .pro_contact .pro_contact_form .form_input {
	display: flex;
	flex-wrap: wrap
}
.page_content .product_show .pro_contact .pro_contact_form .form_input .input,.page_content .product_show .pro_contact .pro_contact_form .form_textarea {
	width: 49%;
	background: #fff;
	color: #666;
	margin-right: 1%;
	margin-bottom: 1%;
	height: .5rem;
	line-height: .5rem;
	border-radius: .05rem;
	padding-left: .15rem;
	font-size: var(--font-size-f-18)
}
.page_content .product_show .pro_contact .pro_contact_form .form_textarea {
	width: 99%;
	height: 1.6rem
}
.page_content .product_show .pro_contact .pro_contact_form .form_textarea textarea {
	width: 100%;
	height: 100%;
	padding: .15rem;
	padding-left: 0;
	line-height: initial
}
.page_content .product_show .pro_contact .pro_contact_form .form_bottom {
	margin-top: .1rem
}
.page_content .product_show .pro_contact .pro_contact_form .form_bottom button {
	height: .5rem;
	background: var(--color);
	padding: 0 26px;
	font-size: var(--font-size-f-20);
	line-height: .22rem;
	color: #fff;
	text-transform: uppercase;
	font-family: fradm;
	border-radius: .5rem
}
.page_content .product_show .pro_related {
	background: #fff;
	padding-bottom: .9rem;
	padding-top: 3%;
}
.page_content .product_show .pro_related .pro_related_title {
	font-size: var(--font-size-f-36);
	font-family: fradm;
	padding-bottom: .4rem
}
.page_content .product_show .pro_related .pro_related_box {
	position: relative
}
.page_content .product_show .pro_related .pro_related_box .swiper-slide {
	border: .02rem solid #e0f1f1;
	border-radius: .05rem
}
.page_content .product_show .pro_related .pro_related_box .swiper-slide .item {
	background: #fff;
	border: .02rem solid transparent;
	position: relative;
	cursor: pointer;
	padding: .3rem
}
.page_content .product_show .pro_related .pro_related_box .swiper-slide .item a {
	position: relative;
	z-index: 1;
	min-height: .44rem;
}
.page_content .product_show .pro_related .pro_related_box .swiper-slide .item:after,.page_content .product_show .pro_related .pro_related_box .swiper-slide .item:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	transition: .5s ease-in-out;
	border-radius: .05rem
}
.page_content .product_show .pro_related .pro_related_box .swiper-slide .item:before {
	top: -.04rem;
	left: -.04rem;
	border-top: .02rem solid transparent;
	border-left: .02rem solid transparent
}
.page_content .product_show .pro_related .pro_related_box .swiper-slide .item:after {
	right: -.04rem;
	bottom: -.04rem;
	border-bottom: .02rem solid transparent;
	border-right: .02rem solid transparent
}
.page_content .product_show .pro_related .pro_related_box .swiper-slide .item:hover:after,.page_content .product_show .pro_related .pro_related_box .swiper-slide .item:hover:before {
	width: calc(100% + .08rem);
	height: calc(100% + .08rem);
	border-color: var(--color)
}
.page_content .product_show .pro_related .pro_related_box .swiper-slide .item .img_box {
	text-align: center;
	margin-bottom: .3rem
}
.page_content .product_show .pro_related .pro_related_box .swiper-slide .item .text_box {
	text-align: center
}
.page_content .product_show .pro_related .pro_related_box .swiper-slide .item .text_box .title {
	font-size: var(--font-size-f-16);
	font-family: fradm;
	line-height: .22rem;
	margin-bottom: .25rem
}
.page_content .product_show .pro_related .pro_related_box .swiper-slide .item .text_box .quote-button {
	font-size: var(--font-size-f-14);
	color: var(--color);
	border: .01rem solid var(--color);
	height: .3rem;
	border-radius: .3rem;
	padding: 0 .18rem;
	transition: all .36s linear;
	display: inline-grid;
	position: relative;
	z-index: 13;
	display: none;
}
.page_content .product_show .pro_related .pro_related_box .swiper-slide .item .text_box .quote-button:hover {
	color: #fff;
	background: var(--color)
}
.page_content .page_categorys .item.active {
	background: var(--color);
	border-color: var(--color)
}
.page_content .page_categorys .item.active .btn_effect1 {
	color: #fff
}
.page_content .page_categorys {
	padding-bottom: .6rem;
	border-bottom: .02rem solid #eddee3
}
.page_content .page_categorys .auto-container {
	display: flex;
	justify-content: center
}
.page_content .page_categorys .item {
	border: .01rem solid #ccc;
	border-radius: .5rem;
	margin-right: .2rem
}
.page_content .page_categorys .item .nav_category {
	font-size: var(--font-size-f-20);
	font-family: fradm;
	transition: all .5s linear
}
.page_content .page_categorys .item .nav_category a {
	display: inline-block;
	padding: .1rem .29rem;
	width: 100%
}
.page_content .page_news {
	background: #f2f6f7;
	padding-bottom: .9rem
}
.page_content .page_news .page_news_box .content_info {
	overflow: hidden
}
.page_content .page_news .page_news_box .content_info ul {
	display: flex;
	flex-wrap: wrap
}
.page_content .page_news .page_news_box .content_info li {
	width: 32.1333%;
	margin-right: .25rem;
	margin-bottom: .25rem
}
.page_content .page_news .page_news_box .content_info li:nth-child(3n) {
	margin-right: 0
}
.page_content .page_news .page_news_box .content_info .item .img_box {
	border-radius: .1rem .1rem 0 0;
	overflow: hidden
}
.page_content .page_news .page_news_box .content_info .item .text_box {
	background: #fff;
	padding: .3rem;
	border: .02rem solid transparent;
	border-top: 0;
	border-radius: 0 0 .1rem .1rem
}
.page_content .page_news .page_news_box .content_info .item .text_box .title {
	margin-bottom: .3rem
}
.page_content .page_news .page_news_box .content_info .item .text_box .title a {
	font-size: var(--font-size-f-20);
	line-height: .26rem;
	font-family: fradm;
	min-height: .52rem
}
.page_content .page_news .page_news_box .content_info .item .text_box .other {
	display: flex;
	justify-content: flex-start;
	font-family: fradm;
	margin-bottom: .25rem
}
.page_content .page_news .page_news_box .content_info .item .text_box .other .view {
	background: #2ca6f9;
	color: #fff;
	padding: 0 .16rem;
	line-height: .36rem;
	border-radius: .36rem;
	font-size: var(--font-size-f-14);
	margin-right: .1rem
}
.page_content .page_news .page_news_box .content_info .item .text_box .other .view img {
	margin-right: .1rem;
	vertical-align: middle;
	margin-top: -.03rem;
	max-width: .16rem
}
.page_content .page_news .page_news_box .content_info .item .text_box .other .time {
	background: rgb(18,165,163,.15);
	color: #2ca6f9;
	padding: 0 .16rem;
	line-height: .36rem;
	border-radius: .36rem;
	font-size: var(--font-size-f-14)
}
.page_content .page_news .page_news_box .content_info .item .text_box .remark {
	font-size: var(--font-size-f-16);
	line-height: .22rem;
	color: #666;
	min-height: .66rem
}
.page_content .page_news .page_news_box .content_info .item:hover .text_box {
	border-color: #2ca6f9
}
.page_content .page_video {
	margin-bottom: 1.5rem
}
.page_content .page_video .page_video_head {
	margin-top: .6rem;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	height: 2.2rem;
	background-color: #eddee3;
	border-radius: .1rem;
	align-items: center;
	margin-bottom: .8rem
}
.page_content .page_video .page_video_head .img_box {
	width: 50%;
	text-align: right;
	padding-right: 1.5rem
}
.page_content .page_video .page_video_head .img_box img {
	max-width: 3.75rem
}
.page_content .page_video .page_video_head .text_box {
	width: 50%;
	padding: .6rem;
	color: var(--color)
}
.page_content .page_video .page_video_head .text_box .title {
	font-size: var(--font-size-f-46);
	font-family: fradm;
	line-height: .56rem
}
.page_content .page_video .page_video_head .text_box .remark {
	font-size: var(--font-size-f-26)
}
.page_content .page_video .page_video_list_box {
	overflow: hidden;
	padding-bottom: .25rem
}
.page_content .page_video .page_video_list_box>.item .item_head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: .3rem;
	border-bottom: .02rem solid #e6d3d9;
	margin-bottom: .3rem
}
.page_content .page_video .page_video_list_box>.item .item_head .cate_name {
	font-size: var(--font-size-f-26);
	font-family: fradm
}
.page_content .page_video .page_video_list_box>.item .item_head .cate_icon {
	width: .4rem;
	text-align: right;
	cursor: pointer;
	height: .4rem;
	line-height: .4rem
}
.page_content .page_video .page_video_list_box>.item .item_head .cate_icon::before {
	content: '+';
	display: block;
	font-size: var(--font-size-f-30);
	font-family: fradm
}
.page_content .page_video .page_video_list_box>.item .item_head .cate_icon.open:before {
	content: '-';
	font-size: var(--font-size-f-40)
}
.page_content .page_video .page_video_list_box>.item .item_box {
	padding-top: .4rem;
	display: none
}
.page_content .page_video .page_video_list_box>.item .item_box .swiper {
	margin-bottom: .4rem
}
.page_content .page_video .page_video_list_box>.item .item_box .swiper-wrapper {
	max-height: 7rem;
	margin-bottom: .4rem
}
.page_content .page_video .page_video_list_box>.item .item_box .swiper-slide {
	height: 2.2rem
}
.page_content .page_video .page_video_list_box>.item .item_box .item {
	display: flex;
	align-items: center;
	padding-right: .9rem;
	margin-bottom: .3rem;
	cursor: pointer
}
.page_content .page_video .page_video_list_box>.item .item_box .item .img_box {
	width: 43%;
	overflow: hidden;
	border-radius: .1rem;
	position: relative
}
.page_content .page_video .page_video_list_box>.item .item_box .item .img_box .scale {
	width: 100%;
	object-fit: cover
}
.page_content .page_video .page_video_list_box>.item .item_box .item .img_box .icon_play {
	position: absolute;
	left: .14rem;
	bottom: .14rem;
	max-width: .24rem
}
.page_content .page_video .page_video_list_box>.item .item_box .item .text_box {
	width: 57%;
	padding-left: .4rem
}
.page_content .page_video .page_video_list_box>.item .item_box .item .text_box .title {
	font-size: var(--font-size-f-22);
	line-height: .3rem;
	font-family: fradm;
	margin-bottom: .15rem
}
.page_content .page_video .page_video_list_box>.item .item_box .item .text_box .time {
	font-size: var(--font-size-f-16);
	font-family: fradm;
	line-height: .26rem;
	color: var(--color)
}
.page_content .page_video .page_video_list_box>.item .item_box .swiper .swiper-pagination {
	justify-content: flex-start
}
.page_content .page_video .page_video_list_box>.item .item_box .swiper .swiper-pagination-bullet {
	width: auto;
	height: auto;
	border-radius: 0;
	background: 0;
	border: 0;
	color: #999;
	font-size: var(--font-size-f-20);
	font-family: fradm;
	margin: 0 .1rem!important
}
.page_content .page_video .page_video_list_box>.item .item_box .swiper .swiper-pagination-bullet-active {
	color: var(--color)
}
.page_content .page_video .page_video_list_box>.item .item_box .item:hover .text_box .title {
	color: var(--color)
}
.page_content .page_video .page_video_list_box>.item .item_head.active {
	border-color: var(--color)
}
.page_content .related_news_head {
	position: relative;
	margin-top: .65rem;
	margin-bottom: .55rem
}
.page_content .related_news_head p {
	position: absolute;
	top: 42%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: var(--font-size-f-40);
	font-family: fradm;
	color: #fff
}
.page_content .related_news .item_box {
	display: flex;
	flex-wrap: wrap;
	border-bottom: .01rem solid #eee
}
.page_content .related_news .item_box .item {
	width: 50%;
	padding-right: 1.15rem;
	margin: .35rem 0;
	border-left: .03rem solid #e6d3d9;
	padding-left: .35rem;
	transition: all .3s
}
.page_content .related_news .item_box .item .title {
	font-size: var(--font-size-f-20);
	font-family: fradm;
	line-height: .26rem;
	margin-bottom: .1rem
}
.page_content .related_news .item_box .item .remark {
	font-size: var(--font-size-f-16);
	line-height: .2rem;
	margin-bottom: .1rem
}
.page_content .related_news .item_box .item .related_news_btn {
	margin-top: 0;
	height: .3rem;
	border-radius: .3rem;
	margin-left: -.06rem;
	padding-right: 0
}
.page_content .related_news .item_box .item .related_news_btn .effect3_label_icon {
	opacity: .5;
	width: .3rem;
	height: .3rem;
	border-radius: .3rem;
	left: calc(.3rem/4);
	top: calc(50% - .3rem/ 2)
}
.page_content .related_news .item_box .item .related_news_btn .effect3_label_icon img {
	max-width: .11rem
}
.page_content .related_news .item_box .item .related_news_btn .effect3_label>span {
	color: var(--color);
	font-size: var(--font-size-f-14)
}
.page_content .related_news .item_box .item .related_news_btn .effect3_label>span:nth-child(2) {
	margin-left: -.05rem
}
.page_content .related_news .item_box .item .related_news_btn .effect3_label>span:first-child {
	padding-left: calc(.5rem)
}
.page_content .related_news .item_box .item .related_news_btn:hover {
	background-color: transparent!important;
	color: var(--color)
}
.page_content .related_news .item_box .item .related_news_btn:hover .effect3_label_icon {
	opacity: 1
}
.page_content .related_news .related_news_more_btn {
	width: 3.1rem;
	height: .6rem;
	background: #fff;
	border-radius: .6rem;
	border: .02rem solid var(--color);
	padding-right: 0;
	margin-top: .5rem
}
.page_content .related_news .related_news_more_btn span {
	font-size: var(--font-size-f-16);
	text-transform: uppercase;
	font-family: fradm;
	color: var(--color)
}
.page_content .related_news .related_news_more_btn .effect3_label>span:nth-child(2) {
	padding-right: .2rem
}
.page_content .related_news .related_news_more_btn:hover .effect3_label>span:nth-child(2) {
	color: #fff
}
.page_content .related_news .item_box .item:hover {
	border-color: var(--color)
}
.page_content .related_news .item_box .item:hover .title a {
	color: var(--color)
}
.page_content .page_support {
	padding-bottom: .55rem;
	background: #f2f6f7
}
.page_content .page_support .page_support_box {
	display: flex;
	flex-direction: row-reverse
}
.page_content .page_support .page_support_box .content_info {
	width: 77.145%
}
.page_content .page_support .page_support_box .content_info .item_box {
	padding-bottom: .4rem
}
.page_content .page_support .page_support_box .content_info .item_box .item_head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: .3rem;
	border-bottom: .02rem solid var(--color);
	margin-bottom: .2rem
}
.page_content .page_support .page_support_box .content_info .item_box .item_head .cate_name {
	font-size: var(--font-size-f-26);
	font-family: fradm
}
.page_content .page_support .page_support_box .content_info .item_box .item_head .cate_icon {
	width: .4rem;
	text-align: right;
	cursor: pointer;
	height: .4rem;
	line-height: .4rem
}
.page_content .page_support .page_support_box .content_info .item_box .item_head .cate_icon::before {
	content: '+';
	display: block;
	font-size: var(--font-size-f-30);
	font-family: fradm
}
.page_content .page_support .page_support_box .content_info .item_box .item_head .cate_icon.open:before {
	content: '-';
	font-size: var(--font-size-f-40)
}
.page_content .page_support .page_support_box .content_info .item_box .list_box {
	display: flex;
	flex-wrap: wrap;
	padding-top: .2rem;
	padding-bottom: .2rem;
	display: none;
}
.page_content .page_support .page_support_box .content_info .item_box .item {
	width: 49.5%;
	margin-bottom: .11rem;
	background: #fafbfc;
	border-radius: .2rem;
	padding: .4rem;
	margin-right: .05rem;
	border: .02rem solid #deefef;
	cursor: pointer;
	position: relative
}
.page_content .page_support .page_support_box .content_info .item_box .item:nth-child(even) {
	margin-right: 0;
	margin-left: .05rem
}
.page_content .page_support .page_support_box .content_info .item_box .item:after,.page_content .page_support .page_support_box .content_info .item_box .item:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	transition: .5s ease-in-out;
	border-radius: .2rem;
	z-index: 1
}
.page_content .page_support .page_support_box .content_info .item_box .item:before {
	top: -.02rem;
	left: -.02rem;
	border-top: .02rem solid transparent;
	border-left: .02rem solid transparent
}
.page_content .page_support .page_support_box .content_info .item_box .item:after {
	right: -.02rem;
	bottom: -.02rem;
	border-bottom: .02rem solid transparent;
	border-right: .02rem solid transparent
}
.page_content .page_support .page_support_box .content_info .item_box .item:hover:after,.page_content .page_support .page_support_box .content_info .item_box .item:hover:before {
	width: calc(100% + .04rem);
	height: calc(100% + .04rem);
	border-color: var(--color)
}
.page_content .page_support .page_support_box .content_info .item_box .item .head_box {
	display: flex;
	align-items: center;
	border-bottom: .01rem solid #deefef;
	padding-bottom: .25rem;
	position: relative;
	z-index: 2;
}
.page_content .page_support .page_support_box .content_info .item_box .item .head_box .icon_box {
	margin-right: .25rem
}
.page_content .page_support .page_support_box .content_info .item_box .item .head_box .icon_box img {
	max-width: .56rem
}
.page_content .page_support .page_support_box .content_info .item_box .item .head_box .title {
	font-size: var(--font-size-f-18);
	line-height: .24rem;
	width: 81%
}
.page_content .page_support .page_support_box .content_info .item_box .item .other {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: .22rem;
	padding-right: 10%
}
.page_content .page_support .page_support_box .content_info .item_box .item .other .left {
	font-size: var(--font-size-f-16);
	line-height: .26rem;
	color: var(--color)
}
.page_content .page_support .page_support_box .content_info .item_box .item .other .download_btn {
	width: .24rem;
	height: .24rem;
	display: inline-grid;
	align-items: center;
	justify-items: center;
	z-index: 2;
	background: var(--color)
}
.page_content .page_support .page_support_box .content_info .item_box .item .other .download_btn .effect2_label img {
	max-width: .09rem;
	transform: rotate(90deg);
	filter: brightness(0) invert(1)
}
.page_content .page_support .page_support_box .content_info .item_box .item:hover {
	background: #fff
}
.page_content .page_support .page_support_box .content_info .item_box .item:hover .head_box .title a {
	color: var(--color)
}
.page_content .page_contact {
	background: #f2f6f7
}
.page_content .page_contact .page_contact_head {
	padding-bottom: .9rem;
	display: flex
}
.page_content .page_contact .page_contact_head .right,.page_content .page_contact .page_contact_head>.left {
	width: 50%;
	background: #fff;
	border-radius: .2rem 0 0 .2rem;
	padding: .6rem
}
.page_content .page_contact .page_contact_head .right .right_head {
	display: flex;
	justify-content: space-between;
	margin-bottom: .45rem
}
.page_content .page_contact .page_contact_head .right .right_head .left {
	max-width: 65%
}
.page_content .page_contact .page_contact_head .right .right_head .left p {
	font-family: fradm;
	font-size: var(--font-size-f-30);
	line-height: .36rem;
	margin-bottom: .15rem
}
.page_content .page_contact .page_contact_head .right .right_head .left span {
	font-size: var(--font-size-f-16);
	line-height: .24rem;
	color: #666
}
.page_content .page_contact .page_contact_head .right .right_main {
	padding: .4rem 0;
	border-top: .01rem solid #ddd;
	border-bottom: .01rem solid #ddd
}
.page_content .page_contact .page_contact_head .right .right_main a,.page_content .page_contact .page_contact_head .right .right_main p {
	display: flex;
	align-items: flex-start;
	margin-bottom: .15rem
}
.page_content .page_contact .page_contact_head .right .right_main img {
	max-width: .5rem;
	margin-right: .2rem
}
.page_content .page_contact .page_contact_head .right .right_main span {
	font-size: var(--font-size-f-16);
	line-height: .24rem;
	width: 87%
}
.page_content .page_contact .page_contact_head .right .right_main p span {
	display: inline-block;
	margin-top: -.04rem
}
.page_content .page_contact .page_contact_head .right .right_share {
	margin-top: .4rem
}
.page_content .page_contact .page_contact_head .right .right_share a {
	display: inline-block;
	border-radius: .28rem;
	transition: all .3s linear;
	margin-right: .1rem
}
.page_content .page_contact .page_contact_head .right .right_share a img {
	max-width: .28rem
}
.page_content .page_contact .page_contact_head .right .right_share a:hover {
	outline: .05rem solid rgb(18 165 163 / 20%);
	background: var(--color)
}
.page_content .page_contact .page_contact_head>.left {
	background: var(--color);
	border-radius: 0 .2rem .2rem 0
}
.page_content .page_contact .page_contact_head>.left .between_head {
	font-size: var(--font-size-f-30);
	line-height: .36rem;
	font-family: fradm;
	color: #fff;
	margin-bottom: .2rem
}
.page_content .page_contact .page_contact_head>.left .between_form .form_input {
	display: flex;
	flex-wrap: wrap
}
.page_content .page_contact .page_contact_head>.left .between_form .form_input .input,.page_content .page_contact .page_contact_head>.left .between_form .form_textarea {
	width: 49.5%;
	margin-bottom: 1%;
	margin-right: .5%;
	background: #fff;
	height: .6rem;
	line-height: .6rem;
	padding: 0 .15rem;
	font-size: var(--font-size-f-16);
	border-radius: .1rem
}
.page_content .page_contact .page_contact_head>.left .between_form .form_input .input:nth-child(even) {
	margin-left: .5%;
	margin-right: 0
}
.page_content .page_contact .page_contact_head>.left .between_form .form_input .input input {
	width: 100%
}
.page_content .page_contact .page_contact_head>.left .between_form .form_textarea {
	height: 2.2rem;
	width: 99.5%;
	padding: .15rem
}
.page_content .page_contact .page_contact_head>.left .between_form .form_textarea textarea {
	width: 100%;
	line-height: initial;
	height: 100%
}
.page_content .page_contact .page_contact_head>.left .between_form button {
	font-size: var(--font-size-f-16);
	text-transform: uppercase;
	font-family: fradm;
	color: #fff;
	height: .6rem;
	line-height: .6rem;
	border-radius: .1rem;
	border: .02rem solid #fff;
	padding: 0 .37rem;
	margin-top: .05rem
}
.page_content .page_contact .contact_map {
	padding-bottom: .9rem
}
.page_content .page_contact .contact_map iframe {
	height: 6rem
}
.page_content .page_contact .contact_bureau {
	padding-bottom: .9rem;
	display: flex;
	flex-wrap: wrap
}
.page_content .page_contact .contact_bureau .item {
	background: #fff;
	border-radius: .1rem;
	padding: .45rem;
	width: 49%;
	margin-right: 1%;
	margin-bottom: 2%;
	padding-bottom: .35rem
}
.page_content .page_contact .contact_bureau .item:nth-child(even) {
	margin-left: 1%;
	margin-right: 0
}
.page_content .page_contact .contact_bureau .item .item_head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: .15rem;
	border-bottom: .01rem solid #ddd
}
.page_content .page_contact .contact_bureau .item .item_head p {
	font-size: var(--font-size-f-26);
	font-family: fradm;
	width: 85%
}
.page_content .page_contact .contact_bureau .item .item_head span {
	color: var(--color)
}
.page_content .page_contact .contact_bureau .item .item_bottom {
	padding-top: .35rem
}
.page_content .page_contact .contact_bureau .item .item_bottom a,.page_content .page_contact .contact_bureau .item .item_bottom p {
	display: flex;
	align-items: flex-start;
	margin-bottom: .15rem
}
.page_content .page_contact .contact_bureau .item .item_bottom img {
	max-width: .5rem;
	margin-right: .2rem
}
.page_content .page_contact .contact_bureau .item .item_bottom span {
	font-size: var(--font-size-f-16);
	line-height: .24rem;
	width: 87%
}
.page_content .page_contact .contact_bureau .item .item_bottom p span {
	display: inline-block;
	margin-top: -.04rem
}
.page_content .page_contact .contact_bureau .item .item_bottom a,.page_content .page_contact .contact_bureau .item .item_bottom p {
	width: 100%;
	display: block
}
.page_content .page_content_show {
	background: #f2f6f7;
	padding-bottom: .9rem
}
.page_content .page_content_show .page_content_show_box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.page_content .page_content_show .page_content_show_box .left_sidebar{
    padding-left: 1.429%;
    padding-right: 0;
}
.page_content .page_content_show .page_content_show_box .content_info{
	background: #fff;
	padding: .4rem;
	border-radius: .1rem;
	width: 77.145%;
}
.page_content .page_content_show .show_head {
	margin-bottom: .4rem
}
.page_content .page_content_show .show_head h1 {
	font-size: var(--font-size-f-36);
	font-family: fradm;
	text-align: center;
	margin-bottom: .4rem
}
.page_content .page_content_show .show_head .other {
	text-align: center;
	margin: auto
}
.page_content .page_content_show .show_head .other span {
	display: inline-block;
	height: .25rem;
	line-height: .23rem;
	margin-right: .2rem;
	font-size: var(--font-size-f-16);
	font-family: fradm;
	color: #666
}
.page_content .page_content_show .show_head .other span img {
	margin-right: .1rem;
	max-width: .25rem
}

.page_content .page_content_show .prev-next{
    margin-top:3%;
}
.page_content .page_content_show .prev-next .prev-page a{
    font-size:0.24rem;
    font-family: fradm;
}
.page_content .page_content_show .prev-next p a{
    font-size: 0.18rem;
    /* font-family: fradm; */
    transition: all 0.3s;
}
.page_content .page_content_show .prev-next p{
    margin-bottom: .1rem;
}
.page_content .page_content_show .prev-next a span{
    margin-top:.1rem;
    font-family: fradm;
}
.page_content .page_content_show .news_related{}
.page_content .page_content_show .news_related .news_related_title{
	padding-top: 3%;
	width: 77.145%;
	font-size: var(--font-size-f-36);
	font-family: fradm;
}
.page_content .page_content_show .news_related_box{
    width: 77.145%;
    margin-top: 3%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.page_content .page_content_show .news_related_box .item{
    width: 49.5%;
    background: #ffffff;
    border-radius: .1rem;
    margin-bottom: .1rem;
}
.page_content .page_content_show .news_related_box .item:nth-child(even){}
.page_content .page_content_show .news_related_box .item a{
    font-size: var(--font-size-f-18);
    width: 100%;
    padding: 10px;
}


.page_content .page_content_show .show_box {
	font-size: var(--font-size-f-16);
	line-height: .24rem;
	
}
.page_content .page_content_show .show_box p{
    text-align: justify;
    margin-bottom: .1rem;
}
.page_content .page_faq {
	background: #f2f6f7;
	padding-bottom: .6rem
}
.page_content .page_faq .page_faq_box {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between
}
.page_content .page_faq .content_info {
	width: 77.145%
}
.page_content .page_faq .content_info li {
	background: #fff;
	margin-bottom: .2rem;
	border-radius: .1rem;
	padding: .4rem
}
.page_content .page_faq .content_info .item {
	display: flex;
	flex-direction: row-reverse
}
.page_content .page_faq .content_info .item .img_box {
	width: 40%;
	border-radius: .1rem;
	overflow: hidden
}
.page_content .page_faq .content_info .item .text_box {
	width: 60%;
	padding-right: 1.25rem;
	display: flex;
	flex-direction: column;
	justify-content: center
}
.page_content .page_faq .content_info .item .text_box .title {
	font-size: var(--font-size-f-36);
	font-family: fradm
}
.page_content .page_faq .content_info .item .text_box .remark {
	font-size: var(--font-size-f-16);
	line-height: .24rem;
	margin-bottom: .2rem
}
.page_content .page_faq .content_info .item .text_box .close_btn {
	height: .4rem;
	border: .01rem solid var(--color);
	border-radius: .4rem;
	font-size: var(--font-size-f-16);
	color: var(--color);
	font-family: fradm;
	line-height: .4rem;
	display: inline-grid;
	cursor: pointer;
	width: 1.2rem;
	padding: 0
}
.page_content .page_faq .content_info .item .text_box .close_btn.open>span:first-child,.page_content .page_faq .content_info .item .text_box .close_btn>span:last-child {
	display: none
}
.page_content .page_faq .content_info .item .text_box .close_btn.open>span:last-child {
	display: block
}
.page_content .page_faq .content_info .item .text_box .close_btn .effect_label {
	width: 75%
}
.page_content .page_faq .content_info .item .text_box .close_btn .effect_label span::before {
	content: '';
	display: block;
	position: absolute;
	top: -.05rem;
	bottom: 0;
	right: -.09rem;
	margin: auto;
	width: .1rem;
	height: .1rem;
	border-right: .02rem solid var(--color);
	border-bottom: .02rem solid var(--color);
	transform: rotate(45deg)
}
.page_content .page_faq .content_info .item .text_box .close_btn.open .effect_label span::before {
	top: .05rem;
	transform: rotate(-135deg)
}
.page_content .page_faq .content_info .item_info {
	display: none;
	margin-top: .3rem
}
.page_content .page_faq .content_info .item_info .list {
	position: relative;
	padding: .3rem 0;
	border-top: .01rem solid #cdebeb
}
.page_content .page_faq .content_info .item_info .list>span {
	position: absolute;
	left: 0;
	top: 0;
	font-size: .3rem;
	color: #ccc
}
.page_content .page_faq .content_info .item_info .list .qa-box {
	padding-top: .07rem
}
.page_content .page_faq .content_info .item_info .list .qa-box>h4 {
	font-size: var(--font-size-f-22);
	padding-left: .45rem;
	position: relative;
	font-family: fradm;
	margin-bottom: .2rem
}
.page_content .page_faq .content_info .item_info .list .qa-box>h4:before {
	display: block;
	content: 'Q';
	position: absolute;
	left: 0;
	top: 0;
	width: .3rem;
	height: .3rem;
	text-align: center;
	line-height: .25rem;
	color: var(--color);
	background: #cdebeb;
	border: .02rem solid transparent;
	border-radius: 50%;
	font-size: var(--font-size-f-16);
	font-family: fradm;
	box-sizing: border-box
}
.page_content .page_faq .content_info .item_info .list .qa-box>div.a {
	font-size: var(--font-size-f-16);
	color: #666;
	padding-left: .45rem;
	position: relative;
	white-space: pre-line
}
.page_content .page_faq .content_info .item_info .list .qa-box>div.a:before {
	display: block;
	content: 'A';
	position: absolute;
	left: 0;
	top: 0;
	width: .3rem;
	height: .3rem;
	text-align: center;
	line-height: .25rem;
	color: var(--color);
	background: 0 0;
	border: .02rem solid #009899;
	border-radius: 50%;
	font-size: var(--font-size-f-16);
	font-family: fradm;
	box-sizing: border-box
}
.page_content.quotatio_page {
	padding: .7rem 0;
	background: #f4f4f4
}
.page_content .quotatio {
	color: #333;
	font-size: var(--font-size-f-16)
}
.page_content .quotatio>h1 {
	font-size: var(--font-size-f-26);
	font-weight: 700
}
.page_content .quotatio>p {
	color: #666;
	margin-top: .2rem
}
.page_content .quotatio .row {
	background: #fff;
	margin: .2rem 0
}
.page_content .quotatio .quotation-box>div {
	padding: 0;
	box-shadow: .01554rem .01259rem .13rem 0 rgba(0,0,0,.1)
}
.page_content .quotatio .quotation-box .qpl {
	border: .015rem solid #e2e2e2
}
.page_content .quotatio .quotation-box div .product-header {
	display: flex;
	background: #e2e2e2;
	padding: .25rem 0;
	color: #666
}
.page_content .quotatio .quotation-box div .action {
	width: 15%;
	text-align: center
}
.page_content .quotatio .quotation-box div .action img {
	max-width: .26rem
}
.page_content .quotatio .quotation-box div .product-item {
	width: 70%;
	display: flex
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item {
	display: flex;
	padding: .15rem 0;
	border-bottom: .01rem solid #eee
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .imgbox {
	width: 30%
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .imgbox img {
	width: 100%
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .text {
	width: 70%;
	margin: .35rem .2rem
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .action {
	margin-top: .5rem
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .action .iconfont {
	cursor: pointer;
	font-size: var(--font-size-f-16)
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .text h3 {
	font-size: var(--font-size-f-18);
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #333
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .text p {
	margin-top: .1rem;
	color: #999
}
.page_content .quotatio .quotation-box>div .message-box {
	margin: 0;
	padding-top: .2rem
}
.page_content .quotatio .quotation-box>div .message-box .header span {
	font-size: var(--font-size-f-26);
	font-weight: 700
}
.page_content .quotatio .quotation-box>div .message-box .checktext {
	display: flex;
	justify-content: space-between;
	padding: .2rem 0;
	border-bottom: .01rem solid #eee;
	margin-bottom: .3rem
}
.page_content .quotatio .quotation-box>div .message-box .checktext .buttom span#clear {
	cursor: pointer
}
.page_content .quotatio .quotation-box>div .message-box .checktext .buttom input[type=checkbox] {
	margin-right: .1rem
}
.page_content .quotatio .quotation-box>div .message-box .checktext .text {
	margin-top: -.15rem
}
.page_content .quotatio .quotation-box>div .message-box .checktext .text span {
	color: var(--color);
	font-size: var(--font-size-f-30);
	font-weight: 700;
	margin-right: .1rem
}
.page_content .quotatio .quotation-box>div .message-box .from textarea {
	height: 3.2rem
}
.page_content .quotatio .quotation-box>div .message-box .from .submit {
	text-align: right
}
.page_content .quotatio .quotation-box>div .message-box .from .submit .continue_btn,.page_content .quotatio .quotation-box>div .message-box .from .submit .submit_btn {
	display: inline-block;
	position: relative;
	overflow: hidden;
	transition: transform .3s
}
.page_content .quotatio .quotation-box>div .message-box .from .submit .continue_btn {
	width: 1.68rem;
	height: .45rem;
	padding-top: .06rem
}
.page_content .quotatio .quotation-box>div .message-box .from .submit .submit_btn {
	width: 1.38rem;
	height: .44rem;
	padding-top: .06rem
}
.page_content .quotatio .quotation-box>div .message-box .from .submit input[type=button] {
	color: var(--color);
	border: .01rem solid var(--color);
	margin-right: .1rem;
	background: #fff
}
.page_content .quotatio .quotation-box .message-box {
	margin: .2rem auto;
	background: #fff;
	padding: .3rem
}
.page_content .quotatio .quotation-box .message-box .from {
	margin-top: .3rem
}
.page_content .quotatio .quotation-box .message-box .from .input {
	display: flex;
	justify-content: space-between;
	margin-bottom: .2rem
}
.page_content .quotatio .quotation-box .message-box .from .input>div {
	width: 32.5%
}
.page_content .quotatio .quotation-box .message-box .from .input input {
	width: 100%;
	padding: .15rem .2rem
}
.page_content .quotatio .quotation-box .message-box .from textarea {
	width: 100%;
	height: 1.5rem;
	padding: .15rem .2rem;
	margin-bottom: .2rem
}
.page_content .quotatio .quotation-box .message-box .from .input input,.page_content .quotatio .quotation-box .message-box .from textarea {
	background: #f8f8f8;
	border: 0;
	resize: none;
	font-size: var(--font-size-f-16)
}
.page_content .quotatio .quotation-box .message-box .from .submit input {
	color: #fff;
	background: var(--color);
	border: 0;
	font-size: var(--font-size-f-20);
	border-radius: .3rem;
	font-family: fradm;
	width: 100%;
	height: .37rem
}
