.aboutwrap{width: 1660px;max-width: 90%;margin: auto;}
@media only screen and (max-width:1024px) {
.aboutwrap{max-width: 94%;}
.aboutwrap .txt {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}
.case_num ul {
    display: flex;
}
}
img{max-width: 100%;}
.fnt_100{font-size: 1rem;}
@media only screen and (max-width:1023px) {
.fnt_100{font-size:50px;}
.fnt_150{font-size: 70px;}
}
@media only screen and (max-width:767px) {
    .fnt_100{font-size:30px;}
    .fnt_150{font-size:40px;}
}

.about_part{margin: 0 24px;}
.about_01,.about_02{overflow: hidden;}
.about_01 .txt{position: relative; margin-top: 5%;}
.about_01 h3{line-height: 1.2;}
.about_01 h2{line-height: 1.2; font-weight: bold;}
.about_01 span{position: absolute; right:0; bottom:0;}
.about_01 ul{margin-top: 2%;}
.about_01 li{ float: left; width: 49.2%;border-radius: 20px;}
.about_01 li:nth-child(2n){ float: right;}
.about_02{padding: 5% 0;}
.about_02 .ll{ float: left; width:75%;}
.about_02 .ll li{ float: left; width:40%; margin-bottom: 5%;}
.about_02 .ll li:nth-child(2n){ width: 60%;}
.about_02 .ll li p{position: relative; display: inline-block;}
.about_02 .ll li span{font-weight: bold;line-height: 1;}
.about_02 .ll li em{position: absolute; right:-0.8rem; bottom:0.12rem;}
.about_02 .ll li i{position: absolute; right:-0.5rem; top:-0.12rem; font-weight: bold;}
.about_02 .ll li:nth-of-type(3) em,.about_02 .ll li:nth-of-type(4) em{right:-0.93rem;}
.about_02 .rr{ float: right;}
.about_02 .rr h2{font-weight: bold; line-height: 1.2;}
.about_03{position: relative;}
.about_03 h2{position: absolute; left:5.5%; top:15%; z-index: 2;}
.about_03 .txt{z-index: 2; line-height: 1.2; font-weight: bold;}
.about_03 .txt p:last-child{margin-top: 5%;}
.about_04{padding: 5% 0; overflow: hidden;}
.about_04 h2{line-height: 1.1; font-weight: bold;}
.about_04 .inner{margin:5% 6.5%;}
.about_04 .ll{ float: left; width: 36%;}
.about_04 .rr{ float: right; width: 55%;}
.about_04 .ll li{margin-bottom: 0.1rem;}
.about_04 .ll li:last-child{margin-bottom: 0;}
.about_04 .ll li .tit{ cursor: pointer; background: #242424; color: #fff; width: 55%; padding: 0.15rem 0.2rem 0.1rem; border-radius:0.2rem;}
.about_04 .ll li .tit h3{line-height: 1.3; font-weight: bold;}
.about_04 .ll li .con{ height: 0; opacity: 0; overflow:hidden;}
.about_04 .ll li .con p{margin-top: 0.2rem;}
.about_04 .ll li.on .tit{ background: #FF0000;}
.about_04 .ll li.on .con{ height: auto; opacity: 1; overflow: visible; padding:0.05rem 0.2rem 0.25rem;}
.about_04 .rr li{height: 0; opacity: 0; overflow:hidden;border-radius: 20px; overflow: hidden;}
.about_04 .rr li.on{height: auto; opacity: 1; }
.about_05{padding: 0 0 5%; position: relative; text-align: center;}
.about_05 h2{line-height: 1.2; font-weight: bold; display:inline-block; text-align: left;}
.about_05 .txt{ margin-top: 5%;background: #fff;padding: 5%;border-radius: 30px;}

.about_06{padding:4% 0; overflow: hidden;}
.about_06 dt{ float: left; width: 50%;}
.about_06 dd{ float: right; width: 42%;}
.about_06 dd h2{line-height: 1.2; font-weight: bold;}
.about_06 dd .c{padding-top:2%;}
.about_06 dd .c p{margin-top: 2%;}

.about_07{padding:4% 0 8%; overflow: hidden;}
.about_07 .aboutwrap{ text-align: center;}
.about_07 .txt{ display: inline-block; text-align: left; margin:0 0 5%;}
.about_07 .txt h2{line-height: 1.2; font-weight: bold;}
.about_07 .txt p{margin-top:8%;}
.about_07 ul{position: relative;}
.about_07 li{position: absolute; width: 27%;background: #fff; border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.about_07 li dl{position: relative; padding:0.45rem 0.3rem;padding-right: 0.5rem;padding-bottom: 0.25rem;}
.index_arrow{position: absolute;left:0.3rem;top:-0.16rem;width: 0.35rem;height: 0.3rem;}
.index_arrow img{width: 100%;height: 100%;}
.about_07 li dt{margin-bottom: 10px;}
.about_07 li dt p{height: 96px; -webkit-line-clamp: 4; text-align: left;}
.about_07 li dd{text-align: right;}
.index_per span ,.index_per .index_per_p{display: inline-block;}
.index_per{overflow: hidden;}
.index_per span{width: 46px;height: 46px;margin-right: 10px;}
.index_per span img{width: 100%;height: 100%;}
.index_per .index_per_p{float: right;max-width: calc(100% - 56px);text-align: left;}
.index_per_p h4,.index_per_p p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.about_07 li.li_01{left:0;top:35%;}
.about_07 li.li_02{left:25%;top:8%;}
.about_07 li.li_03{left:27%;top:67%;}
.about_07 li.li_04{left:38%;top:37%; z-index: 10;}
.about_07 li.li_05{left:55%;top:0%;}
.about_07 li.li_06{left:60%;top:67%;}
.about_07 li:hover{z-index:30;}
.about_07 li.li_07{left:73%;top:50%;}

@media only screen and (max-width:1599px) {
.about_04 .inner{margin: 5% 0;}
}
@media only screen and (max-width:1279px) {
.about_part{margin: 0 3%;}
.about_07 ul{height: 560px!important;}
}
@media only screen and (max-width:1023px) {
    .about_01 span{position: static;}
    .about_02 .ll{width: 100%;}
    .about_02 .ll li em{position: static; display: block;}
    .about_02 .ll li em br{ display: none;}
    .about_04 .ll,.about_04 .rr,.about_06 dt,.about_06 dd{width: 100%;}
    .about_04 .rr,.about_06 dd{margin-top: 5%;}
    .about_05{padding-top: 0;}
    .about_05 h2{position: static;transform:translate(0,0)!important; width: 100%;}
    .about_07 .txt{max-width: auto;margin: 0;}
    .about_07 ul{height: auto!important; position: static;}
    .about_07 li{width: 100%!important; position: static; margin-top:5%;}
}
@media only screen and (max-width:767px) {
    .about_03 .txt{position: static;transform:translate(0,0)!important; width: 100%; margin-top: 5%;} 
}

.team_01 .aboutwrap{width: 1440px; text-align: center;}
.team_01{ padding:4% 0;}
.team_01 .txt{ display: inline-block; text-align: left; margin-bottom: 4%;}
.team_01 .txt p{margin-top: 3%;}
.job-box img { width:100%; height:auto;}
.job-phone {  display:none;}
.job-video { position:relative; }
.job-video .item { width:16.66%; height:33.33%; transition:0.5s all; -webkit-transition:0.5s all; border-radius:1px; overflow:hidden; position:absolute; background:#ff0000; z-index:10;}
.job-video .item .w { margin:20px;  color:#fff;}
.job-video .item a { color:#fff;}
.job-video .item h2 {line-height:1; }
.job-video .item .p { position:absolute; left:5%; top:90px; width:90%;  transition:0.5s all; -webkit-transition:0.5s all; opacity:0; filter:alpha(opacity=0); }
.job-video .item .p b { font-weight:normal;}
.job-video .item .m {  margin:20px 0;  white-space:nowrap; overflow:hidden; vertical-align:middle;height:32px; transition:0.5s all; -webkit-transition:0.5s all; line-height:32px; }
.job-video .item .m em { display:none;  text-align:right; vertical-align:middle; float:left; margin-right:10px; }
.job-video .item .icon {background: url(../images/about/n_ico07.svg) no-repeat;width:32px; height:32px; display:inline-block;}
.job-video .item .dat{ opacity:0; filter:alpha(opacity=0); position:absolute; right:10px; bottom:12px; text-align:right; line-height:1;  transition:1s all; -webkit-transition:1s all;}
.job-video .item .dat i {font-size: 14px;}
.job-video .item .a {  opacity:0; filter:alpha(opacity=0); position:absolute; left:20px; bottom:20px;color:#fff; transition:1s all; -webkit-transition:1s all; background:url(../images/about/jt.png) no-repeat right center; padding-right:15px; white-space:nowrap;}
.job-video .item:hover .m { display:none;}
.job-video .item:hover .dat,
.job-video .item:hover a{ opacity:1; filter:alpha(opacity=100); }
.job-video .item:hover .p { opacity:1; filter:alpha(opacity=100);}
.job-video .item.it-1 { left:33.33%; top:0;}
.job-video .item.it-1:hover { height:66.66%; width:33.33%;}
.job-video .item.it-2 { left:0; bottom:0; top:auto;height: 33.63%;}
.job-video .item.it-2:hover { height:66.96%; width:33.33%;}
.job-video .item.it-3 { left:66.66%; bottom:0;height: 33.63%; }
.job-video .item.it-3:hover { height:66.96%; width:33.33%;}
.job-video .mark { opacity:0.05; filter:alpha(opacity=5);}
.job-video .item a:hover{color: #fff!important;}

.video-auto-box-11{ position:absolute; z-index:1; left:0; top:0; bottom:0; right:0;}
.video-auto-box-11 video { width:100%; height:100%; position:absolute; lefT:0; top:0;}

.team_say{padding: 3% 7% 1.5% 12%; margin-top: 5%; border-radius: 0.2rem; background: #fff; position: relative; box-shadow: 0 0 10px 10px rgba(0,0,0,0.03);}
.team_say::before{content:""; position: absolute; left:0.4rem; top:-0.16rem;width: 0.35rem;height: 0.3rem; background: url(../images/index_dot.png) no-repeat; background-size: cover;}
.team_say dt{ float: left; width: calc(100% - 180px);padding-top: 2%;}
.team_say dd{ float: right; width:130px; overflow: hidden;}
.team_say dd img{ display: block; margin: 0 auto 3%; height: 84px;width: 84px; border-radius: 100%;}
.team_say dd p{ text-align: center;}
.team_02{padding: 4% 0;}
.team_02 .txt{  margin-bottom:4%; padding-left: 2%;}
.team_02 .txt h2{line-height:1; font-weight: bold; display: inline-block; text-align: left;}
.team_02 ul{margin: 0 -1%;}
.team_02 li{ float: left; width: 31.33%; margin: 0 1%; position: relative;}
.team_02 li dt{width: 100%;}
.team_02 li dd{position: absolute; left:0; top:0; width: 100%;color: #fff; padding: 0.5rem;}
.team_02 li dd h3{line-height: 1.1; height: 2.2em; overflow: hidden;}
.team_02 li dd p{margin-top: 0.15rem; height: 3em; overflow: hidden;}
.team_03{padding: 4% 0 8%;}
.team_03 .txt{margin: 0 0 0 2%;}
.team_03 .txt h2{ float: left; line-height: 1; font-weight: bold;}
.team_03 .txt .cz_tab{ float: left; margin-left: 5%; margin-top:3%;}
.team_03 .txt .cz_tab li{ cursor: pointer; float: left; height: 0.46rem; line-height: 0.42rem; margin-right: 0.1rem; padding: 0 0.25rem; border-radius: 0.3rem; border:0.03rem solid #242424;}
.team_03 .txt .cz_tab li.on{color: #fff; background: #303030;}
.team_03 .con{ margin-top: 2.5%;}
.team_03 .con li{ opacity: 0; visibility: hidden;height: 0;border-radius: 0.2rem;}
.team_03 .con li.on{ opacity: 1; visibility: visible; height: auto;}
.team_03 .con li .img{position: relative; color: #fff;}
.team_03 .con li h3{line-height: 1.2;font-weight: bold; left:61%; top:42%;}
.team_03 .btn{ text-align: center;}
.team_03 .btn a{ display:inline-block; margin-top: 3.7%; background: #1E1E1E; color: #fff; line-height:0.48rem; height: 0.48rem; padding: 0 0.5rem; border-radius: 0.3rem;}
.team_03 .btn a i{margin-right: 0.08rem;}
.team_04{padding: 4% 0; background: #F8F8F8; overflow: hidden; clear: both;}
.team_04 .aboutwrap{width: 1535px;}
.team_04 .txt h2{line-height: 1; font-weight: bold;}
.team_04 .txt h2 i{ float: right; margin-right:3%; line-height:2; font-weight: bold; position: relative; top:2%;}
.team_04 ul{margin-top: 2.5%;}
.team_04 li{ float: left; width: 45.6%; border-radius: 0.25rem; overflow: hidden;}
.team_04 li+li{ float: right; width:50.32%;}
.team_04 li dt{ width: 100%;border-radius: 0.3rem;overflow: hidden;}
.team_04 li dd{margin:2.5% 4%;}
.team_04 li dd h3{font-weight: bold;}

@media only screen and (max-width:1023px) {
.job-video{display: none;}
.job-phone{ display: block;}
.job-phone .t1{ padding:0.5em 10px; font-size:3em; color:#da2538;}
.job-phone .item { background:#ff0000; padding:20px 10px; color:#fff; position:relative;}
.job-phone .item h2{margin-bottom:0.2em; color:#fff;}
.job-phone .item  .m .icon{background:url(../images/about/m2.png) no-repeat; width:32px; height:32px; display:inline-block; }
.job-phone .item .p { display:none; padding-bottom:30px;}
.job-phone .item  .m { display:block;  }
.job-phone .item  .a{ display:none;  background:url(../images/about/jt.png) no-repeat right center; padding-right:15px; width:7em; color:#fff; white-space:nowrap;}
.job-phone .item  .dat{ display:none; position:absolute; right:10px; bottom:10px; text-align:right;}
.job-phone a { color:#fff;}
.job-phone .img img{ width:100%; height:auto;}
.job-phone .item.open .p{ display:block; }
.job-phone .item.open .m { display:none;}
.job-phone .item.open a{ display:block;}
.job-phone .item.open .dat{ display:block;}
.job-phone .item.open .dat br { display:none;}
.team_02 li dd{padding: 10%;}
.team_03 .txt .cz_tab{margin-top: 0;}
}
@media only screen and (max-width:767px) {
    .team_say dt{ width: 100%;}
    .team_say dd{width: 100%;}
    .team_02 ul{margin: 0;}
    .team_02 li{width: 100%;margin: 0 0 2%;}
    .team_03 .txt .cz_tab{margin-left: 0; margin-top: 5%;}
    .team_04 .txt h2 i{top:0;}
    .team_04 li,.team_04 li+li{width: 100%;}
    .team_03 .btn a{ height: 36px; line-height: 36px;}
}



.service_01{padding: 5% 0 2%;}
.service_01 .txt h2{display: inline-block; line-height: 1.2; font-weight: bold;}
.service_01 .txt span{display: inline-block; margin-left: 7%;font-weight: bold;}
.service_01 ul{margin: 0 -1.2%; margin-top: 5%;}
.service_01 li{ float: left; width: 30.93%; margin: 0 1.2% 2%; border-radius: 0.2rem; overflow: hidden; position: relative;}
.service_01 li .tit{position: absolute; z-index: 10; left:6%; top:5%;color: #fff; line-height: 1.2; font-weight: bold;}
.service_01 li p{line-height: 1.2; font-weight: bold; margin-left: 2%;}

.service_02{margin-top: 3%;}
.service_02 .txt{padding-left: 3%;}
.service_02 .txt h2{display: inline-block;line-height: 1.2; font-weight: bold;}
.service_02 .txt p{display: inline-block; margin-left: 10%;}
.service_02 .txt p+p{margin-left: 5%;}
.service_02 .img{margin-top: 2%; border-radius: 0.2rem; overflow: hidden;}
.service_02 ul{margin-top: 2%;}
.service_02 li{ float: left; width: 49%;border-radius: 0.2rem; overflow: hidden;position: relative;}
.service_02 li+li{ float: right;}
.service_02 li video{position: absolute;top:0;left: 0;width: 100%;height: 100%;}

.service_03{margin-top:3%;}
.service_03 .txt{padding-right: 3%; text-align: right;}
.service_03 .txt h2{display: inline-block;line-height: 1.2; font-weight: bold;text-align: left;}
.service_03 .txt p{display: inline-block; margin-right: 5%;text-align: left;}
.service_03 .txt p+p{margin-right: 10%;}
.service_03 ul{ margin: 0 -1%; margin-top: 2%;}
.service_03 li{ float: left; width: 31.33%; margin: 0 1% 1%;border-radius: 0.2rem; overflow: hidden;} 
.service_03 .img{margin-top: 2%;border-radius: 0.2rem; overflow: hidden;}

.service_07{margin-bottom: 5%;}


@media only screen and (max-width:1279px) {
.service_02 .txt{padding-left: 0;}
.service_02 .txt p{margin-left: 5%;}
.service_03 .txt{padding-right: 0;}
.service_03 .txt p+p{margin-right: 5%;}
.service_07 .txt p{width: 40%;}
}
@media only screen and (max-width:1023px) {
    .service_02 .txt p{ display: block; width: 100%; margin-left: 0; margin-top: 2%;}
    .service_02 .txt p+p{margin-left: 0;}
    .service_03 .txt p{ display: block; width: 100%; margin-right: 0; margin-bottom: 2%; text-align: right;}
    .service_03 .txt p+p{margin-right: 0;}
}
@media only screen and (max-width:767px) {
.service_01 li{ width: 47.6%;}
.service_02 li video{display: none;}
}


.case_01{padding:2% 0;}
.case_01 .txt h2{display: inline-block; line-height: 1.2; font-weight: bold;}
.case_01 .txt span{display: inline-block;font-weight: bold;}
.case_type{margin: 5% 0 0;}
.case_type li{ margin-bottom:1.25%;}
.case_type dt{float: left; width: 70px; line-height:38px;}
.case_type dd{  width: calc(100% - 70px);display: flex; flex-wrap: wrap;gap: 0.15rem;margin-bottom: 0.15rem;}
.case_type dd span{ cursor: pointer; float: left;text-align: center; min-width: 130px; padding: 5px 20px; border:2px solid #000;border-radius: 9rem;}
.case_type dd span.on{color: #fff; background: #ff0000;border-color: #ff0000;}
.case_num{margin-top: 5%;color: #000; padding: 0 20%;}
.case_num li{ float: left; width: 25%; text-align: center;}
.case_num li h3{line-height: 1.2;}
.case_num li span{font-weight: bold;}
.case_num li i{vertical-align:top;font-weight: bold;}
.case_img{margin-top: 3.5%;}

.case_02{margin: 0;}
.case_02 ul{margin: 0 -0.5%;}
.case_02 li{ float: left; width: 48.4%; margin: 0 0.8% 1.5%; position: relative;}
.case_02 li.long{ width: 98.4%;}
.case_02 li dt{border-radius: 0.2rem; overflow: hidden;}
.case_02 li dd{position: absolute; left:0.65rem; top:0.5rem; color: #fff;}
.case_02 li dd h2{line-height: 1.2; font-weight: bold;}
.case_02 li dd p{margin-top:0.2rem;}
.case_02 .more{display: block; margin: 5% 0; text-align: center;}

@media only screen and (max-width:1279px) {
.case_type dd span{min-width: 100px;}
}
@media only screen and (max-width:1023px) {
.case_02 li dd{left:0.25rem; top:0.25rem;}
.case_type dd span{margin-bottom: 2%;}
.case_num{padding: 0;}
}
@media only screen and (max-width:767px) {
.case_type dt{line-height: 28px; width: 50px;}
.case_type dd{width: calc(100% - 50px);}
.case_num li{ width: 50%; margin-bottom: 3%;}
}


.labwrap{padding: 0 5%;}
.lab_01{padding: 5% 0 0;}
.lab_01 .tit{ text-align: center;}
.lab_01 .tit h2{font-weight: bold;}
.lab_01 .tit span{margin-top: 1%; text-align: left; display: inline-block;}
.lab_01 dl{ margin-top: 4%; padding:7% 6% 5.5%; border-radius: 0.2rem; box-shadow: 0 0 0.15rem 0.15rem rgba(0,0,0,0.03); background: #fff;}
.lab_01 dt{ float: left; width: 60%;}
.lab_01 dd{ float: right; width: 37.5%; border-radius: 0.2rem; overflow: hidden;}
.lab_01 dt p span{ margin-right: 0.1rem; font-weight: bold;}
.lab_01 dt p em{ font-weight: bold;}
.lab_01 dt h2{margin-top: 4%; line-height: 1.3; font-weight: bold; max-height: 3.9em; overflow: hidden;}
.lab_01 dt h2 a{color:#1E1E1E;}
.lab_01 dt h2+p{margin-top:3%; max-height: 4.5em; overflow: hidden; color: #1E1E1E;}
.lab_01 dt h2+p+a{ margin-top:4%; display: block; font-weight: bold; color: #000000;}

.lab_02{padding: 3% 0; margin-top: 3%; overflow: hidden; background: #F8F8F8;}
.lab_02 .tit h2{ float: left; line-height: 1.2; margin-top: 5px; font-weight: bold; color: #1E1E1E;}
.lab_02 .tit span{ float: right; font-weight: bold; line-height: 1.2; margin-top: 0.8rem;}
.lab_02 .lab_02list{margin-top: 2%; overflow: hidden;}
.lab_02 .lab_02list li{ float: left; width: 48%; margin-bottom:1%;}
.lab_02 .lab_02list li:nth-child(2n){ float: right; width: 48%;}
.lab_02 .lab_02list li:nth-child(2n+1){clear: both;}
.lab_02 .lab_02list li dt{border-radius: 0.2rem; overflow: hidden;}
.lab_02 .lab_02list li dt img{ width: 100%;}
.lab_02 .lab_02list li dd{padding: 5% 0;}
.lab_02 .lab_02list li dd em{ float: left; color: #000; padding:3px 0;}
.lab_02 .lab_02list li dd span{ float: right;padding: 2px 16px; color: #000;border: 1px solid #1e1e1e;border-radius: 30px;}
.lab_02 .lab_02list li dd h3{ margin-top: 2%; line-height: 1.3; font-weight: bold; max-height: 3.9em; overflow: hidden;}
.lab_02 .lab_02list li dd p{ margin-top: 4%;}
.lab_02 .lab_02list li a:hover dd span,.lab_02 .lab_02list li a:hover dd p{color: #000!important;}

.lab_03{padding:5% 0 0;}

.lab_04{padding: 2% 0 7%;}
.lab_04 .tit{text-align: center;}
.lab_04 .tit h2{ display: inline-block; line-height: 1.2;}
.lab_04 ul{margin: 0 -0.6%; margin-top: 3%;}
.lab_04 li{ float: left; width: 32.13%; margin: 0 0.6% 2%; border-radius: 0.2rem; overflow: hidden; position: relative;}
.lab_04 li .title{position: absolute; z-index: 10; left:10%; top:10%;color: #fff; text-align: left;}
.lab_04 li .title h3{ line-height: 1.2; font-weight: bold;}
.lab_04 li .title p{line-height: 1.2; margin-top: 5%;}

@media only screen and (max-width:1023px) {
.labwrap{padding: 0;}
.lab_02 .tit span{margin-top: 0.3rem;}
}
@media only screen and (max-width:767px) {
.lab_01 dl{padding: 5%;}
.lab_01 dt,.lab_01 dd{width: 100%;}
.lab_01 dd{margin-top: 5%;}
.lab_02{padding: 5% 0;}
.lab_02 .tit span{margin-top: 0.5rem;}
.lab_02 .lab_02list{margin-top: 5%;}
.lab_02 .lab_02list li,.lab_02 .lab_02list li:nth-child(2n){ float: none; width: 100%;}
.lab_04 ul{margin: 5% 0 0;}
.lab_04 li{ width:100%; margin: 0 0 2%;}
}

.contact_01{padding: 5% 0 0; overflow: hidden;}
.contact_01 dt{ float: left; width: 60%; line-height:1.2;}
.contact_01 dd{ float: right; width: 40%; padding-top: 1%;}
.contact_01 dd p{ text-align: right; margin-bottom:3.5%;}

.contact_02{padding:8% 0 0; overflow: hidden;}
.contact_02 .txt{ float: left; width: 30%;}
.contact_02 .txt h2{line-height: 1.2;}
.contact_02 .txt ul{margin-top: 4%;}
.contact_02 .txt li{margin-bottom:8%;}
.contact_02 .txt li h2{font-weight: bold; line-height: 1.2; height: 2.4em; overflow: hidden;}
.contact_02 .txt li p{margin-top:2%;}
.contact_02 .txt li p a{display: block;}
.contact_02 .txt li:first-child p{margin-top: 0;}
.contact_02 .txt li p.mail a{ text-transform: uppercase;}
.contact_02 .img{ float: right; width: 64%; position: relative;}
.contact_02 .img img{width: 100%; border-radius: 0.2rem;overflow: hidden;}
.contact_02 .img h2{position: absolute; right:24%; top:29%; color: #fff; line-height: 1.2; font-weight: bold;}

.contact_03{padding:8% 0 0; overflow: hidden;}
.contact_03 h2{line-height: 1.2;}
.contact_03 h2+p{margin-top: 1%;}
.contact_03 .con{margin-top: 5%;}
.contact_03 .ll{ float: left; width: 34%;}
.contact_03 .ll .codebox{width:50%; background: #da2538; position: relative;}
.contact_03 .ll .codebox img{ width: 90%;max-width: 180px; }
.contact_03 .rr{ float: right; width: 63%;}
.contact_03 .rr li{margin-bottom:0.24rem; overflow: hidden;}
.contact_03 .rr li .inp{ float: left; padding: 0 24px; width: 60%; height: 42px; line-height: 42px; border: 2px solid #000; border-radius: 0.2rem;}
.contact_03 .rr li .inp input{ float: left; width: 100%; height: 100%;}
.contact_03 .rr li .inp.inpan{ float: right; width: 38%;}
.contact_03 .rr li .inp.txt{margin-top: 10px; width: 100%; height: 212px;padding: 0;}
.contact_03 .rr li .inp.txt textarea{
padding: 20px 24px;
width: 100%;
height: 100%;
}
.contact_03 .rr li p{margin-left: 24px;}
.contact_03 .rr li p a.yszc{border-bottom: 1px solid #000; margin-left: 5px;}
.contact_03 .rr li p a.yszc:hover{border-color: #da2538;}
.contact_03 .rr li p input{margin-right: 10px;}
.contact_03 .rr a.btn{ display: inline-block; margin-top:2%; background: #1E1E1E; color: #fff; line-height:0.48rem; height: 0.48rem; padding: 0 0.5rem; border-radius: 0.3rem;}
.contact_03 .rr a.btn i{margin-right: 0.08rem;}
.contact_03 .rr li p.radio-box .radio-label{ float: left; width: 35%; margin-top:3%; line-height: 20px;position: relative;}
.contact_03 .rr li p.radio-box .radio-label:nth-child(2n+1){clear: both;}
.radio-label input[type="checkbox"] {position: absolute;opacity: 0; z-index: 2; width: 100%;height:20px;cursor: pointer;}
.radio-label input[type="checkbox"] + em::before{content: ''; display: inline-block; margin-top: -4px; width: 10px;height: 10px;background-color: #fff; border: 2px solid #000;border-radius: 50%; margin-right: 10px;vertical-align: middle;}
.radio-label input[type="checkbox"]:checked + em::before {border-color: #da2538;background: #da2538; }
.checkbox-label{line-height: 20px; position: relative;}
.checkbox-label input[type="checkbox"]{position: absolute;opacity: 0; z-index: 2; width: 20px;height:20px;}
.checkbox-label input[type="checkbox"] + em::before {content: ''; display: inline-block; margin-top: -2px; border-radius: 3px; width: 12px;height: 12px;background-color: #fff; border: 2px solid #000;margin-right: 10px;vertical-align: middle;}
.checkbox-label input[type="checkbox"]:checked + em::before{border-color: #da2538; }
.checkbox-label input[type="checkbox"]:checked + em::after{content: "✓"; position: absolute; left: 2px; top:2px; color: #da2538;}

.contact_04{padding:8% 0 4%;}

@media only screen and (min-width:1025px) {
    .contact_03 .rr a.btn i{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .contact_03 .rr a.btn:hover{color: #fff !important;}
    .contact_03 .rr a.btn:hover i{margin-right: 0.04rem;}
    .contact_02 .txt li p .tel_link:hover{cursor: default; color: #333 !important;}
   
}
@media only screen and (max-width:1023px) {
.contact_03 .rr li{margin-bottom: 10px;}
.contact_03 .rr li .inp,.contact_03 .rr li .inp.inpan{width: 100%;}
.contact_03 .rr li .inp.inpan{margin-top: 10px;}
.contact_03 .rr li p.radio-box .radio-label{width: 50%;}
}
@media only screen and (max-width:767px) {
.contact_01 dt,.contact_01 dd,.contact_02 .txt,.contact_02 .img,.contact_03 .ll,.contact_03 .rr{width: 100%;}
.contact_01 dd{margin-top: 5%;}
.contact_01 dd p{text-align: left;}
.contact_02 .txt li{margin-bottom: 5%;}
.contact_03 .ll .codebox{margin:0 auto 5%;}
a.btn{ height: 36px; line-height: 36px;}

.team_01{display: none;}
}

.privacy_part{padding: 5% 0;}



.about_04 .ll li,.about_04 .ll li .tit,.about_04 .ll li .con,.about_04 .rr li,.team_02 li dd{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}

@media only screen and (min-width:1025px) {
.team_02 li:hover dd{top:45%;}
/*.team_03 .btn a:hover i,.contact_02 li p a.btn:hover i{margin-right: 0.04rem;}*/
}