.all{ width: 1480px; margin: 0 auto; }
.main-banner{ overflow: hidden; position: relative; }
.main-banner .open{ position: absolute; opacity: 0; left: 50%; bottom: 40px; width: 60px; margin-left: -30px; z-index: 1; cursor: pointer; animation: move 2s infinite; }
.main-banner .open img{ width: 100%; transition: all 0.8s ease 0.5s; }
.main-banner .open.active{ opacity: 1; }
.main-banner .main-swiper{ height: 100%; }
.main-banner video{ width: 100%; }
.main-banner .text{ position: absolute; left: 10%; top: 30%; color: #fff;text-shadow: 0px 0px 5px #000; opacity: 0; transition: all 0.5s ease 0.5s; transform: translateY(50px); }
.main-banner .slide2 .text{ top: 34%; }
.main-banner .slide1{ background: #458cda; height: 100%; }
.main-banner .swiper-slide img{ width: 100%; display: block; }
.main-banner .swiper-slide .mCut{ display: none; }
.main-banner .swiper-slide-active .text{ opacity: 1; transform: translateY(0); }
.main-banner .text h3{ font-size: 96px; line-height: 120px; margin-bottom: 10px; letter-spacing: 20px; }
.main-banner .text .cn{ font-size: 48px; margin-bottom: 5px; }
.main-banner .text .en{ font-size: 45px; line-height: 55px; }
.main-banner .text .en.raj{ font-family: 'raj'; font-size: 20px; }
.main-banner .swiper-container .swiper-pagination{ position: absolute; left: 10%; bottom: 10%; text-align: left; margin: 0; }
.main-banner .swiper-pagination span{ width: 50px; height: 4px; background: #fff; opacity: 0.6; border-radius: 0; transition: all 0.3s ease; }
.main-banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity: 1; height: 6px; }

.business-cont{ padding: 55px 0 40px; }
.business-cont .fix-menu{ position: fixed; width: 100%; padding: 20px 0 20px 20px; box-sizing: border-box; left: 0; top: 80px; background: #fff; box-shadow: 0 0 10px rgb(150 150 150 / 50%); z-index: 97; opacity: 0; visibility: hidden; transform: translateY(-100%); transition: all 0.5s ease; display: none; }
.business-cont .fix-menu.active{ opacity: 1; visibility: visible; transform: translateY(0); }
.business-cont .fix-menu .swiper-wrapper{ width: 625px; }
.business-cont .fix-menu .fix-btn{ padding: 10px 15px; border-radius: 5px; margin-right: 10px; color: #3455fc; border: 1px solid #3455fc; display: inline-block; }
.business-cont .fix-menu .fix-btn.active{ color: #fff; background: #3455fc; border: 1px solid #3455fc; }
.business-cont .title{ font-size: 36px; color: #3455fc; margin-bottom: 35px; }
.business-cont .title span{ font-size: 18px; font-family: 'raj'; margin-left: 10px; }
.business-cont .bu-cut{ border: 1px solid #ededed; border-radius: 15px; overflow: hidden; position: relative; margin-bottom: 60px; }
.business-cont .bu-menu{ width: 380px; border-right: 1px dotted #c7c7c7; position: absolute; left: 0; top: 0; height: 100%; }
.business-cont .bu-menu .bu-btn{ height: 20%; padding: 0 30px 0 110px; box-sizing: border-box; position: relative; transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; }
.business-cont .bu-menu .bu-btn:hover .tit,.business-cont .bu-menu .bu-btn:hover p{ color: #3455fc; }
.business-cont .bu-menu .bu-btn.active{ background: #3455fc; color: #fff; }
.business-cont .bu-menu .bu-btn::after{ content: ''; position: absolute; width: 94%; left: 3%; border-bottom: 1px dotted #c7c7c7; bottom: 0; }
.business-cont .bu-menu .bu-btn .tit{ font-size: 24px; color: #000; margin-bottom: 10px; transition: all 0.3s ease; }
.business-cont .bu-menu .bu-btn.active .tit,.business-cont .bu-menu .bu-btn.active p{ color: #fff; }
.business-cont .bu-menu .bu-btn p{ line-height: 24px; color: #000; font-family: 'raj'; }
.business-cont .bu-menu .bu-btn:last-child::after{ display: none; }
.business-cont .bu-menu .bu-btn::before{ content: ''; position: absolute; width: 60px; height: 60px; left: 30px; top: 50%; margin-top: -30px; background-color: #3455fc; background-repeat: no-repeat; background-position: center; border-radius: 60px; transition: all 0.3s ease; }
.business-cont .bu-menu .bu-btn.active::before{ background-color: #fff; }
.business-cont .bu-menu .icon1::before{ background-image: url(../images/index/icon1-1.png); }
.business-cont .bu-menu .icon2::before{ background-image: url(../images/index/icon2-1.png); }
.business-cont .bu-menu .icon3::before{ background-image: url(../images/index/icon3-1.png); }
.business-cont .bu-menu .icon4::before{ background-image: url(../images/index/icon4-1.png); }
.business-cont .bu-menu .icon5::before{ background-image: url(../images/index/icon5-1.png); }
.business-cont .bu-menu .icon1.active::before{ background-image: url(../images/index/icon1-2.png); }
.business-cont .bu-menu .icon2.active::before{ background-image: url(../images/index/icon2-2.png); }
.business-cont .bu-menu .icon3.active::before{ background-image: url(../images/index/icon3-2.png); }
.business-cont .bu-menu .icon4.active::before{ background-image: url(../images/index/icon4-2.png); }
.business-cont .bu-menu .icon5.active::before{ background-image: url(../images/index/icon5-2.png); }
.business-cont .bu-menu .bu-btn .arrow{ position: absolute; right: -10px; top: 50%; margin-top: -11px; width: 0; height: 0; border: 11px solid; border-color: transparent #fff transparent transparent; display: block; opacity: 0; transition: all 0.3s ease 0.2s; }
.business-cont .bu-menu .bu-btn.active .arrow{ opacity: 1; right: -1px; }
.business-cont .bu-cont{ margin: 40px 50px 40px 430px; position: relative; transition: all 0.2s ease; height: 740px; }
.business-cont .bu-cont .cut-btn{ display: none; border-radius: 15px; }
.business-cont .bu-cont .cut-btn{ padding: 20px 20px 20px 90px; box-sizing: border-box; position: relative; transition: all 0.3s ease; cursor: pointer; }
.business-cont .bu-cont .cut-btn.active{ background: #3455fc; color: #fff; }
.business-cont .bu-cont .cut-btn::after{ content: ''; position: absolute; width: 94%; left: 3%; border-bottom: 1px dotted #c7c7c7; top: 0; }
.business-cont .bu-cont .cut-btn.active::after{ display: none; }
.business-cont .bu-cont .cut-btn .tit{ font-size: 18px; color: #000; margin-bottom: 10px; transition: all 0.3s ease; }
.business-cont .bu-cont .cut-btn.active .tit{ color: #fff; }
.business-cont .bu-cont .cut-btn p{ line-height: 20px; font-size: 12px; }
.business-cont .bu-cont .cut-btn::before{ content: ''; position: absolute; width: 40px; height: 40px; left: 20px; top: 50%; margin-top: -20px; background-color: #3455fc; background-repeat: no-repeat; background-position: center; background-size: 100%; border-radius: 60px; transition: all 0.3s ease; }
.business-cont .bu-cont .cut-btn.active::before{ background-color: #fff; }
.business-cont .bu-cont .cut-btn.icon1::before{ background-image: url(../images/index/icon1-1.png); }
.business-cont .bu-cont .cut-btn.icon2::before{ background-image: url(../images/index/icon2-1.png); }
.business-cont .bu-cont .cut-btn.icon3::before{ background-image: url(../images/index/icon3-1.png); }
.business-cont .bu-cont .icon4::before{ background-image: url(../images/index/icon4-1.png); }
.business-cont .bu-cont .cut-btn.icon1.active::before{ background-image: url(../images/index/icon1-2.png); }
.business-cont .bu-cont .cut-btn.icon2.active::before{ background-image: url(../images/index/icon2-2.png); }
.business-cont .bu-cont .cut-btn.icon3.active::before{ background-image: url(../images/index/icon3-2.png); }
.business-cont .bu-cont .cut-btn.icon4.active::before{ background-image: url(../images/index/icon4-2.png); }
.business-cont .bu-cont .bu-box{ position: absolute; left: 0; top: 0; width: 100%; background: #fff; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.2s ease; }
.business-cont .bu-cont .bu-box.active{ opacity: 1; visibility: visible; transform: translateY(0); }
.business-cont .bu-cont .box-det{ margin-bottom: 40px; }
.business-cont .bu-cont .bu-box .m-tit{ font-size: 16px; color: #3455fc; line-height: 15px; margin-bottom: 20px; position: relative; padding-left: 14px; }
.business-cont .bu-cont .bu-box .m-tit::before{ content: ''; position: absolute; width: 3px; height: 15px; left: 0; top: 0; background: #3455fc; }
.business-cont .bu-cont .box-det ul{ display: flex; flex-wrap: wrap; justify-content: flex-start; }
.business-cont .bu-cont .box-det li .head{ font-size: 18px; color: #000000; line-height: 30px; position: relative; margin-bottom: 10px; }
.business-cont .bu-cont .box-det li .head span{ position: absolute; right: 0; top: 0; background: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; color: #3455fc; border-radius: 30px; font-family: 'raj'; }
.business-cont .bu-cont .box-det li{ margin-right:1%;width: 32%; background: #eef1ff; align-items: stretch; padding: 25px 25px 20px 25px; border-radius: 15px; box-sizing: border-box; }
.business-cont .bu-cont .box-det li.half{ width: 49%; margin-top: 20px; }
.business-cont .bu-cont .box-det li.fif{ width: 23.5%; }
.business-cont .bu-cont .box-det li p{ line-height: 24px; }
.business-cont .bu-cont .box-case{ margin-bottom: 40px; }
.business-cont .bu-cont .box-case li{ float: left; width: 32%; margin-right: 2%; }
.business-cont .bu-cont .box-case li:last-child{ margin-right: 0; }
.business-cont .bu-cont .box-case li .img{ overflow: hidden; height: 130px; border-radius: 15px; margin-bottom: 20px; position: relative; border: 1px solid #ededed; }
.business-cont .bu-cont .box-case li .img img{ position: absolute; left: 50%; margin-left: -160px; height: 100%; }
.business-cont .bu-cont .box-case li .tit{ color: #000; font-size: 16px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.business-cont .bu-cont .box-case li p{ line-height: 24px; color: #666; height: 48px; overflow: hidden; }
.business-cont .bu-cont .box-case li a:hover .tit{ color: #3455fc; }
.business-cont .bu-cont .box-com{ font-size: 0; }
.business-cont .bu-cont .box-com span{ display: inline-block; position: relative; box-sizing: border-box; width: 32%; margin-right: 2%; height: 70px; overflow: hidden; border: 1px solid #ededed; border-radius: 15px; }
.business-cont .bu-cont .box-com span:last-child{ margin-right: 0; }
.business-cont .bu-cont .box-com span.cp1{ background: url(../images/index/comp2-1.jpg) no-repeat center; background-size: auto 100%; }
.business-cont .bu-cont .box-com span.cp2{ background: url(../images/index/comp3-1.jpg) no-repeat center; background-size: auto 100%; }
.business-cont .bu-cont .box-com span.cp3{ background: url(../images/index/comp4-1.jpg) no-repeat center; background-size: auto 100%; }
.business-cont .bu-cont .box-com span.cp4{ background: url(../images/index/comp5-1.jpg) no-repeat center; background-size: auto 100%; }
.business-cont .bu-cont .box-com span.cp5{ background: url(../images/index/comp1-1.jpg) no-repeat center; background-size: auto 100%; }
.business-cont .bu-cont .box-com span.cp6{ background: url(../images/index/comp1-2.jpg) no-repeat center; background-size: auto 100%; }

.news-cont{ position: relative; background: #f7f7f7; }
.news-cont .all{ position: relative; height: 300px; }
.news-cont .imgbox{ overflow: hidden; position: absolute; width: 50%; height: 100%; right: 50%; max-width: 960px; }
.news-cont .imgbox .mask{ position: absolute; height: 100%; width: 100%; top: 0; background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.6)); }
.news-cont .imgbox img{ min-height: 100%; }
.news-cont .imgbox .txt{ position: absolute; bottom: 30px; color: #fff; width: 100%; padding: 0 30px; box-sizing: border-box; }
.news-cont .imgbox .txt span{ font-size: 18px; font-family: 'raj'; margin-bottom: 10px; }
.news-cont .imgbox .txt p{ font-size: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news-cont .text{ position: absolute; width: 50%; left: 50%; top: 40px; padding-left: 50px; box-sizing: border-box; }
.news-cont .text .menu{ margin-bottom: 15px; }
.news-cont .text .menu a{ display: inline-block; width: 100px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; border: 1px solid #3455fc; color: #3455fc; margin-right: 10px; }
.news-cont .text .menu a.active{ background: #3455fc; color: #fff; }
.news-cont .text .menu a:hover{ opacity: 0.8; }
.news-cont .text .cut{ position: relative; height: 172px; }
.news-cont .text ul{ position: absolute; top: 0; width: 100%; height: 172px; display: none; }
.news-cont .text li{ border-bottom: 1px dotted #c7c7c7; }
.news-cont .text li a{ display: block; line-height: 42px; font-size: 14px; color: #666; position: relative; transition: all 0.3s ease; }
.news-cont .text li p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 110px; }
.news-cont .text li a span{ position: absolute; right: 0; top: 0; color: #c3c6cc; font-family: 'raj'; }
.news-cont .text li a:hover,.news-cont .text li a:hover span{ color: #3455fc; }

.main-footer{ border:none }

@media only screen and (max-width: 1520px) {
    .business-cont .bu-cont .box-det li .head{ font-size: 16px; }
    .business-cont .bu-cont .box-det li .head span{ right: -10px; }
    .main-banner .text h3{ font-size: 60px; line-height: 70px; }
    .main-banner .text .cn{ font-size: 28px; }
    .main-banner .text .en{ font-size: 20px; line-height: 28px; }
    .main-banner .text{ top: 25%; }
    .all{ width: 100%; padding: 0 20px; box-sizing: border-box; }
}
@media only screen and (max-width: 1490px) {
    .business-cont .bu-cont{ height: 800px; }
}
@media only screen and (max-width: 1420px) {
    .business-cont .bu-cont .box-det li.fif{ width: 49%; margin-bottom: 20px; }
}
@media only screen and (max-width: 1370px) {
    .business-cont .bu-cont .box-case li .img{ height: 110px; }
    .business-cont .bu-cont .box-case li .img img{ margin-left: 0; left: 0; min-width: 100%; height: 100%; }
    .business-cont .bu-menu{ width: 340px; }
    .business-cont .bu-cont{ margin-left: 390px; }
    .main-footer .all{ padding: 0 40px; }
}
@media only screen and (max-width: 1280px) {
    .business-cont .bu-menu .bu-btn .tit{ font-size: 20px; }
    .business-cont .bu-cont .box-det li .head{ padding-right: 30px; }
    .business-cont .bu-menu .bu-btn{ padding-left: 90px; }
    .business-cont .bu-menu .bu-btn::before{ width: 40px; height: 40px; background-size: 100%; margin-top: -20px; }
    .main-banner .text h3{ font-size: 50px; line-height: 60px; }
    .main-banner .text .cn{ font-size: 22px; }
    .main-banner .text .en{ font-size: 16px; line-height: 24px; }
    .main-banner .text{ top: 23%; }
    .business-cont .title{ font-size: 30px; }
    .news-cont .text{ width: 611px; left: auto; right: 0; }
    .news-cont .imgbox{ left: 0; right: 620px; width: auto; }
}
@media only screen and (max-width: 1230px) {
    .main-banner .text{ top: 17%; }
    .business-cont .bu-cont{ height: 830px; }
}
@media only screen and (max-width: 1030px) {
    .business-cont .bu-menu{ width: 300px; }
    .business-cont .bu-menu .bu-btn p,.business-cont .bu-cont .box-det li p{ font-size: 12px; }
    .business-cont .bu-menu .bu-btn .tit{ font-size: 18px; }
    .business-cont .bu-cont{ margin-left: 350px; }
    .business-cont .bu-cont .box-det li.three{ width: 49%; margin-bottom: 20px; }
    .business-cont .bu-cont .box-com a{ height: auto; }
    .business-cont .bu-cont .box-com a img{ position: static; margin: 0; width: 100%; }
    .news-cont .imgbox .txt p{ font-size: 18px; }
    .main-footer .all{ padding: 0 20px; }
}
@media only screen and (max-width: 770px) {
    .business-cont .bu-menu{ width: 100%; position: static; margin-bottom: 20px; }
    .business-cont .bu-menu .bu-btn{ float: left; width: 50%; padding: 20px 20px 20px 90px; height: auto; }
    .business-cont .bu-cont{ margin: 0; margin: 0 20px 20px; }
	.business-cont .bu-cont .box-det li,.business-cont .bu-cont .box-det li.fif{ width: 49%; }
    .business-cont .bu-cont .box-case li{ width: 48%; margin-bottom: 20px; }
    .business-cont .bu-cont .box-case li .img{ width: 320px; height: 130px; }
    .business-cont .bu-menu .bu-btn::before{ top: 40px; }
    .business-cont .bu-cont .box-det li{ margin-bottom: 20px; }
    .news-cont .imgbox{ position: relative; right: auto; width: 100%; margin-bottom: 20px; }
    .news-cont .all{ height: auto; }
    .news-cont .text{ position: static; width: 100%; padding-bottom: 20px; padding-left: 0; }
    .business-cont .bu-menu .bu-btn:last-child::after{ display: block; }
    .main-banner .text h3{ font-size: 30px; line-height: 40px; }
    .main-banner .text .cn{ font-size: 16px; }
    .main-banner .text .en{ font-size: 12px; line-height: 18px; }
    .main-banner .text{ top: 24%; }
    .business-cont .bu-cont{ height: 1140px; }
}
@media only screen and (max-width: 510px) {
    .business-cont .title{ font-size: 24px; }
    .business-cont .title span{ font-size: 16px; }
    .business-cont .bu-cont .cut-btn{ display: none; }
    .business-cont .bu-menu{ display: none; }
    .business-cont .bu-cont .bu-box{ position: static; opacity: 1; visibility: visible; display: none; padding: 20px 0; }
    .business-cont .bu-cont .bu-box.active{ display: block; }
    .business-cont .bu-cut{ border: none; border-radius: 0; }
    .business-cont .bu-cont{ margin: 0; height: auto; }
    .business-cont .bu-cont .box-det li,.business-cont .bu-cont .box-det li.fif{ width: 100%; }
    .business-cont .bu-cont .box-det,.business-cont .bu-cont .box-case{ margin-bottom: 20px; }
    .business-cont .bu-cont .box-com a{ width: 100%; margin: 0 0 10px 0; }
    .business-cont .bu-cont .box-case li{ width: 100%; margin: 0 0 20px 0; }
    .business-cont .bu-cont .box-case li .img img{ position: static; width: 100%; height: auto; }
    .business-cont .bu-cont .box-case li .img{ margin: 0 auto 20px; width: 100%; height: auto; }
    .news-cont .text li p{ margin-right: 80px; }
    .news-cont .imgbox,.news-cont .imgbox img{ height: 200px; }
    .business-cont{ padding: 40px 0 0; }
    .business-cont .bu-cont .box-det li.half{ width: 100%; margin-top: 0; }
    .news-cont .text .menu a{ font-size: 12px; width: 48%; margin-right: 4%; box-sizing: border-box; }
    .news-cont .text .menu a:last-child{ margin-right: 0; }
    .news-cont .text .menu a:hover{ opacity: 1; }
    .business-cont .bu-cut{ margin-bottom: 30px; }
    .main-banner .swiper-slide .mCut{ display: block; }
    .main-banner .swiper-slide .pCut{ display: none; }
    .main-banner .text h3{ font-size: 66px; line-height: 80px; letter-spacing: normal; font-weight: normal; }
    .main-banner .text,.main-banner .slide2 .text{ font-size: 17px; text-align: center; left: 0; width: 100%; top: 15%; }
    .main-banner .slide2 .text{ top: 20%; }
    .main-banner .text .en,.main-banner .text .en.raj{ font-size: 10px; line-height: 14px; width: 70%; margin: 0 auto; }
    .main-banner .text .en br{ display: none; text-align: left; }
    .main-banner .swiper-container .swiper-pagination{ left: 0; width: 100%; text-align: center; }
    .main-banner .text .cn{ margin-bottom: 15px; font-size: 28px; }
    .business-cont .bu-cont .box-com span{ background-size: 130% auto !important; width: 49%; }
    .business-cont .bu-cont .bu-box{ transform: translateY(0); }
    .business-cont .fix-menu{ display: block; }
}
@keyframes move {
	0%{
		transform: translateY(-5px);
	}
	50% {
		transform: translateY(5px)
    }
    100% {
		transform: translateY(-5px)
    }
}