.e-banner{background: url(/mAI/images/banner-bg.jpg) no-repeat left top;background-position: center center; background-size: 100% 100%; padding-top: 100px;}
.e-banner-header{margin: 0 auto; text-align: center;}
.e-banner-header img{display: inline;}
.e-banner-service{text-align: center;width: 1200px; margin: 0 auto;}
.e-banner-service img{width: 100%;}
.e-banner-service img{display: inline-block}
.e-banner-gpt{width:820px; height: 136px;padding: 50px 90px; background: url(/mAI/images/e-banner-gpt-bg.png) no-repeat;background-size: 100% auto; margin: 50px auto 0;}
.e-banner-gpt-head{display: flex;margin-bottom: 10px;}
.e-banner-gpt-head em{display: inline-block;font-family: "Myriad Pro";font-size: 22px;font-weight: bold; color: #e40a20;margin-right: 20px;}
.e-banner-gpt-head strong{color: #000;font-size: 22px;font-family: "Microsoft YaHei";margin-right: 13px;}
.loading_wraper{display: inline-block;width: 40px; height: 30px;}
/* .loading_wraper .circle{width: calc(2vw / 6);min-width: calc(2vw / 6); height: calc(2vw / 6);min-height: calc(2vw / 6);} */

.loading_wraper .circle{position: relative;display: inline-block;width: 4px; height: 4px;max-width: 4px;margin-right: 4px; background-color: #8f959e; border-radius: 50%;animation: loading 6.6s ease-in-out infinite;}
.loading_wraper .circle_1{animation-delay: 0s;}
.loading_wraper .circle_2{animation-delay: .1s;}
.loading_wraper .circle_3{animation-delay: .2s;}

@keyframes loading {
    0% {
        bottom: 0
    }

    3% {
        bottom: 4px
    }

    6% {
        bottom: 0
    }

    9% {
        bottom: 0
    }

    12% {
        bottom: 4px
    }

    15% {
        bottom: 0
    }

    18% {
        bottom: 0
    }

    21% {
        bottom: 4px
    }

    24% {
        bottom: 0
    }

    100% {
        bottom: 0
    }
}
@keyframes blink {
    0% {
      opacity: 1; /* 动画开始时不透明 */
    }
    50% {
      opacity: 0; /* 动画中间时完全透明 */
    }
    100% {
      opacity: 1; /* 动画结束时重新不透明 */
    }
  }
.typed-cursor{animation: blink 1s infinite; margin-left: 10px;}
.e-banner-gpt-con{font-family: PingFang SC;font-size: 20px;font-style: normal;
font-weight: 600;line-height: 32px;border-right: 1px solid #111;
/* width:8em; */
animation: typingWords 18.6s steps(8) infinite,cursor 19s steps(8) infinite;white-space: nowrap;overflow: hidden;}

.line2{width: 2px; height: 20px;background: url(/mAI/images/line2.jpg) no-repeat; }

@keyframes typingWords {
    0% {
        width: 0
    }

    22% {
        width: 18em
    }
}
@keyframes cursor {
    50% {
        border-color: transparent
    }
}



.title1{text-align: center;}
.e-box1{padding: 70px 0; width: 1200px; margin: 0 auto;}
.e-box1-menu{border: 1px solid rgb(228, 9, 32);width: 1198px;display: flex; height: 178px; border-radius: 10px; margin-top: 45px;}
.e-box1-menu div{background: url(/mAI/images/line1.jpg) no-repeat right top;position: relative; cursor: pointer; margin-top: 50px; width: 278px; text-align: center;}  
.e-box1-menu div.on h4{color: #e40b20;}
.e-box1-menu div.on .dot1{opacity: 1;}
.e-box1-menu div.on .dot3{opacity: 1;}
.e-box1-menu div:last-child{background: none;}
.e-box1-menu h4{margin-top: 10px; font-weight: bold;}
.dot1{width: 38px; height: 13px; background: url(/mAI/images/dot2.jpg) no-repeat; transition: all 0.2s linear; position: absolute; bottom: -2px; left: 40%; opacity: 0;}
.dot3{width: 38px; height: 13px; background: url(/mAI/images/dot3.jpg) no-repeat; transition: all 0.2s linear; position: absolute; top: -52px; left: 40%; opacity: 0;}
.dot2{width: 35px; height: 13px; background: url(/mAI/images/dot1.png) no-repeat; transition: all 0.3s linear; position: absolute; }
.dot4{width: 35px; height: 13px; background: url(/mAI/images/dot4.png) no-repeat; transition: all 0.3s linear; position: absolute; }
.dot5{width: 35px; height: 13px; background: url(/mAI/images/dot5.png) no-repeat; transition: all 0.3s linear; position: absolute; }
.box1-dot1{top: -13px; left: 109px;}
.box1-dot2{top: -13px; left: 386px;}
.box1-dot3{top: -13px; left: 666px;}
.box1-dot4{top: -13px; left: 946px;}
.box1-dot5{top: -13px; left: 1058px;}
.box1-dot6{bottom:-13px; left: 116px;}
.box1-dot7{bottom:-13px; left: 398px;}
.box1-dot8{bottom:-13px; left: 670px;}


.e-box1-con{background:url(/mAI/images/e-box1-bg.png) no-repeat #f5f3f3 left bottom; margin-top: 40px;border-radius: 15px; display: none; position: relative;}
.e-box1-con.on{display: block;animation: fadeInUp 0.5s ease;}
.e-box1-con ul{margin: 0 60px; overflow: hidden;}
.e-box1-ul-bg{background: url(/mAI/images/line4.png) no-repeat center bottom;}
.e-box1-con ul li{background: url(/mAI/images/line3.jpg) no-repeat right top;float: left; margin: 75px 0;width: 200px; padding: 0 35px 0 35px;}
.e-box1-con ul li:last-child{background: none;}
.e-box1-con ul li h4{font-size: 20px;margin-bottom: 25px;height: 26px;font-weight:bold;}
.e-box1-con ul li p{color: #4c4c4c;font-size: 14px;margin-bottom: 30px;height: 40px;}
a.more1{display: inline-block; line-height: 40px;width: 154px;padding-right: 20px;border: 1px solid #989797; color: #111; text-align: center; border-radius: 40px;position: relative;}
a.more1:after{ content: "";  background: url(/mAI/images/more.png) no-repeat; height: 16px; width: 16px; position: absolute; top: 35%; right: 20px; }
/* .more1:hover:after{content:""; right:25px; }  */
.e-box1-con ul li:hover a.more1{opacity: 1;}
.e-box1-con ul li:hover h4{color: #e40a20;}
.e-box1-con ul li:hover a.more1{border: 1px solid #e40a20; background: #e40a20; color: #fff;}
.e-box1-con ul li:hover a.more1:after{ background: url(/mAI/images/more1.png) no-repeat;}

.e-box2{padding: 100px 0 125px; background: url(/mAI/images/index-bg1.jpg) no-repeat; background-size: 100% 100%;}
.e-box2-con{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.e-box2-con-left{background: url(/mAI/images/e-box2-bg1.jpg) no-repeat;width: 740px; height: 340px; background-size: 100% 100%;overflow: hidden; border-radius: 20px;  padding-top: 60px; text-align: center;}
.e-box2-con-left .e-box2-input{border: 1px solid #dd182d;font-size: 18px;color: #e51227;text-align: left;padding-left: 24px; border-radius: 20px;
    background:url(/mAI/images/more2.png) no-repeat 430px center #fff;width: 374px;line-height: 68px;margin: 30px auto 40px;cursor: pointer; }
.e-box2-con-left div{color: #fff;font-size: 22px; margin-bottom: 15px;}
.e-box2-input strong{font-weight: bold;}
.e-box2-con-left .loading_wraper .circle{background-color: #e40a20;}

.e-box2-con-right{background: url(/mAI/images/e-box2-bg2.png) no-repeat;width: 335px; background-size: 100% 100%;overflow: hidden; border-radius: 20px; height: 340px;padding-top: 60px; padding-left: 45px;padding-right: 40px ;}
a.more2{display: inline-block; background: #e40a20;margin-top: 80px; font-size: 20px;color: #fff; line-height: 56px; border-radius: 56px;position: relative; padding: 0 60px 0 30px;transition: all 0.3s linear;}
a.more2:after{ content: ""; transition: all 0.5s ease-in-out; background: url(../images/index/more1.png) no-repeat; height: 16px; width: 16px; position: absolute; top: 45%; right: 30px; }
a.more2:hover{background: #f83225;}

/* .m2layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:30}
.m2layerClose {position: fixed;width: 30px;height: 30px;top: 150px;right: 50px;cursor: pointer;transition: all 500ms ease;z-index: 100001; cursor:pointer}
.m2layerClose:hover{transform:rotate(180deg);}
.m2layerClose:before, .m2layerClose:after {content: '';width: 30px;height: 2px;background: #fff;position: absolute;top: 15px;}
.m2layerClose:before {left: 0;transform: rotate(45deg);}
.m2layerClose:after {left: 0;transform: rotate(135deg);} */
/*.m2Lay_video{position: absolute;top:0;left: 0; z-index:35;width: 1200px; background-image: url(/mAI/images/player-pic1.png);}
 .hmFocusWpr{position:relative;}
.dsNone {display: none} */
#banner-player{width: 1120px; height: 520px;border-radius: 10px;}

/* 详情 */
#iframeVideo {
    width: 100%;
    height: 600px;
    border-radius: 15px;
}
.e-list-banner{background: url(/mAI/images/list-banner1.jpg) no-repeat; background-size: 100% 100%; height:962px;}
.e-list-banner-con{width: 1200px; margin:0 auto; display: flex; padding-top: 80px;}
.e-list-banner-con-left{width: 755px;margin-right: 90px;}
.e-list-banner-con-left h4{font-size: 36px; color: #ee1f11; font-weight: bold; margin-bottom: 40px;}
.e-list-banner-con-left p{font-size: 16px; color: #3e3d3d; line-height: 30px;}
a.more3{display: inline-block;transition: all 0.3s linear; background: #e40a20;margin-top: 60px; font-size: 20px;color: #fff; line-height: 56px; border-radius: 56px;position: relative; padding: 0 60px 0 30px;}
a.more3:after{ content: ""; transition: all 0.5s ease-in-out; background: url(/mAI/images/bottom.png) no-repeat; height: 16px; width: 16px; position: absolute; top: 42%; right: 30px; }
a.more3:hover{background: #f83225;}

.e-list-banner-bottom{ width: 1200px; margin: 100px auto 0;position: relative;}
.title2{font-size: 36px; color: #111;margin-bottom: 67px;text-align: center;}
.e-list-banner-box{border-radius: 10px;width: 1198px;border: 1px solid #d0cece;background: #fff;}
.e-list-banner-box ul{background: url(/mAI/images/line.jpg) no-repeat center center;padding: 40px;}
.e-list-banner-box ul li{width: 474px; padding-bottom: 30px;display: inline-block;margin-right: 100px;margin-left: 20px;}
.e-list-banner-box ul li:nth-child(2n){margin-right: 0;}
.e-list-banner-box ul li p{font-size: 16px;line-height: 30px;height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.e-list-banner-box ul li:nth-child(2n){border-right: none;}
.e-list-banner-box ul li:hover div,.e-list-banner-box ul li:hover p{
    -webkit-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
          transform: translateY(-10px);
          -webkit-transition: -webkit-transform .2s linear;
          transition: transform .3s linear;
}
a.more4{display: inline-block; background: #e40a20;margin-top: 60px; font-size: 20px;color: #fff; line-height: 56px; border-radius: 56px;position: relative; padding: 0 60px 0 30px;transition: all 0.3s linear;}
a.more4:after{ content: ""; transition: all 0.5s ease-in-out; background: url(/mAI/images/more1.png) no-repeat; height: 16px; width: 16px; position: absolute; top: 42%; right: 30px; }
a.more4:hover{background: #f83225;}

.e-list-box1{background: url(/mAI/images/list-bg1.jpg) no-repeat;background-position: center center; background-size: cover; padding-top: 230px; padding-bottom: 80px;}
.title3{display: flex; align-items: center;justify-content: center; font-size: 36px; color: #111;}
.title3 img{display: inline-block;margin-right: 15px;}
.e-list-video{width: 1119px;height: 620px; margin: 60px auto 0; position: relative;}
.e-list-player-icon{position: absolute;cursor: pointer;top: 50%; left: 50%; margin-left:-33px; margin-top: -33px; width: 66px; height: 66px; background: url(/mAI/images/player-icon.png) no-repeat;z-index: 2;display: none;}
.e-video-img{position: absolute; left: 0; top: 0;z-index: 1;width: 1119px;height: 620px;display: none;}
.e-video-img img{width: 100%;height: 100%;}


.e-list-bg2{background: url(/mAI/images/list-bg2.jpg) no-repeat;}
.e-list-box2{padding: 100px 0;}
.e-list-box2-div{width: 1300px; margin: 77px auto 40px;overflow: hidden;}
.e-list-box2-nav{min-height: 398px;margin-right: 20px; width:245px;cursor: pointer; border: 1px solid #d0cece; position: relative; display: inline-block;transition: all 0.3s linear;border-radius: 15px; text-align: center;position: relative; float: left;}
.e-list-box2-nav:last-child{margin-right: 0;}
.e-list-box2-bg1{background: url(/mAI/images/list-box2-bg1.jpg) no-repeat center bottom #fff;background-size: 100% auto;}
.e-list-box2-bg2{background: url(/mAI/images/list-box2-bg2.jpg) no-repeat center bottom;background-size: 100% auto;}
.e-list-box2-bg3{background: url(/mAI/images/list-box2-bg3.jpg) no-repeat center bottom;background-size: 100% auto;}
.e-list-box2-bg4{background: url(/mAI/images/list-box2-bg4.jpg) no-repeat center bottom;background-size: 100% auto;}
.e-list-box2-line{width: 44px; height: 3px;background: #ee2214; margin: 20px auto; opacity: 1;transition: all 0.2s linear;}
.e-list-box2-nav h4{font-size: 28px; color: #111;margin-top: 70px;height: 74px;overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; padding: 0 30px; font-weight: bold;transition: all 0.2s linear;}
.e-list-box2-txt1{font-size: 14px; color: #111;}
.e-list-box2-txt2{text-align: left; color: #3e3d3d;font-size: 16px;width: 346px;line-height: 25px;height: 100px; overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;  opacity: 0;transition: all 0.3s linear;}
.e-list-box2-txt3{opacity: 0;transition: all 0.2s linear;z-index: 10;}
.e-list-box2-txt3 a{display: inline-block; background: #e40a20;margin-top: 20px; font-size:14px;color: #fff; line-height: 36px; border-radius:36px;position: relative; padding: 0 40px 0 30px;}
.e-list-box2-txt3 a:after{ content: ""; transition: all 0.5s ease-in-out; background: url(/mAI/images/more1.png) no-repeat; height: 16px; width: 16px; position: absolute; top: 35%; right: 15px; }
.e-list-box2-txt4{left: 0;top: 280px;width: 100%;text-align: center; position: absolute;z-index: 1; transition: all 0.3s linear;}
.e-list-box2-txt4 img{display: inline-block;}
.e-list-box2-txt5{right: 50px; top: 73px;position: absolute; transition: all 0.3s linear;opacity: 0;}

.e-list-box2-nav.curr{width: 380px;padding: 0 50px; text-align: left; border: 1px solid #ee2214;}
.e-list-box2-nav.curr h4{color: #ee2214; margin-right: 60px;}
.e-list-box2-nav.curr .e-list-box2-txt4{opacity: 0;display: none;}
.e-list-box2-nav.curr .e-list-box2-txt5{opacity: 1;}
.e-list-box2-nav.curr .e-list-box2-txt3{opacity: 1;}
.e-list-box2-nav.curr .e-list-box2-txt2{opacity: 1;}
.e-list-box2-nav.curr .e-list-box2-line{opacity: 0;}

.e-list-box3{padding: 0 0 65px;}
.e-list-box3-swiper{margin: 35px auto 0; width: 1200px;}
.e-list-box3-div{width: 300px;border-radius: 10px;margin-top: 30px; background: #fff; border:1px solid #d0cece; padding: 40px 40px 50px;}
.e-list-box3-div-logo{height: 80px;}
.e-list-box3-div h4{font-size: 24px; color: #111; margin-bottom: 30px; line-height: 35px; height: 70px; overflow: hidden;}
.e-list-box3-div p{color: #3e3d3d;font-size: 16px;line-height: 25px;height: 100px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}
.e-list-box3-div a{display: inline-block;opacity: 0; background: #e40a20;margin-top: 30px; font-size:14px;color: #fff; line-height: 36px; border-radius:36px;position: relative; padding: 0 40px 0 30px;transition: all 0.3s linear;}
.e-list-box3-div a:after{ content: ""; transition: all 0.5s ease-in-out; background: url(/mAI/images/more1.png) no-repeat; height: 16px; width: 16px; position: absolute; top: 35%; right: 15px; }
.swiper-button1{width: 100%; text-align: center; height: 100px;}
.swiper1 .swiper-button-prev.swiper-button-prev1,.swiper1 .swiper-button-next.swiper-button-next1{background: url(/mAI/images/icon-bg.png) no-repeat; width: 60px; height: 60px;display: inline-block;position: initial;margin-top: 30px;}
.swiper1 .swiper-button-prev.swiper-button-prev1{margin-right: 100px;}
.swiper1 .swiper-button-next.swiper-button-next1{}
.swiper1 .swiper-button-prev.swiper-button-prev1 span{background: url(/mAI/images/left.png) no-repeat center center;float: left; display: inline-block;width: 60px; height: 60px;}
.swiper1 .swiper-button-next.swiper-button-next1 span{background: url(/mAI/images/right.png) no-repeat center center; float: left;display: inline-block;width:60px; height: 60px;}
.swiper1 .swiper-button-prev:after, .swiper1 .swiper-button-next:after{content:'';}

.e-list-box3-div:hover{border: 1px solid #ee2214;
         box-shadow: 0px 16px 20px 0px rgba(226, 0, 14, 0.05);
          -webkit-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
          transform: translateY(-10px);
          -webkit-transition: -webkit-transform .2s linear;
          transition: transform .3s linear;
}
.e-list-box3-div:hover h4{color: #ee1f11;}
.e-list-box3-div:hover a{opacity: 1;}