.navTop{ top: 45%;}
.banner .txt{ max-width: 100%; width: 100%;height: auto; top: 50%; transform: translateY(-50%); bottom: auto;}
.banner .txt h4{ font-size: 3.6vw;}
@media  (max-width: 640px){
	.banner .txt h4{ font-size: 5.4vw;}
}
.Htit h3,
.Habout_tit h3{ margin-top: 0;}
.Habout article{ margin: 4% 0 2%;}
.Habout .about_num{ margin-bottom: 5%;}
.Hpro .switch span{ text-align: left;}
.Hpro .tab_switch .slick-next{ right: 0;}
.Hpro .tab_switch .slick-prev{ left: 0;}
.Hpro .tab_switch .slick-arrow{ opacity: 0;}
.Hpro .tab_switch:hover .slick-arrow{ opacity: 1;}

.foot_contact{ width: 28%;}
.footer nav{ width: 69%;}
.footer nav dl{ width: 16%;}
.foot_contact .link em{ margin: 0 6px;}
@media  (max-width: 1400px){
	.Habout .about_num figure{ width: 50px;}
	.Habout .about_num .txt{ font-size: 14px;}
	.Habout .about_num span{ font-size: 34px;}
	
}
@media  (max-width: 1024px){
	.foot_contact,
	.footer nav{ width: 100%;}
}
@media  (max-width: 768px){
	.Hnews li h2{ height: 55px;}
	.Hpro .tab_switch .slick-arrow{ opacity: 1;}
	.Hpro .tab_switch .slick-next{ right: -20px;}
	.Hpro .tab_switch .slick-prev{ left: -20px;}
}
/* .company_list ul li a{writing-mode: vertical-rl;}
.company_list ul:before{ width: 95%; left: 2.5%;} */
/* @media  (max-width: 640px){
	.company_list{ overflow: auto;}
	.company_list .company{ width: 768px;}
} */
.menu ul li{ font-size: 16px; min-width: auto; padding: 0 1.3vw;}
.company_list{display: flex; align-items: center; justify-content: center;}
.company_list .company{ padding:0 48px;}
.company_list ul{ display: block;}
.company_list ul:before{width: 1px; top: 50%; left: 0; height: 92.5%; transform: translateY(-50%);}
.company_list ul li{ display: block;padding: 10px 30px; margin: 4% 0;}
.company_list ul li:before{top: 50%; left: -33px; margin-left: 0; transform: rotate(90deg); margin-top: -17px;}
.company_list ul li:after{left: 0; top: 0; width: 100%; height: 100%;}
.company_list ul li a{ width: 100%;}
@media  (max-width: 640px){
	.company_list .h3{ font-size: 16px; padding-left: 5px; padding-right: 5px;}
	.company_list ul li{ padding: 5px;}
	.company_list .company:nth-child(2){ padding-right: 0;}
}