@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
:after,:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box}
body{font:12px Arial,"Microsoft YaHei"; color:#333;background-color:#fff;min-width: 1200px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
*:focus,input:focus,textarea:focus,select:focus,button:focus{outline:none;}
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input::-webkit-outer-spin-button {-webkit-appearance: none;}
img{
    border:0;
    image-rendering: -moz-crisp-edges; /* Firefox */     
    image-rendering: -o-crisp-edges; /* Opera */      
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges; 
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none;}
ul,li,ol{list-style:none;}
table{width: 100%;border-collapse:collapse;}
table tr,table td{max-width: 100%;border:1px solid #eee;}
button,input,select,textarea{font-family: inherit;font-size: inherit;outline: 0;border: none;background-color: transparent;appearance: none}
input:read-only{cursor: pointer}
input:-webkit-autofill{box-shadow: inset 0 0 0 1000px #eff3f6!important}
::-webkit-input-placeholder{color: #8d93a0}
:-ms-input-placeholder{color: #8d93a0}
textarea{resize: none}

.scrollbar::-webkit-scrollbar{width:3px; background:#f4f4f4;}/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#146eaf; }/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */


/*浮动*/
.clear{zoom: 1;clear: both}
.clear:after{content: "";display: block;clear: both}
.fl{float: left}
.fr{float: right}
.tLeft,.tRight,.tCenter{display: table;font-size: 0}
.tLeft{text-align: left}
.tRight{text-align: right}
.tCenter{text-align: center}
.left{display: flex;flex-wrap: wrap;}
.right{display: flex;justify-content: flex-end;}
.between{display: flex;justify-content: space-between;}
.around{display: flex;justify-content: space-around;}
.cut{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.cutThree,.cutTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical}
.cutTwo{-webkit-line-clamp: 2}
.cutThree{-webkit-line-clamp: 3}
@font-face{font-family:Poppins;src:url(../fonts/Poppins-Regular.ttf)}
.iconT{display: flex;align-items: center;text-align: center;justify-content: center;}
.c1200{width: 1200px;position: relative;}
.c1200,.wrap,.wrap1{margin: 0 auto}
.wrap{width: 75%;min-width: 1200px;position: relative;}
.wrap1{width: 75%;min-width: 1200px;}

.chevron{-webkit-animation: pulse 2s infinite; animation: pulse 2s infinite;display: block;}
@-webkit-keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
@keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }

.iconT{display: flex;align-items: center;text-align: center;justify-content: center;}

.c1200{width: 1200px; margin:0 auto;}
.wrap{width: 75%;margin:0 auto;min-width: 1200px;}


#superContainer{height: 100%;position: relative;-ms-touch-action: none;touch-action: none;}
#fp-nav{position: fixed;top: 50%;z-index: 100;opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
#fp-nav.right{right: 3%;}
#fp-nav li{width: 6px;height: auto;margin: 16px 0;vertical-align: middle;}
#fp-nav li a{display: block;}
#fp-nav li a span{width: 6px;height: 6px;background-color: #a3aeb6;border-radius: 50%;text-decoration: none;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;display: inline-block;position: relative;opacity: 0.4;}
#fp-nav li .active span{opacity: 1;}
.index_main{width: 100%;}
.section{position: relative;overflow: hidden;min-width: 1200px;height: 100vh !important;}
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section{height: auto !important;}

.headerBox{width: 100%;position: fixed;top: 0;left: 0;z-index: 101;border-bottom: 1px solid rgba(255, 255, 255, 0.08);transition: all 0.6s ease;}
.headerBox .logo{float: left;display: block;width: 148px;height: 48px;background: url('../images/logo_02.png') no-repeat;background-size: 148px 48px;margin-top: 26px;transition: all 0.6s ease;}
.headerBox .navBox{width: calc(100% - 148px);}
.headerBox .navBox .nLi{display: inline-block;vertical-align: top;margin-left: 82px;}
.headerBox .navBox .nLi h3 a{display: block;line-height: 48px;color: #fff;font-size: 16px;padding: 26px 0;font-weight: normal;transition: all 0.6s ease;}
.headerBox .navBox .nLi .sub{display: none;position: absolute;top: 100px;background-color: rgba(255, 255, 255, 0.95);left: 0;z-index: 3;border-top: 1px solid #eee;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);}
.headerBox .navBox .nLi .sub1{width: 100%;}
.headerBox .navBox .nLi .sub1 .u1{width: 100%;padding: 30px 0;}
.headerBox .navBox .nLi .sub1 .u1 li{display: inline-block;width: 23.5%;box-sizing: border-box;vertical-align: top;margin: 10px 2% 15px 0;}
.headerBox .navBox .nLi .sub1 .u1 li:nth-child(4n){margin: 10px 0 15px 0;}
.headerBox .navBox .nLi .sub1 .u1 li a{font-size: 16px;color: #333;}
.headerBox .navBox .nLi .sub1 .u1 li a span{display: inline-block;vertical-align: middle;margin-right: 10px;width: 40px;height: 40px;border-radius: 50%;position: relative;opacity: 0.6;font-size: 20px;line-height: 38px;text-align: center;border: 1px dashed #146eaf;color: #146eaf;transition: all 0.6s ease;}
.headerBox .navBox .nLi .sub1 .u1 li:hover a,
.headerBox .navBox .nLi .sub1 .u1 li.on a{color: #146eaf;}
.headerBox .navBox .nLi .sub1 .u1 li:hover span,
.headerBox .navBox .nLi .sub1 .u1 li.on span{opacity: 1;}
.headerBox .navBox .nLi .sub1 .u2{width: 100%;padding: 0 0 30px;}
.headerBox .navBox .nLi .sub1 .u2 li{display: inline-block;width: 15%;box-sizing: border-box;vertical-align: top;margin: 10px 2% 15px 0;}
.headerBox .navBox .nLi .sub1 .u2 li:nth-child(6n){margin: 10px 0 15px 0;}
.headerBox .navBox .nLi .sub1 .u2 li a{font-size: 16px;color: #666;}
.headerBox .navBox .nLi .sub1 .u3 li{width: 32%;margin: 10px 2% 15px 0;}
.headerBox .navBox .nLi .sub1 .u3 li:nth-child(3n){margin: 10px 0 15px 0;}
.headerBox .navBox .nLi .sub2{width: 100%;}
.headerBox .navBox .nLi .sub2 .box{width: 100%;}
.headerBox .navBox .nLi .sub2 .navItem{width: 100%;text-align: left; position: relative;}
.headerBox .navBox .nLi .sub2 .navItem::after{ content: ''; position: absolute; top: 0; left: 200px; width: 1px; height: 100%; background-color: #eee;}
.headerBox .navBox .nLi .sub2 .navItem .hd{display: inline-block;vertical-align: top;width: 200px;box-sizing: border-box;padding: 30px 0;}
.headerBox .navBox .nLi .sub2 .navItem .hd ul{width: 100%;}
.headerBox .navBox .nLi .sub2 .navItem .hd ul li{float: left;width: 100%;box-sizing: border-box;padding: 8px 0;}
.headerBox .navBox .nLi .sub2 .navItem .hd ul li a{display: inline-block;padding: 5px 0;border-bottom: 2px solid rgba(20, 110, 175, 0);font-size: 16px;color: #333;}
.headerBox .navBox .nLi .sub2 .navItem .hd ul li.on a{color: #146eaf;border-bottom: 2px solid #146eaf;}
.headerBox .navBox .nLi .sub2 .navItem .bd{display: inline-block;vertical-align: top;width: calc(100% - 200px);box-sizing: border-box;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con{padding: 45px 0 45px 45px;box-sizing: border-box;width: 100%;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con .tit{font-size: 18px;color: #146eaf;padding-left: 15px;line-height: 30px;position: relative;font-weight: bold;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con .tit::after{content: '';width: 3px;height: 16px;background-color: #146eaf;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul{width: 100%;margin-top: 20px;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul li{display: inline-block;vertical-align: top;background-color: #fff;border: 1px solid #eee;width: 23.5%;margin-right: 2%;margin-bottom: 2%;transition: all 0.6s ease;box-sizing: border-box;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul li:nth-child(4n){margin-right: 0;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul li a{display: inline-block;height: 100%;width: 100%;padding: 20px;font-size: 16px;color: #333;transition: all 0.6s ease;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul.tHight:nth-of-type(1) li:hover,
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul.tHight:nth-of-type(1) li.on{background-color: rgba(20, 110, 175, 0.05);border-color: #146eaf;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul.tHight:nth-of-type(1) li:hover a,
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul.tHight:nth-of-type(1) li.on a{font-weight: bold;color: #146eaf;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul.tHight:nth-of-type(2) li a{color: #999;}
.headerBox .navBox .nLi:first-child{margin-left: 0;}
.headerBox .navBox .nLi:hover h3 a,
.headerBox .navBox .nLi.on h3 a{font-weight: bold;}
.is-fixed{background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);}
.is-fixed .logo{background: url('../images/logo_01.png') no-repeat;background-size: 148px 48px;margin-top: 16px;}
.is-fixed .navBox .nLi h3 a{color: #333;padding: 16px 0;}
.is-fixed .navBox .nLi .sub{top: 80px;}
/* section1 */
.indexBanner{width: 100vw;position: relative;height: 100vh;overflow: hidden;}
.indexBanner .bd{position: relative;height: 100vh;z-index: 0;}
.indexBanner .bd li{width: 100vw;height: 100vh; position: relative; background-size: cover !important;}
.indexBanner .bd li .cont{width: 75%;min-width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -45%);}
.indexBanner .bd li .cont .txt1{width: 38%;color: #ffffff;position: absolute;top: 12%;left: 0;}
.indexBanner .bd li .cont .txt1 .p1{font-size: 48px;font-weight: bold;line-height: 70px;}
.indexBanner .bd li .cont .txt1 .p2{font-size: 16px;line-height: 30px;margin-top: 10%;}
.indexBanner .bd li .cont .txt .btn{width: 160px;height: 52px;border: 1px solid #ffffff;line-height: 52px;text-align: center;font-size: 16px;color: #ffffff;margin-top: 15%;transition: all 0.6s ease; display: inline-block;}
.indexBanner .bd li .cont .txt .btn i{display: inline-block;vertical-align: middle;font-size: 18px;transform: translateY(-1px);margin-left: 30px;}
.indexBanner .bd li .cont .txt .btn:hover{background-color: #fff;color: #146eaf;}

.indexBanner .bd li .cont .txt2{width: 38%;color: #ffffff;position: absolute;top: 12%;left: 0;}
.indexBanner .bd li .cont .txt2 .p1{font-size: 24px;font-weight: bold; margin-top: 30px;}
.indexBanner .bd li .cont .txt2 .p2{font-size: 16px;line-height: 30px;margin-top: 10px;}
.indexBanner .bd li .cont .img{width: 50%;float: right;}
.indexBanner .bd li .cont .img.img3{width: 60%}
.indexBanner .bd li .cont .img img{width: 100%;display: block;}
.indexBanner .hd{position: absolute;z-index: 1;bottom: 60px;left: 50%;transform: translateX(-50%);}
.indexBanner .hd ul{display: table;text-align: center;font-size: 0;}
.indexBanner .hd ul li{cursor: pointer;display: inline-block;margin: 0 14px;width: 8px;height: 8px;background-color: #fff;border-radius: 50%;position: relative;}
.indexBanner .hd ul li::after{content: '';width: 18px;height: 18px;border-radius: 50%;border: 1px solid #fff;box-sizing: border-box;position: absolute;top: -5px;left: -5px;opacity: 0;transition: all 0.6s ease;}
.indexBanner .hd ul li.on::after{opacity: 1;}
@media (max-width: 1360px){
    .indexBanner .bd li a .cont .txt1 .p1{font-size: 40px;line-height: 50px;}
}

/* section2 */
.section2{background: url('../images/home/product_bg.jpg') center center no-repeat;background-size: cover;}
.indexProduct{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.indexProduct .wrap{ position: relative;}
.indexProduct .title{width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.08);margin-bottom: 1%;transform: translateY(-100px);opacity: 0;transition: all 0.8s ease;}
.indexProduct .title .t{font-size: 40px;line-height: 40px;color: #333333;padding: 22px 0;float: left;}
.indexProduct .title .more{float: right;display: block;font-size: 16px;line-height: 40px;margin: 22px 0;color: #146eaf;}
.indexProduct .title .more i{display: inline-block;vertical-align: middle;margin-left: 8px;transform: translateY(-1px);}
.indexProduct .productsBox{width: 100%;position: relative; padding: 0 ; margin-top: 40px; transform: translateY(100px);opacity: 0;transition: all 0.8s ease;}
.indexProduct .swiper-button-prev,.indexProduct .swiper-button-next{ width: 50px; height: 50px; line-height: 50px;  font-size: 32px; color: #146eaf; text-align: center; background-image:  none !important; transition: all 0.6s ease; z-index: 9;}
.indexProduct .swiper-button-prev{left: -80px;transform: rotate(180deg);}
.indexProduct .swiper-button-next{right: -80px;}
.indexProduct .productsBox .swiper-slide{width: 100%;margin: 40px  0;}
.indexProduct .productsBox .swiper-slide a{display: block;}
.indexProduct .productsBox .swiper-slide .iconfont{width: 88px;height: 88px;background-color: #ffffff;border-radius: 50%;border: solid 1px rgba(20, 110, 175, 0.08);color: #146eaf;font-size: 42px;text-align: center;line-height: 86px;transition: all 0.6s ease;}
.indexProduct .productsBox .swiper-slide .tit{font-size: 20px;font-weight: bold;line-height: 28px;color: #333333;margin-top: 38px;transition: all 0.6s ease;}
.indexProduct .productsBox .swiper-slide .txt{font-size: 14px;line-height: 24px;color: #999999;margin-top: 12px;}
.indexProduct .productsBox .swiper-slide:hover .iconfont{background-color: #146eaf;border: 1px solid #146eaf;color: #fff;}
.indexProduct .productsBox .swiper-slide:hover .tit{color: #146eaf;}

@media (max-width: 1360px){
.indexProduct{transform: translate(-50%, -46%);}
.indexProduct .title .t{font-size: 32px;line-height: 32px;padding: 22px 0;}
.indexProduct .title .more{font-size: 14px;line-height: 32px;margin: 22px 0;}
.indexProduct .title .more i{font-size: 14px;}
.indexProduct .productsBox{ margin-top: 20px;}
.indexProduct .productsBox .swiper-button-prev{left: -40px;}
.indexProduct .productsBox .swiper-buttonnext{right: -40px;}
.indexProduct .productsBox .swiper-slide{margin: 15px 0;}
.indexProduct .productsBox .swiper-slide .iconfont{width: 68px;height: 68px;font-size: 32px;line-height: 68px;}
.indexProduct .productsBox .swiper-slide .tit{font-size: 16px;line-height: 24px;margin-top: 20px;}
}
@media (max-width: 1280px){
.indexProduct .swiper-button-prev{left: -20px;}
.indexProduct .swiper-button-next{right: -20px;}
}
/* section3 */
.section3{background: url('../images/home/solution_bg.jpg') center center no-repeat;background-size: cover;}
.indexSolution{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -44%);}
.indexSolution .title{font-size: 40px;line-height: 40px;color: #ffffff;text-align: center;margin-bottom: 5%;transform: translateY(-100px);opacity: 0;transition: all 0.8s ease;}
.indexSolution .solutionBox{width: 100%;padding-left: 280px;position: relative;}
.indexSolution .solutionBox .hd{width: 280px;border-right: 1px solid #ddd;position: absolute;top: 0;left: 0;transform: translateX(-100px);opacity: 0;transition: all 0.8s ease;}
.indexSolution .solutionBox .hd ul{width: 100%;padding: 30px 0;}
.indexSolution .solutionBox .hd ul li{cursor: pointer;padding: 19px 0;}
.indexSolution .solutionBox .hd ul li span{display: inline-block;vertical-align: middle;font-size: 20px;line-height: 50px;color: #fff;}
.indexSolution .solutionBox .hd ul li i{display: inline-block;vertical-align: middle;width: 50px;height: 50px;border: 1px dashed #fff;line-height: 48px;text-align: center;border-radius: 50%;color: #fff;font-size: 24px;margin: 0 20px 0 26px;}
.indexSolution .solutionBox .hd ul li.on{background-color: rgba(255, 255, 255, 0.15);border-right: 3px solid #fff;}
.indexSolution .solutionBox .bd{width: 100% !important;transform: translateX(100px);opacity: 0;transition: all 0.8s ease;}
.indexSolution .solutionBox .bd .contBox{min-height: 500px;width: 100% !important;padding: 20px 0 0 50px;}
.indexSolution .solutionBox .bd .contBox .tit{font-size: 30px;line-height: 32px;color: #ffffff;padding-left: 10px;}
.indexSolution .solutionBox .bd .contBox .txt{font-size: 16px;line-height: 30px;color: #ffffff;opacity: 0.8;margin-top: 22px;padding-left: 10px;}
.indexSolution .solutionBox .bd .contBox ul{width: 100%;margin-top: 72px;}
.indexSolution .solutionBox .bd .contBox ul li{float: left;width: 212px;height: 66px;border: 1px solid #ffffff;margin: 0 0 10px 10px;transition: all 0.6s ease;}
.indexSolution .solutionBox .bd .contBox ul li a{width: 100%;height: 100%;display: block;font-size: 16px;line-height: 64px;color: #ffffff;text-align: center;transition: all 0.6s ease;}
.indexSolution .solutionBox .bd .contBox ul li:hover{background-color: #fff;}
.indexSolution .solutionBox .bd .contBox ul li:hover a{color: #146eaf;}
@media (max-width: 1360px){
.indexSolution .title{font-size: 32px;line-height: 32px;margin-bottom: 3%;}
.indexSolution .solutionBox{padding-left: 240px;}
.indexSolution .solutionBox .hd{width: 240px;}
.indexSolution .solutionBox .hd ul{width: 100%;padding: 20px 0;}
.indexSolution .solutionBox .hd ul li{padding: 16px 0;}
.indexSolution .solutionBox .hd ul li span{font-size: 18px;line-height: 40px;}
.indexSolution .solutionBox .hd ul li i{width: 40px;height: 40px;line-height: 38px;font-size: 20px;margin: 0 20px 0 26px;}
.indexSolution .solutionBox .hd ul li.on{background-color: rgba(255, 255, 255, 0.15);border-right: 3px solid #fff;}
.indexSolution .solutionBox .bd .contBox{min-height: 400px;padding: 20px 0 0 40px;}
.indexSolution .solutionBox .bd .contBox .tit{font-size: 26px;line-height: 32px;}
.indexSolution .solutionBox .bd .contBox .txt{font-size: 14px;line-height: 28px;margin-top: 18px;}
.indexSolution .solutionBox .bd .contBox ul{margin-top: 52px;}
.indexSolution .solutionBox .bd .contBox ul li{width: 192px;height: 56px;}
.indexSolution .solutionBox .bd .contBox ul li a{font-size: 14px;line-height: 54px;}
}
/* section4 */
.section4{background-color: #fff;}
.indexApplication{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -46%);}
.indexApplication .title{font-size: 40px;line-height: 40px;color: #333333;text-align: center;margin-bottom: 6%;transform: translateY(-100px);opacity: 0;transition: all 0.8s ease;}
.indexApplication ul{width: 100%;transform: translateY(100px);opacity: 0;transition: all 0.8s ease;}
.indexApplication ul li{float: left;margin-right: 0.7%;width: 18.75%;height: 600px;background-size: cover !important;transition: all 0.6s ease;}
.indexApplication ul li:last-child{margin-right: 0;}
.indexApplication ul li a{display: block;width: 100%;height: 100%;padding: 60px 22px;transition: all 0.6s ease;}
.indexApplication ul li .tit{font-size: 24px;line-height: 36px;color: #ffffff;width: 170px;transition: all 0.6s ease;}
.indexApplication ul li .txt{width: 200px;font-size: 16px;line-height: 30px;color: #ffffff;margin-top: 24px;opacity: 0;transition: all 0.6s ease;}
.indexApplication ul li .more{font-size: 16px;line-height: 20px;color: #fff;margin-top: 70px;opacity: 0;transition: all 0.6s ease;}
.indexApplication ul li .more i{display: inline-block;vertical-align: middle;font-size: 18px;margin-left: 10px;transform: translateY(-1px);}
.indexApplication ul li.on{width: 61.1%;}
.indexApplication ul li.on a{background-image: linear-gradient(to right, rgba(20, 110, 175, 0.9) 0%, rgba(20, 110, 175, 0.7) 60%, rgba(20, 110, 175, 0) 100%);padding: 200px 60px 0;}
.indexApplication ul li.on .tit{width: 6100px;}
.indexApplication ul li.on .txt,
.indexApplication ul li.on .more{width: 550px;opacity: 1;}
.indexApplication ul li.on .more{opacity: 1;}
@media (max-width: 1600px){
.indexApplication{transform: translate(-50%, -44%);}
.indexApplication .title{font-size: 32px;line-height: 32px;margin-bottom: 3%;}
.indexApplication ul li{height: 480px;}
.indexApplication ul li a{padding: 40px 22px;}
.indexApplication ul li .tit{font-size: 20px;line-height: 30px;width: 170px;}
.indexApplication ul li .txt{font-size: 14px;line-height: 28px;margin-top: 24px;}
.indexApplication ul li .more{font-size: 14px;line-height: 20px;margin-top: 50px;}
.indexApplication ul li .more i{font-size: 14px;}
.indexApplication ul li.on a{padding: 120px 60px 0;}
.indexApplication ul li.on .tit{width: 400px;}
}
@media (max-width: 1360px){
    .indexApplication ul li{height: 440px;}
}
/* section5 */
.section5{background: url('../images/home/news_bg.jpg') center center no-repeat;background-size: cover;}
.indexNews{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -44%);}
.indexNews .title{width: 100%;margin-bottom: 8%;transform: translateY(-100px);opacity: 0;transition: all 0.8s ease;}
.indexNews .title .t{font-size: 40px;line-height: 40px;color: #333333;float: left;}
.indexNews .title .more{float: right;display: block;font-size: 16px;line-height: 40px;color: #146eaf;}
.indexNews .title .more i{display: inline-block;vertical-align: middle;margin-left: 8px;transform: translateY(-1px);}
.indexNews ul{width: 100%;transform: translateY(100px);opacity: 0;transition: all 0.8s ease;}
.indexNews ul li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;background-color: #ffffff;border: 1px solid rgba(20, 110, 175, 0.08);}
.indexNews ul li:last-child{margin-right: 0;}
.indexNews ul li .img{width: 100%;overflow: hidden;}
.indexNews ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.indexNews ul li .tit{font-size: 20px;line-height: 28px;color: #333333;padding: 6% 6% 0;}
.indexNews ul li .txt{font-size: 16px;line-height: 30px;color: #999999;padding: 2% 6% 0;}
.indexNews ul li .time{font-size: 16px;line-height: 30px;color: #999999;padding: 2% 6% 7%;}
.indexNews ul li:hover .img img{transform: scale(1.1);}
.indexNews ul li:hover .tit{color: #146eaf;}
@media (max-width: 1360px){
.indexNews .title{margin-bottom: 5%}
.indexNews .title .t{font-size: 32px;line-height: 32px;}
.indexNews .title .more{font-size: 14px;line-height: 32px;}
.indexNews .title .more i{font-size: 14px;}
.indexNews ul li .tit{font-size: 18px;line-height: 24px;}
.indexNews ul li .txt{font-size: 14px;line-height: 28px;}
.indexNews ul li .time{font-size: 14px;line-height: 28px;}
}
/* section6 */
.section6{background: url('../images/home/about_bg.jpg') center center no-repeat;background-size: cover;}
.indexAbout{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -46%);}
.indexAbout .contBox{width: 50%;float: left;padding: 28px 0 0;transform: translateX(-100px);opacity: 0;transition: all 0.8s ease;}
.indexAbout .contBox .title{font-size: 40px;line-height: 40px;color: #333333;}
.indexAbout .contBox .txt{font-size: 16px;line-height: 36px;color: #333333;margin-top: 50px;}
.indexAbout .contBox .more{display: block;font-size: 16px;line-height: 40px;color: #146eaf;margin-top: 90px;}
.indexAbout .contBox .more i{display: inline-block;vertical-align: middle;margin-left: 8px;transform: translateY(-1px);}
.indexAbout .img{width: 43%;float: right;transform: scale(0);opacity: 0;transition: all 0.8s ease;}
.indexAbout .img img{width: 100%;display: block;}
@media (max-width: 1360px){
.indexAbout .contBox .title{font-size: 32px;line-height: 32px;}
.indexAbout .contBox .txt{font-size: 14px;line-height: 32px;margin-top: 40px;}
.indexAbout .contBox .more{font-size: 14px;line-height: 32px;margin-top: 70px;}
.indexAbout .contBox .more i{font-size: 14px;}
}
/* section7 */
.section7{background: url('../images/home/form_bg.jpg') center center no-repeat;background-size: cover;}
.indexForm{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -43%);}
.indexForm .img{float: left;width: 50%;height: 520px;background-size: cover !important;transform: translateX(-100px);opacity: 0;transition: all 0.8s ease;}
.indexForm .demand{width: 50%;height: 520px;float: right;padding: 46px 60px;background-color: #fff;transform: translateX(100px);opacity: 0;transition: all 0.8s ease;}
.indexForm .demand .title{font-size: 30px;line-height: 30px;color: #146eaf;text-align: center;}
.indexForm .demand form{width: 100%;margin-top: 40px;}
.indexForm .demand form label{width: 100%;height: 100%;position: relative;display: block;}
.indexForm .demand form span{display: inline-block;color: #999;font-size: 16px;line-height: 56px;position: absolute;top: 0;left: 20px;}
.indexForm .demand form .row{float: left;width: 48.5%;height: 56px;background-color: #f1f4f5;margin-right: 3%;margin-bottom: 3%;}
.indexForm .demand form .row:nth-of-type(2n){margin-right: 0;}
.indexForm .demand form .row input{width: 100%;height: 56px;line-height: 56px;padding: 0 20px;color: #333;font-size: 16px;}
.indexForm .demand form .row1{float: left;width: 100%;height: 120px;background-color: #f1f4f5;}
.indexForm .demand form .row1 textarea{width: 100%;height: 120px;line-height: 26px;padding: 15px 20px;color: #333;font-size: 16px;}
.indexForm .demand form .btn{float: left;display: block;width: 100%;height: 56px;background-color: #146eaf;color: #fff;font-size: 16px;cursor: pointer;margin-top: 30px; border: 0; transition: all 0.6s ease;}
.indexForm .demand form .btn:hover{background-color: #a2cb0e;}
@media (max-width: 1360px){
.indexForm .img{height: 420px;}
.indexForm .demand{height: 420px;padding: 36px 60px;}
.indexForm .demand .title{font-size: 24px;line-height: 30px;}
.indexForm .demand form{margin-top: 30px;}
.indexForm .demand form span{font-size: 14px;line-height: 46px;left: 15px;}
.indexForm .demand form .row{height: 46px;margin-right: 3%;margin-bottom: 3%;}
.indexForm .demand form .row input{height: 46px;line-height: 46px;padding: 0 15px;font-size: 14px;}
.indexForm .demand form .row1{height: 100px;}
.indexForm .demand form .row1 textarea{height: 100px;line-height: 26px;padding: 10px 15px;font-size: 14px;}
.indexForm .demand form .btn{height: 46px;margin-top: 20px;}
}
.indexSlogan{width: 100%;background-color: #000000;padding: 54px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.indexSlogan .info{float: left;transform: translateX(-100px);opacity: 0;transition: all 0.8s ease;}
.indexSlogan .info h3{font-size: 36px;font-weight: bold;line-height: 40px;color: #ffffff;}
.indexSlogan .info p{font-size: 16px;line-height: 26px;color: #ffffff;margin-top: 14px;}
.indexSlogan .more{width: 150px;height: 48px;background-color: #146eaf;border-radius: 2px;font-size: 16px;line-height: 48px;color: #ffffff;float: right;text-align: center;margin-top: 16px;transform: translateX(100px);opacity: 0;transition: all 0.8s ease;}
.indexSlogan .more:hover{background-color: #a2cb0e;}
@media (max-width: 1360px){
.indexSlogan{padding: 24px 0;}
.indexSlogan .info h3{font-size: 30px;line-height: 40px;}
.indexSlogan .info p{font-size: 14px;line-height: 20px;margin-top: 10px;}
.indexSlogan .more{width: 130px;height: 40px;line-height: 40px;margin-top: 15px;}
}

.footer{width: 100%;position: relative;background-color: #000;padding: 90px 0 80px;}
.footer dl{float: left;padding-left: 7%;padding-bottom: 20px;border-right: 1px solid rgba(255, 255, 255, 0.12);}
.footer dl:first-child{padding-left: 0;width: 41%;}
.footer dl:nth-child(2){width: 18%;}
.footer dl:nth-child(3){width: 41%;border-right: none;}
.footer dl dt{position: relative;padding-bottom: 24px;}
.footer dl dt a{display: inline-block;font-size: 20px;line-height: 24px;color: #ffffff;}
.footer dl dt::after{content: '';width: 36px;height: 3px;background-color: #146eaf;position: absolute;bottom: 0;left: 0;}
.footer dl dd{width: 100%;margin-top: 36px;}
.footer dl dd ul{display: inline-block;vertical-align: top;width: 100%;margin-right: 5%;}
.footer dl dd a{font-size: 14px;line-height: 18px;display: inline-block;margin: 0 0 20px;color: #aaa;}
.footer dl dd a:hover{color: #fff;}
.footer dl dd .img{width: 130px;height: 130px;display: inline-block;vertical-align: top;}
.footer dl dd .img img{width: 100%;display: block;}
.footer dl dd .tit{display: inline-block;vertical-align: top;margin-left: 40px;}
.footer dl dd .tit .p1{font-family: Poppins;font-size: 30px;line-height: 40px;color: #fafdff;margin: 8px 0 15px;}
.footer dl dd .tit .p1 i{display: inline-block;vertical-align: middle;font-size: 40px;margin-right: 10px;transform: translateY(-1px);}
.footer dl dd .tit .p2{font-size: 14px;line-height: 30px;color: #aaa;}
.footer dl:first-child dd ul{width: 45%;}
@media (max-width: 1680px){
.footer{padding: 40px 0 30px;}
.footer dl{padding-left: 6%;padding-bottom: 20px;}
.footer dl:first-child{width: 39%;}
.footer dl:nth-child(2){width: 17%;}
.footer dl:nth-child(3){width: 43%;}
.footer dl dt{padding-bottom: 24px;}
.footer dl dt a{font-size: 18px;line-height: 22px;}
.footer dl dd{width: 100%;margin-top: 36px;}
.footer dl dd ul{margin-right: 5%;}
.footer dl dd a{font-size: 14px;line-height: 18px;margin: 0 0 20px;}
.footer dl dd .img{width: 100px;height: 100px;}
.footer dl dd .tit{margin-left: 40px;}
.footer dl dd .tit .p1{font-size: 24px;line-height: 30px;margin: 0 0 15px;}
.footer dl dd .tit .p1 i{font-size: 28px;}
.footer dl dd .tit .p2{font-size: 14px;line-height: 28px;}
}
.copyRight{width: 100%;background-color: #000000;padding: 15px 0;border-top: 1px solid rgba(255, 255, 255, 0.12);}
.copyRight .wrap{font-size: 12px;line-height: 24px;color: #999;text-align: center;}
.copyRight .wrap a{color: #999;}
.copyRight .wrap a:hover{color: #fff;}
@media (max-width: 1360px){
    .copyRight{padding: 12px 0;}
}
.active .indexProduct .title,
.active .indexProduct .productsBox{transform: translateY(0);transition-delay: 0.5s;opacity: 1;}
.active .indexSolution .title{transform: translateY(0);transition-delay: 0.5s;opacity: 1;}
.active .indexSolution .solutionBox .hd,
.active .indexSolution .solutionBox .bd{transform: translateX(0);transition-delay: 0.5s;opacity: 1;}
.active .indexApplication .title,
.active .indexApplication ul{transform: translateY(0);transition-delay: 0.5s;opacity: 1;}
.active .indexNews .title,
.active .indexNews ul{transform: translateY(0);transition-delay: 0.5s;opacity: 1;}
.active .indexAbout .contBox{transform: translateX(0);transition-delay: 0.5s;opacity: 1;}
.active .indexAbout .img{transform: scale(1);transition-delay: 0.5s;opacity: 1;}
.active .indexForm .img,
.active .indexForm .demand{transform: translateX(0);transition-delay: 0.5s;opacity: 1;}
.active .indexSlogan .info,
.active .indexSlogan .more{transform: translateX(0);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexProduct .title{transform: translateY(-100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexProduct .productsBox{transform: translateY(100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexSolution .title{transform: translateY(-100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexSolution .solutionBox .hd{transform: translateX(-100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexSolution .solutionBox .bd{transform: translateX(100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexApplication .title{transform: translateY(-100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexApplication ul{transform: translateY(100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexNews .title{transform: translateY(-100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexNews ul{transform: translateY(100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexAbout .contBox{transform: translateX(-100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexAbout .img{transform: scale(0);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexForm .img{transform: translateX(-100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexForm .demand{transform: translateX(100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexSlogan .info{transform: translateX(-100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexSlogan .more{transform: translateX(100%);transition-delay: 0.5s;opacity: 1;}