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: #000;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:0px;}
.menu-link.active span:after { background-color:#ff1c00; transform: rotate(-45deg); top:0px;}
.menu-link.active em{ display:none;}





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

.header{ position:fixed; left:0px; top:32px; right:0px; z-index:99;}
.header .wp{ margin:0 80px; width:auto;}
.logo{ position:absolute; left:0px; top:50%; font-size:96px; margin-top:-0.5em; line-height:1; top: 0px; margin-top: 0px;}
.logo img{ width:100%; display:block;}

.menu{ text-align:center; padding:0 240px 0 200px;}
.menu ul{ display:inline-block; vertical-align:bottom;}
.menu li{ float:left; margin:0 25px; 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:0px; right:0px; bottom:0px; 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:80px; top:50%; height:40px; line-height:40px; margin-top:-20px;}
.tContact .pd{ color:#fff; font-size:18px;}
.tContact i{ float:left; margin-right:10px; font-size:1em;}
.tContact span{ float:left; font-weight:bold;}

.tSearch{ top:50%; margin-top:-20px; position:absolute; right:0px; color:#fff;}
.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:0px; 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:18px; background:#fff; padding:0 25px; color:#333; }
.ipt_b1{ position:absolute; right:0px; top:0px; height:36px; border:none; color:#fff; border-radius:0 26px 26px 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:0px; 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: 0px;}
.body_fix .header,
.pbody .header{ top:0px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3); padding: 10px 0; }
.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;}


.ibody2 .menu .h3 a,
.ibody2 .tSearch,
.ibody2 .tContact .pd{ color:#000;}
.ibody2 .menu .h3 a:before{ background:#000;}

.iBanner{height: 600px; overflow: hidden; margin-top: 80px;}
.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;}
.iBanner .pd{ overflow:hidden; display:block;}
.iBanner .pd img{ height:600px; width:100%;}


.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: 0px;}
.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:80px 0;}
.dingwei{ position: relative; height: 0px;}
.dingwei a{ position: absolute; top: -80px; 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: 0px; top: 0px; right: 0px; bottom: 0px; 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:0px;}
.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:15px;}

.iBannerNav .text2{ position: absolute; z-index: 3; left: 0px; top: 0px; right: 0px; bottom: 0px; 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:0px; top:0px; bottom:0px; right:0px; /*background:url(../image/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:0px; bottom:0px; right:0px; top:0px; 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:0px; position:static;}

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

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


.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:0px; font-size:0.5em; line-height:1; top:0px; 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:0px; top:0px; right:0px; bottom:0px; opacity:0;}
.iHonor .text{ position:relative; z-index:2; padding-top:30px;}
.iHonor .txt{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; 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:0px; top:0px; 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:0px; top:0px;}
.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:0px; width: 25%}
.fBottom .p1 a:nth-child(1){ display:none;}
.fBottom .p2{ overflow:hidden; margin-bottom:0px; 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:600px;}
.pBanner .pd img{ height:600px;}
.bBanner{height:600px;}
.bBanner .pd img{ height:600px;}

.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:0px; right:0px; box-shadow:0 0 3px rgba(0,0,0,0.3);}



.pMain{ padding:50px 0;}
.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:0px; right:0px; bottom:0px; 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:0px; 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:0px; position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; 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: 0px;}
.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:0px; top:50%; margin-top:-15px; display:none;}
.navBtn a{ width:30px; height:30px; font-size:18px; display:block; background:#fff; border-radius:3px; padding:0px;}

.aBanner{ position:relative; height:calc(100vh - 125px);}
.aBanner .img{}
.aBanner .img img{ height:calc(100vh - 125px);}
.aBanner .text{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; 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:0px; font-size:0.3em; line-height:1; top:0px; 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:0px; bottom:39px; height:1px; right:0px; 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:0px; right:0px; 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:0px; top:0px; width:33.3333%;}
.team .pd{ margin-right:15px; position:relative;}
.team .pd:before{ content:''; position:absolute; left:0px; top:0px; bottom:0px; right:0px; background:url(../image/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:0px; bottom:0px; right:0px; 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 li{ float:left; width:16.6666%; margin-bottom:15px;}
.customer .pd{ background:#f7f8f8; margin-right:15px; position:relative;}
.customer .img{ position:relative;}
.customer .img1{}
.customer .img2{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0;}
.customer .pd:hover .img1{ opacity:0;}
.customer .pd:hover .img2{ opacity:1;}




.nCrumbs{ padding:100px 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:0px;}
.news_list3 .pd{ position:relative; display:block;}
.news_list3 .img{}
.news_list3 .text{ position:absolute; left:0px; bottom:0px; right:0px; 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{ background:#f5f5f5;}
.bNav ul{ margin:0px;}
.bNav li{ float:left; width:240px;}
.bNav li img{ width: 54px; height: 54px; margin:0 auto;}
.bNav .pd{ display:block; text-align:center; padding:20px 0 35px 0; color:#3b3b3b;}
.bNav6 li{ width:16.6666%;}
.bNav5 li{ width:240px;}
.bNav4 li{ width:240px;}
/*.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);text-transform: uppercase;}
.bNav .p{ position: absolute; bottom: 100%; left: 0px; right: 0px; 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 li.active img{-moz-filter: brightness(200%); -webkit-filter: brightness(200%); -ms-filter: brightness(200%);   filter: brightness(200%);}
.bNav li:hover img{-moz-filter: brightness(200%); -webkit-filter: brightness(200%); -ms-filter: brightness(200%);   filter: brightness(200%);}


.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);}
.iNewsListA .img{ overflow: hidden;}
.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:4.5em; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;}


.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: 0px;}
.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: 0px;}
.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: 0px; 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: 0px; 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: 0px;}
.fContactB_4 .pd{ display: block; position: relative; padding-left: 30px;line-height: 20px;}
.fContactB_4 i{ position: absolute; left: 0px; 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: 0px; 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: 0px; right: 0px; bottom: 0px; text-align: center;}
.pBanner .p{ background: rgba(230,46,24,0.65); color: #fff; padding:15px 20px;}

.service{ padding:0;}
.service .wp{ margin: 0px; width: auto;}
.serviceList{}
.serviceList li{ margin-bottom: 0px;}
.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: 0px; bottom: 0px; left: 0px; 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: 0px; 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: 0px; }


.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: 0px; right: 0px; top: 0px; bottom: 0px; background: url(../image/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: 0px; top: 0px; bottom: 0px; 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: 0px; bottom: 0px; box-sizing: border-box; padding: 1em 2.5em; text-align: justify; width: 24.875em; background: url(../image/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: 0px; top: 0px; right: 0px; bottom: 0px; 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:0px; top:0px; right:0px; bottom:0px; overflow: hidden; z-index: 5;}
.videoA:before{ content:''; position: absolute; z-index: 1; background: rgba(0,0,0,0.7); left: 0px; top: 0px; right: 0px; bottom: 0px; 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;}
.videoB{ width:100%; height:auto; overflow: hidden;}
.videoB video{ width: 100%; }
.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: 0px; left: 0px; right: 0px; line-height: 1.2; }
.modelList .p{ font-size: 14px; line-height: 1.5; height: 6em; text-align: justify; position: absolute; left: 0px; bottom: 0px; right: 0px;}
.modelList .p:before{ content: ''; position: absolute; left: 0px; 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;}
.iMain{ padding:70px 0;}
.dingwei a{ top: -70px;}
.iMain4{ padding-bottom:80px;}

.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;}




.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;}
.header .wp{ margin:0 30px;}
.header{ top:0px; background:#fff;}
.header .wp{ height:50px;}
.logo{ font-size:32px; top: 50%;}
.body_fix .logo, .pbody .logo{ margin-top:-0.5em; }
.menu-link{ display:block;}
.menu{ display:none; position:fixed; transform: translateZ(0); top:50px; width:240px; right:0px; padding:0px;}
.menu ul{ display:block;}
.menu li{ float:none; padding:0px; background:rgba(0,0,0,0.8); width:auto; margin:0px;}
.menu .h3 a:before{ display:none !important;}
.menu .h3{ position:relative; border-bottom:1px solid #ccc; padding:0px;}
.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:0px; height:30px; line-height:30px; text-align:center; background:none;}
.menu .h3 i{ display:block;}
.menu .h3 em{ display:block;}

.tSearch{ right:30px; color:#000;}
.tSearch .box{ position:fixed; left:0px; top:50px; right:0px; margin:0px; width:auto; height:0px; 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:#595757;}

.subNav{ left:0px; bottom:0px; right:0px; top:auto; width:auto;}
.subNav li{ width:25%; float:left; margin-bottom:0px;}
.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:0px; width:auto; padding-right:0px; left:0px; 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;}
.iBannerNav .pd{ margin-bottom:0px;}
.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;}


.iMain{ padding:50px 0;}
.dingwei a{ top: -50px;}
.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:30px 0 10px;}
.nCrumbs em{ margin:0 5px;}

.caseNav dl{ margin-bottom:20px;}
.caseNav dt{ float:none; margin-right:0px; 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:0px; 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:0px;}
.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:0px;}
.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: 0px; 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: 0px;}
.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:0px;}

.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:0px;}
.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:0px;}
.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:0px;}
}
@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:0px;}
.newsList1 li{ width:auto; float:none; margin-bottom:20px;}
.newsList2 li{ width:auto; float:none;}

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

.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:0px; overflow:hidden;}
.pNav ul{ display:block; margin-right:-1px;}
.pNav li{ width:25%; margin:0px; 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,
.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;}

.iMain{ padding:40px 0;}
.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:0px;}
.caseBox li{ width:auto; float:none; margin-bottom:10px;}
.caseBox .pd{ margin-right:0px;}

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

.iAbout{ width:auto; padding:0px;}
.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:0px;}

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

.fContact{ padding-left:130px;}
.fContact .tit4 strong{ font-size:16px;}
.fContact .tit4{ margin-bottom:10px;}
.dianhua dl{ padding-left:0px;}
.dianhua dt{ display:none;}
.dianhua .p{ margin-left:10px;}
.dianhua .p:first-child{ margin-left:0px;}
.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:0px;}

.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,
.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,
.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: 0px; text-align: right; top: 50%; font-size: 14px; line-height: 2; padding-top: 1em; font-weight: lighter;}
.tit6 .p:before{ content: ''; position: absolute; right: 0px; top: 0px; width: 3em; height: 2px; background: #DC0012;}
.tit6 .m{ position: absolute; top: 50%; display: block; right: 0px; 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: 0px; right: 0px; bottom: 0px; 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: 0px; top: auto; right: 0px; 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: 0px; bottom: 0.325em; right: 0px; 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;}
.zcaseA ul{ margin: 0 0 0 0px;}
.zcaseA li{ width: 33.3333%; float: left; margin-bottom: 0px;}
.zcaseA .pd{ display: block; position: relative; margin: 0 0 0 0px; color: #fff;}
.zcaseA .img{ overflow: hidden;}
.zcaseA .img img{ transition: 1s all;}
.zcaseA .text{ position: absolute; left: 0px; right: 0px; bottom: 0px; 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;}
.zcaseA .h3{ height:50px; line-height:50px; font-size: 20px; font-weight: lighter;}
.zcaseA .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;}
.zcaseA .em:before{ content: ''; position: absolute; width: 1.5em; height: 2px; background: #ff1c00; left: 0px; top: -0.5em;}
.zcaseA .em strong{ display: block; font-size: 14px; height: 1.2em; line-height: 1.2em; overflow: hidden; margin-bottom: 0.2em; font-weight: lighter;}
.zcaseA .em em{ display: block; font-size: 18px; height: 1.2em; line-height: 1.2em; overflow: hidden; font-weight: lighter;}
.zcaseA .pd:hover .img img{ transform: scale(1.1);}
.zcaseA .pd:hover .text{ height: 100% ; padding: 30px; }
.zcaseA .pd:hover .em{ opacity: 1; pointer-events: visible; visibility: visible; transform: translateY(0px); transition-delay: 0.3s;}
.zCaseM{ padding: 30px 0; text-align: center; background: #211919; margin-bottom: 0px;color: #fff; font-size: 16px;}
.zCaseM a{color: #fff; font-size: 16px; padding: 0 12px;}



.more1_2{ border-color: #fff; border-radius: 0px; color: #fff;}

.pBannerCase{ background: #1F1F1F;}
.pBannerCase .img img{ width: 100%; height:auto; object-fit: cover; object-position: center;background: #1F1F1F;}
.pBannerCase .ztext{ position: absolute; top: 100%; left: 0px; right: 0px; 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: 0px;}
.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: 0px;}
}
@media screen and (max-width:540px){
.zcaseA li{ width: 100%;}

}

.sub_contact{ width: 150px; position: fixed; left: 0px; top:50%; z-index: 9; margin-top: -125px;}
.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{ display: inline-block; 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: 0px;}
.cTit1_2{ background-color: #dc0012;}
.cTit1_2 .p{ color: #fff;}




.cMore1{ width: 125px; height: 34px; line-height: 34px; font-size: 14px; position: relative; display: block; padding: 0 12px; box-sizing: border-box; transition: 0.3s all; color: #fff;}
.cMore1:before{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; 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: 12px; top: 50%; line-height: 1; margin-top: -0.5em;}
.cMore1:hover{ background: #ff1c00; color: #fff;}
.cMore1:hover:before{ border-color: #ff1c00;}
.cMore1:hover span{ margin-left: 1em;}
.cMore1:hover i{ right: 0px; left: 12px;}



.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: 0px; bottom: 0px; 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: 0px;}



.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:20%; 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: 0px; top: 0px;}
.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: 0px; top: 50%; margin-top: -0.5em; line-height: 1;}
.cfContact .p dd{ margin-left: 70px; font-size: 10px;}

.cfFollow{ position: relative; width: 205px;}
.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: 0px; 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: 0px;}
.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: 0px; top: 0px; bottom: 0px; height: 100%; width: auto; cursor: pointer;border: 1px solid #808080; box-sizing: border-box; border-radius: 3px;}
.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: 3px;}
.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: 3px;}
.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: 3px; overflow: auto; resize: none;}
.cIpt_b1{ font-size: 1em; width: 124px; height: 44px; display: block; background: #ff1c00; color: #fff; border: none; border-radius: 3px;}



.cContact{ position: absolute; /*width: 54.28571428571428%;*/ width: 36%; display: flex; /*right:calc( 1400px / 2 - 100vw / 2);*/ right: 0px; top: 0px; bottom: 0px; 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: 217px; 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: 0px; top: 50%; margin-top: -0.5em; line-height: 1;}
.cContact .p dd{ margin-left: 140px; font-size: 22px;}


.cMain_Customer{}
.customer .img img{width:100%; transition: all 0.5s;transform: scale(1);}
.customer .pd:hover .img img{transition: all 0.5s;transform: scale(1.4);width:100%;}


.cMain_About{ background: #fff; padding: 0px;}
.cAbout{}
.cAbout .pd{ padding: 80px 0; display: block; position: relative;}
.cAbout .pd:before{ content: ''; position: absolute; right: 0px; top: 0px; bottom: 0px; 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;}
.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: 0px; top: 0px; right: 0px; bottom: 0px;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{}
.cAbout .img .cMore1{ margin: 0 auto; text-align: left;}
.cAbout .pd:hover .img{ opacity: 1;}


.iMain_Service{ padding: 0px; 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: 0px; top: 0px; right: 0px; bottom: 0px; 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:0px;}
.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:15px;}

.cService .text2{ position: absolute; z-index: 3; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0; padding: 30px 40px; 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: 30px; line-height: 1; padding-bottom: 28px; margin-bottom:35px; position: relative;}
.cService .text2 .h3:before{ content:''; position:absolute; left:0px; right: 0px; height:2px; background:#fff; bottom:0px;}
.cService .text2 .em{  text-transform: uppercase; font-size: 18px; margin-bottom: 25px; position: relative; text-align: justify; line-height: 1.6111111111111112;}
.cService .text2 .p{ font-size: 14px; line-height: 1.9; 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: 0px;}
.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: 0px; right: 0px; bottom: 0px; 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: 0px; 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: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; font-size:  1.6666666666666666vw; padding-bottom: 1em; z-index: 9;}
.iBannerText .npd{ line-height: 1;}
.iBannerText .h3{ font-size: 3em; margin-bottom: 0.5em; font-weight: bold; text-shadow: 0 0 0.1em rgba(0,0,0,0.5);}
.iBannerText .em{ font-size: 0.8125em; margin-bottom: 6em; text-shadow: 0 0 0.1em rgba(0,0,0,0.5);}
.iBannerText .m{ position: absolute; left: 50%; bottom: 160px; margin-left: -62px;}
.iBannerText .cMore1{ margin: 0 auto; text-align: left;}
.iBannerText .icon{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 2;}

.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: 0px; top: 0px; width: 24px; height: 24px; line-height: 24px; font-size: 16px; cursor: pointer; text-align: center; background: #fff; color: #ff1c00; border-radius: 0 12px 0 12px;}
.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;}
.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;}
}
@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;}
}
@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: 0px;}
.cTit1 .h3{ margin-right: 135px; line-height: 34px;}
.cTit1 .p{ font-size: 14px;}
.cTit1 .m{ top: 0px; margin: 0px;}
.cTit2{ padding: 50px 0;}
.cTit2 .pd{ padding-right: 0px;}
.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: 0px; font-size: 1.5em;}
.iBannerText .m{ display: none;}

.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: 3px 0 0 3px; color: #fff; background: #e64552; text-align: center; display: block; 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: 0px;}
.cContact .p dt{ position: relative; left: auto; top: auto; margin-top: 0px;}
.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: 0px; right: 0px; 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: 20%;}

.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: 0px;}
.dStrength li:last-child{}
.dStrength .pd{ display: block; position: relative; overflow: hidden; background: #fff; color: #595757;}
.dStrength .img{ width: 65%; float: right; width: auto; float: none;}
.dStrength .img img{ width: 100vw;}
.dStrength .text{ position: absolute; right: 65%; top: 0px; bottom: 0px; left: 0px; 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: 0px; }

.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: 0px; right: 0px; bottom: 0px; 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: 0px; 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: 0px;}
.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: 0px;}
.dCaseA .swiperDots{ display: block; bottom: 0px;}
.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;}

.logo img{ width: 60%;}
.iBanner{ margin-top: 20px;}
.body_fix .tContact .pd, .pbody .tContact .pd{ display: none;}
.iBanner .img img{ background-size:100% 100%;  }
.cfTop{ padding: 30px 0 26px 0 }
.ho5{display: none;}
.cfNav{ display: none; }
.cContact .pd{ width: 80%; margin:0 auto; }
.tcul{ display: none; }
.ab1{ padding: 20px 0!important;}
.ab1 .ri{ display: none;}
.ab1 .fl{ width: 100%!important; }
.aBanner{height: 220px;} 
}
@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%;}
}

.ho5{ background: url("/images/a4.jpg") no-repeat center; height: 890px; padding-top: 80px; box-sizing: border-box; overflow:hidden;}
.ho5 .p2{color:#eceff6; }
.ho5 .tybt2{ text-align: left; }
.ho5 .tybt2 .hx{ margin-left: 0; }
.ho5 .ho5div{ width: 400px; margin-top: 150px; }
.ho5 .ho5div .text p{ color:#666666;font-size: 16px;line-height: 2.2; }
.ho5 .ho5div .text p b{ color:#000000; font-size: 16px; }

.nsy .nsdiv{ position: absolute; display: none; width: 300px;z-index: 10;height: 150px; box-shadow: 0 0 5px rgba(0,0,0,.1);border-radius: 8px; background: #fff; padding: 20px 30px; box-sizing: border-box; }
.ho5  iframe{ position:absolute; height: 746px;  top: 0; right: -14vw; }
.ho5 .cen{ position: relative;}
.tybt .p1{ color:#333333; font-size: 40px; font-weight: bold; }
.tybt .p2{ color:#d6d6d6; text-transform: uppercase; margin-top: 10px; }
.tybt .p3{ color:#999999; font-size: 18px; line-height: 1.6; margin-top: 25px; }
.tybt{ text-align: center; }
.tybt .hx{ width: 11px;height: 2px; background: #da241d; margin: auto; margin-top: 15px;  }
.ho2{ padding: 80px 0;overflow: hidden; }
.ho2ul{ margin-right: -0.2%; font-size: 0;  margin-top: 40px; }
.ho2ul li{ display: inline-block;width: 12.3%;margin-right: 0.2%; position: relative;}
.ho2ul li .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,.5); }
.ho2ul li .text .pic{ padding-top: 110px; padding-bottom: 40px; }
.ho2ul li .text .pic span{color:#fff; font-size: 50px; }
.ho2ul li .text .p1{color:#fff; color:#ffffff; font-size: 30px;
writing-mode:vertical-lr; position: absolute; left: 50%; transform: translateX(-50%);
}
.jb{ transition: .5s; }
li:hover .jb{ background-image: linear-gradient(to right bottom , #da241d,#383893,#261d72) !important; opacity: .9; }

.tybt2{ text-align: center; position: relative; }
.tybt2 .p2{ font-size: 72px; text-transform: uppercase; line-height: 1.43;
 text-stroke: 1px #ecd8da; top: 0; font-weight: bold;
  /* 兼容Webkit(Chrome/Safari)内核浏览器的写法 */
  -webkit-text-stroke: 1px #ecd8da;position: absolute; width: 100%;
  color: #fff;

}
.hezuo{margin-top:30px;}
.tybt2 .p1{ color:#333333; font-weight: bold; font-size: 40px; position: relative;z-index: 1;padding-top: 60px; }
.tybt2 .p1 strong{ font-size: 40px;  color:#d0231c; }
.tybt2 .hx{ width: 11px;height: 2px; background: #da241d; margin: auto; margin-top: 15px;}
.cen{ width: 94%; margin: auto; max-width: 1400px; }
.top .cen{ max-width: 1800px;   padding-top: 20px; }
.a1 .cen{max-width: 1240px; }
.menu ul li:nth-child(3) .box{width: 165px;margin-left: -82px}
.menu ul li:nth-child(5) .box{width: 165px;margin-left: -82px}

.xh {
 position: fixed;
 top: 50%;
 transform: translateY(-50%);
 right: 0px;
 z-index: 999;
 box-shadow: 0 0 5px rgba(0,0,0,.1);
 border-radius: 8px;
 transition: 0.5s;
}
/* .tytc:hover {
 right: 0px;
} */
.xh>p{ position: absolute; width: 150px; right: 0; bottom: -250px; }
.tcul li {
 height: 70px;
 width: 84px;
 cursor: pointer;
 border-bottom: 1px solid #f5f8fc;
 text-align: center;
  padding-top: 10px;
  background: #ffffff;
  box-sizing: border-box;
}
.tcul li p{ height: 40px; }
.tcul li:hover span{color:#e62129;}
.tcul li:hover .p1{color:#e62129; }
.fhui{ display: none; }
.tcul li .text {
 position: absolute;
 width: 170px;
 height: 70px;
 box-sizing: border-box;
 line-height: 70px;
 background: #fff;
 color: #333;
 right: 74px;
 top: 0;
 display: none;
}
.tcul li:last-child{ height: 60px; }
.tcul li:hover .text {
 display: block;
}
.tcul li span {
 font-size: 30px;
 color: #999999;
}
.tcul li .p1 {
 font-size: 12px;
}

.tcul li .p1{
 color: #999999;
}
.tcul li{
 position: relative;
}
.tcul li .pic img{
  width:170px;
}
.tcul li:nth-child(1) i {
 width: 16px;
 height: 16px;
 position: absolute;
 line-height: 16px;
 font-style: normal;
 text-align: center;
 background: #ffffff;
 color: #fff;
 font-size: 12px;
 border-radius: 50%;
 margin-left: -15px;
 border: 1px solid #fff;
}
.tcul li:nth-child(1) i {
 width: 16px;
 height: 16px;
 position: absolute;
 line-height: 16px;
 font-style: normal;
 text-align: center;
 background: #999;
 color: #fff;
 font-size: 12px;
 border-radius: 50%;
 margin-left: -15px;
 border: 1px solid #fff;
}
.tcul li .Zx {
 width: 360px;
 height: 570px;
 top: 50%;
 transform: translateY(-50%);
 background: rgba(0, 0, 5px, 0.3);
 border-radius: 8px;
 position: absolute;
 right: 74px;
 background: #fff;
 overflow: hidden;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.tcul li .Zx.on {
 right: 50vw;
 transform: translate(50%, -50%);
}

[class*="icon-"] {
  font-family: "iconfont" !important;
  font-size: inherit;
  font-style: normal;
   transition: .5s;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "iconfont"; /* Project id 1184623 */
  src:
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('//at.alicdn.com/t/c/font_4022559_7u2gc4m916f.woff?t=1684044048155') format('woff'),
       url('//at.alicdn.com/t/c/font_4022559_7u2gc4m916f.ttf?t=1684044048155') format('truetype');
}

.icon-weixin1:before {
  content: "\e63f";
}

.icon-douyin:before {
  content: "\e8db";
}

.icon-youbian-tianchong:before {
  content: "\e830";
}

.icon-31yuyin:before {
  content: "\e60b";
}

.icon-daohang:before {
  content: "\e88a";
}

.icon-guanggao:before {
  content: "\e65d";
}

.icon-lanzi:before {
  content: "\e63d";
}

.icon-shuju:before {
  content: "\e721";
}

.icon-xinxihuaxitongquanxianshenqingliucheng:before {
  content: "\e651";
}

.icon-goumai:before {
  content: "\e636";
}

.icon-zixun:before {
  content: "\e6b3";
}

.icon-houtaiguanli:before {
  content: "\e62d";
}

.icon-luzhang:before {
  content: "\e7c2";
}

.icon-zhinenggongchang1:before {
  content: "\e60c";
}

.icon-shuzihua:before {
  content: "\e60d";
}

.icon-gongchang2:before {
  content: "\e83b";
}

.icon-duoceng:before {
  content: "\ed6f";
}

.icon-shijie:before {
  content: "\e612";
}

.icon-keshihua:before {
  content: "\e711";
}

.icon-liyongshuaitongji:before {
  content: "\e601";
}

.icon-fuwumingan:before {
  content: "\e6ab";
}

.icon-shejishengchan:before {
  content: "\e605";
}

.icon-shengchan-:before {
  content: "\e609";
}

.icon-zhouqiguanli:before {
  content: "\e654";
}

.icon-chejian:before {
  content: "\e613";
}

.icon-zhouqihuiyishenqingliucheng:before {
  content: "\e64e";
}

.icon-gongsi:before {
  content: "\e679";
}

.icon-buliangxinxi:before {
  content: "\e603";
}

.icon-yiliaozhiliangfenxi:before {
  content: "\e685";
}

.icon-genjujieduan:before {
  content: "\e6c3";
}

.icon-arrow-left:before {
  content: "\e608";
}

.icon-jieduan:before {
  content: "\e604";
}

.icon-guanli:before {
  content: "\e615";
}

.icon-kucunfenxi:before {
  content: "\e606";
}

.icon-gongchang1:before {
  content: "\e69c";
}

.icon-yuanqufuwu:before {
  content: "\e76d";
}

.icon-gongyisheji:before {
  content: "\e61d";
}

.icon-fuwu:before {
  content: "\e694";
}

.icon-shengchan-xianxing:before {
  content: "\e632";
}

.icon-shangsheng:before {
  content: "\e650";
}

.icon--op-jiantouzuo:before {
  content: "\e607";
}

.icon-liyongshuaifenxi:before {
  content: "\e614";
}

.icon-xiaoshuai:before {
  content: "\f898";
}

.icon-xiaoshuai1:before {
  content: "\e617";
}

.icon-huibao:before {
  content: "\ed11";
}

.icon-huiyiguanli:before {
  content: "\ea40";
}

.icon-zhinenggongchang:before {
  content: "\e60a";
}

.icon-jilubuliang:before {
  content: "\e682";
}

.icon-xiajiang:before {
  content: "\f899";
}

.icon-dianhua:before {
  content: "\e624";
}

.icon-tuandui:before {
  content: "\e62f";
}

.icon-weixin:before {
  content: "\e616";
}

.icon-cangchuguanli:before {
  content: "\e643";
}

.icon-paichanpaicheng:before {
  content: "\e653";
}

.icon-jingyiqiujing:before {
  content: "\e602";
}

.icon-zidonghua:before {
  content: "\e600";
}

.icon-guihua:before {
  content: "\e64f";
}

.icon-gongchang:before {
  content: "\ea1a";
}

.icon-search:before {
  content: "\e631";
}

.icon-gongyinglianfuwu:before {
  content: "\e877";
}
.ab1{ padding-top: 100px; padding-bottom: 70px; }
.ab1 .tybt2,.ab2 .tybt2{ text-align: left; }
.ab1 .hx,.ab2 .hx{ margin-left: 0; }
.ab1 .fl{ width: calc(100% - 600px); max-width: 710px; float: left; }
.ab1 .ri{ width: 567px; margin-top: 120px; float: right; }
.ab1 .text{ margin-top: 40px; margin-bottom: 50px; }
.ab1 .text p{ color:#666666; line-height: 2; text-indent: 2em; margin-bottom: 10px; }
.ab2{ padding: 70px 0;}
.ab1 .ho4ul1{ padding-top: 0;}
.ab1 .ho4ul1 .pic em{ font-size: 0;

}
.ab1 .ho4ul1 .pic em::before{ font-size: 60px;
    background-image: -webkit-gradient(linear,left top,right bottom,from(#dc4743), to(#484383));
    background-image: linear-gradient(320deg,#484383 50%,#dc4743 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ho1{ background:url("/i/a1.jpg") no-repeat center; height: 332px;}
.ho4ul1 li{ display: inline-block; text-align: center; width: 25%; }
.ho4ul1{ font-size: 0; padding-top: 100px; }
.p1 span{ font-weight: bold;}
.ho4ul1 li .p1 span{ font-size: 60px; font-weight: bold;
background-image: -webkit-gradient(linear,left top,right bottom,from(#dc4743), to(#484383));
background-image: linear-gradient(320deg,#484383 50%,#dc4743 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.ho4ul1 li .p1 em{ font-size: 60px; font-weight: bold;
background-image: -webkit-gradient(linear,left top,right bottom,from(#dc4743), to(#484383));
background-image: linear-gradient(320deg,#484383 50%,#dc4743 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.ho4ul1 li .p1 a{ color:#261d72; font-size: 26px; position: relative; top: -1vw; margin-left: 10px; }

.ho4ul1 li .p2{ color:#333333; font-size: 20px; }
.ho4ul1 li .p3{ color:rgba(69,117,153,.1); font-size: 36px; font-weight: bold; text-transform: uppercase; position:relative; top: -36px; }
.ab1{ background: #f5f8fc; }
.ab1 .ho4ul1 li{ width: 50%; }
.ho4ul1{ }