@charset "utf-8";
html{scroll-behavior:smooth;}
body{ overflow-x:hidden;}
body{ color:#757575;height:auto;box-sizing:border-box;font-size:20px;line-height:1.4;padding-top:90px;}
.embody{position:relative;height:100%;width:100%;overflow:hidden;padding-top:0;box-sizing:border-box;}
.user-select{-moz-user-select:none;/*火狐*/
-webkit-user-select:none; /*webkit浏览器*/
-ms-user-select:none;  /*IE10*/
-khtml-user-select:none;/*早期浏览器*/
user-select:none;}
a{ color:#757575;text-decoration:none;}
a:hover{ text-decoration:none;color:#0b3970;}
i,em{ font-style:normal;}
.fNav .h3 span,
.fNav .h3 i,
.menu .h3 span,
.menu .h3 i{
font-family:"iconfont" !important;font-size:1em;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.menu,
.menu .h3 a,
.header .wp,
.logo img{
transition:all 0.3s ease-out;
}
/*淡入 向上 循环*/
.FmovefadeInDown,
.pageNext:before{animation:FmovefadeInDown 1.5s infinite ease both;}
@keyframes FmovefadeInDown{0%{opacity:0;transform:translateY(-10px)}90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(15px)}}
.FmovefadeInUp{animation:FmovefadeInUp 1.5s infinite ease both;}
@keyframes FmovefadeInUp{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.Frotation360{animation:Frotation360 2s linear infinite;}
@keyframes Frotation360{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.FpulseSlow{animation:FpulseSlow infinite alternate 1s ease-in-out;}
@keyframes FpulseSlow{0%{transform:scale(1);opacity:1;}100%{transform:scale(0.9);opacity:0.5;}}
.lightSpeedIn{animation:lightSpeedIn infinite alternate 3s ease-in-out;}
@keyframes lightSpeedIn{0%{transform:skewX(-10deg);}60%{transform:skewX(10deg);}90%{transform:skewX(-5deg);}100%{transform:none;}}
.menu-link{ display:none;box-sizing:border-box;position:absolute;top:50%;margin-top:-20px;right:-8px;font-size:11px;z-index:10;width:40px;height:40px;padding:7px;transition:all 0.2s ease-out;}
.menu-link em{ position:absolute;z-index:3;right:100%;top:50%;text-transform:uppercase;height:40px;line-height:40px;margin-top:-20px;font-size:16px;color:#000;display:none;}
.menu-link:hover,
.menu-link:focus{}
.menu-link span{position:relative;display:block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after{background-color:#0b3970;width:100%;height:2px;transition:all 0.4s;box-sizing:border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after{position:absolute;top:-8px;content:" ";}
.menu-link span:after{top:8px;}
/*.menu-link.active{ background:#0b3970;border-radius:50%;}*/
.menu-link.active span{background:transparent;}
.menu-link.active span:before{ background-color:#0b3970;transform:rotate(45deg);top:0;}
.menu-link.active span:after{ background-color:#0b3970;transform:rotate(-45deg);top:0;}
.menu-link.active em{ display:none;}
.wp{ position:relative;margin:0 auto;width:1580px;box-sizing:border-box;}
.header{ position:fixed;left:0;top:0;right:0;z-index:999;transition:0.3s all;background:#fff;box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);}
.logo{ position:absolute;top:50%;margin-top:-0.5em;font-size:45px;line-height:1;z-index:4;left:0px;}
.logo img{ height:1em;width:auto;display:block;}

.tLang{ position: absolute; top: 50%; right: 0px; width: 2em; margin-top: -1em; height: 2em; line-height: 2em; font-size: 16px; text-align: center;}

.menu{ text-align:right;margin:0 62px 0 142px;position:relative;padding:0;z-index:3;}
.menu ul{ display:flex;justify-content:flex-end;margin-right:-14px;}
.menu li{ float:left;position:relative; padding: 0 30px;}
.menu li:last-child{ margin-right:0;}
.menu .h3{ position:relative;}
.menu .h3 a{ display:block;color:#231815;height:5em;line-height:5em;font-size:18px;font-weight:bold; position:relative;transition:0.4s all;padding:0 0.7777777777777778em;}
/* .menu .h3 a[href="javascript:;"]{ cursor:default;} */
.menu .h3 a:after{ content:'';position:absolute; width:0;height:3px;background:#0b3970;left:50%;transform:translateX(0%);bottom:0;transition:0.4s all;opacity:0;}
.menu li:last-child .h3 a:before{ display:none;}
.menu .h3 strong{ font-weight:normal;}
.menu .h3 span{ display:none;position:absolute;right:30px;top:50%;margin-top:-20px;font-size:16px;width:40px;height:40px;text-align:center;line-height:40px;cursor:pointer;margin-right:-10px;}
.menu .h3 span:before{ content:"\e604";}
.menu li.active .h3 span:before{ content:"\e606";}
.menu .h3 i{ display:none;position:absolute;right:30px;top:50%;margin-top:-20px;font-size:16px;width:40px;height:40px;text-align:center;line-height:40px;margin-right:-10px;}
.menu .h3 i:before{ content:"\e8e9";}
.menu .box{ position:absolute;top:100%;left:50%;width:164px;margin-left:-82px; padding-top:0;visibility:hidden;opacity:0;transform:translateY(10px);pointer-events:none;transition:0.3s all; padding:0;}
.menu .box .npd{background:rgba(0,0,0,0.7);border-radius:0;box-shadow:0 5px 20px 0 rgba(11,57,112,0.55);box-sizing:border-box;padding:20px 30px;}
.menu .box a{ font-size:16px;line-height:2.25;display:block;text-align:center;color:#fff; border-bottom: 1px solid rgba(255,255,255,0.5); text-transform: uppercase;}
.menu .box .curr a,
.menu .box a:hover{ color:#fff;font-weight:bold;}


.menu li:nth-child(2) .box{ display:none;}

.menu li.curr .h3 a{ color:#0b3970;}
.menu li.curr .h3 a strong{ font-weight:bold;}
.menu li:hover .h3 a:after,
.menu li.curr .h3 a:after{ width:100%;opacity:1;transform:translateX(-50%);}
.menu li:hover .box,
.menu li.active .box{ visibility:visible;opacity:1;transform:translateY(0px);pointer-events:auto;}



.tNav{ position:fixed;left:0;top:90px;right:0;z-index:9;bottom:0;background:rgba(255,255,255,0.95);display:none;/*  display: block; */}
.tNav.active{ display: block;}
.tNavHead{ display:flex;padding:34px 0;border-bottom:1px solid #626262;margin-bottom:40px;}
.tNavTab{ width:200px; padding: 50px 0;}
.tNavTab ul{}
.tNavTab li{ margin-bottom:40px;}
.tNavTab li:last-child{ margin-bottom:0px;}
.tNavTab .pd{ display:flex;height:40px;align-items:center;}
.tNavTab i{ display:block;width:22px;height:22px;position:relative;margin-right:20px;}
.tNavTab i img{ width:100%;height:auto;display:block;}
.tNavTab i .img2{ position:absolute;left:0;top:0;right:0;opacity:0;}
.tNavTab span{ display:block;}
.tNavTab .pd:hover .img1{ opacity:0;}
.tNavTab .pd:hover .img2{ opacity:1;}
.tNavCon{ flex:1;/*  max-height: 440px; overflow-x: hidden; overflow-y: auto; */}
.tNavCon .li{ display: none; padding-right:74px; position: relative;}
/* .tNavCon .li:before{ content: ''; width: 6px; height: 6px; position: absolute; left: -56px; top: 50%; margin-left: -3px; background: #f00;} */
.tNavCon .m{ position: absolute; top: 50%; right: 0; line-height: 2em; margin-top: -1em;}
.tNavCon .m a{ font-size: 16px; color: #0b3970;}
.tNavCon ul{ display:flex;margin:0 -32px;/*  background: #000; */ flex-wrap: wrap;}
.tNavCon li{ width:16.66666666666667%;flex-wrap:wrap;}
.tNavCon .pd{ display:block;margin:0 32px;transition:0.3s all;}
.tNavCon .pd img{ width:100%;height:auto;display:block;}
.tNavCon .pd:hover{ transform:translateY(-5px);}
.tNavCon .li:nth-child(1){}
.tNavCon .li:nth-child(2){ margin-top:80px;}
.tNavCon .li:nth-child(3){ margin-top:160px;}
.tNavCon .li:nth-child(4){ margin-top:240px;}
.tNavCon .li:nth-child(5){ margin-top:320px;}
.tNavCon .li:nth-child(6){ margin-top:400px;}

.tNavCon .li.curr{ display:block;}
.tNavCase{ display:flex;align-items:center;}
.tNavCaseTit{ margin-right:80px;border-right:1px solid #626262;position:relative;padding:30px 10px 30px 0;}
.tNavCaseTit .pd{ display:block;}
.tNavCaseTit .t{ display:flex;line-height:1;align-items:flex-end;margin-bottom:5px;}
.tNavCaseTit .t strong{ font-size:20px;color:#231815;display:block;margin-right:0.5em;font-weight:bold;}
.tNavCaseTit .t em{ font-size:14px;color:#626262;display:block;text-transform:uppercase;}
.tNavCaseTit .c{ font-size:16px;color:#626262;}
.tNavCaseCon{ flex:1;}
.tNavCaseCon ul{ display:flex;flex-wrap:wrap;}
.tNavCaseCon li{ border-right:1px solid #626262;}
.tNavCaseCon .pd{ margin:0 2.25em;height:1.5em;line-height:1.5em;font-weight:bold;font-size:20px;color:#231815;}
.tNavCaseCon .pd:hover{ color:#0b3970;}






.iBannerB{ position: relative;}
.iBannerB .pd{ display:block;}
.iBannerB .pd img{ width:100vw;height:calc(100vh - 90px);display:block;object-fit:cover;}
.iBannerB .swiperDots{ display:flex;bottom:40px;}

.iTit1{ margin-bottom:140px;}
.iTit1 .t{ position:relative;display:flex;justify-content:center;}
.iTit1 .t .pd{}
.iTit1 .t .h3{ display:flex;align-items:center;justify-content:center;position:relative;z-index:2;}
.iTit1 .t .h3 i{ width:46px;margin-right:10px;}
.iTit1 .t .h3 img{ width:100%;height:auto;display:block;}
.iTit1 .t .h3 strong{ flex:1;font-size:40px;line-height:1;color:#231815;font-weight:normal;}
.iTit1 .t .em{ position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:1;font-size:130px;color:rgba(11,57,112,0.05);white-space:nowrap;z-index:1;line-height:1;pointer-events:none;text-transform:uppercase; letter-spacing: -0.05em; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}
.iTit1 .c{ padding-top:2.5em;font-size:20px;line-height:1.75;margin:0 auto;color:#2f2f2f;}
.iTit1 .c p{ margin-bottom:1em;}
.iTit1 .c p:last-child{ margin-bottom:0;}

.iTit1_2 .t .h3 strong{ color:#fff;}
.iTit1_2 .t .em{ color:rgba(255,255,255,0.11);}
.iTit1_2 .c{ color:#fff;width:42em;text-align:center;}



.iMain{ padding:220px 0;background:no-repeat center center;background-size:cover;}

.iMain1{ background:#fff;}
.iProType{}
.iProType .swiper{ margin:0 -12px;}
.iProType .swiper-slide{ padding:15px 0 104px 0;}
.iProType .pd{ display:block;margin:0 12px;background:#f2f2f2;box-shadow:5px 6px 7px rgba(0,0,0,0.2);padding:100px 30px 50px 30px;transition:0.3s all;}
.iProType .img{ background: url('../images/pro_bg.png') no-repeat center center; background-size: contain;}
.iProType .img img{aspect-ratio:640/480;}
.iProType .text{ padding:12px 0 0 0;}
.iProType .text .t{ font-size:22px;color:#000;line-height:1.5;height:1.5em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; margin-bottom: 0.5em; display: none;}
.iProType .text .c{ line-height:1.75;color:#000;height:7em;font-size:16px;}
.iProType .text p{ position:relative;padding:0 20px;}
.iProType .text p:before{ content:'';position:absolute;left:2px ;top:10px;background:#f29219;width:7px;height:7px;}
.iProType .swiperDots{ display:flex;}
.iProType .pd:hover{ transform:translateY(-5px);box-shadow:3px 3px 10px rgba(0,0,0,0.3);}



.iMain2{background-color: #f5f5f5;}
.iAdvantage{}
.iAdvantage ul{ display:flex;flex-wrap:wrap;margin:0 -26px;}
.iAdvantage li{ width:25%;}
.iAdvantage .pd{ margin:0 26px;background:#fff;display:flex;align-items:center;position:relative;border-radius:20px;box-shadow:2px 2px 2px rgba(0,0,0,0.2);padding:60px 20px;color:#000;transition:0.3s all;}
.iAdvantage .img{ width:102px;margin-right:20px;}
.iAdvantage .text{ flex:1;}
.iAdvantage .i{ position:absolute;right:0.6666666666666667em;bottom:0.4666666666666667em;font-size:30px;color:#000;line-height:1;}
.iAdvantage .h3{ font-size:20px;}
.iAdvantage .em{ font-size:16px;}
.iAdvantage .pd:hover{ transform:translateY(-5px);box-shadow:3px 3px 10px rgba(0,0,0,0.3);}

.iTit2{ margin-bottom:100px;}
.iTit2 .t{}
.iTit2 .t .pd{}
.iTit2 .t .h3{ position:relative;}
.iTit2 .t strong{ display:block;font-size:40px;line-height:1;position:relative;z-index:2;}
.iTit2 .t em{ font-size:84px;display:block;line-height:1;color:rgba(0,0,0,0.22);text-transform:uppercase;position:absolute;left:0;bottom:0; white-space:nowrap;}



.iMain3{ background:#fff;}
.iNews{ display:flex;}
.iNewsFl{ flex:1;}
.iNewsFr{ width:33.3333%;padding-left:50px;box-sizing:border-box;}
.iNewsA{}
.iNewsA ul{ display:flex;margin:0 -15px;}
.iNewsA li{ width:50%;}
.iNewsA .pd{ display:block;margin:0 15px;transition:0.3s all;}
.iNewsA .img{}
.iNewsA .text{ padding:30px 26px 30px 26px;}
.iNewsA .h3{ font-size:22px;color:#000;line-height:1.5;height:1.5em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-bottom:0.4545454545454545em;}
.iNewsA .em{ font-size:14px;color:#646464;margin-bottom:1.785714285714286em;padding-left:2.285714285714286em;position:relative;}
.iNewsA .em:before{ content:'';width:1.571428571428571em;height:1.571428571428571em;background:url("../images/icon-shijian.png") no-repeat;background-size:contain;position:absolute;left:0;top:50%;margin-top:-0.7857142857142857em;}
.iNewsA .p{ font-size:16px;color:#000;line-height:1.75;height:3.5em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.iNewsA .pd:hover{ transform:translateY(-5px);box-shadow:3px 3px 10px rgba(0,0,0,0.3);}
.iNewsA .pd:hover .h3{ color:#0b3970;}


.iNewsB{ height:530px;overflow-y:auto;}
.iNewsB ul{}
.iNewsB li{ margin-bottom:30px;}
.iNewsB li:last-child{ margin-bottom:0px;}
.iNewsB .pd{ display:block;transition:0.3s all;}
.iNewsB .h3{ font-size:22px;color:#000;line-height:1.5;height:1.5em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-bottom:0.4545454545454545em;}
.iNewsB .em{ font-size:14px;color:#646464;margin-bottom:1.785714285714286em;padding-left:2.285714285714286em;position:relative;}
.iNewsB .em:before{ content:'';width:1.571428571428571em;height:1.571428571428571em;background:url("../images/icon-shijian.png") no-repeat;background-size:contain;position:absolute;left:0;top:50%;margin-top:-0.7857142857142857em;}
.iNewsB .pd:hover{ transform:translateY(-5px);}
.iNewsB .pd:hover .h3{ color:#0b3970;}


.iMain4{ background:#f2f2f2;}
.iAbout{}
.iAbout .wpd{ position:relative;}
.iAbout .img{ margin-left:464px;}
.iAbout .text{ position:absolute;top:72px;bottom:72px;left:0;width:734px;background:#fff;display:flex;align-items:center;}
.iAbout .pd{ padding:50px 90px 50px 70px;}
.iAbout .t{ padding-bottom:10px;position:relative;margin-bottom:26px;}
.iAbout .t::before{ content:'';position:absolute;left:0;bottom:0;width:70px;height:1px;background:#0b3970;}
.iAbout .h3{ display:flex;line-height:1;align-items:flex-end;margin-bottom:5px;}
.iAbout .h3 strong{ font-size:18px;color:#0b3970;font-weight:bold;margin-right:0.5555555555555556em;}
.iAbout .h3 em{ font-size:12px;color:#2f2f2f;line-height:1;text-transform:uppercase;}
.iAbout .p{ font-size:12px;color:#2f2f2f;line-height:1.5;}
.iAbout .c{ font-size:14px;color:#2f2f2f;line-height:1.75;height:10.5em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;margin-bottom:2.142857142857143em; text-align: justify;}
.iAbout .em{ display:flex;}
.iAbout .em .npd{ display:flex;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid #212121;}
.iAbout .em i{ width:22px;margin-right:10px;}
.iAbout .em i img{ width:100%;height:auto;display:block;}
.iAbout .em span{ font-size:20px;font-weight:bold;display:block;line-height:1.1em;color:#0b3970;font-weight:bold;}




.iMain5{ background:#ffffff;}
.iPartnerHead{ display:flex;justify-content:center;padding-top:60px;}
.iPartnerHead .wpd{ display:flex; align-items: center;}
.iPartnerHead_fl{ position:relative;}
.iPartnerHead_fl:before{ content:'';width:1px;height:70px;background:#231815;position:absolute;right:0;top:50%;margin-top:-35px;}
.iPartnerHead_fl .pd{ text-align:right;padding-right:60px;}
.iPartnerHead_fl .h3{ font-size:20px;color:#0b3970;margin-bottom:0.25em;line-height:1.5;}
.iPartnerHead_fl .em{ font-size:14px;color:#2f2f2f;line-height:1.75; width: 18em;}
.iPartnerHead_fr{ padding-left:50px;}
.iPartnerHead_fr .pd{}
.iPartnerHead_fr .m{ font-size:86px;line-height:1;}
.iPartnerHead_fr .m strong{ font-weight:bold;color:#0b3970;}
.iPartnerHead_fr .m em{ font-weight:bold;color:#f29219;}

.iPartner{}
.iPartner ul{ display:flex;flex-wrap:wrap;margin:0 -20px;}
.iPartner li{ margin-bottom:30px;width:16.66666666666667%;}
.iPartner .pd{ display:block;margin:0 20px;border:1px solid #000;transition:0.3s all;}
.iPartner .pd img{ width:100%;height:auto;display:block;}
.iPartner .pd:hover{ transform:translateY(-5px);box-shadow:3px 3px 10px rgba(0,0,0,0.3);}


.iMain6{ background:#f2f2f2;}
.iCase{}
.iCase .swiper{ margin:0 -20px;}
.iCase .swiper-slide{ padding:15px 0 104px 0;}
.iCase .pd{ margin:0 20px;box-shadow:5px 6px 7px rgba(0,0,0,0.2);transition:0.3s all; display: block;}
.iCase .img{}
.iCase .text{ padding:44px 20px 30px 20px;}
.iCase .t{ border-top:1px solid #000;padding-top:20px;}
.iCase .h3{ font-size:20px;color:#000000;line-height:1.75;height:5.25em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.iCase .swiperDots{ display:flex;}

.iCase .pd:hover{ transform:translateY(-5px);box-shadow:3px 3px 10px rgba(0,0,0,0.3);}
.iCase .pd:hover .h3{ color:#0b3970;}

.more1{ height:40px;display:flex;padding:0 20px;align-items:center;line-height:1;justify-content:center;background:#0b3970;color:#fff;border-radius:20px;transition:0.3s all;}
.more1 i{ width:18px;display:block;margin-right:2px;}
.more1 i img{ width:100%;height:auto;display:block;}
.more1 span{ font-size:20px;line-height:1;font-weight:bold;color:#fff;}
.more1:hover{ transform:translateY(-5px);}
.more1:hover span{ color:#fff;}





.footer{}
.fTop{ overflow:hidden;background: no-repeat center center;background-size:cover;padding:115px 0;}
.fSolution{ margin-right:466px;position:relative;}
.fSolution:before{ content:'';position:absolute;right:0;top:0;bottom:0;width:100vw;background:rgba(255,255,255,0.88);}
.fSolution .pd{ position:relative;z-index:2;padding-left:50px;}
.fSolution .t{ display:block;padding:40px 0; margin-right: 212px;}
.fSolution .h3{ font-size:32px;line-height:1.2;font-weight:bold;color:#0b3970;font-weight:bold;}
.fSolution .em{ font-size:28px;line-height:1.2;color:rgba(11,57,112,0.8);font-weight:bold;}
.fSolution .m{ position:absolute;right:62px;top:0;bottom:0;align-items:center;display:flex;}

.fCon{ background:#0b3970;color:#fff;padding:32px 0 80px 0;}
.fCon a{ color:#fff;}
.fCon a:hover{ text-decoration:underline;}

.footerCon{ display:flex;}

.footerFl{ flex:1;padding:100px 0 0 0;background: no-repeat center center;background-size:contain;}
.fNav{ margin-left:196px;position:relative;z-index:2;padding-bottom:130px; padding-right: 140px;}
.fNav:before{ content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:#fff;}
.fNav ul{ display:flex;justify-content:space-between;}
.fNav li{}
.fNav .h3{ margin-bottom:36px;display:flex;}
.fNav .h3 a{ display:block;font-size:16px;padding-bottom:1em;position:relative;}
.fNav .h3 a:before{ content:'';position:absolute;left:0;bottom:0;right:0;height:2px;background:#f19b10;}
.fNav .h3 i{ display:none;}
.fNav .h3 span{ display:none;}
.fNav .box{}
.fNav .box a{ display:block;margin-bottom:1em;line-height:1.5; font-size: 14px; text-transform: uppercase;}
.fNav .boxb{ width:220px;}
.fNav .boxb .npd{}
.fNav .boxb .li{ margin-bottom:30px;}
.fNav .boxb .li:last-child{ margin-bottom:0px;}
.fNav .boxb .pd{ display:flex;}
.fNav .boxb i{ display:block;width:22px;margin-right:24px;position:relative;}
.fNav .boxb i img{ width:100%;height:auto;display:block;}
.fNav .boxb i:before{ content:'';position:absolute;width:1px;height:14px;background:#fff;right:-14px;top:4px;}
.fNav .boxb a{ display:block;flex:1; font-size: 16px;}


.footerFr{ width:530px;display:flex;justify-content:center;position:relative;padding-top:100px;}
.fContact{ margin-bottom:50px;}
.fContact .pd{ display:flex;align-items:center;}
.fContact .i{ width:72px;margin-right:18px;}
.fContact .i img{ width:100%;height:auto;display:block;}
.fContact .c{}
.fContact .h3{ font-size:20px;font-weight:bold;}
.fContact .p{ font-size:20px;font-weight:bold;}

.fFollow{ margin-bottom:50px;}
.fFollow ul{ display:flex;margin:0 -10px; flex-wrap: wrap;}
.fFollow li{ position:relative; margin-bottom: 10px;}
.fFollow .pd{ margin:0 12px;display:block;width:32px;border-radius:50%;transition:0.3s all;}
.fFollow .pd img{ width:100%;height:auto;display:block;}
.fFollow .box{ position:absolute;left:50%;top:100%;width:100px;margin-left:-50px;padding-top:10px;display:none; }
.fFollow .img{}
.fFollow .text{ font-size:14px;text-align:center;line-height:1;padding-top:0.7142857142857143em;}
.fFollow li:hover .pd{ box-shadow:0 0 3px rgba(0,0,0,1);transform:translateY(-3px);}
.fFollow li:hover .box{ display:block;}

.fEwm{}
.fEwm .pd{ display:block;}
.fEwm .img{ display:block;width:100px;}
.fEwm .text{ display:block;padding-top:8px;line-height:1;font-size:14px;font-weight:bold;}

.fBottom{ background:#072f60;color:#fff;padding:10px 0;}
.fBottom a{ color:#fff;}

.fCopy{ line-height:1.75;font-size:12px}


.sNav{ position:fixed;right:0;top:50%;width:46px; z-index: 9;}
.sNav ul{}
.sNav li{ margin-bottom:1px;background:#0b3970;}
.sNav li:first-child{ border-radius:6px 0 0 0;}
.sNav li:last-child{ margin-bottom:0;border-radius:0 0 0 6px;}

.sNav .pd{ display:block;position:relative;}
.sNav .t{}
.sNav .t a{ display:block;}
.sNav .t img{ width:100%;height:auto;display:block;}
.sNav .c{ position:absolute;right:100%;top:0;min-width:172px;bottom:0 ;padding-right:10px;display:none;/*  display: block; */}
.sNav .c::before{ content:'';width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #0b3970;position:absolute;left:100%;top:50%;margin-top:-4px;margin-left:-10px;}
.sNav .c .npd{ background:#0b3970;height:46px;display:flex;align-items:center;justify-content:center;padding:0 10px;}
.sNav .c a{ display:flex;color:#fff;white-space:nowrap; font-size: 20px;}


/* .sNav li:nth-child(2) .c a{ font-size:14px;} */

.sNav li:hover .c{ display:block;}


/*首页PC*/
body{ font-size: 1.04166666666667vw; padding-top: 4.5em;}
.wp{ width: 79em;}
.header{ box-shadow:0 0.25em 1em 0 rgba(0,0,0,0.1);}
.logo{ font-size:2.25em;}
.menu{ margin:0 3.1em 0 7.1em;}
.menu ul{ margin-right:-0.7em;}
.menu li{ padding:0 1.5em;}
.menu .h3 a{ font-size:0.9em;}
.menu .h3 a:after{ height:0.15em;}
.menu .box{ width:8.2em;margin-left:-4.1em;transform:translateY(0.5em);}
.menu .box .npd{box-shadow:0 0.25em 1em 0 rgba(11,57,112,0.3);padding:1em 1.5em;}
.menu .box a{ font-size:0.8em;}
/*  */
.tNav{ top:4.5em;}
.tNavHead{ padding:1.7em 0;margin-bottom:2em;}
.tNavTab{ width:10em; padding: 2.3em 0;}
.tNavTab li{ margin-bottom:2em;}
.tNavTab .pd{ height:2em;}
.tNavTab i{ width:1.1em;height:1.1em;margin-right:1em;}
.tNavCon ul{ margin:0 -1.6em;}
.tNavCon .pd{ margin:0 1.6em;}
.tNavCon .li{ padding-right: 3.7em;}
.tNavCon .li:nth-child(2){ margin-top:4em;}
.tNavCon .li:nth-child(3){ margin-top:8em;}
.tNavCon .li:nth-child(4){ margin-top:12em;}
.tNavCon .li:nth-child(5){ margin-top:16em;}
.tNavCon .li:nth-child(6){ margin-top:20em;}
.tNavCon .m a{ font-size: 0.8em;}
.tNavCaseTit{ margin-right:4em;padding:1.5em 0.5em 1.5em 0;}
.tNavCaseTit .t strong{ font-size:1em;}
.tNavCaseTit .t em{ font-size:0.7em;}
.tNavCaseTit .c{ font-size:0.8em;}
.tNavCaseCon .pd{ font-size:1em;}
/*  */
.iBannerB .pd img{ height:calc(100vh - 4.5em);}
.iBannerB .swiperDots{ bottom:2em;}
.iTit1{ margin-bottom:7em;}
.iTit1 .t .h3 i{ width:2.3em;margin-right:0.5em;}
.iTit1 .t .h3 strong{ font-size:2em;}
.iTit1 .t .em{ font-size:6.5em;}
.iTit1 .c{ font-size:1em;}
/*  */
.iMain{ padding:11em 0;}
.iProType .swiper{ margin:0 -0.6em;}
.iProType .swiper-slide{ padding:0.75em 0 5.2em 0;}
.iProType .pd{ margin:0 0.6em;box-shadow:0.25em 0.3em 0.35em rgba(0,0,0,0.2);padding:5em 1.5em 2.5em 1.5em;}
.iProType .text{ padding:0.6em 0 0 0;}
.iProType .text .t{ font-size:1.1em;}
.iProType .text .c{ font-size:0.8em;}
.iProType .text p{ padding:0 1em;}
.iProType .text p:before{ left:0.1em;top:0.5em;width:0.35em;height:0.35em;}
.iProType .pd:hover{ box-shadow:0.15em 0.15em 0.5em rgba(0,0,0,0.3);}
/*  */
.iAdvantage ul{ margin:0 -1.3em;}
.iAdvantage .pd{ margin:0 1.3em;border-radius:1em;box-shadow:0.1em 0.1em 0.1em rgba(0,0,0,0.2);padding:3em 1em;}
.iAdvantage .img{ width:5.1em;margin-right:1em;}
.iAdvantage .i{ font-size:1.5em;}
.iAdvantage .h3{ font-size:1em;}
.iAdvantage .em{ font-size:0.8em;}
.iAdvantage .pd:hover{ box-shadow:0.15em 0.15em 0.5em rgba(0,0,0,0.3);}
.iTit2{ margin-bottom:5em;}
.iTit2 .t strong{ font-size:2em;}
.iTit2 .t em{ font-size:4.2em;}
/*  */
.iNewsFr{ padding-left:2.5em;}
.iNewsA ul{ margin:0 -0.75em;}
.iNewsA .text{ padding:1.5em 1.3em 1.5em 1.3em;}
.iNewsA .h3{ font-size:1.1em;}
.iNewsA .em{ font-size:0.7em;}
.iNewsA .p{ font-size:0.8em;}
.iNewsA .pd:hover{ box-shadow:0.15em 0.15em 0.5em rgba(0,0,0,0.3);}

.iNewsB{ height:26.5em;}
.iNewsB li{ margin-bottom:1.5em;}
.iNewsB .h3{ font-size:1.1em;}
.iNewsB .em{ font-size:0.7em;}
/*  */

.iAbout .img{ margin-left:23.2em;}
.iAbout .text{ top:3.6em;bottom:3.6em;width:36.7em;}
.iAbout .pd{ padding:2.5em 4.5em 2.5em 3.5em;}
.iAbout .t{ padding-bottom:0.5em;margin-bottom:1.3em;}
.iAbout .t::before{ bottom:0;width:3.5em;height:1px;}
.iAbout .h3 strong{ font-size:0.9em;}
.iAbout .h3 em{ font-size:0.6em;}
.iAbout .p{ font-size:0.6em;}
.iAbout .c{ font-size:0.7em;}
.iAbout .em .npd{ padding-bottom:0.85em;}
.iAbout .em i{ width:1.1em;margin-right:0.5em;}
.iAbout .em span{ font-size:1em;}
/*  */
.iPartnerHead{ padding-top:3em;}
.iPartnerHead_fl:before{ width:1px;height:3.5em;top:50%;margin-top:-1.75em;}
.iPartnerHead_fl .pd{ padding-right:3em;}
.iPartnerHead_fl .h3{ font-size:1em;}
.iPartnerHead_fl .em{ font-size:0.7em;}
.iPartnerHead_fr{ padding-left:2.5em;}
.iPartnerHead_fr .m{ font-size:4.3em;}
.iPartner ul{ margin:0 -1em;}
.iPartner li{ margin-bottom:1.5em;}
.iPartner .pd{ margin:0 1em;}
.iPartner .pd:hover{ box-shadow:0.15em 0.15em 0.5em rgba(0,0,0,0.3);}
/*  */
.iCase .swiper{ margin:0 -1em;}
.iCase .swiper-slide{ padding:0.75em 0 5.2em 0;}
.iCase .pd{ margin:0 1em;box-shadow:0.25em 0.3em 0.35em rgba(0,0,0,0.2);}
.iCase .text{ padding:2.2em 1em 1.5em 1em;}
.iCase .t{ padding-top:1em;}
.iCase .h3{ font-size:1em;}
.iCase .pd:hover{ box-shadow:0.15em 0.15em 0.5em rgba(0,0,0,0.3);}
.more1{ height:2em;padding:0 1em;border-radius:1em;}
.more1 i{ width:0.9em;margin-right:0.1em;}
.more1 span{ font-size:1em;}
/*  */
.fTop{ padding:5.75em 0;}
.fSolution{ margin-right:23.3em;}
.fSolution .pd{ padding-left:2.5em;}
.fSolution .t{ padding:2em 0; margin-right: 10.6em;}
.fSolution .h3{ font-size:1.6em;}
.fSolution .em{ font-size:1.4em;}
.fSolution .m{ right:3.1em;}
.fCon{ padding:1.6em 0 4em 0;}
.footerFl{ padding:5em 0 0 0;}
.fNav{ margin-left:9.8em;padding-bottom:6.5em; padding-right: 7em;}
.fNav:before{ width:1px;}
.fNav .h3{ margin-bottom:1.8em;}
.fNav .h3 a{ font-size:0.8em;}
.fNav .h3 a:before{ height:0.1em;}
.fNav .box a{ font-size: 0.7em;}
.fNav .boxb{ width: 11em;}
.fNav .boxb .li{ margin-bottom:1.5em;}
.fNav .boxb i{ width:1.1em;margin-right:1.2em;}
.fNav .boxb i:before{ width:1px;height:0.7em;right:-0.7em;top:0.2em;}
.fNav .boxb a{ font-size: 0.8em;}
/*  */
.footerFr{ width:26.5em;padding-top:5em;}
.fContact{ margin-bottom: 2.5em;}
.fContact .i{ width:3.6em;margin-right:0.9em;}
.fContact .h3{ font-size:1em;}
.fContact .p{ font-size:1em;}
.fFollow{ margin-bottom: 2.5em;}
.fFollow ul{ margin:0 -0.5em;}
.fFollow .pd{ margin:0 0.6em;width:1.6em;}
.fFollow .box{ left:50%;bottom:100%;width:5em;margin-left:-2.5em;padding-bottom:0.5em;}
.fFollow .text{ font-size:0.7em;}
.fFollow li:hover .pd{ box-shadow:0 0 0.15em rgba(0,0,0,1);transform:translateY(-0.15em);}
.fEwm .img{ width:5em;}
.fEwm .text{ padding-top:0.4em;font-size:0.7em;}
.fBottom{ padding:0.5em 0;}
.fCopy{font-size:0.6em;}
/*  */
.sNav{ top:50%;width:2.3em;}
.sNav li{ margin-bottom:1px;}
.sNav li:first-child{ border-radius:0.3em 0 0 0;}
.sNav li:last-child{ border-radius:0 0 0 0.3em;}
.sNav .c{ min-width:8.6em;padding-right:0.5em;}
.sNav .c::before{ border-top:0.2em solid transparent;border-bottom:0.2em solid transparent;border-left:0.35em solid #0b3970;margin-top:-0.2em;margin-left:-0.5em;}
.sNav .c .npd{ height:2.3em;padding:0 0.5em;}
.sNav .c a{ font-size: 1em;}
/* .sNav li:nth-child(2) .c a{ font-size:0.7em;} */
/*首页PC*/
















/*视频*/
.play_btn{ background:#000;display:block;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;position:relative;}
.play_btn i{ position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.1);transform:translateZ(0);transition:0.3s all;z-index:2;}
.play_btn i:before{ font-size:80px;width:1em;height:1em;line-height:1;position:absolute;top:50%;left:50%;margin:-0.5em 0 0 -0.5em;color:#fff;}
.play_btn:hover i{ color:#fff;background:rgba(0,0,0,0.5);}
.video_bg{ position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:42;display:none;}
.video_box{ position:fixed;width:1200px;height:auto;left:50%;top:50%;margin:-360px 0 0 -600px;z-index:43;display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff;width:40px;height:40px;position:absolute;text-align:center;line-height:40px;background-color:#C01924;border-radius:50%;cursor:pointer;z-index:37;left:50%;bottom:-50px;margin-left:-20px;}
.video_box i:hover{ background:#802C19;}
.video_box video{ width:100%;height:auto;display:block;background:#000;}
.video_box iframe{ width:100%;height:100%;display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:36;}
.video_box_vr i{ position:fixed;top:30px;right:30px;bottom:auto;left:auto;margin:0;}
@media screen and (max-width:768px){
.video_box{ left:0;margin:0;top:0;height:auto;right:0;width:auto;}
.video_box video{ height:auto;}
}
/*搜索*/
.searchMain1{ background:#070707;}
.search_tit{ font-size:18px;height:20px;line-height:20px;color:#333;border-left:2px solid #0b3970;padding-left:14px;margin-bottom:24px;}
.search_tit span{ color:#0b3970;margin-left:0.5em;}
.search_list{ background:#fff;padding:40px;min-height:25vh;border-radius:12px;}
.search_list ul{ border-top:1px dashed #ccc;}
.search_list li{ padding:15px 0;border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#0b3970;margin-right:10px;}
.search_list .em{ font-size:14px;color:#ccc;}
.search_list .p{ font-size:14px;color:#666;}
@media screen and (max-width:768px){
.iMainSearch1{ padding:40px 0;}
.search_tit{}
.search_list{ padding:30px;min-height:20vh;}
.search_list .h3{ font-size:14px;}
}
@media screen and (max-width:480px){
.search_list{ padding:25px;}
}
@media screen and (max-width:413px){
.search_list{ padding:20px;}
}
@media screen and (max-width:374px){
.search_list{ padding:15px;}
}
/*分页*/
.pagination{ text-align:center;font-size:1em;font-family:arial;padding:3.6em 0 0 0;}
.pagination li{ display:inline-block;vertical-align:bottom;margin:0 0.5em;}
.pagination a,
.pagination span{ display:block;line-height:2.5;min-width:2.5em;box-sizing:border-box;padding:0 1em;background:#F2F7F7;color:#0b3970;border-radius:0.4em;transition:0.3s all;}
.pagination a:hover,
.pagination .active span{ background:#0b3970;color:#fff;}
@media screen and (max-width:640px){
.pagination li{ margin:0 1px;}
}









/* 内页 */


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

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

}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
body{ padding:60px 0 50px 0;min-width:inherit;font-size:14px;}
.wp{ width:auto;box-sizing:border-box;margin:0 30px;}
.nProMain2 .wp{ margin:0 30px;width:auto;}
.header .wp{ margin:0 30px;width:auto;}
.header .wpd{ padding:0;}
.footer .wp{ margin:0 30px;width:auto;}
.logo{ font-size:25px;left:50%;transform:translateX(-50%);}
.tLang{ left: 0; right:auto; border-radius: 50%; background: #0b3970; border-radius: 50%; color: #fff;}
.tLang:hover{ color: #fff;}

.menu-link{ display:block;}
.menu-link em{ font-size:14px;}
.header{ background:#fff;position:fixed;padding:0;box-shadow:0 0 6px rgba(0,0,0,0.2);left:0;top:0;right:0;border-radius:0;}
.header:before{ display:none;}
.header .wp{ height:60px;}
.menu{ position:fixed;top:60px;bottom:0;z-index:2;margin:0;box-sizing:border-box;width:240px;right:-250px;}
.menu ul{ padding:80px 0 0 0;float:none;display:block;}
.menu li{ margin-bottom:15px;float:none;margin:0;padding:0;}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ color:#ffffff;}
.menu .h3{ padding:0;text-align:left;position:relative;}
.menu .h3 a{ display:block;vertical-align:bottom;font-size:14px;padding:0 30px;height:40px;line-height:40px;overflow:hidden;color:#333;}
.menu li:hover .h3 a:after,
.menu li.curr .h3 a:after{ width:4em;margin-left:-2em;left:50%;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before,
.menu .h3 a:before{ width:4em;left:50%;margin-left:-2em;border-bottom:1px dashed rgba(255,255,255,0.5);height:0;background:no-repeat;bottom:0;opacity:1;display:block;border-left:none;border-right:none;transform:translate(0,0);top:auto;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ border-bottom-color:#ffffff;}
.menu .h3 span{ height:40px;line-height:40px;display:block;text-transform:uppercase;}
.menu .h3 i{ height:40px;line-height:40px;display:block;}
.menu li:last-child .h3 a:before{ opacity:0;display:none;}
.menu .box a{ line-height:2;}

/*新菜单*/
.menu{ width:240px;background:rgba(11,57,112,0.8);background-size:100% 100%;}
.menu.active{ right:0;}
.menu .h3{ color:rgba(255,255,255,0.8);}
.menu .h3 a{ color:rgba(255,255,255,0.8);padding:0;}
.menu .h3 i{ right:0px;}
.menu .h3 span{ right:0px;}
.menu ul{ padding:20px 0 0 0; margin: 0;}
.menu li{ padding:0 20px; box-sizing: border-box;}
.menu .box{ display:none;position:static;top:auto;left:auto;width:auto;box-shadow:none;transition:none;margin:0;transform:none;opacity:1;visibility:visible;padding:0;padding: 0;}
.menu .box .npd{ background:rgba(255,255,255,0.1);border-radius:0;color:#fff;}
.menu .box a{ color:#fff;}
.menu li.active .box{ transition:none;/*  display:block;*/}
.menu li:hover .h3 a:after,
.menu li.curr .h3 a:after{ display:none;}

.menu .box .curr a,
.menu .box a:hover{ color:#fff;}


.iBannerB .pd img{ height: auto;}

.iMain{ padding: 80px 0;}
.iTit1{ margin-bottom: 30px;}
.iTit1 .t .em{ font-size: 3em;}
.iTit1_2 .c{ width: auto;}

.iAdvantage ul{ margin: 0 -10px;}
.iAdvantage li{ width: 50%; margin-bottom: 20px;}
.iAdvantage .pd{ margin: 0 10px;}

.iTit2 .t em{ font-size: 3em;}

.iAbout .text{ top: 1em; bottom: 1em;}
.iAbout .c{ height: 7em;-webkit-line-clamp: 4;}

.iPartner li{ margin-bottom: 10px;}
.iPartner .pd{ margin: 0 5px;}
.fSolution .h3{ font-size: 1.5em;}
.fSolution .em{ font-size: 1.125em;}

.fNav{ margin-left: 0; padding-right: 0;}

.sNav{ top: auto; left: 0; width: auto; bottom: 0; z-index: 9;}
.sNav ul{ display: flex;}
.sNav li{ width: 25%; margin-bottom: 0;}
.sNav li:first-child{ border-radius: 0;}
.sNav li:last-child{ border-radius: 0;}
.sNav li:last-child .t{ border-right: none;}
.sNav .t{ border-right: 1px solid #fff;}
.sNav .t a{ width:auto; height: 50px; display: flex; justify-content: center; align-items: center;}
.sNav .t img{ width: 32px;}
.sNav .c{ left: 0; right: 0; bottom: 51px; top: auto; width: 100%; min-width:auto; padding: 0; position: fixed; }
.sNav li:nth-child(1) .c{ font-size: 18px;}
.sNav li:nth-child(2) .c{ font-size: 18px;}
.sNav .c .npd{ padding: 0; height: 64px;}
.sNav .c::before{ display: none;}


}
@media screen and (max-width:980px){
.iNews{ display: block;}
.iNewsFl{ margin-bottom: 40px;}
.iNewsFr{ width: auto; padding-left: 0;}
.iNewsB{ height: auto; overflow: visible;}
.iNewsB li{ border-bottom: 1px solid #ccc;}
.iNewsB .pd{ display: flex; justify-content: space-between;}
.iNewsB .h3{ flex: 1; margin-bottom: 0;}
.iNewsB .em{ margin-left: 10px;}
.iAbout .img{ margin: 0;}
.iAbout .text{ position: static; width: auto;}
.iAbout .pd{ padding: 30px;}
.iPartner li{ width: 33.3333%;}
.fSolution{ margin-right: 26vw;}
.footerCon{ display: block;}
.footerFl{ padding: 40px 0; margin-bottom: 40px;}
.fNav{ padding-bottom: 0;}
.fNav:before{ display: none;}
.footerFr{ width: auto; border-top: 1px solid rgba(255,255,255,0.5); padding: 40px 0 0 0;}
.footerFr .wpd{ display: flex; align-items: center;}
.fContact{ margin-bottom: 0;}
.fFollow{ margin: 0 2em;}
.fEwm .text{ text-align: center;}
.fCopy{ text-align: center;}

}
@media screen and (max-width:720px){
.iNewsA ul{ margin: 0 -5px;}
.iNewsA .pd{ margin: 0 5px; background: #f2f2f2;}
.iNewsA .text{ padding:10px;}
.fSolution{ margin-right: 0;}
.fSolution .pd{ padding:30px 0;}
.fSolution .t{ margin: 0 30px 0 0; padding: 0;}
.fSolution .h3{ margin-bottom: 5px;}
.fSolution .em{ font-size: 1.125em;}
.fSolution .m{ position: static; padding-top: 20px;}
}
@media screen and (max-width:640px){
.iMain{ padding:60px 0;}
.footerFl{ padding:30px 0; margin-bottom: 30px;}
.fNav .h3 a{ font-size: 1.125em;}
.fNav li{ display: none;}
.fNav li:last-child{ display: block;}
.fNav .boxb{ width: auto;}
.fContact .pd{ flex-wrap: wrap;}
.fNav .boxb i{ width: 1.5em; margin-right: 1em;}
.fNav .boxb a{ font-size: 1em;}
.fNav .boxb i:before{ height: 1em; right: -0.5em; top: 0.3em;}
.iPartnerHead_fl .pd{ padding-right: 1.5em;}
.iPartnerHead_fl .em{ width: 13em;}
.iPartnerHead_fl .em br{ display: none;}
.iPartnerHead_fr .m{ font-size: 3.5em;}
.iPartnerHead_fr{ padding-left: 1em;}
.iNewsA .h3{ font-size: 1em;}
.iNewsB .h3{ font-size: 1em;}
.iTit1 .c{ font-size: 0.8em;}
.iAdvantage .pd{ display: block; padding: 2em 1em;}
.iAdvantage .img{ width: 4em; margin: 0 auto;}
.iAdvantage .text{ padding-top: 20px; text-align: center;}
.iAdvantage .i{ top: 0.4666666666666667em; bottom: auto;}
.iTit2 .t em{ color: rgba(0,0,0,0.1);}

.iProType .text .c{ font-size: 1em;}
}
@media screen and (max-width:480px){
.header .wp,
.footer .wp,
.wp{ margin:0 6vw;}
.logo{ font-size:25px;}
.iTit1 .t .em{ font-size: 2.5em;}
.iTit1_2 .c{ font-size: 1em;}
.iTit1 .c{ font-size: 1em;}
.iAbout .h3 strong{ font-size: 1.125em;}
.iAbout .h3 em{ font-size: 0.8em;}
.iAbout .p{ font-size: 0.8em;}
.iAbout .c{ height: auto; font-size: 1em; -webkit-line-clamp: inherit;}
.iAbout .em{ font-size: 1.5em;}

}
@media screen and (max-width:413px){
.iTit1 .t .em{ font-size: 2.2em;}
}
@media screen and (max-width:374px){
.iTit1 .t .em{ font-size: 2em;}
}

.pMainNewsInfo1{}
.infoA{ position: relative; margin: 0 auto; font-size: 1em; }
.infoA_Fl{ box-sizing: border-box; margin-right: 22em;}
.infoA_Fr{ box-sizing: border-box; position: absolute; right: 0px; top: 0px; width: 20em;}
.infoAbox{ padding:2em; background: #fff; margin-bottom: 1.5em; box-shadow: 0 0 0.5em rgba(0,0,0,0.05); border-radius: 0.5em;}
.infoAtit{ text-align: center; margin-bottom: 1.8em; }
.infoAtit h1{ font-size: 1.5em; line-height: 1.2; font-weight: bold; color: #0b3970; text-align: center;}
.infoAtit p{ padding-top: 1em; color: #666; font-size: 0.8em;}
.infoAcon{ color: #666; line-height: 1.75; font-size: 0.8em;}
.infoAcon img{ max-width: 100%; display: inline-block; vertical-align: baseline;}
.infoAcon video{ max-width: 100%; display: inline-block; vertical-align: baseline;}
.infoAcon strong{ }
.infoAbtn{ position: relative;}
.infoAbtnList{}
.infoAbtnList ul{ margin:0 -3em;}
.infoAbtnList li{ width: 50%; float: left;}
.infoAbtnList .pd{ display: block; background: #fff; box-shadow: 0 0 0.5em rgba(0,0,0,0.05); border-radius: 0.3em; position: relative; padding: 0 1em; margin: 0 3em; box-shadow: 0 0 0.5em rgba(0,0,0,0.05);}
.infoAbtnList .pd span{ position: absolute; left: 1.25em; top: 50%; line-height: 1; margin-top: -0.5em; color: #0b3970; font-weight: bold; font-size: 0.8em;}
.infoAbtnList .pd a{ color: #666; display: block; padding-left: 3.75em; height: 3em; line-height: 3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 0.8em;}
.infoAbtnList .pd:hover{ background: #0b3970; color: #fff;}
.infoAbtnList .pd:hover i,
.infoAbtnList .pd:hover span,
.infoAbtnList .pd:hover a{ color: #fff;}
.infoAbtnList li:nth-child(even) .pd i{ right: 1em; left: auto;}
.infoAbtnM{ position: absolute; left: 50%; top: 0; width: 5em; text-align: center; margin-left: -2.5em;}
.infoAbtnM a{ color: #0b3970; font-weight: bold; display: block; height: 3em; line-height: 3em; font-size: 0.8em; background: #fff; box-shadow: 0 0 0.625em rgba(0,0,0,0.05); border-radius: 0.375em;}
.infoAbtnM a:hover{ background: #0b3970; color: #fff;}

.recommended{background:#fff; box-shadow: 0 0 0.5em rgba(0,0,0,0.05); border-radius: 0.3em; padding:2em; margin-bottom: 1em;}
.recommended:last-child{ margin-bottom: 0;}
.recommendedTit{font-size:1.25em;margin-bottom:0.25em;}
.recommendedTit strong{font-weight:bold;display:block;color:#000;line-height:1;}
.recommendedList{padding:1em 0;}
.recommendedList li{margin-bottom:1em;}
.recommendedList li:last-child{margin-bottom:0;}
.recommendedList .pd{ display: block;padding-left:1.5em;position:relative;color:#000;}
.recommendedList .pd:before{content:'';position:absolute;width:1em;height:0.3em;left:0px;top:50%;background:#0b3970; margin-top: -0.15em;}
.recommendedList strong{ display: block;display:block;line-height:1.5em; height: 1.5em; font-size:0.7em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; margin-right: 6.25em; font-weight: normal;}
.recommendedList em{ position: absolute; right: 0; top: 50%; margin-top: -0.5em; line-height: 1; color: #999; font-size: 0.7em;}
.recommendedList .pd:hover{color:#0b3970;}

@media screen and (max-width:980px){
.infoA_Fl{ width: auto; margin-bottom: 30px; margin-right: 0px;}
.infoA_Fr{ position: relative; left: auto; top: auto; right: auto; width: auto;}
.infoAbtnList ul{ margin: 0px; font-size: 14px;}
.infoAbtnList li{ width: auto; float: none; margin-bottom: 10px;}
.infoAbtnList .pd{ margin: 0px; padding: 0px;}
.infoAbtnList .pd i{ left: 20px;}
.infoAbtnList .pd span{ left: 20px;}
.infoAbtnList .pd a{ padding-left: 90px;}
.infoAbtnList li:nth-child(even) .pd i{ left: 20px; right: auto;}
.infoAbtnM{ position: static; width: auto; margin: 0px; }
.infoAbtnM a{ height: 44px; line-height: 44px; font-size: 14px;}
.recommendedList strong{ font-size: 14px; margin-right: 86px;}
.recommendedList em{ font-size: 12px;}
.infoAtit h1:before{ position: static; display: block; margin-bottom: 10px; display: none;}
.infoAtit h1{ padding-left: 0px;}
}




/* 内页 */
.pwp{ width: 1370px; margin: 0 auto;}
.pBanner{}
.pBanner .pd{ display: block; overflow: hidden; position: relative;}
.pBanner .img{}
.pBanner .img img{ width: 100vw; height:calc(100vh - 90px); object-fit: cover;}
.pBanner .text{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; top: 0; display: flex; align-items: center; color: #fff;}
.pBanner .npd{ width: 740px;}
.pBanner .h3{ font-size: 60px; margin-bottom: 0.5em; line-height: 1.2;}
.pBanner .p{ font-size: 36px; line-height: 1.388888888888889;}
.pBanner .m{ padding-top: 36px; display: flex; justify-content: center;}
.pBanner .m a{ font-size: 26px; width: 9.230769230769231em; height: 2em; line-height: 2em; border-radius: 1em; text-align: center; color: #fff; background: #0b3970; display: block; transition: 0.3s all;}
.pBanner .m a:hover{ transform: translateY(-5px);}
.banner_case{ }
.banner_contact{}
.banner_contact .text{ text-align: center;}
.banner_contact .npd{ margin: 0 auto; width: auto;}
.banner_contact .h3{ font-size: 36px; line-height: 1.2; margin-bottom: 0.2777777777777778em; font-weight: bold;}
.banner_contact .p{ font-size: 28px; line-height: 1.2;}

.crumbs{ border-bottom: 1px solid #eaeaea; position: relative; box-shadow: 0 0 2px rgba(60,60,60,0.11);}
.crumbs_con{ display: flex; font-size: 14px; color: #231815; height: 2.857142857142857em; line-height: 2.857142857142857em; align-items: center;}
.crumbs_con i{ width: 1.857142857142857em; margin-right: 0.7142857142857143em;}
.crumbs_con i img{ width: 100%; height: auto; display: block;}
.crumbs_con span{}
.crumbs_con em{ margin: 0 0.25em;}
.crumbs_con strong{color: #0b3970; font-weight: normal;}

.pTit1{ border-bottom: 1px solid #444; margin-bottom: 36px;}
.pTit1 .pd{ display: flex; align-items: center; height: 44px;}
.pTit1 i{ width: 24px; margin-right: 6px;}
.pTit1 i img{ width: 100%; height: auto; display: block;}
.pTit1 strong{ font-size: 28px; color: #0b3970; font-weight:normal; margin-right: 0.4285714285714286em;}
.pTit1 em{ color: rgba(11,57,112,0.66); text-transform: uppercase;}

.pMain{ padding: 116px 0 150px 0;}

.proType{}
.proType ul{ margin: 0 -20px; display: flex; flex-wrap: wrap;}
.proType li{ width: 25%; margin-bottom: 36px;}
.proType .pd{ display: block; margin: 0 20px; background: #f3f3f3; padding: 30px 0; box-sizing: border-box; box-shadow: 2px 2px 2px rgba(60,60,60,0.11); border: 2px solid #f3f3f3; transition: 0.3s all;}
.proType .img{ margin-bottom: 6px;}
.proType .text{ padding:0 20px; text-align: center;}
.proType .t{ font-size: 18px; height: 2.444444444444444em; line-height: 2.444444444444444em; text-transform: uppercase; border-bottom: 1px solid #4f4f4f; color: #4f4f4f; margin: 0 0 0.3888888888888889em 0; overflow: hidden;}
.proType_b .t{ margin-bottom: 24px;}
.proType .c{ font-size: 14px; line-height: 1.66; height:4.98em; color: #4f4f4f;}
.proType .m{ display: flex; justify-content:center; padding-top: 20px;}
.proType .m em{ height: 2em; width: 7.714285714285714em; text-align: center; line-height: 2em; font-size: 14px; border: 1px solid #4f4f4f; transition: 0.3s all;}

.proType .pd:hover{ border-color: #0b3970; box-shadow: 0 0 0 rgba(60,60,60,0.11); transform: translateY(-5px);}
.proType .pd:hover .m em{ background: #0b3970; color: #fff; border-color: #0b3970;}


.proTypeNav{ padding-top: 66px;}
.proTypeNav .wpd{ background: #f3f3f3; box-shadow: 2px 2px 2px rgba(60,60,60,0.30); border-radius: 25px; }
.proTypeNav ul{ display: flex; justify-content: space-evenly;}
.proTypeNav li{}
.proTypeNav .pd{ display: block; padding: 0 5px; height: 50px; line-height: 50px; text-align: center; position: relative; color: #4f4f4f;}
.proTypeNav .pd:before{ content: ''; position: absolute; left: 50%; width: 0%; bottom: 0; height: 3px; background: #0b3970; transition: 0.3s all;}
.proTypeNav .pd:hover:before,
.proTypeNav li.curr .pd:before{ width: 100%; margin-left: -50%;}

.proTypeNav_b .wpd{ width:1120px; margin: 0 auto;}

.pMainProList{ padding: 80px 0 150px 0;}


.pMainProInfo1{ padding: 80px 0 150px 0;}
.proInfo{ display: flex; justify-content: space-between; width: 1120px; margin: 0 auto;}
.proInfoFl{ width: 310px;}
.proInfoFl .pd{ display: block; background: #f3f3f3; padding: 30px 0; box-sizing: border-box; box-shadow: 2px 2px 2px rgba(60,60,60,0.11); border: 2px solid #f3f3f3; transition: 0.3s all;}
.proInfoFl .img{ margin-bottom: 6px;}
.proInfoFl .text{ padding:0 20px; text-align: center;}
.proInfoFl .t{ font-size: 18px; height: 2.444444444444444em; line-height: 2.444444444444444em; text-transform: uppercase; border-bottom: 1px solid #4f4f4f; color: #4f4f4f; margin: 0 0 0.3888888888888889em 0;}
.proInfoFl .c{ font-size: 14px; line-height: 1.66; height:4.98em; color: #4f4f4f;}
.proInfoFr{ width: 714px; box-sizing: border-box;}
.proInfoFr_1{ padding-right: 194px;}
.proInfoFr_2{ padding-right: 194px;}
.proInfoFr_3{}

.pText{ margin-bottom: 36px;}
.pText:last-child{ margin-bottom: 0;}
.pText .t{ position: relative; padding-left: 14px; margin-bottom: 20px;}
.pText .t:before{ content: ''; width: 0; height: 0;border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #0b3970; position: absolute; left: 4px; top: 22px;}
.pText .t strong{ font-size: 18px; color: #4f4f4f; display: block; font-weight: normal;}
.pText .c{ font-size: 14px; line-height: 1.75; color: #4f4f4f;}
.pText ul{ display: flex; flex-wrap: wrap;}
.pText li{ width: 50%; box-sizing: border-box; padding-left: 2em; position: relative;}
.pText li::before{ content: ''; width: 0.2857142857142857em; height: 0.2857142857142857em; background: #0b3970; position: absolute; left: 1.285714285714286em ; top: 0.7142857142857143em;}

.pText img{ max-width: 100%; display: inline-block; height: auto; width: 100%;}
.pText table{ width: 100%; border-collapse: collapse; border: 1px solid #000;}
.pText td{ border: 1px solid #000; padding: 0.5em 1em; line-height: 1.2;}

.pTextA{}
.pTextA td{ border:1px solid #fff; background: #dcdcdc; font-size: 12px;}
.pTextA tr:nth-child(odd) td{ background: #0b3970; color: #fff; font-size: 14px;}
.pTextA tr:last-child td{ background: #cacaca; color: #4f4f4f;}
.pTextB{}
.pTextC{}
.pTextC .t{ border-bottom: 1px solid #000; padding: 10px 0 10px 14px;}
.pTextD{}
.pTextD .t{ padding-left: 32px;}
.pTextD .t strong{ color: #0b3970; font-size: 16px; line-height: 1; margin-bottom: 3px; display: block;}
.pTextD .t em{ color: #4f4f4f; font-size: 12px; line-height: 1; text-transform: uppercase; display: block;}
.pTextD .t:before{ display: none;}

.pTextE{}

.pMainProInfo2{}
.pMainProInfo2 .pwp{ width: 1440px;}

.pMainProInfo2_1{}
.pMainProInfo2_1 img{ width: 100%; height: auto; display: block;}
.pMainProInfo2_2 ul{ display: flex; flex-wrap: wrap;}
.pMainProInfo2_2 li{ width: 50%; margin-bottom: 28px;}
.pMainProInfo2_2 .pd{ display: block; margin: 0 16px; display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: flex-end; background: #f5f5f5; color: #000; padding: 60px 0 60px 60px;}
.pMainProInfo2_2 .img{ width: 50%;}
.pMainProInfo2_2 .text{}
.pMainProInfo2_2 .i{ font-size: 32px; margin-bottom: 1em; line-height: 1; text-transform: uppercase; font-weight: bold; text-shadow: 0 0 2px rgba(0,0,0,1); color: #f5f5f5;}
.pMainProInfo2_2 .h3{ font-size: 18px; margin-bottom: 26px;}
.pMainProInfo2_2 .p{ font-size: 16px; line-height: 1.75;}


.proInfoB{}
.proInfoB img{ max-width: 100%; height: auto; display: block;}

.pMainProInfo3{ background: no-repeat center center #000; background-size: cover; padding: 220px 0; margin-top: 20px;}
.pMainProInfo3_1{ width: 620px; margin-bottom: 160px;}
.pMainProInfo3_1 .pd{ color: #fff; padding-bottom: 26px; position: relative;}
.pMainProInfo3_1 .pd:before{ content: ''; width: 58px; height: 3px; position: absolute; left: 0; bottom: 0; background: #fff;}
.pMainProInfo3_1 .t{ position: relative; padding-bottom: 26px; margin-bottom: 10px;}
.pMainProInfo3_1 .t strong{ display: block; font-size: 26px; line-height: 1; margin-bottom: 0.1923076923076923em; font-weight: normal;}
.pMainProInfo3_1 .t em{ font-size: 14px; color: #000; text-shadow: 0 0 1px rgba(255,255,255,0.5); line-height: 1; display: block; font-weight: bold;}
.pMainProInfo3_1 .c{ font-size: 18px; line-height: 1.222222222222222;}

.pMainProInfo3_2{ width: 620px;}
.pMainProInfo3_2 ul{ display: flex; flex-wrap: wrap; margin: 0 -18px;}
.pMainProInfo3_2 li{ width: 50%; margin-bottom: 30px;}
.pMainProInfo3_2 .pd{ margin: 0 18px; padding: 56px 26px; background: url('../images/pMainProInfo3_2_bg.png') no-repeat; background-size: cover; display: flex; align-items: center;}
.pMainProInfo3_2 .i{ width: 36px; margin-right: 10px;}
.pMainProInfo3_2 .i img{ width: 100%; height: auto; display: block;}
.pMainProInfo3_2 .t{ font-size: 18px; flex: 1; color: #0a0c07; line-height: 1.111111111111111em;}


.pMainProInfo4{ background: #f5f5f5;}
.pMainProInfo4_1{ display: flex; justify-content: center; margin-bottom: 80px; position: relative;}
.pMainProInfo4_1:before{ content: ''; position: absolute; width: 6px; height: 6px; background: #000; left: 50%; bottom: -20px; margin-left: -3px;}
.pMainProInfo4_1 .pd{ position: relative;}
.pMainProInfo4_1 .pd:after{ content: ''; position: absolute; left: 50%; bottom: -17px; width: 268px; height: 1px; background: #000; margin-left: 11px;}
.pMainProInfo4_1 .pd:before{ content: ''; position: absolute; right: 50%; bottom: -17px; width: 268px; height: 1px; background: #000; margin-right: 11px;}
.pMainProInfo4_1 strong{ font-size: 30px; color: #0a0c07; line-height: 1.2; display: block; position: relative; z-index: 2;}
.pMainProInfo4_1 em{ font-size: 38px; white-space:nowrap; line-height: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #f5f5f5; text-shadow: 0 0 3px rgba(0,0,0,0.5); text-transform: uppercase;}
.pMainProInfo4_2{}
.pMainProInfo4_2 ul{ display: flex; margin: 0 -16px; flex-wrap: wrap;}
.pMainProInfo4_2 li{ width: 25%; margin-bottom: 32px;}
.pMainProInfo4_2 .pd{ margin: 0 16px; position: relative;}
.pMainProInfo4_2 .text{ position: absolute; left: 0; right: 0; top: 50%; text-align: center;}
.pMainProInfo4_2 .npd{ padding: 20px 0; background: rgba(255,255,255,0.88);}
.pMainProInfo4_2 .h3{ font-size: 24px; line-height: 1.2; color: #000;}
.pMainProInfo4_2 .em{ font-size: 14px; line-height: 1.2; color: rgba(0,0,0,0.7); text-transform: uppercase;}



.pMainProInfo3-b{ overflow: hidden; padding: 15px 0 0 0;}
.pMainProInfo3-b .pwp{ width: 100vw;}

.pMainProInfo5{ padding: 50px 0 150px 0;}
.pMainProInfo5 .pwp{ width: 1700px; margin: 0 auto;}


.pMainCase1{ padding: 160px 0;}
.pMainCase1_1{ display: flex; justify-content: space-between;}
.pMainCase1_2{ width: 600px;}
.caseFeatures{ color: #222;}
.caseFeatures .pwd{}
.caseFeatures .t{ margin-bottom: 10px;}
.caseFeatures .t strong{ font-size: 30px; color: #222;}
.caseFeatures .c{}
.caseFeatures li{ border-bottom: 1px solid #666666; padding: 30px 0;}
.caseFeatures .pd{ min-height: 150px;}
.caseFeatures .h3{ font-size: 26px; position: relative; line-height: 1.153846153846154em; padding-left: 1.538461538461538em;}
.caseFeatures .h3:before{ content: ''; position: absolute; width: 1.153846153846154em; height: 1.153846153846154em; left: 0; top: 0; background: url('../images/icon-dian1.png') no-repeat; background-size: contain;}
.pMainCase1_3{ width: 600px;}
.caseSolution{ color: #222;}
.caseSolution .pwd{}
.caseSolution .t{ margin-bottom: 10px;}
.caseSolution .t strong{ font-size: 30px;}
.caseSolution .c{}
.caseSolution li{ border-bottom: 1px solid #666666; padding: 30px 0;}
.caseSolution .pd{ min-height: 150px;}
.caseSolution .h3{ font-size: 26px; position: relative; line-height: 1.153846153846154em; padding-left: 1.538461538461538em; margin-bottom: 0.6923076923076923em;}
.caseSolution .h3:before{ content: ''; position: absolute; width: 1.153846153846154em; height: 1.153846153846154em; left: 0; top: 0; background: url('../images/icon-dian2.png') no-repeat; background-size: contain;}
.caseSolution .p{ margin-left: 2em; font-size: 20px; line-height: 1.75;}
.pMainCase2{ padding: 160px 0; background: #f2f2f2;}
.pMainCase3{ padding: 160px 0;}

.pMainCase3_1{ display: flex; justify-content: space-between;}
.pMainCase3_2{ width: 600px;}
.caseContact{}
.caseContact .wpd{}
.caseContact .t{ margin-bottom: 50px;}
.caseContact .t strong{ font-size: 40px; font-weight: normal; line-height: 1.2; color: #0b3970; display: block;}
.caseContact .t em{ font-size: 24px; color: #0b3970; line-height: 1.2; text-transform: uppercase; display: block;}
.caseContact .em{ font-size: 20px; color: #0b3970; line-height: 1.2; margin-bottom: 2.5em;}
.caseContact .c{ border-top:2px solid #000; border-bottom:2px solid #000;}
.caseContact ul{ display: flex; }
.caseContact li{ width: 50%;}
.caseContact .pd{ padding: 28px 0;}
.caseContact .h3{ font-size: 16px; color: #0b3970; margin-bottom: 0.625em; line-height: 1.2;}
.caseContact .p{ font-size: 16px; color: #3c3c3c; line-height: 1.2;}
.pMainCase3_3{ width: 660px; padding-top: 60px;}
.caseMsg{}
.caseMsg ul{ margin: 0 -15px; display: flex; flex-wrap: wrap;}
.caseMsg li{ margin-bottom: 20px; width: 50%;}
.caseMsg li.w100{ width: 100%;}
.caseMsg .pd{ margin: 0 15px;}
.ipt_t2{ box-sizing: border-box; width: 100%; height: 3.75em; font-size: 16px; padding: 0 1.625em; background: #f3f4f5; color: #0b3970; border:none; transition: 0.3s all;}
.ipt_t2:focus{ outline:none; box-shadow: 0px 0.25em 0.75em 0px rgba(11,57,112,0.3);}
.ipt_text2{ box-sizing: border-box; width: 100%; height: 180px; line-height: 1.5; font-size: 16px; padding: 20px 26px; background: #f3f4f5; color: #0b3970; border:none; transition: 0.3s all; height: 11.25em; padding: 1.25em 1.625em; overflow: hidden; max-width: 100%; min-width: 100%;}
.ipt_text2:focus{ outline:none; box-shadow: 0px 0.25em 0.75em 0px rgba(11,57,112,0.3);}
.ipt_b2{ width: 7.272727272727273em; height: 2.727272727272727em; line-height: 2.727272727272727; text-align: center; font-size: 22px; background: #0b3970; color: #fff; border:none; border-radius: 0.1363636363636364em;}


.pMainNews1{ padding: 55px 0 80px 0;}
.news{}
.newsList{}
.newsList li{}
.newsList .pd{ display: block; position: relative; padding:50px 0 50px 210px; color: #45423f; background: #fff; transition: 0.3s all;}
.newsList .em{ width: 210px; position: absolute; left: 0; top: 60px; text-align: center;}
.newsList .em em{ font-size: 18px; line-height: 1; display: block; margin-bottom: 1.444444444444444em;}
.newsList .em strong{ font-size: 54px; line-height: 1; display: block;}
.newsList .h3{ font-size: 26px; line-height: 1.5; margin-bottom: 0.5769230769230769em;}
.newsList .p{ font-size: 18px; line-height: 1.75; margin-bottom: 1.111111111111111em;}
.newsList .m{}
.newsList .m em{ width: 10.125em; display: flex; justify-content: center; align-items: center; border:1px solid #000; height: 2.875em; line-height: 2.875em; border-radius: 1.5em; color:#45423f; font-size: 16px;}
.newsList .m span{ font-size: 1em; margin-right: 1.25em; height: 1.375em; line-height: 1.375em; display: block;}
.newsList .m i{ width: 1.375em; height: 1.375em; background: url('../images/icon-you2.png') no-repeat top center; background-size: 1.375em auto; display: block;}
.newsList li:nth-child(even) .pd{ background: #f8f8f8;}
.newsList li:nth-child(even) .pd:hover,
.newsList .pd:hover{ background: #0b3970; color: #fff; transform: translateY(-5px);}
.newsList .pd:hover .m em{ background: #fff; color: #0b3970; border-color: #0b3970;}
.newsList .pd:hover .m i{ background-position: bottom center;}



.pMainAbout1{ background: url('../images/pMainAbout1_bg.jpg') #2c509a center center; background-size: cover;}
.about{ color: #fff;}
.about .pd{ display: flex; flex-direction: row-reverse; align-items: flex-end;}
.about .img{ width:560px; margin-left: 80px;}
.about .img img{ width: 100%; height: auto; display: block; opacity: 0.5;}
.about .text{ flex: 1;}
.about .t{ margin-bottom: 140px;}
.about .t strong{ font-size:48px; line-height: 1.2; display: block; white-space: nowrap;}
.about .c{ padding-left: 148px; position: relative;}
.about .em{ position: absolute; left: 0; top: 0; width: 64px;}
.about .em img{ width: 100%; height: auto; display: block;}
.about .p{ font-size: 16px; line-height: 1.75; text-align: justify;}
.about .m{ display: flex;}
.about .m a{ display: block; font-size: 14px; width: 20.28571428571429em; border-top: 0.1428571428571429em solid #fff; line-height: 1; padding-top: 1.428571428571429em; text-align: right; color: #fff; transition: 0.3s all;}
.about .m a:hover{ transform:translateY(-5px);}

.pMainAbout2{ background: url('../images/pMainAbout2_bg.jpg') #f3f3f3 center bottom; background-size: cover;}
.honors{}
.honors ul{ display: flex; flex-wrap: wrap; margin: 0 -24px;}
.honors li{ width: 20%; margin-bottom: 36px;}
.honors .pd{ display: block; margin: 0 24px; transition: 0.3s all;}
.honors .pd img{ width: 100%; height: auto; display: block;}
.honors .pd:hover{ transform:translateY(-5px);box-shadow:3px 3px 10px rgba(0,0,0,0.3);}
.pMainAbout3{}


.pMainContact1{}
.pMainContact2{ background: url('../images/map.jpg') no-repeat center center; background-size: 100vw auto; padding: 200px 0 234px 0 ;}

.contact{ display: flex; justify-content: flex-end;}
.contact .img{ display: none;}
.contact .text{ width: 465px; background:#fff; box-shadow: 5px 6px 7px rgba(0,0,0,0.3); margin-right: 200px;}
.contact .wpd{ padding: 72px 28px 48px 28px;}
.contact .t{ display: flex; margin-bottom: 46px;}
.contact .t strong{ font-size: 22px; color: #0b3970; height: 1.545454545454545em; line-height: 1.545454545454545em; display: block; border-bottom: 1px solid #3c3c3c;}
.contact .c{ padding-bottom: 30px; position: relative;}
.contact .c::before{ content: ''; position: absolute; left: 0; bottom: 0; height: 4px; width: 44px; background: #0b3970;}
.contact .c ul{}
.contact .c li{ margin-bottom: 24px;}
.contact .c li:last-child{ margin-bottom: 0px;}
.contact .c .pd{ display: flex;}
.contact .c .pd .i{ width: 36px;}
.contact .c .pd .i img{ width: 22px; height: auto; display: block;}
.contact .c .pd .p{ font-size: 18px; line-height: 1.222222222222222em;}

.pMainDownload1{}
.download{}
.downloadHead{ padding-bottom: 20px; border-bottom: 1px solid #000; margin-bottom: 60px;}
.downloadHead strong{ font-size: 40px; color: #0b3970; display: block; line-height: 1.2; margin-bottom: 0.25em;}
.downloadHead em{ font-size: 24px; color: #0b3970; display: block; line-height: 1.2; text-transform: uppercase;}
.downloadList{}
.downloadList ul{ display: flex; margin: 0 -4px; flex-wrap: wrap;}
.downloadList li{ width: 20%; margin-bottom: 36px;}
.downloadList .pd{ margin: 0 4px; background: #f6f6f6; padding: 20px; display: block; transition: 0.3s all;}
.downloadList .img{ box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.downloadList .img img{}
.downloadList .text{ padding-top: 18px;}
.downloadList .h3{ display: flex; margin-bottom: 16px;}
.downloadList .h3 strong{ font-size: 16px; color: #000; font-weight: normal; height: 1.625em; line-height: 1.625em; display: block; border-bottom: 1px solid #000;}
.downloadList .em{ font-size: 1em; display: flex; color: #7f7f7f;}
.downloadList .em em{ font-size: 14px; line-height: 1.142857142857143em; display: block;}
.downloadList .em i{ width: 14px; height: 14px; display: block; background: url('../images/icon-xiazai.png') no-repeat center center; background-size:contain;}

.downloadList .pd:hover{ transform:translateY(-5px);box-shadow:3px 3px 10px rgba(0,0,0,0.3);}


.dingwei{ position: relative;}
.dingwei a{ position: absolute; bottom: 160px;}
.dingwei_2 a{ bottom: 260px;}

.downMsg_bg{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 9991; display: none;}
.downMsg{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; z-index: 9992; width: 660px; border-radius: 5px; display: none;}
.downMsg .wpd{ padding: 30px;}
.downMsg .t{ font-size: 1.25em; margin-bottom: 0.5em; color: #0b3970;}
.downMsg .i{ position: absolute; right: -1em; top: -1em; width: 2em; height: 2em; line-height: 2em; font-size: 16px; text-align: center; background: #0b3970; border-radius: 50%; color: #fff; cursor: pointer;}

/* 内页适配 */
.pwp{ width: 68.5em;}
.pBanner .npd{ width: 37em;}
.pBanner .img img{ height: calc(100vh - 4.5em);}
.pBanner .h3{ font-size: 3em;}
.pBanner .p{ font-size: 1.8em;}
.pBanner .m{ padding-top: 1.8em;}
.pBanner .m a{ font-size: 1.3em;}
.banner_contact .h3{ font-size: 1.8em;}
.banner_contact .p{ font-size: 1.4em;}
.crumbs{ box-shadow: 0 0 0.1em rgba(60,60,60,0.11);}
.crumbs_con{ font-size: 0.7em;}
.pTit1{  margin-bottom: 1.8em;}
.pTit1 .pd{ height: 2.2em;}
.pTit1 i{ width: 1.2em; margin-right: 0.3em;}
.pTit1 strong{ font-size: 1.4em;}
.pMain{ padding: 5.8em 0 7.5em 0;}
.proType ul{ margin: 0 -1em;}
.proType li{ margin-bottom: 1.8em;}
.proType .pd{ margin: 0 1em;padding: 1.5em 0; box-shadow: 0.1em 0.1em 0.1em rgba(60,60,60,0.11); border: 0.1em solid #f3f3f3;}
.proType .img{ margin-bottom: 0.3em;}
.proType .text{ padding:0 1em;}
.proType .t{ font-size: 0.9em;}
.proType_b .t{ margin-bottom: 1.2em;}
.proType .c{ font-size: 0.7em;}
.proType .m{ padding-top: 1em;}
.proType .m em{ font-size: 0.7em;}
.proType .pd:hover{ transform: translateY(-0.25em);}

.proTypeNav{ padding-top: 3.3em;}
.proTypeNav .wpd{ box-shadow: 0.1em 0.1em 0.1em rgba(60,60,60,0.30); border-radius: 1.25em; }
.proTypeNav .pd{ padding: 0 0.25em; height: 2.5em; line-height: 2.5em; }
.proTypeNav .pd:before{ height: 0.15em; }
.proTypeNav_b .wpd{ width:56em; }
.pMainProList{ padding: 4em 0 7.5em 0;}

.pMainProInfo1{ padding: 4em 0 7.5em 0;}
.proInfo{ width: 56em; }
.proInfoFl{ width: 15.5em;}
.proInfoFl .pd{ padding: 1.5em 0; box-shadow: 0.1em 0.1em 0.1em rgba(60,60,60,0.11); border: 0.1em solid #f3f3f3; }
.proInfoFl .img{ margin-bottom: 0.3em;}
.proInfoFl .text{ padding:0 1em; }
.proInfoFl .t{ font-size: 0.9em;}
.proInfoFl .c{ font-size: 0.7em; }
.proInfoFr{ width: 35.7em; }
.proInfoFr_1{ padding-right: 9.7em;}
.proInfoFr_2{ padding-right: 9.7em;}

.pText{ margin-bottom: 1.8em;}
.pText .t{ padding-left: 0.7em; margin-bottom: 1em;}
.pText .t:before{ border-top: 0.25em solid transparent; border-bottom: 0.25em solid transparent; border-left: 0.25em solid #0b3970; left: 0.2em; top:0.3em;}
.pText .t strong{ font-size: 0.9em; }
.pText .c{ font-size: 0.7em; }


.pTextA td{ font-size: 0.8571428571428571em;}
.pTextA tr:nth-child(odd) td{ font-size: 1em;}
.pTextC .t{ padding: 0.5em 0 0.5em 0.7em;}
.pTextC .t:before{ top: 0.8em;}
.pTextD .t{ padding-left: 1.6em;}
.pTextD .t strong{ font-size: 0.8em; margin-bottom: 0.15em;}
.pTextD .t em{ font-size: 0.6em;}

.pMainProInfo2 .pwp{ width: 72em;}
.pMainProInfo2_2 li{ margin-bottom: 1.4em;}
.pMainProInfo2_2 .pd{ margin: 0 0.8em; padding: 3em 0 3em 3em;}

.pMainProInfo2_2 .i{ font-size: 1.6em;}
.pMainProInfo2_2 .h3{ font-size: 0.9em; margin-bottom: 1.3em;}
.pMainProInfo2_2 .p{ font-size: 0.8em;}

.pMainProInfo3{ padding: 11em 0; margin-top: 1em;}
.pMainProInfo3_1{ width: 31em; margin-bottom: 8em;}
.pMainProInfo3_1 .pd{ padding-bottom: 1.3em; }
.pMainProInfo3_1 .pd:before{ width: 2.9em; height: 0.15em;}
.pMainProInfo3_1 .t{ padding-bottom: 1.3em; margin-bottom: 0.5em;}
.pMainProInfo3_1 .t strong{ font-size: 1.3em; }
.pMainProInfo3_1 .t em{ font-size: 0.7em; }
.pMainProInfo3_1 .c{ font-size: 0.9em;}

.pMainProInfo3_2{ width: 31em;}
.pMainProInfo3_2 ul{ margin: 0 -0.9em;}
.pMainProInfo3_2 li{ margin-bottom: 1.5em;}
.pMainProInfo3_2 .pd{ margin: 0 0.9em; padding: 2.8em 1.3em; }
.pMainProInfo3_2 .i{ width: 1.8em; margin-right: 0.5em;}
.pMainProInfo3_2 .t{ font-size: 0.9em;}

.pMainProInfo4_1{ margin-bottom: 4em; }
.pMainProInfo4_1:before{ width: 0.3em; height: 0.3em; left: 50%; bottom: -1em; margin-left: -0.15em;}
.pMainProInfo4_1 .pd:after{ left: 50%; bottom: -0.85em; width: 13.4em; margin-left: 0.55em;}
.pMainProInfo4_1 .pd:before{ right: 50%; bottom: -0.85em; width: 13.4em; margin-right: 0.55em;}
.pMainProInfo4_1 strong{ font-size: 1.5em; }
.pMainProInfo4_1 em{ font-size: 1.9em; }
.pMainProInfo4_2 ul{ margin: 0 -0.8em; }
.pMainProInfo4_2 li{ margin-bottom: 1.6em;}
.pMainProInfo4_2 .pd{ margin: 0 0.8em; }
.pMainProInfo4_2 .npd{ padding: 1em 0; }
.pMainProInfo4_2 .h3{ font-size: 1.2em; }
.pMainProInfo4_2 .em{ font-size: 0.7em; }

.pMainProInfo3-b{ padding: 0.75em 0 0 0;}
.pMainProInfo5{ padding: 2.5em 0 7.5em 0;}
.pMainProInfo5 .pwp{ width: 85em; }

.pMainCase1{ padding: 8em 0;}
.pMainCase1_2{ width: 30em;}
.caseFeatures .t{ margin-bottom: 0.5em;}
.caseFeatures .t strong{ font-size: 1.5em;}
.caseFeatures li{  padding: 1.5em 0;}
.caseFeatures .pd{ min-height: 7.5em;}
.caseFeatures .h3{ font-size: 1.3em;}
.pMainCase1_3{ width: 30em;}
.caseSolution .t{ margin-bottom: 0.5em;}
.caseSolution .t strong{ font-size: 1.5em;}
.caseSolution li{  padding: 1.5em 0;}
.caseSolution .pd{ min-height: 7.5em;}
.caseSolution .h3{ font-size: 1.3em;}
.caseSolution .p{ font-size: 1em;}
.pMainCase2{ padding: 8em 0;}
.pMainCase3{ padding: 8em 0;}

.pMainCase3_2{ width: 30em;}
.caseContact .t{ margin-bottom: 2.5em;}
.caseContact .t strong{ font-size: 2em; }
.caseContact .t em{ font-size: 1.2em; }
.caseContact .em{ font-size: 1em;}
.caseContact .pd{ padding: 1.4em 0;}
.caseContact .h3{ font-size: 0.8em;  }
.caseContact .p{ font-size: 0.8em; }
.caseContact .c{ border-top:0.1em solid #000; border-bottom:0.1em solid #000;}
.pMainCase3_3{ width: 33em; padding-top: 3em;}

.caseMsg{}
.caseMsg ul{ margin: 0 -0.75em;}
.caseMsg li{ margin-bottom: 1em;}
.caseMsg .pd{ margin: 0 0.75em;}
.ipt_t2{ font-size: 0.8em;}
.ipt_text2{ font-size: 0.8em;}
.ipt_b2{font-size: 1.1em;}

.pMainNews1{ padding: 2.75em 0 4em 0;}
.newsList .pd{ padding:2.5em 0 2.5em 10.5em; }
.newsList .em{ width: 10.5em; left: 0; top: 3em; }
.newsList .em em{ font-size: 0.9em;}
.newsList .em strong{ font-size: 2.7em; }
.newsList .h3{ font-size: 1.3em;}
.newsList .p{ font-size: 0.9em;}
.newsList .m em{ font-size: 0.8em;}
.newsList li:nth-child(even) .pd:hover,
.newsList .pd:hover{ transform: translateY(-0.25em);}

.about .img{ width: 28em; margin-left: 4em; }
.about .t{ margin-bottom: 7em;}
.about .t strong{ font-size:2.4em; }
.about .c{ padding-left: 7.4em; }
.about .em{ width: 3.2em;}
.about .p{ font-size: 0.8em; }
.about .m a{  font-size: 0.7em;}
.about .m a:hover{ transform:translateY(-0.25em);}

.honors ul{ margin: 0 -1.2em;}
.honors li{ margin-bottom: 1.8em;}
.honors .pd{ margin: 0 1.2em; }
.honors .pd:hover{ transform:translateY(-0.25em);box-shadow:0.15em 0.15em 0.5em rgba(0,0,0,0.3);}
.pMainContact2{ padding: 10em 0 11.7em 0 ;}

.contact .text{ width: 23.25em; box-shadow: 0.25em 0.3em 0.35em rgba(0,0,0,0.3); margin-right: 10em;}
.contact .wpd{ padding: 3.6em 1.4em 2.4em 1.4em;}
.contact .t{ margin-bottom: 2.3em;}
.contact .t strong{ font-size: 1.1em; }
.contact .c{ padding-bottom: 1.5em; }
.contact .c::before{ height: 0.2em; width: 2.2em; }
.contact .c li{ margin-bottom: 1.2em;}
.contact .c .pd .i{ width: 1.8em;}
.contact .c .pd .i img{ width: 1.1em; }
.contact .c .pd .p{ font-size: 0.9em;}

.downloadHead{ padding-bottom: 1em; margin-bottom: 3em;}
.downloadHead strong{ font-size: 2em;}
.downloadHead em{ font-size: 1.2em; }
.downloadList ul{ margin: 0 -0.2em; }
.downloadList li{ margin-bottom: 1.8em;}
.downloadList .pd{ margin: 0 0.2em; padding: 1em; }
.downloadList .img{ box-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.2);}
.downloadList .text{ padding-top: 0.9em;}
.downloadList .h3{ margin-bottom: 0.8em;}
.downloadList .h3 strong{ font-size: 0.8em;}
.downloadList .em em{ font-size: 0.7em;}
.downloadList .em i{ width: 0.7em; height: 0.7em;}
.downloadList .pd:hover{ transform:translateY(-0.25em);box-shadow:0.15em 0.15em 0.5em rgba(0,0,0,0.3);}

.dingwei a{ bottom: 8em;}

.dingwei_2 a{ bottom: 13em;}

/*  */

@media screen and (min-width: 1921px) {
/* 在这里写大于 1920px 显示器的专属样式 */
.tNavHead{ border-bottom:0.05208vw solid #626262;}
.tNavCaseTit{ border-right:0.05208vw solid #626262;}
.tNavCaseCon li{ border-right:0.05208vw solid #626262;}
.iAbout .em .npd{border-bottom:0.05208vw solid #212121;}
.iPartner .pd{ border:0.05208vw solid #000;}
.iCase .t{ border-top:0.05208vw solid #000;}
.crumbs{ border-bottom: 0.05208vw solid #eaeaea;}
.pTit1{ border-bottom: 0.05208vw solid #444;}
.proType .t{ border-bottom: 0.05208vw solid #4f4f4f; }
.proType .m em{  border: 0.05208vw solid #4f4f4f;}
.proInfoFl .t{ font-size: 0.9375vw; border-bottom: 0.05208vw solid #4f4f4f;}
.pText table{ border: 0.05208vw solid #000;}
.pTextA td{ border:0.05208vw solid #fff;}
.pTextC .t{ border-bottom: 0.05208vw solid #000; }
.caseFeatures li{ border-bottom: 0.05208vw solid #666666;}
.caseSolution li{ border-bottom: 0.05208vw solid #666666;}
.newsList .m em{  border:0.05208vw solid #000; }
.contact .t strong{  border-bottom: 0.05208vw solid #3c3c3c;}
.downloadHead{ border-bottom: 0.05208vw solid #000;}

}



/* 内页 */
@media screen and (max-width:1680px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
.pBanner .img img{ height: auto; aspect-ratio: 1920/1080; object-fit: cover;}
.pBanner .npd{ width: 70%;}
.pBanner .h3{ font-size: 1.5em;}
.pBanner .p{ font-size: 1em;}
.pBanner .m a{ font-size: 1em; height: 2.5em; line-height: 2.5em; border-radius: 1.25em;}

.banner_contact .text{ justify-content: center;}



.pwp{ width: auto; margin: 0 30px;}
.pMain{ padding: 60px 0;}
.proTypeNav_b .wpd{ width: auto;}
.proInfo{ width: auto;}
.proInfoFl{ margin-right: 40px;}
.proInfoFr{ padding-right: 0px; width: auto; flex: 1;}
.pMainProInfo2 .pwp{ width: auto;}
.proType .t{ margin: 0 0 0.3888888888888889em 0;}
.proType_b .t{ margin-bottom: 1.2em;}
.pMainProInfo3-b .pwp{ width: auto; margin: 0;}
.pMainProInfo5 .pwp{ width: auto; margin: 0 30px;}
.pMainCase1_2{ width: 48%;}
.pMainCase1_3{ width: 48%;}
.pMainCase3_2{ width: 48%;}
.pMainCase3_3{ width: 48%;}

.downloadList li{ width: 33.3333%;}
}
@media screen and (max-width:980px){
.proType li{ width: 33.3333%;}
.pMainCase1_1{ display: block;}
.pMainCase1_2{ width: auto; margin: 0 0 40px 0;}
.caseFeatures .pd{ min-height: auto;}
.pMainCase1_3{ width: auto;}
.caseSolution .pd{ min-height: auto;}
.pMainCase3_1{ display: block;}
.pMainCase3_2{ width: auto; margin: 0 0 40px 0;}
.pMainCase3_3{ width: auto; padding-top: 0;}

.about .t{ margin-bottom: 1em;}
.about .t strong{ font-size: 1.5em;}
.about .c{ padding-left: 0;}
.about .em{ display: none;}
.about .img{ width: 40%;}
.honors li{ width: 33.3333%;}

.contact{ display: block;}
.contact .img{ display: block;}
.pMainContact2{ background: none; padding: 0 0 60px 0;}
.contact .text{ width: auto; margin: 0; box-shadow: none; background: #f5f5f5;}
.contact .wpd{ padding: 2em;}


}
@media screen and (max-width:720px){
.pBanner .m a{ font-size: 12px;}
.proType ul{ margin: 0 -5px;}
.proType li{ width:50%;}
.proType .pd{ margin: 0 5px;}
.proTypeNav .pd{ font-size: 12px;}
.proInfo{ display: block;}
.proInfoFl{ width: auto; margin:0 0 40px 0;}
.caseFeatures .h3{ font-size: 1.125em;}
.caseSolution .h3{ font-size: 1.125em;}
.iCase .swiper-slide{ padding-bottom: 4em;}
.caseMsg ul{ margin: 0 -5px;}
.caseMsg .pd{ margin: 0 5px;}
.ipt_b2{ width: 100%;}
.newsList .em{ width:100px;}
.newsList .pd{ padding-left: 100px;}
.pagination{ font-size: 0.8em;}

.about .pd{ display: block; position: relative;}
.about .img{ position: absolute; right: 0; bottom: 0;}
.about .m a{ width: 40%;}

.honors li{ width: 50%;}
.downloadList ul{ margin: 0 -5px;}
.downloadList li{ width: 50%;}
.downloadList .pd{ margin: 0 5px;}
.downloadList .h3 strong{ font-size: 1.125em;}
.downloadList .em{ font-size: 1em;}

.about .p{ font-size: 1em;}
.about .m a{ font-size: 1em; padding-top: 0.5em; border-top-width:1px;}
.honors ul{ margin: 0 -10px;}
.honors .pd{ margin: 0 10px;}

.downMsg{  width: auto; transform: none; left: 0; top: 0; right: 0; bottom: 0; border-radius: 0;}
.downMsg .i{ left: 50%; top: auto; bottom: 4em; margin: 0 0 0 -1em;}
}
@media screen and (max-width:640px){
.pTit1{ margin-bottom: 20px;}

.proInfoFl .t{ font-size: 1.25em;}
.proInfoFl .c{ font-size: 1em;}

.pMainProList,
.pMainProInfo1,
.pMainProInfo2,
.pMainProInfo3-b,
.pMainProInfo5{ padding-top: 20px;}

.crumbs_con{ font-size: 0.9em;}
.caseContact .h3{ font-size: 1.125em;}
.caseContact .p{ font-size: 1em;}

.newsList .h3{ font-size: 1.125em;}

.pBanner .p{ font-size: 0.9em;}
}
@media screen and (max-width:480px){
.pMainProInfo5 .pwp,
.pwp{ margin: 0 6vw;}
.fFollow li{ width: 33.3333%; display: flex; justify-content: center; margin-bottom: 22px;}
.fFollow li:nth-child(n+3){ margin-bottom: 0;}
.fFollow .box{ bottom: 100%; top: auto; padding: 0 0 10px 0;}
}
@media screen and (max-width:413px){
}
@media screen and (max-width:374px){
}

.myMap{ height: 800px; width: 100%; overflow: hidden; z-index: 1; position: relative;}
.amap-info-content{ font-size: 1em; padding:1.4em;}
.amap-info-content .t{ display: flex; margin-bottom: 1em;}
.amap-info-content .t strong{ font-size: 0.9em; color: #0b3970; height: 1.545454545454545em; line-height: 1.545454545454545em; display: block; border-bottom: 1px solid #3c3c3c;}
.amap-info-content .c{ padding-bottom: 1.5em; position: relative;}
.amap-info-content .c::before{ content: ''; position: absolute; left: 0; bottom: 0; height: 0.2em; width: 2.2em; background: #0b3970;}
.amap-info-content .c ul{}
.amap-info-content .c li{ margin-bottom: 1em;}
.amap-info-content .c li:last-child{ margin-bottom: 0px;}
.amap-info-content .c .pd{ display: flex;}
.amap-info-content .c .pd .i{ width: 1.8em;}
.amap-info-content .c .pd .i img{ width: 1em; height: auto; display: block;}
.amap-info-content .c .pd .p{ font-size: 0.8em; line-height: 1.222222222222222em; flex: 1;}

@media screen and (max-width:1024px){
.myMap{ height: 70vw;}
}