@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
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}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none;}
ul,li,ol{list-style:none;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";font-size:12px;}
table{width: 100%;border-collapse:collapse;border:none;}
table tr,table td{max-width: 100%;border:none;}

.scrollbar::-webkit-scrollbar{width:2px; background:#eee;}/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#02499d;}/*  滚动条里面可以拖动的那部分 */
.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{display: table;font-size: 0;text-align: left;}
.tRight{display: table;font-size: 0;text-align: right;}
.tCenter{display: table;font-size: 0;text-align: center;}
/*ellipsis*/
.ellipsis1{text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.ellipsis2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.ellipsis3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.ellipsis4{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.ellipsis5{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}

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


/* header */
.header{width: 100%;padding: 20px 0;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 99;transition: all 0.6s ease;}
.header .wrap { position: relative;}
.header .logo{display: block;float: left;}
.header .logo img{display: block;height: 60px; }
.navBox{max-width:calc(100% - 280px);float: right;margin-top: 8px;}
.navBox .nLi{display: inline-block;vertical-align: top;position: relative;margin-left: 70px;}
.navBox .nLi h3 a{display:block;line-height:24px;font-size:16px;color:#333;font-weight: normal;padding: 10px 0;transition: all 0.6s ease;}
.navBox .nLi:hover h3 a,.navBox .nLi#on h3 a{color: #02499d; font-weight: bold;}
.navBox .nLi .sub{display:none;width: 140px;position:absolute;top:44px;transform: translateX(-50%);left: 50%;z-index: 3;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.navBox .nLi .sub>li{border-bottom: 1px solid #eee;}
.navBox .nLi .sub>li:last-child{border-bottom: none;}
.navBox .nLi .sub>li>a{display:block;text-align: center;font-size: 14px;line-height: 20px;color: #333;padding:12px 8px;box-sizing: border-box;transition: all 0.6s ease;}
.navBox .nLi .sub>li>a:hover,.navBox .nLi .sub>li>a.on{background-color: #02499d;color: #fff;}
.header .tel{ position: absolute; right: 0;padding-left: 50px; top: 50%; transform: translateY(-50%);}
.header .tel .iconfont{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; line-height: 36px; text-align: center; border: solid 1px #02499d; border-radius: 50%; overflow: hidden; font-size: 26px; color: #02499d;}
.header .tel p{ font-size: 14px; color: #666;}
.header .tel h4{  font-size: 28px; color: #02499d; }
.header .language{ display: inline-block;vertical-align: top;position: relative;margin:6px 0 0 40px; height: 32px;  border: solid 1px #eee; box-sizing: border-box;}
.header .language a{float: left; display: inline-block; height: 30px; width: 36px; text-align: center; font-size: 14px; color: #333; padding: 0 ; line-height: 30px; text-transform: uppercase;}
.header .language a.on{ color: #fff; background-color: #02499d;}
.is-fixed{padding: 10px 0;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
@media (max-width: 1680px){
    .navBox .nLi{margin-left:40px; }
    
}

/*indexBanner*/
.indexBanner{width: 100%; margin: 100px auto 0 !important; position: relative;}
.indexBanner .swiper-slide .box{width: 100%;overflow: hidden;position: relative;}
.indexBanner .swiper-slide .box video{width:auto;height: auto; min-width: 100%; min-height: 100%; object-fit: fill; position: relative;}
.indexBanner .swiper-slide .box::after{ content: ''; width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.6); top: 0; left: 0; z-index: 1;}
.indexBanner .swiper-slide .box1{width: 100%;overflow: hidden;background-size: cover !important;}
.indexBanner .swiper-slide .box1 img{ width: 100%; display: block;}
.indexBanner .swiper-slide .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); z-index: 3;}
.indexBanner .swiper-slide .t1{font-size: 84px;font-weight: bold;color: #ffffff;text-align: center;}
.indexBanner .swiper-slide .t2{font-size: 20px;color: #ffffff;letter-spacing: 38px;text-align: center;padding-left: 38px;}
.indexBanner .swiper-slide .a{display: block;width: 178px;height: 48px;border-radius: 2px;border: solid 1px #ffffff;font-size: 16px;line-height: 48px;color: #ffffff;text-align: center;margin: 6% auto 0;transition: all 0.6s ease;}
.indexBanner .swiper-slide .a:hover{background-color: #02499d;border-color: #02499d;}
.indexBanner .pagination{width: 100%;position: absolute;left: 0;bottom:40px;text-align: center;z-index: 2;}
.indexBanner .swiper-pagination-switch{display: inline-block;width: 18px;height: 18px;border: 1px solid #fff;opacity: 0.6;margin: 0 16px;cursor: pointer;position: relative; transition: all 0.6s ease;}
.indexBanner .swiper-pagination-switch::after{content: ''; width: 0;height: 0;width: 8px;height: 8px;background-color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0.6;transition: all 0.6s ease;}
.indexBanner .swiper-active-switch,.indexBanner .swiper-active-switch::after{opacity: 1;}
.indexBanner .icon-jiantou{font-size: 40px;color: #fff;position: absolute;top: 50%;z-index: 2;transition: all 0.6s ease;}
.indexBanner .arrow-left{transform: rotateY(-180deg) translateY(-50%);left: 4%;}
.indexBanner .arrow-right{transform:translateY(-50%);right: 4%;}
.indexBanner .icon-jiantou:hover{color: #02499d;}

/* indexTitle */
.indexTitle{text-align: center;}
.indexTitle .t1{font-weight: bold;font-size: 48px;line-height: 28px;color: #f7f7f7;text-transform: uppercase;}
.indexTitle .t2{font-size: 40px;color: #333333;line-height: 40px;margin-top: -20px;}
.indexTitle .t3{font-size: 16px;color: #999999;margin-top: 16px;line-height: 20px;}

/* indexProduct */
.indexProduct{width: 100%;background-color: #fff;padding: 80px 0 70px;overflow: hidden;}
.indexProduct ul{width: 100%;margin-top: 50px;}
.indexProduct ul li{float: left;width: 33.8%;height: 400px;margin-left: 0.7%;margin-bottom: 10px;background-color: #ecf0f5;background-size: cover !important;position: relative;cursor: pointer; overflow: hidden;}
.indexProduct ul li:nth-child(1){width: 65.5%;margin-left: 0%;}
.indexProduct ul li:nth-child(3){width: 31%;margin-left: 0%;}
.indexProduct ul li:nth-child(4),.indexProduct ul li:nth-child(7){background-color: rgba(222, 230, 233, 0.6);}
.indexProduct ul li:nth-child(n+4){height: 196px;}
.indexProduct ul li:nth-child(1) .cont{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;padding: 0 5%;box-sizing: border-box;}
.indexProduct ul li:nth-child(2) .cont{text-align: center;margin: 35px 0 20px;}
.indexProduct ul li:nth-child(3) .cont{margin: 75px 0 0 5%;}
.indexProduct ul li:nth-child(n+4) .cont{margin: 60px 0 0 5%;}
.indexProduct ul li .t1{font-size: 16px;color: #ffffff;}
.indexProduct ul li .t2{font-size: 30px;color: #ffffff;margin: 10px 0 28px;}
.indexProduct ul li .a1{display: block;width: 158px;height: 48px;border-radius: 2px;border: solid 1px #ffffff;font-size: 16px;line-height: 48px;color: #ffffff;text-align: center;transition: all 0.6s ease;}
.indexProduct ul li .t3{font-size: 26px;color: #333;margin-bottom: 10px;}
.indexProduct ul li .a2{display: inline-block;font-size: 16px;color: #333;transition: all 0.6s ease;}
.indexProduct ul li .a1:hover{background-color: #02499d;border-color: #02499d;}
.indexProduct ul li .a2:hover{color: #02499d;}
.indexProduct ul li:nth-child(2) .img{width: 55%;margin: 4% auto 0;}
.indexProduct ul li:nth-child(3) .img{width: 60%;position: absolute;top: 80px;right: 5%;}
.indexProduct ul li:nth-child(n+4) .img{width: 32%;position: absolute;top: 50%;right: 8%;transform: translateY(-50%);}
.indexProduct ul li:nth-child(4) .img{width: 46%;}
.indexProduct ul li:nth-child(5) .img{width: 46%;}
.indexProduct ul li:nth-child(6) .img{width: 46%;}
.indexProduct ul li img{width: 100%;display: block;transition: all 0.6s ease;}
.indexProduct ul li:hover img{transform: scale(1.04);}

/* indexSolution */
.indexSolution{width:100%;position: relative;height: 800px;overflow: hidden;}
.indexSolution .indexTitle{position: absolute;top: 100px;left: 0;right: 0;margin:auto;z-index: 3;width: 75%;min-width: 1200px;}
.indexSolution .indexTitle .t1{color: #fff;opacity: 0.05;}
.indexSolution .indexTitle .t2{color: #fff;}
.indexSolution .indexTitle .t3{color: #fff;}
.indexSolution .hd{width: 75%;min-width: 1200px;position:absolute;top: 230px;left: 50%;transform: translateX(-50%);z-index: 3;}
.indexSolution .hd ul{width: 100%;}
.indexSolution .hd ul li{float:left;cursor:pointer;width: 22%;height: 400px;margin-right: 2%;border-radius: 2px;border: 1px solid rgba(255, 255, 255, 0.6);box-sizing: border-box;position: relative;transition: all 0.6s ease;}
.indexSolution .hd ul li:last-child{margin-right: 0;}
.indexSolution .hd ul li .cont{width: 100%;height: 100%;position: relative;z-index: 2;overflow: hidden;}
.indexSolution .hd ul li img{width: 100px;display: block;margin: 90px auto;transition: all 0.6s ease;}
.indexSolution .hd ul li .tit{font-size: 18px;color: #ffffff;text-align: center;width: 84%;margin: 0 auto 26px;border-top: 1px solid rgba(255, 255, 255, 0.38);padding: 40px 0 20px;position: relative;transition: all 0.6s ease;}
.indexSolution .hd ul li .tit::after{content: '';width: 80px;height: 2px;background-color: rgba(255, 255, 255, 0.8);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);opacity: 0;transition: all 0.6s ease;}
.indexSolution .hd ul li .txt{font-size: 16px;line-height: 32px;color: #ffffff;text-align: center;width: 82%;margin: 0 auto;}
.indexSolution .hd ul li .txt .info{height: 64px;overflow: hidden;}
.indexSolution .hd ul li .txt img{ max-width: 100%; display: none;}
.indexSolution .hd ul li .a{display: block;	width: 180px;height: 48px;background-color: #02499d;border-radius: 2px;font-size: 16px;line-height: 48px;text-align: center;color: #ffffff;position: absolute;left: 50%;transform: translateX(-50%);bottom: -23px;opacity: 0;z-index: 3;transition: all 0.6s ease;}
.indexSolution .hd ul li .a:hover{background-color: #fff;color: #02499d;}
.indexSolution .hd ul li.on{width: 52%;border: 2px solid rgba(255, 255, 255, 0.48);background-color: rgba(255, 255, 255, 0.05);}
.indexSolution .hd ul li.on .cont::after{content: '';width: 100%;height: 100%;filter:blur(20px);-webkit-filter:blur(20px);-moz-filter:blur(20px);-ms-filter:blur(20px);-o-filter:blur(20px);background-color: rgba(255, 255, 255,0.05);position: absolute;top: 0;left: 0;z-index: -1;}
.indexSolution .hd ul li.on .a{opacity: 1;}
.indexSolution .hd ul li.on img{margin: -110px auto 60px; transform: scale(0);}
.indexSolution .hd ul li.on .tit{border-top: 1px solid rgba(255, 255, 255, 0);font-size: 26px;}
.indexSolution .hd ul li.on .tit::after{opacity: 1;}
.indexSolution .bd .img{width: 100%;overflow: hidden;position: relative;height: 800px;background-size: cover;}
.indexSolution .bd .img::after{content: '';width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);position: absolute;top: 0;left: 0;}

/* indexApplication */
.indexApplication{width: 100%;padding: 80px 0 0;overflow: hidden;}
.indexApplication .box{width: 100%;margin-top: 50px;position: relative;background-color: #000;}
.indexApplication .box .pic{display: block;width: 100%;}
.indexApplication .box ul{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.indexApplication .box ul li{position: absolute;cursor: pointer;}
.indexApplication .box ul li.l1{bottom: 31%;left: 20%;}
.indexApplication .box ul li.l2{bottom:15%;left: 33.5%;}
.indexApplication .box ul li.l3{bottom: 59.5%;right: 49.5%;}
.indexApplication .box ul li.l4{bottom: 71.5%;right: 35.5%;}
.indexApplication .box ul li.l5{bottom:44.2%;right: 28.6%;}
.indexApplication .box ul li.l6{bottom: 37.5%;right: 16%;}
.indexApplication .box ul li .contBox{display: flex;align-items: flex-start;justify-content: flex-start;transition: all 0.6s ease;}
.indexApplication .box ul li .img{width: 64px;height: 64px;overflow: hidden;position: relative;z-index: 1;transition: all 0.6s ease;}
.indexApplication .box ul li .img::after{content: '';width: 100%;height: 100%;background: url('../images/application_bg01.png') center center no-repeat;background-size: 100% 100%;position: absolute;top: 0;left: 0;z-index: -1;animation: rotate 12s linear 0s infinite normal;}
@keyframes rotate{0%{transform: rotate(0deg);} 100%{transform: rotate(720deg);}}
.indexApplication .box ul li .img img{width: 30px;display: block;margin: 50% auto 0;transform: translateY(-50%);}
.indexApplication .box ul li .cont{width: 250px;padding: 20px 30px;margin-left: 138px;margin-top: -40px;background: url('../images/application_bg02.png') center center no-repeat;background-size: 100% 100%;position: relative;display: none;}
.indexApplication .box ul li .cont::after{content: '';width: 104px;height: 9px;background: url('../images/application_solid.png') center left no-repeat;background-size: auto 100%;position: absolute;top: 50%;left: -104px;transform: translateY(-50%);}
.indexApplication .box ul li .cont::before{content: '';width: 7px;height: 7px;background-color: rgba(255, 255, 255, 0.58);position: absolute;top: 50%;left: -3px;transform: translateY(-50%);margin-top: -4px;}
.indexApplication .box ul li.l3 .cont,.indexApplication .box ul li.l4 .cont,.indexApplication .box ul li.l5 .cont,.indexApplication .box ul li.l6 .cont{margin-left: 0;margin-right: 138px;}
.indexApplication .box ul li.l3 .cont::after,.indexApplication .box ul li.l4 .cont::after,.indexApplication .box ul li.l5 .cont::after,.indexApplication .box ul li.l6 .cont::after{right: -104px;transform: translateY(-50%) rotateY(180deg);left: auto;}
.indexApplication .box ul li.l3 .cont::before,.indexApplication .box ul li.l4 .cont::before,.indexApplication .box ul li.l5 .cont::before,.indexApplication .box ul li.l6 .cont::before{right: -3px;left: auto;}
.indexApplication .box ul li .cont .t1{font-size: 22px;color: #ffffff;line-height: 30px;}
.indexApplication .box ul li .cont .a{display: inline-block;font-size: 16px;color: #ffffff;line-height: 16px;margin-top: 10px;}
.indexApplication .box ul li .cont .a:hover{color: #e77817;}
.indexApplication .box ul li .dot{float: right; width: 2px;height: 40px;background-color: rgba(255, 255, 255, 0.3);position: relative;transition: all 0.6s ease; margin-right: 31px;}
.indexApplication .box ul li.l1 .dot,.indexApplication .box ul li.l2 .dot{float: left;margin-left: 31px;margin-right: 0;}
.indexApplication .box ul li .dot::after{content: '';width: 14px;height: 14px;background-color: rgba(255, 255, 255, 0.33);border-radius: 50%;position: absolute;bottom: -14px;left: 50%;transform: translateX(-50%);}
.indexApplication .box ul li .dot::before{content: '';width: 8px;height: 8px;border-radius: 50%;background-color: #fff;position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);}
.indexApplication .box ul li:hover .contBox{transform: translateY(-38px);}
.indexApplication .box ul li:hover .img{transform: scale(2.2);}
.indexApplication .box ul li:hover .cont{display: block;}
.indexApplication .box ul li:hover .dot{height: 60px;}
@media (max-width: 1680px){
    .indexApplication .box ul li:nth-child(4):hover .contBox{transform: translateY(-20px);}
}
@media (max-width: 1600px){
    .indexApplication .box ul li:hover .img{transform: scale(2);}
    .indexApplication .box ul li:hover .contBox{transform: translateY(-30px);}
    .indexApplication .box ul li:nth-child(4):hover .contBox{transform: translateY(-10px);}
    .indexApplication .box ul li .cont{margin-left: 132px;}
    .indexApplication .box ul li:nth-child(n+3) .cont{margin-right: 132px;}
}
@media (max-width: 1440px){
    .indexApplication .box ul li:nth-child(4):hover .contBox{transform: translateY(0px);}
}
@media (max-width: 1366px){
    .indexApplication .box ul li:hover .img{transform: scale(1.6);}
    .indexApplication .box ul li:hover .contBox{transform: translateY(-18px);}
    .indexApplication .box ul li:nth-child(4):hover .contBox{transform: translateY(30px);}
    .indexApplication .box ul li .cont{margin-left: 118px;}
    .indexApplication .box ul li:nth-child(n+3) .cont{margin-right: 118px;}
}


/* indexAbout */
.indexAbout{width: 100%;padding: 120px 0;overflow: hidden;background-color: #fff;}
.indexAbout .indexTitle{text-align: left;}
.indexAbout .cont{width: 45%;float: left;padding-top: 1%;}
.indexAbout .cont .txt{font-size: 16px;line-height: 36px;color: #333333;max-height: 108px;overflow: hidden;margin: 10% 0 12%;}
.indexAbout .cont a{display: block;width: 178px;height: 48px;border: 1px solid #02499d;border-radius: 2px;font-size: 16px;line-height: 48px;color: #02499d;text-align: center;transition: all 0.6s ease;}
.indexAbout .cont a:hover{background-color: #02499d;color: #fff;}
.indexAbout .img{float: right;width: 51%;}
.indexAbout .img img{width: 100%;display: block;}

/* indexCase */
.indexCase{width: 100%;background: url('../images/case_bg.jpg') center center no-repeat;background-size: cover;padding: 80px 0;overflow: hidden;}
.indexCase .indexTitle .t1{color: #fff;opacity: 0.05;}
.indexCase .indexTitle .t2{color: #fff;}
.indexCase .indexTitle .t3{color: #fff;}
.indexCase .box{width: 100%;position: relative;margin-top: 60px;}
.indexCase .box .caseBox{width: 66%;margin: 0 !important;height: 600px !important;}
.indexCase .box .caseBox .swiper-slide{height: 600px !important;}
.indexCase .box .aboutTabs{width: 32%;position: absolute;top: 0;right: 0;z-index: 2;}
.indexCase .box .aboutTabs>a{display: block;width: 100%;height: 194px;background-color: #fff;padding: 65px 8%;box-sizing: border-box;}
.indexCase .box .aboutTabs>a:nth-child(2){margin:9px 0;}
.indexCase .box .aboutTabs>a .icon-gongsi{float: left;width: 64px;height: 64px;border-radius: 50%;background-color: rgba(2, 73, 157, 0.11);color: #02499d;font-size: 30px;line-height: 64px;text-align: center;}
.indexCase .box .aboutTabs>a .tit{float: left;margin-left: 6%;}
.indexCase .box .aboutTabs>a .tit .t1{font-size: 26px;line-height: 34px;color: #333333;margin-top: 4px;}
.indexCase .box .aboutTabs>a .tit .t2{margin-top: 3px;}
.indexCase .box .aboutTabs>a .tit .icon-dizhi{color: #333;font-size: 20px;float: left;line-height: 20px;}
.indexCase .box .aboutTabs>a .tit .p{font-size: 14px;line-height: 20px;color: #333333;float: left;margin-left: 6px;}
.indexCase .box .aboutTabs>a.active{background-color: #02499d;}
.indexCase .box .aboutTabs>a.active .icon-gongsi{background-color: #fff;}
.indexCase .box .aboutTabs>a.active .tit .t1,.indexCase .box .aboutTabs>a.active .tit .icon-dizhi,
.indexCase .box .aboutTabs>a.active .tit .p{color: #fff;}
.indexCase .box .caseImg{width: 100%;position: relative;height:600px !important;}
.indexCase .box .caseImg .swiper-slide .img{width: 100% !important; height: 600px !important; overflow: hidden;}
.indexCase .box .caseImg .swiper-slide .img img{display: block;height: 100%;margin-left: 50%;transform: translateX(-50%);}
.indexCase .box .caseImg .icon-jiantou{font-size: 40px;color: #fff;position: absolute;top: 50%;z-index: 2;transition: all 0.6s ease;}
.indexCase .box .caseImg .left{transform: rotateY(-180deg) translateY(-50%);left: 4%;}
.indexCase .box .caseImg .right{transform:translateY(-50%);right: 4%;}
.indexCase .box .caseImg .icon-jiantou:hover{color: #02499d;}

/* indexNews */
.indexNews{width: 100%;background: url('../images/news_bg.jpg') bottom center no-repeat;background-size: cover;padding: 80px 0 170px;overflow: hidden;}
.indexNews .box{width: 100%;background-color: #fff;padding: 60px 3% 80px;box-sizing: border-box;}
.indexNews .contBox{width: 100%;margin-top: 50px;position: relative;overflow: hidden;}
.indexNews .imgBox{width: 48%;display: block;position: relative;overflow: hidden;}
.indexNews .imgBox img{width: 100%;display: block;transition: all 0.6s ease;}
.indexNews .imgBox .cont{width: 100%;background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));position: absolute;bottom: 0;left: 0;padding:6% 5% 4%;box-sizing: border-box;}
.indexNews .imgBox .cont .time{color: #fff;font-size: 16px;}
.indexNews .imgBox .cont .tit{color: #fff;	font-size: 18px;margin: 3% 0 2%;}
.indexNews .imgBox .cont .txt{color: #fff;	font-size: 16px;}
.indexNews .imgBox:hover img{transform: scale(1.05);}
.indexNews ul{width: 48%;position: absolute;top: 0;right: 0;height: 100%;}
.indexNews ul li{width: 100%;border-bottom: 1px dashed rgba(0, 0, 0, 0.16);height: 28%;margin-bottom: 5%;box-sizing: border-box;}
.indexNews ul li:last-child{margin-bottom: 0;}
.indexNews ul li .time{float: left;font-size: 48px;color: #333;text-align: center;margin-right: 3%;}
.indexNews ul li .time p{font-size: 16px;}
.indexNews ul li .cont{float: left;padding-left: 3%;border-left: 1px solid #eee;margin-top: 8px;width: 82%;}
.indexNews ul li .cont .tit{font-size: 18px;color: #333333;line-height: 28px;margin: 0 0 8px;transition: all 0.6s ease;}
.indexNews ul li .cont .txt{font-size: 16px;color: #999;line-height: 26px;transition: all 0.6s ease;}
.indexNews ul li:hover .time,.indexNews ul li:hover .tit{color: #02499d;}

/*footer*/
.footer{width: 100%;background-color: #000;padding-top: 70px;overflow: hidden;}
.footer .left{float: left;width: 30%;}
.footer .left .logo{display: block;margin-bottom:30px;}
.footer .left .logo img{display: block;height: 60px;}
.footer .left .txt{font-size: 14px;color: #b7b7b7;width: 100%;line-height: 20px;margin-top: 10px;}
.footer .left .abox{margin-top: 30px;}
.footer .left .abox .a{float: left;position: relative;}
.footer .left .abox .a .img{width: 120px;height: 120px;position: absolute;bottom: 46px;left: 50%;transform: translateX(-50%);display: none;}
.footer .left .abox .a .img img{width: 120px;display: block;}
.footer .left .abox .a .img::after{content: '';width: 0;height: 0;border-top: 6px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;bottom: -6px;left: 50%;transform: translateX(-50%);}
.footer .left .abox .a:hover .img{display: block;}
.footer .left .abox a{display: block;float: left; width: 40px;height: 40px;border-radius: 50%;font-size: 20px;color: #999;line-height: 40px;text-align: center;background-color: rgba(255, 255, 255, 0.2);transition: all 0.6s ease;}
.footer .left .abox a:hover{background-color: #02499d;color: #fff;}
.footer .left .abox>a{margin-left: 20px;}
.footer .right{float: right;width: 70%;}
.footer .right dl{margin-left: 9%;display: inline-block;vertical-align: top;text-align: left;}
.footer .right dl dt a{font-size: 16px;line-height: 48px;color: #ffffff;}
.footer .right dl dd a{font-size: 14px;line-height: 30px;color: #999;}
.footer .right dl dt a:hover{color: #02499d;}
.footer .right dl dd a:hover{color: #fff;}
.footer .copyRight{width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.16);margin-top: 70px;padding: 20px 0;font-size: 14px;color: #666;}
.footer .copyRight a{color: #666;}
.footer .copyRight a:hover{color: #fff;}
@media (max-width: 1680px) {
    .footer .right dl{margin-left: 7%;}
}



/* customer */
.customer{width: 70px;position:fixed;right:0; top:50%; transform: translateY(-50%); z-index:99;}
.customer dl{width: 100%;height: 70px;position: relative; z-index: 2; margin-bottom: 1px;}
.customer dl dt{width: 70px;height: 70px; box-sizing: border-box; padding: 7px 0; color:#FFFFFF;background-color: #0a69c8;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease; text-align: center; }
.customer dl dt i{ display: inline-block; font-size:32px;}
.customer dl dt p{ font-size: 12px; margin-top: 3px;}
.customer dl:hover dt{background-color: #e77817;}
.customer dl.icon1 dd{width: 150px; text-align: center; background-color: #fff; border: solid 1px #eee; position: absolute; top: 0; right: -300px; z-index: 1; transition: all 0.6s ease; }
.customer dl.icon1 dd img{ width: 100%; display: block;  box-sizing: border-box;}
.customer dl.icon1 dd p{ font-size: 14px; margin-bottom: 8px;}
.customer dl.icon2 dd{width: 230px; height: 70px; padding: 10px 15px;box-sizing: border-box; color: #fff;font-size: 14px; line-height: 24px;background-color:rgba(0, 0, 0, 0.8); position: absolute; top: 0;right: -300px; z-index: 1; transition: all 0.5s ease;}
.customer dl.icon2 dd p{font-size: 14px; text-align: center;  line-height: 50px;}
.customer dl.icon2 dd p span{ font-size: 22px; font-weight: bold; display: inline-block; margin-right: 10px;}
.customer dl.icon3 .iconfont{transform: rotate(-90deg);}
.customer dl:hover dd{right: 70px;}

/* pageBanner */
.pageBanner{width: 100%;margin-top: 100px;overflow: hidden;position: relative;}
.pageBanner img{width: 100%;display: block;}
.pageBanner .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pageBanner .t1{font-size: 48px;color: #ffffff;text-align: center;}
.pageBanner .t2{font-size: 24px;color: #ffffff;text-align: center;margin-top: 10px;}

/* pagePosition */
.pagePosition{width: 100%;background-color: #fff;overflow: hidden;padding: 20px 0;border-bottom: 1px solid #eee;}
.pagePosition .wrap{position: relative;}
.pagePosition .wz{float: left;width: 36%;font-size: 16px;line-height: 26px;color: #999;}   
.pagePosition .wz a{color: #999;transition: all 0.6s ease;}
.pagePosition .wz span{margin: 0 5px;}
.pagePosition .wz a:hover,.pagePosition .wz a:last-child{color: #02499d;}
.pagePosition ul{width: 62%;float: right;}
.pagePosition ul li{display: inline-block;vertical-align: top;margin-left: 8%;}
.pagePosition ul li a{color: #333;font-size: 16px;line-height: 26px;display: block;transition: all 0.6s ease;}
.pagePosition ul li:hover a,.pagePosition ul li.on a{color: #02499d;}
.pagePosition .form{position: absolute;top:-6px;right: 0;width: 240px;height: 36px;	background-color: #f5f5f5;border-radius: 18px;border: solid 1px rgba(2, 2, 2, 0.08);overflow: hidden;}
.pagePosition .form .inputBox{width: 194px;height: 36px;float: left;font-size: 14px;border: none;color: #333333;padding-left: 18px;box-sizing: border-box;background-color: unset;}
.pagePosition .form .btn{border:none;background-color: unset;font-size: 20px;color: #666;line-height: 36px;padding: 0 14px 0 6px;float: right;cursor: pointer;transition: all 0.6s ease;}
.pagePosition .form .btn:hover{color: #02499d;}

/* pageContent */
.pageContent{ width: 100%; padding: 80px 0; background-color: #fff;}
.pageContent .box{ width: 100%; font-size: 16px; line-height: 36px; color: #333;}
.pageContent .box img{ max-height: 100%; height: auto !important;}

/* pageIntroduction */
.pageIntroduction{width: 100%;background-color: #f7f7f7;padding: 80px 0;overflow: hidden;}
.pageIntroduction .cont{float: left;width: 48%;}
.pageIntroduction .cont .tit{font-size: 40px;color: #333333;margin: 6% 0 4%;}
.pageIntroduction .cont .txt{font-size: 16px;line-height: 36px;color: #333333;}
.pageIntroduction .cont .txt img{ max-height: 100%; display: none;}
.pageIntroduction .img{float: right;width: 47%;overflow: hidden;}
.pageIntroduction .img img{width: 100%;display: block;}

/* pageIndustry */
.pageIndustry{width: 100%;padding: 110px 0 80px;background: url('../images/solution/palletizing_industry_bg.jpg') center center no-repeat;background-size: cover;}
.pageIndustry .tit{font-size: 40px;color: #ffffff;text-align: center;}
.pageIndustry .txt{font-size: 16px;line-height: 36px;color: #ffffff;text-align: center;margin-top: 30px;}
.pageIndustry .list{width: 100%;margin-top: 70px;}
.pageIndustry .list li{width: 24.25%;display: inline-block;vertical-align: top;margin-right: 1%;}
.pageIndustry .list li:nth-child(4n){margin-right: 0;}
.pageIndustry .list li .img{width: 100%;overflow: hidden;}
.pageIndustry .list li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageIndustry .list li .t{background-color: #fff;padding: 4%;width: 100%;box-sizing: border-box;font-size: 22px;color: #333;text-align: center;transition: all 0.6s ease;}
.pageIndustry .list li .t span{font-size: 16px;margin-left: 5%;}
.pageIndustry .list li:hover .img img{transform: scale(1.05);}
.pageIndustry .list li:hover .t{background-color: #02499d;color: #fff;}

/* pageExample */
.pageExample{width: 100%;padding: 110px 0 0;background: #f7f7f7 url('../images/solution/depot_case_bg.jpg') top center no-repeat;background-size: 100% 91%;}
.pageExample .advantage{width: 100%;margin-top: 60px;}
.pageExample .advantage li{cursor: pointer;width: 15%;display: inline-block;vertical-align: top;margin-right: 2%;padding: 50px 10px;box-sizing: border-box;background-color: #fff;font-size: 16px;line-height: 24px;color: #333333;text-align: center;transition: all 0.6s ease;box-shadow: 0px 1px 49px 0px rgba(2, 2, 2, 0.06);-webkit-box-shadow: 0px 1px 49px 0px rgba(2, 2, 2, 0.06);-moz-box-shadow: 0px 1px 49px 0px rgba(2, 2, 2, 0.06);}
.pageExample .advantage li:nth-child(6n){margin-right: 0;}
.pageExample .advantage li:hover{background-color: #02499d;color: #fff;}

/* pageLogistics */
.pageExample{background: #f7f7f7 url('../images/solution/logistics_industry_bg.jpg') top center no-repeat;background-size: 100% 91%;}

/* pageProcess */
.pageProcess{width: 100%;background-color: #fff;padding: 80px 0 90px;overflow: hidden;}
.pageProcess .title{font-size: 40px;color: #333333;text-align: center;}
.pageProcess .box{width: 100%;position: relative;margin-top: 60px;}
.pageProcess .box .solid{width: 100%;height: 1px;background-color: #eee;position: absolute;top: 20px;left: 0;}
.pageProcess ul{width: 100%;position: relative;z-index: 2;}
.pageProcess ul li{width: 33.3333%;display: inline-block;vertical-align: top;padding: 0 3%;box-sizing: border-box;}
.pageProcess ul li .num{width: 40px;height: 40px;border-radius: 50%;margin: 0 auto;background-color: #02499d;color: #fff;font-size: 18px;text-align: center;line-height: 40px;position: relative;z-index: 1;}
.pageProcess ul li .num::after{content: '';	width: 50px;height: 50px;border-radius: 50%;border: solid 1px #02499d;position: absolute;top: -6px;left: -6px;z-index: -1;}
.pageProcess ul li .txt{font-size: 16px;line-height: 36px;color: #333333;margin-top: 50px;}

/* pageMatching */
.pageMatching{width: 100%;background-color: #f7f7f7;padding: 80px 0;overflow: hidden;}
.pageMatching .title{font-size: 40px;color: #333333;text-align: center;}
.pageMatching ul{width: 100%;margin-top: 60px;}
.pageMatching ul li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;cursor: pointer;background-color: #fff;height: 520px;overflow: hidden;box-sizing: border-box;position: relative;}
.pageMatching ul li:nth-child(3n){margin-right: 0;}
.pageMatching ul li .cont{width: 100%;text-align: center;height: 85px;overflow: hidden;position: absolute;bottom: 0;left: 0;z-index: 2;transition: all 0.6s ease;}
.pageMatching ul li .cont .t1{font-size: 22px;line-height: 24px;color: #333333;padding: 30px 0;border-top: 1px solid #eee;transition: all 0.6s ease;}
.pageMatching ul li .cont .t2{padding: 0 8%;font-size: 16px;line-height: 30px;color: #333333;max-height: 390px;overflow: auto;}
.pageMatching ul li .img{width:60%;position: absolute;top: 50px;left: 50%;transform: translate(-50%,0);overflow: hidden;transition: all 0.6s ease;}
.pageMatching ul li .img img{width: 100%;display: block;}
.pageMatching ul li:hover .cont{bottom: 50%;transform: translateY(50%);height: auto;}
.pageMatching ul li:hover .cont .t1{border-top: none;height: auto;padding: 0 0 20px;}
.pageMatching ul li:hover .img{width: 70%;top: 50%;transform: translate(-50%,-50%);opacity: 0.1;}

/* pageSystem */
.pageSystem{width: 100%;background-color: #f7f7f7;overflow: hidden;padding-bottom: 100px;}
.pageSystem .title{float: left;	font-size: 40px;line-height: 40px;color: #333333;}
.pageSystem .tabs{float: right;width: 80%;margin-top: 5px;display: table;font-size: 0;text-align: right;}
.pageSystem .tabs a{display: inline-block;vertical-align: top;font-size: 20px;line-height: 30px;color: #999999;margin-left: 5%;position: relative;padding-left: 20px;}
.pageSystem .tabs a::after{content: '';	width: 9px;height: 9px;border-radius: 50%;border: solid 1px #999999;position: absolute;top: 10px;left: 0;}
.pageSystem .tabs a.active {color: #02499d;}
.pageSystem .tabs a.active::after{border-color: #02499d;}
.pageSystem .systemBox{width: 100%;margin-top: 60px;}
.pageSystem .systemBox .contBox{width: 100%;background-color: #fff;position: relative;overflow: hidden;}
.pageSystem .systemBox .contBox .imgBox{width: 50%;position: relative;background-color: #02499d;margin-left: 1px;}
.pageSystem .systemBox .contBox .imgBox img{width: 100%;display: block;}
.pageSystem .systemBox .contBox .cont{width: 50%;padding: 0 2% 0 2%;box-sizing: border-box;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.pageSystem .systemBox .contBox .cont .txt{font-size: 16px;line-height: 36px;color: #333333;max-height: 280px;overflow: auto;}
.pageSystem .systemBox .contBox .cont .t{font-size: 18px;color: #02499d;margin: 4% 0 2%;}
.pageSystem .systemBox .contBox .cont ul{width: 100%;max-height: 133px;overflow: auto;padding-right: 4px;}
.pageSystem .systemBox .contBox .cont ul li{width: 19%;display: inline-block;vertical-align: top;background-color: #02499d;border-radius: 3px;font-size:14px;line-height: 26px;padding: 6px 0;color: #ffffff;text-align: center;margin-right: 1%;margin-bottom: 1%;}
@media (max-width: 1680px) {
    .pageSystem .systemBox .contBox .cont .txt{font-size: 14px;line-height: 30px;max-height: 210px;}
    .pageSystem .systemBox .contBox .cont .t{font-size: 16px;}
    .pageSystem .systemBox .contBox .cont ul{max-height: 124px;}
    .pageSystem .systemBox .contBox .cont ul li{font-size: 14px;line-height: 24px; text-align: center;}
}


/* pageNav */
.pageNav{width: 100%;}
.pageNav li{float: left;width: auto;margin-right: 20px;}
.pageNav li a{width: 100%;display: flex;align-items: center;justify-content: center;border-radius: 2px;padding: 8px 10px;border: solid 2px rgba(0, 0, 0, 0.12);box-sizing: border-box;transition: all 0.6s ease;}
.pageNav li .img{width: 30px;height: 30px;overflow: hidden;}
.pageNav li .img img{width: 30px;display: block;transition: all 0.6s ease;}
.pageNav li .t{font-size: 16px;line-height: 30px;color: #02499d;margin-left: 15px;transition: all 0.6s ease;}
.pageNav li:hover a,.pageNav li.on a{background-color: #02499d;border-color: #02499d;}
.pageNav li:hover .img img,.pageNav li.on .img img{filter: grayscale(1000%) brightness(1000%);}
.pageNav li:hover .t,.pageNav li.on .t{color: #fff;}

/* pageProduct */
.pageProduct{width: 100%;background-color: #f7f7f7;overflow: hidden;padding: 80px 0 100px;}
.pageProduct .productList{width: 100%;margin-top: 60px;}
.pageProduct .productList li{display: inline-block;vertical-align: top;width: 22%;margin-right: 4%;margin-bottom: 4%;cursor: pointer;background-color: #fff;height: 410px;box-sizing: border-box;position: relative;transition: all 0.6s ease;}
.pageProduct .productList li:nth-child(4n){margin-right: 0;}
.pageProduct .productList li a{ display: inline-block;}
.pageProduct .productList li .cont{width: 100%;text-align: center;position: absolute;top: 46px;left: 0;z-index: 2;transition: all 0.6s ease;}
.pageProduct .productList li .cont .t1{font-size: 22px;line-height: 24px;color: #333333;}
.pageProduct .productList li .cont p{display: block;width: 160px;height: 48px;background-color: unset;border-radius: 2px;font-size: 16px;line-height: 48px;color: #333333;margin: 0 auto;transition: all 0.6s ease;}
.pageProduct .productList li .img{width:70%;position: absolute;bottom: 36px;left: 50%;transform: translate(-50%,0);overflow: hidden;transition: all 0.6s ease;}
.pageProduct .productList li .img img{width: 100%;display: block;}
.pageProduct .productList li:hover{box-shadow: 0px 1px 49px 0px rgba(2, 2, 2, 0.06);-webkit-box-shadow: 0px 1px 49px 0px rgba(2, 2, 2, 0.06);-moz-box-shadow: 0px 1px 49px 0px rgba(2, 2, 2, 0.06);}
.pageProduct .productList li:hover .cont{top: 50%;transform: translateY(-50%);}
.pageProduct .productList li:hover .cont p{background-color: #02499d;color: #fff;margin: 18px auto 0;}
.pageProduct .productList li:hover .img{width: 80%;bottom: 50%;transform: translate(-50%,50%);opacity: 0.05;}

/* pageProductD */
.pageProductD{width: 100%;background-color: #fff;padding: 80px 0;overflow: hidden;}
.pageProductD .box{width: 100%;}
.pageProductD .box .img{float: left;width: 40%;overflow: hidden;}
.pageProductD .box .img img{width: 100%;display: block;}
.pageProductD .contBox{float: right;width: 55%;}
.pageProductD .contBox .tit{font-size: 40px;color: #333333;margin-top: 4%;}
.pageProductD .contBox .txt{font-size: 16px;line-height: 34px;color: #333333;margin-top: 4%;max-height: 170px;overflow: auto;}
.pageProductD .contBox .txt img{ max-height: 100%; display: none;}
.pageProductD .contBox ul{width: 100%;border-top: 1px solid #eee;margin-top: 4%;padding-top: 3%;}
.pageProductD .contBox ul li{width: 100%;position: relative;	font-size: 16px;line-height: 24px;color: #666666;padding-left: 60px;box-sizing: border-box;margin-top: 2%;}
.pageProductD .contBox ul li .p{	width: 46px;height: 22px;border-radius: 3px;border: solid 1px #02499d;font-size: 14px;line-height: 22px;color: #02499d;text-align: center;position: absolute;top: 0;left: 0;}
.pageProductD .contBox .videoPlay{position: relative; margin-top: 5%;}
.pageProductD .contBox .videoPlay a{ display: inline-block; position: relative; border-radius: 5px; background-color: #02499d; padding: 10px 20px 10px 50px; color: #fff; font-size: 16px; line-height: 30px; transition: all 0.6s ease;}
.pageProductD .contBox .videoPlay a .iconfont{ position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-size: 28px; color: #fff;}
.pageProductD .contBox .videoPlay a:hover{ background-color: #e77817;}
/* pageDetail */
.pageDetail{width: 100%;background-color: #f7f7f7;overflow: hidden;padding: 80px 0;}
.pageDetail .box{width: 100%;font-size: 16px;color: #333;line-height: 30px;}
.pageDetail .box img{max-width: 100%;height: auto !important;}
.pageDetail .box table{width: 100%;}
.pageDetail .box table tr{border-bottom: 1px solid #fff;}
.pageDetail .box table tr:last-child{border-bottom: none;}
.pageDetail .box table tr td{width: 16.6666%;color: #333;font-size: 16px;text-align: center;line-height: 26px;padding: 15px ;background-color: rgba(233, 234, 238, 0.5);border-right: 1px solid #fff;}
.pageDetail .box table tr td span{font-size: 12px;}
.pageDetail .box table tr td:nth-child(2n){background-color: #f6e9de;}
.pageDetail .box table tr td:last-child{border-right: none;}

/* pageVideo */
.popup{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.8);z-index: 998;display: none;}
.pageVideo{width: 50%;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index:999;display: none;}
.pageVideo .iconfont{display: block;width: 50px;height: 50px;color: #fff;font-size: 36px;text-align: center;line-height: 32px;position: absolute;bottom: -70px;right: 50%; margin-right: -25px; box-sizing: border-box;transition: all 0.6s ease;}
.pageVideo video{display: block;width: 100%;}
.pageVideo .iconfont:hover{color: #02499d;}


/* pageCase */
.pageCase{width: 100%;background-color: #f7f7f7;overflow: hidden;padding: 80px 0 100px;}
.pageCase ul{width: 100%;}
.pageCase ul li{width: 32%;display: inline-block;vertical-align: top;margin-right: 2%;margin-bottom: 2%;}
.pageCase ul li:nth-child(3n){margin-right: 0;}
.pageCase ul li .img{width: 100%;overflow: hidden;}
.pageCase ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageCase ul li .cont{background-color: #ffffff;width: 100%;padding: 4% 5%;box-sizing: border-box;transition: all 0.6s ease;}
.pageCase ul li .cont .t1{max-width: 80%;float: left;font-size: 20px;color: #333333;line-height: 20px;transition: all 0.6s ease;}
.pageCase ul li .cont .t2{float: right;font-size: 14px;color: #333333;position: relative;line-height: 20px;padding-left: 20px;transition: all 0.6s ease;}
.pageCase ul li .cont .t2 .iconfont{position: absolute;top: 0;left: 0;font-size: 18px;}
.pageCase ul li:hover .img img{transform: scale(1.05);}
.pageCase ul li:hover .cont{background-color: #02499d;}
.pageCase ul li:hover .cont .t1,.pageCase ul li:hover .cont .t2{color: #fff;}

/* pagePhotosD */
.pageCaseD{width: 800px; height: 560px; position: relative;}
.pageCaseD .tit{ position: absolute; bottom: 0; left: 0; height: 50px; line-height: 50px; padding: 0 100px 0 20px; background-color: rgba(0,0,0,0.8); font-size: 20px;   color: #fff; z-index: 2; width: 100%; box-sizing: border-box;}
.pageCaseD .tit span{ font-size: 16px; padding-left: 20px; margin-left: 20px; display: inline-block; position: relative;}
.pageCaseD .tit span .iconfont{ position: absolute;top: 50%;left: 0; transform: translateY(-50%); font-size: 18px;}
.pageCaseD .swiper-slide{overflow: hidden;}
.pageCaseD .swiper-slide img{width: 100%;display: block;}
.pageCaseD .pagination{position: absolute;bottom: 20px;right: 10px;z-index: 2;text-align: center;}
.pageCaseD .swiper-pagination-switch{display:inline-block;width:12px;height: 12px;background-color: #fff;opacity: 0.5;margin:0 8px;cursor: pointer;transition: all 0.6s ease;}
.pageCaseD .swiper-active-switch{opacity: 1;}


/* pageCustomer */
.pageCustomer{width: 100%;background-color: #f7f7f7;overflow: hidden;padding: 80px 0;}
.pageCustomer ul{width: 100%;}
.pageCustomer ul li{float: left;width: 18.8%;overflow: hidden;background-color: #fff;margin-right: 1.5%;margin-bottom: 1.5%;}
.pageCustomer ul li:nth-child(5n){margin-right: 0;}
.pageCustomer ul li a{display: block;width: 100%;height: 100%;padding:7% 18%;box-sizing: border-box;}
.pageCustomer ul li img{width: 100%;display: block;transition: all 0.6s ease;}
.pageCustomer ul li:hover { box-shadow: 0px 1px 49px 0px rgba(2, 2, 2, 0.06);-webkit-box-shadow: 0px 1px 49px 0px rgba(2, 2, 2, 0.06);-moz-box-shadow: 0px 1px 49px 0px rgba(2, 2, 2, 0.06);}


/* pageNews */
.pageNews{width: 100%;background-color: #f7f7f7;padding: 80px 0;overflow: hidden;}
.pageNews .time{font-size: 16px;color: #999;}
.pageNews .list{width: 100%;cursor: pointer;background-color: #fff;}
.pageNews .list .img{display: block;width: 45%;float: left;overflow: hidden;}
.pageNews .list .img img{width: 100%;  display: block;transition: all 0.6s ease;}
.pageNews .list .cont{width: 48%;float: right;padding:2% 3% ;}
.pageNews .list .cont .tit{display: block;font-size: 26px;line-height: 40px;color: #333333;transition: all 0.6s ease;}
.pageNews .list .cont .txt{font-size: 16px;line-height: 36px;color: #999999;margin: 2% 0 3%;}
.pageNews .list .cont .a{display: block;width: 158px;height: 48px;line-height: 48px;border-radius: 2px;border: solid 1px #02499d;font-size: 16px;color: #02499d;text-align: center;margin-top: 4%;transition: all 0.6s ease;}
.pageNews .list .cont .a:hover{background-color: #02499d;color: #fff;}
.pageNews .list:hover .img img{transform: scale(1.05);}
.pageNews .list:hover .cont .tit{color: #02499d;}
.pageNews ul{width: 100%;}
.pageNews ul li{display: inline-block;vertical-align: top;width: 32%;background-color: #fff;margin-right: 2%;margin-top: 2%;padding:2%;box-sizing: border-box;cursor: pointer;}
.pageNews ul li:nth-of-type(3n){margin-right: 0;}
.pageNews ul li .tit{display: block; font-size: 18px;color: #333333;margin: 14px 0 10px;transition: all 0.6s ease;}
.pageNews ul li .txt{font-size: 16px;line-height: 30px;color: #999999;height: 60px;}
.pageNews ul li .a{display: block;width: 158px;height: 48px;line-height: 48px;border-radius: 2px;border: solid 1px #02499d;font-size: 16px;color: #02499d;text-align: center;margin-top: 4%;transition: all 0.6s ease;}
.pageNews ul li .a:hover{background-color: #02499d;color: #fff;}
.pageNews ul li:hover{box-shadow: 0px 1px 49px 0px rgba(2, 2, 2, 0.06);-webkit-box-shadow: 0px 1px 49px 0px rgba(2, 2, 2, 0.06);-moz-box-shadow: 0px 1px 49px 0px rgba(2, 2, 2, 0.06);}
.pageNews ul li:hover .tit{color: #02499d;}
@media (max-width: 1680px) {
    .pageNews .list .cont .tit{font-size: 22px;line-height: 34px;}
    .pageNews .list .cont .txt{line-height: 32px;}
}

/* pageNewsD */
.pageNewsD{width: 100%;background-color: #fff;padding: 4%;box-sizing: border-box;}
.pageNewsD .title{font-size: 26px;line-height: 38px;color: #333333;text-align: center;font-weight: bold;}
.pageNewsD .time{font-size: 16px;color: #999;text-align: center;padding: 20px 0;margin-bottom:30px;border-bottom: 1px dashed #e5e5e5;}
.pageNewsD .time span{margin: 0 10px;}
.pageNewsD .text{font-size: 16px;line-height: 30px;color: #333333;}
.pageNewsD .text img{max-width: 100%;height: auto !important;}
.pageNewsD .link{width: 100%;border-top: 1px dashed #e5e5e5;padding-top: 30px;margin-top: 40px;}
.pageNewsD .link a{display: inline-block;font-size: 16px;line-height: 26px;color: #333333;max-width: 49%;transition: all 0.6s ease;}
.pageNewsD .link a:hover{color: #02499d;text-decoration: underline;}


/* pageAbout */
.pageAbout{width: 100%;background-color: #f7f7f7;padding: 80px 0;overflow: hidden;}
.pageAbout .wrap{position: relative;}
.pageAbout .cont{width: 100%;background:#02499d url('../images/about/about_bg.jpg') bottom left no-repeat;padding: 4% 5%;box-sizing: border-box; text-align: center;}
.pageAbout .cont .t1{font-size: 40px;color: #ffffff;}
.pageAbout .cont .t2{	 font-weight: bold;font-size: 48px;color: #f7f7f7;text-transform: uppercase;position: relative;padding-bottom: 6px;margin: 2% 0 ;}
.pageAbout .cont .t2::after{content: '';	width: 35px;height: 2px;background-color: #ffffff;opacity: 0.2;position: absolute;bottom: 0;left: 50%; transform: translateX(-50%);}
.pageAbout .cont .txt{font-size: 16px;line-height: 32px;color: #ffffff;text-align: left;}
.pageAbout .cont .txt img{ max-width: 100%;}
.pageAbout .img{width: 40%;height: 100%;position: absolute;top: 0;right: 0;background-size: cover;}

/* pageCulture */
.pageCulture{width: 100%;overflow: hidden;position: relative;}
.pageCulture .title{font-size: 40px;color: #ffffff;display: inline-block;text-align: center;position: absolute;top: 90px;left: 0;right: 0;margin: auto;z-index: 2;}
.pageCulture ul{width: 100%;}
.pageCulture ul li{float: left;width: 33.3333%;overflow: hidden;position: relative;background-color: #000;border-right: 1px solid rgba(255, 255, 255, 0.4);box-sizing: border-box;cursor: pointer;transition: all 0.6s ease;}
.pageCulture ul li:last-child{border-right: 0;}
.pageCulture ul li img{height: 100%;display: block;margin-left: 50%;transform: translateX(-50%);opacity: 0.34;}
.pageCulture ul li .cont{position: absolute;top: 270px;left: 50%;transform: translateX(-50%);}
.pageCulture ul li .cont .tit{font-size: 26px;color: #ffffff;}
.pageCulture ul li .cont .txt{	font-size: 16px;line-height: 30px;color: #ffffff;white-space: nowrap;margin-top: 20px;}
.pageCulture ul li:hover{background-color: #02499d;}
@media (max-width: 1440px) {
    .pageCulture ul li .cont .tit{font-size: 22px;}
    .pageCulture ul li .cont .txt{font-size: 14px;line-height: 26px;}
}

/* pageHonor */
.pageHonor{width: 100%;background-color: #f7f7f7;padding: 80px 0;overflow: hidden;}
.pageHonor .title{font-size: 40px;color: #333333;text-align: center;margin-bottom: 60px;}
.pageHonor .wrap{position: relative;}
.pageHonor .box{width: 100%;overflow: hidden;}
.pageHonor .swiper-container{width: calc(100% + 26px);}
.pageHonor .swiper-slide{padding-right: 26px;box-sizing: border-box;}
.pageHonor .swiper-slide .box{display: inline-block;width: 100%;padding: 8%;box-sizing: border-box;background-color: #fff;}
.pageHonor .swiper-slide .img{width: 100%;overflow: hidden; position: relative;}
.pageHonor .swiper-slide .img .bg{display: block;width: 100%;}
.pageHonor .swiper-slide .img .pic{ position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%);}
.pageHonor .swiper-slide .cont{font-size: 16px;color: #333333;text-align: center;margin-top: 5%;}
.pageHonor .arrow{width:60px;height:60px;line-height:60px;background-color: #fff;border-radius: 50%;font-size: 30px;color: #02499d;text-align: center;position: absolute;top: 50%;z-index: 2;transition: all 0.6s ease;}
.pageHonor .arrow-left1{transform: rotateY(-180deg) translateY(-50%);left: -120px;}
.pageHonor .arrow-right1{transform:translateY(-50%);right: -120px;}
.pageHonor .arrow:hover{background-color: #02499d;color: #fff;}
@media (max-width: 1440px) {
    .pageHonor .arrow-left1{left: -80px;}
    .pageHonor .arrow-right1{right: -80px;}
}
@media (max-width: 1366px) {
    .pageHonor .arrow{width:40px;height:40px;line-height:40px;font-size: 20px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
    .pageHonor .arrow-left1{left: -50px;}
    .pageHonor .arrow-right1{right: -50px;}
}
@media (max-width: 1280px) {
    .pageHonor .arrow-left1{left: -20px;}
    .pageHonor .arrow-right1{right: -20px;}
}
@media (max-width: 1200px) {
    .pageHonor .arrow-left1{left: 0px;}
    .pageHonor .arrow-right1{right: 0px;}
}


/* pageContact */
.pageContact{width: 100%;padding: 80px 0 60px;overflow: hidden;background-color: #f7f7f7;}
.pageContact .title{font-size: 40px;color: #333333;text-align: center;}
.pageContact ul{width: 100%;margin: 60px 0;}
.pageContact ul li{width: 25%;float: left;text-align: center;}
.pageContact ul li .iconfont{width: 66px;height: 66px;border-radius: 50%;line-height: 66px;color: #fff;font-size: 40px;background-color: #02499d;margin: 0 auto;}
.pageContact ul li .t1{font-size: 20px;color: #999999;margin: 20px 0 10px;}
.pageContact ul li .t2{font-size: 16px;line-height: 26px;color: #333333;}
.pageContact .map{width: 100%;height: 500px; position: relative; z-index: 1;}
.pageContact .map #map{width: 100%;height: 100%;}
.tdt-label.tdt-zoom-animated{  width: 140px; height: 60px; position: relative; padding:0; background: #0a69c8 !important; border: 0 !important; box-sizing: border-box;}
.tdt-label.tdt-zoom-animated::after{ content: ''; width: 0; height: 0; top: auto; position: absolute; left: 50%; right: 0; bottom: -15px; margin-left: -10px; border-top: 10px solid #0a69c8; border-right: 10px solid transparent; border-left: 10px solid transparent; box-sizing: border-box;}
.map .mapBox{ width:100% ; position: relative; overflow: hidden; text-align: center;}
.map .mapBox .t{ font-size: 16px; padding: 10px ;line-height: 22px; color: #fff ; overflow: hidden;box-sizing: border-box;}


/* pageForm */
.pageForm{width: 100%;background: url('../images/contact/form_bg.jpg') center center no-repeat;background-size: cover;padding: 110px 0 100px;overflow: hidden;}
.pageForm .demand{width: 100%;background-color: #fff;padding: 6% 8%;box-sizing: border-box;}
.pageForm .demand .title{font-size: 40px;color: #333333;text-align: center;}
.pageForm form{width: 100%;margin: 60px 0 0;}
.pageForm form label{display: block;position: relative;}
.pageForm form label p{font-size: 14px;line-height:24px;color: #999;position: absolute; top: 0px; left: 20px;}
.pageForm form .row{width: 23.5%;float: left;background-color: #fcfcfc;border: solid 1px #ebebeb;box-sizing: border-box;margin-bottom: 30px;margin-right: 2%;padding: 12px 0;overflow: hidden;}
.pageForm form .row:nth-child(4n){margin-right: 0;}
.pageForm form input{width: 100%;font-size: 14px;color: #333;line-height: 24px;padding:0 20px;background-color: unset;border: none;box-sizing: border-box;}
.pageForm form .row1{width: 100%;float: left;background-color: #fcfcfc;border: solid 1px #ebebeb;box-sizing: border-box;margin-bottom: 60px;padding: 12px 0;overflow: hidden;}
.pageForm form textarea{width: 100%;font-size: 14px;color: #333;line-height: 24px;height:120px;resize: none;padding:0 20px;background-color: unset;border: none;box-sizing: border-box;}
.pageForm form .btn{width: 180px;background-color: #02499d;margin: 0 auto;display:block;height:48px;line-height:48px;cursor: pointer;border: none;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.pageForm form .btn:hover{background-color: #e77817;}




#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 99999;}
#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;position: fixed;top: 50% !important;left: 50% !important;transform: translate(-50%,-50%); z-index: 99999;background:#fff;padding:10px;}
#boxer .boxer-close{background:rgba(0, 0, 0, 0.5) url('../images/iconBox.png') no-repeat 0 0; background-size: 150px 50px;cursor:pointer; display:block; height:50px; position:absolute; right:-50px; top:0; width:50px;text-indent:-99999px; z-index:106;transition: all 0.6s ease;}
#boxer .boxer-close:hover{ background:#02499d url('../images/iconBox.png') no-repeat 0 0;background-size: 150px 50px;}
#boxer .boxer-arrow{background:rgba(0, 0, 0, 0.5) url('../images/iconBox.png') no-repeat -50px 0;background-size: 150px 50px;cursor:pointer; display:block;width:50px;height:50px;position: absolute;text-indent:-99999px;top: 50px;}
#boxer .boxer-arrow.previous{left:0; }
#boxer .boxer-arrow.next{background-position:-100px 0px; right: 0;}
#boxer .boxer-arrow:hover{background-color: #02499d;}
#boxer .boxer-position{display: none;}
#boxer .boxer-caption .caption{color:#333; font-size:18px;line-height:50px;text-align:center;}
#boxer.loading .boxer-container{background: #fff url('../images/loading.gif') no-repeat center;}

.jquery-lightbox-overlay{background: #000000;height: 100vh !important; opacity: 0.8 !important;}
.jquery-lightbox-move{background-color: unset;width: 800px !important;height: 560px;position: fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50%,-50%);display: none;}
.jquery-lightbox{width: 100% !important;height: 100% !important;}
.jquery-lightbox-navigator{display: none !important;}
.jquery-lightbox-background{width: 100% !important;height: 100% !important;}
.jquery-lightbox-html{position: absolute;top: 0;left: 0;z-index: 9;width: 100% !important;height: 100% !important;}
.jquery-lightbox-button-close{position:absolute;top:0; right:-50px; z-index: 10;width:50px; height:50px;background:rgba(2, 73, 157, 0.5) url('../images/iconBox.png') no-repeat 0 0;background-size: 150px 50px;transition: all 0.6s ease;}
.jquery-lightbox-button-close:hover{background-color: #02499d;}
.jquery-lightbox-button-close span{display: none;}
.jquery-lightbox-loading{background:url('../images/loading.gif') #fff no-repeat center center;}
.jquery-lightbox-buttons{display: none !important;}



/* fenye */
.pages{ margin-top:40px ;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#02499d;  border:1px solid #02499d; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#02499d; color:#fff; text-align:center; padding:0 12px; margin:0 2px;}