@charset "utf-8";
html,
body{ overflow-x:hidden;}
body{ color:#3b3b3b; height:auto; box-sizing:border-box; font-size:14px;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#595757; text-decoration:none;}
a:hover{ text-decoration:none; color:#ff1c00;}
i,em{ font-style:normal;}






.iHonor .pd,
.iHonor .pd:before,
.iHonor .img img,
.more1,
.subNav .h3 a,
.tSearch .box,
.logo img,
.caseList .img img,
.values .pd:before,
.team .pd:before,
.caseBox .img img,
.iNewsList1 .img img,
.newsList1 .img img,
.bNav .pd:before,
.caseBox .text,
.caseBox .pd:before{
transition: all 0.4s ease-out;
}


.caseBox .h3,
.caseBox .h4,
.caseBox .p,
.caseBox .em{
transition: transform 0.4s ease-out;
}



.caseList .img,
.caseBox .img,
.iNewsList1 .img,
.newsList1 .img{ overflow:hidden;}
.caseList .pd:hover .img img,
.caseBox .pd:hover .img img,
.iNewsList1 .pd:hover .img img,
.newsList1 .pd:hover .img img{ transform:scale(1.05,1.05);}

.menu .h3 em,
.menu .h3 i,
.iAbout .h3 span:before,
.numList .t span:before{
font-family:"iconfont" !important; font-size:16px; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.menu-link{ box-sizing: border-box; position:absolute; top:50%; right:-8px;font-size: 11px;z-index: 10; width:40px; height:40px; padding:7px; margin-top:-20px; transition: all 0.2s ease-out; 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: #fff;width: 100%;height:1px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -6px;content: " ";}
.menu-link span:after {top:6px;}
.menu-link.active{}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#ff1c00; transform: rotate(45deg); top:0;}
.menu-link.active span:after { background-color:#ff1c00; transform: rotate(-45deg); top:0;}
.menu-link.active em{ display:none;}





.wp{ width:1400px; margin:0 auto; position: relative;}

.header{ position:fixed; left:0; top:0; right:0; z-index:99; background: #000;}
.idTit .wp,
.iMain4 .wp,
.cMain_Customer .wp,
.dMain_iCaseb .wp,
.header .wp{ margin:0 80px; width:auto;}
.logo{ position:absolute; left:0; font-size:96px; line-height:1; top:0; margin-top:0;}
.logo .img{ height:1em; width:auto; display:block;}
.logo .text{ height: 36px; width: auto; position: absolute; left: 112px; top: 16px;}

.menu{ text-align:center; padding:0 200px 0 400px; display: flex; justify-content: flex-end;}
.menu ul{ padding-right: 32px;}
.menu li{ float:left; margin:0 30px; position:relative;}

.menu .h3{}
.menu .h3 a{ font-size:18px; font-weight:normal; position:relative; padding:0 2px; display:block; line-height:60px; height:60px; color:#fff;}
.menu .h3 a:before{ content:''; position:absolute; height:2px; left:0; right:0; bottom:0; background:#fff; display:none;}
.menu .h3 em{ display:none; position:absolute; color:#fff; right:22px; margin-right:-10px; margin-top:-20px; top:50%; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer;}
.menu .h3 em:before { content: "\e85a"; }
.menu .h3 i{ display:none; position:absolute; color:#fff; right:22px; margin-right:-10px; margin-top:-20px; top:50%; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer;}
.menu .h3 i:before { content: "\e604";}
.menu .h3 i.active:before { content: "\e606"; }

.menu li.curr .h3 a:before{ display:block;}

.menu .box{ display:none; position:absolute; left:50%; width:120px; margin-left:-60px; text-align:center; top:100%; background:#ff1c00; padding:10px 0;}
.menu .box a{ display:block; color:#fff; line-height:2.25; height:2.25em; overflow:hidden; font-size: 16px;}
.menu .box a:hover{ background:#182547;}

.menu li:hover .h3 a{ color:#ff1c00;}
.menu li:hover .box{ display:block;}

.tContact{ position:absolute; right:44px; top:50%; margin-top:-18px;}
.tContact .pd{ font-size:16px; height:36px; line-height:36px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; border-radius: 0px; padding: 0 12px; color: #FF2004;}
.tContact i{ margin-right:6px; font-size:1em;}
.tContact span{ font-weight:bold;}

.tSearch{ top:50%; margin-top:-20px; position:absolute; right:0; color: #FF2004;}
.tSearch .i{ display:block; font-size:20px; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer; z-index:2; position:relative;}
.tSearch .box{ position:absolute; top:50%; margin-top:-18px; right:40px; width:0; overflow:hidden;}
.tSearch .pd{ width:260px; margin:0 auto; position:relative;}
.ipt_t1{ width:100%; box-sizing:border-box; height:36px; border:none; border-radius:0; background:#fff; padding:0 25px; color:#333; }
.ipt_b1{ position:absolute; right:0; top:0; height:36px; border:none; color:#fff; border-radius:0; background:#ff1c00; width:50px; text-align:center;}

.tSearch.active .box{ width:260px;}
.tSearch.active .i{ color:#ff1c00;}
.tSearch.active .i:before{ content:'\e80c';}
.tSearch:hover .i{ color:#ff1c00; }

.subNav{ position:fixed; right:15px; top:50%; z-index:9; width:40px; margin-top:-114px;}
.subNav li{ margin-bottom:1px; position:relative;}
.subNav .h3{}
.subNav .h3 a{ display:block; line-height:40px; background:rgba(255,255,255,0.1); box-shadow:0 0 3px rgba(0,0,0,0.1); color:#fff; text-align:center; font-size:22px; position:relative; text-shadow:0 0 0.1em rgba(0,0,0,0.3);}
.subNav .box{ position:absolute; right:100%; top:0; padding-right:2px; display:none;}
.subNav li.li1 .box{ width:200px; }
.subNav li.li1 .pd{ background:#ff1c00; color:#fff; line-height:32px; padding:20px; font-size:18px; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.subNav li.li1 .box a{ color:#fff; font-size:20px;}
.subNav li.li1 .box a:hover{ text-decoration:underline;}
.subNav li.li1 .box i{ font-size:20px; margin-right:5px;}
.subNav li.li2 .pd{}
.subNav li.li3 .box{ width:160px;}
.subNav li.li3 .box img{ width:100%; height:auto; display:block;}
.subNav li:hover .h3 a{ background:#ff1c00; color:#fff;}
.subNav li:hover .box{ display:block;}

/* .body_fix{}
.body_fix .logo,
.pbody .logo{ margin-top:-6px; margin-top:0;}
.body_fix .header,
.pbody .header{ top:0; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.body_fix .menu .h3 a,
.pbody .menu .h3 a{ font-size:16px; color:#3b3b3b;}
.body_fix .menu .h3 a:hover,
.pbody .menu .h3 a:hover{ color:#ff1c00;}
.body_fix .menu .h3 a:before,
.pbody .menu .h3 a:before{ background:#ff1c00;}
.body_fix .tSearch .i,
.pbody .tSearch .i{ color:#3b3b3b;}
.body_fix .tSearch:hover .i,
.pbody .tSearch:hover .i{ color:#ff1c00;}
.body_fix .ipt_t1,
.pbody .ipt_t1{ background-color:#f5f5f5;}
.body_fix .subNav .h3 a,
.pbody .subNav .h3 a{ box-shadow:0 0 3px rgba(0,0,0,0.3); color:#000;}
.body_fix .tContact  .pd,
.pbody .tContact .pd{ color:#595757;} */



.header{ background: none;}
.menu .h3 a{ color: #fff;}


.ibody1 .menu .h3 a{ color: #fff;}
.ibody1 .menu .h3 a:before{ background: #fff;}
.ibody1 .logo .text1{ display: block;}
.ibody1 .logo .text2{ display: none;}
.ibody1 .iBanner .cMore1{ color: #fff;}
.ibody1 .iBanner .cMore1:before{ border-color: #fff;}
.ibody1 .iBanner .cMore1:hover{ background: #ff1c00; color: #fff; }
.ibody1 .iBanner .cMore1:hover:before{ border-color: #ff1c00;}


.ibody2 .menu .h3 a{ color: #000;}
.ibody2 .menu .h3 a:before{ background: #000;}
.ibody2 .logo .text1{ display: none;}
.ibody2 .logo .text2{ display: block;}
.ibody2 .iBanner .cMore1{ color: #000;}
.ibody2 .iBanner .cMore1:before{ border-color: #000;}
.ibody2 .iBanner .cMore1:hover{ background: #ff1c00; color: #fff; }
.ibody2 .iBanner .cMore1:hover:before{ border-color: #ff1c00;}





.body_fix .header,
.pbody .header{ background: #000;}


.body_fix .menu .h3 a,
.pbody .menu .h3 a{ color: #fff;}

.body_fix .logo .text1,
.pbody .logo .text1{ display: block;}
.body_fix .logo .text2,
.pbody .logo .text2{ display: none;}




.iBanner{height: 100vh; overflow: hidden;}
.iBanner .swiperArrow{ display:block; text-shadow: 1px 1px 0px rgba(0,0,0,0.5); color: #fff; font-size: 48px; width: 1em; height: 1em; line-height: 1em;}
.iBanner .swiperPrev{ left:80px;}
.iBanner .swiperNext{ right:80px;}
.iBanner .swiperDots{ display:block; bottom: 30px;}
.iBanner .pd{ overflow:hidden; display:block;}
.iBanner .pd img{ height:100vh; width:100.418410041841%;}


/* .iBannerHome .pd img{ transform:scale(1.2); transition: all 3s ease-in-out;}
.iBannerHome .swiper-slide-active .pd img{ transform:scale(1);} */


.tit1{ text-align:center; line-height:1.25; margin-bottom:90px;}
.tit1 strong{ display:block; font-size:2.25em; margin-bottom:1em;}
.tit1 em{ display:block; color:#898989; }

.tit2{ margin-bottom:2em; text-align:center; font-size: 1.6666666666666666vw;}
.tit2 dl{ display:inline-block; vertical-align:bottom; text-align:left;}
.tit2 dt{ float:left; font-size:48px; line-height:1; margin-right:15px; display: none;}
.tit2 dt img{ height:1em; display:inline-block; vertical-align:bottom;}
.tit2 dd{  text-align: center; position: relative; font-size:62px; display: block; padding-top: 0.5em;}
.tit2 dd strong{ display:block; line-height:1; color:#000; margin-bottom:0.25em; position: relative; z-index: 2;}
.tit2 dd em{ font-size:1.1612903225806452em; display:block; line-height:1; text-transform: uppercase; font-family: "ccc"; position: absolute; width: 100vw; left: 50%; margin-left: -50vw; bottom: 0.3em; z-index: 1;font-weight: 400; color: #ccc;}
.tit2_p{padding-top: 2em; line-height:1.714; display:block; color:#898989; font-size: 15px; position: relative;}
.tit2_p:before{ content: ''; position: absolute; left: 50%; top: 1em; width: 7.5em; height: 3px; background: #DE0012; margin-left: -3.75em;}
.tit2_p2{ padding-top:0;}
.tit2_p2:before{ display: none;}


.tit3{ line-height:1.25; margin-bottom:30px;}
.tit3 strong{ font-size:22px; color:#727171;}
.tit3 em{ color:#898989; margin-left:1em; font-weight:lighter;}

.tit4{ line-height:1.25; margin-bottom:30px;}
.tit4 strong{ font-size:18px;}



.iMain{ background:no-repeat center center; background-size:cover;  padding:75px 0; font-size: 20px;}
.iMain{ padding: 3.75em 0; font-size: 1.04166666666667vw;}
.dingwei{ position: relative; height:0;}
.dingwei a{ position: absolute; top: -120px; height: 1px; width: 1px; background: rgba(0,0,0,0.01);} 


.iMain1{ }
.iBannerNav{ overflow:hidden;}
.iBannerNav .swiper{ margin-right:-1px;}
.iBannerNav .pd{ display:block; padding:60px 10px; text-align:center; border-right:1px solid #efefef; color: #4D4D4D; position: relative;}
.iBannerNav .img{ position: absolute; z-index: 1; left:0; top:0; right:0; bottom:0; background: no-repeat center center; background-size:cover; opacity: 0; transition: 0.3s opacity;}
.iBannerNav .img img{ transform: scale(1.2); transition: 1s transform;}
.iBannerNav .text{ position: relative; z-index: 2;}
.iBannerNav .text .i{ font-size:74px; line-height:1; margin-bottom:15px;}
.iBannerNav .text .em{ text-transform:uppercase; line-height:1.25; margin-bottom: 0.5em;font-size: 1.25em;}
.iBannerNav .text .h3{ text-transform:uppercase; line-height:1.25; padding-bottom:35px; font-weight: lighter; position:relative; margin-bottom:30px;  }
.iBannerNav .text .h3:before{ content:''; position:absolute; left:50%; width:2em; margin-left:-1em; height:4px; background:#595757; bottom:0;}
.iBannerNav .text .p{ line-height:2.85; height:11.4em; width: 11em; letter-spacing: 0.1em; margin-left: auto; margin-right: auto; text-align:justify; margin-bottom:10px; font-weight: lighter;}
.iBannerNav .text .m{ display: none;}
.iBannerNav .text .m em{ display:inline-block; height:24px; line-height:24px; width:76px; text-align:center; font-size:12px; background:#595757; color:#fff; border-radius:0;}

.iBannerNav .text2{ position: absolute; z-index: 3; left:0; top:0; right:0; bottom:0; opacity: 0; padding: 30px 10px; box-sizing: border-box;}
.iBannerNav .text2 .h3{ font-size: 2em; line-height: 1.25; margin-bottom: 0.2em;}
.iBannerNav .text2 .em{ font-size: 14px; margin-bottom: 2em; position: relative;}
.iBannerNav .text2 .em:before{ content:''; position:absolute; left:50%; width:2em; margin-left:-1em; height:4px; background:#fff; bottom:-1em;}
.iBannerNav .text2 .p{ font-size: 14px;}


.iBannerNav li:last-child .pd{ border-right-color:#fff;}
.iBannerNav .pd:hover{ background: #000000; border-right-color: #000000; color: #fff;}
.iBannerNav .pd:hover .img{ opacity: 0.35;}
.iBannerNav .pd:hover .img img{ transform: scale(1);}
.iBannerNav .pd:hover .text{ opacity: 0; visibility: hidden; }
.iBannerNav .pd:hover .text .h3:before{ background-color:#fff;}
.iBannerNav .pd:hover .text .m em{ background:#fff;}
.iBannerNav .pd:hover .text2{ opacity: 1;}

.iMain2{}
.iCaseTab{ text-align:center; margin-bottom:45px;}
.iCaseTab ul{ display:inline-block; vertical-align:bottom;}
.iCaseTab li{ float:left;}
.iCaseTab a{ display:block; padding:0 35px; overflow:hidden; font-size:16px; line-height:40px;}
.iCaseTab a i{ float:left; width:40px; text-align:center; height:40px; line-height:40px; background:#595757; color:#fff; border-radius:50%; font-size:24px; margin-right:10px;}
.iCaseTab a span{ float:left;}
.iCaseTab li:last-child a{ border-right-color:#fff;}
.iCaseTab a:hover,
.iCaseTab li.curr a{ color:#ff1c00;}
.iCaseTab a:hover i,
.iCaseTab li.curr i{ background-color:#ff1c00;}

.caseBox{ background: #000;}
.caseBox ul{ margin-right:0px !important; position:relative;}
.caseBox li{ float:left; margin-bottom:0px !important; width:33.3333%;}
.caseBox .pd{ display:block; margin-right:0px !important; position:relative;}
.caseBox .pd:before{ content:''; position:absolute; left:0; top:0; bottom:0; right:0; /*background:url(../images/teambg.png) repeat-x;*/ background:rgba(35,24,21,0.5); background-size:100% 100%; opacity:0; z-index:1}
.caseBox .img{}
.caseBox .text{ position:absolute; left:0; bottom:0; right:0; top:0; color:#fff;  line-height:1.7142857142857142; z-index:2; opacity:0;}
.caseBox .h3{ font-size:24px; line-height:1; display: table-cell; vertical-align: middle;}
.caseBox .h3 strong{ display:inline-block; vertical-align:bottom; padding-bottom:0.5em; border-bottom:3px solid #ff1c00; margin-bottom:0.5em;}
.caseBox .h3 em{ text-transform:uppercase; display:block; font-size:0.75em;}
.caseBox .h4{ display:none;}
.caseBox .p{display:none;}
.caseBox .em{display:none;}
.caseBox .npd{/* position:absolute; left:30px; bottom:30px; right:30px;*/ text-align:center; display: table; table-layout: fixed; width: 100%; height: 100%;}
.caseBox .pd:hover .text{ opacity:1;}
.caseBox .pd:hover:before{ opacity:1;}


.caseBox .ul2 li,
.caseBox .ul4 li,
.caseBox .ul4 li:nth-child(3),
.caseBox .ul4 li:nth-child(4){ width:50%; margin-right:0; position:static;}

.caseBox .ul5 li:nth-child(3){ width:66.6666%; margin-right:33.3333%;}
.caseBox .ul5 li:nth-child(4){ position:absolute; right:0; top:0;}
.caseBox .ul5 li:nth-child(5){ position:absolute; right:0; bottom:0;}

.caseBox .ul7 li:nth-child(3){ width:66.6666%; margin-right:33.3333%;}
.caseBox .ul7 li:nth-child(6){ position:absolute; right:0; top:0;}
.caseBox .ul7 li:nth-child(7){ position:absolute; right:0; bottom:0;}


.more1{ display:inline-block; vertical-align:bottom; overflow:hidden; font-size:14px; width:120px; text-align:center; height:32px; line-height:32px; border:1px solid #000; color:#000;}
.more1:hover{ color:#fff; border-color:#ff1c00; background:#ff1c00;}
.iCaseM{ text-align:center; padding-top:30px;}
.more2{ display: inline-block; vertical-align: bottom; font-size: 1.125em; font-size: 16px; line-height: 1;}


.iMain3{}
.iAbout{ padding:25px 0 0 0; width:100%; margin:0 auto;}
.iAbout ul{}
.iAbout li{ float:left; width:33.3333%;}
.iAbout .pd{ text-align:center; padding-bottom:20px; position:relative;}
.iAbout .pd:after{ content:''; width:30px; height:1px; background:#fff; position:absolute; left:50%; margin-left:-15px; bottom:-1px; z-index:1;}
.iAbout .pd:before{ content:''; width:8px; height:8px; background:#898989; border:1.5px solid #fff; position:absolute; left:50%; bottom:-5px; transform:rotate(45deg) translateZ(0); margin-left:-4px; z-index:2;}
.iAbout .h3{ font-size:80px; font-weight:normal; line-height:1; margin-bottom:20px; color:#898989;}
.iAbout .h3 span{ display:inline-block; vertical-align:bottom; position:relative; padding-right:0.5em;}
.iAbout .h3 span:before{ content:'\e604'; position:absolute; right:0; font-size:0.5em; line-height:1; top:0; font-weight:normal;}
.iAbout .p{ line-height:1.25; color:#898989; display: none;}
.iAbout li.curr .h3,
.iAbout .pd:hover .h3{ color:#ff1c00;}
.iAbout li.curr .pd:before,
.iAbout .pd:hover:before{ background:#ff1c00; box-shadow:0 0 0 1px #ff1c00;}

.iMain3_2{ border-top:1px solid #efefef; padding:25px 0 0 0;}
.iMain3_2 .li{ display:none; min-height:200px;}
.iMain3_2 .li:first-child{ display:block;}
.iaboutCon{ padding:0 8%; line-height:2; text-align: justify;}

.iMain8 .iHonor{ border-top:1px solid #efefef;}
.iHonor{}
.iHonor .swiper-slide{}
.iHonor .pd{ text-align:center; padding:25px 0 15px 0; position:relative;}
.iHonor .img{ width:150px; margin:0 auto; position:relative; z-index:2;}
.iHonor .img img{ transform:translateZ(0);}
.iHonor .img .img1{}
.iHonor .img .img2{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0;}
.iHonor .text{ position:relative; z-index:2; padding-top:30px;}
.iHonor .txt{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:3; color:#fff; background:#ff1c00; opacity:0; transition:all 0.3s ease;}
.iHonor .txt .i{ width:60%;font-size:48px; margin:0 auto; margin-bottom:0.4em; line-height:1;}
.iHonor .txt .i i{ font-weight:bold;}
.iHonor .txt .i em{  font-weight:bold;}
.iHonor .ntd{ padding:0 10%;}

.iHonor .pd:hover{ background:#ff1c00; color:#fff;}
.iHonor .pd:hover:before{ opacity:1;}
.iHonor .pd:hover .txt{ opacity:1;}
.iHonor .pd:hover .img1{ opacity:0;}
.iHonor .pd:hover .img2{ opacity:1;}

.iproCon{}
.iproCon img{ width:100%; height:auto; display:block;}



.iMain4{ background: #f5f5f5;}
.iNewsList .swiper{ margin-right:-15px;}
.iNews{}
.iNews .npd{ margin-right:15px; background:#fff; padding:35px;}
.iNews1{}
.iNews2{}
.iNews3{}
.iNewsList1{}
.iNewsList1 ul{ min-height:31em;}
.iNewsList1 .pd{ display:block; overflow:hidden;}
.iNewsList1 .img{ display:none; margin-bottom:12px;}
.iNewsList1 .text{ padding:12px 0;}
.iNewsList1 .h3{ font-size:16px; height:1.5em; margin-bottom:5px; line-height:1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color:#727171; overflow:hidden;}
.iNewsList1 .em{ color:#898989;}
.iNewsList1 li:first-child .img{ display:block;}
.iNewsList1 li:first-child .h3{ height:1.3333em;}
.iNewsList1 .pd:hover .h3{ color:#ff1c00;}

.footer{ background:#595757; padding:70px 0 90px 0; color:#fff;}
.footer a{ color:#fff;}
.footer a:hover{ color:#ff1c00;}
.fContact{ float:left; position:relative; padding-left:176px;}
.fContact .ewm{ position:absolute; left:0; top:0; width:136px;}
.fContact .ewm img{ width:100%; height:auto; display:block;}

.dianhua{ margin-bottom:10px;}
.dianhua dl{ position:relative; padding-left:70px; line-height:26px;}
.dianhua dt{ position:absolute; left:0; top:0;}
.dianhua dd{ overflow:hidden;}
.dianhua .p{ float:left; margin-left:10px;}
.dianhua .p i{ margin-right:5px; font-size:20px;}
.dianhua .p a{ font-weight:lighter;}
.dizhi,
.youxiang{ font-weight:lighter; line-height:1.6;}
.fBottom{ float:right; width:670px;}
.fBottom .p{ line-height:30px;}
.fBottom .p1{ overflow:hidden; margin-bottom:30px;}
.fBottom .p1 a{ float:left; font-weight:lighter; margin-right:0; width: 25%}
.fBottom .p1 a:nth-child(1){ display:none;}
.fBottom .p2{ overflow:hidden; margin-bottom:0; font-size:12px; line-height:20px;}
.fBottom .p2 strong{ font-weight:bold; float:left; margin-right:0.5em;}
.fBottom .p2 a{ float:left; font-weight:lighter; margin-right:0.5em;}
.fBottom .p3{  font-weight:lighter; font-size:12px; line-height:20px;}





.pBanner{ height:calc(100vh - 125px);}
.pBanner .pd img{ height:calc(100vh - 125px);}
.bBanner{height:calc(100vh);}
.bBanner .pd img{ height:calc(100vh);}

.pNav{text-align:center; height:46px;}
.pNav .npd{ background:#f7f8f8; position:relative; z-index:2;}
.pNav ul{ display:inline-block; vertical-align:bottom;}
.pNav li{ float:left; margin:0 6px;}
.pNav li a{ display:block; color:#727171; font-size:16px; height:46px; line-height:46px; padding:0 50px;}
.pNav li.curr a,
.pNav li a:hover{ color:#ff1c00;}

.pNavFix{}
.pNavFix .npd{ position:fixed; top:60px; left:0; right:0; box-shadow:0 0 3px rgba(0,0,0,0.3);}



.pMain{ padding:75px 0; font-size: 20px;}
.pMain{ padding:3.75em 0; font-size: 1.04166666666667vw;}

.newsList1{ margin-bottom:30px;}
.newsList1 ul{ margin-right:-15px;}
.newsList1 li{ float:left; width:33.3333%;}
.newsList1 .pd{ position:relative; display:block; margin-right:15px;}
.newsList1 .img{}
.newsList1 .text{ position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); padding:10px 20px; opacity:0;}
.newsList1 .h3{ height:20px; overflow:hidden; color:#fff;}
.newsList1 .pd:hover .text{ opacity:1;}
.newsList2{}
.newsList2 ul{ margin-right:-15px;}
.newsList2 li{ float:left; width:33.3333%; margin-bottom:20px;}
.newsList2 .pd{ display:block; margin-right:15px; font-size:16px; padding-left:16px; position:relative; overflow:hidden; height:1.5em; line-height:1.5;}
.newsList2 .pd:before{ content:''; position:absolute; left:0; top:50%; margin-top:-3px; width:6px; height:6px; background:#727171; border-radius:50%;}


.pBannerCase{}
.pBannerCase .wpd{ background:#f7f8f8; padding-right:0%; position:relative;}
.pBannerCase .img{ overflow:hidden; position:relative;}
.pBannerCase .img img{ height:100vh; width:100%;}
.pBannerCase .text{ padding:40px 0; display:none;}
.pBannerCase .i{ font-size:40px; line-height:1; margin-bottom:0.5em;}
.pBannerCase .i img{ height:1em; width:auto; display:block;}
.pBannerCase .h3{ font-size:42px; line-height:1.2; margin-bottom:0.5em;}
.pBannerCase .p{ color:#595757;}
.pBannerCase .swiperDots{ display:block;}


.aseInfoTop{ display: none;}
.aseInfoTop .h3{ font-size:16px; line-height:1.5; margin-bottom:10px; color:#231815;}
.aseInfoTop .p{}
.aseInfoTop dl{ float:left; width:25%;}
.aseInfoTop dt{ float:left; width:56px; height:56px; background:#727171; line-height:56px; text-align:center; font-size:32px; color:#fff;}
.aseInfoTop dd{ margin-left:56px; padding-left:15px; color:#595757;}
.aseInfoTop dl:hover dt{ background:#ff1c00;}

.pMainCaseInfo{ background:rgba(33,25,25,1); color: #ccc;}
.caseInfo{}
.aseInfoCon{}
.aseInfoCon img{ width:100%; height:auto !important; max-width:100%; display:block; margin-bottom:30px;}

.caseList{}
.caseList ul{ margin: 0 -3px;}
.caseList li{ float:left; width:33.3333%; margin-bottom:6px;}
.caseList .pd{ margin:0 3px; display:block; position: relative;}
.caseList .img{}
.caseList .text{ padding:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align: center;background:rgba(0,0,0,0.75); opacity: 0; transition: all 0.4s ease-out;}
.caseList .h3{ font-size:24px; line-height:1; display: table-cell; vertical-align: middle;}
.caseList .h3 strong{ display:inline-block; vertical-align:bottom; padding-bottom:0.5em; border-bottom:3px solid #ff1c00; margin-bottom:0.5em;}
.caseList .h3 em{ text-transform:uppercase; display:block; font-size:0.75em;}
.caseList .em{ position:absolute; top:20px; color:#595757; line-height:24px; right: 10px;}
.caseList .em strong{ font-weight:normal; border-right:1px solid #898989; border-right: none; padding-right:0;}
.caseList .em em{ padding-left:6px; display: none;}
.caseList .p{ color:#898989; height:20px; line-height:20px; overflow:hidden;}
.caseList .pd:hover .text{  opacity: 1; }
.caseList .pd:hover .h3{ color:#fff;}
.caseList .pd:hover .em{ color:#fff;}
.caseList .pd:hover .em strong{ border-right-color:#fff;}
.caseList .pd:hover .p{ color:#fff;}

.caseNav{ padding-bottom:50px;}
.caseNav dl{ margin-bottom:10px;}
.caseNav dt{ float:left; margin-right:35px; color:#727171; font-weight:bold;}
.caseNav dd{ overflow:hidden;}
.caseNav dd a{ float:left; color:#898989; margin-right:25px;}
.caseNav dd a.curr,
.caseNav dd a:hover{ color:#ff1c00;}

.navBtn{ position:absolute; left:0; top:50%; margin-top:-15px; display:none;}
.navBtn a{ width:30px; height:30px; font-size:18px; display:block; background:#fff; border-radius:0; padding:0;}

.aBanner{ position:relative; height:calc(100vh - 125px);}
.aBanner .img{}
.aBanner .img img{ height:calc(100vh - 125px);}
.aBanner .text{ position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; color:#fff; z-index: 9;}
.aBanner .h3{ font-size:36px; margin-bottom:1.5em; font-weight:bold; line-height:1.2;}
.aBanner .em{ font-size:20px; margin-bottom:160px; line-height:1.2;}
.aBanner .p{}

.numList{ width:1000px; margin:0 auto;}
.numList ul{}
.numList li{ float:left; width:33.3333%;}
.numList .pd{ text-align:center; position:relative;}
.numList .t{ font-size:56px; font-weight:normal; line-height:1; margin-bottom:20px;}
.numList .t span{ display:inline-block; vertical-align:bottom; position:relative; padding-right:0.3em;}
.numList .t span:before{ content:'\e604'; position:absolute; right:0; font-size:0.3em; line-height:1; top:0; font-weight:normal;}
.numList .c{ line-height:1.25;}

.values{}
.values li{ float:left; width:20%; position:relative; margin-bottom:30px;}
.values .pd{ display:block; text-align:center; position:relative; width:180px; margin:0 auto; padding:20px 0;}
.values .img{ position:relative; z-index:2; width:74px; height:74px; font-size:48px; border:2px solid #9fa0a0; color:#9fa0a0; border-radius:50%; text-align:center; line-height:74px; margin:0 auto;}
.values .text{ position:relative; z-index:2; line-height:1; color:#000; padding:15px 0;}
.values .text strong{ display:block; font-size:18px; margin-bottom:5px; font-weight:normal;}
.values .text em{ display:block; color:#898989;}
.values .pd:hover{ opacity:1; background:#ff1c00;}
.values .pd:hover .img{ color:#fff; border-color:transparent;}
.values .pd:hover .text{ color:#fff;}
.values .pd:hover .text strong{ font-weight:bold;}
.values .pd:hover .text em{ color:#fff;}

.history{ position:relative;}
.history:before{ content:''; position:absolute; left:0; bottom:39px; height:1px; right:0; background:#efefef;}
.history .swiper{ margin-right:-30px;}
.history .pd{ position:relative; display:block; background:#f7f8f8; margin-right:30px; margin-bottom:40px;}
.history .pd:before{ content:''; width:8px; height:8px; background:#898989; position:absolute; left:50%; bottom:-4px; transform:rotate(45deg); margin-left:-4px;}
.history .img{}
.history .text{ padding:20px;}
.history .i{ position:absolute; bottom:-40px; left:0; right:0; line-height:1; text-align:center; font-family:"bbb"; font-size:18px;}
.history .h3{ line-height:1; margin-bottom:20px; font-size:18px; text-align:center; position:relative; color:#000;}
.history .h3 strong{ display:block;}
.history .h3 em{ display:block; font-size:12px; position:absolute; left:50%; width:100%; margin-left:-50%; bottom:-1em; margin-bottom:-3px;}
.history .p{ line-height:1.5;min-height:7.5em;}
.history .pd:hover:before{ background:#ff1c00; border:1.5px solid #fff; box-shadow:0 0 0 1px #ff1c00; margin-left:-5.5px; bottom:-6px;}
.history .pd:hover .i{ color:#ff1c00;}

.team{}
.team ul{ margin-right:-15px; position:relative;}
.team li{ float:left; width:33.3333%; margin-bottom:15px;}
.team li:last-child{ position:absolute; right:0; top:0; width:33.3333%;}
.team .pd{ margin-right:15px; position:relative;}
.team .pd:before{ content:''; position:absolute; left:0; top:0; bottom:0; right:0; background:url(../images/teambg.png) repeat-x; background-size:100% 100%; opacity:0;}
.team .img{}
.team .text{ position:absolute; color:#fff; padding:20px 25px; background:rgba(0,0,0,0.5); left:0; bottom:0; right:0; z-index:2;}
.team .h3{ font-size:18px;}
.team .p{}
.team .pd:hover:before{ opacity:1;}
.team .pd:hover .text{ background:rgba(0,0,0,0);}

.team li:nth-child(2),
.team li:nth-child(3){ margin-right:33.3333%;}


.customer{}
.customer ul{ margin: 0 -3px;}
.customer li{ float:left; width:12.5%; margin-bottom:6px;}
.customer .pd{ background:#f7f8f8; position:relative; margin: 0 3px;}
.customer .img{ position:relative;}
.customer .img img{ transition: 0.3s all;}
.customer .img1{}
.customer .img2{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0;}
.customer .pd:hover .img img{ transform: scale(1.05,1.05);}
.customer .pd:hover .img1{ opacity:0;}
.customer .pd:hover .img2{ opacity:1;}




.nCrumbs{ padding:80px 0 20px 0; line-height:20px; background:#f5f5f5;}
.nCrumbs a{}
.nCrumbs em{ margin:0 10px;}
.nCrumbs span{}

.newsInfoMain{ background:#f5f5f5;}
.newsInfoFl{ width:66.6666%; float:left;}
.newsInfoTit{ padding-bottom:20px; border-bottom:1px dashed #999; margin-bottom:30px;}
.newsInfoTit h1{ font-size:20px;}
.newsInfoTit .em{ color:#999;}
.newsInfoCon{ font-size:14px; line-height:1.85; color:#666; margin-bottom:30px;}
.newsInfoCon p{ margin:0.5em 0;}
.newsInfoCon img{ max-width:100%; height:auto; display:inline-block; vertical-align:bottom;}
.newsInfoM{}
.newsInfoM li{ background:#f5f5f5; margin-bottom:10px; line-height:46px; height:46px; padding:0 20px;}
.newsInfoM strong{ float:left; line-height:46px; height:46px;}
.newsInfoM a{ display:block; line-height:46px; height:46px; overflow:hidden;}
.newsInfoFr{ width:29.5238%; float:right; background:#fff; padding:20px; box-sizing:border-box;}

.tit5{ line-height:24px; margin-bottom:30px; overflow:hidden;}
.tit5 strong{ float:left; font-weight:normal; font-size:24px;}
.tit5 a{ float:right;}
.more3{ display:inline-block; vertical-align:bottom;}
.more3 span{ float:left; height:24px; line-height:24px; font-size:14px;}
.more3 i{ float:left; margin-top:5px; margin-left:6px; width:14px; height:14px; background:#ff1c00; font-size:10px; text-align:center; color:#fff; line-height:14px;}


.news_list3{}
.news_list3 li{ margin-bottom:20px;}
.news_list3 li:last-child{ margin-bottom:0;}
.news_list3 .pd{ position:relative; display:block;}
.news_list3 .img{}
.news_list3 .text{ position:absolute; left:0; bottom:0; right:0; background:rgba(0,0,0,0.8); padding:10px 20px; color:#fff;}
.news_list3 .h3{ font-size:14px; line-height:20px; height:20px; overflow:hidden;}
.news_list3 .pd:hover{ box-shadow:0 0 3px rgba(0,0,0,0.3);}
.news_list3 .pd:hover .text{ background:#ff1c00;}



.bNav{ }
.bNav .npd{background:#f5f5f5;}
.bNav ul{ margin:0;}
.bNav li{ float:left; width:14.285714285714286%;}
.bNav .pd{ display:block; text-align:center; padding:20px 0 35px 0; color:#3b3b3b;}
.bNav6 li{ width:16.6666%;}
.bNav5 li{ width:20%;}
.bNav4 li{ width:25%;}
.bNav3 li{ width:33.3333%;}

.bNav .img{ height:1em; line-height:1; position:relative; color:#606060; z-index:2; margin-bottom:10px; font-size:54px;}
.bNav .text{}
.bNav .h3{ font-size:16px;}
.bNav .em{ font-size:12px; line-height:1; color:#9fa0a0; transform:scale(0.9,0.9);}
.bNav .p{ position: absolute; bottom: 100%; left:0; right:0; background: rgba(230,46,24,0.65); color: #fff; padding:20px 30px; line-height: 1.2; opacity: 0; transition: 1s opacity;}


.bNav li.active .pd{ color:#fff;background:#ff1c00;}
.bNav li.active .img{ color:#fff;}
.bNav li.active .em{ color:#fff;}
.bNav li.active .pd:before{ opacity:1;}
.bNav li:hover .p{ opacity: 1;}



.bNav.bNavFix{ height: 157px;}
.bNav.bNavFix .h3{ line-height: 40px; height: 40px;}
.bNav.bNavFix .pd{ padding: 0;}
.bNav.bNavFix .img{ display: none;}
.bNav.bNavFix .em{ display: none;}
.bNav.bNavFix .npd{ position:fixed; top:60px; left:0; right:0; box-shadow:0 0 3px rgba(0,0,0,0.3); z-index: 2;}




.pagination{ text-align:center; font-size:14px; font-family:arial; padding-top:60px;}
.pagination li{ display:inline-block; vertical-align:bottom; margin:3px;}
.pagination a,
.pagination span{ display:block; border:1px solid #ccc; line-height:2; padding:0 0.6em;}
.pagination .active span{ background:#ff1c00; color:#fff; border-color:#ff1c00;}


.iNewsListA{}
.iNewsListA .swiper-slide{ padding: 8px 0 15px 0;}
.iNewsListA .pd{ margin:0 15px; display: block; position: relative; background: #fff; box-shadow: 2px 2px 7px rgba(0,0,0,0.3); transition: 0.3s all;}
.iNewsListA .img{ overflow: hidden;}
.iNewsListA .img img{ transition: 0.3s all;}
.iNewsListA .text{padding: 20px;}
.iNewsListA .h3{ height: 1.5em; line-height: 1.5; overflow: hidden; color: #000; font-size:18px; margin-bottom: 0.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.iNewsListA .p{ color:#999; line-height:1.5; height:3em; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; font-size: 14px;}
.iNewsListA .pd:hover{ transform: translateY(-3px);}
.iNewsListA .pd:hover .img img{ transform:scale(1.05,1.05);}


.footer .wp{ min-height: 244px;}
.footerLink{ background: #222; color: #666; padding: 15px 0; font-size: 12px; line-height: 1.2;}
.footerLink a{ color: #666; display: inline-block; vertical-align: bottom;}
.footerLink a:hover{ color: #fff;}


.iCaseTab{ display: none;}
.iBannerNav .text .h3{ margin-bottom:0;}
.iBannerNav .text .p{ display: none;}




/*新增20220901*/
.pMainCase .wp,
.iMain2 .wp{ width: auto !important; margin: 0px !important;}
.iMain14{ padding-bottom: 0px !important;}
.iMain14 .wp{ width: auto; margin:0;}
.iVideo{ width: 100%; overflow: hidden;}
.iVideo video{ width: 100%; height: auto; display: block;}
.footerB{ color: #d4d5d5; padding: 40px 0 20px 0; background: #000;}
.footerB a{ color: #d4d5d5;}
.footerB a:hover{ color: #fff;}
.footerB .wp{ }
.footerTop{ margin-bottom:30px;}
.footerFl{ width: 320px; float: left;}
.fContactB{}
.fContactB_1{ margin-bottom: 24px;}
.fContactB_1 .pd{ display: block; position:relative; padding-left: 32px;}
.fContactB_1 i{ width: 1em; text-align: center; height: 1em; line-height: 1em; font-size: 24px; position: absolute; left:0; top: 50%; margin-top: -0.5em;}
.fContactB_1 strong{ font-size: 18px; display: block; line-height: 1;}
.fContactB_2{ margin-bottom: 24px;}
.fContactB_2 .pd{ display: block; position: relative; padding-left: 32px;}
.fContactB_2 i{ width: 1em; height: 1em; line-height: 1em; font-size: 24px; position: absolute; left:0; top: 50%; margin-top: -0.5em;}
.fContactB_2 a{ font-size:24px; display: block; line-height: 1; letter-spacing: 0.15em;}
.fContactB_3{ margin-bottom: 24px;}
.fContactB_3 .pd{ display: block; position: relative; overflow: hidden;}
.fContactB_3 .img{ float: left; width:80px; text-align: center;}
.fContactB_3 .img strong{ font-weight: normal; line-height: 1; padding-top: 10px; display: block; margin: 0 -15px;}
.fContactB_3 .text{ margin-left: 80px; padding: 30px 0 0 30px; text-align: left; }
.fContactB_3 .npd{ display: inline-block; vertical-align: bottom; text-align: left;}
.fContactB_3 .h3{ font-size:18px; font-weight: bold; line-height: 1.5; margin-bottom: 10px;}
.fContactB_3 .p{ font-size: 12px; line-height: 1;}
.fContactB_4{}
.fContactB_4 li{ margin-bottom: 8px;}
.fContactB_4 li:last-child{ margin-bottom:0;}
.fContactB_4 .pd{ display: block; position: relative; padding-left: 30px;line-height: 20px;}
.fContactB_4 i{ position: absolute; left:0; top: 50%; margin-top:-0.5em; width: 1em; height: 1em; line-height: 1em; text-align: center; font-size:20px;}
.fContactB_4 span{}
.fContactB_4 a{ }
.footerFr{ width: 50%; float: right; padding-top: 40px;}
.fNav{ margin: 0 -45px; min-height:189px;}
.fNav dl{ width: 25%; float: left; text-align: center;}
.fNav dt{ margin-bottom: 1em;}
.fNav dt a{ display: block; font-size:18px; line-height: 1;}
.fNav dd{}
.fNav dd a{ display: block; line-height: 1.6875;}
.fFollow{ position: relative; width: 410px; margin: 0 auto;}
.fFollow ul{ width: 200px;}
.fFollow li{ float: left; width: 25%;}
.fFollow .pd{ display: block; position: relative;}
.fFollow .pd a{ width: 1em; height: 1em; text-align: center; line-height: 1em; font-size: 36px; display: block; margin: 0 auto;}
.fFollow .box{ position: absolute; width: 120px; bottom: 100%; left: 50%; margin-left: -60px; padding-bottom: 10px; visibility: hidden; opacity: 0; transform: translateY(10px); transition: 0.3s all;}
.fFollow .box img{ width: 100%; height: auto; display: block;}
.fFollow .pd:hover .box{ visibility: visible; opacity: 1; transform: translateY(0px);}
.fFollowImg{ position: absolute; right:0; top: 50%; margin-top: -0.5em; font-size: 30px; line-height: 1; text-align: center;}
.fFollowImg img{ width:auto; height: 1em; display:inline-block; vertical-align: bottom;}
.footerBottom{ text-align: center; font-size: 12px;}
.pBanner .text{ position: absolute; left:0; right:0; bottom:0; text-align: center;}
.pBanner .p{ background: rgba(230,46,24,0.65); color: #fff; padding:15px 20px;}

.service{ padding:0;}
.service .wp{ margin:0; width: auto;}
.serviceList{}
.serviceList li{ margin-bottom:0;}
.serviceList li:last-child{}
.serviceList .pd{ display: block; position: relative; overflow: hidden; background: #fff; color: #595757;}
.serviceList .img{ width: 65%; float: right;}
.serviceList .text{ position: absolute; right: 65%; top:0; bottom:0; left:0; padding: 0 60px; box-sizing:border-box;}
.serviceList .h3{ line-height: 1.2; padding-bottom: 0.5em; margin-bottom: 6em;}
.serviceList .h3 em{ display: block; font-size: 14px; font-weight: normal; text-transform: uppercase;}
.serviceList .h3 strong{ display: block; font-weight: normal; font-size: 40px; margin-bottom: 0.25em;}
.serviceList .p{ text-align: justify; font-size: 14px; line-height: 2; position: relative;}
.serviceList .p:before{ content: ''; position: absolute; left:0; top: -1em; width: 2.5em; height: 3px; background: #dc0012;}
.serviceList .m{ padding-top: 20px; display: none;}
.serviceList li:nth-child(even) .pd{ background: #211919; color: #fff;}
.serviceList li:nth-child(even) .img{ float: none;}
.serviceList li:nth-child(even) .text{ left: 65%; right:0; }


.iMain10{}
.aboutA{ color: #595757; font-size: 1.6666666666666666vw;}
.aboutA .pd{ }
.aboutA .img1{ width: 100vw; position: relative; left: 50%; margin-left: -50vw;}
.aboutA .ntext{ position: absolute; left:0; right:0; top:0; bottom:0; background: url(../images/about1_3.png) no-repeat; background-size: 100% 100%; color: #fff;}
.aboutA .ntext .em{ font-size: 1.8125em; text-align: center;}
.aboutA .ntext .em strong{ display: inline-block; vertical-align: bottom; position: relative;}
.aboutA .ntext .em strong:before,
.aboutA .ntext .em strong:after{ content: ''; height: 2px; width: 0.65em; position: absolute; top: 50%; margin-top: -1px; background: #fff;}
.aboutA .ntext .em strong:before{ right: 100%; margin-right: 0.5em;}
.aboutA .ntext .em strong:after{ left: 100%; margin-left: 0.5em;}
.aboutA .ntext .h3{ font-size: 1.25em;}
.aboutA .ntext .p{ font-size: 0.75em; letter-spacing: 0.2em;}
.aboutA .npd{ width: 50%; position: absolute; right:0; top:0; bottom:0; box-sizing: border-box; text-align: center;}
.aboutA .img2{ width: 90vw; position: relative; left: 50%; margin-left: -45vw;}
.aboutA .text{ padding: 30px 0; line-height: 1.875; margin-bottom: 4.166vw; font-size: 14px;}
.aboutA .text strong{ font-weight: bold;}
.aboutA .text img{ width: 100%; height: auto; display: block;}

.iMain11{ padding: 0px !important;}
.teamA{ font-size: 1.6666666666666666vw; width: 100vw; position: relative; left: 50%; margin-left: -50vw;}
.teamA .pd{ display: block;}
.teamA .img{}
.teamA .text{ position: absolute; left:0; bottom:0; box-sizing: border-box; padding: 1em 2.5em; text-align: justify; width: 24.875em; background: url(../images/about2_2.png) no-repeat; background-size: 100% 100%; color: #fff;}
.teamA .text .p{ font-size: 0.5625em; letter-spacing: 0.2em; line-height: 1.7778;}

.iMain12{ position: relative; padding: 0!important;}
.joinA{ position: relative;}
.joinA .img{width: 100vw; position: relative; left: 50%; margin-left: -50vw;}
.joinA .text{ position: absolute; left:0; top:0; right:0; bottom:0; display: none !important;}
.joinA .npd{padding-bottom: 12%;}
.joinA .p{ line-height: 1.75;}
.joinA .h3{ font-size: 2em; line-height: 1.2; font-weight: bold; margin-bottom: 0.5em;}
.joinA .em{ font-size: 1.25em; font-weight: bold;}
.joinA .joinAfl{ float: left; width: 80%;}
.joinA .joinAfr{ float: right; line-height: 2; width: 20%;}

.aboutB{ position: relative; z-index: 3; visibility: hidden; opacity: 0; transition: 1s all;}
.aboutB{ text-align: center; font-weight: bold; color: #fff; font-size: 16px;}
.aboutB .h3{ font-size: 2em;}
.aboutB .p{ font-size: 1em;}
.aboutB .p a{ color: #fff;}
.aboutB .p a:hover{ text-decoration: underline;}



.iMain1{}


.iaboutCon2{ padding: 2em 0 0 0;}
.iaboutCon2 img{ width: 90vw; position: relative; left: 50%; margin-left: -45vw; height: auto; display: block;}


.culture{ font-size: 1.6666666666666666vw;}
.culture ul{}
.culture li{ width: 20%; float: left;}
.culture .pd{ width:7.4375em; height:7.4375em; text-align: center; background: #666666; border-radius: 50%; color: #fff; margin: 0 auto;}
.culture strong{ display: block; font-size: 0.875em;}
.culture em{ display: none; font-size: 0.625em;}
.culture .pd:hover{ background: #C1272D;}
.culture .pd:hover strong{ display: none;}
.culture .pd:hover em{ display: block;}

.videoA{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; right:0; bottom:0; overflow: hidden; z-index: 5;}
.videoA:before{ content:''; position: absolute; z-index: 1; background: rgba(0,0,0,0.7); left:0; top:0; right:0; bottom:0; opacity: 0;}
.html5_player { background: black; min-width: 100%; min-height: 100%; background-position: center center; background-size: cover; position:relative; object-fit:cover; pointer-events: none; display: block;}

.iMain13{ padding: 0px !important;}
.iMain13 .wp{ width: auto !important; margin: 0px !important;}
.modelList{ font-size: 1.6666666666666666vw;}
.modelList ul{ margin: 0 0px 0 0;}
.modelList li{ width: 33.3333%; float: left;}
.modelList .pd{ display: block; margin: 0 0px 0 0; background: #D3D4D4; position: relative;}
.modelList .img{ background: #040000; overflow: hidden;}
.modelList .img img{ opacity: 0.5;transform: scale(1.01); transition: 1s all;}
.modelList .text{ position: absolute; left: 30px; right: 30px; bottom: 30px; top:30px; color: #fff;}
.modelList .h3{ font-size: 0.875em; position: absolute; top:0; left:0; right:0; line-height: 1.2; }
.modelList .p{ font-size: 14px; line-height: 1.5; height: 6em; text-align: justify; position: absolute; left:0; bottom:0; right:0;}
.modelList .p:before{ content: ''; position: absolute; left:0; top: -1em; width: 4em; height: 1px; background: #fff;}
.modelList .pd:hover .img img{ transform: scale(1.05);}



.pNavFix .navBtn{ display:none;}

.template{}
.template img{ width:100%; height:auto; display:block; margin-bottom:10px;}



.crumbs{ height:24px; line-height:24px; padding:15px 0; background:#f9f9f9; margin-top:60px;}
.crumbs a{ color:#666;}
.crumbs a:hover{ text-decoration:underline;}
.crumbs em{ color:#666; margin:0 3px;}
.crumbs span{ color:#000;}

.search{ background:#fff;}
.searchCon{ width:80%; margin:0 auto;}
.search_tit{ font-size:18px; height:20px; line-height:20px; color:#25211e; border-left:2px solid #043785; padding-left:14px; margin-bottom:24px;}
.search_list{ min-height:50vh;}
.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:#043785; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}

.proInfo4{ background:#f5f5f5;}
.proInfo5{ background:#fff;}

.inductryInfo{}
.inductryInfo p{display: block;}
.inductryInfo img{ width: 100%; height: auto; display: block;}
@media screen and (max-width:1600px){
.wp{ width:1200px;}
.iBannerNav .text .p{ font-size:13px;}
.footer{ padding:60px 0 80px 0;}
.fContact{ padding-left:166px;}
.fBottom{ width:580px;}
.fBottom .p1 a{ }
.history .swiper{ margin-right:-20px;}
.history .pd{ margin-right:20px;}


.bNav .em{ transform:scale(0.8333,0.8333);}

.iAbout .h3{ font-size:72px;}
.iCaseTab a{ padding:0 30px;}

.menu li{ margin:0 16px;}

.iNewsList1 ul{ min-height:28.15em;}

}
@media screen and (max-width:1440px){
.search_list ul{ width:auto;}
.search_list .h3{ font-size:14px;}
.search_list .p{ font-size:12px;}

.serviceList .text{ padding: 0 50px;}

.serviceList .p{ font-size: 1.125em;}
}
@media screen and (max-width:1366px){
body{ font-size:14px;}
.wp{ width:1100px;}
.tContact{ right:50px;}
.dingwei a{ top: -120px;}

.iBannerNav .pd{ padding:60px 25px;}
.iBannerNav .text .em{ }
.iBannerNav .text .h3{}
.iBannerNav .text .p{}

.aBanner .h3{ font-size:32px;}
.aBanner .em{ font-size:18px; margin-bottom:100px;}
.numList .t{ font-size:48px;}


.iAbout .h3{ font-size:60px;}
.caseBox .npd{ left:20px; bottom:20px; right:20px;}
.caseBox ul{ margin-right:-6px;}
.caseBox li{ margin-bottom:6px;}
.caseBox .pd{ margin-right:6px;}
.caseBox .h3{ font-size:20px;}
.iHonor .swiper-slide{}
.iHonor .img{ width:132px;}
.iHonor .pd:before{ width:170px; margin-left:-85px;}
.iNews .npd{ padding:30px;}
.iNewsList1 .h3{ font-size:14px;}
.footer{ padding:50px 0 70px 0;}
.fContact{ padding-left:140px;}
.fContact .ewm{ width:120px;}
.tit4{ margin-bottom:20px;}
.dizhi, .youxiang{ line-height:1.5;}
.dianhua dl{ padding-left:65px;}
.fBottom .p{ line-height:26px;}
.fBottom .p1{ margin-bottom:9px;}
.fBottom .p2{ margin-bottom:9px;}
.fBottom .p2 strong{ font-size:16px; margin-right:15px;}
.newsList2 li{ margin-bottom:15px;}
.newsList2 .pd{ font-size:14px;}

.values li{ margin-bottom:30px;}

.team ul{ margin-right:-13px;}
.team .pd{ margin-right:13px;}
.team li{ margin-bottom:13px;}

.tit5 strong{ font-size:21px;}



.bNavFix{ height: 125px;}
.bNav .pd{ padding:15px 0 25px 0;}
.bNav .pd:before{ width:130px; margin-left:-65px; height:125px;}
.bNav .img{ font-size:40px;}
.bNav .h3{ font-size:14px;}
.bNav .em{ transform:scale(0.75,0.75);}

.iaboutCon{}
.iCaseTab a{ padding:0 25px;}

.fBottom{ width: 520px;}

.aboutA .text{ font-size: 16px;}
}
@media screen and (max-width:1280px){
body{ font-size: 13px;}
}
@media screen and (max-width:1024px){
body{ padding-top:50px;}
.wp{ width:auto; margin:0 30px;}
.idTit .wp,
.iMain4 .wp,
.cMain_Customer .wp,
.dMain_iCaseb .wp,
.header .wp{ margin:0 30px;}
.header{ top:0; background:#000;}
.header .wp{ height:50px;}
.logo,
.body_fix .logo,
.pbody .logo{ margin-top:-0.5em; font-size:32px; top:50%;}
.logo .text{ display: none !important;}
.menu-link{ display:block;}
.menu{ display:none; position:fixed; transform: translateZ(0); top:50px; width:240px; right:0; padding:0;}
.menu ul{ display:block; padding-right: 0px;}
.menu li{ float:none; padding:0; background:rgba(0,0,0,0.8); width:auto; margin:0;}
.menu .h3 a:before{ display:none !important;}
.menu .h3{ position:relative; border-bottom:1px solid #ccc; padding:0;}
.menu .h3 a{ height:40px; line-height:40px; text-align:left; position:static; padding:0 30px; color:#fff !important; font-size:14px;}
.menu .h3 a:after{ display:none;}
.menu li:hover .h3 a{ background-color:#ff1c00; color:#fff;}
.menu-link{ display:block;}
.menu li:hover .box{ display:none;}
.menu .box{ border-bottom:1px solid #ccc; position:static; margin:0px !important; width:auto !important;}
.menu .box:before{ display:none;}
.menu .box .pd{ float:none;}
.menu .box a{ float:none; position:static; display:block; margin:0; height:30px; line-height:30px; text-align:center; background:none;}
.menu .h3 i{ display:block;}
.menu .h3 em{ display:block;}


.bNav.bNavFix .npd{ top:50px;}

.tSearch{ right:30px; color:#fff;}
.tSearch .box{ position:fixed; left:0; top:50px; right:0; margin:0; width:auto; height:0; background:#f5f5f5;}
.tSearch .pd{ width:274px;}
.tSearch.active .box{ width:auto; height:40px; padding:20px 0;}
.ipt_t1{ background:#fff !important;}
.tContact{ right:75px;}
.tContact .pd{ color:#fff;}

.subNav{ left:0; bottom:0; right:0; top:auto; width:auto;}
.subNav li{ width:25%; float:left; margin-bottom:0;}
.subNav .h3{ border-right:1px solid #f5f5f5 !important;}
.subNav .h3 a{ font-size:20px; line-height:40px; background:#fff; color:#000;}
.subNav li:last-child .h3{ border-right:none;}
.subNav li.li1 .box{ bottom:40px; right:0; width:auto; padding-right:0; left:0; top:auto; position:fixed;}
.subNav li.li1 .pd{ box-shadow:none; text-align:center;}
.subNav li.li1 .pd .p{ display:inline-block; vertical-align:bottom; margin:0 10px;}
.subNav li.li3 .box{ position:absolute; bottom:100%; top:auto; left:50%; width:140px; margin-left:-70px;}
.subNav li.li3 .h3 a:after{ font-size:10px; top:5px;}

.fContact{ float:none; margin-bottom:110px;}
.fBottom{ width:auto; float:none;}

.iBanner{ height: auto;}
.iBanner .pd img{ height:auto;}
.iBanner .swiperArrow{ font-size: 24px;}
.iBannerNav .pd{ margin-bottom:0;}
.iBannerNav .swiperDots,
.iHonor .swiperDots,
.history .swiperDots{ display:block;}
.iBannerNav .swiperDots span,
.iHonor .swiperDots span,
.iNewsList .swiperDots span,
.history .swiperDots span{ height:4px;}
.iBannerNav .swiperDots span:before,
.iHonor .swiperDots span:before,
.iNewsList .swiperDots span:before,
.history .swiperDots span:before{ background:rgba(0,0,0,0.5);}
.iBannerNav .swiperDots .swiper-pagination-bullet-active:before,
.iHonor .swiperDots .swiper-pagination-bullet-active:before,
.iNewsList .swiperDots .swiper-pagination-bullet-active:before,
.history .swiperDots .swiper-pagination-bullet-active:before{ background:#ff1c00;}



.dingwei a{ top: -110px;}
.iMain4{ padding-bottom:40px;}
.iMain9{ padding-bottom:40px;}

.tit1{ margin-bottom:40px;}
.tit1 strong{ font-size:24px;}

.iCaseTab{ margin-bottom:30px;}
.iCaseTab a{ padding:0 15px;}

.iNews .npd{ padding:20px;}
.tit3{ margin-bottom:20px;}

.newsList2 li{ width:50%;}
.newsList1 ul{ margin-right:-5px;}
.newsList1 .pd{ margin-right:5px;}
.newsList1 .text{ position:static; opacity:1; background:#f5f5f5;}
.newsList1 .h3{ color:#333;}

.pNav li a{ padding:0 30px;}
.pNavFix .npd{ top:50px;}

.nCrumbs{ padding:10px 0;}
.nCrumbs em{ margin:0 5px;}

.caseNav dl{ margin-bottom:20px;}
.caseNav dt{ float:none; margin-right:0; margin-bottom:10px;}
.caseNav dd a{ background:#f5f5f5; margin-right:3px; line-height:28px; margin-bottom:3px; padding:0 10px;}
.caseNav dd a.curr{ background:#ff1c00; color:#fff;}

.pBannerCase .img img{ height:auto;}
.pBannerCase .text{ position:static; padding:30px 0;}
.pBannerCase .h3{ font-size:36px;}

.aBanner .img img{ height:auto;}
.aBanner .h3{ font-size:24px;}
.aBanner .em{ font-size:16px;}
.numList{ width:80%;}
.numList .t{ font-size:36px;}

.history:before{ bottom:59px;}
.history .pd{ margin-bottom:60px;}
.history .text{ text-align:center;}
.history .p{min-height:4.5em;}

.customer ul{ margin-right:-10px;}
.customer li{ width:33.3333%; margin-bottom:10px;}
.customer .pd{ margin-right:10px;}


.caseBox .h3,
.caseBox .h4,
.caseBox .p,
.caseBox .em{ opacity:1; transform:translateY(0px); transition-delay: 0s;}

.caseBox .text{ background:#f7f8f8; padding:30px 15px; position:relative; color:#595757; opacity:1;}
.caseBox .npd{ position:static;}
.caseBox .h3{ line-height:20px; margin-bottom:5px; margin-right:80px;}
.caseBox .h4{ position:absolute; right:55px; top:10px; padding-right:1em; line-height:20px;}
.caseBox .h4:before{ content:''; position:absolute; width:1px; height:12px; top:50%; right:0; background:#898989; margin-top:-6px;}
.caseBox .p{ color:#898989;}
.caseBox .em{ position:absolute; right:15px; top:10px;}
.caseBox .pd:hover .text{ color:#fff;}
.caseBox .pd:hover .h4:before{ background:#fff;}
.caseBox .pd:hover .p{ color:#fff;}

.caseList .text{ padding:20px 30px; position: relative; left: auto; top: auto; right: auto; bottom: auto; opacity: 1; color: #fff;}
.caseList .h3{ font-size:16px; height:20px; margin-bottom:5px; line-height:20px;}
.caseList .em{ top:10px; right:15px; font-size:12px; line-height:20px;}

#nb_icon_wrap,
#nb_toolbar_wrap{ display:none !important;}



.pBannerCase .wpd{ padding-right:0;}
.pBannerCase .text{ width:auto; padding:30px 0;}

.tit2 dt{ font-size:42px; margin-right:12px;}
.tit2 dd{ font-size: 24px;}
.tit2 dd strong{ font-size:24px;}


.crumbs{ margin-top:0;}
.searchCon{ width:auto;}

.footerB .wp{ width: auto;}
.footerFr{ width: 550px;}
.fContactB_1{ margin-bottom: 15px;}
.fContactB_2{ margin-bottom: 25px;}
.fContactB_3{ margin-bottom: 25px;}
.fContactB_3 .text{ padding: 20px 0 0px 20px;}
.fContactB_4 li{ margin-bottom: 8px;}
.footerFr{ padding-top: 30px;}
.fFollow i{ font-size: 42px;}
.fFollow ul{ margin:0; width: 260px;}
.footerTop{ margin-bottom: 30px;}
.fNav dt{ margin-bottom: 15px;}
.serviceList .img{ width: 66%;}
.serviceList .text{ padding: 0 40px; right: 66%;}
.serviceList li{ margin-bottom: 40px;}
.serviceList li:nth-child(even) .text{ left: 66%;}

.aboutA .text{ font-size: 14px;}
.iMain12:before{ opacity: 1; visibility: visible;}
.aboutB{ opacity: 1; visibility: visible; font-size: 14px;}
.bNav .p{ display: none;}

.videoA{ display: none;}

}
@media screen and (max-width:980px){
.footerTop{ text-align: center;}
.footerFl{ width: auto; display: inline-block; vertical-align: bottom; text-align: left; float: none;}
.footerFr{ width: auto; float: none;}
.fNav{ min-height: auto; margin:0 0 30px 0;}
.footerBottom{ font-size: 12px;}
.fFollowImg{ position: static; right: auto; top: auto; margin: 0 auto 20px auto;}
.fFollow ul{ width: 208px; margin: 0 auto; padding-right:0;}
.fFollow i{ margin: 0 auto; display: block;}
.serviceList li{ margin-bottom: 30px;}
.serviceList .text{ padding: 0 30px;}

}
@media screen and (max-width:960px){
.iCaseTab a{ padding:0 20px;}
.iCaseTab a i{ display:block; margin:0 auto; float:none;}
.iCaseTab a span{ float:none; display:block;}
.caseBox li{ float:left; margin-bottom:15px; width:50%;}


.iNews .npd{ margin-bottom:30px;}
.iNewsList .swiperDots{ display:block;}

.pNav li a{ padding:0 20px;}

.pMain{ padding:40px 0;}
.tit5{ margin-bottom:20px;}
.newsInfoFl{ width:auto; float:none; margin-bottom:40px;}
.newsInfoFr{ width:auto; float:none; padding:0;}

.caseList li{ width:50%;}

.caseInfo{}

.aBanner .em{ margin-bottom:60px;}

.values .img{ width:64px; height:64px; line-height:64px; font-size:32px; border-width:1px;}
.values .text strong{ font-size:16px;}
.values .text em{ font-size:12px;}

.team li{ width:50%;}
.team li:nth-child(2), .team li:nth-child(3){ margin-right:0;}
.team li:last-child{ position:static; width:100%;}

.pNav li a{ font-size:14px;}
.pNav li.curr a,
.pNav li a:hover{ background:#ff1c00; color:#fff;}

.bNav{}
.bNav .wp{ margin:0;}
.bNav .pd{ padding:0; line-height:40px; background:#f7f8f8; border-right:1px solid #fff; color:#727171;}
.bNav .img{ display:none;}
.bNav .em{ display:none;}
.bNav .pd:before{ display:none;}
.bNav .img{ font-size:24px;}
.bNav li.active .pd{ background:#ff1c00; color:#fff;}
}
@media screen and (max-width:768px){
.values li{ width:33.3333%;}
.values .pd:before{ width:116px; height:140px; margin-left:-58px;}
.values .pd{ width:auto;}

.aseInfoTop dl{ width:auto; float:none; overflow:hidden; margin-bottom:15px;}
.aseInfoTop dl:last-child{ margin-bottom:0;}
}
@media screen and (max-width:750px){
.serviceList li{ margin-bottom: 20px;}
.serviceList .img{ width: auto; float: none;}
.serviceList .text{ position: static; right: auto; padding: 20px;}
.serviceList .h3{ border-bottom-width: 1px;}
.aboutB .h3{ font-size: 24px;}
.aboutB .p{ font-size: 14px;}

.hangyeList ul{background-size: 12vw auto;}

.fFollow{ width: auto;}
}
@media screen and (max-width:640px){
.iCaseTab a{ font-size:14px; padding:0 15px;}

.iBannerNav .swiperDots span{ height:2px;}

.newsList1 ul{ margin-right:0;}
.newsList1 li{ width:auto; float:none; margin-bottom:20px;}
.newsList2 li{ width:auto; float:none;}

.caseList ul{ margin-right:0;}
.caseList li{ width:auto; float:none;}
.caseList .pd{ margin-right:0;}

.caseInfo{}
.aseInfoTop{}
.aseInfoCon img{ margin-bottom:5px;}

.aBanner .h3{ font-size:16px;}
.aBanner .em{ font-size:12px; margin-bottom:20px;}
.numList .t{ font-size:24px; margin-bottom:5px;}
.numList .c{ font-size:12px;}

.values .img{ width:48px; height:48px; line-height:48px; font-size:24px;}
.values li{ margin-bottom:10px;}
.values li:last-child{ width:100%;}
.values .text{ padding:10px 0;}
.values .pd:before{ width:90px; height:110px; margin-left:-45px;}

.team li{ width:auto; float:none;}
.team .text{ padding:10px 15px;}
.team .h3{ font-size:14px;}


.pNav .wp{ margin:0; overflow:hidden;}
.pNav ul{ display:block; margin-right:-1px;}
.pNav li{ width:25%; margin:0; border-bottom:1px solid #fff;}
.pNav li a{ padding:0; line-height:40px; height:40px; box-sizing:border-box; border-right:1px solid #fff;}


.pNav1,
.pNav2,
.pNav3,
.pNav4{ height:41px;}
.pNav5,
.pNav6,
.pNav7,
.pNav8,
.pNav9,
.pNav10{ height:82px;}
.pNav11,
.pNav12,
.pNav13,
.pNav14{ height:123px;}

.pNav1 li{ width:100%;}
.pNav2 li{ width:50%;}
.pNav3 li{ width:33.3333%;}
.pNav4 li{ width:25%;}
.pNav5 li{ width:33.3333%;}
.pNav5 li:nth-child(4),
.pNav5 li:nth-child(5){ width:50%;}
.pNav6 li{ width:33.3333%;}
.pNav7 li{ width:25%;}
.pNav7 li:nth-child(5),
.pNav7 li:nth-child(6),
.pNav7 li:nth-child(7){ width:33.3333%;}
.pNav8 li{ width:25%;}

.bNav .pd{ border-bottom:1px solid #fff;}

.navBtn{ display:none;}
.caseNav{ display:block;}

.fBottom .p1 a{ width: auto; margin-right: 30px;}


.modelList li{ width: 100%; margin-bottom: 20px;}
.modelList .text{ padding: 20px;}
.modelList .h3{ font-size: 24px;}
.modelList .p{ font-size: 14px; height: auto;}
.joinA .img{ }
.joinA .joinAfl{ float: none; margin-bottom: 30px;}
.joinA .joinAfr{ float: none; width: auto;}
.joinA .text{ position: static; padding-top: 30px;}
}
@media screen and (max-width:540px){
.wp{ margin:0 25px;}
.idTit .wp,
.iMain4 .wp,
.cMain_Customer .wp,
.dMain_iCaseb .wp,
.header .wp{ margin:0 25px;}

.iBanner .swiperArrow{ display:block;}

.iBannerNav .swiperDots{ bottom: 20px;}
.iBannerNav .pd{ border-right:none; padding: 60px 30px;}
.iBannerNav .text .h3{ padding-bottom:25px; margin-bottom:20px;}
.iBannerNav .text .h3:before{ height:3px;}
.iBannerNav .swiperArrow{ display:block;}

.iMain4{ padding-bottom:30px;}
.iMain9{ padding-bottom:30px;}

.iCaseTab{ margin-bottom:20px;}
.iCaseTab ul{ display:block;}
.iCaseTab li{ width:33.3333%;}
.iCaseTab a{ font-size:14px; padding:0;}
.caseBox ul{ margin-right:0;}
.caseBox li{ width:auto; float:none; margin-bottom:10px;}
.caseBox .pd{ margin-right:0;}

.tit1{ margin-bottom:30px;}
.tit1 strong{ font-size:18px;}

.iAbout{ width:auto; padding:0;}
.iAbout .h3{ font-size:32px; margin-bottom:10px;}
.iAbout .pd{ padding-bottom:20px;}
.iAbout .p{ height:2.5em; overflow:hidden;}

.iMain3_2 .li{ min-height:180px;}
.iHonor .swiperArrow{ display:block;}
.iaboutCon{ line-height:1.5; padding:0;}

.iNewsList .swiper{ margin-right:0;}
.iNews .npd{ margin-right:0;}

.fContact{ padding-left:130px;}
.fContact .tit4 strong{ font-size:16px;}
.fContact .tit4{ margin-bottom:10px;}
.dianhua dl{ padding-left:0;}
.dianhua dt{ display:none;}
.dianhua .p{ margin-left:10px;}
.dianhua .p:first-child{ margin-left:0;}
.dianhua .p i{ font-size:16px;}
.dizhi, .youxiang{ line-height:1.3;}

.fBottom .p3{ line-height:1.5;}



.pMain{ padding:30px 0;}

.history .swiperArrow{ display:block; margin-top:-45px;}

.customer ul{ margin-right:-5px;}
.customer li{ width:33.3333%; margin-bottom:5px;}
.customer .pd{ margin-right:5px;}

.caseBox .h3{ font-size:20px;}
.aseInfoTop .h3{ font-size:21px;}

.caseNav{ padding-bottom:0;}

.iBanner .swiperPrev{ left:20px;}
.iBanner .swiperNext{ right:20px;}

.bNav6 li{ width: 33.3333%;}
.bNav4 li{ width: 25%;}
.tit2{ font-size: 24px; padding: 0 1.5em;}
.tit2_p br{ display: none;}
}
@media screen and (max-width:413px){
.wp{ margin:0 20px;}
.idTit .wp,
.iMain4 .wp,
.cMain_Customer .wp,
.dMain_iCaseb .wp,
.header .wp{ margin:0 20px;}

.caseBox .npd{ left:15px; bottom:15px; right:15px;}

.footer{ font-size:12px;}
.fContact{ padding-left:110px;}
.fContact .ewm{ width:100px;}

.pNav li a{ font-size:14px;}
.pBannerCase .text{ padding:20px 0;}
.pBannerCase .h3{ font-size:16px; margin-bottom:0.5em;}
.aseInfoTop .h3{ font-size:18px;}

.values .text strong{ font-size:14px;}
.values .text em{ font-size:10px;}

.newsList2 .pd{ font-size:13px; padding-left:10px;}
.newsList2 .pd:before{ width:4px; height:4px; margin-top:-2px;}
}
@media screen and (max-width:374px){
body{ font-size:12px;}
.wp{ margin:0 15px;}
.idTit .wp,
.iMain4 .wp,
.cMain_Customer .wp,
.dMain_iCaseb .wp,
.header .wp{ margin:0 15px;}
.fContact{ padding-left:85px;}
.fContact .ewm{ width:80px;}
.fContact .tit4{ margin-bottom:5px;}
.dianhua{ margin-bottom:5px;}
.dianhua .p{ margin-left:5px;}
.dianhua dl{ line-height:20px;}
.fBottom .p1 a{ margin-right:10px;}
.fBottom .p2 strong{ font-size:14px; margin-right:10px;}
.fBottom .p2 a{ margin-right:10px;}

.iCaseTab a{ font-size:12px;}

.aBanner .h3{ font-size:14px;}
.numList .c{ font-size:10px;}

.pNav li a{ font-size:12px;}
.bNav .h3{ font-size:12px;}
}

.iMain1{ padding: 0px !important;}
.iMain2{ padding: 0px !important;}
.iMain10{ padding: 0px !important;}
.iMain14{ padding: 0px !important;}
.tit6{ background: rgba(33,25,25,1)  no-repeat center right; background-size: auto 100%; position: relative; width: 100vw; left: 50%; padding: 100px 0; color: #fff; margin: 0px 0  0px -50vw; }
.tit6 .h3 strong{ display: block; font-size: 40px; margin-bottom: 1.6em; line-height: 1; font-weight: normal; transform: translateY(1em);}
.tit6 .h3 em{ font-size: 14px; display: block; visibility: hidden; pointer-events: none;}
.tit6 .p{ position: absolute; display: block; right:0; text-align: right; top: 50%; font-size: 14px; line-height: 2; padding-top: 1em; font-weight: lighter;}
.tit6 .p:before{ content: ''; position: absolute; right:0; top:0; width: 3em; height: 2px; background: #DC0012;}
.tit6 .m{ position: absolute; top: 50%; display: block; right:0; text-align: right; font-size: 16px;}
.tit6 .m a{ display: inline-block; vertical-align: bottom; width: 120px; position: relative; margin-bottom: 10px; color: #fff; border: 1px solid #fff; text-align: center; text-transform: uppercase; height: 32px; line-height: 32px; font-size: 1em;}
.tit6 .m a:before{ content: ''; position: absolute; left:0; right:0; bottom:0; height: 0%; background: #DC0012;}
.tit6 .m span{ display: block; position: relative;}
.tit6 .m a:hover{ border-color: #DC0012;}
.tit6 .m a:hover:before{ height: 100%;}
.tit6 .m p{ font-size: 2em; line-height: 1.2;}
.tit6_2{}
.tit6_2 .p{ position: static; text-align: left;}
.tit6_2 .p:before{ display: none;}


.iaboutCon3{ padding: 30px 0; background: #fff;}
.iaboutCon3 img{ width: 100%; height: auto; display: block; margin-bottom: 1em;}


.iNewsListA_2 li{ width: 33.3333%; float: left; margin-bottom: 30px;}

.newsNav{ position: absolute; left:0; top: auto; right:0; bottom: 20%; text-align: center; font-size: 1.6666666666666666vw;}
.newsNavTit{ margin-bottom: 2em; position: relative; color: #fff; display: none;}
.newsNavTit strong{ font-size:2em; position: relative; z-index: 2; line-height: 1; display: block; padding-top: 0.325em;}
.newsNavTit em{ font-size: 1.125em; position: absolute; left:0; bottom: 0.325em; right:0; line-height: 1; opacity: 0.44; display: none;}
.newsNavCon ul{ display:inline-block; vertical-align: bottom; }
.newsNavCon li{ float:left; margin: 0 0.3125em;}
.newsNavCon .pd{ display: block; width: 5.6875em; height: 2.5625em; font-size: 0.75em; line-height: 2.5625em; background: #ccc; color: #000;}
.newsNavCon li.curr .pd{ background: #DC0012; color: #fff;}
.newsNavTit strong,
.aBanner .h3{ font-size: 48px;}
.aBanner .em{ font-size: 20px;}

.pMainCase_related{ padding: 5px 0 0 0 !important;}
@media screen and (max-width:1440px){
.newsNavTit strong,
.aBanner .h3{ font-size: 32px;}
.aBanner .em{ font-size: 18px; margin-bottom: 60px;}
}
@media screen and (max-width:1366px){
.newsNavTit strong,
.aBanner .h3{ font-size: 28px;}
.aBanner .em{ font-size: 16px; margin-bottom: 40px;}
}
@media screen and (max-width:768px){
.iNewsListA_2 li{ width: 50%; }
.newsNav{ font-size:20px;}


}
@media screen and (max-width:540px){
.iNewsListA_2 li{ width: 100%; }
}


/*1026新增*/
.menu .h3 strong{ font-weight: lighter;}
.menu .h3 span{ font-weight: lighter; text-transform: uppercase; margin-right: 5px; display: none;}


.zcaseA{ overflow: hidden; padding: 75px 50px; background: #000; font-size: 20px;}
.zcaseA .wp{ margin: 0px; width: auto;}
.zcaseA ul{ margin: 0 -5px;}
.zcaseA li{ width: 33.3333%; float: left; margin-bottom:52px;}
.zcaseA .pd{ display: block; position: relative; color: #fff; margin: 0 5px; background: #000; padding-bottom: 50px;}
.zcaseA .img{ overflow: hidden;}
.zcaseA .img img{ transition: 1s all;}
.zcaseA .text{ position: absolute; left:0; right:0; bottom:0;/* font-size: 32px; height: 50px; line-height: 50px;*/ background:#000; box-sizing: border-box; padding: 0 1em; transition: 0.3s all; }
.zcaseA .h3{ height:50px; line-height:50px; overflow: hidden; font-size: 18px; font-weight: lighter; position: absolute; left: 10px; bottom: 0px; right: 10px;}
.zcaseA .h3 strong{ margin-right: 0.75em;}
.zcaseA .h3 em{ color: #ADADAD;}
.zcaseA .em{ position: absolute; left: 24px; top: 54px; right: 24px; opacity: 0; pointer-events: none; visibility: hidden; transform: translateY(10px); transition: 0.3s all; transition-delay: 0s;}
.zcaseA .em:before{ content: ''; position: absolute; width: 1.5em; height: 2px; background: #ff1c00; left:0; bottom: -0.5em;}
.zcaseA .em strong{ font-size: 34px; height: 1.2em; line-height: 1.2em; margin-bottom: 0.2em; font-weight: lighter; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1}
.zcaseA .em em{ display: block; font-size: 18px; height: 1.2em; line-height: 1.2em; overflow: hidden; font-weight: bold;;}
.zcaseA .pd:hover .img img{ transform: scale(1.1);}
.zcaseA .pd:hover .text{ height: 100% ; padding: 24px; background: rgba(35,24,21,0.5);}
.zcaseA .pd:hover .em{ opacity: 1; pointer-events: visible; visibility: visible; transform: translateY(0px); transition-delay: 0.3s;}
.zCaseM{ display: flex; justify-content: center; align-items: center; padding-top: 23px; font-size: 20px;}
.more1_2{ border-color: #fff; border-radius:0; color: #fff;}


.zcaseA .em{ left: 1.2em; top: 2.7em; right: 1.2em;}


.zcaseA{ font-size: 1.04166666666667vw; padding: 3.75em 2.5em}
.zcaseA ul{ margin: 0 0.25em;}
.zcaseA li{ margin-bottom: 2.6em;}
.zcaseA .pd{ margin: 0 0.25em;}


.zCaseM{ font-size: 1.04166666666667vw; padding-top: 1.15em;}

.pBannerCase{ background: #1F1F1F;}
.pBannerCase .img img{ width: 100%; height: 100vh; object-fit: cover; object-position: center;background: #1F1F1F;}
.pBannerCase .ztext{ position: absolute; top: 100%; left:0; right:0; font-size: 32px; margin-top: -1.5em; z-index: 2;}
.pBannerCase .npd{ padding: 1.5em; background: rgba(255,0,0,0.74); width: 50%; box-sizing: border-box; color: #fff;}
.pBannerCase .h3{ font-size: 1.25em; line-height: 1.2;}
.pBannerCase .em{ display: block; font-size: 0.625em;}
.pBannerCase .em strong{ display: block; font-weight: normal;}
.pBannerCase .em em{ display: block; font-weight: normal;}
.pMainCaseInfo{ padding-top: 200px;}
.aseInfoCon{ color: #ccc;}
.aseInfoCon *{background: no-repeat !important;}
.aseInfoCon h1,
.aseInfoCon h1 *{ color: #fff !important; }


.tit7{ font-size: 32px; text-align: center; line-height: 1.2; color: #424242; padding: 100px 0;}
.tit7 strong{ font-size: 1.25em; display: block; margin-bottom: 0.5em;}
.tit7 em{ font-size: 14px; display: block;}
.caseContact{ padding: 100px 0; text-align: center;}
.caseContact .text{ font-size: 32px; line-height: 1.2;}
.caseContact .h3{ margin-bottom: 1em;}
.caseContact .h3 em{ font-size: 1em; display: block; margin-bottom:0.5em;}
.caseContact .h3 strong{ font-size: 1.5em; display: block; font-weight: normal;}
.caseContact .em{ font-size: 0.8125em; margin-bottom: 0.2em;}
.caseContact .p{ font-size: 0.6825em; margin-bottom: 1em;}
.caseContact .img{ width: 100px; margin: 0 auto; display: block;}
.caseContact .img img{ width: 100%; height: auto; display: block;}
.line1{ width: 100%; height: auto; display: block;}


@media screen and (max-width:1366px){
.caseContact .text,
.tit7,
.pBannerCase .ztext{ font-size: 28px;}
.caseContact,
.tit7{ padding: 80px;}
}
@media screen and (max-width:1024px){
.zcaseA li{ width: 50%;}
.pBannerCase .img img{ height: auto; }
.pBannerCase .ztext{ position: relative; top: auto; left: auto; right: auto; bottom: auto; margin:0;}
.pBannerCase .npd{ width: auto; padding: 30px;}
.ztext .wp{ margin: 0px !important;}
.pBannerCase .npd{ background:rgba(255,0,0,1);}
.caseContact .text,
.tit7,
.pBannerCase .ztext{ font-size: 24px;}
.zcaseA .h3{ font-size: 18px;}
.zcaseA .em strong{ font-size: 14px;}
.zcaseA .em em{ font-size: 16px;}
.caseContact .h3 strong{ font-size: 1.125em;}
.caseContact,
.tit7{ padding: 60px 0;}
.iaboutCon3{ padding: 30px;}

.tit6{ padding: 60px 0;}
.tit6 .h3{ margin-bottom: 1em;}
.tit6 .h3 strong{ font-size: 32px; margin-bottom: 0.5em;}
.tit6 .m{ font-size: 14px;}
.tit6 .m p{ font-size: 18px;}
.tit6 .p{ position: relative;top: auto; right: auto; line-height: 1.5; text-align: left;}
.tit6 .p:before{ left:0;}
}
@media screen and (max-width:540px){
.zcaseA li{ width: 100%;}

}

.sub_contact{ width: 150px; position: fixed; left:0; top:50%; z-index: 9; margin-top: -125px; left: auto; right: 20px;}
.sub_contact a{ display: block;}
.sub_contact img{ width: 100%; height: auto; display: block;}




.zTit1{ background: #161617; font-size: 32px; padding:2em 0;}
.zTit1 .h3{ font-size: 1em; color: #fff; line-height: 1.2; margin-bottom: 0.5em;}
.zTit1 .p{ font-size: 16px; line-height: 1.333; color: #959696;}
.zTit1 .more1{ margin-left: 40px;}
.zTit1 .m{ display: inline-block; border: 1px solid #959696; color: #959696; font-weight: bold; font-size: 12px; margin-left: 40px;}
.zTit1 .m span{ transform: scale(0.75); display: inline-block; vertical-align: bottom;}
.zTit1_2{ background: #DC0012;}
.zTit1_2 .p{ color: #fff;}







/*20230821 新增*/
.menu .box a i{ margin-right: 0.6em; font-size: 1em; transform: scale(1.25); display: none;}
.menu .box a span{ display: inline-block; font-weight: lighter;}

.cTit1{ font-size: 32px; background:no-repeat center center #161617; background-size: cover; padding: 70px 0;}
.cTit1 .pd{ padding-right: 40%;}
.cTit1 .h3{ font-size: 1em; line-height: 1; color: #fff; margin-bottom: 20px;}
.cTit1 .p{ font-size: 14px; color: #959696; line-height: 1.75; letter-spacing: 0.1em;}
.cTit1 .m{ position: absolute; top: 50%; margin-top: -17px; right:0;}
.cTit1_2{ background-color: #dc0012;}
.cTit1_2 .p{ color: #fff;}




.cMore1{ height: 34px; line-height: 34px; font-size: 14px; position: relative; display: block; padding: 0 60px 0 20px; box-sizing: border-box; transition: 0.3s all; color: #fff;}
.cMore1:before{ content: ''; position: absolute; left:0; top:0; right:0; bottom:0; border: 1px solid #fff; transition: 0.3s all;}
.cMore1 span{ transition: 0.3s all; display: block; text-transform: uppercase;}
.cMore1 i{ transition: 0.3s all; display: block; position: absolute; right: 20px; top: 50%; line-height: 1; margin-top: -0.5em;}
.cMore1:hover{ background: #ff1c00; color: #fff; padding:0 20px 0 60px;}
.cMore1:hover:before{ border-color: #ff1c00;}
.cMore1:hover i{ right:auto; left: 20px;}



.cTit2{ font-size: 32px; background:no-repeat center center #161617; background-size: cover; padding: 144px 0 86px 0;}
.cTit2 .pd{ padding-right: 40%;}
.cTit2 .h3{ font-size: 40px; line-height: 1; color: #fff; margin-bottom:32px;}
.cTit2 .p{ font-size: 16px; color: #959696; line-height: 1.4375;}
.cTit2 .em{ position: absolute; right:0; bottom:0; font-size: 28px; line-height: 1.2142857142857142; color: #fff;}
.cTit2 .m{ overflow:hidden;}
.cTit2 .m a{ float: left; margin-right: 30px;}
.cTit2 .m a:last-child{ margin-right:0;}



.cfooter{ background: #000;}
.cfooter{ color: #fff; background: #000;}
.cfooter a{ color: #fff;}
.cfooter a:hover{ color: #fff;}
.cfTop{ padding:90px 0 56px 0;}
.cfNav{ min-height:182px; float:left; width: 60%;}
.cfNav dl{ width:14.285714285714286%; float: left; text-align: center;}
.cfNav dt{ margin-bottom: 1em;}
.cfNav dt a{ display: block; font-size:18px; line-height: 1;}
.cfNav dd{}
.cfNav dd a{ display: block; line-height:25px; font-size: 13px;}
.cfContact{ float: right; position: relative;}
.cfContact .pd{ font-size: 13px;}
.cfContact .img{ width: 110px; position: absolute; left:0; top:0;}
.cfContact .h2{ line-height: 1; margin-bottom: 1em;}
.cfContact .text{ margin-left: 145px;}
.cfContact .h3{ line-height: 1; margin-bottom: 1em;}
.cfContact .em{ line-height: 1; font-size: 25px; font-weight: bold; margin-bottom: 12px;}
.cfContact .p{ line-height: 20px; margin-bottom: 16px;}
.cfContact .p dl{ position: relative; }
.cfContact .p dt{ position: absolute; left:0; top: 50%; margin-top: -0.5em; line-height: 1;}
.cfContact .p dd{ margin-left: 70px; font-size: 10px;}

.cfFollow{ position: relative; width: 205px; margin: 0 auto;}
.cfFollow ul{ width: 98px;}
.cfFollow li{ float: left; width: 25%;}
.cfFollow .pd{ display: block; position: relative;}
.cfFollow .pd a{ width: 1em; height: 1em; text-align: center; line-height: 1em; font-size:18px; display: block;}
.cfFollow .box{ position: absolute; width: 120px; bottom: 100%; left: 50%; margin-left: -60px; padding-bottom: 10px; visibility: hidden; opacity: 0; transform: translateY(10px); transition: 0.3s all;}
.cfFollow .box img{ width: 100%; height: auto; display: block;}
.cfFollow .pd:hover .box{ visibility: visible; opacity: 1; transform: translateY(0px);}
.cfFollowImg{ position: absolute; right:0; top: 50%; margin-top: -0.5em; font-size:18px; line-height: 1; text-align: center;}
.cfFollowImg img{ width:auto; height: 1em; display:inline-block; vertical-align: bottom;}
.cfBottom{ text-align: center; font-size: 12px; padding: 20px 0; line-height: 22px;}

.cMain_Cantact{ padding:0; font-size: 32px; position: relative;}
.cMain_Cantact .wp{ position: static;}
.cMsg{ width: 50%; float: left; display: flex; align-items: center; min-height: 100vh;}
.cMsg .wpd{ padding: 48px 0 16px 0;}
.cMsgTit{ margin-bottom: 48px;}
.cMsgTit .h3{ font-size: 38px; line-height: 1; color: #1a1a1a; font-weight: bold; margin-bottom: 16px;}
.cMsgTit .em{ font-size: 19px; line-height: 1; color: #808080; position: relative;}
.cMsgCon{ overflow: hidden;}
.cMsgCon ul{ margin-right: -60px;}
.cMsgCon li{ width: 50%; float: left; margin-bottom: 32px;}
.cMsgCon li:last-child{margin-bottom:0;}
.cMsgCon li.w100{ width: 100%;}
.cMsgCon .pd{ margin-right: 60px;}
.cMsgCon .h3{ line-height: 1; margin-bottom: 14px; font-size: 15px; color: #1a1a1a; min-height: 1em;}
.cMsgCon .h3 em{ color: #808080;}
.cMsgCon .p{ font-size: 15px; position: relative;}
.cMsgCon .m{ font-size: 15px;}
.cIpt_yzm{ position: absolute; right:0; top:0; bottom:0; height: 100%; width: auto; cursor: pointer;border: 1px solid #808080; box-sizing: border-box; border-radius: 0;}
.cIpt_t1{ font-size: 1em; height: 44px; border: 1px solid #808080; width: 100%; display: block; box-sizing: border-box; padding: 0 1.5em; border-radius: 0;}
.cIpt_s1{ font-size: 1em; height: 44px; border: 1px solid #808080; width: 100%; display: block; box-sizing: border-box; padding: 0 1.5em; border-radius: 0;}
.cIpt_text1{ font-size: 1em; height: 130px; border: 1px solid #808080; width: 100%; display: block; box-sizing: border-box; padding: 0.5em 1.5em; border-radius: 0; overflow: auto; resize: none;}
.cIpt_b1{ font-size: 1em; width: 124px; height: 44px; display: block; background: #ff1c00; color: #fff; border: none; border-radius: 0;}



.cContact{ position: absolute; /*width: 54.28571428571428%;*/ width: 36%; display: flex; /*right:calc( 1400px / 2 - 100vw / 2);*/ right:0; top:0; bottom:0; background: center center #3f588c no-repeat; background-size: cover; justify-content: center; align-items: center;}
.cContact a{ color: #fff;}
.cContact a:hover{ color: #fff; text-decoration: underline;}
.cContact .pd{ position: relative; color: #fff;}
.cContact .img{ width: 132px; text-align: center;}
.cContact .h2{ line-height: 1; font-size: 16px; padding-top: 10px;}
.cContact .text{ margin-bottom: 76px;}
.cContact .h3{ line-height: 1; margin-bottom: 26px; font-size: 26px;}
.cContact .em{ line-height: 1; font-size: 50px; font-weight: bold; margin-bottom: 24px;}
.cContact .p{ line-height: 40px;}
.cContact .p dl{ position: relative; }
.cContact .p dt{ position: absolute; font-size: 26px; left:0; top: 50%; margin-top: -0.5em; line-height: 1;}
.cContact .p dd{ margin-left: 140px; font-size: 22px;}


.cMain_Customer{}
.customer .img img{
/*-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;*/
transition: 0.3s all;
}
.customer .pd:hover .img img{
/*-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;*/
}


.cMain_About{ background: #fff; padding:0;}
.cAbout{}
.cAbout .pd{ padding: 80px 0; display: block; position: relative;}
.cAbout .pd:before{ content: ''; position: absolute; right:0; top:0; bottom:0; width: 1px; background: #f2f2f2;}
.cAbout .npd{}
.cAbout .text{ display: flex; align-items: center; justify-content: center; line-height: 1;}
.cAbout .text .npd{}
.cAbout .p1{ margin-bottom: 25px; font-size: 30px; color: #4d4d4d; text-transform: uppercase; font-weight: bold;}
.cAbout .p2{ font-size: 112px; color: #ff1c00; font-weight:bold; margin-bottom: 45px; width: 3em;}
.diService .em,
.cAbout .p3{ font-size: 19px; color: #000; margin-bottom: 10px;}
.cAbout .p4{ font-size: 17px; color: #4d4d4d; max-width: 16em; line-height: 1.2352941176470589;}
.cAbout .img{ opacity: 0; position: absolute; left:0; top:0; right:0; bottom:0;display: flex; align-items: center; justify-content: center; background: no-repeat center center; background-size: cover; transition: 0.3s all;}
.cAbout .img .npd{ text-align: center; color: #fff; }
.cAbout .img .p{font-size: 19px; line-height: 1.5; margin-bottom: 1.5em;}
.cAbout .img .m{ display: flex; justify-content: center;}
.cAbout .img .cMore1{ margin: 0 auto; text-align: left;}
.cAbout .pd:hover .img{ opacity: 1;}


.iMain_Service{ padding:0; font-size: 32px;}
.cService{ overflow:hidden;}
.cService .swiper{ margin-right:-1px;}
.cService .pd{ display:block; padding:110px 10px 76px 10px; text-align:center; border-right:1px solid #efefef; color: #4D4D4D; position: relative;}
.cService .img{ position: absolute; z-index: 1; left:0; top:0; right:0; bottom:0; background: no-repeat center center; background-size:cover; opacity: 0; transition: 0.3s opacity;}
.cService .img img{ transform: scale(1.2); transition: 1s transform;}
.cService .text{ position: relative; z-index: 2;}
.cService .text .i{ font-size:120px; line-height:1; margin-bottom:23px; color: #ff1c00;}
.cService .text .em{ font-size: 28px; line-height:1.25; margin-bottom: 12px;}
.cService .text .h3{ font-size: 20px; line-height:1.25; padding-bottom:32px; position:relative; margin-bottom:30px; color: #b3b3b3;}
.cService .text .h3:before{ content:''; position:absolute; left:50%; width:2em; margin-left:-1em; height:8px; background:#ff1c00; bottom:0;}
.cService .text .p{ font-size: 18px; line-height:1.7222222222222223; height:8.61111111111111em; text-align:center;}
.cService .text .m{ display: none;}
.cService .text .m em{ display:inline-block; height:24px; line-height:24px; width:76px; text-align:center; font-size:12px; background:#595757; color:#fff; border-radius:0;}

.cService .text2{ position: absolute; z-index: 3; left:0; top:0; right:0; bottom:0; opacity: 0; padding: 30px 10px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; text-align: left;
}
.cService .text2 .npd{ width: 300px;}
.cService .text2 .h3{ font-size: 45px; line-height: 1; padding-bottom: 28px; margin-bottom:35px; position: relative;}
.cService .text2 .h3:before{ content:''; position:absolute; left:0; right:0; height:2px; background:#fff; bottom:0;}
.cService .text2 .em{ font-size: 18px; margin-bottom: 25px; position: relative; text-align: justify; line-height: 1.6111111111111112;}
.cService .text2 .p{ font-size: 14px; line-height: 1.5; height: 6em; overflow: hidden; }
.cService .swiperArrow{ display: block;}


.cService li:last-child .pd{ border-right-color:#fff;}
.cService .pd:hover{ background: #000000; border-right-color: #000000; color: #fff;}
.cService .pd:hover .img{ opacity: 1;}
.cService .pd:hover .img img{ transform: scale(1);}
.cService .pd:hover .text{ opacity: 0; visibility: hidden; }
.cService .pd:hover .text .h3:before{ background-color:#fff;}
.cService .pd:hover .text .m em{ background:#fff;}
.cService .pd:hover .text2{ opacity: 1;}

.cCaseA{ overflow: hidden;}
.cCaseA ul{ margin: 0 0 0 0px;}
.cCaseA li{ width: 33.3333%; float: left; margin-bottom:0;}
.cCaseA li:first-child{ width: 66.6666%;}
.cCaseA .pd{ display: block; position: relative; margin: 0 0 0 0px; color: #fff;}
.cCaseA .img{ overflow: hidden;}
.cCaseA .img img{ transition: 1s all;}
.cCaseA .text{ position: absolute; left:0; right:0; bottom:0; font-size: 32px; height: 50px; line-height: 50px; background: rgba(35,24,21,0.5); box-sizing: border-box; padding: 0 1em; transition: 0.3s all;}
.cCaseA .h3{ height:50px; line-height:50px; font-size: 20px; font-weight: lighter;}
.cCaseA .em{ position: absolute; left: 30px; bottom: 30px; right: 30px; opacity: 0; pointer-events: none; visibility: hidden; transform: translateY(10px); transition: 0.3s all; transition-delay: 0s;}
.cCaseA .em:before{ content: ''; position: absolute; width: 1.5em; height: 2px; background: #ff1c00; left:0; top: -0.5em;}
.cCaseA .em strong{ display: block; font-size: 14px; height: 1.2em; line-height: 1.2em; overflow: hidden; margin-bottom: 0.2em; font-weight: lighter;}
.cCaseA .em em{ display: block; font-size: 18px; height: 1.2em; line-height: 1.2em; overflow: hidden; font-weight: lighter;}
.cCaseA .pd:hover .img img{ transform: scale(1.1);}
.cCaseA .pd:hover .text{ height: 100% ; padding: 30px; }
.cCaseA .pd:hover .em{ opacity: 1; pointer-events: visible; visibility: visible; transform: translateY(0px); transition-delay: 0.3s;}


.cImgBox1{ overflow: hidden;}
.cImgBox1 img{ width: 100%; min-width: 100vw; height: auto;}



.iBannerText{}
.iBannerText .pd{ display: block; position: relative;}
.iBannerText .img{ position: relative; display: block;}
.iBannerText .text{ position: absolute; left:0; top:100px; right:0; bottom:100px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; font-size:  1.6666666666666666vw; padding-bottom: 2em; z-index: 9;}
.iBannerText .npd{ line-height: 1; width: 80%; margin: 0 auto;}
.iBannerText .h3{ font-size: 2em; margin-bottom: 0.5em; font-weight: bold; /* text-shadow: 0 0 0.1em rgba(0,0,0,0.5); */}
.iBannerText .em{ font-size: 0.75em; /* text-shadow: 0 0 0.1em rgba(0,0,0,0.5); */}
.iBannerText .m{ position: absolute; left: 50%; bottom: 2em; margin-left: -62px;}

.iBannerText .cMore1{ margin: 0 auto; text-align: left; box-shadow: 0 0 3px rgba(0,0,0,0.5);}
.iBannerText .icon{ position: absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%; z-index: 2;}

.iBannerText .pd1 .text{ text-align: left;}
/* .iBannerText .pd1 .m{ left: 0%; margin-left: 0px;} */
.iBannerText .pd2 .text{ text-align: center; align-items: flex-start;}
/* .iBannerText .pd2 .m{ left: 50%; margin-left: -62px;} */
.iBannerText .pd3 .text{ text-align: right;}
/* .iBannerText .pd3 .m{ left:auto; right: 0%; margin-left: 0;} */

.iBannerText .swiper .icon,
.iBannerText .swiper .h3,
.iBannerText .swiper .em,
.iBannerText .swiper .m{ transform:translate(0,1em); opacity: 0;transition: all 0.6s ease-out;}

.iBannerText .swiper .h3{ transition-delay:0.5s;}
.iBannerText .swiper .em{ transition-delay:0.7s;}
.iBannerText .swiper .m{ transition-delay:0.9s;}
.iBannerText .swiper .icon{ transition-delay:1.1s;}

.iBannerText .swiper .swiper-slide-active .icon,
.iBannerText .swiper .swiper-slide-active .h3,
.iBannerText .swiper .swiper-slide-active .em,
.iBannerText .swiper .swiper-slide-active .m{
transform:translate(0,0); opacity: 1;
}
.pageNext{ position: absolute; left: 50%; margin-left: -1em; bottom: 80px; z-index: 99; width: 2em; font-size: 1.5em; height: 2em; border: 1px solid #fff; text-align: center; line-height: 2em; border-radius: 50%; color: #fff; cursor: pointer; transition: 0.3s all; display: none;}
.pageNext:hover{ background: #dc0012; color: #fff; border-color: #dc0012;}


.sub_contact i{ position: absolute; right:0; top:0; width: 24px; height: 24px; line-height: 24px; font-size: 16px; cursor: pointer; text-align: center; background: #fff; color: #ff1c00; border-radius: 0;}
.sub_contact i:hover{ background: #ff1c00; color: #fff;}
@media screen and (max-width:1880px){
/*.cTit1{ padding: 2.1875em 0;}
.cTit1 .h3{ margin-bottom: 0.625em;}
.cTit1 .p{ font-size: 0.5em;}
.cTit2{ padding: 4.5em 0 2.6875em 0;}
.cTit2 .h3{ font-size: 1.25em; margin-bottom: 0.8em;}
.cTit2 .p{ font-size: 0.5em;}
.cTit2 .em{ font-size: 0.875em;}*/
.cMain_Cantact{ font-size: 1.6666666666666666vw;}
.cMsgTit{ margin-bottom: 1.5em;}
.cMsgTit .h3{ font-size: 1.1875em; margin-bottom: 0.42105263157894735em;}
.cMsgTit .em{ font-size: 0.59375em;}
.cMsgCon{}
.cMsgCon ul{ margin-right: -1.875em;}
.cMsgCon li{}
.cMsgCon .pd{ margin-right: 1.875em;}
.cContact .text{ margin-bottom: 2.375em;}
.cContact .h3{ font-size: 0.8125em; margin-bottom: 1em;}
.cContact .em{ font-size: 1.5625em; margin-bottom: 0.5em;}
.cContact .p{ line-height: 1.25em;}
.cContact .p dt{ font-size: 0.8125em;}
.cContact .p dd{ font-size: 0.6875em; margin-left: 6.363636363636363em;}
.cContact .img{ width: 4.125em;}
.cContact .h2{ font-size: 0.5em;}


.cMain_About{ font-size: 1.6666666666666666vw;}
.cAbout .pd{ padding: 2.5em 0;}
.cAbout .p1{ font-size: 0.9375em; margin-bottom: 0.8333333333333334em;}
.cAbout .p2{ font-size: 3.5em; margin-bottom: 0.4017857142857143em;}

.diService .em,
.cAbout .p3{ font-size: 0.59375em;}
.cAbout .p4{ font-size: 0.53125em;}
.cAbout .p5{ font-size: 0.59375em;}
.cAbout .img .p{ font-size: 0.59375em;}

.iMain_Service{ font-size: 1.6666666666666666vw;}
.cService .pd{ padding: 3.4375em 0.3125em 2.375em 0.3125em;}
.cService .text .i{ font-size: 3.75em; margin-bottom: 0.19166666666666668em;}
.cService .text .em{ font-size: 0.875em; margin-bottom: 0.42857142857142855em;}
.cService .text .h3{ font-size: 0.625em; padding-bottom: 1.6em; margin-bottom: 1.5em;}
.cService .text .h3:before{ height: 0.4em;}
.cService .text .p{ font-size: 0.5625em;}
.cService .text2{ padding: 0.9375em 0.3125em;}
.cService .text2 .npd{ width: 9.375em;}
.cService .text2 .h3{ font-size: 1.40625em; padding-bottom: 0.6222222222222222em; margin-bottom: 0.7777777777777778em;}
.cService .text2 .em{ font-size: 0.5625em; margin-bottom: 1.3888888888888888em;}
.cService .text2 .p{ font-size: 12px;}

.zcaseA li{ margin-bottom: 3.2em;}
}
@media screen and (max-width:1680px){
.cMsgCon .h3{ font-size: 14px; margin-bottom: 1em;}
.cMsgCon .p{ font-size: 14px;}
.cMsgCon .m{ font-size: 14px;}
.cIpt_t1{ height:38px; padding: 0 20px;}
.cIpt_s1{ height: 38px; padding: 0 20px;}
.cIpt_b1{ height: 38px;}
.cIpt_text1{ height: 100px; padding: 12px 20px;}
.cContact .img{ width: 110px;}
.cContact .h2{ font-size: 12px;}
}
@media screen and (max-width:1440px){
.cContact{/* right: calc(1200px / 2 - 100vw / 2);*/}
.cMsg .wpd{}
.cMsgTit{ }
.cMsgCon .h3{ margin-bottom: 0.8em;}
.cMsgCon li{}
}
@media screen and (max-width:1366px){
.cContact{/* right: calc(1100px / 2 - 100vw / 2);*/}
.cMain_Cantact{ font-size: 24px;}
.cIpt_t1{ height: 36px; padding:0 18px;}
.cIpt_s1{ height: 36px; padding:0 18px;}
.cIpt_b1{ height: 36px;}
.cIpt_text1{ height: 88px; padding: 10px 18px;}
.cMain_About{ font-size:24px;}
.iMain_Service{ font-size:24px;}
}
@media screen and (max-width:1024px){
.cMsg{ width: auto; float: none; min-height: auto;}
.cMsg .wpd{ padding: 50px 0;}
.cContact{ position: relative; width: auto; top: auto; bottom: auto; right: auto; padding: 60px 0; margin: 0 -30px;}
.cMsgCon ul{ margin-right: -30px;}
.cMsgCon .pd{ margin-right: 30px;}
.cCaseA .h3{ font-size: 18px;}

.pageNext{ display: none;}

.cAbout .p2{ width: auto;}
}
@media screen and (max-width:980px){
.cfNav{ width: auto; float: none; margin-bottom: 40px;}
.cfContact{ width: 360px; margin: 0 auto; float: none;}
}
@media screen and (max-width:769px){
.cTit1{ padding: 50px 0;}
.cTit1 .pd{ padding-right:0;}
.cTit1 .h3{ margin-right: 135px; line-height: 34px;}
.cTit1 .p{ font-size: 14px;}
.cTit1 .m{ top:0; margin:0;}
.cTit2{ padding: 50px 0;}
.cTit2 .pd{ padding-right:0;}
.cTit2 .h3{ font-size: 32px; margin-bottom: 20px;}
.cTit2 .em{ position: relative; right: auto; bottom: auto; margin-bottom: 30px; font-size: 18px;}
.cTit2 .m a{ margin-right: 20px;}
.cMsg{ display: block;}
.cMsgCon ul{ margin-right: -20px;}
.cMsgCon .pd{ margin-right: 20px;}
.cContact .text{ margin-bottom: 2em;}

/*.tContact span{ display: block;}
.tContact strong{ display: block; line-height: 1.2;}
.tContact em{ display: none;}*/
.tTel{ display: none;}
.tEm{ display: none;}
.t400Tel{}
.cTit1 .h3{ font-size: 0.8em;}
}
@media screen and (max-width:480px){
.cCaseA li{ width: auto; float: none;}
.cCaseA li:first-child{ width: auto; float: none;}

.iBannerText .h3{ margin-bottom: 0.5em;}
.iBannerText .em{ margin-bottom:0; font-size: 1.5em;}
.iBannerText .m{ display: none; padding-top: 0px;}

.cfNav{}
.cfNav dt a{ font-size: 16px;}
.cfNav dd a{ font-size: 12px;}

.sub_contact{ width:auto; left: auto; right: 0; bottom: 50px; top: auto;}
.sub_contact i{ display: none;}
.sub_contact a{ width: 24px; height: 72px; border-radius:0; color: #fff; background: #e64552; text-align: center; line-height: 1.2; display: flex; align-items: center; justify-content: center;}
.sub_contact a::before{ content: '在线咨询'; display: inline-block; width: 1em;}
.sub_contact img{ display: none;}

.cfContact .img{ width: 110px;}
.cfContact .text{ margin-left: 140px;}
.cfFollow{ width: auto;}
.serviceList .h3{ margin-bottom: 2em;}

.cMsgCon li{ width: 100%;}
}
@media screen and (max-width:413px){
.cTit1 .h3{ font-size: 28px;}
.cTit2 .h3{ font-size: 28px;}
.cMsgCon ul{ margin-right: -12px;}
.cMsgCon .pd{ margin-right: 12px;}
.cContact .p dd{ margin-left: 5.5em;}

.cfNav{}
.cfNav dt a{ font-size: 14px;}
.cfNav dd a{ font-size: 10px;}
.cfContact{ width: auto;}

.cfTop{ padding: 60px 0 40px 0;}
.cfContact .img{ width: 100px;}
.cfContact .text{ margin-left: 120px;}
.cfFollow{ width: auto;}
}
@media screen and (max-width:374px){
.cMsgCon .h3{ margin-bottom: 0.5em;}
.cMsgCon li{ width:auto; float: none; margin-bottom: 0.5em;}
.cContact .p dl{ margin-bottom: 1em;}
.cContact .p dl:last-child{ margin-bottom:0;}
.cContact .p dt{ position: relative; left: auto; top: auto; margin-top:0;}
.cContact .p dd{ margin-left: auto;}
}

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}



.cMain_Deliver{}
.dDeliver{}
.dDeliver ul{ margin: 0 -20px;}
.dDeliver li{ width: 50%; float: left;}
.dDeliver .pd{ display: block; margin: 0 20px; position: relative;}
.dDeliver .img{ padding-bottom: 110px;}
.dDeliver .img img{ height: 426px; width: 100%; object-fit: cover;}
.dDeliver .text{ position: absolute; left:0; right:0; bottom: 10px;}
.dDeliver .h3{ color: #4d4d4d; font-size: 28px; height: 1.5em; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; margin-bottom: 0.5em;}
.dDeliver .p{ color: #959696; font-size: 16px; line-height:1.5; height:1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.dDeliver li:nth-child(even) .img{ padding: 110px 0 0 0;}
.dDeliver li:nth-child(even) .text{ top: 10px; bottom: auto;}
.dDeliver ul.length1 li{ width: 100%;}
.dDeliver ul.length2 li{ width: 50%;}
.dDeliver ul.length3 li{ width: 33.3333%;}
.dDeliver ul.length4 li{ width: 25%;}

.dMain_advantage{}
.dAdvantage{}
.dAdvantage .swiper{ margin: 0 -12px;}
.dAdvantage .pd{ display: block; padding: 68px 12px; margin: 0 12px; border: 1px solid #cccccc; color: #4d4d4d;}
.dAdvantage .i{ font-size: 64px; display: block; text-align: center; line-height: 1; margin-bottom: 30px;}
.dAdvantage .text{ text-align: center;}
.dAdvantage .h3{ margin-bottom: 4px; font-size: 28px; line-height: 1.5; overflow: hidden; height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.dAdvantage .p{ font-size: 15px; line-height: 1.6666666666666667; height: 5em; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;}
.dAdvantage .pd:hover{ background:#ff1c00; color: #fff; border-color:#ff1c00;}

.dMain_strength{}
.dMain_strength .wp{ width: auto;}
.dStrength{}
.dStrength li{ margin-bottom:0;}
.dStrength li:last-child{}
.dStrength .pd{ display: block; position: relative; overflow: hidden; background: #fff; color: #595757;}
.dStrength .img{ width: auto; float: none;}
.dStrength .img img{ width: 100vw;}
.dStrength .text{ position: absolute; right: 65%; top:0; bottom:0; left:0; padding: 0 60px; box-sizing:border-box; display: none;}
.dStrength .h3{ line-height: 1.2; font-size: 40px; margin-bottom: 1em;}
.dStrength .em{ font-size: 18px; line-height: 1.7222222222222223; margin-bottom: 2.2222222222222223em;}
.dStrength .p{ text-align: justify; font-size: 16px; line-height: 1.4375; position: relative;}
.dStrength .m{ padding-top: 20px; display: none;}
.dStrength li:nth-child(even) .pd{ background: #211919; color: #fff;}
.dStrength li:nth-child(even) .img{ float: none;}
.dStrength li:nth-child(even) .text{ left: 65%; right:0; }

.dMain_partner{}
.dPartner{ overflow: hidden;}
.dPartner img{ width: 100%; min-width: 100vw; height: auto; display: block;}


.dCaseA{ overflow: hidden; position: relative;}
.dCaseA .swiper{ margin: 0 0 0 0px;}
.dCaseA .pd{ display: block; position: relative; margin: 0 0 0 0px; color: #fff;}
.dCaseA .img{ overflow: hidden;}
.dCaseA .img img{ transition: 1s all;}
.dCaseA .text{ position: absolute; left:0; right:0; bottom:0; font-size: 32px; height: 50px; line-height: 50px; background: rgba(35,24,21,0.5); box-sizing: border-box; padding: 0 1em; transition: 0.3s all;}
.dCaseA .h3{ height:50px; line-height:50px; font-size: 20px; font-weight: lighter;}
.dCaseA .em{ position: absolute; left: 30px; bottom: 30px; right: 30px; opacity: 0; pointer-events: none; visibility: hidden; transform: translateY(10px); transition: 0.3s all; transition-delay: 0s;}
.dCaseA .em:before{ content: ''; position: absolute; width: 1.5em; height: 2px; background: #ff1c00; left:0; top: -0.5em;}
.dCaseA .em strong{ display: block; font-size: 14px; height: 1.2em; line-height: 1.2em; overflow: hidden; margin-bottom: 0.2em; font-weight: lighter;}
.dCaseA .em em{ display: block; font-size: 18px; height: 1.2em; line-height: 1.2em; overflow: hidden; font-weight: lighter;}
.dCaseA .pd:hover .img img{ transform: scale(1.1);}
.dCaseA .pd:hover .text{ height: 100% ; padding: 30px; }
.dCaseA .pd:hover .em{ opacity: 1; pointer-events: visible; visibility: visible; transform: translateY(0px); transition-delay: 0.3s;}

.dMain_contact{}
.dContact{}
.dContactFl{ width: 650px; float: left;}
.dContactFr{ width: 650px; float: right;}
.dContact{}


.dContact{ overflow: hidden;}
.dContact ul{ margin-right: -30px;}
.dContact li{ width: 50%; float: left; margin-bottom: 30px;}
.dContactFl li:nth-child(1),
.dContactFl li:nth-child(2){ margin-bottom: 84px;}
.dContact li:last-child{margin-bottom:0;}
.dContact li.w100{ width: 100%;}
.dContact .pd{ margin-right: 30px;}
.dContact .h3{ line-height: 1; margin-bottom: 14px; font-size: 15px; color: #1a1a1a; min-height: 1em;}
.dContact .h3 em{ color: #808080;}
.dContact .p{ font-size: 15px; position: relative; color: #1a1a1a;}
.dContact .m{ font-size: 15px;}

#preview{ width: 100%; border: 1px dashed #808080; box-sizing: border-box; cursor: pointer;}
#preview img{ display: none;}
#preview .text{ text-align: center; display: flex; align-items: center; justify-content: center; height: 240px;}
#preview label{ cursor: pointer;}
.layui-upload-file{ display: none; pointer-events: none;}
.preview_i{ font-size: 74px; line-height: 1; display: block; color: #ff1c00;}
.preview_h3{ font-size: 17px; color: #ff1c00;}
.preview_p{ font-size: 17px; color: #cccccc;}
.preview_p i{ font-size: 1em; margin-right: 0.5em;}
.preview_em{ display: none;}
.preview_em i{ font-size: 1em; margin-right: 0.5em; color: #000;}
.preview_em span{ margin-right: 0.5em; color: #000;}
.preview_em em{ color: #cccccc;}

/*.dBanner .img img{ height: 100vh;}*/



@media screen and (max-width: 1680px){
.dDeliver{ font-size: 30px;}
.dDeliver ul{ margin: 0 -0.625em;}
.dDeliver .pd{ margin: 0 0.625em;}
.dDeliver .img{ padding-bottom: 3.4375em;}
.dDeliver .img img{ height: 13.3125em;}
.dDeliver .text{ bottom: 0.3125em;}
.dDeliver .h3{ font-size: 0.875em;}
.dDeliver .p{ font-size: 0.5em;}
.dDeliver li:nth-child(even) .img{ padding: 3.4375em 0 0 0;}
.dDeliver li:nth-child(even) .text{ top: 0.3125em; bottom: auto;}


.dAdvantage{ font-size: 30px;}
.dAdvantage ul{ margin: 0 -0.375em;}
.dAdvantage .pd{ padding: 2.125em 0.375em; margin: 0 0.375em;}
.dAdvantage .i{ font-size: 2em; margin-bottom: 0.46875em;}
.dAdvantage .h3{ margin-bottom: 0.125em; font-size: 0.875em;}
.dAdvantage .p{ font-size: 0.46875em; }

.dStrength{ font-size: 30px;}
.dStrength .text{ padding: 0 1.875em;}
.dStrength .h3{ font-size: 1.25em;}
.dStrength .em{ font-size: 0.5625em;}
.dStrength .p{ font-size: 0.5em; }
.dStrength .m{ padding-top: 0.5625em;}

.dContactFl{ width: 46.5%;}
.dContactFr{ width: 46.5%;}
.preview_i{ font-size: 64px;}
#preview .text{ height: 204px;}
}

@media screen and (max-width: 1600px){
.dDeliver{ font-size:28px;}
.dAdvantage{ font-size:28px;}
.dStrength{ font-size: 28px;}
.preview_i{ font-size: 48px;}
.preview_h3{ font-size: 16px;}
.preview_p{ font-size: 16px;}
}
@media screen and (max-width: 1440px){
.dDeliver{ font-size:26px;}
.dAdvantage{ font-size:26px;}
.dStrength{ font-size:26px;}
.dStrength .img{ width: 60%;}
.dStrength .text{ right: 60%;}
.dStrength li:nth-child(even) .img{}
.dStrength li:nth-child(even) .text{left: 60%;}
.preview_h3{ font-size: 15px;}
.preview_p{ font-size: 15px;}
}

@media screen and (max-width: 1366px){
.dDeliver{ font-size: 24px;}
.dAdvantage{ font-size:24px;}
.dAdvantage .p{ font-size: 14px;}
.dStrength{ font-size: 24px;}
#preview .text{ height:190px;}
.preview_h3{ font-size: 14px;}
.preview_p{ font-size: 14px;}

}

@media screen and (max-width: 1024px){
.dDeliver li{ width: 50%; margin-bottom: 40px;}
.dDeliver ul.length4 li{ width: 50%;}
.dBanner .img img{ height:auto;}

.dAdvantage .swiperDots{ display: block; bottom:0;}
.dCaseA .swiperDots{ display: block; bottom:0;}
.dCaseA .h3{ font-size: 18px;}

}

@media screen and (max-width:980px){
.dStrength .img{ width: auto; float: none;}
.dStrength .text{ right: auto; position: static; padding: 1.5em;}

.dContactFl li:nth-child(1), .dContactFl li:nth-child(2){ margin-bottom: 30px;}
.dContactFl{ width: auto; float: none; margin-bottom: 30px;}
.dContactFr{ width: auto; float: none;}
}
@media screen and (max-width:750px){
.dDeliver .img img{ height: 7em;}
.dDeliver .h3{ font-size: 16px;}
.dDeliver .p{ font-size: 12px;}
}
@media screen and (max-width:480px){
.dContact ul{ margin-right: -15px;}
.dContact .pd{ margin-right: 15px;}
.dContactFr li:nth-child(2),
.dContactFr li:nth-child(3){ width: 100%;}
.dContactFr .cIpt_b1{ width: 100%;}
}



/*页脚*/
.dfooter{ color: #C4C4C4; background: #2b2b2b; font-size: 20px;}
.dfooter{ font-size: 1.04166666666667vw;}
.dfooter a{ color: #C4C4C4;}
.dfooter a:hover{ color: #ffffff;}
.dfTop{ padding: 75px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.16);}
.dfTop{ padding: 3.75em 0;}
.dfTop .wpd{ display: flex; justify-content: space-between;}

.dfFl{}
.dfLogo{ font-size: 40px; line-height: 1; margin-bottom: 40px;}
.dfLogo img{ height: 1em; display: block; width: auto;}

.dftext{ margin-bottom: 70px;}
.dftext strong{font-size: 20px;color: #FFFFFF; font-weight: bold; display: block; line-height: 1.2; margin-bottom: 0.25em;}
.dftext em{font-size: 16px;color: #C4C4C4; display: block; line-height: 1.2;}

.dfContact{}
.dfContact .pd{ display: block;}
.dfContact .img{ float: left; width: 90px;}
.dfContact .img strong{ margin-bottom: 8px;font-size: 13px; line-height: 1.2; display: block; font-weight: normal;}
.dfContact .img img{ width: 100%; height: auto;}
.dfContact .text{ margin-left: 90px; padding-left: 40px;}
.dfContact dl{ margin-bottom: 20px;}
.dfContact dl:last-child{ margin-bottom: 0px;}
.dfContact dt{ margin-bottom: 8px;font-size: 13px; line-height: 1.2; display: block; font-weight: normal;}
.dfContact dd{font-size: 13px; line-height: 1.2;}
.dfContact strong{font-size: 28px; font-weight: bold; color: #fff;}
.dfContact strong a{ color: #fff;}
.dfContact em{ margin: 0 0.5em;}


.dfNav{ min-height:182px; display: flex;}
.dfNav dl{ margin-right: 60px;}
.dfNav dl:last-child{ margin-right:0;}
.dfNav dt{ margin-bottom: 40px;}
.dfNav dt a{ display: block; color: #fff;}
.dfNav dt strong{ display: block; line-height: 1.2; font-size: 18px; font-weight: normal;}
.dfNav dt em{ display: block; line-height: 1.2; font-size: 12px; text-transform: uppercase;}
.dfNav dd{}
.dfNav dd a{ display: block; line-height:24px; font-size: 13px;}
.dfBottom{ text-align: center; font-size: 12px; padding: 20px 0; line-height: 1.5;}
.dfBottom .wpd{ display: flex; justify-content: space-between;}
.dCopy{}

.dShareTit{ position: absolute; right: 100%; top: 50%; line-height: 1; margin-top: -0.5em; width: 7em; text-align: right; margin-right: 2em;}

.dShare{ position: relative; color: #fff;}
.dShare ul{ display: flex;}
.dShare li{ margin: 0 10px;}
.dShare li:nth-child(1) .pd a{ width: 2em;}
.dShare li:nth-child(1) .pd a:before{ display: block; transform: scale(2);}
.dShare .pd{ display: block; position: relative;}
.dShare .pd a{ width: 1em; height: 1em; text-align: center; line-height: 1em; font-size:24px; display: block; color: #fff;}
.dShare .box{ position: absolute; width: 120px; bottom: 100%; left: 50%; margin-left: -60px; padding-bottom: 10px; visibility: hidden; opacity: 0; transform: translateY(10px); transition: 0.3s all;}
.dShare .box img{ width: 100%; height: auto; display: block;}
.dShare .pd:hover .box{ visibility: visible; opacity: 1; transform: translateY(0px);}
/*20241227标题*/
.dTit1{ font-size: 20px; background:no-repeat center center #000; background-size: cover; padding: 75px 0;}
.dTit1 .pd{ color: #fff; display: flex;}
.dTit1 .h3{ position: relative; padding-left:0; width: 36%; box-sizing: border-box;}
.dTit1 .h3:before{ content: ''; width: 120px; height: 66px; background: url("../images/dTit1-ico.png") no-repeat; background-size:contain; left:0; top: 50%; margin-top: -33px; position: absolute; display: none;}
.dTit1 .h3 em{ font-size: 48px;font-weight: 300; color: #FF2004; display: block; line-height: 1; min-height: 1em; margin-bottom: 0.2em; text-transform: uppercase;}
.dTit1 .h3 strong{font-size: 54px;font-weight: 350; display: block; line-height: 1;}
.dTit1 .p{ font-size: 18px; line-height: 1.3333; min-height: 1.3333em; width: 64%; padding-left: 0.5555555555555556em; margin-top: 3.222222222222222em; box-sizing: border-box; color: #CBCBCB;}
.dTit1 .m{ display: flex; justify-content: flex-end; position: absolute; right:0; top:0;}
/*.dTit1 .m a{ border: 1px solid #FFFFFF; color: #fff; min-width: 8em; height: 2em; display: flex; justify-content: center; align-items: center; text-align: center;font-size: 24px; box-sizing: border-box; text-transform: uppercase;}
.dTit1 .m a:hover{ background:#FF2004; color: #fff; border-color: #FF2004;}*/


.dTit1_2 .pd{ display: block; text-align: center;}
.dTit1_2 .h3{ margin-bottom: 30px; width: auto;}
.dTit1_2 .h3 em{ font-size: 30px; margin-bottom: 0.3em;}
.dTit1_2 .p{ margin: 0 0 32px 0; width: auto; padding:0;}
.dTit1_2 .m{ justify-content: center; position: relative; right: auto; top: auto;}

.dTit1_3{padding: 64px 0;}
.dTit1_3 .pd{ justify-content: space-between;}
.dTit1_3 .h3 strong{ color: #FF2004;}
.dTit1_3 .h3 em{ display: none;}
.dTit1_3 .m{ right: auto; left:0; top: 85px;}
.dTit1_3 .p{ width: auto; font-size: 44px; line-height: 1.5; margin-top:0; text-align: right;}

/*20241227标题适配*/
.dTit1{ padding: 3.75em 0;}
.dTit1 .h3{ padding-left: 6.8em; padding-left:0;}
.dTit1 .h3:before{width: 6em; height: 3.3em; margin-top: -1.65em;}
.dTit1 .h3 em{ font-size: 2.4em; }
.dTit1 .h3 strong{font-size: 2.7em;}
.dTit1 .p{ font-size: 0.9em;}
/*.dTit1 .m a{ font-size: 1.2em;}*/
.dTit1_2 .h3{ margin-bottom: 1.5em;}
.dTit1_2 .h3 em{ font-size: 1.5em;}
.dTit1_2 .p{ margin: 0 0 1.777777777777778em 0;}
.dTit1_3 .m{ top: 4.25em;}
.dTit1_3 .p{ font-size: 2.2em;}


/*首页服务*/
.dMain_service{ padding: 0px !important;}
.diService{ font-size: 20px;}
.diService ul{}
.diService li{ padding: 75px 0; position: relative;}
.diService li:before{ content: ''; position: absolute; left: 50%; top:0; bottom:0; width: 100vw; margin-left: -50vw; background: #F8F8F8;}
.diService .wpd{ position: relative; display: block; z-index: 2;}
.diService .wimg{ width: 50%; overflow: hidden;}
.diService .wimg .swiper{ margin: 0 -16px;}
.diService .wimg .npd{ margin: 0 16px;}
.diService .wimg img{ border-radius: 0; background: #f8f8f8;aspect-ratio: 1776/1000;}
.diService .wtext{ position: absolute; left: 50%; top:0; bottom:0; right:0; display: flex; align-items: center;}
.diService .wtext .npd{ padding:0 80px;}
.diService .h3{ font-size: 54px; color: #000000; line-height: 1.2; margin-bottom: 0.5em;}
.diService .em{ /* font-size: 24px; */ color: #000; line-height: 1.4; height: 7em; margin-bottom: 1em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5;}
.diService .m{ display: flex;}
.diService .m a{ color: #000;}
.diService .m a:before{ border-color: #000;}
.diService .m a:hover{ color: #fff;}
.diService .m a:hover:before{ border-color: #ff1c00;}

/*.diService .m a{ height: 42px; width:290px; text-align: center; display: flex; justify-content: center; align-items: center; border: 1px solid #000000; transition: 0.3s all; font-size: 24px;}
.diService .m a:hover{ background: #000; color: #fff;}*/
.diService li:nth-child(even):before{ background: #000;}
.diService li:nth-child(even) .wimg{ margin-left: 50%;}
.diService li:nth-child(even) .wimg img{aspect-ratio: 708/960;}
.diService li:nth-child(even) .wtext{ left:0; right: 50%;}
.diService li:nth-child(even) .wtext .npd{ padding:0 80px;}
.diService li:nth-child(even) .h3{ color: #fff;}
.diService li:nth-child(even) .em{ color: #ADADAD;}


.diService li:nth-child(even) .m a{ color: #fff;}
.diService li:nth-child(even) .m a:before{ border-color: #fff;}
.diService li:nth-child(even) .m a:hover{ color: #fff;}
.diService li:nth-child(even) .m a:hover:before{ border-color: #ff1c00;}
/*.diService li:nth-child(even) .m a{ color: #fff; border-color: #fff;}
.diService li:nth-child(even) .m a:hover{ background: #fff; color: #000;}*/
.diService_2{ margin-right: -12%;}
/*首页服务适配*/


.diService li{ padding: 3.75em 0;}
.diService .wimg .swiper{ margin: 0 -0.8em;}
.diService .wimg .npd{ margin: 0 0.8em;}
.diService .wtext .npd{ padding:0 4em;}
.diService .h3{ font-size: 2.7em;}
.diService .em{ /* font-size: 1.2em; */}
/*.diService .m a{ height: 2em; width:12em; font-size: 1.2em;}*/
.diService li:nth-child(even) .wtext .npd{ padding:0 4em;}



/*产品样式*/
.dCaseList{ padding: 4px 0; background: #000;}
.dCase{}
.dCase ul{ position: relative; overflow: hidden; background: #000; box-sizing: border-box;}
.dCase li{ width: 33.3333%; float: left; box-sizing: border-box; position: relative;}
.dCase .pd{ display: block; position: relative; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: #fff;}
.dCase .img{ position:absolute; left:0; top:0; right:0; bottom:0; overflow: hidden;}
.dCase .img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1s linear;}
.dCase .text{ position:absolute; left:0; top:0; right:0; bottom:0;}
.dCaseType{ width: 33.3333%;}
.dCaseType .text{ background: rgba(0, 0, 0, 0.7);}
.dCaseType .npd{ padding: 68px 50px; color: #fff;}
.dCaseType .h3{}
.dCaseType .h3 strong{ display: block;font-size: 54px; line-height: 1.2; font-weight: 350;}
.dCaseType .h3 em{ display: block;font-size: 32px; line-height: 1.2; font-weight: normal; font-weight: 300; text-transform: uppercase;}
.dCaseType .m{ position: absolute; left: 50px; bottom: 68px;}
/*.dCaseType .m em{border: 1px solid #FFFFFF; height: 2em; width: 8.5em; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 24px; transition: 0.3s all;}
.dCaseType .m em:hover{ background: #fff; color: #000; border-color: #fff;}*/
.dCaseLi{ width: 33.3333%;}
.dCaseLi .pd:before{ content:''; position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(35,24,21,0.5); background-size:100% 100%; opacity:0; z-index:1; transition: 1s all;}
.dCaseLi .text{ color:#fff;  line-height:1.7142857142857142; z-index:2; opacity:0; display: flex; align-items: center; justify-content: center; transition: 1s all;}
.dCaseLi .h3{ font-size:24px; line-height:1;}
.dCaseLi .h3 strong{ display:inline-block; vertical-align:bottom; padding-bottom:0.5em; border-bottom:3px solid #ff1c00; margin-bottom:0.5em;}
.dCaseLi .h3 em{ text-transform:uppercase; display:block; font-size:0.75em;}
.dCaseLi .pd:hover .text{ opacity:1;}
.dCaseLi .pd:hover:before{ opacity:1;}
.dCase .pd:hover .img img{transform: scale(1.1);}



.dCase_1{}
.dCase_1 ul{aspect-ratio: 1920/1066;}
.dCase_1 li{aspect-ratio: 1280/711;}
.dCase_1 li:nth-child(1){aspect-ratio: 1280/1421;}
.dCase_1 li:nth-child(4){ width: 66.6666%;}
.dCase_1 li:nth-child(5){ position: absolute; left:0; bottom:0;}

.dCase_2{}
.dCase_2 ul{aspect-ratio: 1920/1067;}
.dCase_2 li{aspect-ratio: 1280/711; float: right;}
.dCase_2 li:nth-child(1){aspect-ratio: 1280/1421;}
.dCase_2 li:nth-child(4){ width: 66.6666%;}
.dCase_2 li:nth-child(5){ position: absolute; right:0; bottom:0;}

.dCase_3{}
.dCase_3 ul{aspect-ratio: 1920/711; padding-left: 33.3333%;}
.dCase_3 li{aspect-ratio: 1280/711; float: right; width: 50%;}
.dCase_3 li:nth-child(2){aspect-ratio:auto; position: absolute; left:0; top:0; bottom:0; width: 33.3333%;}

.dCase_4{}
.dCase_4 ul{aspect-ratio: 1920/711; padding-right: 33.3333%;}
.dCase_4 li{aspect-ratio: 1280/711; float: left; width: 50%;}
.dCase_4 li:nth-child(2){aspect-ratio:auto; position: absolute; right:0; top:0; bottom:0; width: 33.3333%;}



.dCase_5{}
.dCase_5 ul{aspect-ratio: 1920/712; padding-right: 66.6666%;}
.dCase_5 li{aspect-ratio: 1280/711; float: left; width: 100%;}
.dCase_5 li:nth-child(2){ position: absolute; right:0; top:0; bottom:0; width: 66.6666%;}

.dCase_6{}
.dCase_6 ul{aspect-ratio: 1920/712; padding-left: 66.6666%;}
.dCase_6 li{aspect-ratio: 1280/711; float: left; width: 100%;}
.dCase_6 li:nth-child(2){ position: absolute; left:0; top:0; bottom:0; width: 66.6666%;}


.dCase_7{}
.dCase_7 ul{aspect-ratio: 1920/355;}
.dCase_7 li{aspect-ratio: 1280/711; float: left; width: 33.3333%;}
.dCase_7 li:nth-child(1){ display: none;}

.dCase_6 .dCaseType .npd,
.dCase_5 .dCaseType .npd,
.dCase_4 .dCaseType .npd,
.dCase_3 .dCaseType .npd{ padding: 40px;}

/*首页产品模板适配*/
.dCaseList{ padding: 0.2em 0; }
.dCase{ font-size: 1.0416666666666666vw; margin: 0 0.8em;/* padding: 0.8em 0; */}
.dCase .pd{left: 0.2em; top: 0.2em; right: 0.2em; bottom: 0.2em;}
.dCaseType .npd{ padding: 3.4em 2.5em;}
.dCaseType .h3 strong{ font-size: 2.7em;}
.dCaseType .h3 em{ font-size: 1.6em;}
.dCaseType .m{ left: 2.5em; bottom: 3.4em;}
/*.dCaseType .m em{ font-size: 1.2em;}*/

.dCase_6 .dCaseType .npd,
.dCase_5 .dCaseType .npd,
.dCase_4 .dCaseType .npd,
.dCase_3 .dCaseType .npd{ padding: 2em;}

.dCase_6 .dCaseType .m,
.dCase_5 .dCaseType .m,
.dCase_4 .dCaseType .m,
.dCase_3 .dCaseType .m{ left: 2em; bottom: 2em;}


/*产品详情*/
.dApp{ font-size: 20px;}
.pBannerCaseD{ overflow: hidden; position: relative; padding-top: 60px;}
.pBannerCaseD .pd{ display: block;}
.pBannerCaseD .pd img{ width: 100vw; height: auto;/* aspect-ratio: 1920/860; object-fit: cover; */}

.pMainCaseD1{ background: #000; color: #FFFFFF; padding: 75px 0;}
.pMainCaseD1_1{}
.dCaseHead{ display: flex; justify-content: space-between;}
.dCaseHeadFl{ width: 50%; padding-right: 80px; box-sizing: border-box;}
.dCaseHeadFl h1{ font-size: 48px;line-height: 1.2;}
.dCaseHeadFl em{font-size: 24px;line-height: 1.2;}
.dCaseHeadFr{ display: flex; flex-wrap: wrap; width: 50%;}
.dCaseHeadFr .dl{ width: 50%; margin-bottom: 26px;}
.dCaseHeadFr .dl:last-child{ width: 100%;}
.dCaseHeadFr .dt{font-size: 16px; line-height: 1.2; margin-bottom: 0.2em; color: #ADADAD;}
.dCaseHeadFr .dd{font-size: 24px; line-height: 1.5;}
.dCaseHeadFr .dl:last-child .dd{ font-size: 18px;}

.pMainCaseD2{background: #D8D8D8; padding: 75px 0;}
.pMainCaseD2_1{}
.dRequirement{}
.dRequirement ul{}
.dRequirement li{ margin-bottom: 75px;}
.dRequirement li:last-child{ margin-bottom:0;}
.dRequirement .pd{ display: block;}
.dRequirement .img{ width: 48%; float: left; box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.15);}
.dRequirement .text{ margin-left: 48%; padding:20px 0 0 86px;}
.dRequirement .h3{font-size: 32px; margin-bottom: 60px; padding: 32px 0 24px 0; border-bottom: 3px solid #000; position: relative;}
.dRequirement .h3:before{ content: ''; position: absolute; width: 24px; height: 24px; background:#FF2004; left:0; top:0;}
.dRequirement .h3 strong{ display:block; line-height: 1.2;}
.dRequirement .p{font-size: 18px;line-height: 1.4em; min-height: 5.6em;}
.dRequirement li:nth-child(even) .img{ float: right;}
.dRequirement li:nth-child(even) .text{ margin: 0 48% 0 0; padding: 20px 86px 0 0;}

.pMainCaseD3{ background: #000; padding: 75px 0; color: #fff;}
.dTit2{ margin-bottom:75px; text-align: center;}
.dTit2 strong{font-size: 32px; line-height: 1.2; display: block;}
.pMainCaseD3_1{ margin-bottom: 75px;}
.pMainCaseD3_2{ }
.dSolutionTJ{}
.dSolutionTJFl{ float: left; width: 50%; padding-right: 110px; box-sizing: border-box;}
.dTit4 .h3{ margin-bottom: 96px;}
.dTit4 .h3 em{font-size: 48px;color: #FF2004; display: block; line-height: 1.2;}
.dTit4 .h3 strong{font-size: 54px; display: block; line-height: 1.2;}
.dTit4 .p{font-size: 18px; line-height: 1.3333;}
.dTit4_2{ color: #fff;}
.dSolutionTJFr{ float: right; width: 50%;}
.dSolutionSwiper{ width: 55vw; position: relative;}
.dSolutionSwiper .swiper{ margin: 0 -12px;}
.dSolutionSwiper .pd{ margin: 0 12px;}
.dSolutionSwiper .swiper-slide{ padding-bottom: 38px;}
.dSolutionSwiper .swiperDots{ display: block; right: auto; bottom:0;}
.dSolutionSwiper .swiperDots span:before{background: rgba(255, 255, 255, 0.45);}
.dSolutionSwiper .swiperDots span.swiper-pagination-bullet-active:before{background: rgba(255, 255, 255, 0.8);} 
/* .dSolutionSwiper .swiperDots{ display: block; right: auto; bottom:0;}
.dSolutionSwiper .swiperDots span{ width: 8px; height: 8px; margin: 0 5px;}
.dSolutionSwiper .swiperDots span:before{ height: 100%; width: 100%; border-radius: 50%;background: rgba(255, 255, 255, 0.45);}
.dSolutionSwiper .swiperDots span.swiper-pagination-bullet-active:before{background: rgba(255, 255, 255, 0.8);} */
.dSolutionSwiper .img{}
.dSolutionSwiper .text{ padding: 25px 0;}
.dSolutionSwiper .npd{ position: relative; display: flex; align-items: center;}
.dSolutionSwiper .i{font-size: 36px; line-height: 1; margin-right: 0.55em; color: #FF2004; white-space: nowrap;}
.dSolutionSwiper .h3{}
.dSolutionSwiper .h3 strong{ font-size: 18px; line-height: 1.2; display: block; margin-bottom: 0.2em;}
.dSolutionSwiper .h3 span{ font-size: 12px; line-height: 1.2; display: block;}
.dSolutionSwiper_2 .text{ color: #fff;}

.pMainCaseD3_3{ padding-top: 120px;}
.pMainCaseD3_3 .wpd{}
.pMainCaseD3_3 ul{ display: flex; justify-content: space-between;}
.pMainCaseD3_3 li{ max-width: 33.3333%;}
.pMainCaseD3_3 li a{ font-size: 16px; color: #FFFFFF; text-decoration: underline; display:block;}
.pMainCaseD3_3 li:nth-child(2) a{ font-size: 18px; text-decoration: none;}


/*产品详情适配*/

.pMainCaseD1{padding: 3.75em 0;}
.dCaseHeadFl{ padding-right: 4em;}
.dCaseHeadFl h1{ font-size: 2.4em;}
.dCaseHeadFl em{font-size: 1.2em;}
.dCaseHeadFr .dl{ margin-bottom: 1.3em;}
.dCaseHeadFr .dt{font-size: 0.8em;}
.dCaseHeadFr .dd{font-size: 1.2em;}
.dCaseHeadFr .dl:last-child .dd{ font-size: 0.9em;}

.pMainCaseD2{padding: 3.75em 0;}
.dRequirement li{ margin-bottom: 3.75em;}
.dRequirement .img{ box-shadow: 0.4em 0.4em 0.8em 0px rgba(0, 0, 0, 0.15);}
.dRequirement .text{ padding:1em 0 0 4.3em;}
.dRequirement .h3{font-size: 1.6em; margin-bottom: 1.875em; padding: 1em 0 1.875em 0; border-bottom: 0.09375em solid #000;}
.dRequirement .h3:before{ width: 0.75em; height: 0.75em;}
.dRequirement .p{font-size: 0.9em;}
.dRequirement li:nth-child(even) .text{ padding: 1em 4.3em 0 0;}

.pMainCaseD3{padding: 3.75em 0;}
.dTit2{ margin-bottom:3.75em;}
.dTit2 strong{font-size: 1.6em;}
.pMainCaseD3_1{ margin-bottom: 3.75em;}
.dCaseInfo{ font-size: 0.9em; line-height: 1.75;}
.dCaseInfo img{width: 100%; max-width: 100%; height: auto; display:block; margin-bottom: 1em;}
.pMainCaseD3_3{ padding-top: 6em;}
.dSolutionTJFl{ padding-right: 5.5em;}
.dTit4 .h3{ margin-bottom: 4.8em;}
.dTit4 .h3 em{font-size: 2.4em;}
.dTit4 .h3 strong{font-size: 2.7em;}
.dTit4 .p{font-size: 0.9em;}

.dSolutionSwiper .swiper{ margin: 0 -0.6em;}
.dSolutionSwiper .pd{ margin: 0 0.6em;}
.dSolutionSwiper .swiper-slide{ padding-bottom: 1.9em;}
/* .dSolutionSwiper .swiperDots span{ width: 0.4em; height: 0.4em; margin: 0 0.25em;} */

.pMainCaseD3_3 li a{ font-size: 0.8em; }
.pMainCaseD3_3 li:nth-child(2) a{ font-size: 0.9em;}



/*新服务*/
.iMaindpService{ padding:75px 0; background: no-repeat center center; background-size: cover; font-size: 20px; overflow: hidden;}
.iMaindpService1{ }
.iMaindpService2{ }
.iMaindpService3{ }
.iMaindpService4{ }
.iMaindpService5{ }
.iMaindpService5_1 img{ width: 100vw; height: auto; display: block;}
.dFuwuInfo{ padding-top: 30px;}

.dTit3{ margin-bottom: 75px;}
.dTit3 .t{ text-align: center;}
.dTit3 .t em{ display: block; color: #FF2004; font-size: 30px; line-height: 1.2; margin-bottom: 16px;}
.dTit3 .t strong{ display: block; color: #000000; font-size: 54px; line-height: 1.2; margin-bottom: 26px; font-weight: normal;}
.dTit3 .c{font-size: 18px; line-height: 1.333333333333333; color: #585858; text-align: center; padding: 0 10%;}
.dTit3_2 .t strong{ color: #fff;}
.dTit3_2 .c{ color: #CBCBCB;}

.dServiceList{}
.dServiceList .swiper{margin: 0 -16px;}
.dServiceList .pd{ display: block; margin: 0 16px; position: relative; padding: 50px 0; box-sizing: border-box; color: #000; background: #eee;}
.dServiceList .img{  font-size: 108px; text-align: center; line-height: 1; color:#585858; margin-bottom: 0.25em;}
.dServiceList .text{ text-align: center;}
.dServiceList .em{ font-size: 16px; line-height: 1.2; color: #FF2004; font-weight: lighter; margin-bottom: 0.2em;}
.dServiceList .h3{ font-size: 24px; line-height: 1.2; color: #3B3B3B; font-weight: normal;}
.dServiceList .text2{ position: absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; background: #FF2004; display: flex; align-items:center; color: #fff; opacity: 0; transition: 0.3s opacity; z-index: 2;}
.dServiceList .h4{ position: relative; padding-bottom: 1.5em; margin-bottom: 1.5em;}
.dServiceList .h4:before{ content: '';width: 28px;height: 4px; background: #fff; position: absolute; left: 0px; bottom: 0px;}
.dServiceList .h4 strong{font-size: 18px; line-height: 1.333333333333333; display: block; font-weight: normal; min-height:5.333333333333332em;}
.dServiceList .p{ font-size: 14px; line-height: 1.3;}
.dServiceList .text2 .npd{ padding: 40px; }
.dServiceList .pd:hover .text2{ opacity: 1;}

/*新服务*/

.iMaindpService{ padding: 3.75em 0;}
.dTit3{ margin-bottom:3.75em;}
.dTit3 .t em{ font-size: 1.5em; margin-bottom: 0.5333333333333333em;}
.dTit3 .t strong{ font-size: 2.7em; margin-bottom: 0.4814814814814815em;}
.dTit3 .c{font-size: 0.9em;}
.dServiceList .swiper{margin: 0 -0.5em;}
.dServiceList .img{ font-size: 5.4em;}
.dServiceList .pd{ margin: 0 0.5em; padding: 2.5em 0;}
.dServiceList .text2 .npd{ padding: 2em;}

/*能力*/



/*关于我们*/



.iMaindSolution{ padding: 75px 0; background: no-repeat center center; background-size: cover; position: relative; overflow: hidden; font-size: 20px;}
.iMaindSolution1{ padding: 24px 0; background: #F2F3F3;}


.dServiceListB{}
.dServiceListB li{ margin-bottom:48px;}
.dServiceListB li:last-child{ margin-bottom: 0px;}
.dServiceListB .pd{ display: block; position: relative; overflow: hidden; color: #595757;}
.dServiceListB .img{ width: 65%; float: right;}
.dServiceListB .text{ position: absolute; right: 65%; top:0; bottom:0; left:0; padding: 0 40px; box-sizing:border-box; background: #fff; }
.dServiceListB .h3{ line-height: 1.2; padding-bottom: 0.5em; margin-bottom: 40px;}
.dServiceListB .h3 em{ display: block; font-size: 18px; text-transform: uppercase;color: #FF2004; font-weight: lighter;}
.dServiceListB .h3 strong{ display: block; font-weight: normal; font-size:34px; color: #000;}
.dServiceListB .h3 span{ display: block; font-weight: normal; font-size: 16px; margin-bottom: 0.25em; color: #383838;}
.dServiceListB .p{ text-align: justify; position: relative; display: flex; margin: 0 -20px 40px -20px; line-height: 24px;}
.dServiceListB .pfl{ max-width: 50%; padding: 0 20px; box-sizing: border-box;}
.dServiceListB .pfr{ max-width: 50%; padding: 0 20px; box-sizing: border-box;}
.dServiceListB .pt{ font-size: 16px; font-weight: 500px; color: #3B3B3B;}
.dServiceListB .pc{ color: #858585; font-size: 13px;}
.dServiceListB .em{ line-height: 24px;}
.dServiceListB .emt{ font-size: 16px; font-weight: 500; color: #3B3B3B; position: relative;}
.dServiceListB .emt:before{ content:''; position: absolute; height: 3px; width: 2em; background: #FF2004; top: -12px; left: 0;}
.dServiceListB .emc{ color: #858585; font-size: 13px;}
.dServiceListB .m{ padding-top: 20px; display: none;}
.dServiceListB li:nth-child(even) .pd{ color: #fff;}
.dServiceListB li:nth-child(even) .img{ float: none;}
.dServiceListB li:nth-child(even) .text{ left: 65%; right:0; background: #211919;}
.dServiceListB li:nth-child(even) .h3 strong{ color:#fff;}
.dServiceListB li:nth-child(even) .h3 span{ color: #E6E6E6;}
.dServiceListB li:nth-child(even) .pt{ color: #fff;}
.dServiceListB li:nth-child(even) .pc{ color: #ADADAD;}
.dServiceListB li:nth-child(even) .emt{ color: #fff;}
.dServiceListB li:nth-child(even) .emc{ color: #ADADAD;}

.iMaindSolution2{ padding:100px 0; background-color: #fff;}
.iMaindSolution2:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5);}

.dMake{}
.dMake .swiper{ margin: 0 -18px;}
.dMake .pd{ display: block; background: #000; margin: 0 18px; box-sizing: border-box; padding:0;}
.dMake .img{ overflow: hidden; position: relative;}
.dMake .img img{ transition: 0.3s all; }
.dMake .text{ padding:20px 26px;}
.dMake .text2{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); padding: 40px; display: flex; justify-content: center; align-items: center; opacity: 0; transition: 0.3s opacity; z-index: 2;}
.dMake .h3{ position: relative; color: #000000;}
.dMake .h3 em{font-size: 24px;font-weight: 500;color: #FF2004; line-height: 1.2;}
.dMake .h3 strong{ font-size: 28px; line-height: 1.2; color: #FFFFFF; display: block; font-weight: normal;}
.dMake .p{ font-size: 14px; line-height: 24px; min-height: 48px; color: #e6e6e6;}

.dMake .pd:hover .img img{ transform: scale(1.05,1.05);}
.dMake .pd:hover .text2{ opacity: 1;}


.iMaindSolution3{ background: #F2F3F3;}
.iMaindSolution3_1{ margin-bottom: 20px;}
.dTit5{ position: relative; padding: 36px 0 28px 0; margin-bottom: 24px;}
.dTit5:before{ content: ''; position: absolute; width: 24px; height: 24px; background: #FF2004; top: 0px;}
.dTit5:after{ content: ''; position: absolute; left: 0px; bottom: 0px; right: 0px; height: 2px; background: #cbcbcb;}
.dTit5 strong{ display: block; line-height: 1; font-size: 32px; color: #000;}

.dProcessing{}
.dProcessing ul{ margin: 0 -5px;}
.dProcessing li{ width: 50%; float: left; aspect-ratio: 1372/300; position: relative;}
.dProcessing .pd{ background: #fff; display: block; position: relative; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; overflow: hidden;}
.dProcessing .img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.dProcessing .img img{ width: 100%; height: 100%; object-fit: cover;}
.dProcessing .text{ position:absolute; left: 0px; height: 100%; right: 0px; bottom: 0px; box-sizing: border-box; background: rgba(0,0,0,0.4);}
.dProcessing .npd{ padding: 48px 24px 24px 24px;}
.dProcessing .npd:before{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 4px; height: 0%; background: #FF2004; transition: 0.3s height; }
.dProcessing .h3{ font-size: 24px; line-height: 1.2; color: #fff; margin-bottom:1em;}
.dProcessing .p{ font-size: 18px; line-height: 1.2; color: #fff;}


.dProcessing li:first-child{aspect-ratio: 1370/898;}
.dProcessing li:first-child .text{ aspect-ratio: 1372/300; height: auto; bottom: -8px;}

.dProcessing .pd:hover .npd:before{ height: 100%;}


.dNetwork{ position: relative; padding-bottom: 30px;}
.dNetwork .swiper{ margin: 0 -10px; display: flex;}
.dNetwork .pd{ margin: 0 10px; background: #fff; display: block; position: relative;}
.dNetwork .img{aspect-ratio: 666/336; overflow: hidden;}
.dNetwork .img img{ height: 100%; width: 100%; object-fit: cover; transition: 0.6s all;}
.dNetwork .text{ position:absolute; left: 0; right: 0; bottom: 0; top: 0; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.4); color: #fff;}
.dNetwork .h3{ font-size: 24px;color: #FFFFFF;}
.dNetwork .swiperDots{ display: block; bottom: 0px;}

.dNetwork .pd:hover .img img{ transform: scale(1.05,1.05);}


.iMaindSolution4{ background: #000; padding: 70px 0;}
.iMaindSolution5{ padding: 100px 0;}
.dTeam{ position: relative;}
.dTeamFl{ position: absolute; right: 0px; top: 0px; bottom: 0px; width: 50%;}
.dTeamFl .dTit4{ display: flex; height: 100%; justify-content: space-between; flex-direction: column;}
.dTeamFr{ margin-right: 50%; padding-right: 110px;}


.iMaindAbout{ font-size: 20px;  padding: 3.75em 0; overflow: hidden; position: relative;}
.iMaindAbout1{ background: #fff;}
.iMaindAbout1_1{}

.dAboutInfoTit{ margin-bottom: 60px; position: relative;}
.dAboutInfoTit .h3{ position: absolute; right: 0px; bottom: -6px; text-align: right; background: #fff; z-index: 2; padding-left: 40px; transform: translateZ(0);}
.dAboutInfoTit .h3 strong{ font-size: 48px; display: block; font-weight: normal; line-height: 1.2; margin-bottom: 0.2em;}
.dAboutInfoTit .h3 em{ font-size: 18px; font-weight: lighter; display: block; line-height: 1.2; letter-spacing: 0.09em;}
.dAboutInfoTit .em{ position: relative; padding: 30px 0 20px 0;}
.dAboutInfoTit .em:after{ content: ''; position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; background: #FF2004;}
.dAboutInfoTit .em:before{ content:''; position: absolute; left: 0px; bottom: 0px; right: 0px; height: 1px; background: #000;}
.dAboutInfoTit .em em{font-size: 32px;font-weight: bold;color: #000000; display: block; line-height: 1.2;}

.dAboutInfoTop{ margin-bottom:0px;}
.dAboutInfoTop .pd{ display: block; position: relative;}
.dAboutInfoTop .img{ width: 45.85714285714286%; float: left;}
.dAboutInfoTop .text{ margin-left: 45.85714285714286%; padding-left: 100px;}
.dAboutInfoTop .p{ font-size: 16px; line-height: 1.5625em; color: rgba(123,124,134,0.6); text-align: justify; margin-bottom: 2.5em;}


.dAboutInfoBottom{}
.dAboutInfoBottom ul{ display: flex ; margin: 0 -10px; justify-content: space-between;}
.dAboutInfoBottom li{}
.dAboutInfoBottom .pd{ display: block; text-align: center; position: relative; margin: 0 10px;}

.dAboutInfoBottom .em{ color: #ff1c01; font-size: 48px; line-height: 1; font-weight: bold; display: flex; justify-content: center; align-items: center;}
.dAboutInfoBottom .em strong{}
.dAboutInfoBottom .em i{}
.dAboutInfoBottom .h3{ font-size: 12px; color: rgba(123,124,134,0.6);}


.iMaindAbout{}
.iMaindAbout2{ padding:100px 0; background-color: #fff; position: relative;}

.dIdea{}
.dIdea .swiper{ margin: 0 -18px;}
.dIdea .pd{ display: block; background: #fff; margin: 0 18px; box-sizing: border-box; padding:50px 30px; border-radius: 0;}
.dIdea .i{ font-size: 96px; line-height: 1; margin-bottom: 0.5em; color: #FF2004; text-align: center;}
.dIdea .h3{ position: relative; padding-bottom: 23px; margin-bottom: 20px; text-align: center; color: #000;}
.dIdea .h3:before{ content: ''; position: absolute; left: 50%; margin-left: -1em; bottom: 0px; height: 3px; width: 2em; background: #FF2004;}
.dIdea .h3 strong{ font-size: 24px; line-height: 1; color: #000; display: block;}
.dIdea .p{ font-size: 14px; line-height: 1.5; min-height: 7.5em; color: #858585;}

.dHistory{}
.dHistory .ul{ display: flex; margin: 0 -16px;}
.dHistory .li{ width: 25%;}
.dHistory .pd{ margin: 0 16px;}
.dHistory .em{ font-size: 14px; line-height: 1.5; height: 7.5em; margin-bottom: 10px;}
.dHistory .h2{ background: #ff1c01; color: #fff; margin-bottom: 80px; position: relative; height: 48px; line-height: 48px; display: flex;}
.dHistory .h2:before{ content: ''; position: absolute; left: 50%; width: 100vw; margin-left: -50vw; top: 0px; bottom: 0px; background: #ff1c01; z-index: 1;}
.dHistory .h2 em{ font-size: 18px; position: relative; z-index: 2; padding-left: 20px; margin-right: 1em; display: flex; line-height: 32px; align-items: flex-end;}
.dHistory .h2 em:before{ content: ''; left: 0; top: 0; bottom: 0; width: 6px; background: #fff; position: absolute;}
.dHistory .h2 em:after{ content: ''; position: absolute; left: 0; top: 100%; width: 2px; background: #5e5e5e; height: 66px;}
.dHistory .h2 strong{ font-size: 32px; font-weight: normal; position: relative; z-index: 2;}
.nlist{}
.nlist li{ margin-bottom: 10px;}
.nlist .npd{}
.nlist .img{}
.nlist .text{ padding-top: 10px;}
.nlist .h3{ font-size: 18px; color: #000; line-height: 1.5; margin-bottom: 0.2em;}
.nlist .p{ font-size: 14px; line-height: 1.5; height: 9em;}


.iCaseb .swiper{ margin: 0 -4px;}
.iCaseb .pd{ position: relative; display: block; margin: 0 4px;}
.iCaseb .pd:before{ content:''; position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(35,24,21,0.5); background-size:100% 100%; opacity:0; z-index:1; transition: 1s all;}
.iCaseb .img{ overflow: hidden;}
.iCaseb .img img{aspect-ratio: 1 / 1; object-fit: cover;}
.iCaseb .text{ color:#fff;  line-height:1.7142857142857142; z-index:2; opacity:0; display: flex; align-items: center; justify-content: center; transition: 1s all; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.iCaseb .h3{ font-size:24px; line-height:1;}
.iCaseb .h3 strong{ display:inline-block; vertical-align:bottom; padding-bottom:0.5em; border-bottom:3px solid #ff1c00; margin-bottom:0.5em;}
.iCaseb .h3 em{ text-transform:uppercase; display:block; font-size:0.75em;}
.iCaseb .pd:hover .text{ opacity:1;}
.iCaseb .pd:hover:before{ opacity:1;}



/**/

.iMaindAbout2{ padding: 5em 0;}

.dProcessing .npd{ padding: 2.4em 1.2em 1.2em 1.2em;}
.dProcessing .h3{ font-size: 1.2em;}
.dProcessing .p{ font-size: 0.9em;}

.dAboutInfoTop .text{ padding-left: 5em;}
.dAboutInfoBottom .em{ font-size: 2.4em;}
.dAboutInfoTop .p{ font-size: 0.8em;}

.dIdea .i{ font-size: 4.8em;}
.dIdea .swiper{ margin: 0 -0.9em;}
.dIdea .pd{ padding: 2.5em 1.5em; margin: 0 0.9em;}
.dIdea .h3{ padding-bottom: 1.15em; margin-bottom: 1em;}
.dIdea .h3 strong{ font-size: 1.2em;}
.dHistory .ul{ margin: 0 -0.8em;}
.dHistory .pd{ margin: 0 0.8em;}
.dHistory .h2{}
.dHistory .h2 em{ font-size: 0.9em; line-height: 38px;}
.dHistory .h2 strong{ font-size: 1.6em;}

.dSol,
.iMain,
.zcaseA,
.zCaseM,
.pMain,
.dfooter,
.iMaindSolution,
.iMaindAbout,
.dTit1,
.diService,
.dApp,
.iMaindpService{ font-size: 1.04166666666667vw;}

.iMaindSolution{ padding: 3.75em 0;}
.dTeamFr{ padding-right: 5.5em;}
.dServiceListB .text{ padding: 0 2em;}

.dMake .swiper{ margin: 0 -0.9em;}
.dMake .pd{ margin: 0 0.9em;}
.dSolutionSwiper .i{ font-size: 1.8em;}
.dNetwork .h3{ font-size: 1.2em;}
.dMake .text{ padding: 1em 1.3em;}
.dMake .h3 em{ font-size: 1.2em;}
.dMake .h3 strong{ font-size: 1.4em;}
.dMake .text2{ padding: 2em;}
.dNetwork .swiper{ margin: 0 -0.5em;}
.dNetwork .pd{ margin: 0 0.5em;}

.dTit5{ padding: 1.8em 0 1.4em 0;}
.dTit5:before{ width: 1.2em; height: 1.2em;}
.dTit5 strong{ font-size: 1.6em;}

.dAboutInfoTit .h3 strong{ font-size: 2.4em;}
.dAboutInfoTit .h3 em{ font-size: 0.9em;}
.dAboutInfoTit .em{ padding: 1.5em 0 1em 0;}
.dAboutInfoTit .em em{ font-size: 1.6em}
.dAboutInfoTit .em:after{ width: 1.2em; height: 1.2em;}
.dAboutInfoTit .h3{ padding-left: 2em;}




/*能力*/
.dSol{ font-size: 20px;}
.dSol .ul{}
.dSol .li{ background:no-repeat center center #e9ecec; background-size: cover; padding: 75px 0;}
.dSol .li:nth-child(even){ background-color: #E5E5E5;}
.dSol .wpd{}
.dSolHead{ margin-bottom: 30px;}
.dSolHead .pd{ display: block;}
.dSolHead .h3{ border-bottom: 3px solid #000000; display: flex; margin-bottom: 10px;}
.dSolHead .h3 strong{font-size: 48px; width: 5.833333333333333em; height: 2em; line-height: 2em; color: #FFFFFF;background: #FF2004; text-align: center; display: block;}
.dSolHead .h3 span{font-size: 48px;color: #3B3B3B; display: block; position: relative; padding-left:0.8em; height: 2em; line-height: 2em; overflow: hidden; box-sizing: border-box;}
.dSolHead .h3 span:before{content: '';position: absolute;top: 0;left:10px;bottom: 0;margin: auto;width: 0;height: 0;border-top: 0.2083333333333333em solid transparent;border-bottom: 0.2083333333333333em solid transparent; border-left: 0.2916666666666667em solid #FF2004;}
.dSolCon{ margin-bottom: 30px;}
.dSolConFl{ margin-right: 50%;}
.dSolConFl ul{ margin-right: 12px;}
.dSolConFl li{ margin-bottom: 0px;}
.dSolConFl .pd{ display: block; padding: 28px 20px; background: #fff; position: relative;}
.dSolConFl .pd:before{ content: ''; position: absolute; left: 0px; bottom: 0px; height: 0; width: 5px; background: #FF2004; transition: 0.3s all;}
.dSolConFl .h3{font-size: 24px; line-height: 1.2; margin-bottom: 0.6em;}
.dSolConFl .h3 strong{font-size: 1em; color: #000; margin-right: 0.5em;}
.dSolConFl .h3 span{font-size: 1em; color: #585858;}
.dSolConFl .p{ font-size: 18px; color: #ADADAD; line-height: 1.4; height: 2.8em; }
.dSolConFl .pd:hover .h3 strong{ color: #FF2004;}
.dSolConFl .pd:hover .h3 span{ color: #000;}
.dSolConFl .pd:hover:before{ height: 100%;}
.dSolConFl .p{font-size: 18px;}
.dSolConFr{ width: 50%; float: right;}
.dSolConFr .pd{ display: block; position: relative;}
.dSolConFr .img{ overflow: hidden;}
.dSolConFr .img img{ height: 448px; object-fit: cover; width: 100%;}
.dSolConFr .text{ position: absolute; left: 0px; bottom: 0px; right: 0px; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 18px; transition: 0.3s all; font-size: 20px;}
.dSolConFr .npd{ height: 50px; position: relative; padding-left: 266px; overflow: hidden; transition: 0.3s height;}
.dSolConFr .t{ position: absolute; padding-left: 96px; left: 0px; top: 0px; }
.dSolConFr .t i{ position: absolute; left: 0px; top: 50%; line-height: 1; margin-top: -0.5em; font-size: 80px; color: #FF1C00; transition: 0.3s color;}
.dSolConFr .t em{ font-size: 20px; display: block; line-height: 1.2; color: #FF1C00; transition: 0.3s color;}
.dSolConFr .t strong{ font-size: 24px; display: block; line-height: 1.2;}
.dSolConFr .c{ display: flex; justify-content: space-between; margin-right: -1em; font-size: 14px; line-height: 1.714285714285714; padding-top: 0.4285714285714286em;}
.dSolConFr .p{ position: relative; padding-top: 1.714285714285714em; max-width: 33.3333%; padding-right: 1em; box-sizing: border-box;}
.dSolConFr .p:before{ content: ''; position: absolute; left: 0px; top: 0px; width: 1em; height: 1em; background:#FF2004; transition: 0.3s background;}
.dSolConFr .p1{}
.dSolConFr .p2{}
.dSolConFr .p3{}
.dSolConFr .pd:hover .text{ background: #f81b00; color: #fff;}
.dSolConFr .pd:hover .t i{ color: #fff;}
.dSolConFr .pd:hover .t em{ color: #fff;}
.dSolConFr .pd:hover .p:before{ background: #fff;}
.dSolConFr .pd:hover .npd{/*  height: 124px; */ height: auto;}

.dSolBottom{}
.dSolBottomTit{ border-bottom: 1px solid #585858; margin-bottom: 15px;}
.dSolBottomTit em{font-size: 36px;color: #FF2004; margin-right: 0.5em;}
.dSolBottomTit strong{font-size: 24px;color: #000000;}
.dSolBottomCon{ position: relative; padding-right:100px;}
.dSolBottomConList{}
.dSolBottomConList ul{ display: flex; flex-wrap: wrap;}
.dSolBottomConList li{ width: 25%;}
.dSolBottomConList .pd{ margin-right: 24px; display: block;}
.dSolBottomConList .img{ overflow: hidden; margin-bottom: 10px;}
.dSolBottomConList .img img{ transition: 0.6s transform;}
.dSolBottomConList .text{}
.dSolBottomConList .h3{font-size: 18px; text-align: center; line-height: 1.666666666666667em; height: 1.666666666666667em;color: #000000; font-weight: lighter; overflow: hidden;}
.dSolBottomConList .pd:hover .img img{ transform: scale(1.05,1.05);}
.dSolBottomConMore{ position: absolute; right: 0px; top: 0px; bottom: 1.666666666666667em; width: 5em;}
.dSolBottomConMore a{ display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;font-size: 28px;color: #000000; background: #fff; transition: 0.6s all;}
.dSolBottomConMore a:hover{ background: #FF2004; color: #fff;}



.dSol{ font-size: 1.0416666666666666vw;}
.dSol .li{ padding: 3.75em 0;}
.dSolHead{ margin-bottom: 1.5em;}
.dSolHead .h3{ border-bottom-width: 0.15em; margin-bottom: 0.5em;}
.dSolHead .h3 strong{ font-size: 2.4em;}
.dSolHead .h3 span{ font-size: 2.4em;}
.dSolHead .p{ font-size: 1.6em;}
.dSolCon{ margin-bottom: 1.5em;}
.dSolConFl ul{ margin-right: 0.6em;}
.dSolConFl li{}
.dSolConFl .pd{ padding: 1.4em 1em;}
.dSolConFl .pd:before{ width: 0.25em;}
.dSolConFl .h3{ font-size: 1.2em;}
.dSolConFl .p{ font-size: 0.9em}
.dSolConFl .p{font-size: 0.9em;}
.dSolConFr .text{ padding: 0.9em}
.dSolConFr .npd{ height: 2.5em; padding-left: 13.3em;}
.dSolConFr .t{ padding-left: 4.8em;}
.dSolConFr .t i{ font-size: 4em;}
.dSolConFr .t em{ font-size: 1em;}
.dSolConFr .t strong{ font-size: 1.2em;}
.dSolConFr .c{ font-size: 0.7em; }
.dSolConFr .pd:hover .npd{ /* height: 6.2em; */}
.dSolBottomTit{ margin-bottom: 0.75em;}
.dSolBottomTit em{ font-size: 1.8em;}
.dSolBottomTit strong{ font-size: 1.2em;}
.dSolBottomCon{ padding-right:5em;}
.dSolBottomConList .pd{ margin-right: 1.2em;}
.dSolBottomConList .img{ margin-bottom: 0.25em;}
.dSolBottomConList .h3{ font-size: 0.9em;}
.dSolBottomConMore a{ font-size: 1.4em;}
.dSolConFr .img img{ height: 22.4em;}


.dMain_service .wp{ width: auto; }
@media screen and (max-width:1680px){
.zcaseA .em strong{ font-size: 24px;}
.zcaseA .h3{ font-size: 16px;}
.nlist .h3{ font-size: 16px;}
.nlist .p{ font-size: 12px;}
.dTit1 .p{ font-size: 14px;}
.dTit1_3 .p{ font-size: 2.2em;}
.diService .em{ /* font-size: 14px; */}
.dRequirement .p{ font-size: 14px;}
.dTit4 .p{ font-size: 14px;}
.pMainCaseD3_3 li:nth-child(2) a{ font-size: 14px;}
.pMainCaseD3_3 li a{ font-size: 12px;}
.dServiceList .pd{ padding: 50px 0;}
.dServiceList .h3{ font-size: 20px;}
.dServiceList .em{ font-size: 16px;}
.dServiceList .h4 strong{ font-size: 16px;}

.dServiceListB .img{ width: 60%;}
.dServiceListB .text{ right: 60%;}
.dServiceListB li:nth-child(even) .text{ left: 60%;}
.dServiceListB .h3{ margin-bottom: 20px;}
.dServiceListB .p{ margin: 0 -15px 40px -15px;}
.dServiceListB .pfl,
.dServiceListB .pfr{ padding:0 15px;}

.dAboutInfoTop .p{ font-size: 0.9em;}


.dftext{ margin-bottom: 40px;}
.dfContact .text{ padding-left: 30px;}
.dfNav dl{ margin-right: 40px;}

.dCaseInfo{ font-size: 14px;}
}
@media screen and (max-width:1600px){
.dAboutInfoTop .p{ line-height: 1.44;}

}
@media screen and (max-width:1440px){
.dfNav dl{ margin-right: 40px;}
.dServiceList .h3{ font-size: 16px;}
.dServiceList .em{ font-size: 14px;}
.dAboutInfoTop .p{ line-height: 1.5625; font-size: 14px;}

.dServiceListB .p{ margin: 0 -10px 40px -10px;}
.dServiceListB .pfl,
.dServiceListB .pfr{ padding:0 10px;}
}
@media screen and (max-width:1366px){
.dfContact strong{ font-size: 24px;}
.dfNav dl{ margin-right: 30px;}
.dAboutInfoTop .p{ line-height: 1.44;}
.dfContact .text{ padding-left: 20px;}
.dServiceListB .pc{ font-size: 12px;}

}
@media screen and (max-width:1280px){
.menu .h3 a{ font-size: 16px;}

.dfTop{}
.dfNav dl{ margin-right: 30px;}
.dfContact strong{ font-size: 24px;}

.dSol,
.iMain,
.zcaseA,
.zCaseM,
.pMain,
.dfooter,
.iMaindSolution,
.iMaindAbout,
.dTit1,
.diService,
.dApp,
.iMaindpService{ font-size: 15.55555555555556px;}


}

@media screen and (max-width:1024px){
.dCaseLi .text{ opacity: 1; top: auto; background: rgba(35,24,21,0.8); padding: 15px 20px; display: block;}
.dCaseLi .h3{}
.dCaseLi .h3 strong{ border-bottom: none; padding-bottom:0; font-size: 16px; }
.dCaseLi .h3 em{ font-size: 12px;}
.dCaseLi .pd:before{ display: none;}


.pMainCaseD3{ padding: 60px 0;}
.dCaseHeadFl{ width:40%; padding-right: 20px;}
.dCaseHeadFl h1{ font-size: 24px;}
.dCaseHeadFl em{ font-size: 12px;}
.dCaseHeadFr{ width:60%;}
.dCaseHeadFr .dt{ font-size: 12px;}
.dCaseHeadFr .dd{ font-size: 14px;}
.dCaseHeadFr .dl:last-child .dd{ font-size: 16px;}
.dRequirement .h3{ font-size: 16px;}
.dRequirement .p{ font-size: 14px;}
.dTit2{ margin-bottom: 30px;}
.dTit2 strong{ font-size: 24px;}
.pMainCaseD3_1{ margin-bottom: 30px;}
.dTit4 .h3{ margin-bottom: 15px;}
.dTit4 .h3 em{ font-size: 20px;}
.dTit4 .h3 strong{ font-size: 24px;}
.dTit4 .p{ font-size: 14px;}
.pMainCaseD3_2{ margin-bottom: 30px;}
.dSolutionSwiper .swiperDots span{ width: 6px; height: 6px;}
.pMainCaseD3_3 li a{ font-size: 14px;}
.pMainCaseD3_3 li:nth-child(2) a{ font-size: 16px;}

.dfNav{ display: none;}


.iMaindpService{ padding: 4em 0;}
.dTit3{ margin-bottom: 30px;}


.dServiceListB .img{ width: auto; float: none;}
.dServiceListB .text{ position: relative; left: auto; right: auto; top: auto; bottom: auto; padding: 30px;}
.dServiceListB li:nth-child(even) .text{ left: auto; right: auto;}

.dAboutInfoTop .text{ padding-left: 20px;}
.dIdea .swiper{ margin: 0 -0.5em;}
.dIdea .pd{ margin: 0 0.5em;}

.dHistory .ul{ display: block;}
.dHistory .li{ width: auto;}
.nlist li{ margin-bottom: 20px;}
.nlist li:last-child{ margin-bottom: 0px;}
.nlist .p{ height: auto;}



.dSolHead .h3{ display: block;}


.dMake .text{ padding: 15px 15px 10px 15px;}
.dMake .h3 em{ font-size: 12px;}
.dMake .text2{ position: relative; left: auto; top:auto; right: auto; bottom: auto; opacity: 1; background: #000; padding:0 15px 15px 15px;}

.dCaseInfo{ font-size: 14px;}
}
@media screen and (max-width:980px){
.dTit1 .pd{ display: block; text-align: center;}
.dTit1 .h3{ width: auto; margin-bottom: 20px;}
.dTit1 .h3:last-child{ margin-bottom: 0px;}
.dTit1 .h3 em{ font-size: 14px;}
.dTit1 .h3 strong{ font-size: 24px;}
.dTit1 .p{ padding:0; width: 80%; margin: 0 auto 20px auto; font-size: 14px;}
.dTit1 .p:last-child{ margin-bottom: 0px;}
.dTit1 .m{ position: relative; top: auto; right: auto; justify-content: center;}
.dTit1 .m a{ font-size: 12px;}
.dTit1_3 .p{ text-align: center; font-size: 14px;}
.diService .wtext .npd{ padding-left: 30px;}
.diService li:nth-child(even) .wtext .npd{ padding:0 30px 0 0;}
.diService .m a{ font-size: 12px;}
.diService .h3{ font-size: 24px;}
.diService .em{ /* font-size: 14px; */}

.dCase ul{ aspect-ratio: inherit !important; display: flex; flex-wrap: wrap; padding:0;}
.dCase li{ width: 50% !important; aspect-ratio: inherit !important; float: none! important;  position: static !important;}
.dCase li:nth-child(1){ width: 100% !important;}
.dCase_7 li:nth-child(3){ display: none !important;}
.dCase .pd{ position: relative; left: auto; top: auto; right: auto; bottom: auto; margin:0; padding: 2px; background: #000;}
.dCase .img{ position: static;}
.dCase .text{ position: relative; top: auto; left: auto; right: auto; bottom: auto; padding: 10px;}
.dCaseLi .h3 strong{ font-size: 14px; margin-bottom: 3px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; height: 1.3em; line-height: 1.3; overflow: hidden;}
.dCaseLi .h3 em{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; height: 1.3em; line-height: 1.3; overflow: hidden;}
.dCaseType{ width: 100% !important; margin-bottom: 2px;}
.dCaseType .pd{ padding:0;}
.dCaseType .npd{ position: relative; padding: 0px !important;}
.dCaseType .img{ position: absolute;}
.dCaseType .text{ padding: 30px 30px;}
.dCaseType .h3 strong{ font-size: 24px; margin-bottom: 0.2em;}
.dCaseType .h3 em{ font-size: 14px;}
.dCaseType .m{ left: auto !important; bottom: auto !important; top:0; right:0;}
/*.dCaseType .m em{ font-size: 12px;}*/

.diService .wimg .swiper{ margin: 0 -4px;}
.diService .wimg .npd{ margin: 0 4px;}


.dfBottom .wpd{ display: block;}
.dCopy{ margin-bottom: 15px;}
.dShare{ display: flex; justify-content: center; flex-direction: column; align-items: center;}
.dShareTit{ position: static; right: auto; top: auto; margin: 0px; width: auto; text-align: center; margin-bottom: 8px;}

.dfContact strong a{ display: block;}
.dfContact em{ display: none;}


.dMake .swiperDots{ display: block; bottom: -25px;}
.dNetwork .swiperDots{ display: block; bottom: -25px;}
.dProcessing li{ width: auto; float: none;}
.dSolutionTJFl{ width: auto; float: none; text-align: center; padding-right: 0px; margin-bottom: 30px; }
.dSolutionTJFr{ float: none; width: auto;}
.dSolutionSwiper{ width: auto;}
.dSolutionSwiper .swiperDots{ right: 0px;}
.dTeamFl{ position: static; top: auto; right: auto; bottom: auto; width: auto; text-align: center; margin-bottom: 30px; }
.dTeamFr{ width: auto; margin: 0px; padding-right: 0px;}
.dTeamSwiper .swiperDots{ display: block; bottom: -25px;}
.dSolutionSwiper .npd{ display: block;}

.dIdea .swiperDots{ display: block; bottom: -25px;}

.dMake .swiper{ margin: 0 -0.5em;}
.dMake .pd{ margin: 0 0.5em;}

.dSolutionSwiper .swiper{ margin: 0 -0.5em;}
.dSolutionSwiper .pd{ margin: 0 0.5em;}
.dServiceListB .p{ display: block; margin: 0 0 30px 0;}
.dServiceListB .pfl{ margin-bottom: 20px;}
.dServiceListB .pfl,
.dServiceListB .pfr{ max-width: inherit; padding: 0px;}

.dServiceListB .text{ padding: 20px;}
.dServiceListB .pc{ font-size: 12px; line-height: 1.5;}
.dServiceListB .emc{ font-size: 12px; line-height: 1.5;}


/*能力*/
.dSolConFl{ margin-right: 0px;}
.dSolConFr{ float: none; width: auto; margin-bottom: 10px;}
.dSolHead .h3 strong{ font-size: 24px;}
.dSolHead .h3 span{ font-size: 24px;}
.dSolHead .p{ font-size: 18px;}
.dSolConFl .pd{ padding: 1em;}
.dSolConFr .text{ position: relative; left: auto; bottom: auto; right: auto; background: #000;}
.dSolBottomCon{ padding-right: 0px;}
.dSolBottomConList ul{ margin: 0 -5px;}
.dSolBottomConList .pd{ margin: 0 5px;}
.dSolBottomConList li{ width: 50%; margin-bottom: 10px;}
.dSolBottomConMore{ width: auto; position: relative; right: auto;left: auto; bottom: auto; display: flex; justify-content: center;}
.dSolBottomConMore a{ width: auto; padding: 0 1.5em;}
.dSolConFr .npd{ height: auto;}
.dSolConFr .pd:hover .npd{ height: auto;}
}
@media screen and (max-width:760px){
.diService .em{ height: 5.6em;}
.diService .wimg .swiper{ margin: 0 -4px;}
.diService .wimg .npd{ margin: 0 4px;}

.dCaseHead{ display: block;}
.dCaseHeadFl{ width: auto; padding-right:0; margin-bottom: 20px;}
.dCaseHeadFr{ width: auto;}
.dRequirement li{ margin-bottom: 30px;}
.dRequirement li:nth-child(even) .img,
.dRequirement .img{ width: auto; float: none;}
.dRequirement li:nth-child(even) .text,
.dRequirement .text{ margin:0; padding: 20px 0 0 0;}
.dRequirement .h3,
.dRequirement .h3{ padding: 5px 0; margin-bottom: 10px;}
.dRequirement .h3:before{ width: 6px; height: 6px; top: 50%; margin-top: -3px;}
.dRequirement .h3 strong{ margin-left: 12px;}
.dRequirement .p{ min-height: inherit;}
.dSolutionTJFl{ float: none; width: auto; padding:0; margin-bottom: 30px;}
.dSolutionTJFr{ width: auto; float: none; overflow: hidden;}
.dSolutionSwiper .swiper-slide{ padding-bottom: 16px;}
.dSolutionSwiper{ width: auto; margin: 0;}
.dSolutionSwiper .swiperDots{ right:0;}

.dAboutInfoTop .img{ width: auto; float: none;}
.dAboutInfoTop .text{ margin: 0px; padding: 20px 0 0 0;}


/*能力*/
.dSolHead .h3 strong{ font-size: 18px;}
.dSolHead .h3 span{ font-size: 14px; height: auto; padding: 10px 0;}
.dSolHead .h3 span:before{ display: none; }
.dSolHead .p{ font-size: 14px;}
.dSolConFr .img img{ height: auto;}
.dSolConFr .npd{ padding-left: 0px;}
.dSolConFr .t{ position: relative; left: auto; top: auto; margin-bottom: 10px;}
.dSolConFr .c{ display: block;}
.dSolConFr .p{ max-width: inherit; padding: 0 0 0 1.5em; margin-bottom: 10px;}
.dSolConFr .p:last-child{ margin-bottom: 0;}
.dSolConFr .p:before{ top: 5px;}
.dSolBottomConMore a{ font-size: 1em;}
.dSolConFl .h3{ font-size: 14px;}
.dSolConFl .p{ font-size: 12px;}
.dSolBottomConList .h3{ font-size: 14px;}

.zcaseA{ padding: 2em 0.25em;}
.zcaseA li{ margin-bottom: 1em;}

.dServiceList .swiperDots{ display: block; bottom: -20px;}

.dProcessing li,
.dProcessing li:first-child{aspect-ratio:auto;}
.dProcessing .pd{ position: relative; left: auto; top: auto; bottom: auto; right: auto;}
.dProcessing .img{ position: relative; left: auto; top: auto; bottom: auto; right: auto;}
.dProcessing li:first-child .text,
.dProcessing .text{ position: relative; left: auto; top: auto; bottom: auto; right: auto; background: #000;}
.dProcessing .npd{ padding: 15px;}
.dProcessing .h3{ margin-bottom: 0.5em;}
}
@media screen and (max-width:640px){
.dTit1 .p{ width: auto;}
.diService .wtext .npd{ padding-left: 20px;}
.diService li:nth-child(even) .wtext .npd{ padding:0 20px 0 0;}

.dfTop{ padding: 60px 0;}

.dAboutInfoTit{ margin-bottom: 30px; font-size: 12px;}
}
@media screen and (max-width:480px){
.diService li:nth-child(even) .wimg,
.diService .wimg{ width: auto; margin:0; margin-bottom: 30px;}
.diService li:nth-child(even) .wtext,
.diService .wtext{ position: relative; left: auto; top: auto; bottom: auto; right: auto;}
.diService li:nth-child(even) .wtext .npd,
.diService .wtext .npd{ padding:0;}
.diService_2{ margin: 0 -12%;}
.diService .em{ height: auto; display: block;-webkit-line-clamp: inherit;}
}
@media screen and (max-width:413px){

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

}