.wow{ transition-delay:0.3s;}

nav.navbar.bootsnav{ border:none; position:fixed; width:100%; background:rgba(255,255,255,0.8);}
.navWrap{ position:relative; padding:0 30px;}
.logo{ height:86px; padding:0;}
.logo span{ display:block; width:100%;}
.logo img{ height:50px;}
.navRig{ line-height:86px; margin:0; font-size:0; vertical-align:middle;}
.navRig > ul{ margin:0; vertical-align:middle;}
.navRig > ul > li{ font-size:18px; color:#333333; padding:0; padding-left:20px; position:relative;}
.navRig > ul > li a{ color:#333333; padding:0;}
.navRig > ul > li i.fa{ color:#b80e12; margin-right:5px;}
.navRig > ul > li i.fa-phone{ font-size:20px; vertical-align:middle;}
.attr-nav > ul > li.dropdown ul.dropdown-menu{ border-top-color:#b80e12 !important; left:0; margin:0; background:rgba(255,255,255,0.8) !important;}
.searchInput{ display:block; width:100%; height:40px; line-height:24px; padding:8px 10px; padding-right:40px; border:none; font-size:16px; background:none;}
.searchBtn{ display:block; width:40px; height:40px; line-height:40px; font-size:18px; color:#b80e12; text-align:center; position:absolute; right:0; top:0; transition:all .3s;}
nav.navbar.bootsnav ul.nav > li{ padding:0 10px;}
nav.navbar.bootsnav ul.nav > li > a{ padding:0 10px; line-height:86px; font-size:18px; color:#222222; font-weight:normal;}
nav.navbar.bootsnav ul.nav > li > a:after{ display:block; content:""; position:absolute; left:50%; bottom:0; width:0%; height:3px; background:#b80e12; transition:all .3s;}
nav.navbar.bootsnav ul.nav > li.active > a,nav.navbar.bootsnav ul.nav > li.on > a{ color:#b80e12;}
nav.navbar.bootsnav ul.nav > li.active > a:after,nav.navbar.bootsnav ul.nav > li.on > a:after{ width:100%; left:0;}

#home{ height:100vh; opacity:0;}
#home > .section{ height:100vh; overflow:hidden;}
.banner{ position:absolute; left:0; top:0; right:0; bottom:0; height:100%; z-index:2;}
.banImg{ height:100%; transition:all .5s;}
.banner .swiper-slide-active .banImg{ transform:scale(1.05); transition:all 5s;}
.banText{ position:absolute; left:0; top:0; right:0; bottom:0;}
.banCon{ color:#FFFFFF; text-align:center; width:100%; padding:0 8%;}
.banP1{ font-size:20px; line-height:120%; margin:0.2rem 0; text-transform:uppercase; letter-spacing:8px; font-family:Arial;}
.banP2{ font-size:56px; line-height:100%; margin:0.2rem 0;}
.banP3{ font-size:28px; line-height:150%; margin:.2rem 0;}
.banP4{ font-size:46px; line-height:150%; margin:.2rem 0;}
.banIco{ font-size:0; margin:0 -15px; margin-top:60px;}
.banIco li{ font-size:17px; line-height:28px; text-align:center; vertical-align:top; padding:0 15px;}
.banIco img{ display:block; margin:0.1rem auto; max-height:60px;}
.banMore{ display:block; width:190px; height:50px; line-height:50px; border-radius:25px; background:#c40f0f; color:#FFFFFF; font-size:18px; text-align:center;}
.banMore:hover,.banMore:focus{ color:#FFFFFF;}
.banPage{ position:absolute; right:4%; bottom:.3rem !important; left:auto; width:auto; color:#FFFFFF; z-index:1; font-size:20px; font-family:Arial; display:none;}
.banScroll{ position:absolute; left:50%; transform:translateX(-50%); bottom:0; z-index:1; color:#FFFFFF; text-align:center;}
.banScroll span{ text-transform:uppercase; display:block; font-size:12px; font-family:Arial; margin-bottom:5px; font-weight:bold;}
.banLine{ width:1px; height:50px; background:#FFFFFF; z-index:1; margin:0 auto;
background:linear-gradient(180deg,hsla(0,0%,100%,1) 50%,hsla(0,0%,100%,0) 0);
background-size:100% 200%;
background-position:0 -50px;
animation:LineScroll 3s ease-in-out forwards infinite;}
.ban1 .banText{ padding-bottom:3%;}
.ban1 .banCon{ text-align:left;}
/*.ban3 .banCon{ text-align:left; padding:0 6.25%;}*/

.boxPd{ padding-top:86px;}
.boxBg1{ position:relative; z-index:2;}
.boxBg2{ background-color:#eaeaea; background-image:radial-gradient(#FFFFFF,#DDDDDD);}
.box2Map{ position:absolute; left:0; right:0; bottom:35px; top:125px; background:url(../images/box2Map.png) center center no-repeat; background-size:contain;}
.box2Box{ text-align:center;}
.box2Tit{ font-size:42px; color:#111111; margin:.2rem auto;}
.box2Des{ font-size:22px; color:#666666; line-height:30px; margin:.2rem auto; -webkit-line-clamp: 5; word-break:break-all;}
.box2List{ font-size:0; text-align:center; margin:.5rem auto .1rem; max-width:1200px;}
.box2List li{ width:25%; padding:0 50px; font-size:22px; color:#333333; line-height:24px; vertical-align:top; margin:.1rem 0;}
.box2Ico{ background:#b80e12; border-radius:50%; width:100px; height:100px; margin:0.1rem auto;}
.box2Num{ color:#b80e12; line-height:120%; font-size:60px; font-family:Arial;}

.boxBg3{ background:url(../images/box3Bg.jpg) center center no-repeat; background-size:cover;}
.boxBg3 .container{ height:100vh;}
.box3Top{ position:absolute; left:0; top:90px; width:100%; padding:60px 0; z-index:1;}
.box3Top .box2Tit{ color:#FFFFFF;}
.box3Top .box2Des{ color:#FFFFFF; max-width:690px; margin:.1rem auto; text-align:center;}
.box3Tit{ font-size:40px;}
.box3Des{ font-size:16px;}
.box3List{ display:flex; height:100%;}
.box3List li{ width:25%;}
.box3ConBg{ height:100%; padding:350px 7% 0; font-size:16px; color:#FFFFFF; line-height:24px; position:relative; overflow:hidden;}
.box3ConBg:before{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background-image: linear-gradient(rgba(184,14,18,0),rgba(184,14,18,0.8)); transition:all 0.5s linear;}
.box3ConBg > *{ position:relative;}
.box3Img{ margin:.2rem 0 .3rem; text-align:center;}
.box3Img img{ max-height:80px; margin:0 auto;}
.box3Text{ height:152px; overflow:hidden;}
.box3Name{ font-size:30px; line-height:30px; -webkit-line-clamp:1; margin:.2rem 0; text-align:center;}
.box3Con{ line-height:14px; line-height:24px; height:72px; -webkit-line-clamp:3; margin:.1rem 0;}
.box3More{ display:block; width:138px; height:42px; border:1px solid #FFFFFF; line-height:40px; border-radius:20px; text-align:center; font-size:16px; font-family:Arial; color:#FFFFFF; margin:.2rem auto; position:relative; z-index:1; text-transform:uppercase; transition:all .3s linear;}
.box3More i{ display:inline-block; vertical-align:middle; margin-left:10px; width:11px; height:11px; position:relative; overflow:hidden;}
.box3More i:before,.box3More i:after{ display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#FFFFFF; transition:all .3s linear;}
.box3More i:before{ width:100%; height:1px;}
.box3More i:after{ width:1px; height:100%;}

.box4List{ overflow:hidden; height:100vh;}
.box4Link{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.box4Img{ width:100%; height:100%; position:relative; overflow:hidden;}
.box4Img .imgBg{ height:100%; transition:all 0.3s linear;}
.box4Shade{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4);}
.box4Shade2{ position:absolute; left:0; bottom:0; width:100%; height:0; background-image: linear-gradient(rgba(184,14,18,0),rgba(184,14,18,0.8)); transition:all 0.5s linear;}
.box4Text{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}
.box4Top{ text-align:center; color:#FFFFFF; padding:100px 15px; position:relative; margin-bottom:.3rem;}
.box4Top:before,.box4Top:after{ display:block; content:""; width:1px; height:80px; background:#FFFFFF; opacity:0.5; position:absolute; left:50%; transition:all .4s linear;}
.box4Top:before{ top:0;}
.box4Top:after{ bottom:0;}
.box4Tit{ font-size:42px; line-height:150%; margin-top:10px; transition:all .4s linear;}
.box4TitEn{ font-size:20px; line-height:140%; font-family:Arial; text-transform:uppercase; opacity:0; visibility:hidden; transform:translateY(10px); transition:all 0.4s linear;}
.box4Cir{ display:block; width:50px; height:50px; border:1px solid #FFFFFF; border-radius:50%; position:relative; overflow:hidden; margin:.2rem auto;}
.box4Cir:before,.box4Cir:after{ display:block; content:""; background:#FFFFFF; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.box4Cir:before{ width:18px; height:2px;}
.box4Cir:after{ width:2px; height:18px;}
.box4Prev,.box4Next{ display:block; width:70px; height:116px; background-color:rgba(0,0,0,0.6); background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; transform:translateY(-50%); z-index:1; cursor:pointer;}
.box4Prev{ left:0; background-image:url(../images/box4Prev.png);}
.box4Next{ right:0; background-image:url(../images/box4Next.png);}

.boxBg5{ background:url(../images/box5Bg.jpg) center center no-repeat; background-size:cover;}
.box5Top{ text-align:center; padding:30px 0;}
.box5Tit{ font-size:40px; color:#b80e12; line-height:120%;}
.box5TitEn{ font-size:24px; color:#bbbbbb; line-height:150%; text-transform:uppercase;}
.box5List{ position:relative;}
.box5List .box4Prev,.box5List .box4Next{ background-color:rgba(0,0,0,0.3);}
.box5List .box4Prev{ left:-120px;}
.box5List .box4Next{ right:-120px;}
.box5Link{ display:block; border:1px solid #555555; transition:all .3s;}
.box5One{ display:flex; align-items:center; border-bottom:1px solid #cccccc;}
.box5Date{ text-align:center; width:90px; flex-shrink:0; color:#000000; border-right:1px solid #cccccc; padding:15px 5px; font-family:Arial; transition:all .3s;}
.box5Date p{ font-size:42px; line-height:100%;}
.box5Date span{ display:block; font-size:14px; line-height:150%;}
.box5Name{ padding:0 20px; margin:15px 0; font-size:16px; color:#000000; line-height:24px; -webkit-line-clamp:2;}
.box5Two{ padding:25px;}
.box5Img{ position:relative; overflow:hidden; height:0; padding-bottom:46.15%;}
.box5Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all .3s;}
.box5Des{ font-size:14px; color:#888888; line-height:24px; height:72px; margin:15px 0;}
.box5Read{ font-size:14px; color:#313131; line-height:24px; vertical-align:middle; transition:all .3s;}
.box5Read i{ display:inline-block; vertical-align:middle; position:relative; overflow:hidden; width:22px; height:22px; border:1px solid #313131; margin-right:5px; border-radius:50%; margin-top:-2px; transition:all .3s;}
.box5Read i:before,.box5Read i:after{ display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#313131; transition:all .3s;}
.box5Read i:before{ width:8px; height:2px;}
.box5Read i:after{ width:2px; height:8px;}
.box5More{ font-size:22px; color:#b80e12; text-align:center; margin:.3rem 0;}
.box5More a{ display:inline-block; vertical-align:middle; color:#b80e12;}
.box5More i{ display:inline-block; vertical-align:middle; width:20px; height:20px; border:1px solid #333333; margin-right:5px; border-radius:50%; position:relative;}
.box5More i:after{ display:block; content:""; width:10px; height:10px; background:#333333; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.boxBg6{ background:url(../images/box6Bg.jpg) center center no-repeat; background-size:cover;}
.boxBg6 .box5Tit{ color:#FFFFFF;}
.boxBg6 .box5TitEn{ color:#FFFFFF; opacity:.4;}
.box6Des{ font-size:16px; color:#FFFFFF; line-height:140%; text-align:center;}
.box6List{ overflow:hidden;}
.box6Link{ display:block; background:rgba(255,255,255,0.1); transition:all .3s;}
.box6Img{ display:flex; height:112px; flex-direction:column; justify-content:center; align-items:center;}
.box6Img img{ max-width:90%; max-height:90%; display:block; margin:0 auto;}
.box6Page{ text-align:center; margin-top:.5rem; margin-bottom:.3rem;}
.box6Page .swiper-pagination-bullet{ width:16px; height:16px; border:1px solid #FFFFFF; border-color:transparent; border-radius:50%; background:none; opacity:1; margin:0 3px; position:relative; transition:all .3s linear;}
.box6Page .swiper-pagination-bullet:after{ display:block; content:""; width:6px; height:6px; background:#FFFFFF; border-radius:50%; position:absolute; left:50%; top:50%; margin:-3px 0 0 -3px;}
.box6Page .swiper-pagination-bullet-active{ border-color:#FFFFFF;}

.footBg{ background:#303030; font-size:16px; color:#FFFFFF; line-height:30px;}
.ftTop{ padding:.4rem 0;}
.ftLogo{ float:left; width:10%; max-width:180px; margin-right:3%;}
.ftLogo img{ max-width:100%; opacity:.4;}
.ftAdd{ float:left; width:35%; max-width:430px;}
.ftAddTab{ list-style:none; margin:0 -5px; font-size:0; margin-bottom:.1rem;}
.ftAddTab li{ display:inline-block; vertical-align:middle; width:33.33%; font-size:14px; line-height:20px; text-align:center; margin-bottom:10px; padding:0 5px;}
.ftAddTab li span{ display:block; color:#FFFFFF; opacity:.6rem; padding:5px; border:1px solid rgba(255,255,255,0.4); cursor:pointer; transition:all .2s linear;}
.ftAddTab li.active span{ background:#d70d0d; color:#FFFFFF; border-color:#d70d0d;}
.ftAddCon{ color:#FFFFFF; background:url(../images/mapIco.png) left 4px no-repeat; padding-left:20px;}
.ftAddCon p{ opacity:.6;}
.ftBot{ padding:20px 0; border-top:1px solid #5e5e5e; color:#d2d2d2; opacity:.7; text-align:center;}
.ftBot a{ color:#d2d2d2;}

.ftRig{ float:right; overflow:hidden; width:50%; max-width:720px;}
.ftWx{ float:left; list-style:none; margin:0 -15px; text-align:center; width:45%; margin-right:3%; font-size:0;}
.ftWx li{ display:inline-block; vertical-align:top; width:50%; padding:0 15px; font-size:16px;}
.ftWx li img{ display:block; max-width:100%; height:auto; margin:0 auto .1rem;}
.ftText{ float:left; width:52%;}
.ftText h3{ font-size:26px; color:#FFFFFF; line-height:34px; margin-bottom:5px;}
.ftText p{ opacity:.7;}

#fp-nav.Blue ul li a span{ background:rgba(0,0,0,0.4);}
#fp-nav.Blue ul li a.active span{ background:#b80e12;}

.onLine{ position:fixed; right:0; bottom:2%; z-index:1; transition:all .3s;}
.onLine li{ margin:5px 0;}
.onLine li a{ display:block; position:relative;}
.onIco{ display:block; width:60px; height:60px; background-color:rgba(184,14,18,0.8);}
.onCon{ position:absolute; right:100%; top:0; white-space:nowrap; line-height:30px; padding:15px 20px; font-size:16px; color:#FFFFFF; background-color:#b80e12; opacity:0; visibility:hidden; margin-right:10px; transition:all .5s;}
.onCon:after{ display:block; content:""; width:1px; height:30px; position:absolute; top:15px; right:0; background:rgba(255,255,255,0.18);}
.onWx{ width:124px; padding:5px; top:auto; bottom:0;}
.onWx img{ width:100%; height:auto; animation:none !important;}
.onLine.active{ opacity:0; visibility:hidden; transform:translateX(100%);}

.banIn{ position:relative; overflow:hidden; height:680px; color:#FFFFFF;}
.banIn .imgBg{ height:100%;}
.banShadow{ position:absolute; left:0; bottom:0; width:100%; height:40%; background-image:linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.6));}
.banCn{ font-size:60px; line-height:140%;}
.banEn{ font-size:24px; font-family:Arial; text-transform:uppercase;}
.banBotBg{ height:80px; margin-top:-80px; border-top:1px solid rgba(255,255,255,0.3); position:relative; z-index:2;}
.banBotBg .container{ height:100%;}
.banBot{ display:flex; justify-content:space-between; align-items:center; text-align:center; height:100%;}
.banBot li{ flex:1; height:100%; padding:0 0.1rem; font-size:18px; line-height:30px; color:#FFFFFF;}
.banBot li a{ display:flex; justify-content:center; flex-direction:column; height:100%; color:#FFFFFF; overflow:hidden;}
.banBot li a span{ -webkit-line-clamp:2;}
.banBot li.active a{ background:#b80e12; height:calc(100% + 1px); transform:translateY(-1px);}
.banBot li:not(.active) a:hover{ background:#b80e12; color:#FFFFFF;}

.mainBg{ background:#FFFFFF; min-height:30vh;}
.grayBg{ background:#f5f5f5;}

.oneBg1{ padding:140px 0; background:url(../images/oneBg1.jpg) center center fixed no-repeat; background-size:cover; position:relative; overflow:hidden;}
.oneBg1:after{ display:block; content:""; width:100%; height:80%; background:url(../images/oneBgLogo.png) center center no-repeat; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0;}
.oneBox1{ position:relative; text-align:center; font-size:18px; color:#555555; line-height:230%; z-index:1;}
.oneLogo{ text-align:center;}
.oneLogo img{ max-width:50%; height:auto; margin:0 auto;}
.oneLine{ display:block; width:56px; height:4px; background:#b80e12; font-size:0; margin:.3rem auto;}

.oneBg2{ padding:.6rem 0; background:url(../images/oneBg2.jpg) center top fixed no-repeat; background-size:cover; color:#FFFFFF;}
.one2Tit{ font-size:46px; color:#FFFFFF; line-height:120%; text-align:center; margin-bottom:.3rem;}
.one2Top{ display:flex; overflow:hidden; flex-direction:row-reverse;}
.one2Box{ width:70%; height:auto;}
.one2Item{ width:100%;}
.one2Item .imgBg{ height:100%;}
.one2Item span{ font-size:16px; text-align:center; color:#FFFFFF; display:none;}
.one2Rig{ width:30%; background:#b80e12; min-height:470px; padding:10px; display:flex; justify-content:center; align-items:center;}
.one2Name{ font-size:34px; line-height:110%; margin:.2rem 0;}
.one2List{ font-size:20px; line-height:30px; margin:.2rem 0;}
.one2List li{ margin:.1rem 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:25px; position:relative; cursor:pointer; transition:all .3s;}
.one2List li:before{ display:block; content:""; width:0; height:0; border-left:8px solid #FFFFFF; border-top:6px solid transparent; border-bottom:6px solid transparent; position:absolute; left:0; top:50%; margin-top:-6px;}
.one2List li.active{ padding-left:20px; transform:scale(0.9); transform-origin:left center;}

.one2Bot{ margin-top:.5rem; position:relative; overflow:hidden;}
.one2Bot:after{ display:block; content:""; width:100%; height:1px; background:#FFFFFF; opacity:.3; position:absolute; left:0; bottom:7px;}
.one2Tag{ text-align:center; font-size:0;}
.one2Tag li{ width:16.66%; cursor:pointer;}
.one2Ico{ display:block; transition:all .3s;}
.one2Ico img{ display:block; width:auto; height:50px; margin:.1rem auto;}
.one2Name2{ font-size:20px; line-height:30px; margin:.1rem 0; transition:all .3s;}
.one2Cir{ width:15px; height:15px; border:1px solid #FFFFFF; border-color:transparent; border-radius:50%; margin:0 auto; display:flex; flex-direction:column; justify-content:center; transition:all .3s;}
.one2Cir i{ display:block; width:5px; height:5px; background:#FFFFFF; margin:0 auto; border-radius:50%;}
.one2Tag li.active .one2Ico{ transform:translateY(-10px);}
.one2Tag li.active .one2Name2{ transform:translateY(-10px);}
.one2Tag li.active .one2Cir{ border-color:#FFFFFF; border-color:#b80e12;}
.one2Tag li.active .one2Cir i{ background:#b80e12;}

.one2Company{ box-shadow:0 0 .38rem rgba(0,0,0,0.2); background:rgba(255,255,255,0.15); line-height:38px; padding:.2rem 0; border-radius:.4rem; position:relative; margin-top:74px;}
.one2Totle{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:.05rem solid #FFFFFF; width:128px; height:128px; background:#b80e12; border-radius:50%; color:#FFFFFF; font-size:22px; line-height:28px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:10px 20px; text-align:center;}
.one2ComName{ list-style:none; font-size:20px; padding:0 25px; overflow:hidden;}
.one2ComName li{ float:left; padding:0 30px;}
.one2ComName li:nth-child(3){ padding-right:220px;}


.oneBg3{ padding:.6rem 0; font-size:16px; color:#666666; line-height:210%; text-align:center;}
.one3Tit{ font-size:40px; color:#333333; line-height:160%; margin-bottom:.2rem;}
.one3Des{ max-width:1100px; margin:0 auto;}
.one3Text{ margin:.2rem 0;}
.one3Text img{ max-width:100% !important; height:auto; margin:.1rem auto;}
.one3Map{ height:800px;}

.oneBg4{ padding:.6rem 0; background:url(../images/oneBg4.jpg) center bottom fixed #e6edf4 no-repeat; background-size:cover;}
.oneBg4 .one2Tit{ color:#333333;}
.one4List{ display:flex; flex-wrap:wrap; margin:0 -0.1rem;}
.one4List li{ width:33.33%; padding:0 0.1rem; margin-bottom:.2rem;}
.one4Link{ display:block; height:100%; background:#FFFFFF;}
.one4Img{ position:relative; overflow:hidden; height:0; padding-bottom:66.37%;}
.one4Img .imgBg{ position:absolute; left:0; top:0; width:100%; height:100%; transition:all .3s;}
.one4Bot{ padding:.25rem .3rem;}
.one4Name{ font-size:20px; color:#222222; line-height:170%; margin-bottom:5px; transition:all .3s;}
.one4Con{ font-size:15px; color:#888888; line-height:28px;}
.one4Con p{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:24px; background-position:left center; background-repeat:no-repeat;}
.one4Con p.add{ background-image:url(../images/one4Ico1.png);}
.one4Con p.area{ background-image:url(../images/one4Ico2.png);}
.one4Link:hover .imgBg{ transform:scale(1.1);}
.one4Link:hover .one4Name{ color:#b80e12;}
.one4More{ display:block; width:350px; height:56px; line-height:56px; background:#b80e12; font-size:22px; color:#FFFFFF; text-align:center; border-radius:30px; margin:.3rem auto .1rem; transition:all .3s;}
.one4More i{ display:inline-block; vertical-align:middle; width:22px; height:22px; background:url(../images/one4More.png) center center no-repeat; background-size:cover; margin-left:.1rem;}
.one4More:hover,.one4More:focus{ color:#FFFFFF;}
.one4More:hover{ transform:translateY(-3px); box-shadow:0 3px 3px rgba(0,0,0,0.2);}

/*发展历程*/
.hisBg{ padding:90px 0 0; background:url(../images/hisBg.jpg) center top no-repeat; background-size:cover; min-height:30vh;}
.hisList{ padding:0 0 80px; background:url(../images/hisLine.png) center top repeat-y;}
.hisList li{ position:relative; min-height:106px;}
.hisCir{ display:flex; justify-content:center; align-items:center; flex-direction:column; width:86px; height:86px; border-radius:50%; background:#b80e12; font-size:30px; color:#FFFFFF; text-align:center; font-family:Arial; position:absolute; left:50%; top:10px; transform:translateX(-50%);}
.hisCir:after{ display:block; content:""; width:106px; height:106px; position:absolute; left:50%; top:50%; margin:-53px 0 0 -53px; border-radius:50%; background:url(../images/hisCir.png) center center no-repeat; background-size:cover; transition:all 1s;}
.hisText{ width:43.57%; background:#FFFFFF; font-size:16px; color:#666666; line-height:200%; box-shadow:0 0 .2rem rgba(0,0,0,0.1); position:relative;}
.hisText:before,.hisText:after{ display:block; content:""; width:30px; height:30px; background:#FFFFFF; position:absolute; left:100%; top:40px; transform:rotate(-45deg); transform-origin:left bottom;}
.hisText:after{ box-shadow:0 0 .2rem rgba(0,0,0,0.1);}
.hisCon{ width:100%; padding:.2rem 6% .4rem; background:#FFFFFF; position:relative; z-index:2;}
.hisYear{ font-size:28px; color:#b80e12; line-height:140%; font-weight:bold; margin:.1rem 0;}
.hisList li:nth-child(2n+1) .hisText{ float:right;}
.hisList li:nth-child(2n+1) .hisText:before,.hisList li:nth-child(2n+1) .hisText:after{ left:auto; right:100%; margin-right:-30px;}
.hisList li:nth-child(2n) .hisText{ animation-name:fadeInLeft;}
.hisLi1 .hisCir:after{ transform:rotate(45deg);}
.hisLi2 .hisCir:after{ transform:rotate(90deg);}
.hisLi3 .hisCir:after{ transform:rotate(135deg);}
.hisLi4 .hisCir:after{ transform:rotate(180deg);}
.hisList li:hover .hisCir:after{ background-image:url(../images/hisCir2.png); transform:rotate(10deg);}

/*资质荣誉*/
.honTit{ font-size:40px; color:#FFFFFF; line-height:120%; margin-bottom:.1rem; text-align:center;}
.honBrief{ font-size:22px; color:#FFFFFF; line-height:180%; margin-bottom:.1rem; text-align:center;}
.honDes{ font-size:18px; color:#FFFFFF; line-height:200%; max-width:1085px; margin:0 auto .1rem; text-align:center;}
.honBg1{ padding:90px 0;}
.hon1Box{ max-width:990px; margin:0 auto; border-bottom:2px solid #ebebeb;}
.hon1Tit{ overflow:hidden;}
.hon1Tit span{ display:block; position:relative; overflow:hidden;}
.hon1Tit span img{ display:block; width:.6rem; height:auto; margin:0 auto}
.hon1Tit span:before,.hon1Tit span:after{ display:block; content:""; width:1000px; height:2px; background:#ebebeb; position:absolute; top:50%; margin-top:-1px;}
.hon1Tit span:before{ right:50%; margin-right:.7rem;}
.hon1Tit span:after{ left:50%; margin-left:.7rem;}
.hon1Text{ font-size:22px; color:#888888; line-height:170%; text-align:center; padding:.3rem 0;}
.hon1Text h3{ font-size:40px; color:#333333; line-height:140%; margin-bottom:.16rem;}

.honBg2{ padding:80px 0; background:url(../images/honBg2.jpg) center center no-repeat;}
.hon2List{ margin-top:.4rem; position:relative;}
.hon2Item{ padding:.2rem; background:rgba(255,255,255,0.9);}
.hon2Img{ position:relative; overflow:hidden; height:0; padding-bottom:76%; margin:.1rem 0;}
.hon2Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; background-size:contain; transition:all .3s;}
.hon2Name{ font-size:16px; color:#333333; line-height:200%; font-weight:bold; text-align:center; margin-top:.3rem; transition:all .3s;}
.hon2Prev,.hon2Next{ display:block; width:.46rem; height:.84rem; background-position:center center; background-size:cover; background-repeat:no-repeat; background-color:#d50005; position:absolute; top:50%; margin-top:-.42rem; cursor:pointer;}
.hon2Prev{ left:-.7rem; background-image:url(../images/hon2Prev.png);}
.hon2Next{ right:-.7rem; background-image:url(../images/hon2Next.png);}
.hon2Item:hover .imgBg{ transform:scale(1.05);}
.hon2Item:hover .hon2Name{ color:#d50005;}

.honBg3{ padding:80px 0;}
.honBg3 .honTit{ color:#333333;}
.honBg3 .honBrief{ color:#b80e12;}
.honBg3 .honDes{ color:#666666;}
.hon3List{ display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 -5px; margin-top:.3rem;}
.hon3List li{ max-width:25%; font-size:22px; color:#333333; line-height:34px; margin-top:.2rem; padding:0 5px;}
.hon3List li img{ max-width:100%; height:auto; display:block; margin-bottom:.2rem; transition:all .3s;}
.hon3List li p{ padding-right:80px; text-align:center; transition:all .3s;}
.hon3List li:hover{ color:#b80e12;}
.hon3List li:hover img{ transform:translateY(-10px);}
.hon3List li:hover p{ transform:translateY(-10px);}

.hon4TopBg{ padding:80px 0; background:url(../images/honBg4.jpg) center center no-repeat; background-size:cover; position:relative;}
.hon4TopBg:after{ display:block; content:""; width:0; height:0; position:absolute; left:50%; top:100%; transform:translateX(-50%); border-top:36px solid #be3034; border-left:34px solid transparent; border-right:34px solid transparent;}
.hon4TopBg .honBrief{ margin-bottom:.2rem;}
.hon4BotBg{ padding:60px 0;}
.hon4List{ max-width:1284px; margin:0 auto;}
.hon4List li{ float:left; width:50%; padding:0 15px; font-size:16px; color:#555555; line-height:180%; margin-bottom:.2rem;}
.hon4List h3{ font-size:24px; color:#af0004; line-height:180%; margin:5px 0;}
.hon4List p{ margin:.1rem 0;}
.hon4List2{ display:flex; flex-wrap:wrap; max-width:1304px; margin:0.3rem auto 0;}
.hon4List2 li{ width:25%; padding:0 25px; margin-bottom:.2rem;}
.hon4Img{ position:relative; overflow:hidden; height:0; padding-bottom:144%; border:0.06rem solid #FFFFFF; box-shadow:0 0 .2rem rgba(0,0,0,0.3); transition:all .3s;}
.hon4Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; background-size:contain; transition:all .3s;}
.hon4Img:hover{ transform:translateY(-5px);}
.hon4Img:hover .imgBg{ transform:scale(1.05);}

.culItem{ min-height:80vh; position:relative; overflow:hidden; display:flex; align-items:flex-end; margin-bottom:.5rem; padding-top:1rem;}
.culImg{ position:absolute; left:0; top:0; width:100%; height:calc(100% - .5rem);}
.culImg .imgBg{ height:100%; background-attachment:fixed;}
.culText{ background:#f3f3f3; width:50%; font-size:16px; color:#666666; line-height:180%; padding:70px 5% 50px; position:relative; z-index:1; min-height:520px; display:flex; flex-direction:column; justify-content:flex-end;}
.culText h3{ font-size:86px; color:#b80e12; line-height:140%; margin:.1rem 0;}
.culText p{ margin:5px 0;}
.culWords{ position:absolute; right:8%; top:.7rem; width:47.17%;}
.culWords img{ display:block; max-width:100%; height:auto;}
.culCon{ position:relative; z-index:1;}
.culBotBg{ padding:.6rem 0; background:url(../images/culBotBg.jpg) center bottom no-repeat; background-size:cover;}
.culBot{ display:flex; flex-direction:column; justify-content:center; min-height:4.8rem; font-size:70px; color:#FFFFFF; text-shadow:0 0 .2rem rgba(0,0,0,0.4); line-height:140%; text-align:center;}
.culItem:nth-child(2n){ justify-content:flex-end;}

/*项目案例*/
.caseList{ margin:.6rem 0 0;}
.caseList li{ margin-bottom:.3rem;}
.caseLink{ display:block; border:1px solid #dddddd; padding:30px; transition:all .3s;}
.caseImg{ float:left; width:40%; height:330px; margin-right:4%;}
.caseImg .imgBg{ width:100%; height:100%;}
.caseRig{ overflow:hidden;}
.caseTit{ font-size:32px; color:#333333; line-height:42px; padding-right:70px; position:relative; margin:.1rem 0;}
.caseTit i{ display:block; width:50px; height:50px; position:absolute; right:0; top:0; border-radius:50%; background:#FFFFFF; opacity:0; transform:translateX(100%); transition:all .4s;}
.caseTit i:before,.caseTit i:after{ display:block; content:""; width:18px; height:2px; background:#b80e12; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.caseTit i:after{ width:2px; height:18px;}
.caseTit a{ display:block; width:110px; height:42px; line-height:42px; border-radius:20px; background:#b80e12; font-size:16px; color:#FFFFFF; text-align:center; position:absolute; right:0; top:0;}
.caseTit a b{ font-size:26px; vertical-align:sub; margin-right:.06rem;}
.caseDes{ font-size:16px; color:#777777; line-height:32px; margin:.1rem 0;}
.caseDes:last-child{ margin-bottom:0;}
.caseDes p{ padding-left:30px; background-position:left 6px; background-repeat:no-repeat;}
.caseDes p.add{ background-image:url(../images/caseIco1.png);}
.caseDes p.type{ background-image:url(../images/caseIco2.png);}
.caseDes p.area{ background-image:url(../images/caseIco3.png);}
.caseDes p.honor{ background-image:url(../images/caseIco4.png); color:#b80e12;}
.caseVr{ display:block; width:160px; line-height:43px; background-color:#b80e12; border-radius:20px; text-align:center; color:#FFFFFF; font-size:16px; margin-top:.2rem;}
.caseVr i{ display:inline-block; vertical-align:middle; width:30px; height:22px; margin-right:5px; background:url(../images/case360.png) center center no-repeat; background-size:contain;}
.caseVr:hover,.caseVr:focus{ color:#FFFFFF;}
.caseBrief{ background:url(../images/caseIco5.png) left 6px no-repeat; -webkit-line-clamp:2;}
.caseMore{ display:block; margin:.5rem auto; width:320px; height:58px; line-height:56px; text-align:center; font-size:22px; color:#b80e12; border-radius:30px; border:1px solid #d2d2d2; transition:all .3s;}
.caseMore i{ margin-right:.06rem;}
.caseMore:focus{ color:#FFFFFF;}
.caseMore:hover{ background:#b80e12; color:#FFFFFF; border-color:#b80e12;}

.caseLink:hover{ background:#a92c2f; border-color:#a92c2f;}
.caseLink:hover .caseTit{ color:#FFFFFF;}
.caseLink:hover .caseTit i{ opacity:1; transform:translateX(0);}
.caseLink:hover .caseDes{ color:#FFFFFF;}
.caseLink:hover .caseDes p.add{ background-image:url(../images/caseIco1_a.png);}
.caseLink:hover .caseDes p.type{ background-image:url(../images/caseIco2_a.png);}
.caseLink:hover .caseDes p.area{ background-image:url(../images/caseIco3_a.png);}
.caseLink:hover .caseDes p.honor{ background-image:url(../images/caseIco4_a.png); color:#ffe400;}
.caseLink:hover .caseBrief{ background-image:url(../images/caseIco5_a.png);}

.caseBg{ background:url(../images/caseBg.jpg) center top #455060 fixed no-repeat; background-size:100% auto;}
.caseBox{ position:relative; margin:.5rem 0;}
.caseLef{ float:left; width:72.85%; padding:40px 50px; font-size:16px; color:#777777; line-height:30px; background:#FFFFFF;}
.caseTop .caseTit{ padding-right:120px;}
.caseLine{ display:block; height:.04rem; background:#f5f5f5; font-size:0; margin:.3rem 0;}
.caseH3{ font-size:22px; color:#333333; line-height:140%; margin:.2rem 0;}
.caseText p{ margin:.2rem 0;}
.caseText p:last-child{ margin-bottom:0;}
.caseText img{ max-width:100% !important; height:auto !important;}
.caseFloat{ position:fixed; left:50%; margin-left:340px; width:360px; z-index:1;}
.caseItem{ background:#FFFFFF; padding:20px 30px; margin-bottom:.1rem;}
.caseItem:last-child{ margin-bottom:0;}
.caseItem .caseH3{ margin:0 0 .16rem;}
.caseShare{ font-size:0; margin:.1rem 0 .2rem;}
.caseShare span,.caseShare a{ display:inline-block; vertical-align:middle; font-size:16px; color:#999999; line-height:40px;}
.caseShare a{ width:40px; height:40px; box-shadow:0 0 1px #999999 inset; margin-right:.14rem; border-radius:50%; background-image:url(../images/shareIco.png); background-repeat:no-repeat; transition:all .3s;}
.caseShare a:last-child{ margin-right:0;}
.shareIco1{ background-position:0 0;}
.shareIco2{ background-position:-40px 0;}
.shareIco3{ background-position:-80px 0;}
.shareIco4{ background-position:-120px 0;}
.caseShare a:hover{ box-shadow:0 0 1px #b80e12; background-color:#b80e12;}
.shareIco1:hover{ background-position:0 -40px;}
.shareIco2:hover{ background-position:-40px -40px;}
.shareIco3:hover{ background-position:-80px -40px;}
.shareIco4:hover{ background-position:-120px -40px;}
.casePage{ font-size:16px; line-height:200%;}
.casePage p a{ color:#777777;}
.casePage p a:hover{ color:#c11212;}
.caseHot{ font-size:16px; color:#666666; line-height:200%; text-align:center;}
.caseHot .imgBg{ height:0; position:relative; overflow:hidden; padding-bottom:58.93%; transition:all .3s;}
.caseHot a{ display:block; color:#666666;}
.caseHot p{ margin:0.1rem auto}
.caseHot a:hover{ color:#b80e12;}
.caseHot li:last-child p{ margin-bottom:0;}
.caseHot a:hover .imgBg{ transform:scale(1.02);}

.newsList{ font-size:0; margin:0 -12px;}
.newsList li{ float:none; margin-top:.36rem; padding:0 12px;}
.newsTop{ display:flex; justify-content:space-between; margin:.4rem 0; padding-top:.3rem;}
.newsLef{ width:57.86%; position:relative; min-height:450px;}
.newsLef .hon2Prev,.newsLef .hon2Next{ background-color:rgba(0,0,0,0.5); z-index:1;}
.newsLef .hon2Prev{ left:0;}
.newsLef .hon2Next{ right:0;}
.newsLef .hon2Prev:hover,.newsLef .hon2Next:hover{ background-color:#d50005;}
.newsLef .hon2Prev.swiper-button-disabled,.newsLef .hon2Next.swiper-button-disabled{ opacity:0.5; cursor:no-drop; background-color:rgba(0,0,0,0.5);}
.newsLink{ display:block; height:100%;}
.newsImg{ height:100%;}
.newsLef .newsTit{ color:#FFFFFF; background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0; width:100%; z-index:1; margin:0; padding:.14rem .2rem;}
.newsRig{ width:40%;}
.newsRig li{ background:#f5f5f5; padding:25px 40px; margin-bottom:.16rem; cursor:pointer;}
.newsRig li:last-child{ margin-bottom:0;}
.newsRig li a{ display:block; height:100%;}
.newsTit{ font-size:20px; color:#222222; line-height:150%; margin-bottom:5px; -webkit-line-clamp:2;}
.newsDes{ font-size:15px; color:#888888; line-height:24px;}
.newsRig li.active{ background:#b80e12; position:relative;}
.newsRig li.active:after{ display:block; content:""; border-right:14px solid #b80e12; border-top:11px solid transparent; border-bottom:11px solid transparent; position:absolute; right:100%; top:50%; transform:translateY(-50%);}
.newsRig li.active .newsTit,.newsRig li.active .newsDes{ color:#FFFFFF;}

.banIn2 .container{ position:relative;}
.banIn2 .caseTit{ position:absolute; right:0; bottom:0; padding:0; margin:0;}
.banIn2 .caseTit a{ position:static;}
.newsBg{ margin-top:-160px; background:#FFFFFF; position:relative; z-index:1; padding:40px 4.2%; min-height:50vh;}
.newsBg .caseTit{ display:none;}
.newsHead{ padding-bottom:.3rem; border-bottom:1px solid #d3d3d3; margin-bottom:.3rem;}
.newsDate{ float:right; width:92px; height:94px; margin-left:.2rem; border:1px solid #cccccc; font-family:Arial; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.newsName{ overflow:hidden; font-size:14px; color:#888888; line-height:180%;}
.newsName h1{ font-size:34px; color:#333333; line-height:160%; margin-bottom:.1rem;}
.newsName p span{ display:inline-block; vertical-align:middle; margin-right:.2rem;}
.newsName p span:last-child{ margin-right:0;}
.newsName p span img{ vertical-align:middle; margin-top:-2px; margin-right:5px;}
.newsDate p{ font-size:46px; color:#b80e12; line-height:100%;}
.newsDate span{ display:block; font-size:18px; color:#000000; line-height:120%;}
.newsText{ font-size:16px; color:#555555; line-height:30px;}
.newsText p{ text-indent:2em; margin:.15rem 0;}
.newsText h3{ font-weight:bold; font-size:20px; color:#b80e12; line-height:150%; margin:.2rem 0;}
.newsText img{ max-width:100% !important; height:auto; display:block; margin:0 auto;}
.newsFoot{ padding:.3rem 0; border-top:1px solid #d3d3d3; margin-top:.3rem;}
.newsFoot .casePage{ float:left; width:calc(100% - 270px);}
.newsFoot .caseShare{ float:right; width:250px; margin:20px 0 0;}

.joinBg1{ padding:80px 0;}
.joinBg1 .one2Tit{ color:#333333;}
.joinBg2{ padding:.6rem 0 .5rem; background:#f5f5f5;}
.joinBg2 .honTit{ color:#222222;}
.joinBg2 .honDes{ color:#666666;}
.joinBg2 .honDes a{ color:#b80e12; font-size:120%;}
.joinTop{ display:flex; flex-wrap:wrap; margin:0 -12px;}
.joinTop li{ width:25%; padding:12px;}
.joinImg{ height:0; position:relative; overflow:hidden; padding-bottom:164%;}
.joinImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all .3s;}
.joinShadow{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; background-image: linear-gradient(to right, rgba(201,98,100,0.9) , rgba(201,98,100,0.5));}
.joinText{ position:absolute; top:30%; width:100%; left:0; padding:0 15%;}
.douhao{ display:block; width:32px; height:32px; background:url(../images/douhao.png) center center no-repeat; background-size:cover;}
.joinTit{ font-size:36px; color:#FFFFFF; line-height:140%; margin:.1rem 0;}
.joinLine{ display:block; width:20px; height:3px; background:#FFFFFF; font-size:0; margin:.2rem 0; transform-origin:left center; transition:all .3s;}
.joinDes{ font-size:22px; color:#FFFFFF; line-height:160%;}
.joinTop li:nth-child(2n) .joinShadow{ background-image: linear-gradient(to right, rgba(178,140,97,0.9) , rgba(178,140,97,0.5));}
.joinTop li:hover .joinImg .imgBg{ transform:scale(1.1);}
.joinTop li:hover .joinLine{ transform:scaleX(1.5);}
.joinBot{ margin:.3rem 0;}
.joinBot li{ margin-bottom:.1rem; background:#FFFFFF;}
.joinHead{ padding:15px 2.8%; overflow:hidden; font-size:20px; color:#666666; line-height:38px; cursor:pointer; transition:all .3s;}
.joinHead span{ float:left; position:relative;}
.joinSp1{ width:18%; padding-right:10px;}
.joinSp2{ width:24%; padding:0 2%;}
.joinSp2:before{ display:block; content:""; width:1px; height:22px; background:#c7c7c7; position:absolute; left:0; top:50%; margin-top:-9px;}
.joinSp3{ width:14%; text-align:center;}
.joinSp4{ width:14%; text-align:right;}
.joinSp4 i{ display:inline-block; vertical-align:middle; width:22px; height:22px; background:#b80e12; border-radius:50%; margin-left:.1rem; position:relative;}
.joinSp4 i:before,.joinSp4 i:after{ display:block; content:""; background:#FFFFFF; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s;}
.joinSp4 i:before{ width:8px; height:2px;}
.joinSp4 i:after{ width:2px; height:8px;}
.joinSp5{ width:30%; padding:0 2%;}
.joinBody{ font-size:18px; color:#666666; line-height:180%; padding:0 2.8%; display:none;}
.joinBrief{ overflow:hidden; padding:.2rem 0; border-bottom:1px solid #dbdbdb;}
.joinBrief span{ float:left; padding-right:.6rem;}
.joinBrief span:last-child{ padding-right:0;}
.joinCon{ font-size:18px; color:#666666; line-height:200%; margin:0 -15px; padding:.2rem 0;}
.joinItem{ float:left; width:50%; padding:.2rem 15px;}
.joinItem h3{ font-size:26px; color:#222222; line-height:180%; margin:.1rem 0;}
.joinFoot{ font-size:18px; color:#b80e12; line-height:180%; padding:.3rem 0; border-top:1px solid #dbdbdb;}
.joinFoot span{ display:inline-block; vertical-align:middle; padding-right:.4rem;}
.joinFoot span:last-child{ padding-right:0;}
.joinBot li.active .joinHead{ background:#b80e12; color:#FFFFFF;}
.joinBot li.active .joinSp2:before{ background:#FFFFFF;}
.joinBot li.active .joinBody{ box-shadow:0 0 .15rem rgba(0,0,0,0.15);}
.joinBot li.active .joinSp4 i:before{ width:12px; height:2px; transform:translate(-30%,0%) rotate(45deg); transform-origin:right top;}
.joinBot li.active .joinSp4 i:after{ width:12px; height:2px; transform:translate(-70%,-0%) rotate(-45deg); transform-origin:left top;}

.page{ text-align:center; margin:.5rem 0 0;}
.page img{ max-width:100%; height:auto; margin:0 auto;}

/*contact*/
.contactBg{ background:url(../images/contactBg.jpg) center center #FFFFFF no-repeat; background-size:cover;}
.contact{ padding:80px 0;}
.conRig{ float:right; width:65%; position:relative;}
.conMap{ float:right;}
.conDot li{ position:absolute;}
.conDotLi1{ left:470px; top:350px;}
.conDotLi2{ left:330px; top:510px;}
.conDotLi3{ left:220px; top:600px;}
.conDotLi4{ left:410px; top:640px;}
.conDotLi5{ left:570px; top:590px;}
.conDotLi6{ left:440px; top:800px;}
.conCir{ width:80px; height:80px; position:relative;}
.conCir span{ position:absolute; left:50%; top:50%; width:80px; height:80px; margin:-40px 0 0 -40px; border:1px solid #b80e12; border-radius:50%; animation:warn 2s ease-out both infinite; box-shadow:0 0 5px #b80e12,0 0 10px #b80e12 inset;}
.conMapIco{ position:absolute; left:50%; bottom:50%; display:block; width:20px; height:24px; background:url(../images/mapIco2.png) center bottom no-repeat; background-size:contain; margin-left:-10px; margin-bottom:5px; animation:bounceUp 2s linear infinite;}
.conPoint{ position:absolute; left:50%; top:50%; border-radius:50%; display:block; width:8px; height:8px; margin:-4px 0 0 -4px; background:#b80e12;}
.conCir span.conCir1{ animation-delay:0s;}
.conCir span.conCir2{ animation-delay:.4s;}
.conCir span.conCir3{ animation-delay:.8s;}
.conTag{ position:absolute; left:100%; margin-left:-17px; top:24px; display:flex; cursor:pointer;}
.conTag span{ display:block;}
.conTagIco{ width:32px; height:32px; background:#ca1b1f; position:relative;}
.conTagIco:before,.conTagIco:after{ display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#FFFFFF;}
.conTagIco:before{ width:16px; height:2px;}
.conTagIco:after{ width:2px; height:16px;}
.conTagCon{ padding:0 10px; font-size:15px; color:#FFFFFF; line-height:32px; background:rgba(0,0,0,0.4); white-space:nowrap;}
.conImg{ position:absolute; left:100%; margin-left:-17px; top:56px; border:20px solid #FFFFFF; width:410px; z-index:1; opacity:0; visibility:hidden; margin-top:10px; transition:all .3s;}
.conImg .imgBg{ padding-bottom:66%;}
.conTit{ position:absolute; left:0; bottom:0; width:100%; font-size:14px; color:#FFFFFF; line-height:28px; padding:0.08rem .1rem; background:rgba(0,0,0,0.5); text-align:center;}
.conPrev,.conNext{ display:block; width:32px; height:60px; background:rgba(0,0,0,0.5); position:absolute; top:50%; transform:translateY(-50%); background-position:center center; background-repeat:no-repeat; z-index:1; cursor:pointer;}
.conPrev{ left:0; background-image:url(../images/hon2Prev.png);}
.conNext{ right:0; background-image:url(../images/hon2Next.png);}
.conDotLi6 .conImg{ top:auto; bottom:56px;}
.conList{ width:35%; position:relative; margin-top:140px;}
.conList li{ box-shadow:1px 1px 0 #dcdcdc inset,-1px -1px 0 #dcdcdc inset; margin-bottom:.14rem; font-size:16px; color:#777777; line-height:30px; background:#FFFFFF; padding:15px 30px; cursor:pointer;}
.conList li h3{ font-size:22px; color:#333333; line-height:150%;}
.conList li.active,.conList li:hover{ box-shadow:0 0 .3rem rgba(0,0,0,0.15),1px 1px 0 #dcdcdc inset,-1px -1px 0 #dcdcdc inset,3px 0 0 #b80e12 inset;}
.conDot li.active .conImg{ opacity:1; visibility:visible; margin-top:0;}

.font50{ font-size:50px;}
.font40{ font-size:40px;}
.system{ padding:80px 0 90px;}
.sysTit{ color:#333333; line-height:120%;}
.sysDes{ font-size:18px; color:#666666; line-height:160%; margin:.2rem 0;}
.sysList{ margin:0 -12px;}
.sysList li{ padding:12px;}
.sysLink{ display:block; position:relative; overflow:hidden;}
.sysImg{ position:relative; overflow:hidden; height:0; padding-bottom:50.87%;}
.sysImg .imgBg{ position:absolute; left:0; right:0; bottom:0; top:0; transition:all .3s;}
.sysHov{ position:absolute; left:-15%; top:0; width:60%; height:100%; background:#b80e12; opacity:.5; transition:all .3s;}
.sysHov1{ transform:skewX(25deg);}
.sysHov2{ transform:skewX(30deg);}
.sysText{ position:absolute; left:.45rem; bottom:.4rem; color:#FFFFFF;}
.sysIco{ display:block; margin:.1rem 0;}
.sysIco img{ display:block; width:auto; height:.5rem; transition:all .3s;}
.sysName{ font-size:28px; line-height:200%; margin:.1rem 0;}
.sysMore{ display:block; width:138px; height:42px; line-height:40px; border-radius:20px; text-align:center; font-size:14px; border:1px solid rgba(255,255,255,0.5); transition:all .3s;}
.sysMore i{ font-size:22px; font-family:"Times New Roman"; display:inline-block; vertical-align:middle; margin-left:4px;}

.sysLink:hover .sysImg .imgBg{ transform:scale(1.05);}
.sysLink:hover .sysIco img{ transform:scaleX(-1);}
.sysLink:hover .sysHov{ width:100%; opacity:.6;}
.sysLink:hover .sysHov2{ transition-delay:.2s;}
.sysLink:hover .sysMore{ background:#FFFFFF; border-color:#FFFFFF; color:#b80e12;}

.ban750{ height:750px; margin-bottom:1px;}
.ban920{ height:100vh;}
.banTit{ margin:.2rem 0;}
.banTit .font50{ line-height:140%;}
.banDes{ font-size:18px; line-height:190%; margin:.2rem 0;}

.padding90{ padding:90px 0;}
.designBg{ position:relative; overflow:hidden; background:url(../images/designBg.jpg) center center no-repeat; background-size:cover; color:#FFFFFF;}
.desingVideo{ position:absolute; left:0; top:0; right:0; bottom:0; background:#000000; overflow:hidden;}
.desingVideo video{ opacity:.4; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%;}
.desingVideo span{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:#d70d0d; opacity:.5;}
.designBg .sysDes{ color:#FFFFFF;}
.desTit{ line-height:140%;}
.designSolu{ position:relative;}
.designSolu:before{ display:block; content:""; width:100%; height:1px; background:#FFFFFF; opacity:.5; position:absolute; left:0; top:calc(77px + .5rem);}
.desSoluList{ margin:.5rem 0; font-size:24px; text-align:center; display:flex; justify-content:center; flex-wrap:wrap;}
.desSoluList li{ position:relative; width:25%;}
.desSoluIco{ position:relative; margin-bottom:.16rem;}
.desSoluIco:after{ display:block; content:""; width:5px; height:5px; background:#FFFFFF; transform:rotate(45deg); position:absolute; left:100%; top:50%;}
.desSoluList li:nth-child(4n) .desSoluIco:after{ display:none;}
.desSoluIco span{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:150px; height:150px; background:#FFFFFF; border-radius:50%; margin:0 auto;}
.desSoluIco img{ display:block; max-width:100%; max-height:100%; margin:0 auto;}
.designSolu .sysDes{ max-width:1120px; margin-left:auto; margin-right:auto;}
.seeVideo{ display:block; width:320px; height:60px; line-height:58px; text-align:center; color:#FFFFFF; font-size:22px; border:1px solid #FFFFFF; border-radius:30px; margin:.5rem auto 0;}
.seeVideo i{ display:inline-block; vertical-align:middle; width:28px; height:28px; margin-right:10px; background:url(../images/playIco.png) center center no-repeat; background-size:contain;}
.seeVideo:hover,.seeVideo:focus{ color:#FFFFFF;}
.seeVideo:hover{ background:#b80e12;}
.desHighLight{ font-size:0; margin:0 -38px; padding-top:.1rem;}
.desHighLight li{ float:none; vertical-align:top; padding:0 38px; margin-top:70px;}
.desHigLigIco{ float:left; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100px; height:100px; border-radius:5px; margin-right:36px; background-color:#b80e12; background-image: linear-gradient(to top right,#b80e12,#ed5558)}
.desHigLigIco img{ display:block; max-width:100%; max-height:100%; margin:0 auto;}
.desHigLigRig{ overflow:hidden;}
.desHigLigTit{ font-size:22px; color:#d30106; line-height:30px; margin-bottom:.1rem;}
.desHigLigDes{ font-size:16px; color:#666666; line-height:28px;}

.LayBg{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:10; display:flex; align-items:center; opacity:0; visibility:hidden; transition:all .3s;}
.LayBox{ width:90%; height:auto; max-width:800px; border:.1rem solid #FFFFFF; background:#000000; margin:0 auto; position:relative; opacity:0; visibility:hidden; transform:scale(0); transition:all .3s;}
.LayClose{ position:absolute; left:100%; top:-.1rem; width:40px; height:40px; line-height:40px; text-align:center; background:#FFFFFF; font-size:30px; color:#000000; cursor:pointer;}
.LayBox video{ display:block; width:100%; height:auto;}
.LayBg.active{ opacity:1; visibility:visible;}
.LayBg.active .LayBox{ opacity:1; visibility:visible; transform:scale(1); transition:all .3s linear .2s;}

.makeVideo{ position:relative; overflow:hidden; min-height:6.8rem; padding:.3rem 0; background:#000000; text-align:center;}
.makeVideoImg{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:.5; transition:all .3s;}
.makeVideoPlay{ position:relative; z-index:1; color:#FFFFFF; font-size:26px; line-height:180%; cursor:pointer; display:inline-block; vertical-align:middle;}
.makeVideoPlay i{ display:block; width:68px; height:68px; background:url(../images/playIco2.png) center center no-repeat; background-size:contain; box-shadow:0 0 .2rem rgba(0,0,0,0.75); border-radius:50%; margin:0.1rem auto;}
.makeVideoTip{ position:absolute; left:0; bottom:.6rem; width:100%; color:#FFFFFF; font-size:16px; line-height:140%; text-decoration:underline;}
.makeVideo:hover .makeVideoImg{ transform:scale(1.05); opacity:.6; transition:all 2s;}

.makeFactory{ padding:70px 0 50px;}
.makeFacBox{ position:relative; width:600px; height:600px; margin:1.2rem auto .5rem;}
.makeFacCir{ text-align:center;}
.makeFacCir img{ display:block; width:100%; height:auto; margin:0 auto;}
.makeFacImg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.makeFacImg img{ width:100%; height:auto;}
.makeFacLogo{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:45%;}
.makeFacLogo img{ max-width:100%; height:auto;}
.makeFacLi{ position:absolute; display:flex; align-items:center; flex-direction:row-reverse; white-space:nowrap;}
.makeFacIco{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:80px; height:80px; border-radius:50%; background:#dc292d; margin-left:15px;}
.makeFacIco img{ display:block; max-width:100%; max-height:100%; margin:0 auto;}
.makeFacRig{ font-size:26px; color:#444444; line-height:160%;}
.makeFacLi:nth-child(2n + 1){ flex-direction:row;}
.makeFacLi:nth-child(2n + 1) .makeFacIco{ margin-left:0; margin-right:15px;}
.makeFacLi.makeFacLi1{ bottom:100%; margin-bottom:-50px; left:50%; transform:translateX(-50%) !important; display:flex; flex-direction:column-reverse;}
.makeFacLi.makeFacLi1 .makeFacIco{ margin:0 auto .1rem;}
.makeFacLi2{ top:85px; right:100%; margin-right:-102px;}
.makeFacLi3{ top:85px; left:100%; margin-left:-100px;}
.makeFacLi4{ top:326px; right:100%; margin-right:-53px;}
.makeFacLi5{ top:326px; left:100%; margin-left:-53px;}
.makeFacLi6{ top:510px; right:100%; margin-right:-200px;}
.makeFacLi7{ top:510px; left:100%; margin-left:-200px;}

.DigFactory{ background:url(../images/DigFactory.jpg) center center no-repeat; background-size:cover; color:#FFFFFF;}
.DigFactory .desTit{ margin-bottom:.4rem;}
.DigFacTab{ display:flex; text-align:center; font-size:16px; color:#FFFFFF; line-height:26px;}
.DigFacTab li{ flex:1; margin-right:1px; background:rgba(0,0,0,0.2); padding:.2rem 0; cursor:pointer;}
.DigFacTab li:last-child{ margin-right:0;}
.DigFacIco{ display:block; margin:.1rem 0;}
.DigFacIco img{ display:block; width:auto; height:.5rem; margin:0 auto;}
.DigFacTab li.active{ background:#c40206; position:relative;}
.DigFacTab li.active:after{ display:block; content:""; position:absolute; left:50%; transform:translateX(-50%); top:100%; border-top:18px solid #c40206; border-left:17px solid transparent; border-right:17px solid transparent;}
.DigFacText{ background:#FFFFFF; font-size:18px; color:#666666; line-height:30px; padding:.35rem; text-align:center;}
.DigFaccTit{ font-size:30px; color:#333333; margin:.2rem 0; line-height:160%; display:none;}
.DigFacCon{ max-width:920px; margin:0 auto;}
.DigFacText img{ max-width:100%; height:auto; display:block; margin:.2rem auto;}

.supplyBg{ padding:80px 0 0;}
.supplyImg{ position:relative;}
.supplyImg img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.ico{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
.ico img{ animation:bounceUp 1s linear infinite;}

.SketchMap{ background:#FFFFFF; padding:70px 0;}
.SketchMap .desTit{ margin-bottom:.4rem;}

.ConSignList{ overflow:hidden; text-align:center; display:flex; flex-wrap:wrap; font-size:18px; color:#666666; line-height:180%; margin-top:.4rem;}
.ConSignList li{ float:none; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; margin-top:-1px; margin-left:-1px; padding:0; overflow:hidden;}
.ConSignItem{ padding:.34rem; height:100%; transition:all .3s;}
.ConSignIco{ margin:.1rem 0;}
.ConSignIco img{ display:block; width:auto; height:.8rem; margin:0 auto;}
.ConSignText{ margin:.2rem 0;}
.ConSignItem:hover{ background-color:#FFFFFF;}

.TwelvePartsBg{ background:url(../images/TwelvePartsBg.jpg) center bottom no-repeat; background-size:cover;}
.TwelveParts{ position:relative; width:100%; max-width:1288px; margin:0 auto; margin-top:.6rem;}
.TwelvePartsImg{ width:100%;}
.TwelvePartsImg img{ width:100%; height:auto;}
.tpLi{ position:absolute; cursor:pointer;}
.tpLi1{ left:8.77%; bottom:20.16%;}
.tpLi2{ left:34.39%; top:31.13%;}
.tpLi3{ left:51.08%; top:4.35%;}
.tpLi4{ left:51.08%; top:14.03%;}
.tpLi5{ left:59.08%; top:12.26%;}
.tpLi6{ left:61.57%; top:34.68%;}
.tpLi7{ left:25.16%; bottom:31.61%;}
.tpLi8{ left:54.19%; bottom:12.26%;}
.tpLi9{ left:84.55%; bottom:54.35%;}
.tpLi10{ left:74.3%; bottom:7.26%;}
.tpLi11{ right:5.43%; bottom:26.93%;}
.tpLi12{ right:3.57%; top:41.13%;}
.tpIco{ display:block; width:30px; height:30px; background:#d70d0d; border-radius:50%; position:relative;}
.tpIco i{ display:block; width:100%; height:100%; position:relative;}
.tpIco i:before,.tpIco i:after{ display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#FFFFFF;}
.tpIco i:before{ width:14px; height:2px;}
.tpIco i:after{ width:2px; height:14px;}
.tpIco:before{ display:block; content:""; width:50px; height:50px; background:#d70d0d; opacity:.25; position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; border-radius:50%; animation:warn2 2s linear infinite;}
.tpTip{ position:absolute; top:calc(100% + 20px); left:50%; transform:translateX(-50%); background:#d70d0d; font-size:16px; line-height:180%; padding:0 .2rem; border-radius:4px; color:#FFFFFF; white-space:nowrap; display:none;}
.tpTip:before{ display:block; content:""; position:absolute; bottom:100%; left:50%; transform:translateX(-50%); width:0; height:0; border-bottom:10px solid #d70d0d; border-left:8px solid transparent; border-right:8px solid transparent;}
.tpLi3 .tpTip{ top:auto; bottom:calc(100% + 20px);}
.tpLi3 .tpTip:before{ border-bottom:none; border-top:10px solid #d70d0d; bottom:auto; top:100%;}
.tpText{ color:#FFFFFF; display:none;}
.tpTit{ font-size:26px; line-height:30px; margin:0 0 0.2rem;}
.tpDes{ font-size:15px; line-height:26px;}
.aniTime1 .tpIco:before{ animation-delay:.3s;}
.aniTime2 .tpIco:before{ animation-delay:.6s;}
.aniTime3 .tpIco:before{ animation-delay:.8s;}
.aniTime4 .tpIco:before{ animation-delay:1s;}
.LayTp{ width:100%; height:80vh; max-width:514px; max-height:338px; background:rgba(0,0,0,0.6); padding:.3rem .4rem; color:#FFFFFF; position:absolute; left:50%; top:10%; transform:translate(-50%,0%); opacity:0; visibility:hidden; margin-top:10px; transition:all .3s; z-index:2;}
.LayTp.active{ opacity:1; visibility:visible; margin:0;}
.LayTpClose{ display:block; width:20px; height:20px; background:url(../images/LayTpClose.png) center center no-repeat; background-size:contain; position:absolute; right:.15rem; top:.18rem; cursor:pointer;}
.LayTpText{ height:100%;}
.LayTpText .tpDes{ height:calc(100% - 30px - .2rem);}

.SketchMap .DigFacTab li{ margin-right:.26rem; background:#cc2529; position:relative; padding:.1rem;}
.SketchMap .DigFacTab li p{ font-size:50px; color:#cc2529; font-weight:bold; width:84px; height:84px; line-height:84px; text-align:center; background:#FFFFFF; border-radius:50%; margin:.18rem auto;}
.SketchMap .DigFacTab li:before{ display:block; content:""; position:absolute; left:.1rem; top:.1rem; right:.1rem; bottom:.1rem; border:1px solid rgba(255,255,255,0.6);}
.SketchMap .DigFacTab li.active:after{ border-top-color:#cc2529;}
.partYsText{ text-align:left; padding-left:0 !important; padding-right:0 !important; padding-bottom:0 !important;}
.partYs{ font-size:0;}
.partYs li{ vertical-align:top;}
.partYsTit{ font-size:30px; color:#333333; line-height:140%; margin:.1rem 0;}
.partYsDes{ font-size:17px; color:#666666; line-height:34px; min-height:102px; margin:.1rem 0 .3rem;}
.partYsDes p strong{ font-size:94%; color:#cc2529;}
.partYsImg{ margin:.1rem 0 0;}
.partYsImg img{ display:block; max-width:100%; height:auto;}

.three{ margin:0 -24px;}
.three li{ padding:0 24px; width:33.33%;}
.two{ margin:0 -36px;}
.two li{ padding:0 36px; width:50%;}

.DigCloTdBg{ background:url(../images/DigCloTdBg.jpg) center center no-repeat; background-size:cover; color:#FFFFFF;}
.DigCloTdBg .desTit{ margin-bottom:.1rem;}
.DigCloTd{ display:flex; flex-wrap:wrap; margin:0 -60px;}
.DigCloTd li{ width:33.33%; border-right:1px solid #FFFFFF; padding:0 60px; margin-top:60px;}
.DigCloTd li:last-child{ border:none;}
.DigCloTdTit{ font-size:32px; color:#FFFFFF; line-height:120%; margin:.2rem 0;}
.DigCloTdTit img{ width:auto; height:50px; margin-right:.1rem; vertical-align:middle;}
.DigCloTdDes{ font-size:16px; line-height:28px;}

.DigCloSysBg{ padding:80px 0 0; background:#FFFFFF;}
.DigCloSysTab{ font-size:24px; color:#333333; line-height:32px; display:flex; justify-content:space-around; text-align:center;}
.DigCloSysTab li{ padding:.5rem .1rem; position:relative; cursor:pointer;}
.DigCloSysTab li:after{ border-bottom:36px solid #f5f5f5; border-left:34px solid transparent; border-right:34px solid transparent; position:absolute; left:50%; transform:translateX(-50%); bottom:-1px; display:block; content:""; display:none;}
.DigCloSysIco{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:180px; height:180px; border-radius:50%; background-image: linear-gradient(#f94e52, #b80e12); margin:.2rem auto;}
.DigCloSysIco img{ max-height:100%; max-width:100%; margin:0 auto; display:block;}
.DigCloSysTab li.active:after{ display:block;}
.DigCloSysBg2{ background:#F5F5F5;}
.DigCloSysText .swiper-slide{ background:#F5F5F5;}
.DigCloSysImg{ float:left; max-width:44.57%; margin-right:5.7%;/* opacity:0; transform:translateX(-10%);*/ transition:all .5s;}
.DigCloSysImg img{ max-width:100%; height:auto;}
.DigCloSysRig{ overflow:hidden; font-size:16px; color:#666666; line-height:30px;/* opacity:0; transform:translateX(10%);*/ transition:all .5s;}
.DigCloSysRig p{ margin:.2rem 0;}
.DigCloSysRig p:last-child{ margin-bottom:0;}
.DigCloSysRig p strong{ color:#b80e12;}
.DigCloSysTit{ font-size:34px; color:#b80e12; line-height:120%; margin-bottom:.24rem;}
.DigCloSysText .swiper-slide-active .DigCloSysImg{ opacity:1; transform:translateX(0);}
.DigCloSysText .swiper-slide-active .DigCloSysRig{ opacity:1; transform:translateX(0);}
.DigCloSysText .swiper-pagination{ display:none;}

.DigCloValBg .desTit{ margin-bottom:.5rem;}
.DigCloValList{ display:flex; flex-wrap:wrap; margin:0 -3px;}
.DigCloValList li{ width:33.33%; padding:3px;}
.DigCloValItem{ position:relative; height:100%; min-height:360px; perspective:1000px;}
.DigCloValImg{ position:absolute; left:0; top:0; right:0; bottom:0; background-color:#000000; transform:rotateY(0); transition:all .5s ease-in-out 0s;}
.DigCloValImg span{ display:block; width:100%; height:100%; opacity:.4;}
.DigCloValRed{ position:absolute; left:0; top:0; right:0; bottom:0; background:#bf1b1f; transform:rotateY(90deg); transition:all .5s ease-in-out 0s;}
.DigCloValText{ position:relative; color:#FFFFFF; padding:.5rem .3rem; text-align:center;}
.DigCloValNum{ font-size:80px; line-height:100%; font-weight:bold; text-align:center; display:inline-block; vertical-align:middle; background: linear-gradient(to bottom,rgba(255,255,255,0.4),rgba(255,255,255,0) 75%); -webkit-background-clip: text; color: transparent;}
.DigCloValTit{ font-size:20px; color:#FFFFFF; line-height:32px; font-weight:bold; margin:.2rem 0;}
.DigCloValLine{ display:block; width:30px; height:3px; background:#FFFFFF; margin:.2rem auto;}
.DigCloValDes{ font-size:15px; line-height:28px; opacity:.8; max-width:350px; margin:.2rem auto 0;}
.DigCloValItem:hover .DigCloValImg{ transform:rotateY(-90deg);}
.DigCloValItem:hover .DigCloValRed{ transform:rotateY(0);}

.IntManuSlide{ position:relative; overflow:hidden; height:85vh; max-height:780px; color:#FFFFFF;}
.IntManuSlideImg{ height:100%; background:#000000;}
.IntManuSlideImg .imgBg{ display:block; height:100%; opacity:.8;}
.IntManuSlideTop{ border:1px solid rgba(255,255,255,0.6); width:290px; height:290px; border-radius:50%; padding:20px; font-size:30px; margin:0 auto .6rem; position:relative;}
.IntManuSlideBor{ position:absolute; width:120%; height:120%; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%);}
.IntManuSlideBor b{ display:block; width:100%; height:100%; border:1px solid rgba(255,255,255,0.2); border-radius:50%; animation:cir2 5s linear infinite;}
.IntManuSlideBor1{ transform:translate(-52%,-52%);}
.IntManuSlideBor2{ transform:translate(-51%,-51%);}
.IntManuSlideBor3{ transform:translate(-48%,-48%);}
.IntManuSlideBor4{ transform:translate(-48%,-52%);}
.IntManuSlideBor1 b{ animation-duration:3s; animation-delay:1s; animation-timing-function:ease;}
.IntManuSlideBor2 b{ animation-duration:4s; animation-delay:1.2s; animation-timing-function:ease-in;}
.IntManuSlideBor3 b{ animation-duration:5s; animation-delay:1.7s; animation-timing-function:ease-in-out;}
.IntManuSlideBor4 b{ animation-duration:6s; animation-delay:1.9s; animation-timing-function:linear;}
.IntManuSlideCir{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; border-radius:50%; background:rgba(184,14,18,0.8);}
.IntManuSlideIco{ width:100%; margin-bottom:.1rem;}
.IntManuSlideIco img{ display:block; max-width:50%; max-height:63px; margin:0 auto;}
.IntManuSlideCon{ font-size:26px; line-height:160%; text-align:center;}
.IntManuSlide .swiper-pagination{ bottom:6%;}
.IntManuSlide .swiper-pagination-bullet{ background:#FFFFFF; opacity:.7; margin:0 10px; width:38px; height:4px; border-radius:0;}
.IntManuSlide .swiper-pagination-bullet-active{ background:#e00409; opacity:1;}

.IntManuValBg .desTit{ margin-bottom:.4rem;}
.IntManuVal{ display:flex; flex-wrap:wrap; margin:0 -12px;}
.IntManuVal li{ width:20%; padding:0 12px; margin-top:.2rem;}
.IntManuValItem{ background:#cc2529; height:100%; padding:.1rem; position:relative; transition:all .3s;}
.IntManuValIco{ display:flex; flex-direction:column; align-items:center; justify-content:center; width:100px; height:100px; border-radius:50%; background-color:#FFFFFF; margin:.2rem auto; transition:all .3s;}
.IntManuValDes{ font-size:18px; color:#FFFFFF; line-height:32px; text-align:center; margin:.2rem auto; margin-bottom:.5rem;}
.IntManuValNum{ position:absolute; left:0; width:100%; bottom:0; text-align:center; font-size:80px; font-weight:bold; color:#FFFFFF; opacity:.06; line-height:100%; transform:translateY(45%);}
.IntManuValItem:hover{ transform:translateY(-5px); box-shadow:2px 2px 5px #ccc;}
.IntManuValItem:hover .IntManuValIco{ transform:scaleX(-1);}

.IntManuBulidBg{ background:url(../images/IntManuBulidBg.jpg) center center no-repeat; background-size:cover; color:#FFFFFF; min-height:6.5rem; display:flex; align-items:center; justify-content:center;}
.IntManuBulid{ padding:.3rem 0; text-align:center; max-width:1220px; margin:0 auto; font-size:18px; line-height:180%;}
.IntManuBulid h3{ line-height:160%; margin:.2rem 0;}

.IntManuMapBg{ padding:70px 0 30px;}
.IntManuMapBg .desTit{ margin-bottom:.2rem;}
.IntManuMapBg .honDes{ color:#333333; max-width:1050px;}
.IntManuMapBox{ position:relative; width:100%; max-width:1086px; margin:0 auto;}
.IntManuMap img{ width:100%; height:auto;}
.IntManuMapDot li{ position:absolute; cursor:pointer;}
.IntManuMap1{ left:66.11%; top:37.3%;}
.IntManuMap2{ left:53.78%; top:47.47%;}
.IntManuMap3{ left:43.45%; top:58.27%;}
.IntManuMap4{ left:57.55%; top:65.27%;}
.IntManuMap5{ left:60.95%; top:76.46%;}
.IntManuMap6{ left:70.53%; top:54.08%;}
.IntManuMapTag{ background:#b80e12; font-size:16px; color:#FFFFFF; line-height:32px; padding:4px 10px; min-width:158px; text-align:center; border-radius:4px; position:absolute; top:30px; left:60px; white-space:nowrap; opacity:0; visibility:hidden; transform:translateY(10px); transition:all .3s;}
.IntManuMapTag:before{ display:block; content:""; border-right:8px solid #b80e12; border-top:6px solid transparent; border-bottom:6px solid transparent; position:absolute; right:100%; top:14px;}
.IntManuMapImg{ display:none;}
.IntManuMapText{ display:none;}
.IntManuMapDot li:hover .IntManuMapTag{ opacity:1; visibility:visible; transform:translateY(0);}
.IntManuMapSign{ position:absolute; left:11%; top:82.75%; bottom:0; font-size:16px; color:#333333;}
.IntManuMapSign li{ margin:10px 0; position:relative;}
.IntManuMapSign li img{ margin-right:8px; vertical-align:middle;}
.IntManuMapSign li:first-child:before{ display:block; content:""; background:url(../images/IntManuMapSign.png) center center no-repeat; background-size:contain; width:20px; height:24px; position:absolute; left:-1px; bottom:15px;}

.LayMap{ width:95%; max-width:880px; background:#FFFFFF; border-radius:.1rem; box-shadow:0 0 .2rem rgba(0,0,0,0.35); padding:.2rem .4rem; z-index:1; margin:0 auto; max-height:80vh; overflow-y:auto; position:relative;}
.LayMapClose{ position:absolute; top:.18rem; right:.18rem; width:24px; height:24px; background:url(../images/LayMapClose.png) center center no-repeat; background-size:cover; cursor:pointer;}
.LayMapTit{ font-size:30px; color:#333333; line-height:40px; margin-bottom:.2rem; text-align:center;}
.LayMapImg{ position:relative; overflow:hidden;}
.LayMapImg img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.LayMapImg .conPrev,.LayMapImg .conNext{ width:46px; height:76px; background-color:rgba(197,24,24,0.6);}
.LayMapCon{ font-size:16px; color:#555555; line-height:28px; margin:.2rem 0 0;}


.ftBtn{ margin-top:10px;}
.ftBtn a{ display:inline-block; vertical-align:middle; text-align:center; border:1px solid #FFFFFF; font-size:14px; color:#FFFFFF; line-height:32px; width:118px; border-radius:16px; margin-right:10px; opacity:.7; transition:all .3s;}
.ftBtn a:last-child{ margin-right:0;}
.ftBtn a img{ margin-right:5px;}
.ftBtn a:hover{ opacity:1;}

/*20201029-msj*/
.backList{ display:block; position:fixed; left:0; top:40%; background:#b80e12; width:60px; height:64px; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#FFFFFF; font-size:14px; line-height:20px; border-radius:0 5px 5px 0; z-index:2;}
.backList:hover,.backList:focus{ color:#FFFFFF;}
.backList:hover{ box-shadow:1px 1px 2px rgba(0,0,0,0.1);}

@media (min-width:1201px){
	nav.navbar.bootsnav ul.nav > li > a:hover{ color:#b80e12;}
	nav.navbar.bootsnav ul.nav > li > a:hover:after{ width:100%; left:0;}
	
	.box3List li:hover .box3ConBg:before{ height:80%;}
	.box3List li:hover .box3Img img{ animation:swing 1s linear 1;}
	.box3List li:hover .box3More{ background:#FFFFFF; color:#b80e12;}
	.box3List li:hover .box3More i:before,.box3List li:hover .box3More i:after{ background:#b80e12;}
	.box3Con a:hover:before{ margin-right:10px;}	
	
	.box4List .swiper-slide:hover .box4Tit{ margin:0; transition:all .5s linear .3s;}
	.box4List .swiper-slide:hover .box4TitEn{ transform:translateY(0); opacity:1; visibility:visible; transition:all .5s linear .3s;}
	.box4List .swiper-slide:hover .box4Shade2{ height:70%;}
	.box4List .swiper-slide:hover .box4Top:before,.box4List .swiper-slide:hover .box4Top:after{ transform:rotate(90deg) scaleY(3);}
	/*.box4List .swiper-slide:hover .box4Top:after{ transition:all .5s linear .5s;}*/
	.box4List .swiper-slide:hover .box4Cir{ background:#cb1818; border-color:#cb1818;}
	.box4List .swiper-slide:hover .box4Cir:before,.box4List .swiper-slide:hover .box4Cir:after{ background:#FFFFFF;}
	.box4Prev:hover,.box4Next:hover{ background-color:rgba(184,14,18,0.6); transition:all .5s linear;}
	
	.box5Link:hover{ border-color:#b80e12; box-shadow:0 -1px 0 #b80e12 inset,-1px 0 0 #b80e12 inset,1px 0 0 #b80e12 inset,0 1px 0 #b80e12 inset;}
	.box5Link:hover .box5Date{ color:#b80e12;}
	.box5Link:hover .box5Read{ color:#b80e12;}
	.box5Link:hover .box5Read i{ border-color:#b80e12; background-color:#b80e12;}
	.box5Link:hover .box5Read i:before,.box5Link:hover .box5Read i:after{ background:#FFFFFF;}
	.box5Link:hover .box5Img .imgBg{ transform:scale(1.1);}
	
	.box6Link:hover{ background-color:rgba(255,255,255,0.2);}
		
	.onLine li a:hover .onIco{ background-color:#b80e12;}
	.onLine li a:hover .onCon{ opacity:1; visibility:visible; margin-right:0;}
	.onLine li:not(#top) a:hover > .onIco img{ animation:swing 2s linear infinite;}
	
	.tpLi:hover .tpTip{ display:block;}
}

@media (min-width:1600px){
	.container{ width:1430px;}
}
@media (max-width:1600px){
	.boxPd{ padding-top:78px;}
	.navRig{ line-height:78px;}
	.logo{ height:78px;}
	.logo img{ height:40px;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size:16px; padding:0 5px; line-height:78px;}
	.banP1{ font-size:18px;}
	.banP2{ font-size:46px;}
	.banP3{ font-size:24px;}
	.banIco{ margin-top:40px;}
	.banIco li{ font-size:16px;}
	.box2Tit{ font-size:38px;}
	.box2Des{ font-size:20px; line-height:24px;}
	.box2List li{ padding:0 15px;}
	.box2Num{ font-size:50px;}
	.box3Top{ padding:20px 0; top:78px; top:118px;}
	.box3Des{ font-size:16px; line-height:28px;}
	.box3ConBg{ padding:260px 6% 0; padding:200px 6% 0; font-size:15px; display:flex; flex-direction:column; justify-content:center;}
	.box3Img{ margin:.1rem 0;}
	.box3Img img{ max-height:54px;}
	.box3Name{ font-size:20px; line-height:24px; margin:.1rem 0;}
	.box3More{ margin-top:.1rem;}
	.box4Top{ padding:80px 15px;}
	.box4Top:before, .box4Top:after{ height:70px;}
	.box4Tit{ font-size:34px;}
	.box4TitEn{ font-size:18px;}
	.box4Prev, .box4Next{ width:60px; height:100px;}
	.box5Top{ padding:20px 0;}
	.box5Date{ padding:10px 5px;}
	.box5Name{ font-size:15px; margin:10px 0;}
	.box5Tit{ font-size:36px;}
	.box5TitEn{ font-size:20px;}
	.box5More{ font-size:18px;}	
	.footBg{ font-size:15px; line-height:24px;}
	
	.banIn{ height:560px;}
	.banCn{ font-size:46px;}
	.banEn{ font-size:20px;}
	.banBotBg{ height:60px; margin-top:-60px;}
	.banBot li{ font-size:16px; line-height:22px;}	
	.oneBg1{ padding:100px 0;}
	.oneLogo img{ max-height:48px;}
	.oneBox1{ font-size:16px;}
	.one2Tit{ font-size:38px;}
	.one2Rig{ min-height:400px;}
	.one2Name{ font-size:28px;}
	.one2List{ font-size:18px; line-height:28px;}
	.one2Ico img{ height:44px;}
	.one2Name2{ font-size:18px;}
	.one2Company{ margin-top:50px;}
	.one2ComName{ font-size:16px;}
	.one2ComName li{ padding:0 20px;}
	.one2Totle{ width:110px; height:110px; font-size:20px;}
	.oneBg3{ font-size:15px;}
	.one3Tit{ font-size:32px;}
	.one3Map{ height:600px;}
	.one4Bot{ padding:.2rem;}
	.one4Name{ font-size:18px;}
	.one4More{ width:300px; height:46px; line-height:46px; font-size:18px;}
	.one4More i{ width:18px; height:18px; background-size:cover;}
	
	.hisBg{ padding:.6rem 0 0;}
	.hisList{ padding:0 0 .6rem;}
	.hisCir{ width:76px; height:76px; font-size:24px;}
	.hisCir:after{ width:96px; height:96px; background-size:contain; margin:-48px 0 0 -48px;}
	.hisText{ font-size:15px;}
	.hisCon{ padding:.1rem 4% .3rem;}
	.hisYear{ font-size:24px;}
	.hisText::before, .hisText::after{ width:20px; height:20px;}
	.hisList li:nth-child(2n+1) .hisText:before,.hisList li:nth-child(2n+1) .hisText:after{ margin-right:-20px;}
	
	.honTit{ font-size:32px;}
	.honBrief{ font-size:18px;}
	.honDes{ font-size:16px;}
	.honBg1{ padding:.6rem 0;}
	.hon1Tit span img{ width:.5rem;}
	.hon1Text{ font-size:18px;}
	.hon1Text h3{ font-size:32px;}
	.honBg2{ padding:.6rem 0;}
	.hon2Img{ margin:0;}
	.hon2Name{ font-size:15px; margin-top:.2rem;}
	.honBg3{ padding:.6rem 0;}
	.hon3List li{ font-size:18px;}
	.hon3List li p{ padding-right:70px;}
	.hon4TopBg{ padding:.6rem 0;}
	.hon4TopBg:after{ border-top-width:.24rem; border-left-width:.2rem; border-right-width:.2rem;}
	.hon4List li{ font-size:15px;}
	.hon4List h3{ font-size:20px;}
	.hon4List2{ max-width:1284px;}
	.hon4List2 li{ padding:0 15px;}
	.hon4BotBg{ padding:.4rem 0;}
	
	.culText{ min-height:440px; font-size:15px; padding:.5rem 3% .3rem;}
	.culText h3{ font-size:66px;}
	.culBot{ font-size:54px; min-height:3rem;}
	
	.caseList li{ margin-bottom:.2rem;}
	.caseLink{ padding:20px;}
	.caseImg{ height:270px;}
	.caseTit{ font-size:26px; line-height:40px;}
	.caseTit i{ width:40px; height:40px;}
	.caseDes{ font-size:15px;}
	.caseMore{ width:280px; height:48px; line-height:46px; font-size:18px;}
	
	.caseLef{ padding:30px;}
	.caseH3{ font-size:18px;}
	.caseFloat{ width:290px; margin-left:280px;}
	.caseItem{ padding:10px 15px;}
	.caseShare{ margin:.1rem 0;}
	.caseShare span,.caseShare a{ line-height:32px;}
	.caseShare a{ margin-right:.08rem; width:32px; height:32px; background-size:auto 64px;}
	.shareIco1{ background-position:0 0;}
	.shareIco2{ background-position:-32px 0;}
	.shareIco3{ background-position:-64px 0;}
	.shareIco4{ background-position:-96px 0;}
	.shareIco1:hover{ background-position:0 -32px;}
	.shareIco2:hover{ background-position:-32px -32px;}
	.shareIco3:hover{ background-position:-64px -32px;}
	.shareIco4:hover{ background-position:-96px -32px;}
	.casePage{ font-size:14px; line-height:200%;}
	.caseHot{ font-size:14px;}
	
	.newsTop{ margin:.2rem 0;}
	.newsLef{ min-height:400px;}
	.newsRig li{ padding:20px 30px;}
	.newsTit{ font-size:18px;}
	.newsDes{ font-size:14px;}
	
	.newsBg{ margin-top:-130px; padding:.3rem 4%;}
	.newsDate{ width:80px; height:80px;}
	.newsDate p{ font-size:36px;}
	.newsDate span{ font-size:16px;}
	.newsName{ line-height:160%;}
	.newsName h1{ font-size:28px;}
	.newsText{ font-size:15px;}
	.newsText h3{ font-size:18px;}
	.newsFoot .caseShare{ margin:10px 0 0; width:200px;}
	.newsFoot .casePage{ width:calc(100% - 220px);}
	
	.joinBg1{ padding:.6rem 0;}
	.joinTop{ margin:0 -.1rem;}
	.joinTop li{ padding:.1rem;}
	.joinTit{ font-size:26px;}
	.joinDes{ font-size:18px;}
	.joinHead{ font-size:18px;}
	.joinBody{ font-size:16px;}
	.joinCon{ font-size:16px;}
	.joinItem h3{ font-size:22px;}
	.joinFoot{ font-size:16px;}
	
	.contact{ padding:.5rem 0;}
	.conMap img{ width:1030px; height:auto;}
	.conDotLi1{ left:380px; top:275px;}
	.conDotLi2{ left:260px; top:400px;}
	.conDotLi3{ left:150px; top:480px;}
	.conDotLi4{ left:310px; top:540px;}
	.conDotLi5{ left:460px; top:465px;}
	.conDotLi6{ left:350px; top:640px;}
	.conImg{ width:350px; border-width:10px;}
	.conList{ margin-top:50px;}
	.conList li{ font-size:14px; line-height:24px;}
	.conList li h3{ font-size:20px;}
	
	.font50{ font-size:40px;}
	.font40{ font-size:34px;}
	.system{ padding:.6rem 0 .7rem;}
	.sysDes{ font-size:16px;}
	.sysList{ margin:0 -8px;}
	.sysList li{ padding:8px;}
	.sysText{ left:.3rem; bottom:.3rem;}
	.sysName{ font-size:22px;}
	.sysMore{ height:38px; line-height:36px;}
	
	.ban750{ height:640px;}
	.ban920{ height:100vh;}
	.padding90{ padding:75px 0;}
	.banDes{ font-size:16px;}
	.designSolu:before{ top:calc(62px + .5rem);}
	.desSoluList{ font-size:20px;}
	.desSoluIco span{ width:120px; height:120px;}
	.seeVideo{ width:260px; height:50px; line-height:48px; font-size:18px;}
	.seeVideo i{ width:24px; height:24px;}
	.desHighLight{ margin:0 -.15rem; padding-top:.2rem;}
	.desHighLight li{ padding:0 .15rem; margin-top:.4rem;}
	.desHigLigIco{ width:80px; height:80px; margin-right:.2rem;}
	.desHigLigTit{ font-size:20px;}
	.desHigLigDes{ font-size:15px;}
	
	.makeVideo{ min-height:5rem;}
	.makeVideoPlay{ font-size:20px;}
	.makeVideoPlay i{ width:50px; height:50px;}
	.makeVideoTip{ bottom:.4rem;}
	.makeFactory{ padding:.6rem 0;}
	.makeFacRig{ font-size:22px;}
	.DigFactory .desTit{ margin-bottom:.3rem;}
	.DigFacTab{ font-size:14px;}
	.DigFacText{ font-size:16px; line-height:28px;}
	
	.supplyBg{ padding:.6rem 0 0;}
	.SketchMap{ padding:.6rem 0;}
	.ConSignItem{ padding:.26rem .2rem;}
	.ConSignList{ font-size:16px;}
	.ConSignIco img{ height:.7rem;}
	
	.partYsTit{ font-size:24px;}
	.partYsDes{ font-size:15px;}
	.SketchMap .DigFacTab li{ margin-right:.15rem;}
	.SketchMap .DigFacTab li p{ font-size:40px; width:70px; height:70px; line-height:70px;}
	.two{ margin:0 -20px;}
	.two li{ padding:0 20px;}
	.three{ margin:0 -12px;}
	.three li{ padding:0 12px;}
	
	.DigCloTd{ margin:0 -30px;}
	.DigCloTd li{ padding:0 30px; margin-top:30px;}
	.DigCloTdTit{ font-size:24px;}
	.DigCloTdTit img{ height:40px;}
	.DigCloTdDes{ font-size:14px; line-height:24px;}
	.DigCloSysBg{ padding:.6rem 0 0;}
	.DigCloSysTab{ font-size:20px;}
	.DigCloSysTab li{ padding:.3rem .1rem .4rem;}
	.DigCloSysTab li:after{ border-bottom-width:24px; border-left-width:24px; border-right-width:24px;}
	.DigCloSysIco{ width:140px; height:140px;}
	.DigCloSysImg{ margin-right:4%;}
	.DigCloSysTit{ font-size:28px; margin-bottom:.2rem;}
	.DigCloSysRig{ font-size:14px; line-height:28px;}
	.DigCloSysRig p{ margin:.15rem 0;}
	.DigCloValBg .desTit{ margin-bottom:.4rem;}
	.DigCloValItem{ min-height:280px;}
	.DigCloValText{ padding:.3rem .2rem;}
	.DigCloValNum{ font-size:60px;}
	.DigCloValTit{ font-size:18px; margin:.1rem 0;}
	.DigCloValLine{ margin:.1rem auto;}
	.DigCloValDes{ font-size:14px;}
	
	.IntManuSlide{ height:90vh;}
	
	.IntManuSlideTop{ width:240px; height:240px; font-size:22px; padding:10px;}
	.IntManuSlideCon{ font-size:22px;}
	
	.IntManuVal{ margin:0 -5px;}
	.IntManuVal li{ padding:0 5px; margin-top:10px;}
	.IntManuValIco{ width:80px; height:80px;}
	.IntManuValDes{ font-size:16px; line-height:28px;}
	.IntManuValNum{ font-size:70px;}
	.IntManuBulidBg{ min-height:5rem;}
	.IntManuBulid{ font-size:16px;}
	
	.IntManuMapBg{ padding:.6rem 0 .2rem;}
	.LayMapTit{ font-size:24px; line-height:30px;}
	.LayMapCon{ font-size:15px;}
}
@media (max-width:1400px){
	.navWrap{ padding:0 15px;}
	.navRig > ul > li{ font-size:16px;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size:16px; padding:0;}
	.banP1{ font-size:16px;}
	.banP2{ font-size:.4rem;}
	.banP3{ font-size:20px;}
	.banIco{ margin-top:.3rem;}
	.banIco li{ font-size:14px; line-height:24px;}
	.box2Tit{ font-size:32px;}
	.box2Des{ font-size:18px;}
	.box2List{ max-width:1000px;}
	.box2List li{ font-size:18px;}
	.box2Num{ font-size:40px;}
	.box3Top{ padding:15px 0;}
	.box3Des{ font-size:16px;}
	.box3ConBg{ padding:210px 6% 0;}
	.box3Img{ margin:.1rem 0 .2rem;}
	.box3Img img{ max-height:48px;}
	.box3Name{ font-size:18px; margin:.1rem auto;}
	.box4Top{ padding:60px 15px;}
	.box4Top:before, .box4Top:after{ height:60px;}
	.box4Tit{ font-size:28px;}
	.box4TitEn{ font-size:16px;}
	.box4Cir{ width:40px; height:40px;}
	.box4Prev, .box4Next{ width:50px; height:100px;}
	.box5Tit{ font-size:32px;}
	.box5TitEn{ font-size:16px;}
	.box5List .box4Prev{ left:-70px;}
	.box5List .box4Next{ right:-70px;}
	.box5Date{ width:80px;}
	.box5Date p{ font-size:32px;}
	.box5Date span{ font-size:12px;}
	.box5More{ margin:.2rem 0; font-size:16px;}
	.box5More i{ width:16px; height:16px;}
	.box5More i:after{ width:8px; height:8px;}
	.box6Img{ height:96px;}
	.ftWx{ width:42%;}
	.ftText{ width:55%;}
	.onIco{ width:50px; height:50px;}
	.onCon{ padding:10px 20px;}
	.onWx{ padding:5px;}
	.onCon:after{ top:10px;}
	.onIco img{ display:block; max-width:100%; height:auto;}
	
	
	.banIn{ height:460px;}
	.banCn{ font-size:40px;}
	.banEn{ font-size:18px;}
	.oneBg1{ padding:.8rem 0;}
	.oneBox1{ font-size:15px;}
	.oneLogo img{ max-height:38px;}
	.oneLine{ margin:.3rem auto .2rem;}
	.one2Tit{ font-size:36px;}
	.one2Ico img{ height:40px;}
	.one2Name2{ font-size:16px;}
	.one4Bot{ padding:.1rem .2rem;}
	.one4Name{ font-size:16px;}
	.one4Con{ font-size:14px;}
	
	.font50{ font-size:34px;}
	.font40{ font-size:28px;}	
	.ban750{ height:540px;}
	.ban920{ height:100vh;}
	.padding90{ padding:.6rem 0;}
	
	.makeFacBox{ width:500px; height:500px; margin:0.8rem auto .1rem;}
	.makeFacIco{ width:60px; height:60px;}
	.makeFacRig{ font-size:20px;}
	.makeFacLi2,.makeFacLi3{ top:80px;}
	.makeFacLi4,.makeFacLi5{ top:260px;}
	.makeFacLi6,.makeFacLi7{ top:420px;}
	.makeFacLi2{ margin-right:-80px;}
	.makeFacLi3{ margin-left:-80px;}
	.makeFacLi4{ margin-right:-30px;}
	.makeFacLi5{ margin-left:-30px;}
	.makeFacLi6{ margin-right:-150px;}
	.makeFacLi7{ margin-left:-150px;}
	.DigFacTab li{ padding:.15rem 0;}
	.DigFacTab li.active:after{ border-top-width:.14rem; border-left-width:.14rem; border-right-width:.14rem;}
	
	.DigCloTdTit{ font-size:20px;}
	.DigCloTdTit img{ height:34px;}
	.DigCloSysTab{ font-size:18px;}
	.DigCloSysIco{ width:120px; height:120px;}
	.DigCloSysTit{ font-size:24px;}
	.DigCloValTit{ font-size:16px;}
}

@media (max-width:1200px){	
	.navRig{ line-height:60px; left:auto; right:50px; z-index:2;}
	.navRig > ul > li{ margin:0;}
	.navRig > ul > li a{ display:block;}
	nav.navbar.bootsnav{ position:fixed; background:#FFFFFF; box-shadow:0 1px 0 rgba(0,0,0,0.1);}
	nav.navbar.bootsnav .container{ width:100%;}
	nav.navbar.bootsnav .navbar-header{ position:relative; padding:0; margin:0;}
	nav.navbar.bootsnav .navbar-brand{ display:flex; float:left !important;}
	nav.navbar.bootsnav .navbar-nav{ padding:15px; padding:0;}
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ position:static; left:0;}
	nav.navbar.bootsnav.no-full .navbar-collapse{ margin:0; max-height:none; border-top:1px solid #b80e12;}
	nav.navbar.bootsnav ul.nav > li{ padding:0;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:40px; border:none; margin:0; padding:0; text-align:right;}
	nav.navbar.bootsnav ul.nav > li > a:after{ height:0;}
	nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after{ content:"";}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu:before{ display:none;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li{ padding:0 !important;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li > a{ padding:5px 0; border:none; text-align:left; color:#333333; line-height:24px;}
	
	nav.navbar.bootsnav .navList li.dropdown ul.dropdown-menu{ width:100%; background:#F0F0F0; padding:10px !important;}
	nav.navbar.bootsnav .navList li.dropdown ul.dropdown-menu.kuan{ width:100%; left:auto; transform:translateX(0);}
	nav.navbar.bootsnav .navList li.dropdown.last ul.dropdown-menu{ right:auto;}
	.logo{ height:60px; color:#333333;}
	.logo img{ height:40px; margin:0 auto;}
	.navBtn{ display:flex !important; margin:0 !important; position:absolute !important; float:none !important; flex-direction:column; justify-content:center; width:40px; height:40px; left:auto; right:-5px; top:50% !important; transform:translateY(-55%); cursor:pointer; z-index:1;}
	.navBtn span{ display:block; width:21px; height:1px; background:#b80e12; margin:0 auto; transform-origin:left center; transition:all 0.3s linear;}
	.navBtn span:nth-child(2){ margin:6px auto;}
	.navBtn.collapsed span{ transform:rotate(0); background:#b80e12;}
	.navBtn.collapsed span:nth-child(1),.navBtn.collapsed span:nth-child(3){ transform:rotate(0);}
	.navBtn.collapsed span:nth-child(2){ opacity:1; transform:translateX(0%);}
	.navBtn span:nth-child(1){ transform: rotate(45deg);}
	.navBtn span:nth-child(2){ opacity:0; transform:translateX(-100%);}
	.navBtn span:nth-child(3){ transform: rotate(-45deg);}	

	.banner{ position:static; height:100vh;}
	.banner .container{ width:100%;}
	.banCon{ width:100%;}
	.banIco img{ max-height:.6rem;}

	.boxPd{ padding-top:0;}
	.box2Box{ display:block; height:auto; padding:.5rem 0;}
	.box2List li{ font-size:16px;}
	.box2Ico{ width:.8rem; height:.8rem;}
	.box2Ico img{ max-width:100%; height:auto;}
	.box2Num{ font-size:.4rem;}
	.boxBg3{ padding-bottom:.4rem;}
	.boxBg3 .container{ height:auto;}
	.box3Top{ position:static; padding:.3rem 0 .2rem;}
	.box3List{ display:flex; height:auto; flex-wrap:wrap; margin:0 -.1rem;}
	.box3List li{ width:50%; padding:.1rem;}
	.box3ConBg{ padding:.3rem; background:rgba(193,18,18,0.8); font-size:14px;}
	.box3Con,.box3More{ position:relative; z-index:1;}
	.box3Num{ opacity:.1; visibility:visible; transform:translateY(0); font-size:1.2rem; line-height:50%;}
	.box4List{ max-height:6rem;}
	.boxBg5{ padding-bottom:.4rem;}
	.boxBg6{ padding:.2rem 0 .4rem;}
	.footBg{ font-size:14px;}
	.ftLogo{ width:20%;}
	.ftAdd{ width:77%; max-width:100%;}
	.ftRig{ width:100%; max-width:100%; margin-top:.5rem;}
	.ftWx{ max-width:300px;}
	.ftText h3{ font-size:22px;}	

	.box2Tit,.box2Des,.box2List li,.box3Top,.box3List li,.box5Top{ animation-name:none !important;}
		
	.onLine{ top:auto; bottom:0.05rem; transform:translateY(0);}
	.onLine li{ margin:0 0 .04rem;}
	.onIco{ width:44px; height:44px;}
	.onIco img{ max-width:100%; height:auto;}
	
	.banIn{ height:4rem;}
	.banCn{ font-size:.4rem;}
	.banEn{ font-size:16px;}
	.one2Tit{ font-size:.32rem;}
	.one2Top{ display:block;}
	.one2Box{ width:100%;}
	.one2Item .imgBg{ height:4.4rem;}
	.one2Item span{ display:block; margin-top:10px;}
	.one2Rig{ min-height:0; width:100%;}
	.one2Name{ margin:0; font-size:20px;}
	.one2List{ display:none !important;}
	.one2Bot{ display:none;}
	.one2Company{ display:none;}
	.one3Tit{ font-size:.32rem;}
	.one3Map{ height:6rem;}
	
	.hisCir{ width:66px; height:66px; font-size:20px;}
	.hisCir:after{ width:80px; height:80px; margin:-40px 0 0 -40px;}
	
	.honTit{ font-size:28px;}
	.honBrief{ font-size:16px;}
	.honDes{ font-size:14px;}
	.hon1Text{ font-size:16px;}
	.hon1Text h3{ font-size:28px;}
	.hon3List li{ margin-top:.1rem; font-size:14px;}
	.hon3List li img{ margin-bottom:.14rem;}
	
	.culItem{ min-height:0;}
	.culText{ margin:0 auto; width:90%; background:rgba(243,243,243,0.9);}
	.culText h3{ font-size:.5rem;}
	.culBot{ font-size:.44rem;}
	
	.caseLink{ padding:.14rem;}
	.caseImg{ height:220px;}
	.caseTit{ font-size:22px; line-height:30px;}
	.caseTit i{ width:30px; height:30px;}
	.caseDes{ font-size:14px; line-height:24px;}
	.caseDes p,.caseBrief{ background-position:left 3px;}
	.caseVr{ font-size:14px; width:140px; line-height:36px;}
	.caseVr i{ width:24px; height:20px;}
	
	.caseLef{ padding:.24rem;}
	.caseTit a{ width:100px; height:36px; line-height:36px; font-size:14px;}
	.caseLef{ font-size:14px;}
	.caseFloat{ width:245px; margin-left:225px;}
	.caseItem .caseH3{ margin:0 0 .1rem;}
	
	.newsList{ margin:0.2rem -.1rem 0;}
	.newsList li{ padding:0 .1rem; margin-top:.2rem;}
	.newsList .box5Two{ padding:.14rem;}
	
	.newsLef{ min-height:340px;}
	.newsRig li{ margin-bottom:.1rem; padding:15px 20px;}
	.newsTit{ font-size:16px;}
	
	.newsBg{ margin-top:-100px;}
	.newsDate{ width:60px; height:60px;}
	.newsDate p{ font-size:30px;}
	.newsDate span{ font-size:14px;}
	.newsName h1{ font-size:24px; line-height:150%;}	
	
	.douhao{ width:.28rem; height:.28rem;}
	.joinTit{ font-size:22px;}
	.joinDes{ font-size:16px;}
	.joinHead{ padding:.1rem 2.8%; font-size:16px;}
	
	.conRig{ display:none;}
	.conList{ float:none; width:100%; margin:0;}
	.conList li{ padding:.3rem;}
	
	.sysHov{ width:70%;}
	
	.ban750{ height:auto; min-height:5rem; display:flex; flex-direction:column; justify-content:center; align-items:center; padding-top:60px;}
	.ban750 .imgBg{ position:absolute; left:0; top:0; width:100%;}
	.ban750 .banText{ padding:.6rem 0 !important; position:static;}
	.desHighLight li{ margin-top:.3rem;}
	.desHigLigTit{ font-size:18px;}
	.desHigLigDes{ font-size:14px;}
	
	.makeFacRig{ font-size:16px;}
	.DigFacTab li p{ display:none;}
	.DigFaccTit{ display:block; font-size:22px; margin:.1rem 0;}
	
	.SketchMap .DigFacTab li{ margin-right:.1rem;}
	.SketchMap .DigFacTab li p{ display:block; margin:.1rem auto; font-size:.3rem; width:.6rem; height:.6rem; line-height:.6rem;}
	.partYsTit{ font-size:20px;}
	.partYsDes{ font-size:14px; line-height:28px; min-height:84px;}
	
	.IntManuSlideTop{ width:200px; height:200px; font-size:20px; padding:10px;}
	.IntManuSlideCon{ font-size:20px;}
	
	.IntManuMapDot .conCir{ transform:scale(0.9); transform-origin:left top;}
	.IntManuMapTag{ display:none;}
}
@media (max-width:991px){
	.banPage{ right:auto; left:4%;}
	.box3List li{ width:100%;}
	.box3Text{ height:auto;}
	.box4Tit{ font-size:.28rem;}
	.box5Tit{ font-size:.32rem;}
	.box5TitEn{ font-size:14px;}
	.box5List{ padding:0 .5rem;}
	.box5Date{ width:60px;}
	.box5Date p{ font-size:28px;}
	.box5Name{ font-size:14px; line-height:24px;}
	.box5List .box4Prev{ left:-.3rem;}
	.box5List .box4Next{ right:-.3rem;}
	.box5Two{ padding:.2rem;}
	.box5More{ font-size:14px;}
	.box6Des{ font-size:14px;}
	
	.banBotBg .container{ width:100%; padding:0;}
	.banBot li{ padding:0;}
	
	.one2Item .imgBg{ height:3.4rem;}
	
	.hisList{ background-position:.33rem top;}
	.hisList li{ margin-bottom:.3rem;}
	.hisCir{ position:relative; left:0; transform:translateX(0); float:left; width:.66rem; height:.66rem; font-size:.24rem;}
	.hisCir:after{ width:.84rem; height:.84rem; margin:-.42rem 0 0 -.42rem;}
	.hisText{ float:right !important; width:calc(100% - 1rem);}
	.hisText::before, .hisText::after{ left:auto; right:100%; margin-right:-.2rem !important; width:.2rem; height:.2rem; top:.3rem;}
	.hisList li:nth-child(2n) .hisText{ animation-name:fadeInRight;}
	
	.hon2List{ margin-top:.2rem; padding:0 .46rem;}
	.hon2Prev{ left:-.1rem;}
	.hon2Next{ right:-.1rem;}
	.hon3List li{ width:50%; max-width:none; line-height:22px;}
	.hon3List li img{ margin:0 auto .14rem;}
	.hon3List li p{ padding-right:.7rem;}
	.hon4List li{ width:100%; position:static !important; padding:0;}
	.hon4List2{ margin:0 -0.15rem;}
	.hon4List2 li{ width:50%; padding:0 .15rem; margin-bottom:.3rem;}
	
	.caseTit{ padding-right:0; font-size:20px;}
	.caseTit i{ display:none;}
	
	.caseLef{ float:none; width:100%;}
	.caseFloat{ position:static !important; width:100%; margin:.2rem 0 0;}
	.caseHot{ display:flex; flex-wrap:wrap; margin:0 -.1rem;}
	.caseHot li{ width:50%; padding:0 .1rem;}
	
	.newsTop{ display:block;}
	.newsLef{ min-height:0; width:100%;}
	.newsImg{ height:0; position:relative; overflow:hidden; padding-bottom:55.8%;}
	.newsRig{ display:none;}
	
	.banIn2 .caseTit{ display:none;}
	.newsBg .caseTit{ display:block; margin:0 0 10px;}
	.newsBg .caseTit a{ position:static; margin:0 auto;}
	.newsBg{ margin-top:-.8rem;}
	.newsHead{ padding-bottom:.2rem;}
	.newsDate{ float:none; margin:10px 0; width:100%; height:40px;}
	.newsDate p{ font-size:20px;}
	.newsDate span{ font-size:12px;}
	.newsName h1{ font-size:20px; line-height:150%;}
	.newsText{ font-size:14px; line-height:28px;}
	.newsText h3{ font-size:16px;}
	
	.joinTop li{ width:50%;}
	.joinImg{ padding-bottom:144%;}
	.joinSp1{ width:72%;}
	.joinSp2,.joinSp5{ display:none;}
	.joinBody{ font-size:14px;}
	.joinBrief{ padding:.1rem 0;}
	.joinCon{ margin:0 -.1rem; font-size:14px; padding:.1rem 0;}
	.joinItem{ float:none; width:100%; padding:.1rem;}
	.joinItem h3{ font-size:18px;}
	.joinFoot{ font-size:14px;}
	
	.designSolu::before { top:1.12rem;}
	.desSoluList{ font-size:16px;}
	.desSoluIco span{ width:1.2rem; height:1.2rem;}
	.seeVideo{ height:44px; line-height:42px; font-size:16px;}
	.makeFacBox{ width:100%; height:auto; margin:.4rem auto 0;}
	.makeFacCir,.makeFacImg,.makeFacLogo{ display:none;}
	.makeFacList{ display:flex; flex-wrap:wrap; margin:0 -10px; justify-content:center;}
	.makeFacLi{ position:static; margin:0; display:block; transform:none; margin-top:.1rem; width:50%; padding:0 10px; text-align:center;}
	.makeFacLi.makeFacLi1{ margin-bottom:0; transform:none !important; display:block;}
	.makeFacIco{ width:.8rem; height:.8rem; margin:0 auto .14rem !important;}
	.makeFacRig{ overflow:hidden;}
	
	.tpLi{ transform:scale(0.6) !important; transform-origin:left center;}
	.tpLi2,.tpLi3,.tpLi4,.tpLi5,.tpLi6{ transform-origin:left top;}
	.tpLi7,.tpLi8,.tpLi9,.tpLi10{ transform-origin:left bottom;}
	.tpLi11{ transform-origin:right bottom;}
	.tpLi12{ transform-origin:right top;}
	.LayTp{ top:0;}
	.partYs li{ width:100%;}
	.partYsDes{ min-height:0;}
	
	.DigCloTd{ display:block; margin:0;}
	.DigCloTd li{ width:100%; padding:.3rem 0; margin:0; border:none; border-bottom:1px solid #FFFFFF;}
	.DigCloTdTit{ margin-top:0;}
	.DigCloSysBg{ padding:0;}
	.DigCloSysBg .desTit{ margin:.4rem 0;}
	.DigCloSysTab{ display:none;}
	.DigCloSysImg{ float:none; max-width:100%; margin:0 0 .2rem; transform:translateX(0);}
	.DigCloSysRig{ transform:translateX(0);}
	.DigCloSysText .swiper-pagination{ display:block; text-align:center; width:100%; position:static; margin-top:.3rem;}
	.DigCloSysText .swiper-pagination-bullet{ margin:0 2px;}
	.DigCloSysText .swiper-pagination-bullet-active{ background:#b80e12;}
	
	.DigCloValList{ display:block;}
	.DigCloValList li{ width:100%;}
	.DigCloValItem{ min-height:0;}
	.DigCloValNum{ font-size:.6rem;}
	
	.IntManuSlide{ height:5rem;}
	.IntManuSlideTop{ width:2rem; height:2rem; padding:.1rem; font-size:.24rem; margin:0 auto .4rem;}
	.IntManuSlideIco img{ max-width:40%;}
	.IntManuSlideCon{ font-size:16px;}
	.IntManuSlide .swiper-pagination{ bottom:.14rem;}
	.IntManuSlide .swiper-pagination-bullet{ width:.4rem; height:.04rem;}
	.IntManuValBg .desTit{ margin-bottom:.3rem;}
	.IntManuVal{ justify-content:center;}
	.IntManuVal li{ width:33.33%;}
	
	.IntManuMapDot .conCir{ transform:scale(0.6);}
	.IntManuMapSign{ font-size:14px;}
}
@media (max-width:767px){
	/*.logo{ width:40px; overflow:hidden;}*/
	.caseTop .caseTit{ padding-right:0;}
	.caseTit a{ position:static; display:block; margin:0 auto .1rem;}
	.newsFoot .casePage,.newsFoot .caseShare{ float:none; width:100%;}
	.joinSp1{ width:calc(100% - 90px);}
	.joinSp3{ display:none;}
	.joinSp4{ width:90px;}
}
@media (max-width:640px){
	.navRig{ display:none;}
	.navRig > ul > li{ padding-left:10px;}
	.banP1{ font-size:14px; letter-spacing:.08rem;}
	.banP3{ font-size:.28rem;}
	.banIco{ text-align:center; display:none;}
	.banIco li{ width:50%; padding:0 5px;}
	.banPage{ font-size:16px;}
	.box2List li{ width:50%;}
	.box2Tit{ font-size:18px; padding:0 15px;}
	.box2Des{ font-size:14px; padding:0 15px;}
	.box3List li{ width:100%;}
	.box3Img img{ max-height:.6rem;}
	.box3Con{ height:auto;}
	.box3More{ width:118px; height:32px; line-height:30px; font-size:14px;}
	.box4Top{ padding:.6rem 15px;}
	.box4Top:before, .box4Top:after{ height:.6rem;}
	.box4Tit{ font-size:.32rem;}
	.box4Prev, .box4Next{ width:.5rem; height:1rem;}
	.box4Cir{ width:32px; height:32px;}
	.box5Tit{ font-size:22px;}
	.box5TitEn{ font-size:14px;}
	.box6Img{ height:1.4rem;}
	.ftLogo{ float:none; width:100%; max-width:100%; margin:0; margin-bottom:.4rem;}
	.ftLogo img{ display:block; margin:0 auto; max-width:50%;}
	.ftAdd{ float:none; width:100%;}
	.ftAddTab li{ min-width:33.33%;}
	.ftWx{ float:none; margin:0 auto; width:80%;}
	.ftWx li{ padding:0 5px; font-size:14px;}
	.ftText{ float:none; width:100%; margin-top:.3rem;}
	.ftText h3{ font-size:18px;}
	
	.banIn .banText{ padding-top:60px;}
	.banShadow{ display:none;}
	.banBotBg{ height:auto; margin:0; background:#303030; border:none;}
	.banBot li a{ padding:10px 0;}
	.banBot li.active a{ height:100%; transform:translateY(0);}
	.banBot.more{ display:block; font-size:0; text-align:left;}
	.banBot.more li{ flex:auto; display:inline-block; vertical-align:middle;  min-width:25%; text-align:center;}
	.banBot.more li a{ padding:.1rem;}
	
	.one4List li{ width:100%;}
	.one4More{ width:240px; height:40px; line-height:40px; font-size:16px;}
	.one4More i{ width:14px; height:14px;}
	
	.hisText{ font-size:14px;}
	.hisYear{ font-size:.32rem;}
	
	.honTit{ font-size:.32rem;}
	.honBrief{ line-height:150%;}
	.honDes{ line-height:160%;}
	.hon1Text{ font-size:14px;}
	.hon1Text h3{ font-size:.32rem;}
	
	.culItem{ display:block; padding:0; margin-bottom:.3rem;}
	.culImg{ position:static; height:100%;}
	.culImg .imgBg img{ display:block; width:100%; height:auto;}
	.culText{ width:100%; background:rgba(255,255,255,0.9); min-height:0;}
	
	.caseImg{ float:none; width:100%; height:4rem;}
	.caseDes{ line-height:28px;}
	.caseDes p,.caseBrief{ background-position:left 7px; background-size:14px auto; padding-left:20px;}
	.caseBrief p{ padding-left:0;}
	.caseMore{ width:100%; height:40px; line-height:38px; font-size:16px;}
	
	.newsBg{ margin-top:-.4rem;}
	.joinBrief span{ min-width:33%;}
	
	.font50{ font-size:28px;}
	.font40{ font-size:24px;}
	.sysDes{ font-size:14px;}
	.sysHov{ width:80%;}
	.banDes{ font-size:14px;}
	.designSolu:before{ display:none;}
	.desSoluList li{ width:50%; margin-top:.2rem;}
	.desSoluIco:after{ display:none;}
	.desSoluIco span{ width:1.5rem; height:1.5rem;}
	.desHigLigIco{ width:1rem; height:1rem;}
	
	.LayClose{ top:auto; bottom:calc(100% + .08rem); left:50%; transform:translateX(-50%); width:.5rem; height:.5rem; line-height:.5rem; font-size:.3rem;}
	
	.makeFacIco{ width:1rem; height:1rem;}
	.DigFaccTit{ font-size:20px;}
	
	.ConSignList{ font-size:14px; line-height:160%;}
	.ConSignIco img{ height:.8rem;}
	
	.tpLi{ transform:scale(0.4) !important;}
	.tpTit{ font-size:22px;}
	.tpDes{ font-size:14px; line-height:24px;}
	.LayTp{ padding:.3rem;}
	.partYsTit{ font-size:18px;}
	
	.DigCloTdTit{ font-size:18px;}
	.DigCloTdTit img{ height:.4rem;}
	.DigCloSysTit{ font-size:20px;}
	
	.IntManuVal li{ width:50%;}
	.IntManuValIco{ width:1rem; height:1rem;}
	
	.IntManuMapDot .conCir{ transform:scale(0.4);}
	.IntManuMapSign{ position:static; text-align:center; margin:.1rem auto .3rem;}
	.IntManuMapSign li{ display:inline-block; vertical-align:middle; margin:0 5px;}
	.IntManuMapSign li:first-child::before{ height:20px;}
	
	.LayMapTit{ font-size:20px;}
	.LayMapImg .conPrev, .LayMapImg .conNext{ width:.46rem; height:.76rem; background-size:contain;}
	.LayMapCon{ font-size:14px; line-height:24px;}
	.LayMapClose{ background-size:16px;}

}
@media (max-width:460px){
	.logo img{ height:34px;}
	.navRig > ul > li a span{ display:none;}
	nav.navbar.bootsnav .navRig li.dropdown ul.dropdown-menu{ left:auto; transform:translateX(0); right:0; padding:10px;}
	nav.navbar.bootsnav .navRig li.dropdown ul.dropdown-menu > li > a{ padding:5px 0;}
	.box2Num span{ font-size:28px;}
	.box3Name{ font-size:16px;}
	.box4Cir{ width:28px; height:28px;}
	.box4Cir:before{ width:14px; height:1px;}
	.box4Cir:after{ width:1px; height:14px;}
	.ftAddTab{ margin:0 -.05rem;}
	.ftAddTab li{ width:50%; margin-bottom:.1rem; padding:0 .05rem;}	
	.banBot li{ font-size:14px; line-height:20px;}
	.one2Name{ font-size:16px;}
	.one2Tit,.one3Tit{ font-size:.4rem;}
	.one2Item span{ font-size:14px;}
	.honTit{ font-size:.4rem;}
	.hon1Text h3{ font-size:.4rem;}
	.hon4List li{ font-size:14px;}
	.hon4List h3{ font-size:16px;}		
	.caseTit{ font-size:18px;}	
	.caseItem{ padding:10px;}
	.caseMore{ font-size:14px;}
	.caseShare span,.caseShare a{ font-size:14px;}
	.newsList li{ width:100%;}
	.newsTit{ font-size:14px;}
	.newsName h1{ font-size:18px;}
	.joinText{ top:25%;}
	.joinTit{ font-size:18px;}
	.joinDes{ font-size:14px;}
	.joinHead{ font-size:14px;}
	.joinBot li.active .joinSp4 i:before,.joinBot li.active .joinSp4 i:after{ width:8px;}
	.joinItem h3{ font-size:16px;}
	.joinBrief span{ min-width:50%;}
	.conList li h3{ font-size:18px;}
	.font50{ font-size:24px;}
	.font40{ font-size:20px;}
	.sysIco img{ height:.6rem;}
	.sysName{ font-size:18px;}
	.sysMore{ height:34px; line-height:32px; width:120px;}
	.banDes{ font-size:12px;}
	.desSoluList{ font-size:14px;}
	.desSoluIco span{ width:1.8rem; height:1.8rem;}
	.seeVideo{ width:100%; height:40px; line-height:38px; font-size:14px;}
	.seeVideo i{ width:18px; height:18px;}
	.desHigLigTit{ font-size:16px; line-height:24px;}
	.makeVideoPlay{ font-size:16px;}
	.makeVideoTip{ font-size:14px;}
	.makeFacRig{ font-size:14px;}
	.DigFacText{ font-size:14px; line-height:24px;}
	.DigFaccTit{ font-size:17px;}
	.tpTit{ font-size:20px;}	
	.partYsTit{ font-size:16px; font-weight:bold;}
	.DigCloTdTit{ font-size:16px;}
	.DigCloSysTit{ font-size:16px; font-weight:bold;}
	.DigCloValTit{ font-size:15px;}
	
	.IntManuSlideCon{ font-size:14px;}
	.IntManuValDes{ font-size:14px; line-height:24px; margin-bottom:.4rem;}
	.IntManuValNum{ font-size:.7rem;}
	.IntManuBulid{ font-size:14px;}
	
	.backList{ width:40px; height:44px; font-size:12px; line-height:18px;}
}
@media all and (orientation : landscape){

}
@media all and (orientation : portrait){

}

@keyframes ziAni1 {
  0% {
    transform:translateY(-10px)
  }
  50% {
    transform:translateY(10px)
  }
  100% {
    transform:translateY(-10px)
  }
}
.supplyImg{text-align:center;}
.aniImgx{display:inline-block; position:relative;}
.aniImgx img{position:absolute; left:0; top:0; max-width:100%; height:auto;}
.aniImgx img:nth-child(1){position:relative;}

.aniImgx1 img:nth-child(2){ animation:ziAni1 6s linear infinite;}
.aniImgx1 img:nth-child(3){ animation:ziAni1 6s linear infinite; animation-delay:2.0s}
.aniImgx1 img:nth-child(4){ animation:ziAni1 6s linear infinite; animation-delay:4.0s}
.aniImgx1 img:nth-child(5){ animation:ziAni1 3s linear infinite; animation-delay:1.0s}
.aniImgx1 img:nth-child(6){ animation:ziAni1 3s linear infinite; animation-delay:2.0s}
.aniImgx1 img:nth-child(7){ animation:ziAni1 3s linear infinite; animation-delay:1.2s}
.aniImgx1 img:nth-child(8){ animation:ziAni1 3s linear infinite; animation-delay:1.8s}
.aniImgx1 img:nth-child(9){ animation:ziAni1 3s linear infinite; animation-delay:0.5s}
.aniImgx1 img:nth-child(10){ animation:ziAni1 3s linear infinite; animation-delay:0.9s}

.aniImgx3 img:nth-child(2){ animation:ziAni1 6s linear infinite;}
.aniImgx3 img:nth-child(3){ animation:ziAni1 6s linear infinite; animation-delay:2.0s}
.aniImgx3 img:nth-child(4){ animation:ziAni1 6s linear infinite; animation-delay:4.0s}
.aniImgx3 img:nth-child(5){ animation:ziAni1 3s linear infinite; animation-delay:1.0s}
.aniImgx3 img:nth-child(6){ animation:ziAni1 3s linear infinite; animation-delay:2.0s}
.aniImgx3 img:nth-child(7){ animation:ziAni1 3s linear infinite; animation-delay:1.2s}
.aniImgx3 img:nth-child(8){ animation:ziAni1 3s linear infinite; animation-delay:1.8s}
.aniImgx3 img:nth-child(9){ animation:ziAni1 3s linear infinite; animation-delay:0.5s}
.aniImgx3 img:nth-child(10){ animation:ziAni1 3s linear infinite; animation-delay:0.9s}

.aniImgx3 img:nth-child(11){ animation:ziAni1 6s linear infinite; animation-delay:2.0s}
.aniImgx3 img:nth-child(12){ animation:ziAni1 6s linear infinite; animation-delay:4.0s}
.aniImgx3 img:nth-child(13){ animation:ziAni1 3s linear infinite; animation-delay:1.0s}
.aniImgx3 img:nth-child(14){ animation:ziAni1 3s linear infinite; animation-delay:2.0s}
.aniImgx3 img:nth-child(15){ animation:ziAni1 3s linear infinite; animation-delay:1.2s}
.aniImgx3 img:nth-child(16){ animation:ziAni1 3s linear infinite; animation-delay:0.5s}

.aniImgx2 img:nth-child(2){ animation:ziAni1 6s linear infinite;}
.aniImgx2 img:nth-child(3){ animation:ziAni1 6s linear infinite; animation-delay:2.0s}
.aniImgx2 img:nth-child(4){ animation:ziAni1 6s linear infinite; animation-delay:4.0s}
.aniImgx2 img:nth-child(5){ animation:ziAni1 3s linear infinite; animation-delay:1.0s}
.aniImgx2 img:nth-child(6){ animation:ziAni1 3s linear infinite; animation-delay:2.0s}
.aniImgx2 img:nth-child(7){ animation:ziAni1 3s linear infinite; animation-delay:1.2s}
.aniImgx2 img:nth-child(8){ animation:ziAni1 3s linear infinite; animation-delay:1.8s}
.aniImgx2 img:nth-child(9){ animation:ziAni1 3s linear infinite; animation-delay:0.5s}
.aniImgx2 img:nth-child(10){ animation:ziAni1 3s linear infinite; animation-delay:0.9s}
.aniImgx2 img:nth-child(11){ animation:ziAni1 6s linear infinite; animation-delay:2.0s}
.aniImgx2 img:nth-child(12){ animation:ziAni1 6s linear infinite; animation-delay:4.0s}
.aniImgx2 img:nth-child(13){ animation:ziAni1 3s linear infinite; animation-delay:1.0s}