@charset "utf-8";
/*
	MBTXW.COM Copyright (C)2008-2099 www.mbtxw.com
	Author: mbtxw.com, QQ:536205792.
    Special note: do not modify this document without permission.
*/

.swiper {width:100%;height:100%;}
.swiper-button-next,.swiper-button-prev {width:40px;height:68px;font-size:50px;color:#ffffff;font-family:simsun;font-style:normal;border:none !important;outline:none !important;}
.swiper-button-prev {left:30px;}
.swiper-button-next {right:30px}
.swiper-button-next:hover,.swiper-button-prev:hover {background:rgb(0 0 0 / 32%);border-radius:5px}

/*banner修复*/
.swiper-side-box {width:100%;height:100vh;position:relative;}
.swiper-side-box .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.swiper-side-box .swiper-slide-active img, .swiper-side-box .swiper-slide-duplicate-active img {transition:6s linear;transform:scale(1,1);}	
.swiper-side-box .swiper-slide .text-center {z-index:99;position:absolute;color:#FAFAFA;top:35%;text-align:center;width:100%;}
.swiper-side-box .swiper-slide .text-center h2 {font-size:86px;font-family:"aliFangYuan";}
.swiper-side-box .swiper-slide .text-center p {font-size:36px;padding-top:30px;font-family:"aliFangYuan";}

.swiper-side-box .swiper-slide .text-left {z-index:99;position:absolute;color:#FAFAFA;top:35%;left:6%;}
.swiper-side-box .swiper-slide .text-left h2 {font-size:86px;font-family:"aliFangYuan";}
.swiper-side-box .swiper-slide .text-left p {font-size:36px;padding-top:30px;font-family:"aliFangYuan";}

.swiper-side-box .swiper-slide.swiper-slide-active .text-left h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInRight ease-in-out 1s 1;animation: bounceInRight ease-in-out 1s 1;}
.swiper-side-box .swiper-slide.swiper-slide-active .text-left p {-webkit-animation:bounceInLeft ease-in-out 1.2s 1;animation:bounceInLeft ease-in-out 1.2s 1;}


.swiper-side-box .swiper-slide.swiper-slide-active .text-center h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInRight ease-in-out 1s 1;animation: bounceInRight ease-in-out 1s 1;}
.swiper-side-box .swiper-slide.swiper-slide-active .text-center p {-webkit-animation:bounceInLeft ease-in-out 1.2s 1;animation:bounceInLeft ease-in-out 1.2s 1;}

.swiper-pagination-side .swiper-pagination-bullet {width:20px;height:20px;text-align:center;line-height:20px;font-size:14px;color:#fff;opacity:1;background:none;border:none !important;outline:none !important;margin-right:120px !important;}
.swiper-pagination-side .swiper-pagination-bullet:first-child {margin-left:15px !important;}
.swiper-pagination-side .swiper-pagination-bullet:last-child {margin-right:15px !important;}
.swiper-pagination-side .swiper-pagination-bullet-active {color:#f20;background:none;position:relative;font-weight:600;}
.swiper-pagination-side .swiper-pagination-bullet-active::after {content:'';display:inline-block;height:2px;width:60%;background-color:#FFF;position:absolute;left:2px;bottom:-25px;}

.swiper-pagination-side {position:relative;border-bottom:1px solid rgba(255,255,255,0.2);}
.swiper-number {position:absolute;bottom:8%;left:50%;width:auto;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index: 999;}
.swiper-number span {display:inline-block;font-family:"Myriad Pro","Microsoft YaHei";}



.swiper-pagination-my.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {width:13px;}
.swiper-pagination-my .swiper-pagination-bullet {width:13px;height:13px;}
.swiper-pagination-my .swiper-pagination-bullet-active {background:#f20;}




/*解决方案*/
.solution {width:100%;margin:0;padding:0;background:url(../images/extend/2221.jpg) no-repeat;background-size:100% 100%;}
.solution .m-a {margin-top:180px;}
.solution h2 {font-size:50px;font-weight:600;color:#333333;font-family:'aliFangYuan',sans-serif;text-align:center;padding-bottom:20px;}
.solution h3 {font-size:22px;font-family:'aliFangYuan',sans-serif;color:#666;text-align:center;padding-bottom:100px;}


.swiper-slide-active.solution h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInRight ease-in-out 1s 1;animation:bounceInRight ease-in-out 1s 1;}
.swiper-slide-active.solution h3 {-webkit-animation:bounceInLeft ease-in-out 1.2s 1;animation:bounceInLeft ease-in-out 1.2s 1;}

.solution .solution-box {margin-left:-10px;}
.solution .solution-box ul {margin-left:10px;float:left;}
.solution .solution-box .service {position:relative;width:160px;height:400px;box-shadow:0px 3px 20px rgba(5,36,82,0.0700);border-radius:2px;transition:all 0.5s;border-radius:10px;}
/*无鼠标动作显示*/
.solution .solution-box .service-content {padding:20px 30px;}
.solution .solution-box .service-content .service-title {padding:0 35px;width:18px;font-family:'aliFangYuan',sans-serif;font-size:24px;font-weight:600;line-height:38px;color:#FFF;writing-mode:vertical-rl;letter-spacing:8px;}
.solution .solution-box .service-content .service-title:lang(en) {letter-spacing:3px;}
.solution .solution-box .service-content .service-desc {display:none;}
.solution .solution-box .service-content .service-line {display:none;}

/*鼠标滑过加载项*/
.solution .solution-box .active {width:750px;color:#fff;}
.solution .solution-box .active .service-content {width:100%;box-sizing:border-box;bottom:0px;position:absolute;background:linear-gradient(360deg,rgba(0,0,0,0.8) 25%,rgba(15,35,65,0) 100%);border-radius:0 0 10px 10px;}
.solution .solution-box .active .service-title {width:100%;padding:0px;line-height:30px;margin:20px 0 24px;writing-mode:inherit;letter-spacing:0px;}
.solution .solution-box .active .service-line {display:block;width:22px;height:3px;background-color:#fff;}
.solution .solution-box .active .service-desc {display:block;width:100%;height:46px;line-height:22px;font-size:14px;font-family:'aliFangYuan',sans-serif;font-weight:400;color:#FFFFFF;margin-top:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/*无鼠标动作显示背景图片*/
.solution .solution-box .service.servicebg-0 {background-image:url("../images/extend/1-213.jpg");background-repeat:no-repeat;background-position:0% center;background-size:cover;}
.solution .solution-box .service.servicebg-1 {background-image:url("../images/extend/1-213.jpg");background-repeat:no-repeat;background-position:16% center;background-size:cover;}
.solution .solution-box .service.servicebg-2 {background-image:url("../images/extend/1-213.jpg");background-repeat:no-repeat;background-position:36% center;background-size:cover;}
.solution .solution-box .service.servicebg-3 {background-image:url("../images/extend/1-213.jpg");background-repeat:no-repeat;background-position:53% center;background-size:cover;}
.solution .solution-box .service.servicebg-4 {background-image:url("../images/extend/1-213.jpg");background-repeat:no-repeat;background-position:76% center;background-size:cover;}
.solution .solution-box .service.servicebg-m {background-image:url("../images/extend/1-213.jpg");background-repeat:no-repeat;background-position:100% center;background-size:cover;}
/*鼠标滑过显示背景图片*/
.solution .solution-box .service.servicebg-0.active {background-image:url("../images/banner/banner-01.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}
.solution .solution-box .service.servicebg-1.active {background-image:url("../images/banner/banner-02.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}
.solution .solution-box .service.servicebg-2.active {background-image:url("../images/extend/1-211.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}
.solution .solution-box .service.servicebg-3.active {background-image:url("../images/extend/1-212.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}
.solution .solution-box .service.servicebg-4.active {background-image:url("../images/extend/1-213.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}
.solution .solution-box .service.servicebg-m.active {background-image:url("../images/extend/1-213.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}


/*优势*/
.advantage {width:100%;margin:0;padding:0;background:url(../images/banner/banner.jpg) no-repeat;background-size:100% 100%;}
.advantage .m-a {margin-top:180px;}
.advantage h2 {font-size:50px;font-weight:600;color:#FAFAFA;font-family:'aliFangYuan',sans-serif;text-align:center;padding-bottom:20px;letter-spacing:10px;}
.advantage h3 {font-size:22px;font-family:'aliFangYuan',sans-serif;color:#FAFAFA;text-align:center;padding-bottom:100px;letter-spacing:10px;}

.swiper-slide-active.advantage h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInLeft ease-in-out 1s 1;animation:bounceInLeft ease-in-out 1s 1;}
.swiper-slide-active.advantage h3 {-webkit-animation:bounceInRight ease-in-out 1.2s 1;animation:bounceInRight ease-in-out 1.2s 1;}


.advantage ul {margin-left:-30px;}
.advantage ul li {float:left;width:725px;padding:30px;height:136px;margin-bottom:30px;background:#FFFFFF;cursor:pointer;margin-left:30px;border-radius:10px;box-shadow:0 2px 8px 4px rgba(1,1,2,0.05);}
.advantage ul li:hover {transform:scale(1.06);transition:all .36s;}

.advantage .advantage-bga {background:url(../images/extend/2221.jpg);background-repeat:no-repeat;background-position:center 0;background-size:cover;}
.advantage .advantage-bgb {background:url(../images/extend/2221.jpg);background-repeat:no-repeat;background-position:center 0;background-size:cover;}
.advantage .advantage-bgc {background:url(../images/extend/2221.jpg);background-repeat:no-repeat;background-position:center 0;background-size:cover;}
.advantage .advantage-bgd {background:url(../images/extend/2221.jpg);background-repeat:no-repeat;background-position:center 0;background-size:cover;}

.swiper-slide-active.advantage ul li {-webkit-animation:bounceInLeft ease-in-out 1.2s 1;animation:bounceInLeft ease-in-out 1.2s 1;}
.swiper-slide-active.advantage ul li:nth-child(2){-webkit-animation:bounceInRight ease-in-out 1.4s 1;animation:bounceInRight ease-in-out 1.4s 1;}
.swiper-slide-active.advantage ul li:nth-child(3){-webkit-animation:bounceInLeft ease-in-out 1.8s 1;animation:bounceInLeft ease-in-out 1.8s 1;}
.swiper-slide-active.advantage ul li:nth-child(4){-webkit-animation:bounceInRight ease-in-out 2.2s 1;animation:bounceInRight ease-in-out 2.2s 1;}

.advantage ul li b {display:inline-block;font-size:30px;color:#333;font-family:'aliFangYuan',sans-serif;padding-bottom:16px;}
.advantage ul li p {font-size:16px;font-family:'aliFangYuan',sans-serif;color:#333;line-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}



/*行业*/
.industry {width:100%;margin:0;padding:0;background:url(../images/extend/2221.jpg) no-repeat;background-size:100% 100%;}
.industry .m-a {margin-top:180px;}
.industry h2 {font-size:50px;font-weight:600;color:#333333;font-family:'aliFangYuan',sans-serif;text-align:center;padding-bottom:20px;letter-spacing:10px;}
.industry h3 {font-size:22px;font-family:'aliFangYuan',sans-serif;color:#666;text-align:center;padding-bottom:100px;letter-spacing:10px;}
.swiper-slide-active.industry h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInDown ease-in-out 1s 1;animation:bounceInDown ease-in-out 1s 1;}
.swiper-slide-active.industry h3 {-webkit-animation:bounceInLeft ease-in-out 1.2s 1;animation:bounceInLeft ease-in-out 1.2s 1;}


.industry ul {margin-left:-53px;margin-top:100px;}
.industry ul li {float:left;position:relative;cursor:pointer;margin-left:53px;text-align:center;}
.industry ul li img {width:130px;height:130px;border-radius:50%;filter:blur(0.88px);box-shadow:0 2px 8px 4px rgba(1,1,2,0.05);}
.industry ul li span {display:none;}
.industry ul li:hover span {display:flex;justify-content:center;align-items:center;padding:5px;width:120px;height:120px;line-height:30px;font-size:16px;font-weight:600;font-family:'aliFangYuan',sans-serif;border-radius:50%;position:absolute;top:0;background:rgb(0,0,0,0.8);color:#FFF;}
.industry ul li:hover {transform:scale(1.2);transition:all .16s;}


.swiper-slide-active.industry ul li {-webkit-animation:bounceInRight ease-in-out 1.2s 1;animation:bounceInRight ease-in-out 1.2s 1;}
.swiper-slide-active.industry ul li:nth-child(2){-webkit-animation:bounceInRight ease-in-out 1.4s 1;animation:bounceInRight ease-in-out 1.4s 1;}
.swiper-slide-active.industry ul li:nth-child(3){-webkit-animation:bounceInRight ease-in-out 1.8s 1;animation:bounceInRight ease-in-out 1.8s 1;}
.swiper-slide-active.industry ul li:nth-child(4){-webkit-animation:bounceInRight ease-in-out 2.2s 1;animation:bounceInRight ease-in-out 2.2s 1;}
.swiper-slide-active.industry ul li:nth-child(5){-webkit-animation:bounceInRight ease-in-out 2.6s 1;animation:bounceInRight ease-in-out 2.6s 1;}
.swiper-slide-active.industry ul li:nth-child(6){-webkit-animation:bounceInRight ease-in-out 3.0s 1;animation:bounceInRight ease-in-out 3.0s 1;}
.swiper-slide-active.industry ul li:nth-child(7){-webkit-animation:bounceInRight ease-in-out 3.4s 1;animation:bounceInRight ease-in-out 3.4s 1;}
.swiper-slide-active.industry ul li:nth-child(8){-webkit-animation:bounceInRight ease-in-out 3.8s 1;animation:bounceInRight ease-in-out 3.8s 1;}
.swiper-slide-active.industry ul li:nth-child(9){-webkit-animation:bounceInRight ease-in-out 4.2s 1;animation:bounceInRight ease-in-out 4.2s 1;}


.industry2 {width:100%;display:flex;margin:0;padding:0;background:url(../images/extend/1-211.jpg) no-repeat;background-size:100% 100%;text-align:center;justify-content:center;align-items:center;}
.industry2 h2 {font-size:80px;font-weight:600;color:#FAFAFA;text-align:center;padding-bottom:50px;text-transform:uppercase;letter-spacing:10px;}
.industry2 h3 {font-size:30px;color:#FAFAFA;text-align:center;padding-top:80px;letter-spacing:10px;}
.industry2 p {width:200px;height:3px;background-color:#E1E1E1;margin:0 auto;}
.swiper-slide-active.industry2 h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInRight ease-in-out 1s 1;animation:bounceInRight ease-in-out 1s 1;}
.swiper-slide-active.industry2 h3 {-webkit-animation:bounceInLeft ease-in-out 1.2s 1;animation:bounceInLeft ease-in-out 1.2s 1;}
.swiper-slide-active.industry2 p {-webkit-animation:bounceInRight ease-in-out 1.2s 1;animation:bounceInRight ease-in-out 1.2s 1;}

/*仅当前页面用*/
.footer-bottom {height:120px;}



/*动画特效*/
/*360转一下兼容*/
@keyframes progress360 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
/*360转一下*/
@-webkit-keyframes progress360 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
/*上下摆动两下兼容*/
@-webkit-keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }
    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}
/*上下摆动两下*/
@keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        -ms-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        -ms-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }
    90% {
        -webkit-transform: translate3d(0,-4px,0);
        -ms-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}
/*从下到上兼容*/
@-webkit-keyframes bounceInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    20% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
/*从下到上*/
@keyframes bounceInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    20% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
/*从上到下兼容*/
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
/*从上到下*/
@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
/*从右到左兼容*/
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
/*从右到左*/
@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
/*从左到右兼容*/
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
/*从左到右*/
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
/*摇摆两下兼容*/
@-webkit-keyframes phonea {
    0%,100%,50% {
        transform: rotate(0)
    }
    25% {
        transform: rotate(20deg)
    }
    75% {
        transform: rotate(-20deg)
    }
}