@charset "UTF-8";
::-webkit-scrollbar-thumb {border-radius:0;background-color:#0c68b3;}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#0c68b3;}
::-webkit-scrollbar-thumb:vertical:active {background-color:#0c68b3;}

.case2022{ padding-top:89px;}
.case2022 *,.case2022 :after,.case2022 :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container{ margin-left:8.33vw; margin-right:8.33vw;}
.part1{padding:3.86vw 0 10.56vw; background-size: cover!important; }
.part1_info{ line-height: 31px; height: 31px; position: relative; color: #FFF; }
.part1_info:before{content:""; height:1px; background:rgba(255,255,255,0.3); left:74px; right:250px; top:50%; position:absolute}
.part1_info span{ font-size: 14px; position: absolute; left: 0px; top: 0px; }
.part1_info p{ position: absolute; top: 0px; right: 0px; font-size: 14px; }
.part1_info i{ display: inline-block; margin: 0px 22px; height: 6px; width: 6px; border-radius:50%;}
.part1_info p text,.part1_info p i{vertical-align:middle;}
.p1box{ margin-top: 2.12vw; position: relative; }
.p1_pad{ display:block; border:6px solid #fff; border-radius:3em; position:relative; z-index:1; overflow:hidden;}
.p1_pad img,.p1_pad video{display:block; width:100%; height:auto;}
.p1_m{ width: 20.97%; max-width:332px; border: 6px solid #FFF; position: absolute; right: 7.32%; bottom: -5.2vw; border-radius:3em; z-index:1; overflow:hidden; }
.p1_m img,.p1_m video{display:block; width:100%; height:auto;}
.part2{ padding: 5.25vw 0px 7.33vw; }
.p2pad{ display:block; border:6px solid #000; border-radius:3em; position:relative; z-index:1; overflow:hidden;}
.p2pad img,.p2pad video{display:block; width:100%; height:auto;}
.p2pad video{position:absolute; left:0; top:0;}
.part3{ padding-bottom:13.28vw; background-size:100% auto!important;}
.p3_mimg{ width:16.8vw; max-width:332px; border: 6px solid #000; margin:0 auto; border-radius:3em; overflow:hidden; }
.p3_mimg img,.p3_mimg video{display:block; width:100%; height:auto;}
.part4{ margin-top:3.25vw;}
.part4Items{ max-width:1140px; margin:0 auto;}
.p4item{ position:relative;}
.p4itm_t{ height:50px; position:relative;}
.p4num{ font-size: 60px; line-height: 60px; margin-top: -30px; position: absolute; left: 0px; top: 50%; font-weight: bold; }
.p4line{ position:absolute; right:0; height:1px; bottom:0; width:35.08%; background:#efefef;}
.p4line i{ position:absolute; left:0; border:0; background:#CCCCCC; width:0%; height:1px; transition:all 2s ease;}
.p4line.on i{width:100%;}
.p41_enm{ font-size: 24px; line-height: 30px; font-weight: bold; margin: 2.8vw 0px 1.58vw; }
.p41_des{ font-size: 14px; line-height: 24px; position: relative; padding-top: 8px;/* max-width:640px;*/ letter-spacing:1px; margin-bottom: 1.14vw; padding-bottom: 1.14vw; border-bottom: 1px dashed #ADADAD;}
.p41_des:before{ content: ""; background: #333; position: absolute; height: 1px; width: 5px; left: 0px; top: 0px; }
.p41_edes{ font-size: 14px; line-height: 24px; color: #ADADAD;/* max-width:640px; */}
.p4item1{ margin-bottom:5.33vw;}
.p4item2{ margin-bottom:5.33vw}
.p4font{ width:58.15%; height:auto; position:absolute; right:12.71%; top:0}
.p4imx{ height:145px; margin-top:2.6vw; margin-bottom:3.8vw;}
.p42_enm{ font-size: 24px; line-height: 30px; font-weight: bold; float:left; width:26.75%;}
.p42_enm span{ font-size: 14px; line-height: 38px; display: block; position: relative; font-weight: normal; margin-top:36px; position:relative; }
.p42_enm span:before{ content: ""; background: #333; position: absolute; height: 1px; width: 5px; left: 0px; top: 0px; }
.p42_rnd{float:left; width:25.87%; margin-top:78px;}
.p42_rnd span{ display:inline-block; width:14px; height:14px; margin-right:15px; border-radius:50%;}
.p42_fs{ float: left; width: 27.01%; margin-top: 60px; font-size: 14px; line-height: 26px; }
.p42_sise{ margin-top:42px; float:left}
.p42_sise strong{ font-size: 14px; display: block; line-height: 28px; font-weight: normal; }
.p42_sise p{ line-height: 48px; }
.p42_sise p span{display:inline-block; margin-right:12px;}
.p42_sise p span:nth-child(1){ font-size: 48px; }
.p42_sise p span:nth-child(2){ font-size: 36px; }
.p42_sise p span:nth-child(3){ font-size: 24px; }
.p42_sise p span:nth-child(4){ font-size: 16px; }
.p42ul{ display:flex; justify-content:space-between; margin-right:-10px; position:relative}
.p42ul li{ width:calc(25% - 10px); margin-right:10px; height:200px; padding:30px 0 0; transition:all 0.5s ease-in-out; border-radius:1.5em; overflow:hidden; color:#fff;}
.p42ul li:hover{transform:translateY(-10px);}
.p42ul li dl{ padding:0 35px;}
.p42ul li dd{ font-size: 16px; line-height: 26px; }
.p42ul li dd span{opacity:0.6; display:inline-block; margin-right:4px}
.p42bm{ padding: 0 35px; margin-top: 18px; font-size: 16px; line-height: 22px; }
.p42bm strong{ font-weight: normal; opacity:0.6;}
.p42ul li:nth-child(4){ color:#000;}
.p42ul li:nth-child(4) dd span,.p42ul li:nth-child(4) .p42bm strong{opacity:0.3;}
.p4item3{}
.p43bmx{ padding-top: 2.5vw; position: relative; }
.p43bmx:before{content:"";background: #333;position: absolute;height: 1px;width: 5px;left: 0px;top: 0px;}
.p43bmx ul{display:flex; justify-content:space-between; }
.p43bmx li{transition:all 0.5s ease;}
.p43bmx li:hover{transform:translateY(-10px);}
.p43bmx li:nth-child(1){ width:34.03%;}
.p43bmx li:nth-child(2){ width:26.31%;}
.p43bmx li:nth-child(3){ width:10.52%;}
.p43st{ height:45px; position:relative; line-height:45px; text-align:center;}
.p43st i{ right:7%; left:7%; top:50%; background:#B7B7B7; height:1px; position:absolute;}
.p43st:before{content:""; width:3px; height:15px; top:50%; margin-top:-7px; background:#B7B7B7; position:absolute; left:7%;}
.p43st:after{content:""; width:3px; height:15px; top:50%; margin-top:-7px; background:#B7B7B7; position:absolute; right:7%;}
.p43st span{ background: #FFF; padding: 0px 7px; display: inline-block; position: relative; font-size: 16px; }
.p43mdr{ height:230px; position:relative; z-index:1; overflow:hidden; border:3px solid #000; border-radius:1.5em; transition:all 0.5s ease;}
.p43bmx li:hover .p43mdr{box-shadow:0 8px 20px rgba(0,0,0,0.1);}
.p43bmx li:nth-child(1) .p43mdr span:nth-child(1){ background:#F6F6F6; position:absolute; left:0; top:0; bottom:0; width:45px;}
.p43bmx li:nth-child(1) .p43mdr span:nth-child(2){ background:#F6F6F6; position:absolute; right:0; top:0; bottom:0; width:45px;}
.p43bmx li:nth-child(2) .p43mdr span:nth-child(1){ background:#F6F6F6; position:absolute; left:0; top:0; bottom:0; width:20px;}
.p43bmx li:nth-child(2) .p43mdr span:nth-child(2){ background:#F6F6F6; position:absolute; right:0; top:0; bottom:0; width:20px;}
.p43bmx li:nth-child(3) .p43mdr span:nth-child(1){ background:#F6F6F6; position:absolute; left:0; top:0; bottom:0; width:6px;}
.p43bmx li:nth-child(3) .p43mdr span:nth-child(2){ background:#F6F6F6; position:absolute; right:0; top:0; bottom:0; width:6px;}
.p43bmx li:nth-child(1) .p43st{margin:0 20px;}
.p43bmx li:nth-child(2):after{content:"";}
.p43bmx li:nth-child(3):after{content:"";}
.p43bmx li p{ font-size: 14px; line-height: 24px; color: #363636; margin-top: 1.14vw; }
.p43bmx li p span{color:#696969;}
.part5{ margin-top:5.25vw; padding-bottom:6vw; overflow:hidden;}
.part5Top{ padding-top:6vw; padding-bottom:calc(450px + 7vw); position:relative;}
.part5Top:before{content:""; height:13.54vw; width:140%; left:50%; transform:translateX(-50%) rotate(-6deg); position:absolute; bottom:-6.54vw;}
.part5Bom{margin-top:-450px; position:relative;}
.part5box{ max-width:1140px; margin:0 auto;}
.part5icons{ max-width:1140px; margin:0 auto;}
.p4item4{}
.p4item4 .p4itm_t{ color:#fff;}
.p4item4 .p4line{background:rgba(255,255,255,0.5);}
.p4item4 .p4line i{ background:#fff;}
.p4item4 .p41_enm{color:#fff;}
.part5img{ font-size:0; position:relative; padding-top:2.34vw;}
.part5img:before{content:"";background: #fff;position: absolute;height: 1px;width: 5px;left: 0px;top: 0px;}
.part5img img{ display:block;}
.part1Content{ max-width:1140px; margin:0 auto;}
.case2022 img{max-width:100%; height:auto;}


@media (max-width:1799px){
.part1Content{max-width:950px;}
}
@media (max-width:1379px){
.part1Content{max-width:850px;}
}
@media (max-width:1199px){
.p42_rnd{width:22%;}
.p43bmx li:nth-child(1){ width:40.03%;}
.p43bmx li:nth-child(2){ width:30.31%;}
.p43bmx li:nth-child(3){ width:12.52%;}
.p43mdr{height:195px;}
}
@media (max-width:993px){
.p42_enm{width:20%;}
.p43mdr{height:160px;}
.p42bm,.p42ul li dl{padding:0 15px;}
}
@media (max-width:767px){
*{background-attachment:inherit!important;}
.part1_info i{margin:0 8px;}
.part1_info:before{ left:40px; right:186px;}
.p1_pad,.p1_m,.p2pad,.p3_mimg{border-width:3px; border-radius:1em;}
.p41_enm{font-size:20px; line-height:28px;}
.p4num{font-size:50px; line-height:50px; margin-top:-20px;}
.container{margin-left:15px; margin-right:15px;}
.part1{padding:35px 0 65px;}
.p1box{margin-top:15px;}
.part2{padding:45px 0 45px;}
.part5{padding-bottom:50px; margin-top:30px;}
.part5img{padding-top:25px;}
.part5Top{padding-top:50px;}
.p43bmx{padding-top:15px;}
.p43bmx ul{flex-wrap: wrap;}
.p43bmx li{margin-bottom:15px;}
.p43bmx li:nth-child(1){width: 100%;}
.p43bmx li:nth-child(2){width: 68%;}
.p43bmx li:nth-child(3){width: 28%;}
.p43bmx li:hover{transform:translateY(0);}
.p43bmx li p{text-align:center;}
.p41_des{padding:20px 0 20px; margin-bottom:20px;}
.p4line{width:45%;}
.p42_enm{width:45px;}
.p42_rnd span{margin-right:10px;}
.p42_rnd{width:60px;}
.p42_fs{width:70px;}
.p42_sise{margin-top:58px;}
.p42_sise p{line-height:30px;}
.p42_sise p span:nth-child(1){font-size:30px;}
.p42_sise p span:nth-child(2){font-size:24px;}
.p42_sise p span:nth-child(3){font-size:16px;}
.p42_sise p span:nth-child(4){font-size:12px;}
.p42_sise p span{margin-right:12px;}
.p42_sise p span:last-child{margin-right:0;}
.p4imx{height:125px; margin-bottom:12px;}
.p4item2{margin-bottom:25px;}
.p42ul{flex-wrap: wrap;}
.p42ul li{width: calc(50% - 10px); margin-bottom:10px;}
.p43mdr{border-width:2px;}
.p41_enm{font-weight:normal; font-size:18px;}
.p42_enm{font-weight:normal; font-size:18px;}
.p4font{right:4%;}
.p3_mimg{width:36.8%;}
}


.ieBody .p42ul{overflow:hidden; margin:0 -5px;}
.ieBody .p42ul li{width:calc(25% - 10px);float:left; margin:0 5px;}
.ieBody .p43bmx ul{overflow:hidden;}
.ieBody .p43bmx li{float:left;}
.ieBody .p43bmx li:nth-child(1){ margin-right:168px;}
.ieBody .p43bmx li:nth-child(3){float:right;}