@charset "utf-8";
/* ===================首页样式========================== */


.incom-title{width: 100%;text-align: center;}
.incom-title h2{font-size: 48px;color:#000;font-weight: 700;line-height: 1;}
.incom-title p{font-size: 18px;line-height: 28px;color:#999;margin: 32px auto 0;max-width: 866px;text-align: left;}
.btn_center{width: 100%;display: flex;justify-content: center;}
.btn_center .btn_more{width:108px;position: relative;line-height: 30px;}
.btn_center .btn_more i{display: flex;align-items: center; width: 30px;height: 30px;border-radius: 50%;background: #fd7f43;position: absolute;left: 0px;z-index: -1;transition: all .4s ease;}
.btn_center .btn_more i svg{width: 15px;height: 12px;margin-left: 7px;transition: all .3s;}
.btn_center .btn_more span{display: inline-block;font-size: 16px;color: #999;padding-left: 32px;transition: all .4s ease;}
.btn_center .btn_more:hover i{width:100%;border-radius: 20px;}
.btn_center .btn_more:hover span{color: #fff;}

.btn{display: inline-block; width: 128px;height: 40px;border-radius: 20px;background-color: #fd7f43;text-align: center;line-height: 40px;font-size: 16px;color: #fff;transition: all .4s ease;}
.btn:hover{background-color: #fff;color: #fd7f43;}

/* banner */
.banner-bg{height:100vh;width:100%;position:relative;overflow:hidden;}
.banner-bg .clouds_one{background:url(../images/index/cloud_two.png);position:absolute;right:0;top:0;height:300%;width:80%;-webkit-animation:cloud_one 50s linear infinite;-moz-animation:cloud_one 50s linear infinite;-o-animation:cloud_one 50s linear infinite;animation:cloud_one 50s linear infinite;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.banner-bg .clouds_two{background:url(../images/index/cloud_one.png);position:absolute;right:0;top:0;height:300%;width:80%;-webkit-animation:cloud_two 70s linear infinite;-moz-animation:cloud_two 70s linear infinite;-o-animation:cloud_two 70s linear infinite;animation:cloud_two 70s linear infinite;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.banner-bg .clouds_three{background:url(../images/index/cloud_one.png);position:absolute;right:0;top:0;height:100%;width:300%;-webkit-animation:cloud_three 100s linear infinite;-moz-animation:cloud_three 100s linear infinite;-o-animation:cloud_three 100s linear infinite;animation:cloud_three 100s linear infinite;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
@-webkit-keyframes cloud_one{0%{top:0}100%{top:-200%}}
@-moz-keyframes cloud_one{0%{top:0}100%{top:-200%}}
@keyframes cloud_one{0%{top:0}100%{top:-200%}}
@-webkit-keyframes cloud_two{0%{top:0}100%{top:-200%}}
@-moz-keyframes cloud_two{0%{top:0}100%{top:-200%}}
@keyframes cloud_two{0%{top:0}100%{top:-200%}}
@-webkit-keyframes cloud_three{0%{right:0}100%{right:200%}}
@-moz-keyframes cloud_three{0%{right:0}100%{right:200%}}
@keyframes cloud_three{0%{right:0}100%{right:200%}}
.banner-bg img{width: 100%;height: 100%;object-fit: cover;}
.banner-bg-mb{display:none}
.banner-cont{position:absolute;width:100%;height:100%;left:0;top:0}
.banner-cont .contain{height:100%;display:flex;flex-direction:column;justify-content:center}
.banner-cont span{font-size: 26px;color: #fff;line-height: 1;font-family: 'KARLA-REGULAR';}
.banner-cont h2{font-size:67px;font-weight:700;line-height:1;color:#fff;margin: 24px 0 56px;text-align: center;}
.banner .swiper-slide{transform:translateZ(0)}
#banner{overflow:hidden;position: relative;}
#banner a{display: flex;justify-content: center;align-items: center; width: 34px;height: 34px;border: 1px solid #fff; border-radius: 3px;position: absolute;right: 24px;bottom: 28px;z-index: 3;}
#banner a i{display:inline-block;width: 12px;height: 12px; background: url('../images/index/stop.svg') no-repeat center/100%;}
#banner a.active i{background: url('../images/index/start.svg')no-repeat center/100%;;}
#masterslider .ms-slide{-webkit-transition:initial;-moz-transition:initial;-ms-transition:initial;-o-transition:initial;transition:initial}
#masterslider .ms-bullets{width: 90px !important;height: 100%;background-color: rgba(0,0,0, 0.3); position: absolute;right: 0; font-size:0;letter-spacing:-4px;z-index:10;text-align:center}
#masterslider .ms-bullets .ms-bullets-count{width: 100%;height: 100%;right: 0;display: flex;justify-content: center;align-items: center; flex-direction: column;}
#masterslider .ms-bullets .ms-bullet{display:inline-block;font-size:20px;color:#fff;font-family:Arial;background-color:#fff;width:5px;height: 5px;border-radius: 50%; letter-spacing:normal;text-align:left;text-indent:-2px;}
#masterslider .ms-bullets .ms-bullet.ms-bullet-selected{width: 12px;height: 12px;background-color: transparent;border: 2px solid #ff7d41;position: relative;margin-bottom: 80px !important;}
#masterslider .ms-bullets .ms-bullet.ms-bullet-selected::after{content: '';width: 2px;height:70px;background-color: #ff7d41;position: absolute;right:50%;margin-right: -2px; top: 23px;animation: bannerLine 6s ease ;}
@keyframes bannerLine{0%{height:0;}100%{height:70px;}}
#masterslider .ms-bullets .ms-bullet.ms-bullet-selected:last-child::after{display: none;}
.banner-scroll{position: absolute;z-index: 7;bottom:0;left: 50%;margin-left: -54px;user-select: none;}
.banner-scroll p{font-size: 16px;color: #fff;font-weight: 700; /* writing-mode: vertical-lr; */writing-mode: tb-lr;white-space: nowrap;text-transform: uppercase;text-align: center;}
.banner-scroll i{display: block;width: 2px;height: 50px;margin: 16px auto 0;background: #fff;position: relative;overflow: hidden;}
.banner-scroll i::after{content: "";position: absolute;top: -52px;left: 0;width: 100%;height: 50px;background: #ff7d41;animation: bannerScroll 6s ease infinite;}
@keyframes bannerScroll{0%{top: -72px;}50%{top: 0;}100%{top: 52px;}}


.inabout{width: 100%;padding: 106px 0 300px;}
.inabout-menu{width: 100%;margin-top: 38px;}
.inabout-menu li{width: 20%;text-align: center;float: left;padding: 0 8px;}
.inabout-menu li img{max-height: 82px;}
.inabout-menu li h1{font-size: 80px;line-height: 1;color: #000;font-family:'PROXIMA';margin: 22px 0 14px;min-height: 48px;}
.inabout-menu li h1 b{font-size: 18px;color: #333;margin-left: 4px;}
.inabout-menu li p{font-size: 18px;color: #333;line-height: 1;}
.inabout-items{width: 100%;margin-top: 128px;padding: 0 152px;}
.inabout-list{width: 100%;overflow: hidden;}
.inabout-link{float: left;width: 32%;margin-right: 2%;}
.inabout-link:last-child{margin-right: 0;}
.inabout-linkimg{width: 100%;position: relative;border-radius: 20px;overflow: hidden;}
.inabout-linkimg img{width: 100%;object-fit:cover;transition: all .6s ease;}
.inabout-linkimg h2{font-size: 32px;color: #fff;text-align: center;position: absolute;bottom: 58px;left: 0;width: 100%;transition: all .4s ease;}
.inabout-link:hover .inabout-linkimg img{transform: scale(1.1);}
/* .inabout-link:hover .inabout-linkimg h2{color: #fd7f43;} */
.inbout-case{width: 100%;margin-top: 28px;}
.inabout-botimg{width: 100%;position: relative;border-radius: 20px;overflow: hidden;}
.inabout-botimg img{width: 100%;object-fit:cover;transition: all .6s ease;}
.inabout-botcont{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;padding-left: 118px;}
.inabout-botcont h2{font-size: 48px;color:#fff;font-weight: 700;line-height: 1;transition: all .4s ease;}
.inabout-botcont .btn{margin-top: 40px;}
.inabout-botimg:hover img{transform: scale(1.1);}
/* .inabout-botimg:hover .inabout-botcont h2{color: #fd7f43;} */

.inscience{width: 100%;padding: 174px 0 140px;background-color: #0f1419;}
.inscience-top{width: 100%;display: flex;justify-content: space-between;position: relative;}
.inscience-toplft{width:100%;float: left;}
.inscience-cont{width: 100%;}
.inscience-cont h2{font-size: 48px;color:#fff;font-weight: 700;line-height: 1;}
.inscience-cont .btn{margin-top: 40px;}
.inscience-toprgt{width: 1080px;position: absolute;right: 0;top: -352px;}
.inscience-topimg{width: 100%;overflow: hidden;position: relative;;border-radius: 20px;}
.inscience-topimg img{width: 100%;object-fit: cover;transition: all .6s ease;}
.inscience-topimg h2{font-size: 24px;color:#fff;position: absolute;left: 0; bottom: 36px; transition: all .4s ease;width: 100%;text-align: center;}
.inscience-topimg:hover img{transform: scale(1.1);}
.inscience-topimg:hover h2{color: #fd7f43;text-decoration: underline;}
.inscience-topimg:hover h2::after{width: 100%;left: 0;right: auto;}
.inscience-bot{width: 100%;margin-top:156px;}
.inscience-bot ul li{width: 32%;float: left;margin-right: 2%;}
.inscience-bot ul li:last-child{margin-right: 0;}
.inscience-botimg{width: 100%;overflow: hidden;border-radius: 20px;position: relative;}
.inscience-botimg img{width: 100%;object-fit: cover;transition: all .6s ease;}
.inscience-bot ul li:last-child  h6{display: flex;justify-content: center;align-items: center; font-size: 24px;color:#000;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.inscience-bot_txt{width: 100%;margin-top: 24px;}
.inscience-bot_txt h2{font-size: 24px;color:#fff;transition: all .4s ease;text-align: center;}
.inscience-bot ul li:hover .inscience-botimg img{transform: scale(1.1);}
.inscience-bot ul li:hover .inscience-bot_txt h2{color: #fd7f43;text-decoration: underline;}
.inscience-bot ul li:hover .inscience-bot_txt h2::after{width: 100%;left: 0;right: auto;}

.inald{width: 100%;padding-top:150px;}
.inald .btn_center{margin-top: 34px;}
.inald .contain-1400{margin-bottom: 72px;}
.inald-show{width: 1400px;margin:0 auto;position: relative;border-radius: 20px;overflow: hidden;transition: all .4s ease;}
.inald-show.inald-spread{width: 100%;height: 100vh;transition: all .4s ease;border-radius: 0;}
.inald-show img{width: 100%;object-fit: cover;}
.inald-show.inald-spread img{height: 100%;}
.inald-show_cont{width: 100%;position: absolute;left: 0;bottom:54px;padding: 0 140px;}
.inald-show_cont li {width:25%;text-align: center;float: left;position: relative;z-index: 3;}
.inald-show_cont h6 {width: 100%;margin-bottom: 28px;line-height: 1;font-size: 80px;color: #fff;font-family:'PROXIMA'}
.inald-show_cont p {display: inline-block;font-size: 18px;color: #fff;line-height: 1;}

.inyield{width: 100%;padding:150px 0 118px;}
.inyield-items{width: 100%;margin-top: 56px;overflow: hidden;}
.inyield-items ul li{width:23.5%;margin-right: 2%;float: left;border-radius: 20px;overflow: hidden;transition: width .5s ease;}
.inyield-items ul li:last-child{margin-right: 0;}
.inyield-img{width: 100%;height: 330px; position: relative;}
.inyield-img img{width: 100%;height: 100%; object-fit: cover;}
.inyield-cont{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;z-index: 1;}
.inyield-cont::after{content: '';width: 100%;height: 100%;background-color: rgba(0,0,0, 0.35);position: absolute;left: 0;top: 0;opacity: 0;transition: all .4s ease;z-index: -1;}
.inyield-cont-center{width: 100%;text-align: center;opacity: 0;transition: all .6s ease;transform: translateY(20px);}
.inyield-cont-center p{font-size: 20px;color: #fff;line-height: 28px;}
.inyield-cont h2{font-size: 24px;color: #fff;position: absolute;bottom: 32px;left: 0;text-align: center;width: 100%;transition: all .4s ease;}
.inyield-items ul li:hover .inyield-cont h2{color: #fd7f43;}
.inyield-items ul li:hover .inyield-cont::after{opacity: 1;} 
.inyield-items ul li:hover .inyield-cont-center{opacity: 1;transform: translateY(0px);}
.inyield .btn_center{margin-top: 34px;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .banner-cont h2 {font-size: 58px;}
    .inabout {padding: 98px 0 230px;}
    .inabout-menu li h1 {font-size: 68px;}
    .inabout-items {margin-top: 98px;padding: 0 98px;}
    .inabout-linkimg h2 {font-size: 28px;bottom: 38px;}
    .inabout-botcont h2 {font-size: 38px;}
    .inabout-botcont {padding-left: 72px;}
    .inscience {padding: 118px 0 120px;}
    .inscience-toprgt { width: 900px;top: -248px;}
    .inscience-bot_txt h2{font-size: 22px;}
    .inald {padding-top: 108px;}
    .inald-show {width: 1200px;}
    .incom-title h2 {font-size: 38px;}
    .incom-title p {font-size: 16px;max-width: 948px;}
    .inald-show_cont h6 {font-size: 68px;}
    .inyield {padding: 108px 0 98px;}
    .inyield-img {height: 308px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
    .inabout-items {padding: 0 68px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .banner-cont h2 {font-size: 48px;}
    .inabout {padding:80px 0 188px;}
    .incom-title h2 {font-size: 32px;}
    .inabout-menu li h1 {font-size: 48px;}
    .inabout-items {margin-top: 80px;padding: 0 80px;}
    .inabout-botcont { padding-left: 56px;}
    .inscience {padding: 88px 0 98px; }
    .inscience-cont h2 {font-size: 38px;}
    .inscience-cont .btn {margin-top: 28px;}
    .inscience-toprgt {width: 688px;top: -196px;}
    .inscience-topimg h2 {font-size: 18px;bottom: 28px;}
    .inscience-bot {margin-top: 118px;}
    .inscience-bot_txt h2 {font-size: 18px;}
    .inald {padding-top: 80px;}
    .incom-title h2 {font-size: 28px;}
    .inald .contain-1400 {margin-bottom:58px;}
    .inald-show{width: 960px;}
    .inald-show_cont {bottom: 38px; padding: 0 88px;}
    .inald-show_cont h6 {font-size: 48px;margin-bottom: 18px;}
    .inyield {padding: 80px 0 88px;}
    .inyield-items {margin-top: 48px;}
    .inyield-img {height: 248px;}
    .inyield-cont h2 {font-size: 20px;bottom: 28px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .inabout-items {margin-top: 68px;padding: 0 48px;}
    .inabout-botcont {padding-left: 32px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-cont h2 {font-size: 38px;}
    .banner-scroll {display: none;}
    #masterslider .ms-bullets {width: 100% !important; height: 90px;right: auto;left: 0;bottom: 0;}
    #masterslider .ms-bullets .ms-bullets-count {flex-direction: unset;}
    #masterslider .ms-bullets .ms-bullet.ms-bullet-selected {margin-bottom: 0px !important;margin:0 68px 0 0 !important;}
    #masterslider .ms-bullets .ms-bullet:last-child.ms-bullet-selected {margin:0 !important;}
    #masterslider .ms-bullets .ms-bullet.ms-bullet-selected::after {  width: 60px; height: 2px;right: auto;left: 22px;  margin-right: 0px;margin-top: -1px; top:50%; animation: bannerLine 6s ease;}
    @keyframes bannerLine{0%{width:0;}100%{width:60px;}}
    .btn {width: 108px;height: 32px;line-height: 32px;font-size: 15px;}

    .inabout {padding: 60px 0 130px;}
    .inabout-menu li h1 {font-size: 38px;margin: 20px 0 10px;}
    .inabout-menu li p {font-size: 14px;}
    .inabout-items { margin-top: 48px;padding: 0 28px;}
    .inabout-linkimg h2 {font-size: 20px; bottom: 28px;}
    .inabout-botcont h2 {font-size: 28px;}
    .inabout-botcont .btn {margin-top: 24px;}
    .inscience-toprgt {width: 488px;top: -138px;}
    .inscience {padding: 60px 0 68px;}
    .inscience-cont h2 {font-size: 28px;}
    .inscience-topimg h2 {font-size: 16px;bottom: 20px;}
    .inscience-bot {margin-top: 80px;}
    .inscience-bot_txt {margin-top: 20px;}
    .inscience-bot_txt h2 {font-size: 16px;}
    .inald {padding-top: 60px;}
    .inald-show{width:92%;}
    .inald-show_cont h6 {font-size: 38px;margin-bottom: 12px;}
    .inyield { padding: 60px 0 68px;}
    .inyield-items {margin-top: 32px;}
    .inyield-img {height: 188px;}
    .inyield-cont h2 {font-size: 18px; bottom: 20px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-cont h2 {font-size: 28px;}
    .banner-bg-pc{display: none;}
    .banner-bg-mb{display: block;}
    #masterslider .ms-bullets {height: 60px;}
    #banner a {bottom: 14px;}

    .incom-title h2 {font-size: 24px;}
    .incom-title p {font-size: 14px;line-height: 24px;margin: 20px auto 0;max-width: 100%;}
    .inabout-menu ul{margin-top: -20px;}
    .inabout-menu li {width: 50%;margin-top: 20px;}
    .inabout {padding:40px 0 48px; }
    .inabout-menu {margin-top: 28px;}
    .inabout-menu li img { max-height: 50px;}
    .inabout-menu li h1 {font-size: 24px;min-height: 28px;margin: 10px 0 0;}
    .inabout-menu li h1 b {font-size: 16px;}
    .inabout-menu li p {font-size: 14px;line-height: 16px;}
    .inabout-items {margin-top: 32px;padding: 0 4%;}
    .inabout-link {width:100%;margin-right:0;margin-bottom: 12px;}
    .inbout-case {margin-top: 18px;}
    .inabout-botimg img {min-height: 248px;}
    .inabout-botcont h2 {font-size: 20px;}
    .inscience {padding: 40px 0 30px;}
    .inscience-top {flex-direction: column;}
    .inscience-cont h2 {font-size: 24px;}
    .inscience-cont .btn {margin-top: 20px;}
    .inscience-toprgt {position: static;width: 100%;margin-top: 28px;}
    .inscience-bot { margin-top: 30px;}
    .inscience-bot ul li {width:100%;margin-right:0;margin-bottom: 28px;}
    .inscience-topimg {border-radius: 10px;}
    .inabout-linkimg {border-radius: 10px;}
    .inald {padding-top:40px;}
    .inald .btn_center {margin-top: 28px;}
    .inald-show {margin-top: 38px;}
    .inald-show_cont {bottom: 18px;padding: 0 0px;}
    .inald-show_cont h6 {font-size: 22px;margin-bottom:0;}
    .inald-show_cont p {font-size: 12px;}
    .inyield {padding:40px 0 48px;}
    .inyield-items {margin-top: 26px;}
    .inyield-items ul li {width: 100% !important;margin-right: 0;margin-bottom: 20px;}
    .inyield-items ul li:nth-child(2n){margin-right: 0;}
    .inyield-cont-center {opacity:1;transform: translateY(0px);}
    .inyield-cont-center p {font-size: 16px;line-height: 24px;}
    .inyield-cont h2 {font-size: 16px;bottom: 12px;}
    .inyield .btn_center { margin-top: 8px;}
    .inscience-bot ul li:last-child{margin-bottom: 0;}
    .inabout-botimg {border-radius: 10px;}
    .inald .contain-1400 {margin-bottom: 38px;}
    .inald-show{border-radius: 10px;}
    .inyield-items ul li{border-radius: 10px;}
    .inyield-img::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0, 0.4);}
    .banner-bg .clouds_one, .banner-bg .clouds_two, .banner-bg .clouds_three{display: none;}
    .banner-cont h2>div:last-child{font-size: 16px !important;}
}