﻿li{ list-style:none;}
.f53{ font-size:53px;}
.f48{ font-size:48px;}
.f45{ font-size:45px;}
.f40{ font-size:40px;}
.f32{ font-size:32px;}
.f30{ font-size:30px;}
.f24{ font-size:24px;}
.divhidden{ display:none;}
@keyframes heightani{0%{height: 50px;}100%{height: 0px;}}
/*???????????????*/
/* .o_big_con{ overflow:hidden; position:relative;}
.o_big_con .o_big{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;padding-top:39.529%;} */
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%; color:#fff;display: flex; align-items: center; justify-content: left;}
.o_big_con .cons .txts1{ line-height:1.1; margin-bottom:20px; overflow:hidden;}
.o_big_con .cons .txts1 span{ color:#fff; /*font-weight:bold; */overflow:hidden;}
.o_big_con .cons .txts2{ line-height:1.2; text-transform:uppercase; overflow:hidden;}
.o_big_con .cons .txts3{ line-height:1.2; text-transform:uppercase;/* font-weight:bold;*/ overflow:hidden;}
.o_big_con .down{position: absolute;bottom: 85px;padding-bottom: 56px;cursor: pointer; color:#fff;transition:all 0.3s;}
.o_big_con .down span{font-size: 16px;display: block;writing-mode:tb-rl;}
.o_big_con .down i{display: block; width: 1px; height: 50px;   margin: auto; position: absolute; bottom: 0; left: 50%;  background: #abafb0;}
.o_big_con .down i:after{ content:""; position:absolute; height:0%; width:1px; background:#fff; bottom:0; left:0%;animation: heightani 4000ms linear infinite;}
.o_big_con .down:hover{opacity:0.8;filter:Alpha(opacity=80);}
/*????????????*/
.team_ul{ margin-top:52px; overflow:hidden;}
.team_ul ul li{ float:left; width:calc(25% - 71.25px);width:-webkit-calc(25% - 71.25px);width:-moz-calc(25% - 71.25px); margin-right:95px; margin-bottom:75px;}
.team_ul ul li:nth-child(4n){ margin-right:0;}
.team_ul ul li .pic{ overflow:hidden; border-radius:50%;}
.team_ul ul li .pic img{ display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.team_ul ul li:hover .pic img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.team_ul ul li .text{ width:96%; margin:0 auto; max-width:350px; margin-top:30px; text-align:center;}
.team_ul ul li .text .name{ display:inline-block; vertical-align:top;  line-height:32px; padding-top:4px; position:relative; color:#333333; z-index:0;}
.team_ul ul li .text .name:after{ content:""; width:20px; height:20px; overflow:hidden; position:absolute; border-radius:50%; right:-11px; top:0;background: var(--linear-color); z-index:-1;transition:all 0.3s;}
.team_ul ul li:hover .text .name:after{transform:scale(1.1, 1.1);}
.team_ul ul li .text .duties{ line-height:24px; height:24px; overflow:hidden; font-size:16px; color:#7c7c7c; font-weight:lighter;}
.jobPage{ overflow:hidden;}
.jobPage .more-box-a .more-box.on .self-svg svg.icon{transform: rotate(180deg); }
.jobPage .culture{ margin-top:59px; position:relative; margin-bottom:14px;}
.jobPage .culture .PNBox .Btns{display: block; position: absolute; top: 50%; height:52px; width: 52px; border-radius: 50%;  background: no-repeat center; transition: all 0.3s; margin-top: -26px;  z-index: 2;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0); cursor:pointer;}
.jobPage .culture:hover .PNBox .Btns{opacity:1.0;filter:Alpha(opacity=100);}
.jobPage .culture .PNBox .prev{background-image: url(img/qualification_prev1.png); left: -52px;}
.jobPage .culture:hover .PNBox .prev{ left:25px;}
.jobPage .culture .PNBox .prev:hover{background-image: url(img/qualification_prev2.png);}
.jobPage .culture .PNBox .next{background-image: url(img/qualification_next1.png); right: -52px;}
.jobPage .culture:hover .PNBox .next{ right:25px;}
.jobPage .culture .PNBox .next:hover{background-image: url(img/qualification_next2.png);}
.recruitment{ background:#f7f7f7; overflow:hidden;}
.culture_t{ overflow:hidden; margin-top:70px;}
.culture_t .culture_t_l{ float:left;}
.culture_t .culture_t_l .span{ line-height:48px; text-transform:uppercase; overflow:hidden;background: var(--linear-color);-webkit-background-clip: text; color: transparent;}
.culture_t .culture_t_l .h3{ display:inline-block; vertical-align:top; line-height:50px; margin-top:20px; padding-bottom:30px; background:url(img/about_bg1.jpg) left bottom repeat-x; color:#222; font-weight:bold;}
.culture_t .culture_t_r{ float:right; width:930px; overflow:hidden; margin-top:132px; line-height:34px; color:#333333;}
.faq_ul2{ margin-top:5%; margin-bottom:5%;}
.faq_ul2 ul li{ display:block; overflow:hidden;transition:all 0.3s; cursor:pointer;-webkit-tap-highlight-color:transparent; padding-left:145px; padding-right:50px; position:relative; background-repeat:no-repeat; background-position:left top 50px; background-size:auto 93px;}
.faq_ul2 ul li:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#c3c3c3;}
.faq_ul2 ul li:after{ content:""; position:absolute; left:0; bottom:0; width:0%; height:1px; background:#f67524;transition:all 0.6s;}
.faq_ul2 ul li:hover:after{ width:100%;}
.faq_ul2 ul li:last-child:before{ width:0;}
.faq_ul2 ul li:last-child:after{ width:0;}
.faq_ul2 ul li .h3{ font-weight:bold; overflow:hidden; padding-top:50px; padding-bottom:50px;line-height:46px; /*white-space:nowrap;text-overflow:ellipsis;*/  color:#333333; transition:all 0.3s; position:relative; font-size:20px; }

.faq_ul2 ul li .h3 .more-box-a{ float:right; overflow:hidden; font-style:normal; color:#fff; margin-top:22px;}
.faq_ul2 ul li .h3 .span{ display:block; overflow:hidden; line-height:34px; color:#666666; font-size:18px; font-weight:normal;}
.faq_ul2 ul li .down{ overflow:hidden; line-height:30px; font-size:18px;padding: 0% 0 5%  0; display: none; color:#666666;}
.faq_ul2 ul li .down .h4{ font-weight:bold; color:#333333; overflow:hidden; margin-bottom:0.5%;}
.faq_ul2 ul li .down .p{ overflow:hidden; margin-bottom:2%; margin-top:3px;}
.faq_ul2 ul li .down .p:last-child{ margin-bottom:0;}
.faq_ul2 ul li .down .more-box-a{ float:left;}
.faq_ul2 ul li.on .h3 .more-box-a .more-box .self-svg svg.icon{transform: rotate(180deg); }
@media (max-width: 1660px) {
.f53{ font-size:50px;}
.f48{ font-size:45px;}
.f45{ font-size:42px;}
.f40{ font-size:38px;}
.f32{ font-size:30px;}
.f30{ font-size:28px;}
.f24{ font-size:23px;}
/*????????????*/
.team_ul ul li{ margin-right:60px; margin-bottom:50px; width:calc(25% - 45px);width:-webkit-calc(25% - 45px);width:-moz-calc(25% - 45px);}
.team_ul ul li .text .duties{ font-size:15px;}
.faq_ul2 ul li .h3 .span{ font-size:16px;}
.faq_ul2 ul li .down{ font-size:16px;}
}


@media (max-width: 1550px) {
.f53{ font-size:47px;}
.f48{ font-size:42px;}
.f45{ font-size:40px;}
.f40{ font-size:35px;}
.f32{ font-size:28px;}
.f30{ font-size:26px;}
.f24{ font-size:21px;}
/*????????????*/
.team_ul ul li .text .duties{ font-size:14px;}
.faq_ul2 ul li .h3 .span{ font-size:15px;}
.faq_ul2 ul li .down{ font-size:15px;}
/*????????????*/
.culture_t .culture_t_r{width: 830px;}

}

@media (max-width: 1400px) {
.f53{ font-size:42px;}
.f48{ font-size:38px;}
.f45{ font-size:36px;}
.f40{ font-size:32px;}
.f32{ font-size:25px;}
.f30{ font-size:24px;}
.f24{ font-size:19px;}
}
@media (max-width: 1200px) {
.f53{ font-size:37px;}
.f48{ font-size:36px;}
.f45{ font-size:33px;}
.f40{ font-size:29px;}
.f32{ font-size:23px;}
.f30{ font-size:22px;}
.f24{ font-size:18px;}
/*????????????*/
.team_ul ul li{ margin-right:40px; margin-bottom:40px; width:calc(25% - 30px);width:-webkit-calc(25% - 30px);width:-moz-calc(25% - 30px);}
.culture_t .culture_t_r{width: 650px;}
}
@media (max-width: 960px) {
.f53{ font-size:32px;}
.f48{ font-size:31px;}
.f32{ font-size:21px;}
.f30{ font-size:20px;}
.f24{ font-size:17px;}
/*????????????*/
.team_ul ul li .text .duties{font-size: 13px;}
.culture_t{margin-top: 8%;}
.culture_t .culture_t_l .span{line-height: 38px;}
.culture_t .culture_t_r{width: 100%;float: none;padding-top: 6%;line-height: 1.8;}
.faq_ul2{margin-top: 2%;}
.faq_ul2 ul li{background-size:auto 76px;padding-left: 120px;}
.faq_ul2 ul li .h3{padding-top: 30px;padding-bottom: 30px;}
.faq_ul2 ul li .h3 .more-box-a{margin-left: 2%;}
}
@media (max-width: 640px) {
.f53{ font-size:31px;}
.f48{ font-size:29px;}
.f32{ font-size:20px;}
.f30{ font-size:18px;}
.f24{ font-size:16px;}
/*????????????*/
.team_ul ul li{ margin-right:30px; margin-bottom:30px; width:calc(50% - 15px);width:-webkit-calc(50% - 15px);width:-moz-calc(50% - 15px);}
.team_ul ul li:nth-child(2n){margin-right: 0;}
.faq_ul2 ul li{padding-left: 0;background: none!important;padding-right: 0;}
.faq_ul2 ul li .h3 .span{ font-size: 14px;line-height: 26px;}
.faq_ul2 ul li .h3{padding-top: 20px;padding-bottom: 20px;}
.faq_ul2 ul li .down{line-height: 26px;font-size: 14px;}
.faq_ul2 ul li .more-box-a .more-box{padding: 0 20px;}
.culture_t .culture_t_l .h3{line-height: 40px;}
.jobPage .culture .PNBox .Btns{width: 30px;height: 30px;background-size: 100% 100%;}
}
@media (max-width: 480px) {
.f53{ font-size:27px;}
.f48{ font-size:23px;}
.f32{ font-size:19px;}
.f30{ font-size:17px;}
.f24{ font-size:15px;}
/*????????????*/
.team_ul ul li .text .duties{font-size: 12px;}
.faq_ul2 ul li .more-box-a .more-box{padding: 0 10px;}
.faq_ul2 ul li .h3{padding-top: 15px;}
.faq_ul2 ul li .h3 .span{font-size: 13px;line-height: 22px;}
.culture_t .culture_t_l .h3{line-height: 30px;}
.culture_t .culture_t_l .span{line-height: 28px;}
}

/*????????????linami20221107*/