@charset "utf-8";
/* ===================棣栭〉鏍峰紡========================== */
.btn{display: flex;justify-content: center;align-items: center;width: 100px;height: 45px;font-size: 16px;color: #fff;font-weight: 500;border-radius: 3px;background-color: #ea8101; transition: all .4s ease;}
.btn:hover{border: 1px solid #e88001;background-color: transparent; color: #e88001;}
/* inban */
.inbaner{width: 100%;position: relative;}
.inbaner-items{width: 100%;position: relative;}
.inbaner-items img{width: 100%;object-fit: cover;}
.inban-pc{display: block;}
.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%;}
.inbaner-cont h2{font-size:56px;color: #e88001;line-height:1;margin-bottom:28px;}
.inbaner-cont p{font-size: 22px;color: #1d1d1d;line-height: 35px;}
.inbaner-cont .btn{margin-top: 42px;}
.inbaner-btn{height: 260px; display: flex;flex-direction: column;align-items: center;justify-content: space-between;position: absolute;right: 48px;top: 0;bottom: 0;margin: auto 0;z-index: 9;}
.inbaner-btn b{display: inline-block;font-size: 13px;color: #fff;font-weight: 500;}
.inbaner-btn span{display: inline-block;font-size: 13px;color: #fff;font-weight: 500;opacity: .5;}
.inbaner .inban-pagination{transform: rotate(90deg); width: 180px;height: 2px;position: absolute;top: 0;bottom: 0;margin: auto 0;background-color: rgba(255, 255, 255, 0.3);}
.inbaner .inban-pagination .swiper-pagination-progressbar-fill{background-color: #fff;font-size: 0;}
.inbaner .btn-toggle { cursor: pointer; color: #fff; display: flex; flex-direction: column;right: 12px;bottom: 38px; position: absolute; z-index: 3; font-size: 15px; align-items: center; }
.inbaner .btn-toggle i { background: url("../images/index/btn-toggle.png") no-repeat center/100%; width: 20px; height: 28px; animation: toggleMove 1.5s infinite; margin-bottom: 10px; }
@keyframes toggleMove { 0% { transform: translateY(5px); }50% { transform: translateY(0); opacity: 1; }to { transform: translateY(5px); } }
/* 鏁堟灉 */
.inbaner-cont h2,.inbaner-cont p,.inbaner-cont .btn{opacity: 0;}
.swiper-slide-active .inbaner-cont h2{animation: indbanDown 1s ease both 0.3s;}
.swiper-slide-active .inbaner-cont p{animation: indbanDown 1s ease both 0.4s;}
.swiper-slide-active .inbaner-cont .btn{animation: indbanDown 1s ease both 0.5s;}
@keyframes indbanDown {0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0);}}
.incom-title{width: 100%;text-align: center;}
.incom-title h2{font-size: 42px;color: #333;line-height: 1;font-weight: 500;}
.incom-title p{font-size: 16px;color: #888;line-height: 24px;max-width: 48%;margin: 8px auto 0;}
.inprod{width: 100%;padding: 90px 0;background-color: #f8f8f8;}
.inprod-loop{width: 100%;margin-top: 42px;position: relative;}
.inprod-mix{width: 100%;position: relative;overflow: hidden;z-index: 1;}
.inprod-mix::before {content: "";position: absolute;left: 0;top: 100%;width: 100%; height: 100%;opacity: .84; z-index: 7;transition: all .4s cubic-bezier(.64, .19, .34, .84); transition: all .3s cubic-bezier(.64, .19, .34, .84);}
.inprod-mix::after{content: "";position: absolute;left: 0; bottom: 0;width: 100%;height: 100%;z-index: 8;transition: all .4s cubic-bezier(.64, .19, .34, .84);transition: all .3s cubic-bezier(.64, .19, .34, .84);}
.color1::before{background-color:#1167ca;}
.color2::before{background-color: #ef8201;}
.color3::before{background-color: #189f47;}
.color4::before{background-color: #19b8e0;}
.color1::after{background-image: linear-gradient(to top, #1167ca 10%, #fff0 40%);}
.color2::after{background-image: linear-gradient(to top, #ef8201 10%, #fff0 40%);}
.color3::after{background-image: linear-gradient(to top, #189f47 10%, #fff0 40%);}
.color4::after{background-image: linear-gradient(to top, #19b8e0 10%, #fff0 40%);}
.color5::before{background-color:#45787c;}
.color6::before{background-color: #282828;}
.color7::before{background-color: #26650c;}
.color8::before{background-color: #19b8e0;}
.color5::after{background-image: linear-gradient(to top, #45787c 10%, #fff0 40%);}
.color6::after{background-image: linear-gradient(to top, #282828 10%, #fff0 40%);}
.color7::after{background-image: linear-gradient(to top, #26650c 10%, #fff0 40%);}
.color8::after{background-image: linear-gradient(to top, #19b8e0 10%, #fff0 40%);}
.inprod-mix .inprod-img{width: 100%;object-fit: cover;transition: all .6s ease;}
.inprod-cont{position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: space-between; width: 100%;height: 100%;z-index: 9;padding: 34px 38px;transition: all .4s ease;}
.inprod-icon{display: flex;align-items: flex-end; /*width: 56px;height: 48px;*/}
.inprod-icon img{max-width: 100%;max-height: 100%;object-fit: cover;}
.inprod-cont h6{font-size: 26px;color: #fff;line-height: 32px;font-weight: 500;}
.inprod-cont h2{font-size: 20px;color: #fff;font-weight: 500;margin-top: 10px;}
.inprod-cont p{display: none;font-size: 14px;color: #fff;line-height: 24px;margin-top: 20px;height: 72px;overflow: hidden;-webkit-line-clamp: 3;text-overflow: ellipsis;-webkit-box-orient: vertical; transition: all .4s ease;}
.inprod-cont a{display: none;font-size: 16px;color: #fff;transition: all .4s ease;margin-top: 28px;}
.inprod-cont a:hover{color: #e88001;}
.inprod-mix:hover .inprod-img{transform: scale(1.06);}
.inprod-mix:hover:before {top: 0;}
.inprod-mix:hover:after {bottom: 100%;}
.inprod-mix:hover .inprod-cont{padding-bottom: 60px;}
.inprod-mix:hover .inprod-cont p{display: -webkit-box;}
.inprod-mix:hover .inprod-cont a{display:block;}
.inprod-prev,.inprod-next{width:18px;height:36px;background:url('../images/index/inprod_Arr.png') no-repeat center;position:absolute;left:-68px;top:50%;margin-top:-12px;z-index:3;cursor:pointer;}
.inprod-next{left:auto;right:-68px;transform:rotate(180deg);}
.inscience{width: 100%;padding-top: 90px;}
.inscience-items{width: 100%;margin-top: 42px;}
.inscience-show{width: 100%;}
.inscience-Bjimg{ width: 100%; position: relative; overflow: hidden;}
.inscience-Bjimg::before{content: "";background-color: rgba(0, 0, 0, .3);width: 100%;height: 100%;position: absolute;top: 0px;z-index: 1;}
.inscience-Bjimg img {width: 100%;object-fit: cover;}
.inscience-pc {display: block;}
.inscience-mb{ display: none;}
.inscience-cont>div{z-index: 999;position: relative;}
.inscience-cont{position: absolute;bottom: 162px;left: 0;right: 0;margin: 0 auto; width: 100%;overflow: hidden;}
.inscience-cont h2{font-size:35px;color: #fff;font-weight: 700;opacity: 0;transform: translateX(240px);transition: all 1.2s ease 200ms;}
.inscience-cont p{font-size: 17px;color: #fff;line-height: 28px;max-width: 36%;margin-top: 12px;opacity: 0;transform: translateX(300px);transition: all 1.2s ease 300ms;}
.inscience-cont .btn{margin-top:36px;opacity: 0;transform: translateX(340px);transition: all 1.2s ease 300ms;}
.swiper-slide-active .inscience-cont h2,.swiper-slide-active .inscience-cont p,.swiper-slide-active .btn{opacity: 1;transform: translateX(0);}
.inscience-menu{display: flex;flex-wrap: wrap;width: 100%;font-size: 0;user-select: none;}
.inscience-menu a{display:flex;flex-direction: column;justify-content: center;align-items: center;width:25%;height:300px;transition: all .4s ease;position:relative;z-index:1;}
.inscience-menu a::after{content:'';width:280px;height:235px;background:url('../images/index/science_logo.png') no-repeat center/100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:-1;opacity:0;transition:all .4s ease;}
.inscience-menu a:nth-child(odd){background-color: #eef4f6;}
.inscience-menu a:nth-child(even){background-color: #f9fbfc;}
.inscience-menu a i{display:flex;justify-content: center;align-items: flex-end;width: 50px;height: 52px; position: relative;z-index:1;}
.inscience-menu a i::after{content:'';width:38px;height:38px;border-radius:50%;background-color:#eccdac;position:absolute;right:-6px;bottom:-12px;z-index:-1;}
.inscience-menu a i img{max-width: 100%;object-fit: cover;transition: all .4s ease;}
.science-icon{position: absolute;opacity: 1;}
.science-white{opacity: 0;}
.inscience-menu a h2{display: inline-block; font-size: 26px;font-weight: 500;color: #333;margin-top: 40px;transition: all .4s ease;}
.inscience-menu a.active{background-color: #ea8101;}
.inscience-menu a.active::after{opacity:1;}
.inscience-menu a.active h2{color: #fff;}
.inscience-menu a.active .science-icon{opacity: 0;}
.inscience-menu a.active .science-white{opacity: 1;}
.indevelop{width: 100%;padding: 90px 0;}
.indevelop-show{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin-top: 42px;}
.indevelop-img{width: 49%;border-radius: 4px;overflow: hidden;position: relative;}
.indevelop-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.indevelop-img:hover img{transform: scale(1.05);}
.indevelop-intro{position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;align-items: center; width: 100%;height: 100%;}
.indevelop-intro h2{font-size: 30px;color: #fff;font-weight: 700;margin-bottom: 12px;}
.indevelop-intro p{font-size: 22px;color: #fff;}
.indevelop-intro .btn{margin-top: 46px;background-color: transparent;border: 2px solid #fff;}
.indevelop-intro .btn:hover{background-color: #e88001;border-color: #e88001;color: #fff;}
.innews{width: 100%;padding: 90px 0;background:linear-gradient(to top,#fefefe,#f7f7f7);}
.innews-coulmn{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;margin-top: 42px;}
.innews-item{width: 32.333%;height: 332px;}
.innews-link{display: inline-block;width: 100%;height: 100%;border-radius: 6px;background-color: #fff; overflow: hidden;position: relative;}
.innews-link img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;}
.innews-intro{display: flex;flex-direction: column;justify-content: center; width: 100%;height: 64px;background-color: rgba(0, 0, 0, .5); position: absolute;left: 0;bottom: 0;padding: 0 24px;}
.innews-intro h2{font-size: 16px;color: #fff;font-weight: 500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;}
.innews-time {display: flex;align-items: center;font-size: 13px;color: #fff;font-weight: 700;margin-top: 4px;}
.innews-time i {display: block;background: url(../images/index/timeW.png) no-repeat center/100%;width: 15px;height: 15px;margin-right: 5px;}
.innews-item:nth-child(2),.innews-item:nth-child(3) {display: flex;flex-direction: column;justify-content: space-between;}
.innews-item:nth-child(2) .innews-link{height: 49%;} 
.innews-item:nth-child(3) .innews-link{height: 31.333%;display: flex;align-items: center;}
.innews-item:nth-child(3) .innews-intro{background-color: transparent;position: static;padding: 0 28px;}
.innews-item:nth-child(3) .innews-intro h2{color: #333;}
.innews-item:nth-child(3) .innews-time{color: #c3c3c3;}
.innews-item:nth-child(3) .innews-time i{background: url(../images/index/time.png) no-repeat center/100%;transition: all .4s ease;}
.innews-item .innews-link:hover .innews-intro h2,.innews-item .innews-link.active .innews-intro h2{color: #e88001;}
.innews-item .innews-link:hover img{transform: scale(1.05);}
.innews-item:nth-child(3) .innews-link:hover .innews-time i,.innews-item:nth-child(3) .innews-link.active .innews-time i{background: url(../images/index/timeH.png) no-repeat center/100%;}
.innews-more{width:100%;margin-top:40px;display:flex;justify-content:center;}
.innews-more .btn{background-color:transparent;border:2px solid #111;font-size:16px;color:#111;}
.innews-more .btn:hover{background-color:#e87a00;border:2px solid #e87a00;color:#fff;}
/* -------------------------PC绔?-------------------------- */
@media all and (max-width:1700px) {
    /* 1600 脳 (900) */
}
@media all and (max-width:1599px) {
    /* 1440 脳 (700)  */
    .inbaner-cont h2{font-size: 42px;}
    .inprod-cont{padding: 34px 30px;}
    .inprod-cont p{margin-top: 14px;}
    .inprod-cont a{margin-top: 18px;}
    .inprod-mix:hover .inprod-cont{padding-bottom: 48px;}
    .inscience-cont{top: 30px;bottom: auto;}
    .inscience-menu a::after{width:240px;height:205px;}
}
@media all and (max-width:1439px) {
    /* 1360 */
    .inscience-cont{bottom: 80px;}
}
@media all and (max-width:1359px) {
    /* 1280 */
    .inprod-prev,.inprod-next{left:-38px;}
.inprod-next{left:auto;right:-38px;}
}
@media all and (max-width:1279px) {
    /* 1152 脳 (700) */
    .inbaner-cont h2{font-size: 38px;}
    .incom-title h2{font-size: 32px;}
    .incom-title p{max-width: 68%;}
    .inprod {padding: 80px 0;}
    .inprod-cont{padding: 10px 20px 20px;}
    .inprod-icon{height: 42px;}
    .inprod-icon img {max-width: 68%;max-height: 68%;}
    .inprod-cont h6{font-size: 20px;line-height: 24px;}
    .inprod-cont h2{font-size: 16px;margin-top: 6px;}
    .inprod-cont p{margin-top: 10px;}
    .inprod-cont a{margin-top: 12px;}
    .inprod-mix:hover .inprod-cont{padding-bottom: 28px;}
    .inscience{padding-top: 80px;}
    .inscience-cont h2{font-size: 28px;}
    .inscience-cont p {font-size: 16px;line-height: 26px; max-width: 60%;margin-top: 10px;}
    .inscience-cont .btn{margin-top: 20px;}
    .inscience-menu a{height:248px;}
    .inscience-menu a h2 {font-size: 24px;margin-top: 28px;}
    .inscience-menu a::after {width: 200px;height: 180px;}
    .indevelop{padding: 80px 0;}
    .innews{padding: 80px 0;}
    .innews-item {height: 280px;}
    .innews-intro h2{font-size: 15px;}
}
@media all and (max-width:1151px) {
    /* 1024 */
        .inprod-prev,.inprod-next{left:0px;}
    .inprod-next{left:auto;right:0px;}
    .inscience-cont{bottom: 48px;}
}
/* ------------------------鎵嬫満绔?------------------------- */
@media all and (max-width:1000px) {
    /* 骞虫澘璁惧 720 閫傞厤 */
    .inbaner-cont h2{font-size: 32px;margin-bottom: 20px;}
    .inbaner-cont .btn{margin-top: 32px;}
    .btn {height: 38px;font-size: 14px;}
    .incom-title h2{font-size: 28px;}
    .incom-title p{max-width: 88%;}
    .inprod {padding: 60px 0;}
    .inprod-cont{padding: 10px 18px 20px;}
    .inprod-cont h6{font-size: 18px;line-height: 20px;}
    .inprod-cont h2{font-size: 15px;margin-top: 6px;}
    .inscience{padding-top: 60px;}
    .inscience-Bjimg img {position: absolute;left: 0;top: 0;height: 100%;}
    .inscience-cont{position: static;padding: 60px 0;}
    .inscience-cont h2{font-size: 24px;}
    .inscience-cont p {font-size: 14px;line-height: 24px; max-width: 48%;}
    .inscience-menu a{height:auto;padding: 28px 0;}
    .inscience-menu a h2 {font-size: 20px;margin-top: 20px;}
    .inscience-menu a::after {width: 128px;height: 130px;}
    .indevelop{padding: 60px 0;}
    .indevelop-intro{padding: 0 20px;text-align: center;}
    .indevelop-intro h2{font-size: 24px;}
    .indevelop-intro p{font-size: 16px;}
    .indevelop-intro .btn {margin-top: 30px;}
    .innews{padding: 60px 0;}
    .innews-coulmn{margin-top: 28px;}
    .innews-item{width: 49%;}
    .innews-item:nth-child(3){width: 100%;margin-top: 20px;}
    .innews-intro{padding: 0 18px;}
    /* .innews-item:nth-child(2) .innews-link{display:none;} */
}
@media all and (max-width:640px) {
    /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */
    .inban-pc{display: none;}
    .inban-mb{display: block;min-height: 280px;}
    .inbaner-cont h2{font-size: 24px;margin-bottom: 12px;}
    .inbaner-cont p{font-size: 12px;line-height: 20px;}
    .inbaner-cont .btn{margin-top: 24px;}
    .incom-title h2{font-size: 22px;}
    .incom-title p{max-width: 100%;font-size: 13px;line-height: 20px;}
    .inprod {padding: 40px 0;}
    .inprod-loop{margin-top: 28px;}
    .inprod-icon{height: 52px;}
    .inprod-icon img {max-width: 88%;max-height: 88%;}
    .inscience{padding-top: 40px;}
    .inscience-items{margin-top: 24px;}
    .inscience-cont{padding: 40px 0;}
    .inscience-cont h2{font-size: 20px;}
    .inscience-cont p {max-width: 100%;}
    .inscience-menu a{width: 50%;}
    .inscience-menu a{height:auto;padding: 24px 0;}
    .inscience-menu a h2 {font-size: 16px;margin-top: 14px;}
    .indevelop{padding: 40px 0;}
    .indevelop-show{margin-top: 0;}
    .indevelop-img{width: 100%;margin-top: 28px;}
    .indevelop-intro{padding: 0 20px;text-align: center;}
    .indevelop-intro h2{font-size: 18px;}
    .indevelop-intro p{font-size: 14px;}
    .indevelop-intro .btn {margin-top: 20px;}
    .innews{padding: 40px 0;}
    .innews-coulmn{margin-top: 10px;}
    .innews-item{width: 100%;height: auto;margin-top: 20px;}

    .inbaner-items{height: 580px;}
    .inbaner-items img{height: 100%;}
    .inscience-Bjimg img {left: -690px;width: auto;}
}