@charset "utf-8";
html{scroll-behavior: smooth;}
body{ overflow-x:hidden;}
body{ color:#54565A; height:auto; box-sizing:border-box; font-size:20px; line-height: 1.4;}
.user-select{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#3f3b3a; text-decoration:none;}
a:hover{ text-decoration:none; color:#e60012;}
i,em{ font-style:normal;}

.menu .h3 a:after,
.fNav .h3 span,
.fNav .h3 i,
.menu .h3 span,
.menu .h3 i{
font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.menu,
.menu .h3 a,
.header .wp,
.logo img{
transition: all 0.3s ease-out;
}
.ddddddddd{ transform:scale(1.05,1.05);}

.menu-link { display:none; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:7px; transition: all 0.2s ease-out;}
.menu-link em{ position:absolute; z-index:3; right:100%; top:50%; text-transform:uppercase; height:40px; line-height:40px; margin-top:-20px; font-size:16px; color:#000; display: none;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #000;width: 100%;height:2px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -8px;content: " ";}
.menu-link span:after {top:8px;}
/*.menu-link.active{ background:#e60012; border-radius: 50%;}*/
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#e60012; transform: rotate(45deg); top:0px;}
.menu-link.active span:after { background-color:#e60012; transform: rotate(-45deg); top:0px;}
.menu-link.active em{ display:none;}

.wp{ position: relative; margin: 0 150px;}

.header{ position:fixed;left: 0; top: 0; right: 0; z-index: 9; border-bottom: 1px solid rgba(255,255,255,0.5);}
.header .wp{ margin: 0 32px; width: auto;}


.logo{ position:absolute; left:0px; top:50%; margin-top:-0.5em; font-size:40px; line-height: 1; display: block;}
.logo img{ height:1em; width:auto; display: block;}
.logo img.img1{ opacity: 1;}
.logo img.img2{ opacity: 0; position: absolute; left: 0; top: 0; right: 0; }

.tTel{ position: absolute; top: 50%; right: 0px; margin-top: -20px;}
.tTel .i{ display: none; width: 40px; line-height: 40px; height: 40px; font-size: 20px; text-align: center;}
.tTel .box{}
.tTel .box .pd{ position: relative; width: 40px; height: 40px; color: #fff; border:1px solid #fff; box-sizing: border-box; display: block; border-radius: 20px; transition: 0.3s all; overflow: hidden; }
.tTel .box i{ position: absolute; left: 0; top: 50%; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; text-align: center;}
.tTel .box strong{ white-space: nowrap; height: 38px; line-height: 38px; display: block; padding: 0 10px 0 0; margin-left: 40px; font-size: 18px; font-family: "OPPOSans-Bold",\5FAE\8F6F\96C5\9ED1,Arial, Helvetica, sans-serif;}
.tTel .box .pd{ width: 186px; background: #fff; color: #000;}
.tTel .box .pd i{ color:#e60012}
/*.tTel .box a{ height: 40px; line-height: 38px; display: block; border: 1px solid #fff; box-sizing: border-box; color: #fff; width: 100px; text-align: center; border-radius: 20px;}*/

.tCall{ position: absolute; top: 50%; right: 0; margin-top: -20px; display: none;}
.tCall .i{ display: none; width: 40px; line-height: 40px; height: 40px; font-size: 20px;}
.tCall .box{}
.tCall .box a{ height: 40px; line-height: 38px; font-size: 16px; display: block; border: 1px solid #fff; box-sizing: border-box; color: #fff; width: 100px; text-align: center; border-radius: 20px; transition: 0.3s all;}
.tCall .box a:hover{ background: #e60012; color: #fff; border-color: #e60012;}

.menu{ text-align: center; margin: 0 196px 0 154px; position: relative; padding: 30px 0;}
.menu ul{ display: flex; justify-content:space-between;}
.menu li{ float: left; position: relative;}
.menu li:last-child{ margin-right: 0px;}
.menu li:first-child .h3 a:after{ display: none;}
.menu .h3{ position: relative;}
.menu .h3 a{ display: block; color: #fff; height:38px; line-height: 38px; font-size: 16px; border-radius: 20px; font-weight:bold; position: relative; display: flex; align-items: center; padding: 0 1em;}
.menu .h3 a em{ display: block; margin-left: 0.25em; font-size: 12px; display: none;}
.menu .h3 strong{ font-weight:normal; display: block; white-space: nowrap;}
.menu .h3 span{ display:none; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px; }
.menu .h3 span:before{ content: "\e80d"; }
.menu .h3 i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.menu .h3 i:before { content:"\e704"; }

.menu .box{ position: absolute; top: 100%; left:50%; width:440px; margin-left: -110px; text-align: center; opacity: 0; transform: translateY(-10px); pointer-events: none; transition: 0.4s all;  padding:30px 0 0 0; transition-delay: 0.2s;}
.menu .box .pd{ padding:15px; background: #fff; border-radius: 6px; box-shadow: 0 0 5px rgba(0,0,0,0.2); display:flex; flex-wrap: wrap;justify-content: space-between;}
.menu .box a{ display: flex; height: 42px; line-height: 42px; padding: 0 15px; white-space: nowrap; border-radius: 6px; justify-content: space-between; font-size: 16px; width: 48%; box-sizing: border-box;}
.menu .box a:after{content:"\e721"; margin-left: 1em; font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; transition: 0.3s all; opacity: 0;}
.menu .box a:hover{background: rgba(242, 233, 211, .3);}
.menu .box a:hover:after{ transform: translateX(5px); opacity: 1;}

.menu li:nth-child(8) .box,
.menu li:nth-child(5) .box{ width: 220px;}
.menu li:nth-child(8) .box a,
.menu li:nth-child(5) .box a{ width: 100%;}

.menu li:hover .h3 a{ color:#fff; background: #e60012;}
.menu li:hover .box{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}


.menu li.curr .h3 a{}
.menu li.curr .h3 strong{ font-weight:bold;}
.menu li.curr .h3 a:before{ width: 100%; margin-left: -50%;}


.body_fix .header{ background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.3);}
.body_fix .logo img.img1{ opacity: 0;}
.body_fix .logo img.img2{ opacity: 1;}
.body_fix .menu{ padding: 13px 0;}
.body_fix .menu .h3 a{ color: #000;}
.body_fix .menu li.curr .h3 a{  }

.body_fix .tCall .box a{ color: #000; border-color: #000;}
.body_fix .tCall .box a:hover{ background: #e60012; color: #fff; border-color: #e60012;}
.body_fix .tTel .box .pd{ color: #000; border-color: #000;}
.body_fix .tTel .box .pd{ background: #e60012; color: #fff; border-color: #e60012;}
.body_fix .tTel .box .pd i{ color: #fff;}


.more1{ border: 2px solid #fff; display:flex; align-items: center; height: 3em; line-height:3em; padding: 0 0.15em 0 1.8em; border-radius: 1.6em; transition: 0.3s all; color: #fff;}
.more1 span{ display: block; font-size: 0.9em;}
.more1 i{ display: block; font-size: 1em; width: 2.8em; height: 2.8em; background: #fff; color: #000; text-align: center; line-height: 2.8em; border-radius: 50%; margin-left: 1.6em; transition: 0.3s all;}
.more1:hover{ background: #fff; color: #000;}
.more1:hover i{ background: #e60012; color: #fff; transform: rotate(45deg);}

.more1_2{ border-color: #000;}
.more1_2 i{ background: #000; color: #fff;}
.more1_2:hover{ background: #000; color: #fff;}
.more1_2:hover i{ background: #fff; color: #e60012;}

.more1_2{ border-color: #000; background: #000; color: #fff;}
.more1_2 i{ background: #fff; color: #000;}


.lodBanner{ position: relative; overflow: hidden;}
.lodBanner .img img{ aspect-ratio: 1920/1080; height: 100vh; width: 100vw; display: block; object-fit: cover;}
.lodBanner .text{ position: absolute; left: 150px; right: 150px; bottom: 80px; color: #fff;}
.lodBanner .em{ font-size: 76px; line-height: 1.2; display: flex; margin-bottom: 0.3947368421052632em;}
.lodBanner .em em{ border-bottom: 1px solid #fff; display: block;}
.lodBanner .h3{ font-size: 98px; line-height: 1.2; margin-bottom: 0.2040816326530612em;}
.lodBanner .p{ font-size: 22px; line-height: 1.5; margin-bottom: 2.727272727272727em;}
.lodBanner .m{ display: flex;}
.lodBanner .swiperArrow{ display: block; top: auto; bottom: 2.352941176470588em; margin-top: 0; font-size: 34px;}
.lodBanner .swiperPrev{ right: 150px; left: auto; margin-right: 3em;}
.lodBanner .swiperNext{ right: 150px;}



.iSlogan{ padding-top: 50px;}
.iSlogan .wp{ width:auto; margin: 0px; }

.scroll-container {width: 100%;overflow: hidden;position: relative;white-space: nowrap; box-sizing: border-box;}
.scroll-text {display: inline-block;padding-left: 100%;animation: scrollLeft 20s linear infinite;font-size: 150px;color: #333; line-height: 1.2;}
.scroll-container:hover .scroll-text {animation-play-state: paused;}
@keyframes scrollLeft {
0% {transform: translateX(0);}
100% {transform: translateX(-100%);}
}
/*@media (max-width: 768px) {
.scroll-text {font-size: 1rem;animation: scrollLeft 15s linear infinite;}
}*/



.tit1{ margin-bottom: 80px; position: relative;}
.tit1 .h2{ font-size: 120px; color: #151515; line-height: 1.2; margin-bottom: 0.5em;}
.tit1 .h3{ font-size: 22px; color: #9e9e9e; line-height: 1.2; margin-bottom: 0.5em;}
.tit1 .em{ font-size: 48px; color: #151515; line-height: 1.2;}
.tit1 .p{ font-size: 24px; color: #9e9e9e; line-height: 1.5; width: 28em;}
.tit1 .img{ width: 375px; padding-top: 160px;}
.tit1 .img img{ width: 100%; height: auto; display: block; }

.tit1_1 .em{ width: 24em;}

.tit1_2{}
.tit1_2 .em{ border-bottom: 1px solid #000; width: auto; padding-bottom: 30px; margin-bottom: 30px; padding-right: 154px;}
.tit1_2 .m{ position: absolute; right: 0; top: 46px;}
.tit1_2 .m a{ font-size: 18px; height: 2.666666666666667em; line-height: 2.666666666666667em; display: block; min-width: 8em; box-sizing: border-box; padding: 0 1em; text-align: center; background: #ebebeb; border-radius: 1.333333333333333em; transition: 0.3s all;}
.tit1_2 .m a:hover{ background: #e60012; color: #fff;}

.tit1_3 .h3{ margin-bottom: 3.636363636363636em;}
.tit1_3 .em{ position: absolute; right: 0px; top: 0; width: 9em;}

.tit1_4{ position: absolute; left: 0; top: 0; width: 540px;}
.tit1_6 .h2{ margin-right: 1.2em;}
.tit1_6 .m{ position: absolute; right: 0; bottom: 0;}




.iMain{ padding: 60px 0; overflow: hidden;}

.iMain1{overflow: hidden; }
.iCaseTop{ margin: 0 -30%; position: relative;}
.iCaseTop .swiper{ margin: 0 -20px;}
.iCaseTop .pd{ display: block; background: #fff; color: #000; border-radius: 48px; padding: 80px 0 80px 64px; margin: 0 20px; transition: 0.3s background;}
.iCaseTop .img{ float: right; border:5px solid #000; border-right: 0px; border-radius: 48px 0 0 48px; overflow: hidden; width: 664px; box-sizing: border-box; opacity: 0; transition: 0.5s all; transform: translateX(100px); transition-delay: 0.2s;}
.iCaseTop .img img{ aspect-ratio: 1024/640; object-fit: cover; width:130.125%; transition:1s all;}
.iCaseTop .text{ position: relative; padding: 200px 64px 0 0; margin-right: 664px; opacity: 0; transition:1s opacity;}
.iCaseTop .i{ font-size: 60px; position:absolute; left: 0; top: 0;}
.iCaseTop .i img{ height: 1em; display: block; width: auto;}
.iCaseTop .em{ font-size: 18px; line-height: 1.2; margin-bottom: 1em; height: 1.2em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.iCaseTop .h3{ font-size: 56px; line-height: 1.2; margin-bottom: 1em; font-weight:bold; height: 2.4em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.iCaseTop .m{ display: flex;}
.iCaseTop .pd:hover .img img{ transform: translateX(-12%);}

.iCaseTop .swiper-slide-active .pd{ background: #d6e5ec;}
.iCaseTop .swiper-slide-active .img{ opacity: 1;transform: translateX(0px);}
.iCaseTop .swiper-slide-active .text{ opacity: 1;}
.iCaseTop .swiper-slide-prev .pd{ background: #e6efe2;}
.iCaseTop .swiper-slide-next .pd{ background: #f0e5df;}

.iCaseTop .swiperArrow{ display: block; background: #fff; color: #151515;}
.iCaseTop .swiperArrow:hover{ background: #e60012; color: #fff;}
.iCaseTop .swiperPrev{ left: 21%;}
.iCaseTop .swiperNext{ right: 21%;}

.iMain2{}
.iAbout{}
.iAboutNum{ margin-bottom: 90px;}
.iAboutNum ul{ display: flex; justify-content: space-between; margin: 0 -16px;}
.iAboutNum li{}
.iAboutNum .pd{ display: block; margin: 0 16px; color: #151515; text-align: center;}
.iAboutNum .h3{ display: flex;}
.iAboutNum .h3 strong{ font-size: 220px; line-height:1; display: block; font-family: "OPPOSans-Bold",\5FAE\8F6F\96C5\9ED1,Arial, Helvetica, sans-serif;}
.iAboutNum .h3 em{ font-size:48px;}
.iAboutNum .em{ font-size: 22px; padding-top: 1em;}
.iAboutPartner{ margin: 0 -150px; overflow: hidden;}
.iAboutPartner ul{ border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; overflow: hidden;}
.iAboutPartner li{width: 290px; float: left; box-sizing: border-box; border-right: 1px solid #dcdcdc;}
.iAboutPartner img{ width: 100%; height: auto; display: block;}
.iAboutPartner .pd{ filter: grayscale(100%); transition: 0.3s all;}
.iAboutPartner .pd:hover{filter: grayscale(0%); }

.iMain3{}
.iCase{}
.pNavA{ margin-bottom: 80px;}
.pNavA ul{ display: flex; flex-wrap: wrap; margin: 0 -5px;}
.pNavA li{}
.pNavA a{ height: 2.666666666666667em; line-height: 2.666666666666667em; display: block; margin: 0 0.2777777777777778em; font-size: 18px; padding: 0 1.5em; background: #ebebeb; color: #161616; border-radius: 1.333333333333333em; transition: 0.3s all;}
.pNavA a:hover{ background: #e60012; color: #fff;}
.pNavA li.curr a{ background: #151515; color: #fff;}
.caseListA{}
.caseListA ul{ margin: 0 -30px; display: flex; flex-wrap: wrap;}
.caseListA li{ width: 50%; margin-bottom: 100px;}
.caseListA .pd{ display: block; margin: 0 30px;}
.caseListA .img{border-radius: 48px; overflow: hidden; margin-bottom: 36px;}
.caseListA .img img{aspect-ratio: 1024/640; object-fit: cover; transition: all .5s;}
.caseListA .text{}
.caseListA .h3{ font-size: 52px; color: #151515; line-height: 1.3; height: 1.3em; margin-bottom: 0.2em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.caseListA .em{ font-size: 18px; color: #9e9e9e; line-height: 1.2; height: 1.3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.caseListA .pd:hover .img img{ transform: scale(1.05);}
.iCaseMore{ display: flex; justify-content: center;}


.iMain4{}
.iService{}
.iService ul{ display: flex; flex-wrap: wrap; margin: 0 -32px;}
.iService li{ width: 25%;}
.iService li:nth-child(1) .pd{ background: #dfb19a;}
.iService li:nth-child(2) .pd{ background: #d7a9c8;}
.iService li:nth-child(3) .pd{ background: #b8c5bd;}
.iService li:nth-child(4) .pd{ background: #d5c9a6;}
.iService .pd{ margin: 0 32px; height: 100%; border-radius: 48px; padding: 90px 40px; box-sizing: border-box; color: #fff; position: relative; display: block;}
.iService .pd:before{ content: ''; position: absolute; right:-1px; top: -1px; background: url("../images/iService_bg.png") no-repeat right top; background-size: contain; width: 188px; height: 188px; }
.iService .h3{ font-size: 32px; line-height: 1.2; margin-bottom: 1.5em;}
.iService .p{ font-size: 16px; line-height: 2.25;}
.iService .p p{ position: relative; padding-left: 35px;}
.iService .p p:before{content: "\e8bd"; position: absolute; left: 0; top:0.6em; line-height: 1;  font-family: "iconfont" !important; font-size: 1.111111111111111em; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.iService .m{ width: 2em; height: 2em; line-height: 2em; border-radius: 50%; text-align: center; border: 2px solid #151515; font-size: 32px; color: #151515; position: absolute; right: 0.5em; top: 0.5em; transition: 0.3s all;}
.iService .pd:hover .m{ color: #e60012; border-color: #e60012; transform: rotate(45deg);}

.iMain5{}
.iNews{}
.iNewsTab{ position: absolute; right: 0; top: 60px;}
.iNewsTab ul{ display: flex; margin: 0 -6px;}
.iNewsTab li{}
.iNewsTab a{ font-size: 18px; height: 2.666666666666667em; line-height: 2.666666666666667em; padding: 0 1.5em; background: #ebebeb; display: block; border-radius: 1.333333333333333em; margin: 0 0.3333333333333333em;}
.iNewsTab li.curr a{ background: #e60012; color: #fff;}
.iNewsCon{ display: flex; justify-content: space-between;}
.iNewsFl{ width: 710px;}
.iNewsA{}
.iNewsA .swiper{ margin: 0 -20px;}
.iNewsA .pd{ display: block; margin: 0 20px;}
.iNewsA .img{ border-radius: 48px; overflow: hidden;}
.iNewsA .img img{ aspect-ratio: 1024/640; object-fit: cover; transition: 0.5s all;}
.iNewsA .text{ padding-top: 40px;}
.iNewsA .em{ font-size: 16px; color: #9e9e9e; margin-bottom: 1em; line-height: 1.2;}
.iNewsA .h3{ font-size: 30px; color: #151515; height: 3em; line-height: 1.5; width: 70%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.iNewsA .pd:hover .img img{ transform: scale(1.05);}



.iNewsFr{ width: 790px;}
.iNewsB{}
.iNewsB li{ margin-bottom: 26px;}
.iNewsB li:last-child{ margin-bottom: 0px;}
.iNewsB .pd{ display: block; border: 1px solid #151515; padding: 0 32px; border-radius:14px; position: relative; transition: 0.3s all;}
.iNewsB .h3{ display: block; height: 80px; line-height: 80px; overflow: hidden;}
.iNewsB .i{ position: absolute; font-size: 20px; right: 32px; top: 50%; margin-top: -0.5em; line-height: 1; transition: 0.3s transform; transform: rotate(-180deg);}
.iNewsB .pd:hover{ background: #e60012; color: #fff; border-color: #e60012;}
.iNewsB .pd:hover .i{ transform: rotate(0deg);}

.iNewsBtn{ padding-top: 36px; display: flex; justify-content: center;}
.iNewsBtn a{ display: block; width: 2.727272727272727em; height: 2.727272727272727em; line-height: 2.727272727272727em; border-radius: 50%; text-align: center; border: 2px solid #151515; font-size: 22px; color: #151515; transition: 0.3s all;}
.iNewsBtn a:hover{ color: #fff; background: #e60012; border-color: #e60012; transform: rotate(45deg);}


.iMain6{ padding-bottom: 0;}
.iCall{ overflow: hidden; padding-top: 60px; /*background: #f1f1f1;*/}
.iCallImg{ margin: 0 -150px;}
.iCallImg img{ width: 100%; height: auto; display: block;}

.footer{ background: #151515; color: #fff;}
.footer a{ color: #fff;}
.footer a:hover{ color: #e60012;}
.tit2{ margin-bottom: 20px;}
.tit2 strong{ font-size: 18px; line-height: 1.2; display: block; }
.fCall{ padding: 90px 0; border-bottom: 1px solid #3d3d3d;}
.fCall .pd{ display: block;}
.fCall .i{ font-size: 18px; line-height: 1.2; margin-bottom: 2em;}
.fCall .h3{ font-size: 48px; line-height: 1.2;}
.fCall .em{ font-size: 96px; line-height: 1.2; position: relative; display: flex; color: #ffc1a2; align-items: center; margin-bottom: 0.625em;}
.fCall .em i{ font-size: 72px; color: #ffc1a2; margin-right: 0.25em;}
.fCall .em a{ color: #ffc1a2;}
.fCall .m{ display: flex;}
.fTop{ padding: 70px 0; display: flex; justify-content: space-between;}
.fEwm{ width: 33.3333%; box-sizing: border-box; padding-left: 200px; padding-left: 10em;}
.fEwm img{ width: 122px; height: auto; display: block;}
.fNavA{ width: 33.3333%;}
.fNavList{}
.fNavList li{ font-size: 14px; line-height: 36px; height: 36px;}
.fEwmCon{}
.fContact{ width: 33.3333%;}
.fContact ul{ width: 400px;}
.fContact li{ margin-bottom: 50px;}
.fContact li:last-child{ margin-bottom:0px;}
.fContact .pd{}
.fContact .h3{}
.fContact .p{ font-size: 14px; line-height: 36px; display: flex; flex-wrap: wrap; margin: 0 -1em;}
.fContact .p p{ margin: 0 1em;}
.fContact .p a{}
.fBottom{ display: flex; justify-content: space-between; padding-bottom: 90px;}
.fNavB{ font-size: 14px;}
.fNavB ul{ display: flex; margin: 0 -1em;}
.fNavB a{ display: block; margin: 0 1em; }
.fCopy{ font-size: 14px; margin-left: 33.3333%;}
.fIcp{ font-size: 14px; width: 33.3333%;}
.fIcp p{ display: inline-block; margin-right: 1em;}
.fIcp p:last-child{ margin-right: 0px;}




/**/
body{ font-size: 1.04166666666667vw;}
.wp{ margin: 0 7.5em}
.header .wp{ margin: 0 1.6em;}
.menu{}
.menu ul{ max-width: 1080px; margin: 0 auto;}
.menu li{}
.lodBanner .text{ left: 7.5em; right: 7.5em; bottom: 4em;}
.lodBanner .em{ font-size: 2em;}
.lodBanner .h3{ font-size: 3em;}
.lodBanner .p{ font-size: 1em; font-size: 14px;}
.lodBanner .swiperArrow{ font-size: 1.7em;}
.lodBanner .swiperPrev{ right: 4.411764705882353em;}
.lodBanner .swiperNext{ right: 4.411764705882353em;}
/**/
.iSlogan{ padding-top: 2.5em;}
.scroll-text {font-size: 7.5em;}
/**/
.tit1{ margin-bottom: 4em;}
.tit1 .h2{ font-size: 6em;}
.tit1 .h3{ font-size: 1.1em; font-size: 16px;}
.tit1 .em{ font-size: 2.4em;}
.tit1 .p{ font-size: 1.2em; font-size: 18px;}
.tit1 .img{ width: 18.75em; padding-top: 8em;}
.tit1_2 .em{  padding-bottom: 0.625em; margin-bottom: 0.625em; padding-right: 3.208333333333333em;}
.tit1_2 .m{ top: 2.3em;}
.tit1_2 .m a{ font-size: 0.9em; font-size: 14px;}
.tit1_4{ width: 27em;}

/**/
.iMain{ padding: 3em 0;}
.iMain6{ padding-bottom: 0px;}
.iCaseTop .swiper{ margin: 0 -1em;}
.iCaseTop .pd{ border-radius: 2.4em; padding: 4em 0 4em 3.2em; margin: 0 1em;}
.iCaseTop .img{ /* border:0.25em solid #000; */ border-right: 0px; border-radius: 2.4em 0 0 2.4em; width: 33.2em; transform: translateX(5em);}
.iCaseTop .text{ padding: 10em 3.2em 0 0; margin-right: 33.2em;}
.iCaseTop .i{ font-size: 4.3em; font-size: 50px;}
.iCaseTop .em{ font-size: 0.9em; font-size: 14px;}
.iCaseTop .h3{ font-size: 2.8em;}
/**/
.iAboutNum{ margin-bottom: 4.5em;}
.iAboutNum ul{  margin: 0 -0.8em;}
.iAboutNum .pd{ margin: 0 0.8em;}
.iAboutNum .h3 strong{ font-size: 11em;}
.iAboutNum .h3 em{ font-size:2.4em;}
.iAboutNum .em{ font-size: 1.1em; font-size: 16px;}
.iAboutPartner{ margin: 0 -7.5em;}
.iAboutPartner li{width: 14.5em;}
/**/
.pNavA{ margin-bottom: 4em;}
.pNavA ul{ margin: 0 -0.25em;}
.pNavA a{ font-size: 0.9em; font-size: 14px;}
.caseListA ul{ margin: 0 -1.5em;}
.caseListA li{ margin-bottom: 5em;}
.caseListA .pd{ margin: 0 1.5em;}
.caseListA .img{border-radius: 2.4em; margin-bottom: 1.8em;}
.caseListA .h3{ font-size: 2.6em;}
.caseListA .em{ font-size: 0.9em; font-size: 14px;}
/**/
.iService{ }
.iService ul{ margin: 0 -1.2em;}
.iService li{}
.iService .pd{ margin: 0 1.2em; border-radius: 2.4em; padding: 4.5em 2em; }
.iService .pd:before{ width: 9.4em; height: 9.4em; }
/*.iService .h3{ font-size: 1.8em;}
.iService .p{ font-size: 0.8em;}*/
.iService .p p{ padding-left: 2em;}
.iService .m{ font-size: 1.6em;}
/**/
.iNewsTab{ top: 2em;}
.iNewsTab ul{ margin: 0 -0.3em; }
.iNewsTab a{ font-size: 0.9em; font-size: 14px;}
.iNewsFl{ width: 35.5em;}
.iNewsA .swiper{ margin: 0 -1em;}
.iNewsA .pd{ margin: 0 1em;}
.iNewsA .img{ border-radius: 2.4em;}
.iNewsA .text{ padding-top: 2em;}
.iNewsA .em{ font-size: 0.8em; font-size: 12px;}
.iNewsA .h3{ font-size: 1.5em; }
.iNewsFr{ width: 39.5em;}
.iNewsB li{ margin-bottom: 1.3em;}
.iNewsB .pd{ padding: 0 1.6em; border-radius:0.7em;}
.iNewsB .h3{ height: 4em; line-height: 4em;}
.iNewsB .i{ font-size: 1em; right: 1.6em; font-size: 14px;}
.iNewsBtn{ padding-top: 1.8em;}
.iNewsBtn a{ font-size: 1.1em; font-size: 16px;}
.iCall{ padding-top: 3em;}
.iCallImg{ margin: 0 -7.5em;}
/**/
.fCall{ padding: 4.5em 0;}
.fCall .i{ font-size: 0.9em; font-size: 14px;}
.fCall .h3{ font-size: 2.4em;}
.fCall .em{ font-size: 4.8em;}
.fCall .em i{ font-size: 0.75em; font-size: 12px;}
.fTop{ padding: 3.5em 0;}
.fBottom{ padding-bottom: 4.5em}

/*
.tit2{ margin-bottom: 1em;}
.tit2 strong{ font-size: 0.9em;}
.fEwm{ width: 6.1em;}
.fNavList li{ font-size: 0.7em; line-height: 2.571428571428571em; height: 2.571428571428571em;}
.fContact{ width: 20em;}
.fContact li{ margin-bottom: 2.5em;}
.fContact .p{ font-size: 0.7em; line-height: 2.571428571428571em; }
.fNavB{ font-size: 0.7em;}
.fIcp{ font-size: 0.7em;}*/
/**/



/*新尺寸*/
body{ font-size: 0.78125vw; font-size: 15px;}
.caseListA li{ width: 33.3333%;}
.iNewsFl{ width: calc(100% - 45.5em);}
.iNewsA{ position: relative; padding-bottom: 3em;}
.iNewsA .h3{ width: auto;}
.iNewsA .swiperDots{ display: flex; bottom: 0;}
.scroll-text{ font-size: 6em;}

.iCaseTop{ margin: 0 -15%;}
.caseListA .h3{ font-size: 2em;}


@media screen and (min-width:1921px){
body{ font-size:0.78125vw;}
}
@media screen and (max-width:1680px){
.menu{/*  margin: 0 20em; */}
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1441px){
body{ font-size: 14px;}
.menu{ /* margin: 0 15em; */}
.menu ul{ max-width: 900px;}
.menu .h3 a{}
.menu .box a{ font-size: 14px;}
.lodBanner .p{ font-size: 14px;}
.more1 span{ font-size: 14px;}

.iAboutNum .h3 strong{ font-size: 10em;}
.iAboutNum .em{ font-size: 14px;}
.iService .p{ font-size: 14px;}
.iNewsB .h3{ height: 3em; line-height: 3em;}

.tit1 .h3{ font-size: 14px;}
.tit1 .h2{ font-size: 5em;}
.iNewsA .h3{ font-size: 16px;}

.caseListA .em{ font-size: 14px;}
.caseListA .h3{ font-size: 24px;}


.iCaseTop{ margin: 0 -30%;}

.iNewsFl{ width: calc(100% - 38.5em);}
.iNewsFr{ width: 36.5em;}


.iNewsTab a{ font-size: 14px;}

.fEwm{ width: 24%; padding-left: 5em;}
.fCopy{ margin-left: 24%;}
.fContact{ width: 46%;}
.fNavA{ width: 30%;}
.fIcp{ width: 30%;}

.iService ul{ margin: 0 -1em;}
.iService .pd{ margin: 0 1em;}
.iService .h3{ font-size: 2em;}
.iService .p{ font-size: 1em;}

}
@media screen and (max-width:1366px){
.menu ul{ max-width: 860px;}
.fNavB{ font-size: 12px;}
.fCopy{ font-size: 12px;}
.fIcp{ font-size: 12px;}
.menu .h3 a{ font-size: 14px; padding: 0 1em;}
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1024px){
body{ min-width:inherit; font-size: 14px; padding: 60px 0 50px 0;}

.wp{ margin:0 60px; width: auto;}


.logo{ left: 50%; transform: translateX(-50%); font-size: 32px;}
.logo img.img1{ opacity: 0;}
.logo img.img2{ opacity: 1;}


.tTel{ right: auto; left: 0px;}
.tTel .i{ display: block; font-size: 26px;}
.tTel .box{ position: fixed; left: 0; top: 60px; right: 0; background: #F9F8F5; color:#e60012; display: none;}
.tTel .box .pd{ width: auto; color: #e00; text-align: center; height: auto; border-radius: 0; padding: 30px 0; margin: 0;}
.tTel .box strong{ font-size: 32px; margin: 0px; padding: 0;}
.tTel .box i{ display: none;}

.tCall{ display: block; right: auto; left: 0px; top: 50%; margin-top: -16px; display: none;}
.tCall .box a{ height: 32px; line-height: 32px; background: #000; font-size: 14px; width: 80px; border: none;}

.menu-link{ display: block;}
.menu-link em{ font-size:14px;}

.header{ background: rgba(255,255,255,1); position: fixed; padding: 0px; border-bottom: none; box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.header:before{ display: none;}
.header .wp{ height:60px; margin: 0 30px; width: auto;}
.menu{ position:fixed; top:60px; bottom:0px; z-index:2; margin: 0px; box-sizing:border-box;width:280px; right:-290px;background:#f1f1f1;}
.menu.active{ right:0px;}
.menu ul{ padding:40px 0 0 0; float: none; display: block; margin: 0 20px; max-width: none;}
.menu li{ margin-bottom:15px; float: none; margin: 0px; padding:0px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ color: #e60012; background: none;}
.menu .h3{ padding: 0px; text-align: left; position: relative; }
.menu .h3 a{ display:block; vertical-align: bottom; font-size:14px; padding:0px; height:40px; line-height: 40px; overflow:hidden; color:#333;}
.menu .h3 a em{ display: none;}

.menu .h3 span{ display:block; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px; }
.menu .h3 span:before{ content: "\e605"; }
.menu .h3 span.active:before { content: "\e606"; }



.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before,
.menu .h3 a:before{  border-bottom: 1px solid rgba(0, 0, 0, .1); height: 0px; background: no-repeat; bottom: 0px; opacity: 1; display: block; border-left: none; border-right: none;}
/*.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ border-bottom-color: #000; }*/

.menu .h3 span{ height:40px; line-height:40px; display:block; text-transform:uppercase; color: #333; right: 0;}
.menu .h3 i{ height:40px; line-height:40px; display:block; color: #333; right: 0;}
.menu li:last-child .h3 a:before{ opacity: 0;}

.menu .box{ display: none; position: static; top: auto; left: auto; width: auto; box-shadow: none; transition: none; transform: none; opacity: 1; visibility: visible; padding: 0px; padding: 15px 0; margin: 0 ; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.menu .box .pd{background: none; padding: 0; box-shadow: none;}
.menu .box a{ color: #666; padding: 6px 0; height: 28px; line-height: 28px; padding: 0; font-size: 12px;}
.menu .box a:hover{ background: none;}
.menu .box a:after{ display: none;}

.lodBanner .text{ left: 60px; right: 60px; font-size: 1.3671875vw;}
.lodBanner .swiperDots{ display: flex; bottom: 10px;}
.lodBanner .swiperArrow{ font-size: 16px;}
.lodBanner .swiperPrev,
.lodBanner .swiperNext{ right: 60px;}

.scroll-text{ font-size: 5.4em;}

.tit1{ margin-bottom: 3em;}
.tit1 .h3{ font-size: 1em;}
.tit1 .em{ font-size: 1.5em;}
.tit1 .p{ font-size: 1em;}
.tit1 .img{ display: none;}
.tit1_2 .em{ padding-right: 116px;}
.tit1_2 .m{ top: 1em;}
.tit1_2 .m a{ font-size: 12px;}
.tit1_3 .h3{ margin-bottom: 2em;}
.tit1_4{ width: 200px;}

.more1{ font-size: 1em;}

.iCaseTop .pd{ padding: 2em 0 2em 2em; border-radius: 1em;}
.iCaseTop .img{ width: 50%;}
.iCaseTop .text{ margin-right: 50%; padding: 6em 2em 0 0;}
.iCaseTop .em{ font-size: 1em;}
.iCaseTop .h3{ font-size: 2em;}
.iCaseTop .i{ font-size: 3em;}

.iAboutNum .h3 strong{ font-size: 5.4em}

.pNavA{ margin-bottom: 3em;}
.caseListA li{ margin-bottom: 3em; width: 50%;}
.caseListA .img{ border-radius: 1em;}
.caseListA .h3{ font-size: 1.5em;}
.caseListA .em{ font-size: 1em;}

.iService{ margin-left:0px;}
.iService li{ width: 50%; margin-bottom: 40px;}
.iService li:nth-child(n+3){ margin-bottom: 0;}
.iService .m{ font-size: 1.0666666666666667em;}
.iService .pd:before{ width: 5.013333333333334em; height: 5.013333333333334em;}
.iService ul{ margin: 0 -1em;}
.iService .pd{ margin: 0 1em;}

.iNewsTab{ top: 1em;}
.iNewsFl{ width: 48%;}
.iNewsA .img{ border-radius: 12px;}
.iNewsA .h3{ font-size: 16px;}
.iNewsFr{ width: 48%;}
.iNewsB li{ margin-bottom: 16px;}
.iNewsB .h3{ height: 40px; line-height: 40px;}
.tit1 .h2{ font-size: 3.2em; margin-right: 154px;}
.fCall .i{ font-size: 1em;}
.fCall .h3{ font-size: 2em;}
.fCall .em{ font-size: 3em;}

.fTop{ margin-right: 0px;}
}
@media screen and (max-width:980px){
.header .wp,
.wp{ margin: 0 30px;}

.lodBanner .text{ left: 30px; right: 30px;}
.lodBanner .swiperPrev,
.lodBanner .swiperNext{ right: 30px;}

.tit1 .p{ width: auto;}
.tit1_1 .em{ width: auto;}
.tit1_3 .h3{ margin-bottom: 0.5em;}
.tit1_3 .em{ position: relative; top: auto; right: auto; width: auto;}
.tit1_4{ width: auto; position: relative; left: auto; top: auto;}
.tit1_4 .em br{ display: none;}


.iCaseTop{}
.iCaseTop .text{ padding: 4em 2em 0 0;}
.iCaseTop .h3{ font-size: 1.5em;}
.iCaseTop .swiperPrev{ left: 20%;}
.iCaseTop .swiperNext{ right: 20%;}



.iService{ margin: 0px;}
.iService li{ margin-bottom: 2em;}
.iService .pd{ padding: 3em 2em; border-radius: 12px;}
.iService .h3{ font-size: 18px; margin-bottom: 1em;}


.pNavA a{ padding: 0 1em;}


.tit2{ margin-bottom: 10px;}
.fContact li{ margin-bottom: 20px;}
.fContact .p{ line-height: 24px;}

.fTop{ display: block; position: relative; padding: 40px 0; }
.fEwm{ position: absolute; left: 0; top: 40px; text-align: center; padding-left: 0px; width: 122px;}
.fEwm img{ width: 100%;}
.fContact{ width: auto; margin-left: 162px;}
.fContact ul{ width: auto;}
.fNavA{ padding: 40px 0 30px 0; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); margin-top: 40px; width: auto;}

.fNavList{}
.fNavList ul{ display: flex; gap: 10px;}

.fNavB{ margin-bottom: 5px;}
.fNavB ul{ justify-content: center;}
.fCopy{ margin-bottom: 5px; margin-left: 0px;}
.fBottom{ display: block; text-align: center;}
.fIcp{ width: auto;}

}
@media screen and (max-width:720px){
.more1{ border-width: 1px;}
.lodBanner .img img{ aspect-ratio: 640/480; height: auto;}
.scroll-text{ font-size: 48px;animation: scrollLeft 15s -3s linear infinite;}
.tit1 .h3{ font-size: 12px;}
.tit1 .em{ font-size: 16px;}

.header .wp,
.wp{ margin: 0 5%;}
.lodBanner .swiperPrev,
.lodBanner .swiperNext{ right: 5%; bottom: 30px; font-size: 12px;}
.lodBanner .swiperPrev{ margin-right: 0; margin-bottom: 3em;}
.lodBanner .text{ left: 5%; right: 5%; bottom: 30px; font-size: 2.89855072463768vw; padding-right: 36px;}
.lodBanner .m{ display: none;}
.lodBanner .em{ font-size: 1.5em;}
.lodBanner .h3{ font-size: 2.5em;}
.lodBanner .p{ margin-bottom: 0px; font-size: 1em;}

.iCaseTop{ margin: 0 -30%;}
.iCaseTop .swiper{ margin: 0 -5px;}
.iCaseTop .pd{ margin: 0 5px; padding: 1em 0 1em 1em;}
.iCaseTop .img img{aspect-ratio: 640/480;}
.iCaseTop .text{ padding-right: 15px;}
.iCaseTop .em{ font-size: 12px;}
.iCaseTop .h3{ font-size: 16px; margin-bottom: 0;}
.iCaseTop .m{ display: none;}
.iCaseTop .swiperArrow{ height: 100%; top: 0; bottom: 0; background: #000; border-radius: 0; margin: 0; border: none; opacity: 0.5; width:24%; opacity: 0;}
.iCaseTop .swiperPrev{ left: 0;}
.iCaseTop .swiperNext{ right: 0;}
.iCaseTop .swiperDots{ display: flex; bottom: -30px;}

.iAboutNum .h3{ display: flex; justify-content: center;}
.iAboutNum .h3 strong{ font-size: 2.5em;}
.iAboutNum .h3 em{ font-size: 1em;}
.iAboutPartner li{ width: 160px;}
.pNavA li{ margin-bottom: 5px; width: 25%;}
.pNavA a{ padding: 0; text-align: center;}
.caseListA .img{ margin-bottom: 15px;}
.caseListA li{ margin-bottom: 30px; width: 50%;}
.caseListA .h3{ font-size: 16px;}
.caseListA .em{ font-size: 12px;}

.iService ul{ margin: 0 -5px;}
.iService .pd{ margin: 0 5px; padding: 30px 15px;}

.iNewsTab{ position: relative; top: auto; right: auto; margin-bottom: 20px;}
.iNewsTab li{ width: 33.3333%;}
.iNewsTab a{ text-align: center; padding: 0;}
.iNewsCon{ display: block;}
.iNewsFl{ width: auto; float: none; margin-bottom: 30px;}
.iNewsA .text{ padding-top: 20px;}
.iNewsA .h3{ width: auto;}
.iNewsFr{ width: auto; float: none;}
.iCall{ background: #f1f1f1; padding-top: 40px;}
.iCall .tit1{ margin-bottom: 40px;}
.tit1{ margin-bottom: 30px;}
.tit1 .h2{ font-size: 32px; margin-right: 0; text-align: center; margin-bottom: 1em;}
.tit1_6 .m{ position: relative; right: auto; bottom: auto; display: flex; justify-content: center;}
.fCall{ padding: 60px 0; text-align: center;}
.fCall .h3{ margin-bottom: 10px;}
.fCall .em{ justify-content: center;}
.fCall .m{ justify-content: center;}
.fContact{ margin-left: 142px;}
.fContact li:first-child{ min-height: 154px;}
.fContact li:last-child{ margin-left: -142px;}
.fNavList ul{ flex-wrap: wrap; gap: 0;}
.fNavList li{ width: 33.3333%;}

.caseListA ul{ margin: 0 -10px;}
.caseListA .pd{ margin: 0 10px;}
}
@media screen and (max-width:640px){
.iCaseTop .i{ font-size:16px;}
}
@media screen and (max-width:480px){
.tit1 .h2{ font-size: 28px;}
}
@media screen and (max-width:413px){
.tit1 .h2{ font-size: 26px;}
}
@media screen and (max-width:374px){
.tit1 .h2{ font-size: 26px;}
}



.backTop{ position: fixed; right: 20px; bottom: 100px; width: 48px; height: 48px; background: #ccf0ff; color: #333; border-radius: 8px; cursor: pointer; text-align: center; line-height: 48px; z-index: 10; font-size: 24px;}
.backTop:hover{ background: #e60012; color: #fff;}

/*视频*/
.play_btn{ background:#000; display:block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative;}
.play_btn i{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.1); transform: translateZ(0); transition: 0.3s all; z-index: 2;}
.play_btn i:before{ font-size: 80px; width: 1em; height: 1em; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.5em; color: #fff;}
.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0.5);}

.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:42; display:none;}
.video_box{ position:fixed; width:1200px; height:auto; left:50%; top:50%; margin:-360px 0 0 -600px; z-index:43; display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#C01924; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-50px; margin-left:-20px;}
.video_box i:hover{ background: #802C19;}
.video_box video{ width:100%; height:auto; display:block;}
.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0px;}
@media screen and (max-width:768px){
.video_box{ left:0px; margin:0; top:0px; height:auto; right:0px; width:auto;}
.video_box video{ height:auto;}
}

/*搜索*/
.searchMain1{ background: #f5f5f5;}
.search_tit{ font-size:18px; height:20px; line-height:20px; color:#333; border-left:2px solid #e60012; padding-left:14px; margin-bottom:24px;}
.search_tit span{ color:#e60012; margin-left:0.5em;}
.search_list{ background:#fff; padding:40px; min-height:25vh; border-radius: 12px;}
.search_list ul{ border-top:1px dashed #ccc;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#e60012; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}

@media screen and (max-width:768px){
.iMainSearch1{ padding: 40px 0;}
.search_tit{}
.search_list{ padding: 30px; min-height: 20vh;}
.search_list .h3{ font-size:14px;}

.iAboutNum .em{ text-align: center;}
}
@media screen and (max-width:480px){
.search_list{ padding: 25px;}
}
@media screen and (max-width:413px){
.search_list{ padding: 20px;}
}
@media screen and (max-width:374px){
.search_list{ padding: 15px;}
}




/*分页*/
.fpage{ text-align:center; padding:30px 0 60px 0;}
.fpage ul{ display:inline-block; vertical-align:bottom;}
.fpage li{ padding:0 0.25em; float:left;}
.fpage .disabled{}
.fpage a{}
.fpage a,
.fpage span{height: 2.25em;line-height: 2.25em;display: block;border-radius:0.25em;color: #fff;font-size: 1em;float: left; min-width: 2.25em; text-align: center; background: rgba(255,255,255,0.5); border: 1px solid #151515; color: #151515; font-size:1em;}
.fpage a:hover{ background: #e60012; color: #fff; border-color: #e60012;}

.fpage .active a,
.fpage .active span{ background:#151515; color:#fff; border-color:#151515;}

@media screen and (max-width:640px){
.fpage li{ padding: 0 3px;}
.fpage a,
.fpage span{ height: 24px; line-height: 24px; font-size: 10px; min-width: 24px;}
}



.pBanner{ background:no-repeat center center #c9b698; background-size: cover; padding-top: 100px;}
.pBanner .pd{ padding: 100px 0; display: flex; justify-content: space-between; color: #fff; box-sizing: border-box; min-height: 430px; align-items: center;}
.pBanner .t{ max-width: 520px; }
.pBanner .c{ max-width: 730px;}
.pBanner .em{ font-size: 30px; text-transform: uppercase;}
.pBanner .h3{ font-size: 72px; font-weight:bold; position: relative; padding-bottom: 0.75em;}
.pBanner .h3:before{ content: ''; position: absolute; left: 0; height: 2px; bottom:0; background: #fff; width: 2em;}
.pBanner .p{ font-size: 24px; margin-bottom: 2em; line-height: 1.5; min-height: 6em;}
.pBanner .m{ display: flex;}
.pBanner .i{ font-size: 90px; line-height: 1.2; font-weight:bold; margin-bottom: 0.2em;}
.pBanner .h2{ font-size: 36px; line-height: 1.2;}

.pBannerAbout1 .p{ font-size: 48px; min-height: 3em; margin-bottom: 0;}
.pBannerNews1 .p{ font-size: 48px; margin-bottom: 0; min-height: 3em; line-height: 1.3;}
.pBannerNews1 .p span{ font-size: 1.5em;}
.pBannerNews1 .p span strong{ font-size: 1.111111111111111em; font-weight:bold;}

.crumbs{ margin-bottom: 40px;}
.crumbsList{ border-bottom: 1px solid #dcdcdc; font-size: 16px; color: #666666; line-height: 70px; display: flex;}
.crumbsList .pd{ display: flex;}
.crumbsList a{ color: #666666;}
.crumbsList a:hover{ color: #e60012;}
.crumbsList em{ margin: 0 0.5em;}
.crumbsList strong{ font-weight: normal; color: #000;}



.pMain{}
.pMainSolution1{}
.solutionList{}
.solutionList ul{}
.solutionList li{ padding: 80px 0; border-bottom: 1px solid #dcdcdc;}
.solutionList .wpd{ position: relative;}
.solutionList .pd{ display: block; margin-left: 640px; background: #eeeeee; border-radius:48px; }
.solutionList .img{ width: 490px; float: right; border-radius: 0 48px 48px 0; overflow: hidden;}
.solutionList .img img{aspect-ratio: 490/500; object-fit: cover;}
.solutionList .text{ margin-right: 490px; padding: 60px;}

.solutionList .i{ position: absolute; left: 0; top:0px; color: #9e9e9e; line-height: 1;}
.solutionList .i strong{ display: block; font-size: 24px; color: #000; margin-bottom: 0.3em;}
.solutionList .i em{display: block; font-size: 14px; color: #999;}
.solutionList .em{ position: absolute; width: 580px; left:0; top: 5em;  color: #666; line-height: 1.2; text-align: justify;}
.solutionList .np{ font-size: 16px; line-height: 1.5;}
.solutionList .h3{ margin-bottom:30px;}
.solutionList .h3 strong{ display: block; font-size: 36px; line-height: 1.2; color: #151515; font-weight:bold; margin-bottom: 0.3em;}
.solutionList .h3 em{ display: block; font-size: 16px; color: #000;}
.solutionList .h3 span{ display: block; font-size: 14px; color: #999;}
.solutionList .p{ font-size: 18px; line-height: 2.666666666666667; color: #666666;}
.solutionList .p p{ position: relative; padding-left: 36px;}
.solutionList .p p:before{content: "\e8bd"; position: absolute; left: 0; top:0.75em; line-height: 1; color: #181818; font-family: "iconfont" !important; font-size: 1.111111111111111em; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}


.cBanner{ background:no-repeat center center #c9b698; background-size: cover; padding-top: 100px; position: relative;}
.cBanner .img{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0.5;}
.cBanner .pd{ padding: 100px 0 170px 0; justify-content: space-between; color: #fff; box-sizing: border-box; min-height: 430px;}
.cBanner .text{ position: relative; padding-top: 140px;}
.cBanner .i{ font-size: 50px; line-height: 1; height: 1em; position: absolute; left: 0; top: 0;}
.cBanner .i img{ height: 1em; width: auto; display: block;}
.cBanner .h3{ font-size: 90px; color: #ffc1a2; color: #fff; line-height: 1.2; font-weight:bold; margin-bottom: 0.25em;}
.cBanner .p{ font-size: 18px; line-height: 2; width: 50%; height: 6em; overflow: hidden;}
.cBanner .em{position: absolute; right: 0; bottom: 0; display: flex; flex-wrap: wrap; max-width: 30%; font-size: 1em;}
.cBanner .em span{ padding: 0 0.8em; position: relative;}
.cBanner .em span:before{ content: ''; height:16px; width: 2px; background: #fff; position: absolute; top: 50%; margin-top: -8px; right: -1px;}
.cBanner .em span:last-child{ padding-right: 0; }
.cBanner .em span:last-child:before{ display: none;}


.pMainCaseInfoA{ background: #f4f4f4;}
.pMainBox{ position: relative; transform: translateY(-100px); background: #fff; box-shadow: 0 0 16px rgba(0,0,0,0.1); border-radius: 0 0 12px 12px; padding: 0 80px 10px 80px;}
.pMainBox .crumbsList{ margin-bottom: 60px;}

.crumbsB{ font-size: 16px; color: #666666; line-height: 30px; padding: 35px 0; background: #fff;}
.crumbsB a{ color: #666666;}
.crumbsB a:hover{ color: #e60012;}
.crumbsB em{ margin: 0 0.5em;}
.crumbsB strong{ font-weight: normal; color: #000; }


.caseInfoA{ margin-bottom: 120px; font-size: 18px; line-height: 2; text-align: center;}
.caseInfoA img{ max-width: 100%; height: auto; display: inline-block; margin: 0 auto;}
.caseInfoB{ margin-bottom: 120px;}
.caseInfoB img{ max-width: 100%; height: auto; display: inline-block; margin: 0 auto;}
.caseInfoB .pd{ position: relative;}
.caseInfoB .t{ width: 370px; position:absolute; left: 0; top:0; font-size: 60px;}
.caseInfoB .c{ margin-left: 410px; padding-top: 200px; font-size: 30px; min-height: 4.5em;}
.caseInfoC{ margin-bottom: 120px; background: no-repeat center center #505da5; padding: 90px 170px; color: #fff; border-radius: 58px; position: relative; overflow: hidden;}
.caseInfoC:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/caseInfoC.jpg") no-repeat center center; background-size: cover;}
.caseInfoC img{ max-width: 100%; height: auto; display: inline-block; margin: 0 auto;}
.caseInfoC table{ border-collapse: collapse; width: 100%; text-align: left; position: relative; z-index: 2; border: 1px solid #fff;}
.caseInfoC th,
.caseInfoC td{ padding: 16px 30px; border: 1px solid #fff; font-size: 24px;}
.caseInfoC tr:first-child th,
.caseInfoC tr:first-child td{ font-size: 18px; padding: 20px 30px; font-weight:bold;}
.caseInfoC tr:last-child th,
.caseInfoC tr:last-child td{ border-bottom: none;}
/*.caseInfoC td[rowspan]{ padding-left: 10%;}*/
.caseInfoD{ padding-top: 120px; border-top: 3px solid #e7e7e7; margin-top: 120px;}
.caseInfoD .t{ text-align: center; color:#151515; font-size: 60px; line-height: 1.2; margin-bottom: 1em;}
.caseInfoD .c{ height:520px; margin: 0 120px; position: relative;}
.highcharts-exporting-group,
.highcharts-credits,
.highcharts-legend-item,
.highcharts-legend-box{ display:none !important;}


.caseInfoE{ position: relative; overflow: hidden; margin-top: 120px;}
.caseInfoE .wpd{ margin-right: -30%;}
.caseInfoE .swiper{ margin: 0 -36px; }
.caseInfoE .pd{ display: block; margin: 0 36px; border:4px solid #ccc; border-radius: 48px; overflow: hidden;}
.caseInfoE .swiperArrow{ display: block; background: #F5F5F5; color: #000; font-size: 24px;}
.caseInfoE .swiperArrow:hover{ color: #fff; background: #e60012;}
.caseInfoE .swiperNext{ right: 27%; margin-right: -1em;}

.tjCase{ padding-top: 0px;}
.tjCaseTit{ margin-bottom: 60px;}
.tjCaseTit strong{ font-size: 36px; font-weight:bold; display: block; line-height: 1.2; color: #151515;}

.backMore{ display: flex; justify-content: center; padding: 60px 0;}


.pMainAbout1{}
.pMainAbout1_1{ padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid #ccc;}
.tit3 .pd{ position: relative;}
.tit3 .t{ font-size: 18px; position: absolute; left: 0; top: 0; color: #666;}
.tit3 .c{ font-size: 24px; line-height: 1.75; margin-left: 580px; color: #151515;}
.pMainAbout1_2{ margin-bottom: 140px;}
.pMainAbout1_3{ margin-bottom: 140px;}
.aboutImg{ border-radius: 60px; overflow: hidden;}
.aboutImg img{ width: 100%; height: auto; display: block;}
.pMainAbout1_4{ margin-bottom: 140px;}
.pMainAbout1_5{ margin-bottom: 140px;}
.aboutPartner{}
.aboutPartner ul{ display: flex; flex-wrap: wrap; margin: 0 -10px;}
.aboutPartner li{ width: 16.666666666666668%; margin-bottom: 20px;}
.aboutPartner img{ width: 100%; height: auto; display: block;}
.aboutPartner .pd{ filter: grayscale(100%); transition: 0.3s all; margin: 0 10px;}
.aboutPartner .pd:hover{filter: grayscale(0%); }

.pMainNews1{}
.newsListA{}
.newsListA ul{ display: flex; margin: 0 -30px; flex-wrap: wrap;}
.newsListA li{ margin-bottom: 80px; width: 33.3333%;}
.newsListA .pd{ display: block; margin: 0 30px; }
.newsListA .img{ border-radius: 48px; overflow: hidden; margin-bottom: 25px;}
.newsListA .img img{ aspect-ratio: 640/400; object-fit: cover; transition: 0.5s all;}
.newsListA .text{}
.newsListA .t{ font-size: 24px; margin-bottom: 2em; color: #666666; line-height:1.5; height: 3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.newsListA .c{ display: flex; justify-content: space-between; line-height: 30px; align-items: center;}
.newsListA .m{ font-size: 24px; display: flex; align-items: center; color: #151515;}
.newsListA .m span{ font-size: 1em; display: block;}
.newsListA .m i{ font-size: 1em; display: block; margin-left: 0.5em; transition: 0.3s all;}
.newsListA .em{ font-size: 18px; color: #666;}

.newsListA .pd:hover .img img{ transform: scale(1.05); }
.newsListA .pd:hover .t{ color: #000;}
.newsListA .pd:hover .m i{ transform: translateX(5px);}





.contact{}
.contactList{ margin-bottom: 70px;}
.contactList ul{ display: flex; margin: 0 -50px;}
.contactList li{ width: 50%;}
.contactList .pd{ display: block; margin: 0 50px;}
.contactList .t{ font-size: 36px; line-height: 1.2; align-items: center; display: flex; margin-bottom: 0.5em;}
.contactList .t i{ font-size: 1em; color: #ffc1a2; margin-right: 0.5em;}
.contactList .t strong{ font-size: 1em; color: #151515;}
.contactList .c{ font-size: 24px; line-height: 2;}



.contactMap{ border-radius: 60px; overflow: hidden; box-shadow:2px 2px 10px rgba(0,0,0,0.1);}
.contactMap .MyMap{ height: 640px; font-size: 14px;}
.contactBox{ display: flex; justify-content: center; padding: 60px 0;}

.dingwei{ position: relative; }
.dingwei a{ position: absolute; bottom: 150px;}




/*内页适配*/
.pBanner{ padding-top: 5em;}
.pBanner .pd{ padding: 5em 0;min-height: 21.5em;}
.pBanner .t{ max-width: 26em;}
.pBanner .c{ max-width: 36.5em;}
.pBanner .em{ font-size: 1.5em; }
.pBanner .h3{ font-size: 3.6em; }
.pBanner .p{ font-size: 1.2em;}
.pBanner .i{ font-size: 4.5em;}
.pBanner .h2{ font-size: 1.8em;}
.pBannerAbout1 .p{ font-size: 2.4em; }
.pBannerNews1 .p{ font-size: 2.4em; }

.crumbs{ margin-bottom: 40px;}
.crumbsList{ font-size: 0.8em; line-height: 4.375em;}
.solutionList li{ padding: 4em 0; }
.solutionList .pd{ margin-left: 32em; border-radius:2.4em; }
.solutionList .img{ width: 24.5em; border-radius: 0 2.4em 2.4em 0;}
.solutionList .text{ margin-right: 24.5em; padding:3em;}

.solutionList .i{/*  top: -2.272727272727273em; font-size: 1.1em; *//*  font-size: 16px; */}
.solutionList .em{ /* width: 8.055555555555556em; *//*  font-size: 3.6em; */}
.solutionList .h3{ font-size: 1.2em;margin-bottom: 1.5em;}
.solutionList .p{ font-size: 0.9em; font-size: 14px;}
.solutionList .p p{ padding-left: 2em;}

.cBanner{ padding-top: 5em;}
.cBanner .pd{ padding: 5em 0 8.5em 0;min-height: 21.5em;}
.cBanner .text{ padding-top: 7em;}
.cBanner .i{ font-size: 2.5em; }
.cBanner .h3{ font-size: 4.5em;}
.cBanner .p{ font-size: 0.9em; font-size: 14px;}
.cBanner .em span:before{height:0.8em; width: 2px; margin-top: -0.4em; right: -1px;}

.pMainBox{ transform: translateY(-5em); box-shadow: 0 0 0.8em rgba(0,0,0,0.1); border-radius: 0 0 0.6em 0.6em; padding: 0 4em 0.5em 4em;}
.pMainBox .crumbsList{ margin-bottom: 3em;}

.crumbsB{ font-size: 0.8em; line-height: 1.875em; padding: 2em 0; display: flex; font-size: 14px;}
.caseInfoA{ font-size: 0.9em; margin-bottom: 6em; font-size: 14px;}
.caseInfoB{ margin-bottom: 6em; display: none;}
.caseInfoB .t{ width: 6.166666666666667em; font-size: 3em;}
.caseInfoB .c{ margin-left: 13.66666666666667em; padding-top: 6.666666666666667em; font-size: 1.5em;}
.caseInfoC{ margin-bottom: 6em; padding: 4.5em 8.5em; border-radius: 2.9em;}
.caseInfoC th,
.caseInfoC td{ padding: 0.8333333333333333em 1.25em; font-size: 1.2em;}
.caseInfoC tr:first-child th,
.caseInfoC tr:first-child td{ font-size: 0.9em; padding: 1.111111111111111em 1.666666666666667em;}
.caseInfoD{ padding-top: 6em; border-top: 3px solid #e7e7e7; margin-top: 6em;}
.caseInfoD .t{ font-size: 3em;}
.caseInfoD .c{ height:26em; margin: 0 6em;}


.caseInfoE{  margin-top: 6em;}
.caseInfoE .swiper{ margin: 0 -1.8em; }
.caseInfoE .pd{ margin: 0 1.8em; border:4px solid #ccc; border-radius: 2.4em;}
.caseInfoE .swiperArrow{ font-size: 1.2em;}

.tjCaseTit{ margin-bottom: 3em;}
.tjCaseTit strong{ font-size: 1.8em; }

.backMore{padding: 3em 0;}

.pMainAbout1_1{ padding-bottom: 4em; margin-bottom: 4em;}
.tit3 .t{ font-size: 0.9em; font-size: 14px;}
.tit3 .c{ font-size: 1.2em; font-size: 18px; margin-left: 24.16666666666667em;}
.pMainAbout1_2{ margin-bottom: 7em;}
.pMainAbout1_3{ margin-bottom: 7em;}
.aboutImg{ border-radius: 3em; }
.pMainAbout1_4{ margin-bottom: 7em;}
.pMainAbout1_5{ margin-bottom: 7em;}
.aboutPartner ul{ margin: 0 -0.5em;}
.aboutPartner li{ margin-bottom: 1em;}
.aboutPartner .pd{ margin: 0 0.5em;}

.newsListA ul{ margin: 0 -1.5em;}
.newsListA li{ margin-bottom: 7em;}
.newsListA .pd{ margin: 0 1.5em; }
.newsListA .img{ border-radius: 2.4em; margin-bottom: 1.25em;}
.newsListA .t{ font-size: 1.2em; font-size: 18px;}
.newsListA .c{ line-height: 1.5em; }
.newsListA .m{ font-size: 1.2em; font-size: 18px;}
.newsListA .em{ font-size: 0.9em; font-size: 14px;}

.newsListA .pd:hover .m i{ transform: translateX(0.25em);}
.pMainNewsInfo1{padding:0 0 2.5em 0 ;}




.contactList{ margin-bottom: 3.5em;}
.contactList ul{ margin: 0 -2.5em;}
.contactList .pd{margin: 0 2.5em;}
.contactList .t{ font-size: 1.8em; }
.contactList .c{ font-size: 1.2em; font-size: 18px;}



.contactMap{ border-radius: 3em; box-shadow:2px 2px 0.5em rgba(0,0,0,0.1); height: 32em}
.contactMap .MyMap{ height: 100%; font-size: 14px;}
.contactBox{ padding: 3em 0;}

.dingwei a{ bottom: 7.5em;}


/*新闻*/
.pMainNewsInfo1{padding:0 0 50px 0 ; background: #f5f5f5;}
.infoA{ font-size: 1em; position: relative; padding-bottom: 60px; }
.infoA_Fl{ box-sizing: border-box; margin-right: 480px; min-height: 1200px;}
.infoA_Fr{ box-sizing: border-box; position: absolute; right: 0px; top: 0px; width: 460px;}
.infoAbox{ padding: 60px; background: #fff; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 10px;}
.infoAtit{ text-align: center; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #ccc;}
.infoAtit h1{ font-size: 36px; line-height: 1.2; font-weight:bold; color: #151515;}
.infoAtit .em{ padding-top: 1em; color: #666; font-size: 14px; line-height: 1.2; text-align: center;}
.infoAtit .em p{ display: inline-block; margin: 0 0.5em;}
.infoAcon{ color: #666; line-height: 2; font-size: 16px;}
.infoAcon a{ color: #e60012;}
.infoAcon img{ max-width: 100%; display: inline-block; vertical-align: baseline; height: auto !important;}
.infoAcon strong{ color: #000; font-weight: bold;}
.infoAbtn{ position: relative;}
.infoAbtnList{}
.infoAbtnList ul{ margin-right: -120px;}
.infoAbtnList li{ width: 50%; float: left;}
.infoAbtnList .pd{ display: block; background: #fff; border-radius: 6px; position: relative; padding: 0 20px; margin-right:120px; box-shadow: 0 0 10px rgba(0,0,0,0.05); font-size: 16px;}
.infoAbtnList .pd span{ position: absolute; left: 20px; top: 50%; line-height: 1; margin-top: -0.5em; color: #151515; font-weight:bold;}
.infoAbtnList .pd a{ color: #666; display: block; padding-left: 3.75em; height: 3em; line-height:3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.infoAbtnList .pd:hover{ background: #e60012; color: #fff;}
.infoAbtnList .pd:hover i,
.infoAbtnList .pd:hover span,
.infoAbtnList .pd:hover a{ color: #fff;}
.infoAbtnList li:nth-child(even) .pd i{ right: 20px; left: auto;}
.infoAbtnM{ position: absolute; left: 50%; top: 0px; width: 100px; text-align: center; margin-left: -50px;}
.infoAbtnM a{ color: #151515; font-weight:bold; display: block; height: 3em; line-height: 3em; font-size: 16px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px;}
.infoAbtnM a:hover{ background: #e60012; color: #fff;}
.newsKey{ margin-bottom: 20px; font-size: 14px; gap:10px;}
.newsKey a{}
.recommended{background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px; padding:30px;}
.recommended1{ margin-bottom: 30px;}
.recommended2{ margin-bottom: 30px;}
.recommendedTit{font-size:24px;margin-bottom:1em;}
.recommendedTit strong{font-weight:bold;display:block;color:#000;line-height:1;}
.recommendedList{max-height:500px;overflow-y:auto;padding:10px 0;}
.recommendedList li{margin-bottom:20px;}
.recommendedList li:last-child{margin-bottom:0px;}
.recommendedList .pd{ display: block;padding-left:1.5em;position:relative;}
.recommendedList .pd:before{content:'';position:absolute;width:1em;height:5px;left:0px;top:0.5em;background:#e60012;}
.recommendedList strong{ display: block;display:block;line-height:1.4em; height: 1.5em; font-size:16px;color:#000;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; margin-right: 100px; font-weight: normal;}
.recommendedList em{ position: absolute; right: 0; top: 50%; margin-top: -0.5em; line-height: 1; color: #999; font-size: 14px;}
.recommendedList .pd:hover{color:#e60012;}
.caseListB{ position: relative;}
.caseListB .swiper{ margin: 0 -5px;}
.caseListB .pd{ display: block; margin: 0 5px;}
.caseListB .img{ display: block; border:5px solid #000; border-radius: 12px; overflow: hidden;}
.caseListB .text{ padding: 20px 0 30px 0;}
.caseListB .h3{ text-align: center; font-size: 16px; height: 20px; line-height: 20px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; color: #151515; font-weight:bold;}
.caseListB .swiperArrow{ display: block; transform: translateY(-35px); font-size: 12px;}
.caseListB .swiperPrev{ left:1em;}
.caseListB .swiperNext{ right:1em;}
.caseListB .swiperDots{ display: flex; bottom: 0;}

.infoA{ padding-bottom: 3em;}
.infoAbox{ padding: 3em; margin-bottom: 1.5em; border-radius: 0.5em;}
.infoAtit h1{ font-size: 1.8em;}
.infoA_Fl{ margin-right: 24em;}
.infoA_Fr{ width: 23em;}
.recommended1{ margin-bottom: 1.5em;}
.recommendedTit{ font-size: 1.2em;}
.caseListB .swiper{ margin: 0 -0.25em;}
.caseListB .pd{ margin: 0 0.25em;}
.caseListB .img{ /* border:0.25em solid #000; border-radius: 0.6em; */}
.caseListB .text{ padding: 1em 0 1.5em 0;}
.caseListB .h3{ font-size: 0.8em; font-size: 16px; height: 1.25em; line-height: 1.25em; }
.caseListB .swiperArrow{ transform: translateY(-2.916666666666667em); font-size: 0.6em;}


/*新尺寸*/
.infoA_Fl{ margin-right: 32em;}
.infoA_Fr{ width: 30em;}

@media screen and (max-width:1440px){
.caseListB .h3{ font-size: 14px;}
.recommendedList strong{ font-size: 14px;}
.infoAcon{ font-size: 14px;}
.infoAbtnList .pd{ font-size: 14px;}
.infoAbtnM a{ font-size: 14px;}
.newsListA .m{ font-size: 14px;}
.infoA_Fl{ margin-right: 24em;}
.infoA_Fr{ width: 23em;}
}
@media screen and (max-width:1366px){
.infoA{ width: auto;}
}
@media screen and (max-width:980px){
.infoA_Fl{ width: auto; margin-bottom: 30px; margin: 0 0 40px 0;}
.infoA_Fr{ position: relative; left: auto; top: auto; right: auto; width: auto;}
.infoAbtnList ul{ margin: 0px; font-size: 14px;}
.infoAbtnList li{ width: auto; float: none; margin-bottom: 10px;}
.infoAbtnList .pd{ margin: 0px; padding: 0px;}
.infoAbtnList .pd i{ left: 20px;}
.infoAbtnList .pd span{ left: 20px;}
.infoAbtnList .pd a{ padding-left: 90px;}
.infoAbtnList li:nth-child(even) .pd i{ left: 20px; right: auto;}
.infoAbtnM{ position: static; width: auto; margin: 0px; }
.infoAbtnM a{ height: 44px; line-height: 44px; font-size: 14px;}
.recommendedList strong{ font-size: 14px; margin-right: 86px;}
.recommendedList em{ font-size: 12px;}
.newsKey{ display: flex; flex-wrap: wrap;}
}
@media screen and (max-width:640px){
.infoA{ font-size: 14px;}
.infoAtit p{ font-size: 12px;}
.recommendedList strong{ font-size: 14px; margin-right: 70px;}
.recommendedList em{ font-size: 12px;}
.infoAbox{ padding: 20px;}
.recommended{ padding: 20px;}
}







/*新尺寸*/
.solutionList .pd{ margin-left: 40%;}
.solutionList .em{ width: 24%;}
.crumbsB{ font-size: 14px;}
.crumbsList{ font-size: 14px;}
.tit3 .t{ font-size: 14px;}
@media screen and (max-width:1600px){
.solutionList .em{ width: 34%;}
}
@media screen and (max-width:1441px){
.crumbsList,
.crumbsB{ font-size: 14px;}
.contactMap .MyMap{ font-size: 12px;}
.solutionList .em{ /* font-size: 1.2em */}
.solutionList .p{ font-size: 14px;}
.solutionList .text{ padding: 3em;}
.solutionList .i{ /* font-size: 14px; */}
.pNavA a{ font-size: 14px;}
.cBanner .p{ font-size: 14px;}
.cBanner .em{ font-size: 14px;}
.newsListA .t{ font-size: 16px;}
.fCall .i{ font-size: 14px;}
}
@media screen and (max-width:1366px){

}
@media screen and (max-width:1280px){

}
@media screen and (max-width:1024px){
.pBanner{ padding-top: 0px;}
.pBanner .t{ max-width: 40%;}
.pBanner .c{ max-width: 50%; width: auto;}
.solutionList .text{ padding: 40px;}
.solutionList .pd{ margin-left: 0px; border-radius: 12px;}
.solutionList .img{ border-radius: 0 12px 12px 0;}
.solutionList .h3{ font-size: 14px; margin-bottom: 2em;}
.solutionList .i{ position: relative; left: auto; top: auto; width: auto; margin-bottom: 30px;}
.solutionList .em{ position: relative; left: auto; top: auto; width: auto; font-size:32px; margin-bottom: 1em;}
.solutionList .p{ font-size: 14px; line-height: 2em;}
.solutionList .p p:before{ top: 0.45em;}
.pBanner .p{ font-size: 14px;}
.tit3 .t{}
.tit3 .c{ margin-left: 30%; font-size: 14px; }

.cBanner{ padding-top: 0px;}
.cBanner .text{ padding-top: 62px;}
.cBanner .i{ font-size: 24px;}
.cBanner .h3{ font-size: 32px;}
.cBanner .p{ font-size: 14px; line-height: 1.5; width: auto; height: auto; margin-bottom: 2em;}
.cBanner .em{ position: relative; width: auto; right: auto; bottom: auto; margin:0 -0.8em;}
.pMainBox{ padding: 0 30px; transform: translateY(-56px);}

.crumbsB{ padding: 1em 0; line-height: 2em; }

.aboutPartner li{ width: 25%;}
.aboutImg{ border-radius: 12px;}

.newsListA ul{ margin: 0 -15px;}
.newsListA li{ margin-bottom: 40px;}
.newsListA .pd{ margin: 0 15px;}
.newsListA .img{ border-radius: 12px;}
.newsListA .t{ font-size: 16px;}
.newsListA .m{ font-size: 14px;}
.newsListA .em{ font-size: 12px;}


.contactMap{ border-radius: 12px; height: 320px;}


.caseInfoB .t{ font-size:24px;}
.caseInfoB .c{ padding-top: 0px; font-size: 16px;}
.caseInfoB{ margin-bottom: 60px;}
.caseInfoC{ border-radius: 12px; padding: 40px;}
.caseInfoE .pd{ border-radius: 12px;}
}
@media screen and (max-width:980px){
.pBanner .pd{ align-items: flex-start;}
.pBanner .em{ font-size: 12px;}
.pBanner .h3{ font-size: 24px;}
.pBanner .c{ max-width: 60%;}
.pBanner .i{ font-size:48px;}
.pBanner .h2{ font-size: 14px;}
.pBannerCase .pd{ align-items: center;}

.solutionList .em{ font-size: 16px;}

.newsListA li{ width: 50%;}

.fpage a, .fpage span{ font-size: 12px;}

.crumbsB{ display: flex;}
.crumbsB a,
.crumbsB strong{ max-width: 8em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}



}
@media screen and (max-width:720px){
.pBanner .pd{ padding: 60px 0; min-height: 200px;}

.solutionList .img{ width: auto; border-radius: 12px 12px 0 0; float: none;}
.solutionList .text{ margin: 0px; padding: 30px;}
.solutionList .h3{ margin-bottom: 1em;}
.cBanner .pd{ padding: 60px 0 106px 0;}
.cBanner .h3{ font-size: 24px;}
.pMainBox{ padding: 0 10px;}

.pMainAbout1_2{ margin-bottom: 60px;}
.pMainAbout1_3{ margin-bottom: 60px;}
.pMainAbout1_4{ margin-bottom: 60px;}
.pMainAbout1_5{ margin-bottom: 60px;}

.aboutPartner li{ width: 33.3333%;}

.pMainContact1{ padding-bottom: 60px;}
.contactList ul{ display: block;}
.contactList li{ width: auto; float: none; margin-bottom: 40px;}
.contactList li:last-child{ margin-bottom: 0;}
.contactList .t{ font-size: 24px;}
.contactList .c{ font-size: 14px;}

.caseInfoB .t{ font-size: 12px; width: 60px;}
.caseInfoB .c{ font-size: 14px; margin-left: 80px;}
}
@media screen and (max-width:640px){
.pBannerCase .pd{ justify-content: center;}
.pBannerNews1 .p{ font-size: 16px;}
.pBannerNews1 .p span{ font-size: 1.25em;}

.tit3 .t{ font-size: 12px;}
.tit3 .c{ margin-left: 7em;}

.newsListA ul{ margin: 0 -5px;}
.newsListA .pd{ margin: 0 5px;}
.newsListA .t{ font-size: 14px; margin-bottom: 20px;}
.newsListA .c{ line-height: 20px;}
.newsListA .m{ font-size: 12px;}
.newsListA .em{ font-size: 10px;}

.contactMap{ height: 76vw;}

.cBanner .em{ font-size: 12px;}

.caseInfoC{ padding: 20px;}
.caseInfoC th, .caseInfoC td{ font-size: 12px; padding: 5px;}
.caseInfoC tr:first-child th, .caseInfoC tr:first-child td{ font-size: 12px; padding: 5px; font-weight:bold;}

.caseInfoE{ margin-top: 60px;}
.caseInfoE .wpd{ margin: 0; padding-bottom: 20px;}
.caseInfoE .swiper{ margin: 0 -10px;}
.caseInfoE .pd{ margin: 0 10px;}
.caseInfoE .swiperArrow{ font-size: 12px; transform: translateY(-10px)}
.caseInfoE .swiperPrev{ left: 1em;}
.caseInfoE .swiperNext{ right: 1em; margin-right: 0;}
.caseInfoE .swiperDots{ display: flex; bottom:0px;}
.caseInfoD{ margin-top: 60px; padding-top: 60px;}
.caseInfoD .t{ font-size: 24px;}
.caseInfoD .c{ margin: 0px; height: 240px;}

}
@media screen and (max-width:413px){
.fpage a, .fpage span{ font-size: 10px;}
}
@media screen and (max-width:374px){

}




.iTit1{ margin-bottom: 80px; position: relative; min-height: 30px; border-bottom: 1px solid #ccc; padding-bottom: 60px; margin-bottom: 60px;}
.iTit1 .t{ width:15em; position: absolute; left: 0; top: 0.1em; color: #666;}
.iTit1 .c{ margin-left:15em; color: #000;}
.iTit1 .h3{ font-size:24px; margin-bottom: 0.5em; line-height: 1.2; color: #151515; position: relative; padding-left: 1em; font-weight:bold; font-size: 1.2em;}
.iTit1 .h3:before{ content: ''; width: 4px; height: 20px; border-radius:2px; background: #e60012; position: absolute; left: 0; top: 50%; margin-top: -10px;}
.iTit1 .em{ font-size: 16px; line-height: 1.2; color: #999;}
.iTit1 .p{ font-size: 32px; line-height: 1.2; font-size: 1.6em;}
.iTit1 .m{ display: flex; position: absolute; left: 0; bottom: 30px;}
.iTit1_2 .c{ margin-right: 320px;}


.iCallb{}
.iCallb .pd{ display: block; position: relative; background: #000;}
.iCallb .img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.5; background: url("../images/iCall_2.jpg") no-repeat fixed center center; background-size:cover; }
.iCallb .img img{ height: 100%; object-fit: cover; width: 100%; display: none;}
.iCallb .text{ color: #fff; position: relative; z-index: 2; padding: 100px 0; padding: 5em 0;}
.iCallb .i{ font-size: 18px; line-height: 1.2; margin-bottom: 2em; font-size: 0.9em;}
.iCallb .h3{ font-size: 48px; line-height: 1.2; font-size: 2.4em;}
.iCallb .em{ font-size: 96px; line-height: 1.2em; position: relative; display: flex; align-items: center; margin-bottom: 0.625em; font-size: 4.8em;}
.iCallb .em i{ font-size: 72px; margin-right: 0.25em; font-size: 0.75em;}
.iCallb .em a{ color: #fff; font-family: "OPPOSans-Bold",\5FAE\8F6F\96C5\9ED1,Arial, Helvetica, sans-serif;}
.iCallb .m{ display: flex;}

.iCallb .text{ padding: 4.5em 0;}
.iCallb .i{ font-size: 0.9em;}
.iCallb .h3{ font-size: 2.4em;}
.iCallb .em{ font-size: 4.8em;}
.iCallb .em i{ font-size: 0.75em;}


.ibanner { position:relative; display:block;}
.ibanner a{ display:block;}
.ibanner img{ width:100%; height:100vh; display:block; object-fit: cover;}
.ibanner{ padding-bottom:72px; position:relative;}
.ibanner .swiperArrow{display: block;}
.ibanner .swiperDots{ bottom:110px; display: flex;}
.ibanner .pd{ background:#000;}
.ibanner video{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height: 100%; object-fit: cover;}

.btext{ position:absolute; z-index:2; color:#fff;}
.btext .h3{ font-size:72px; line-height:1; margin-bottom:36px;}
.btext .p{ font-size:46px; font-weight:lighter; line-height:1.2444;}
.btext .m{ padding-top:80px;}
.btext .m a{ width:12.5em; color:#fff; height:3.25em; line-height:3.25em; border:1px solid #fff; text-align:center; font-size:16px; display:block; border-radius:1.625em;}
.btext .m a:hover{ background:#e81215; border-color:#e81215;}

.btext_1{ left:50%; top:30%;}
.btext_2{ left:11%; top:30%;}
.btext_3{ left:40px; right:40px; top:30%; text-align:center;}
.btext_3 .m a{ display:block; margin:0 auto;}
.btext_4{ left:11%; top:22%;}
.btext_4 .p{ color:#e5b581;}

.fa_right,
.btext_2 .h3,
.btext_2 .p,
.btext_2 .m,
.btext_4 .h3,
.btext_4 .p,
.btext_4 .m{ transform:translate(-100px,0); opacity: 0;transition: all .6s linear;}
.fa_left,
.btext_1 .h3,
.btext_1 .p,
.btext_1 .m{ transform:translate(100px,0); opacity: 0;transition: all .6s linear;}
.fa_bottom{ transform:translate(0,-100%); opacity: 0;transition: all .6s linear;}
.fa_top,
.btext_3 .h3,
.btext_3 .p,
.btext_3 .m{ transform:translate(0,100%); opacity: 0;transition: all .6s linear;}

.btext .h3{ transition-delay:0.7s;}
.btext .p{ transition-delay:0.9s;}
.btext .m{ transition-delay:1.1s;}

.swiper-slide-active .btext .h3,
.swiper-slide-active .btext .p,
.swiper-slide-active .btext .m{
transform:translate(0,0); opacity: 1;
}

.btext{ font-size:1.04166666666667vw;}
.btext .h3{ font-size: 3.6em; margin-bottom: 0.5em;}
.btext .p{ font-size: 2.3em;}
.btext .m{ padding-top: 4em;}
.btext .m a{ font-size: 0.8em;}


@media screen and (max-width:1441px){
.iCallb .i{ font-size: 14px;}
.iCallb .h3{ font-size: 24px;}
.iCallb .em{ font-size: 64px;}


}
@media screen and (max-width:1024px){
.ibanner{ padding-bottom:0px;}
.btext .h3{ font-size:32px; margin-bottom:10px;}
.btext .p{ font-size:16px;}
.btext .m{ padding-top:20px;}
.btext .m a{ width:160px; height:40px; border-radius:20px; line-height:40px; font-size:14px;}
.ibanner .swiperPrev{ left:30px;}
.ibanner .swiperNext{ right:30px;}
.ibanner video{ display:none;}
}

@media screen and (max-width:980px){
.ibanner img{ height: auto; aspect-ratio: 750/720;}
.ibanner .img_max{ display: none;}
.ibanner .img_min{ display: block;}
.btext .h3{ transition-delay:0.4s;}
.btext .p{ transition-delay:0.6s;}
.btext .m{ transition-delay:0.8s;}

.btext{ position:absolute; box-sizing:border-box; left:30px; right:30px; top:auto; bottom:0px; background:#F1F3F4; color:#000; text-align:center; padding:15px; box-sizing:border-box;-webkit-transform: translateZ(0);}
.btext .m{ padding-top:10px;}
.btext .m a{ margin:0 auto; border-color:#333; color:#333; width:130px; height:30px; line-height:30px;}
.btext .m a:hover{ color:#fff;}
.btext .p br{ display:none;}
.btext .h3{ font-size:18px; height:26px; line-height:26px; overflow:hidden;}
.btext .p{ height:20px; line-height:20px; overflow:hidden;}
.btext_4 .p{ color:inherit;}

.ibanner{ background:#fff;}
.ibanner .pd{ margin-bottom:108px;}
.ibanner .swiperDots{ bottom: 160px;}


.iTit1 .t{ width: 120px;}
.iTit1 .c{ margin-right: 0px; margin-left: 120px;}
.iTit1 .h3{ font-size: 14px;}
.iTit1 .p{ font-size: 18px;}
}
@media screen and (max-width:720px){
.iTit1{ padding-bottom: 40px; margin-bottom: 40px;}
.iTit1 .p br{ display: none;}
.iCallb .i{ margin-bottom: 0.5em;}
.iCallb .h3{ font-size: 22px; margin-bottom: 1em;}
.iCallb .em{ font-size: 42px;}

}

@media screen and (max-width:413px){
.iCallb .em{ font-size: 40px;}
}





















/*详细页*/
.case_nav{ position:fixed; left:0px; top:0px; right:0px; background:#f3f0ef; text-align:center; z-index:10; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.case_nav ul{ display:inline-block; vertical-align:bottom; text-align:left;}
.case_nav li{ float:left; margin:0 5px;}
.case_nav a{ padding:0 40px; height:60px; font-size:18px; line-height:60px; position:relative; display:block;}
.case_nav a:after{ content:'\20'; height:3px; left:0px; right:0px; bottom:0px; background:#e10000; position:absolute; display:none;}
.case_nav a.active{ color:#e10000;}
.case_nav a.active:after{ display:block;}

.fixed-nav.fixed-nav-appear .case_nav{ top:60px;}

.case_con{ margin-bottom:30px; padding:0 60px;}

.tit5{ font-size:36px; text-align:center; padding:30px 0;}
.tit5 span{ color:#e10000;}

.table{}
.table table{ width:100%; border-collapse:collapse; border:1px solid #dbdbdb; text-align:center; font-size:14px;}
.table th{ background:#e10000; border:1px solid #dbdbdb; padding:10px; color:#fff; font-size:16px;}
.table td{ border:1px solid #dbdbdb; padding:10px;word-break:break-all;}
.table img{ width:100%; max-width:115px; height:auto; display:inline;}
.table tr:nth-child(odd) td{ background:#f3f0ef;}
.table .p{ font-size:18px;}

.mgb40{ margin-bottom:40px;}

.text1{ font-size:18px; color:#323235; padding:0 100px; text-align:center; margin-bottom:40px;}

.list1{ margin-bottom:40px;}
.list1 .single-item{}
.list1 .slick-slide{ background:#ffffff; padding-top:40px;}
.list1 .pd{ border:1px solid #dbdbdb; border-right:0px; padding:60px 40px 35px 40px; text-align:center; position:relative;}
.list1 .slick-slide:last-child .pd{ border-right:1px solid #dbdbdb;}
.list1 i,.list1 em{ position:absolute; left:50%; top:-40px; width:80px; height:80px; border-radius:50%; text-align:center; line-height:80px; margin-left:-40px; background:#e81215; color:#fff; font-size:40px;}

.list1 .h3{ font-size:24px; color:#e10000;}
.list1 .p{ font-size:14px; line-height:24px; min-height:144px;}

.img_auto{}
.img_auto img{ max-width:100%; height:auto; margin-bottom:40px;}
.img_auto img:last-child{ margin-bottom:0px;}

.imgtext1{ background:#f3f0ef; padding:20px; overflow:hidden; margin-bottom:40px;}
.imgtext1 .img{ float:left; width:464px;}
.imgtext1 .img .single-item{ padding-bottom:50px;}
.imgtext1 .img .slick-dots{ position:absolute; left:50%; bottom:20px; margin-left:-30px;}
.imgtext1 .img .slick-dots li{ float:left; margin:0 3px;}
.imgtext1 .img .slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; text-indent:-99px; border-radius:50%; overflow:hidden; background:#888;  box-sizing:border-box; border:1px solid #fff;}
.imgtext1 .img .slick-dots li.slick-active button{ background:#e10000;}

.imgtext1 .text{ margin-left:464px; padding:130px 130px 0 130px; text-align: left;}
.imgtext1 .h3{ font-size:36px; line-height:1; padding-bottom:30px; border-bottom:1px solid #ccc; margin-bottom:50px;}
.imgtext1 .p{ font-size:14px; line-height:22px;}
.imgtext1 .p strong{ font-size:24px; color:#e10000; font-weight:normal;}

.img_list1{ border:1px solid #dbdbdb;}
.img_list1 img{ border-bottom:1px solid #dbdbdb; max-width:100%; height:auto;}
.img_list1 img:last-child{ border-bottom:none;}

.img_list2{ padding:20px 10px; background:#f3f0ef; overflow:hidden;}
.img_list2 img{ width:50%; float:left; padding:0 10px; box-sizing:border-box;}

.ys_huangse{ color:#fff000;}
.ys_hongse{ color:#e81215;}

.smm_tab{}
.smm_tabnav{ margin-bottom:40px; text-align:center;}
.smm_tabnav ul{ display:inline-block; vertical-align:bottom;}
.smm_tabnav li{ float:left; margin:0 10px;}
.smm_tabnav li a{ padding:0 34px; height:46px; line-height:46px; border-radius:23px; background:#f3f0ef; color:#888; font-size:18px; display:block;}
.smm_tabnav li.curr a{ background:#e10000; color:#fff;}
.smm_tabcon{}
.smm_tabcon li{ display:none;}
.smm_tabcon li.curr{ display:block;}

.tit6{ padding:30px 0 10px 0; line-height:30px; text-align:center; background:#f3f0ef; font-size:18px;}
.tit6 strong{ color:#e10000; font-weight:normal; margin-left:18px;}
.tit6 span{ margin-right:18px;}



.table_4 .w4{ width:280px;}

.table_1 .w2{ width:330px;}
.table_1 .w3{ width:445px;}

.table_8 .w3{ width:200px;}
.table_8 .w4{ width:115px;}

.table_11 .w1{ width:140px;}
.table_11 .w5{ width:152px;}

.table_min_8 th,
.table_min_11 th{ width:86px;}

.table_list .single-item{ padding-bottom:30px;}
.table_list .slick-arrow{ width:60px; height:32px; line-height:32px; bottom:-10px; top:auto; background:#e10000; color:#fff;}
.table_list .slick-prev{ left:0px;}
.table_list .slick-next{ right:0px;}


.nb-icon-wrap{ display:none !important;}
#to_case{ position:absolute; top:0px;}

.show_sq{}


.xg_news{ background:#fff; padding:30px; margin-bottom:50px;}
.xg_news .tit4_1{ margin-bottom:10px;}
.xg_news_list{}
.xg_news_list ul{ margin-right:-30px;}
.xg_news_list li{ float:left; width:33.3333%;}
.xg_news_list .pd{ display:block; overflow:hidden; border-bottom:1px dashed #ccc; margin-right:30px; font-size:16px; height:40px; line-height:40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}




.zcrumbs{ padding:0px; padding:5px 0; background:#fff; border:none; margin:0 0 50px 0;}
.zcrumbs em{ margin:0 5px;}
.zcrumbs a{ color:#999;}
.zcrumbs a:hover{ color:#e10000;}
.zcrumbs span{ color:#000;}
.ncrumbs{ background:none; color:#fff; text-shadow:0 0 1px rgba(0,0,0,1); padding:0px; margin:0px;}
.ncrumbs .pd{ position:absolute; left:0px; top:-105px;}
.ncrumbs a{ color:#fff;}
.ncrumbs a:hover{ text-shadow:0 0 1px rgba(255,255,255,1);}
.ncrumbs span{ color:#fff; }




.kol_top{ padding:60px 70px 70px 70px; text-align: left;}
.kol_top .con{ font-size:18px; line-height:2;}
.kol_top .con p{ margin-bottom:1em;}

.tit7{ text-align:center; line-height:1; font-size:36px; margin-bottom:40px;}
.tit7 strong{ color:#e81215; font-weight:normal; margin:0 12px;}
.tit7 em{ color:#888; text-transform:uppercase; margin:0 12px;}



.kol_tabnav{ margin-bottom:90px; text-align:center;}
.kol_tabnav ul{ display:inline-block; vertical-align:bottom;}
.kol_tabnav li{ float:left; margin:0 10px;}
.kol_tabnav li a{ padding:0 34px; height:46px; line-height:46px; border-radius:23px; background:#fff; color:#323235; font-size:18px; display:block;}
.kol_tabnav li.curr a{ background:#e81215; color:#fff;}
.kol_tabcon{ margin:0 80px;}
.kol_tabcon li{ display:none;}
.kol_tabcon li.curr{ display:block;}
.kol_tabcon .dl{ margin-bottom:80px;}
.kol_tabcon .dl:last-child{ margin-bottom:0px;}

.kol_img{ box-shadow:0 0 50px rgba(0,0,0,0.2);}
.kol_img img{width:100%; height:auto; display:block;}

.business{}
.business ul{ margin-right:-20px;}
.business li{ width:50%; float:left; margin-bottom:20px;}
.business .pd{ display:block; position:relative; color:#fff; margin-right:20px;}
.business .img{}
.business .img img{ width:100%; height:auto;}
.business .text{ position:absolute; left:50px; top:50px; width:380px;}
.business .h3{ font-size:36px; line-height:1; margin-bottom:30px;}
.business .p{ font-size:16px; line-height:28px;}
.business .m{ padding-top:35px;}
.business .m i{ font-size:26px; line-height:1;}


/*图片弹出*/
.imgscale-pack{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,1);display:none;z-index:999999;}
.imgscale-pack .imgscale-close{font-family:"iconfont" !important;font-size:16px;  font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
position:absolute;right:0px;top:0px;z-index:10;cursor:pointer;
}
.imgscale-pack .imgscale-close:before{height:40px;width:40px; display:block; content: "\e80c"; color:#fff; text-align:center; line-height:40px;}
.imgscale-pack .imgscale-img{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;}
.imgscale-pack .imgscale-img img{width:100%;position:absolute;top:50%;}
#mes{ display:none;}





.caseInfoF .swiper-slide{ padding-top: 40px;}

.caseInfoF,
.caseInfoG_1,
.caseInfoG_2,
.caseInfoG{ position: relative;}


.caseInfoF .swiperDots,
.caseInfoG_1 .swiperDots,
.caseInfoG_2 .swiperDots,
.caseInfoG .swiperDots{ display: flex; bottom: 10px;}




.bcon1_2{ background:#fff; padding:50px 0;}
.tit9{ width:45em; margin:0 auto 50px auto; line-height:2; text-align:center; font-size:18px; max-width: 100%;}
.tit9 strong{ font-size:2em;}
.bcon6{ padding-bottom:50px;}

.baike_list{ padding-bottom:40px; position: relative;}
.baike_list .single-item{ margin:0 -4px;}
.baike_list .pd{ display:block; margin:0 4px; padding: 1px; background: #ccc;}
.baike_list .swiperDots{ display: flex; bottom: 0;}



.flink{ background: #000; color: rgba(255,255,255,0.5); font-size: 12px; padding:20px 0;}
.flink a{ color: rgba(255,255,255,0.5);}
.flink a:hover{ color: rgba(255,255,255,1);}
.flinkList{}
.flinkList ul{ display: flex; flex-wrap: wrap;}
.flinkList li{ margin: 0 0.25em;}
@media screen and (max-width:1650px){

.case_con{ padding:0px;}
.caseinfo_con{ padding:40px 60px;}

.imgtext1 .text{ padding:100px 40px 0 60px;}

.brand_text .h3{ font-size:48px; margin-bottom:40px;}
.brand_text .p{ font-size:20px;}
.brand_text .m{ padding-top:60px;}

.about_con1 .text .em{ font-size:60px;}
.about_con1 .text .h3{ font-size:36px;}
.number_lsit{ padding:60px 10% 0 10%;}
.number_lsit .h3{ font-size:60px;}
.number_lsit .em{ font-size:15px;}
.number_lsit .pd{ width:220px; height:220px;}

.contact_con1 ul{ margin-right:-50px;}
.contact_con1 .pd{ margin-right:50px;}

.caseinfo_top .text{ }

.tit4{ font-size:28px;}
.case_Project .p{ font-size:16px; line-height:28px;}

.case_tj .single-item{ margin-right:-15px;}
.case_tj .pd{ margin-right:15px;}
.case_tj .h3{ font-size:18px; line-height:20px; height:20px;}
.slick .slick-arrow{ top:-34px; width:40px; height:40px; line-height:40px;}
.slick .slick-prev{ right:48px;}


.banner_case .h3{ font-size:36px; margin-bottom:40px;}
.banner_case .p{ font-size:16px;}
.banner_case .m{ padding:60px 0 100px 0;}
.banner_case .m a{ width:140px; height:48px; line-height:48px; font-size:16px;}


.case_Project .seop{ min-height:305px;}

.ncrumbs .pd{ top:-70px;}

.business .text{ width:330px; left:35px; top:35px;}
.business .h3{ font-size:28px; margin-bottom:20px;}
.business .p{ font-size:14px;}
.business .m{ padding-top:25px;}
}
@media screen and (max-width:1440px){
.tit5{ font-size:28px; padding:20px 0;}
.table .p{ font-size:16px;}


.table_1 .w2{ width:260px;}
.table_1 .w3{ width:290px;}

.text1{ font-size:16px;}

.list1 .pd{ padding:60px 20px 20px 20px;}
.list1 .h3{ font-size:18px;}
.list1 .p{ min-height:144px;}

.imgtext1 .h3{ font-size:28px; padding-bottom:20px; margin-bottom:40px;}

.ibanner .slick-prev{ left:80px;}

.kol_top{ padding:40px; margin:-40px 0 70px 0;}
.kol_top .con{ font-size:16px; line-height:1.8;}
.kol_tabnav{ margin-bottom:50px;}
.tit7{ font-size:28px; margin-bottom:30px;}
.kol_tabcon{ margin:0px;}
.kol_tabcon .dl{ margin-bottom:50px;}

.tit7 strong,
.tit7 em{ margin:0 5px;}
}
@media screen and (max-width:1366px){
.tit9{ font-size:14px; line-height:24px; margin-bottom:30px;}
.tit9 strong{ font-size:24px;}

}
@media screen and (max-width:1024px){
.tit5{ font-size:24px; padding:15px 0;}
.table th{ font-size:14px;}
.table_4 .w4{ width:220px;}

.tit6{ font-size:16px;}

.list1 .single-item{ padding-bottom:30px;}
.list1 .slick-slide{ padding-top:0px;}
.list1 .pd{ border:none; background:#efefef; padding:20px;}
.list1 i,.list1 em{ position:static; display:block; margin:0 auto 20px auto;}
.list1 .p{ min-height:inherit;}

.imgtext1 .text{ padding:30px 10px 30px 30px;}


.table_8 .w3{ width:140px;}
.table_8 .w4{ width:80px;}

.table_11 .w1{ width:140px;}
.table_11 .w5{ width:152px;}

.icase_tab a:hover{ background-color:#323235;}

.case_Project .p,
.case_idea .p{ min-height:inherit;}

.kol_top{ margin:0 0 50px 0;}
.kol_tabnav{ margin-bottom:40px;}
.kol_tabnav li a{ padding:0 30px; font-size:16px;}
.tit7{ margin-bottom:25px;}
.kol_tabcon .dl{ margin-bottom:40px;}


}

@media screen and (max-width:768px){
.kol_tabnav ul,
.smm_tabnav ul{ display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -6px;}
.smm_tabnav li,
.kol_tabnav li{ margin:0 2px 5px 2px;}
.smm_tabnav li a,
.kol_tabnav li a{ height:40px; line-height:40px; padding:0 1em; font-size: 14px; background: #f5f5f5;}

.tit6{ font-size:14px;}

.table_3 .w2{ width:260px;}

.text1{ padding:0px;}

.xg_news_list ul{ margin-right:-20px;}
.xg_news_list li{ width:50%;}
.xg_news_list .pd{ margin-right:20px; font-size:14px;}



.kol_top{ padding:10px;}
.kol_top .con{ font-size: 14px; line-height: 1.5;}

.tit7{ font-size: 24px;}

.caseInfoF .swiperDots,
.caseInfoG_1 .swiperDots,
.caseInfoG_2 .swiperDots,
.caseInfoG .swiperDots{ display: flex; bottom: -15px;}
}



@media screen and (max-width:640px){

.tit5{ font-size:18px;}
.table table{ font-size:12px;}
.table .p{ font-size:12px;}
.table th{ font-size:12px;}
.table_4 .w1{ width:60px;}
.table_4 .w2{ width:60px;}
.table_4 .w3{ width:30px;}
.table_4 .w4{ width:auto;}

.img_list2{ padding:5px 3px;}
.img_list2 img{ padding:0 2px;}

.tit6{ font-size:12px; padding:5px 0 0 0;}
.tit6 strong{ margin-left:5px;}
.tit6 span{ margin-right:5px;}


.table_1 .w2{ width:auto;}
.table_1 .w3{ width:auto;}
.table_1 .w1{ width:60px;}
.table_1 .w4{ width:60px;}

.imgtext1{ padding:20px;}
.imgtext1 .img{ width:auto; float:none;}
.imgtext1 .text{ margin:0px; padding:20px 0 0 0;}
.imgtext1 .h3{ text-align:center; margin-bottom:20px; font-size:18px;}
.imgtext1 .p br{ display:none;}
.imgtext1 .p strong{ font-size:14px; display:block; padding:10px 0;}

}




.geo_list{ display: flex; flex-wrap: wrap; gap:30px;}
.geo_list img{ flex: 1; box-shadow: 0 0 12px rgba(0, 0, 0, .2); height: auto; object-fit: contain; border-radius: 16px; max-width:calc(33.3333% - 30px); box-sizing: border-box;}
@media screen and (max-width:1024px){
.geo_list{ gap:20px;}
.geo_list img{max-width:calc(50% - 20px); }
}
@media screen and (max-width:640px){
.geo_list{  gap:0px;}
.geo_list img{ max-width: 100%; }
}




.quick_nav{ position:fixed; -webkit-transform: translateZ(0); right:0px; top:50%; color:#fff; text-align:center; width:100px; margin-top:-110px; box-shadow:0 0 5px rgba(0,0,0,0.1); z-index:12;}
.quick_nav1 a{ color:#fff;}
.quick_nav1 a:hover{text-decoration:underline}；
.quick_nav1{}
.quick_nav1 li{ background:#323235; margin-bottom:1px; padding:10px 0;transition:0.3s; border-radius:3px;}
.quick_nav1 li:hover{ background:#e10000; color:#fff;}
.quick_nav1 li:hover a{ color:#fff;}

.quick_nav1 .h3{ font-size:16px; line-height:1; position:relative; margin-bottom:7px;}
.quick_nav1 .h3:before{ content:'\20'; width:10px; height:2px; background:#e10000; position:absolute; left:15px; top:50%; margin-top:-1px;}
.quick_nav1 .p{ font-size:12px; line-height:18px; text-align:left; padding:0 0 0 10px; overflow:hidden;}
.quick_nav1 .p span,.quick_nav1 .p a{ margin-right:8px; float:left; color:#acacac;}
.quick_nav1 .p a:hover{ text-decoration:underline; color:#fff;}
.quick_nav1 li:nth-child(3) .p{ padding:0px;}
.quick_nav1 li:nth-child(3) .p span,.quick_nav1 li:nth-child(3) .p a{ width:50%; margin-right:0px; text-align:center;}

.quick_nav2{}
.quick_nav2 li{ background:#fff; border-radius:3px; margin-bottom:1px; position:relative;transition:0.3s; padding:12px 0;}

.quick_nav2 .pd{ color:#666; display:block;}
.quick_nav2 .pd i{ display:block; height:28px; line-height:28px; font-size:28px;}
.quick_nav2 .pd strong{ font-weight:normal;}
.quick_nav2 .pd:hover{ color:#e81215;}
.quick_nav2 .box{ position:absolute; right:100px; top:0px; width:400px; text-align:left; color:#888888; font-size:14px; display:none;}
.quick_close{ display:none;}
.quick_nav2 .npd{ background:#fff; margin-right:22px; padding:20px; border:1px solid #e8e8e8; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:3px; overflow:hidden;}
.quick_nav2 .npd:before{ content:'\20'; background:url(../images/sj.png) no-repeat; width:18px; height:29px; display:block; position:absolute; right:16px; top:15px;}

.quick_nav2 li:hover{background:#e81215; color:#fff;}
.quick_nav2 li:hover .pd{color:#fff;}
.quick_nav2 li:hover .box{ display:block;}




.quick_kf .h3{ font-size:24px; color:#e81215; line-height:30px; padding:0 0 20px 38px; border-bottom:1px solid #ececec; position:relative;}
.quick_kf .h3 i{ font-size:30px; position:absolute; left:0px; top:0px; height:30px; line-height:30px; color:#888888;}
.quick_kf .p{ padding:15px 0; margin-bottom:5px;}
.quick_kf .m{ overflow:hidden;}
.quick_kf .m a{ width:33.3333%; float:left; display:block; color:#555555; text-align:center; padding:15px 0 12px 0; background:#f9f9f9;}
.quick_kf .m i{ display:block; font-size:28px; color:#e81215; position:relative; display:block; height:34px; line-height:34px; width:34px; margin:0 auto;}
.quick_kf .m i:after{ content:'\20'; width:14px; height:14px; background:url(../images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-8px; top:-5px;}
.quick_kf .m span{ display:block;}
.quick_kf .m a:hover{ background:#f1f1f1;}

.quick_fw .i{width:66px;border-right:1px solid #ececec;height:90px;line-height:90px;float:left;margin-right: 18px;}
.quick_fw .i i{ font-size:28px; position:relative; width:44px; text-align:center; display:block;}
.quick_fw .i i:after{ content:'\20'; width:14px; height:14px; background:url(../images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-5px; top:14px;}
.quick_fw .h3{ font-size:18px; line-height:1; padding:15px 0;}
.quick_fw .p{ font-size:36px; line-height:1; color:#e81215;}
.quick_fw .p a{ color:#e81215;}

.quick_wx{}
.quick_wx .box{ width:186px; bottom:0px; top:auto;}
.quick_wx .npd:before{ top:auto; bottom:20px;}
.quick_wx img{ width:100%; height:auto; display:block;}
.quick_wx span{ display:block; padding-top:15px; text-align:center;}

.quick_top{ display:none;}
.body_top .quick_top{ display:block;}

.embed-icon-default{ display: none !important;}
.quick_nav2 li.quick_kf{background:#e81215; color:#fff;}
.quick_nav2 li.quick_kf .pd{color:#fff;}



@media screen and (max-width:1024px){
.quick_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; right:0px; bottom:0px; display:none;}
.quick_nav{ top:auto; left:0px; width:auto; bottom:0px; margin:0px; -webkit-transform:none;}
.quick_nav1{ display:none;}
.quick_nav2{border-top: 1px solid rgba(255,255,255,0.5);}
.quick_nav2 li{ float:left; width:25%; margin-bottom:0px;border-right: 1px solid #ccc; box-sizing:border-box; padding:0px; display:block; border-radius:0px; position:static;}
.quick_nav2 .pd{ background:#e81214; padding:5px 0; color:#fff;}
.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
.quick_nav2 .pd strong{ display:block; line-height:16px; font-size:12px;}
.quick_nav2 .pd:hover {background: #e81214;}
.quick_nav2 .box{ position:fixed; left:50%; bottom:auto; top:50%; right:auto;}
.quick_nav2 .npd{ margin:0;}
.quick_nav2 .npd:before{ transform:rotate(90deg); right:auto; left:50%; bottom:5px; top:auto; display:none;}
.quick_nav2 li:hover .box{ display:none;}

.quick_kf .box{ margin:-120px 0 0 -196px;}
.quick_fw .box{ margin:-66px 0 0 -196px;}
.quick_wx .box{ margin: -122px 0 0 -93px;}
.quick_close{ position:absolute; left:50%; bottom:-40px; margin:0 0 0 -15px; width:30px; height:30px; border-radius:50%; background:#e10000; color:#fff; text-align:center; line-height:30px; cursor:pointer; display:block;}
}

.baike_listb{}
.baike_listb ul{ display: flex; flex-wrap: wrap; }
.baike_listb li{ width: 20%; padding: 4px 0;}
.baike_listb .pd{ display:block; margin:0 4px; padding: 1px; background: #ccc;}