@charset "utf-8";
/* ===================首页样式========================== */
.incommon-title{width: 100%;text-align: center;}
.incommon-title h2{font-size: 38px;color: #333;font-weight: 700;}
.incommon-title.white h2{color: #fff;}
.incommon-title P{font-size: 16px;color: #888;margin-top: 14px;}
.btn{width: 175px;height: 46px;border-radius: 23px;display: flex;justify-content: center;align-items: center;border: 2px solid #42b7e8;margin: 0 auto;color: #1299d5;transition: all .4s ease;opacity: 0}
.btn span{font-size: 15px;}
.btn i{width: 12px;height: 10px;background: url('../images/index/moreicon.png')no-repeat center;margin-left: 6px;transition: all .4s ease;}
.btn:hover{background-color:#1299d5;color: #fff;border: 2px solid #1299d5;}
.btn:hover i{background: url('../images/index/moreiconH.png')no-repeat center;}
.btn.startAnimate{animation: to-up 1.5s ease both}

/* inban */
.inbaner{width: 100%;position: relative;}
.inbaner-items{width: 100%;position: relative;}
.inban-pc{display: block;width: 100%;object-fit: cover;}
.inban-mb{display: none;}
.inbaner-cont{width: 100%;height: 100%; position: absolute;left: 0;top: 0;display: flex;align-items: center;}
.inbaner-contitems{width: 100%;padding-left: 62px;}
.inbaner-contitems.no-lft{padding:0}
.inbaner-cont span{font-size: 25px;color: #fff;font-family: 'swiss921';display: inline-block}
.inbaner-cont h2{font-size: 50px;color: #fff;line-height:1.2;margin: 5px 0 42px;font-family: swiss921}
.inbaner-cont p{font-size: 20px;color: #fff;line-height: 30px;/* max-width: 280px; */}
.inbaner .inban-pagination{position: absolute;left: 0;bottom: 30px;text-align: center;z-index: 6;}
.inbaner .inban-pagination .swiper-pagination-bullet{width: 11px;height: 11px;border: 2px solid #84d2ea;background-color: transparent;margin: 0 12px !important;}
.inbaner .inban-pagination .swiper-pagination-bullet-active{width: 9px;height: 9px;background-color: #fff;position: relative;border: none;}
.inbaner .inban-pagination .swiper-pagination-bullet-active::before{content: '';width: 17px;height: 17px;border-radius: 50%;border: 1px solid #fff;position: absolute;left: 50%;top: 50%;margin-left: -8.5px;margin-top: -8.5px;}
.inbaner .inban-pagination .swiper-pagination-bullet-active::after{content: '';width: 27px;height: 27px;border-radius: 50%;border: 1px solid #84d2ea;position: absolute;left: 50%;top: 50%;margin-left: -13.5px;margin-top: -13.5px;}
.inbaner .inban-next,.inbaner .inban-prev{width: 54px;height: 54px;border-radius: 50%;border: 3px solid #2667a8; background: url('../images/index/inbanArr.png') no-repeat center;position: absolute;left: 2%;top: 54%;z-index: 6;cursor: pointer;transition: all .4s ease;}
.inbaner .inban-next{left: auto;right: 2%;transform: rotate(180deg);}
.inbaner .inban-next:hover,.inbaner .inban-prev:hover{background:url('../images/index/fietagArrH.png') no-repeat center;border: 3px solid #fff;}
.inbaner img {transform: matrix(1.0, 0, 0, 1.0, 0, 0);transition: all 0.4s ease 1.2s}
.inbaner .swiper-slide-active img{transition-delay: 0.4s !important;transform: matrix(1.1, 0, 0, 1.1, 0, 0);transition: all 5s ease}
.inbaner .swiper-slide-active span,.inbaner .swiper-slide-active h2{animation: banLt 1.4s ease both}
.inbaner .swiper-slide-active p{animation: banRt 1.4s ease both}
@keyframes banLt{0%{transform: translateX(-280px);opacity: 0;}100%{transform: translateX(0);opacity: 1}}
@keyframes banRt{0%{transform: translateX(280px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}


/* inprod */
.inprod{width: 100%;padding:122px 0 104px;background: url('../images/index/inprodBg.png') no-repeat left bottom;}
.inprod-show{width: 100%;margin-top: 24px;}
.inprod-show li{width: 33.333%;float: left;text-align: center;opacity: 0}
.inprod-showitems{width: 238px;height: 238px;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;transition: all .4s ease;margin: 0 auto;}
.inprod-showitems::before {content: '';width: 248px;height: 248px;border-radius: 50%;border: 1px solid #94e1fa;position: absolute;left:0;top: 0;margin-left: -5px;margin-top: -5px;opacity: 0;}
.inprod-showitems::after {content: '';width: 258px;height: 258px;border-radius: 50%;border: 1px solid #def6fd;position: absolute;left:0;top: 0;margin-left: -10px;margin-top: -10px;opacity: 0;}
.inprod-icon{width: 100%;margin-bottom: 14px;text-align: center;position: relative;}
.inprod-icon .inprod-icon-img,.inprod-icon .inprod-iconH-img{max-width: 100%;object-fit: cover;transition: all .4s ease;}
.inprod-icon .inprod-iconH-img{position: absolute;opacity: 0;margin: 0 auto;left: 0;right: 0;transition: all .4s ease;}
.inprod-cont{width: 100%;}
.inprod-cont h2{font-size: 25px;color: #333;transition: all .4s ease;}
.inprod-cont p{font-size: 15px;color: #999;line-height: 20px;margin-top: 4px;transition: all .4s ease;}
.inprod-show li:hover .inprod-showitems{background: url('../images/index/iconHbg.png') no-repeat center;}
.inprod-show li:hover .inprod-showitems::before,.inprod-show li:hover .inprod-showitems::after{opacity: 1;transition: all .4s ease;}
.inprod-show li:hover .inprod-cont h2{color: #fff;}
.inprod-show li:hover .inprod-cont p{color: #fff;}
.inprod-show li:hover .inprod-icon .inprod-iconH-img{opacity: 1;}
.inprod-show li:hover .inprod-icon .inprod-icon-img{opacity: 0;}
.inprod-more{width: 100%;margin-top: 28px;}
.inprod-show li.startAnimate{animation: to-up 1.5s ease both}

.inuse{width: 100%;padding: 108px 0 80px}
.inuse-field{width: 100%;margin-top: 48px;position: relative;}
.inuse-fielditems{width: 100%;}
.inuse-fieldimg{width: 100%;position: relative;}
.inuse-fieldimg img{width: 100%;object-fit: cover;}
.inuse-fieldimg .inues-deta{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center; position: absolute;left: 0;top: 0;background-color:rgba(18,153,213,0.6);opacity: 0;transition: all .4s ease;cursor: pointer;z-index: 6666;}
.inuse-fieldimg .inues-deta span{display: flex;background: url('../images/index/usefie.png') no-repeat center; font-size: 15px;color: #fff;width: 125px;height: 125px;justify-content: center;align-items: center;}
.inuse-fieldcont{width: 100%;padding: 36px;text-align: center;}
.inuse-fieldcont h2{font-size: 25px;color: #333;transition: all .4s ease;}
.inuse-fieldcont p{font-size: 15px;color: #999;line-height: 24px;margin-top: 12px;height:48px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical}
.inuse-fielditems:hover .inuse-fieldimg .inues-deta{opacity: 1;}
.inuse-fielditems:hover .inuse-fieldcont h2{color: #1299d5;}
.inuse-field .swiper-slide{width: 445px;}
.inuse-field .swiper-slide:after{content:'';top:0;left:0;height:100%;width:100%;position:absolute;background:rgba(255,255,255,0.8);z-index:0;transition:all .6s ease;opacity:0}
.inuse-field .swiper-slide-next+.swiper-slide:after,.inuse-field .swiper-slide.active:after{opacity:1}
.inuse-field .swiper-slide-next+.swiper-slide,.inuse-field .swiper-slide.active{pointer-events:none}
.inuse-field .fie-next,.inuse-field .fie-prev{width: 54px;height: 54px;border-radius: 50%;border: 3px solid #1299d5; background: url('../images/index/fietagArr.png') no-repeat center;position: absolute;left: 7%;top: 38%;z-index: 6;cursor: pointer;transition: all .4s ease;}
.inuse-field .fie-next{left: auto;right: 7%;transform: rotate(180deg);}
.inuse-field .fie-next:hover,.inuse-field .fie-prev:hover{background: #1299d5 url('../images/index/fietagArrH.png') no-repeat center;}
.inuse-more{width: 100%;margin-top: 36px;}
.inuse-field.startAnimate{animation: to-up 1.5s ease both}

.inabout{width: 100%;padding: 136px 0 108px;background-position: left top;background-repeat: no-repeat;background-size: cover;}
.inabout-items{width: 100%;margin-top: 58px;}
.inabout-img{width: 48.5%;float: left;padding: 0 0 15px 15px;position:relative;z-index: 2;opacity: 0}
.inabout-img::before{content: '';width: 98%;height:96%;background-color: #4da8cf;position: absolute;left: 0;bottom: 0;z-index: -1;border-radius: 10px;transform: scale(.5);transition: all 1.5s ease .5s;transform-origin: bottom right;opacity: 0}
.inabout-img.startAnimate::before{opacity: 1;transform: scale(1)}
.inabout-img img{width: 100%;object-fit: cover;border-radius: 10px;}
.inabout-img i{display: inline-block;width: 62px;height: 62px;border: 4px solid #fff;border-radius: 50%;background: url('../images/common/video.png') no-repeat center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;cursor: pointer;}
.inabout-cont{width: 48.5%;float:right;padding-top: 24px;opacity: 0}
.inabout-cont h2{font-size: 26px;color: #fff;}
.inabout-scrool{width: 100%;margin-top: 32px;height: 150px;overflow-y: auto;padding-right: 10px;}
.inabout-scrool p{font-size: 15px;color: #fff;line-height: 30px;}
.inabout-scrool::-webkit-scrollbar {width:6px;height: 100%;background: #dddddd}
.inabout-scrool::-webkit-scrollbar-thumb {background: #1299d5;border-radius: 30px}
.inabout-scrool::-webkit-scrollbar-track {border-radius: 30px}
.inabout-more{width: 100%;margin-top: 48px;}
.inabout-more .btn{color: #fff;border: 2px solid #fff;margin: inherit;}
.inabout-more .btn i{background: url('../images/index/moreiconH.png')no-repeat center;}
.inabout-more .btn:hover{background-color: #fff;color: #1299d5}
.inabout-more .btn:hover i{background: url('../images/index/moreicon.png')no-repeat center;}
.inabout-develop{width: 100%;margin-top: 88px;}
.inabout-develop li{width: 25%;float: left;opacity: 0}
.inabout-deveitems{width: 100%;display:flex}
.inabout-deveicon img{max-width: 100%;object-fit: cover;}
.inabout-deveyear{padding-left: 20px;margin-left: 20px;border-left: 1px solid #339bc8;}
.inabout-deveyear h2{font-size: 18px;color: #fff;line-height: 0.8;}
.inabout-deveyear h2 span{font-size: 56px;font-family: 'DINCond-Bold';}
.inabout-deveyear h2 i{font-style: normal;vertical-align:super;}
.inabout-deveyear p{font-size: 16px;color: #fff;margin-top: 10px;}
.inabout-img.startAnimate{animation: to-lft 1.5s ease both}
.inabout-cont.startAnimate{animation: to-rgt 1.5s ease both}
.inabout-develop li.startAnimate{animation: to-up 1.5s ease both}

.inpartner{width: 100%;padding: 124px 0 200px;background: url('../images/index/inprodBg.png') no-repeat left bottom;}
.inpartner-items{width: 100%;margin-top: 40px;}
.inpartner-menu{width: 100%;}
.inpartner-menu ul{display:flex;flex-wrap:wrap;justify-content:space-between;border:1px solid #e0e0e0;border-bottom:0;border-right: 0}
.inpartner-menu ul:after{content: '';width: 20%}
.inpartner-menu li{width:20%;display:flex;justify-content:center;align-items:center;height:120px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}
.inpartner-menu li:hover img{transform: scale(1.1)}
.inpartner-menu li img{max-width:70%;max-height:70%;object-fit:cover;transition: all .6s ease}
.inpartner .inpartner-pagination{width: 100%; text-align: center;margin-top: 24px;padding-bottom: 10px;}
.inpartner .inpartner-pagination .swiper-pagination-bullet{width: 11px;height: 11px;border: 2px solid #84cae9;background-color: transparent;margin: 0 12px !important;}
.inpartner .inpartner-pagination .swiper-pagination-bullet-active{width: 9px;height: 9px;background-color: #1299d5;position: relative;border: none;}
.inpartner .inpartner-pagination .swiper-pagination-bullet-active::before{content: '';width: 17px;height: 17px;border-radius: 50%;border: 1px solid #4fb4e0;position: absolute;left: 50%;top: 50%;margin-left: -8.5px;margin-top: -8.5px;}
.inpartner .inpartner-pagination .swiper-pagination-bullet-active::after{content: '';width: 27px;height: 27px;border-radius: 50%;border: 1px solid #c9e8f6;position: absolute;left: 50%;top: 50%;margin-left: -13.5px;margin-top: -13.5px;}
.inpartner-menu.startAnimate{animation: to-up 1.5s ease both}


.inmews{width: 100%;padding: 112px 0 120px;}
.innews-column{width: 100%;margin-top: 42px;}
.innews-column ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.innews-column li{width: 31.333%;opacity: 0}
.innews-img{width: 100%;overflow: hidden;}
.innews-img img{width: 100%;object-fit: cover;transition: all .4s ease;}
.innews-cont{width: 100%;padding: 38px;box-shadow: 0 0 98px rgba(0,0,0,0.06);transition: all .4s ease;}
.innews-cont span{display: inline-block; font-size: 14px;color: #999;margin-bottom: 8px;}
.innews-cont h2{font-size: 20px;color: #222;margin-bottom: 28px;transition: all .4s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.innews-cont p{font-size: 15px;color: #999;line-height: 24px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;height: 72px;}
.innews-cont i{display: inline-block; width: 14px;height: 12px;background: url('../images/index/jiantou.png') no-repeat center;margin-top: 14px;transition: all .4s ease;}
.innews-column li:hover .innews-cont{box-shadow: 18px 4px 42px rgba(18,153,213,0.31);}
.innews-column li:hover .innews-cont h2{color: #1299d5;font-weight: bold}
.innews-column li:hover .innews-cont i{background: url('../images/index/moreicon.png') no-repeat center;}
.innews-column li:hover .innews-img img{transform: scale(1.03);}
.innews-more{width: 100%;margin-top: 58px;}
.innews-column li.startAnimate{animation: to-up 1.5s ease both}


.Container-wrapper{margin-top: 0}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .inprod {padding: 98px 0 90px;}
    .incommon-title h2 {font-size: 34px;}
    .inuse {padding: 98px 0;}
    .inuse-field .swiper-slide { width: 318px; }
    .inuse-field .fie-next, .inuse-field .fie-prev {top: 30%;}
    .inabout {padding: 108px 0 90px;}
    .inabout-cont {padding-top: 10px;}
    .inabout-cont h2 {font-size: 24px;}
    .inabout-scrool {margin-top: 24px;}
    .inabout-more {margin-top: 32px;}
    .inpartner {padding: 98px 0}
    .inmews {padding: 98px 0 108px;}
    .inbaner-contitems.no-lft{margin-left:-40px}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .inuse-field .swiper-slide { width: 308px; }
    .inuse-field .fie-next, .inuse-field .fie-prev {top: 30%;left: 6%;}
    .inuse-field .fie-next {right: 6%;left: auto;}
    .inbaner-contitems.no-lft{margin-left:-30px}
    .inbaner-contitems.no-lft h2{font-size:46px}
}

@media all and (max-width:1359px) {
    /* 1280 */
    .inuse-field .swiper-slide { width: 288px; }
    .inuse-field .fie-next, .inuse-field .fie-prev {top: 30%;left: 5%;}
    .inuse-field .fie-next {right: 5%;left: auto;}
    .inbaner-contitems.no-lft{margin-left:0}
    .inbaner-contitems.no-lft h2{font-size:42px}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .btn { width: 142px;height: 38px;}
    .inbaner-cont h2 {font-size: 68px;margin: 14px 0 34px;}
    .inprod {padding: 80px 0 80px;}
    .inprod-cont h2 {font-size: 20px;}
    .inprod-cont p {font-size: 14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .incommon-title h2 {font-size: 28px;}
    .inuse {padding: 80px 0;}
    .inuse-field .swiper-slide { width: 228px; }
    .inuse-field .fie-next, .inuse-field .fie-prev {top: 26%;left: 4%;width: 46px;height: 46px;}
    .inuse-field .fie-next {right: 4%;left: auto;}
    .inuse-fieldcont {padding: 26px;}
    .inuse-fieldcont h2 {font-size: 20px;}
    .inuse-fieldcont p {font-size: 14px;}
    .inabout {padding: 80px 0 70px;}
    .inabout-cont {padding-top: 0px;}
    .inabout-cont h2 {font-size: 20px;}
    .inabout-scrool {margin-top: 14px;}
    .inabout-more {margin-top: 26px;}
    .about-deveyear h2 span {font-size: 42px;}
    .inpartner {padding: 80px 0}
    .inmews {padding: 80px 0 90px;}
    .innews-cont {padding: 30px;}
    .innews-cont h2 {font-size: 16px;margin-bottom: 18px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .inprod-show li,.inabout-develop li,.inabout-img,.inabout-cont,.btn,.innews-column li{opacity: 1}
    .incommon-title h2 {font-size: 24px;}
    .inbaner-cont h2 {font-size: 40px !important;margin: 8px 0 28px;}
    .inbaner .inban-next, .inbaner .inban-prev {width: 42px;height: 42px;}
    .inprod {padding: 60px 0 70px;}
    .inuse {padding: 60px 0;}
    .inuse-field .swiper-slide { width: 162px; }
    .inuse-field .fie-next, .inuse-field .fie-prev {top: 24%;left: 4%;width: 38px;height: 38px;}
    .inuse-field .fie-next {right: 4%;left: auto;}
    .inuse-fieldcont {padding: 16px 0;}
    .inuse-fieldcont h2 {font-size: 18px;}
    .inuse-fieldcont p {margin-top: 8px;}
    .inuse-more {margin-top: 28px;}
    .inabout {padding: 60px 0 28px;}
    .inabout-items {margin-top: 32px;}
    .inabout-cont h2 {font-size: 18px;}
    .inabout-scrool {margin-top: 10px;}
    .inabout-scrool p {font-size: 14px;}
    .inabout-develop {margin-top: 60px;}
    .inabout-develop li {width: 50%;margin-bottom: 32px;}
    .inpartner {padding: 60px 0;}
    .inmews {padding: 60px 0 70px;}
    .innews-column {margin-top: 32px;}
    .innews-more {margin-top: 38px;}
    .innews-cont {padding: 20px;}
    .inabout-deveyear h2 span{font-size: 40px}
    .inpartner-menu li{height: 80px;background: #fff}
    .Container-wrapper{margin-top: 60px}
    .inbaner-cont img{max-width: 100%}
    .inabout-img::before{transform:scale(1);opacity:1}
    .inuse-field .fie-next, .inuse-field .fie-prev{display:none}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .incommon-title h2 {font-size: 20px;}
    .incommon-title P {font-size: 13px;margin-top: 12px;line-height:22px}
    .btn {width: 128px; height: 34px;}
    .btn span {font-size: 14px;}
    .inban-pc{display: none;}
    .inban-mb{display: block;width: 100%;object-fit: cover;min-height: 248px;}
    .inbaner-contitems {padding-left: 42px;}
    .inbaner .inban-next, .inbaner .inban-prev {width: 32px;height: 32px;top: 46%;}
    .inbaner .inban-pagination {bottom: 12px;}
    .inbaner-cont span {font-size: 14px;}
    .inbaner-cont h2 {font-size: 28px !important;margin: 2px 0 16px;}
    .inbaner-cont p {font-size: 14px;line-height: 20px;max-width: 188px;}
    .inprod {padding: 40px 0 50px;}
    .inprod-show li {width: 50%;}
    .inprod-showitems {width: auto;height: 158px;padding:0 10px}
    .inprod-showitems::before {display: none;}
    .inprod-showitems::after {display: none;}
    .inprod-cont h2 {font-size: 16px;}
    .inuse {padding: 40px 0;}
    .inuse-field {margin-top: 28px;}
    .inuse-field .fie-next, .inuse-field .fie-prev {top: 36%;}
    .inabout {padding: 40px 0 28px;}
    .inabout-items {display: flex;flex-direction: column; margin-top: 28px;}
    .inabout-img {width: 100%;}
    .inabout-img i {width: 52px;height: 52px;}
    .inabout-cont {width:100%; padding-top: 24px;}
    .inabout-develop {margin-top: 40px;}
    .inabout-deveicon {width: 38px;height: 42px;}
    .inabout-deveyear h2 span {font-size: 24px;}
    .inabout-deveyear h2 {font-size: 14px;}
    .inabout-deveyear p {font-size: 14px;}
    .inabout-deveyear {padding-left: 12px;margin-left: 12px;}
    .inpartner {padding: 40px 0;}
    .inpartner-items {margin-top: 32px;}
    .inpartner-menu li {width: 50%;}
    .inmews {padding: 40px 0 50px;}
    .innews-column li {width: 100%;margin-bottom: 28px;}
    .innews-more {margin-top: 18px;}
    .innews-cont i{display: none}
}