@charset "utf-8";
/*css comment*/  
.swiper-pagination-bullet{ background: #B9BAB9; } 
.swiper-pagination-bullet-active{ background: #85332D;}
.product_list{ display:block;}
.product_swiper{ display:none; background: #f7f7f7; padding-bottom: .50rem;}
.core_list02{}
.core_swiper{ display:none;}
.core_swiper .core_block{ width: 100%; height: 100%; padding: 0;}
.core_swiper .swiper-pagination{ position:absolute; bottom: .20rem;}
.show_more{ display:none; margin-top: .40rem;}
.show_more span{display: inline-block; line-height: 2.40; text-align: center; padding: 0 0.30rem; background: #ffffff; border: 1px solid rgba(0,0,0, .10);}
.show_more span .iconfont{ display: inline-block; font-size:12px; margin-left: 5px;}
.show_more.active span .iconfont{ transform:rotate(180deg) translateY(1px);}
.sec_tit{ font-weight: bold; text-align: center; margin-bottom: .40rem;}
.index_news .sec_tit{ display: none;} 
.quality_initial a, .quality_cover a{ color:#ffffff;}
.quality_box .inner{ position:relative; z-index: 1;}
.quality_bg{ position: absolute; top:0; left:0; width:100%; height: 100%; background: 50% 0 no-repeat; background-size:cover;}
.quality_cover{ z-index: 2;}
.partnership_ico{ width: .80rem;}
.place_block{ word-wrap: break-word;}
.form_line:nth-child(4){ clear:both;}
.news_detail_con img, .news_detail_con video{ height:auto!important;}
.partnership_text{ display:flex; align-items: center;}
.vika_des{ -webkit-line-clamp:initial!important; max-height: none!important;}
.system_ico{ margin-bottom: .10rem;}
.system_tab li a{ line-height:1.30;}
.theme_des{  line-height:1.50; margin-top: .15rem;}


@media (min-width: 768px){ 
	.our_block{ display:block!important;}
	.show_more{ display:none!important;}
}

@media (max-width: 991px){
	.menu_search{ display:none;}
}

@media (max-width: 767px){ 
	.follow_list li,
	.contact_follow .follow_list li{ width:30px;}
	.follow_list li a.f_l0,
	.contact_follow .follow_list li a.f_l0{ height: 30px;}
	.follow_more{ width: 120px;}
	.follow_more_range{ font-size: 12px; line-height: 16px; padding: 5px;}
	 /*===============
	2023/04/07 ============*/ 
	#focus_swiper_phone{ height: auto;}
	.focus_img{ padding-top: 70%;}
	.focus_text{ top:50%; transform: translate(0, -50%);}
	.focus_swiper .focus_pagination{ bottom: .37rem;}
	.index_search{ margin-top: 0; display: block;}
	.index_search .inner{ display:block;}
	.index_search .inner:before{ width:100%; max-width: 676px; height: .27rem; } 
	.search_logo{ height: .35rem; }
	.search_tit{ line-height: 1.72; margin-top: .10rem;}
	.search_box{ padding: .25rem .16rem .25rem 0;}
	.search_head{ margin-right:0; } 
	.about_box{ margin-bottom: 1rem}
	.vika_tit, .vika_subtit{ text-align: center;}
	.theme_box{ height: 3.40rem;} 
	.theme_show{ display:block; text-align: center;}
	.theme_logo{ height: 0.58rem; margin-bottom: .15rem;}
	.theme_block:nth-child(2) .theme_con{ margin-left: -1.50rem;} 
	.theme_block:nth-child(1) .theme_thumb .theme_info{ left:-3%;}
	.theme_block .theme_detail .theme_info{ width: 28%; left:50%; transform: translate(-58%,-50%);}
	.theme_block:nth-child(2) .theme_detail .theme_info{ transform: translate(-47%,-50%);}
	.theme_tit{ font-size: 14px;}
	.index_product{ padding-top: .50rem; padding-bottom: .50rem;}
	.product_block:nth-child(n):before{ display:none!important;}
	.product_list{ display:none;}
	.product_swiper{ display:block; } 
	.quality_box{ min-height: 5rem; padding-top: .30rem;} 
	.quality_initial_text{ font-size: 13px; line-height: 20px;}
	.quality_cover{ position: relative; opacity:1; visibility:visible; pointer-events:all; display:none;} 
	.index_news{ margin-top: .50rem;}
	.index_news .sec_tit{ display:block;}
	.news_list .news_block a{ align-items:center;}
	.news_list .news_block .news_img{ width: 45%; max-width: 375px; margin-right: .20rem;}
	.news_list .news_block .news_info{ margin-top: 0; } 
	.news_all .news_block .news_img{ margin-right: .20rem;}
	.news_all .news_block .news_info{ padding: 0;}
	.news_all .news_block .news_des{-webkit-line-clamp:2; line-height: 22px; max-height: 44px; }
	.news_all .news_block .news_time{ margin-top: .15rem;} 
	/*02*/ 
	.vika_profile_logo{ margin:0 auto;}
	.STO_profile_img{ padding-right: 0; margin:0 auto;}
	.STO_profile_sign{ margin:0 auto;}
	.easily_product{ padding-bottom: .50rem;}
	.core_list02{ display:none;}
	.core_swiper{ display:block;}
	.system_cover{ height: 30px;}
	.system_item{ line-height: 30px;}
	/*03*/ 
	.about_banner .banner_des{ display:none;}
	.profiles_right{ width: 60%; margin: 0 auto;}
	.profiles_right img{ transform: translateX(-10%); }
	.quality_foreword .foreword_img{width: 60%; margin: 0 auto;}
	.operation_foreword .inner{ min-height: inherit; display: block;}
	.operation_foreword .foreword_img{ width: 60%; margin: 0 auto;}
	.operation_foreword .foreword_text{ padding:0; margin-top: .30rem;}
	.about_foreword:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%;  background: linear-gradient(107deg, rgba(255,255,255, 1) 60%, rgba(255,255,255,0) 100%); opacity: .50;} 
	.foreword_text{ position:relative; z-index: 1;} 
	.digital_block{ padding: .90rem 0px!important;}
	.responsibility_foreword .foreword_text{ padding-left:0;}
	/*05*/
	.form_line{ display:block;} 
	
	/*footer*/
	footer{ padding-bottom: 0;}
	.navbar {
		display: block!important;
		width: 1.10rem;
		height: 1.10rem;
		line-height: 1.10rem;  
		transition: 0.24s 0.2s;
		position: fixed; bottom: 60px; right: 20px; z-index: 1000; 
	} 
	.navbar_sign{ position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 100%; height: 100%; background: #696B71; color: #ffffff; border-radius: 50%; cursor: pointer; text-align: center; font-size: 1.75em; z-index: 10; font-weight: bold;}
	.navbar.active .navbar_sign {
		background: rgba(133, 51, 45, 1); 
	}
	.navbar .float_menu { 
		display: block!important;
		opacity: 1!important;
		position: absolute;
		top: -0.55rem;
		left: -0.55rem;;
		border: 1.10rem solid transparent;
		cursor: default;
		border-radius: 50%;
		transform: scale(0);
		transition: transform 1.4s 0.07s;
		z-index: -1;
		background-color: transparent;
	}
	.navbar.active .float_menu {
		transition: transform 0.4s 0.08s, z-index 0s 0.5s;
		transform: scale(1);
		z-index: 1;
	}
	.navbar .float_menu li {
		position: absolute;
		top: -1.30rem;
		left: -1.30rem;
		transform-origin: 1.30rem 1.30rem;
		transition: all 0.5s 0.1s;
	}
	.navbar:hover .float_menu li {
		transition: all 0.6s;
	}
	.navbar .float_menu li a.fm_a0 {
		transition:all .6s ease 0s;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 50%;
		background: #696B71;
		position: absolute;
		font-size: 60%;
		color: #ffffff;  
	}
	.navbar .float_menu li a.fm_a0 img{ display: block; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 40px; height: 40px; -webkit-transition:opacity .6s ease; transition:opacity .6s ease;}
	.navbar .float_menu li a.fm_a0 img:nth-child(2){ opacity:0;} 
	.navbar .float_menu li a.fm_a0:hover {
		background: rgba(133, 51, 45, 1); 
	}
	.navbar.active .float_menu li:nth-child(1) {
		transition-delay: 0.02s;
		transform: rotate(60deg);
	}
	.navbar.active .float_menu li:nth-child(1) a.fm_a0 {
		transition-delay: 0.02s;
		transform: rotate(660deg);
	}
	.navbar.active .float_menu li:nth-child(2) {
		transition-delay: 0.04s;
		transform: rotate(15deg);
	}
	.navbar.active .float_menu li:nth-child(2) a.fm_a0 {
		transition-delay: 0.04s;
		transform: rotate(705deg);
	}
	.navbar.active .float_menu li:nth-child(3) {
		transition-delay: 0.06s;
		transform: rotate(-30deg);
	}
	.navbar.active .float_menu li:nth-child(3) a.fm_a0 {
		transition-delay: 0.06s;
		transform: rotate(750deg);
	}
	.navbar.active .float_menu li:nth-child(4) {
		transition-delay: 0.08s;
		transform: rotate(-75deg);
	}
	.navbar.active .float_menu li:nth-child(4) a.fm_a0 {
		transition-delay: 0.08s;
		transform: rotate(795deg);
	} 
	.navbar.active .float_menu li:nth-child(5) {
		transition-delay: 0.10s;
		transform: rotate(-125deg);
	}
	.navbar.active .float_menu li:nth-child(5) a.fm_a0 {
		transition-delay: 0.10s;
		transform: rotate(840deg);
	}
}



@media (max-width: 567px){   
	 /* 2023/04/07*/ 
	.focus_more,
	.more{ font-size:12px;} 
	.partnership_info{ min-height: 4.40rem;} 
	.theme_tit, .theme_des{ font-size: 12px;}
	
	/*02*/
	.system_detail_item{ font-size:14px;}
	.system_detail_des{ font-size:12px; line-height: 18px;}
	
	/*05*/
	.line_name{ width:50%;}
}