.Index_solo{width: 100%; height: auto;overflow: hidden; border-bottom: 1px solid #E7E7E7;} .SoloCenter{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;} .SoloCenter ul li{float: left;width: 25%; display: block; height: auto;} .SoloCenter ul li .list{ background: #fff; margin:20px 16px;display: flex; padding: 15px; -moz-box-shadow:1px 2px 16px rgba(52,80,228,0.11); -webkit-box-shadow:1px 2px 16px rgba(52,80,228,0.11); box-shadow:1px 2px 16px rgba(52,80,228,0.11);} .SoloCenter ul li .list .right{flex: 1; padding-left: 15px;} .SoloCenter ul li .list .right p{ height:auto; overflow: hidden;} .SoloCenter ul li .list .right p:nth-child(1){font-size: 18px;color: #474747;} .SoloCenter ul li .list .right p:nth-child(1) span{display: block; float: left;} .SoloCenter ul li .list .right p:nth-child(1) span:nth-child(2){ background: #FF9523;color: #fff;font-size: 12px; padding:0px 8px ; margin-top: 5px; margin-left: 15px;} .SoloCenter ul li .list .right p:nth-child(2){font-size: 16px;color: #979797; margin-top: 10px;} .Index_one{ height: auto; overflow: hidden; width: 100%; padding-top: 104px; padding-bottom: 100px; background: #fff;} .IndexCenter{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;} .Index_one .IndexCenter .title{text-align: center;font-size:36px ;color: #0D1924; padding-bottom: 60px;} .Index_one .IndexCenter ul li{float: left;display: block; width: 400px; height: auto; overflow: hidden;} .Index_one .IndexCenter ul li .Icon{display: block;width: 72px; height: 72px; margin: 0 auto;} .Index_one .IndexCenter ul li .Icon img{width: 100%; height: 72px;} .Index_one .IndexCenter ul li .Info{ background: #fff;-moz-box-shadow:1px 2px 16px rgba(52,80,228,0.11); padding: 55px 0px 60px 0px; -webkit-box-shadow:1px 2px 16px rgba(52,80,228,0.11); box-shadow:1px 2px 16px rgba(52,80,228,0.11); margin: 25px 25px;} .Index_one .IndexCenter ul li .Info .bt{text-align: center;font-size:24px ; color: #0D1924; margin-top: 37px;} .Index_Two{width: 100%; height: auto; overflow: hidden; background:#F7F9FF url(../images/Index_two_bg.png) no-repeat ; padding: 80px 0px 53px 0px;} .Index_Two .title,.Index_Three .title,.Index_four .title,.Index_six .title,.Index_eight .title{text-align: center;} .Index_Two .title p:nth-child(1),.Index_Three .title p:nth-child(1), .Index_four .title p:nth-child(1),.Index_six .title p:nth-child(1), .Index_eight .title p:nth-child(1){font-size:36px;color: #0D1924;} .Index_Two .title p:nth-child(2),.Index_Three .title p:nth-child(2), .Index_four .title p:nth-child(2),.Index_six .title p:nth-child(2), .Index_eight .title p:nth-child(2){font-size:18px; color: #666666; margin-top: 23px;} .Index_two_Info {height: auto; overflow: hidden; position: relative;} .Index_two_Info .texts{width: 490px; padding-top:80px;} .Index_two_Info .texts .text{color: #0D1924; line-height:30px;font-size: 16px; margin-bottom: 36px;} .Index_two_Info .texts .Num{margin-bottom: 22px;} .Index_two_Info .Svg{ position: absolute; width: 75%; right: -10%; top:-30px} .Index_two_Info .Svg img{width: 100%;} .info_link a{display: block;background:rgba(255,255,255,1); box-shadow:0px 2px 18px 0px rgba(52,80,228,0.11); margin: 0 auto; border-radius:8px;width:145px; text-align: center;color: #3251FB;font-size: 18px; line-height: 50px; height:50px; margin-bottom:18px ;} .Index_Three,.Index_four,.Index_six{ padding: 80px 0px 53px 0px; width: 100%; height: auto; overflow: hidden;} .Index_Three{padding: 120px 0px 70px 0px;} .Index_four{padding: 120px 0px 100px 0px;} .Index_Three .swiper-wrapper{height:480px ; padding-top: 100px;} .Index_Three .swiper-list .swiper-slide{width:256px !important;height:326px;border-radius:8px;box-shadow: 1px 1px 16px rgba(52,80,228,0.11); background: #fff; -moz-box-shadow: 1px 1px 16px rgba(52,80,228,0.11);-webkit-box-shadow: 1px 1px 16px rgba(52,80,228,0.11); margin-left: 18px;} .Index_Three .swiper-button-next, .Index_Three .swiper-button-prev { box-shadow: 1px 1px 16px rgba(52,80,228,0.11); background: #fff; -moz-box-shadow: 1px 1px 16px rgba(52,80,228,0.11);-webkit-box-shadow: 1px 1px 16px rgba(52,80,228,0.11); width: 60px; border-radius: 60px; top:87%; height: 60px;transition: all 0.3s ease-in-out 0s;} .Index_Three .swiper-button-next:after,.Index_Three .swiper-button-prev:after {font-size: 25px; text-align: center; line-height: 60px;} .Index_Three .swiper-button-prev { left: 40%;} .Index_Three .swiper-button-next { right: 40%;} .Index_Three .swiper-button-next.swiper-button-disabled, .Index_Three .swiper-button-prev.swiper-button-disabled {opacity: 0.5; } .Index_Three .swiper-list .swiper-slide{ cursor: pointer;} .Index_Three .swiper-list .swiper-slide .Swiper_info{ position: absolute; top:0; left: 0;width: 100%; height: 100%;} .Index_Three .swiper-list .swiper-slide .Swiper_info .Pic{text-align: center; padding-top:65px ;} .Index_Three .swiper-list .swiper-slide .Swiper_info .text{color: #0D1924;font-size: 24px; text-align: center; padding-top: 48px;} .Index_Three .swiper-list .swiper-slide .Swiper_info .infos{text-align: center; color:#666666;font-size: 14px; padding-top: 27px;} .Index_Three .swiper-list .Swiper_top{ position: absolute; top:0; left: 0;width: 100%; height: 100%; background: #2461EF url(../images/Index_hover_bg.png) no-repeat; border-radius:8px ; opacity: 0;} .Index_Three .swiper-list .swiper-slide:hover .Swiper_top{opacity: 1;transition: all 0.3s } .Index_Three .swiper-list .Swiper_top .Pic{text-align: center;padding-top:25px ;} .Index_Three .swiper-list .Swiper_top .text{font-size: 24px;color: #fff; padding-top: 18px;text-align: center;} .Index_Three .swiper-list .Swiper_top .xian{ padding: 0px 30px; padding-top: 14px;} .Index_Three .swiper-list .Swiper_top .xian p{width: 100%; height: 1px; background: #fff;} .Index_Three .swiper-list .Swiper_top .infos{color: #fff;font-size: 14px; line-height: 30px; padding: 0px 30px; padding-top: 15px;} .Index_four .IndexCenter{width: 1400px;} .Index_four{ background: rgba(247,249,255,1);} .Index_four .ListInfo{ position: relative; height: 600px;z-index: 2;width: 1400px;} .Index_four .ListInfo .list{ position: absolute; height: auto;width:400px;z-index: 3; } .Index_four .ListInfo .list .Num{ height: auto; overflow: hidden;} .Index_four .ListInfo .list .text{ line-height:35px;font-size: 18px;color: #0D1924;} .Index_four .ListInfo .list:nth-child(1){left:100px;} .Index_four .ListInfo .list:nth-child(1) .text, .Index_four .ListInfo .list:nth-child(3) .text, .Index_four .ListInfo .list:nth-child(5) .text{ padding-left: 64px;} .Index_four .ListInfo .list:nth-child(2){right: 100px;} .Index_four .ListInfo .list:nth-child(2) .Num img, .Index_four .ListInfo .list:nth-child(4) .Num img, .Index_four .ListInfo .list:nth-child(6) .Num img{ float: right;} .Index_four .ListInfo .list:nth-child(3){left: 0; top:200px} .Index_four .ListInfo .list:nth-child(4){right: 0; top:200px} .Index_four .ListInfo .list:nth-child(5){left: 100px; bottom:11px} .Index_four .ListInfo .list:nth-child(6){right:100px; bottom:11px} .Index_four .info_link{ margin-top: 50px;} .Index_four .Svg{ position: absolute; width: 65%; top:0; left: 50%; margin-left: -32.5%;z-index: 1;} .Index_six { background: url(../images/Index_six_bg.png) bottom no-repeat;} .Index_six .list{ height: auto; overflow: hidden;} .Index_six .list ul li{width:304px; height:266px; background:rgba(255,255,255,1); box-shadow:0px 2px 72px 1px rgba(52,80,228,0.09); border-radius:8px; display: block; float: left; background:#fff url(../images/index_m.png) no-repeat bottom;} .Index_six .info_link{ margin-top: 50px;} .Index_six .info_link a{background: none; box-shadow:none;} .Index_six .list{padding-left: 36px; padding-top: 64px;} .Index_six .list ul li .text{text-align: center;font-size:24px ; color: #0D1924; line-height: 266px;} .Index_six .list ul li{ margin-bottom: 41px; position: relative;} .Index_six .list ul li:nth-child(1), .Index_six .list ul li:nth-child(2), .Index_six .list ul li:nth-child(4), .Index_six .list ul li:nth-child(5){ margin-right: 110px;} .Index_eight{ padding: 120px 0px 70px 0px; height: auto; overflow: hidden;} .Index_eight .list{ padding-top: 87px; padding-bottom: 87px; height: auto; overflow: hidden;} .Index_eight ul{display: block;width: 1240px;} .Index_eight ul li{display: block; width: 264px; height: 342px; float: left; position: relative; margin-right: 20px; margin-left: 20px; border-radius:8px ;cursor: pointer;} .Index_eight ul li:nth-child(1){ background: url(../images/eight_1.png) no-repeat;} .Index_eight ul li:nth-child(2){ background: url(../images/eight_2.png) no-repeat;} .Index_eight ul li:nth-child(3){ background: url(../images/eight_3.png) no-repeat;} .Index_eight ul li:nth-child(4){ background: url(../images/eight_4.png) no-repeat;} .Index_eight ul li .eight_up{ position: absolute; bottom:0px; background:rgba(74,102,253,.8); width: 100%; font-size: 20px;color: #fff;text-align: center;padding: 20px 0; border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;z-index: 0;} .Index_eight ul li .eight_down{ background: #2461EF;border-radius:8px ;width: 100%; height: 100%;z-index: 1;opacity: 0;} .Index_eight ul li .eight_down .pic{text-align: center; padding-top: 40px;} .Index_eight ul li .eight_down .bt{ text-align: center;font-size: 24px;color: #fff; padding: 25px 0;} .Index_eight ul li .eight_down .xian{ height: auto;overflow: hidden; padding: 0px 30px;} .Index_eight ul li .eight_down .xian p{width: 100%; height: 1px; background: #fff;} .Index_eight ul li .eight_down .infos{color: #fff;font-size: 14px;padding: 30px; line-height: 25px;} .Index_eight ul li:hover .eight_up{opacity: 0; transition: all 0.3s} .Index_eight ul li:hover .eight_down{opacity: 1; transition: all 0.3s} /*电销机器人*/ .Ai_Number{ background: #fff; height: auto; overflow: hidden; padding: 30px 0px; border-bottom: 1px solid rgba(231,231,231,1);} .AiCenter{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;} .Ai_Number dl{ display:inline-block;border-left:1px solid #E7E7E7 ; padding: 0px 60px; text-align: center;} .Ai_Number dl dd span.animateNum{font-size: 48px;color: #2461EF;font-weight: 600;} .Ai_Number dl dd span.text{font-size: 30px;color: #2461EF;} .Ai_Number dl dt{color: #0D1924;font-size: 18px; margin-top: 20px;text-align: center;} .Ai_Number dl:last-child{border-right:1px solid #E7E7E7 ;} .AiCenter .title{text-align: center; margin-bottom:83px;} .AiCenter .title div{display:inline} .AiCenter .title .text{font-size:36px;color: #0D1924; padding: 0px 22px;} .AiCenter .bts{color: #666666;font-size: 18px;text-align: center;} .Ai_One,.Ai_Two,.Ai_Three,.AI_four ,.Ai_Phone{ height: auto; overflow: hidden;padding: 120px 0px 70px 0px; border-bottom: 1px solid #E7E7E7;} .Ai_One .list{ height: auto; overflow: hidden; padding-top: 50px;} .Ai_One .list ul li{float: left; display: block; float: left;width:264px; height:290px; background:rgba(255,255,255,1); border-radius:8px;-moz-box-shadow: 1px 2px 16px rgba(52,80,228,0.11); padding: 55px 0px 60px 0px; -webkit-box-shadow: 1px 2px 16px rgba(52,80,228,0.11); position: relative; box-shadow: 1px 2px 16px rgba(52,80,228,0.11); margin-left: 16px; margin-top: 16px; margin-bottom: 16px;} .Ai_One .list ul li{ margin-right: 16px;} .Ai_One .list ul li .pic{text-align: center; border-bottom: 1px solid rgba(231,231,231,1) ; padding-bottom: 20px;} .Ai_One .list ul li .bt{ color: #0D1924;font-size:20px; text-align: center;font-weight:bold; padding: 25px 0;} .Ai_One .list ul li .info{color: #666666;font-size: 14px; padding: 0px 32px; line-height: 25px;} .trial{ height: auto; overflow: hidden; padding-top:50px ;} .trial a{width:165px; height:49px; background:rgba(36,97,239,1); box-shadow:0px 2px 18px 0px rgba(52,80,228,0.11); border-radius:8px;display: block; text-align: center; line-height: 49px; margin: 0 auto;color: #fff;font-size: 20px;} .Ai_Two .title,.Ai_Three .title{ margin-bottom: 22px;} .Ai_Two{ background: url(../images/AI_Two_bg.png) no-repeat;} .Ai_Two .list{ padding-left: 16px; height: auto; overflow: hidden; padding-top: 70px;} .Ai_Two ul li{display: block; float: left;width: 527px; overflow: hidden; height:181px; border-radius:8px;box-shadow: 1px 1px 16px rgba(52,80,228,0.11); background: #fff; -moz-box-shadow: 1px 1px 16px rgba(52,80,228,0.11); -webkit-box-shadow: 1px 1px 16px rgba(52,80,228,0.11); position: relative; margin-bottom: 22px; display: flex;} .Ai_Two ul li:nth-child(even){ margin-right: 16px;float: right;} .Ai_Two ul li .icon{ padding:49px 0px 23px 30px;} .Ai_Two ul li .right{ padding-left: 32px; padding-top:20px; padding-right: 22px;} .Ai_Two ul li .right .bt{font-size: 24px;color: #0D1924;} .Ai_Two ul li .right .infos{color: #666666;font-size: 16px; line-height: 30px;padding: 22px 0px 22px 0px;} .Ai_Two .info_link{ margin-top: 50px;} .Ai_Three{ background:#2461EF url(../images/AI_Two_bg.png) repeat;width: 100%;} .Ai_Three .AiCenter .title .text,.Ai_Three .AiCenter .bts{color: #fff;} .Ai_Three .swiper-list { padding-top: 70px;} .Ai_Three .swiper-list .swiper-wrapper{ height: 470px;} .Ai_Three .swiper-slide{ background: #fff url(../images/swiper_bg.png) repeat; border-radius:8px ; height: 343px;} .Ai_Three .swiper-slide .info{} .Ai_Three .swiper-slide .pic img{width: 100%;} .Ai_Three .swiper-slide .bt{font-size:24px;color: #0D1924;font-weight:bold; padding: 25px 30px; text-align: center;} .Ai_Three .swiper-slide .bt p{ border-bottom: 1px solid rgba(231,231,231,1); padding-bottom: 25px;} .Ai_Three .swiper-slide .en_bt{color: #666666;font-size: 18px;text-align: center;} .Ai_Three .swiper-button-next,.Ai_Three .swiper-button-prev { background: #fff;width:60px; border-radius:60px ; top:93%; height: 60px;} .Ai_Three .swiper-button-next:after, .Ai_Three .swiper-button-prev:after {font-size: 26px;} .Ai_Three .swiper-button-next {right:42%} .Ai_Three .swiper-button-prev {left: 42%;} .Ai_Three .swiper-button-next.swiper-button-disabled,.Ai_Three .swiper-button-prev.swiper-button-disabled{opacity: 0.5;} .AI_four{ background: url(../images/video_bg.png) no-repeat; padding-bottom: 100px;} .AI_four .Table{ height: auto; overflow: hidden;display: flex; padding-top: 70px;} .AI_four .TabNave{width:201px; height: auto; overflow: hidden; padding-top: 20px;} .AI_four .TabNave ul li{display: block; height: 118px; background: #E8EAF0; margin-bottom: 15px; border-radius:8px ; text-align: center; line-height: 118px;font-size:20px; cursor: pointer;} .AI_four .TabNave ul li.active{ background: #2461EF; height:148px; line-height: 148px;color: #fff;} .AI_four .list{ height: auto; overflow: hidden; padding-bottom: 70px; padding-top: 70px;} .AI_four .list ul li{float: left; display: block; width: 242px; height: 256px;background:#2461EF; box-shadow:0px 2px 18px 0px rgba(52,80,228,0.11); border-radius:8px;position: relative; margin-left: 36px; margin-right: 18px; margin-bottom: 60px;} .AI_four .list ul li .Audio_up{ padding: 10px 20px;color: #fff; } .AI_four .list ul li .Audio_up .en_title{font-size: 16px; margin-bottom: 5px;} .AI_four .list ul li .Audio_up .cn_title{font-size: 18px;} .AI_four .Audio_Main{ background: #fff;height: 186px;} .TabMain{flex: 1; padding: 20px;} .TabMain .tab{ background: #fff;box-shadow:0px 2px 18px 0px rgba(52,80,228,0.11);border-radius:8px; height:365px; padding: 30px ;} .TabMain .tab:nth-child(1){display: flex;} .TabMain .tab:nth-child(1) dl{ margin-bottom:20px;} .TabMain .tab dl dt{font-size: 24px;color: #0D1924; padding-top: 10px; margin-bottom:10px;} .TabMain .tab dl dd{font-size: 14px;color: #666666; line-height: 30px;} .TabMain .tab:nth-child(1) .Info{flex: 7; padding-right: 30px;} .TabMain .tab:nth-child(1) .pic{flex: 3;} .TabMain .tab:nth-child(2),.TabMain .tab:nth-child(3){display: none;} .Ai_Phone{ background:rgba(245,246,251,1) url(../images/AI_phone_bg.png) center no-repeat; padding: 40px 0px; padding-bottom: 60px;} .Ai_Phone .AiCenter .title{margin-top: 20px;margin-bottom: 50px;} .Ai_Phone ul{text-align: center;} .Ai_Phone ul li{display: inline-block;} .Ai_Phone ul li input{width: 339px; height: 46px; border-radius:46px; text-align: center; background: none; border:1px solid rgba(36,97,239,1);font-size: 18px;} .Ai_Phone ul li button{ background: #2461EF; color: #fff; height: 46px; text-align: center;width:120px; border-radius:46px; margin-left: 10px; border:1px solid rgba(36,97,239,1); cursor: pointer;font-size: 18px;} /*言小信样式*/ .Yt_Index_up { height: auto; overflow: hidden; padding: 20px 0px 19px 0px; border-bottom: 1px solid #E7E7E7;} .Yt_Index_up ul li{float: left; display: block;} .Yt_Index_up ul li{font-size: 24px;color: #0D1924;} .Yt_Index_up ul li:nth-child(1){ padding: 0px 161px 0px 74px;} .Yt_Index_up ul li:nth-child(1) img{width: 250px; } .Yt_Index_up ul li:nth-child(2) { padding: 0px 56px;border-right:1px solid #E7E7E7;border-left:1px solid #E7E7E7;} .Yt_Index_up ul li:nth-child(3){ padding: 0px 138px 0px 201px;} .Yt_Index_up ul li:nth-child(3) img{width:155px; margin-top: 3px;} .Yt_Index{ padding:120px 0px 70px 0px; height: auto; overflow: hidden;} .Yt_index_info{ position: relative;z-index: 1;} .Yt_index_info .info .Pic{text-align:center; padding-top: 304px; padding-bottom: 325px;} .Yt_index_info .list{ position: absolute;z-index: 2; width: 333px; height: 197px; -webkit-box-shadow: 1px 2px 16px rgba(52,80,228,0.11); box-shadow: 1px 2px 16px rgba(52,80,228,0.11);-moz-box-shadow: 1px 2px 16px rgba(52,80,228,0.11); border-radius:8px ;transition: all 0.3s ease-in-out 0s;} .Yt_index_info .list:hover{ background: #2461EF;transition: all 0.3s ease-in-out 0s;} .Yt_index_info .list:hover dl dd,.Yt_index_info .list:hover dt{color: #fff !important;} .Yt_index_info .list:hover .Num{display: none;} .Yt_index_info .list .Num{ position: relative;font-size: 94px;color: #E2EBFF;opacity:0.77; text-align:center; line-height: 174px;} .Yt_index_info .list dl{ position: absolute; top:0; height: 197px;width: 333px;} .Yt_index_info .list dl dt{text-align: center;font-size:24px;color: #0D1924; padding-top: 32px;} .Yt_index_info .list dl dd{text-align: center;color: #666666;font-size: 16px; line-height: 30px; padding:15px 23px 34px 22px ;} .Yt_index_info .list:nth-child(2){ top:55px; left: 173px;} .Yt_index_info .list:nth-child(3){ top:55px;right:173px} .Yt_index_info .list:nth-child(4){ top:360px;left:16px} .Yt_index_info .list:nth-child(5){ top:360px;right:16px} .Yt_index_info .list:nth-child(6){ top:657px;left:173px} .Yt_index_info .list:nth-child(7){ top:657px;right:173px} .Yt_index_two{ background:rgba(245 246 251) url(../images/Yt_index_two_bg.png) no-repeat; padding: 120px 0px 70px 0px;} .Yt_index_two .list{ height: auto; margin-top: 50px;width: 1300px;} .Yt_index_two .list ul li{display: block; background: #fff url(../images/Yt_two_list_bg.png) bottom no-repeat; width:292px; height:340px;border-radius:8px;-webkit-box-shadow: 1px 2px 16px rgba(52,80,228,0.11); box-shadow: 1px 2px 16px rgba(52,80,228,0.11);-moz-box-shadow: 1px 2px 16px rgba(52,80,228,0.11); float: left;transition: all 0.3s ease-in-out 0s;} .Yt_index_two .list ul li{ margin-left: 60px; margin-right: 60px; margin-bottom: 38px;} .Yt_index_two .list ul li:nth-child(1) .pic,.Yt_index_two .list ul li:nth-child(3) .pic{ margin-top: 49px;} .Yt_index_two .list ul li:nth-child(2) .pic{ margin-top: 48px;} .Yt_index_two .list ul li:nth-child(4) .pic,.Yt_index_two .list ul li:nth-child(5) .pic{margin-top: 29px;} .Yt_index_two .list ul li:nth-child(6) .pic{ margin-top: 28px;} .Yt_index_two .list ul li .pic{text-align: center;} .Yt_index_two .list ul li .bt{font-size:24px ;color: #0D1924;text-align: center;margin-top:15px} .Yt_index_two .list ul li .info{ padding: 19px 39px; line-height: 30px;color: #666666;font-size: 14px;text-align: center;} .Yt_index_two .list ul li:hover{ margin-top: -15px;transition: all 0.3s ease-in-out 0s; margin-bottom:53px ;} .Yt_index_three{ background: #FFF;height: auto; overflow: hidden; padding: 120px 0px 100px 0px; border-bottom: 1px solid #F2F2F2;} .Yt_index_three .list{width: 1246px; height: auto; overflow: hidden; margin-top: 79px;} .Yt_index_three ul li{ height: auto; overflow: hidden; display: block; width: 365px; height: 465px; background: #fff url(../images/swiper_bg.png) repeat; border-radius:8px; margin: 0px 20px; float: left;-webkit-box-shadow: 1px 2px 16px rgba(52,80,228,0.11); box-shadow: 1px 2px 16px rgba(52,80,228,0.11);-moz-box-shadow: 1px 2px 16px rgba(52,80,228,0.11); margin-bottom: 25px;} .Yt_index_three ul li .bt{text-align: center;color: #0D1924;font-size: 25px; margin: 15px 0px 15px 0px;} .Yt_index_three ul li .xian{ height: auto;overflow: hidden; padding: 0px 137px;} .Yt_index_three ul li .xian p{width: 100%; height: 2px; background: #2461EF;} .Yt_index_three ul li .info{text-align: center; line-height: 25px;color: #666666; padding-top: 20px;} .Yt_index_four{ background:#fff url(../images/Yt_index_two_bg.png) no-repeat; height: auto;overflow: hidden; padding: 120px 0px 100px 0;} .Yt_index_four .Table{ height: auto; overflow: hidden; margin-top: 48px;} .Yt_index_four .Table .TabNave{ height: auto; overflow: hidden;} .Yt_index_four .Table .TabNave ul li{display:block; width: 153px; height: 153px; -webkit-box-shadow: 1px 1px 16px rgba(52,80,228,0.11); box-shadow: 1px 1px 16px rgba(52,80,228,0.11);-moz-box-shadow: 1px 1px 16px rgba(52,80,228,0.11); background: #fff; margin-bottom: 16px; border-radius:153px ; cursor: pointer; float: left; margin-left: 43px; margin-right: 43px;} .Yt_index_four .Table .TabNave ul li:nth-child(1){ background:#fff url(../images/Yt_icon_1.png) center no-repeat;} .Yt_index_four .Table .TabNave ul li:nth-child(2){background:#fff url(../images/Yt_icon_2.png) center no-repeat;} .Yt_index_four .Table .TabNave ul li:nth-child(3){background:#fff url(../images/Yt_icon_3.png) center no-repeat;} .Yt_index_four .Table .TabNave ul li:nth-child(4){background:#fff url(../images/Yt_icon_4.png) center no-repeat;} .Yt_index_four .Table .TabNave ul li:nth-child(5){background:#fff url(../images/Yt_icon_5.png) center no-repeat;} .Yt_index_four .Table .TabNave ul li.active:nth-child(1){ background: #2461EF url(../images/Yt_icon_1_h.png) center no-repeat;} .Yt_index_four .Table .TabNave ul li.active:nth-child(2){ background: #2461EF url(../images/Yt_icon_2_h.png) center no-repeat;} .Yt_index_four .Table .TabNave ul li.active:nth-child(3){ background: #2461EF url(../images/Yt_icon_3_h.png) center no-repeat;} .Yt_index_four .Table .TabNave ul li.active:nth-child(4){ background: #2461EF url(../images/Yt_icon_4_h.png) center no-repeat;} .Yt_index_four .Table .TabNave ul li.active:nth-child(5){ background: #2461EF url(../images/Yt_icon_5_h.png) center no-repeat;} .Yt_index_four .Table .TabMain .tabs{display: flex;} .Yt_index_four .Table .TabMain .tabs .left{ padding-left: 94px; padding-top: 90px;} .Yt_index_four .Table .TabMain .tabs .left .bt{font-size:30px; color: #0D1924; margin-bottom: 20px;} .Yt_index_four .Table .TabMain .tabs .left .text{font-size:20px;color: #0D1924; margin-bottom: 27px;} .Yt_index_four .Table .TabMain .tabs .left .info{color: #666666;font-size: 18px; line-height: 35px;} .Yt_index_four .Table .TabMain .tabs .xian p{ width: 1px; height: 240px; background: #d8d7d7; margin-top: 76px;} .Yt_index_four .Table .TabMain .tabs .left,.Yt_index_four .Table .TabMain .tabs .right{flex: 5;} .Yt_index_four .Table .TabMain .tabs .right{ padding-left: 111px; padding-top: 34px; text-align: right;} .Yt_index_four .Table .TabMain .tabs .right img{width: 357px; height: 294px;} /*呼叫中心*/ .Commont .AiCenter .title{margin-bottom: 20px;} .Call_index_up{height: auto;overflow: hidden;} .Call_index_up_center{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;} .Call_index_up_center ul li{display: block; float: left; background: #fff;-webkit-box-shadow: 1px 2px 16px rgba(37,63,156,0.07); box-shadow: 1px 2px 16px rgba(37,63,156,0.08);-moz-box-shadow: 1px 2px 16px rgba(37,63,156,0.07);width: 165px; height: 43px; margin: 16px 14px; padding: 24px 53px; border-radius:8px ;} .Call_index_up_center ul li .pic{float: left;} .Call_index_up_center ul li .bt{float: left;font-size: 24px;color: #0D1924; padding-left: 15px; margin-top: 5px;} .Call_index_two { padding: 120px 0px 100px 0px; height: auto; background: rgba(245 246 251);} .Call_index_two .Call_two_info{ position: relative;z-index: 1;} .Call_index_two .Call_two_info .pic{text-align:center;padding-top: 91px;} .Call_index_two .Call_two_info .list{ position: absolute;z-index: 2;font-size: 16px;color: #666666;} .Call_index_two .Call_two_info .list:nth-child(2){ top:82px; width: 288px; left: 124px;} .Call_index_two .Call_two_info .list:nth-child(3){ top:82px;right:95px; width: 288px;} .Call_index_two .Call_two_info .list:nth-child(4){top:228px; left:22px;width: 287px;} .Call_index_two .Call_two_info .list:nth-child(5){top:228px;right:22px; width: 162px;} .Call_index_two .Call_two_info .list:nth-child(6){top:354px;left:0; width: 275px; } .Call_index_two .Call_two_info .list:nth-child(7){top:354px;right:0;width: 347px;} .Call_index_two .Call_two_info .list:nth-child(8){top:491px;left:145px; width: 258px;} .Call_index_two .Call_two_info .list:nth-child(9){top:466px;right:106px; width: 268px;} .Call_index_three{ height: auto; overflow: hidden;padding: 120px 0px 100px 0px; border-bottom: 1px solid #E7E7E7;} .Call_index_three .list{ height: auto; overflow: hidden; padding-top: 76px;} .Call_index_three .list ul li{display: block; height: auto; overflow: hidden; background: #fff; height:144px ; margin-bottom: 25px; padding: 25px 0px; border-radius:8px ; text-align: center; width: 160px;font-size: 20px;color:#0D1924; cursor: pointer; float: left; margin-left: 20px; margin-right: 20px;} .Call_index_three .list ul li .bt{ margin-top: 23px;} .Call_index_three .list ul li:hover{box-shadow: 1px 1px 16px rgba(52,80,228,0.11);-moz-box-shadow: 1px 1px 16px rgba(52,80,228,0.11); -webkit-box-shadow: 1px 1px 16px rgba(52,80,228,0.11);} .Call_index_four{ height: auto; overflow: hidden;padding: 120px 0;} .Call_index_four .list{ padding-top: 70px;} .Call_index_four ul li{display: block;width: 300px; height: 400px;float: left; position: relative;} .Call_index_four ul li:nth-child(1){ background: url(../images/Call_four_1.png) no-repeat;} .Call_index_four ul li:nth-child(2){ background: url(../images/Call_four_2.png) no-repeat;} .Call_index_four ul li:nth-child(3){ background: url(../images/Call_four_3.png) no-repeat;} .Call_index_four ul li:nth-child(4){ background: url(../images/Call_four_4.png) no-repeat;} .Call_index_four ul li .info{text-align: center;color: #fff; position: absolute; bottom:60px;width: 100%;} .Call_index_four ul li .info .bt{font-size: 26px;} .Call_index_four ul li .info .en_bt{font-size: 18px; margin-top: 10px;} /*电销机器人*/ .Ai_Call_One { height: auto; overflow: hidden; padding: 120px 0px 100px 0px; } .Ai_Call_One .list{ height: auto;overflow: hidden; padding-top: 72px;} .Ai_Call_One ul li{display: block;width: 307px; height: 385px; float: left; background: #fff;box-shadow: 1px 1px 16px rgba(52,80,228,0.11); -moz-box-shadow: 1px 1px 16px rgba(52,80,228,0.11);-webkit-box-shadow: 1px 1px 16px rgba(52,80,228,0.11); margin-bottom: 20px; border-radius:8px; margin-left:47px; margin-right: 46px; transition: all 0.3s ease-in-out 0s; text-align: center} .Ai_Call_One ul li .pic{width: 92px; height: 79px; margin: 0 auto; background: #000; margin-top: 50px;} .Ai_Call_One ul li:nth-child(1) .pic{ background: url(../images/Ai_Call_one_1.png) no-repeat;} .Ai_Call_One ul li:nth-child(2) .pic{ background: url(../images/Ai_Call_one_2.png) no-repeat;} .Ai_Call_One ul li:nth-child(3) .pic{ background: url(../images/Ai_Call_one_3.png) no-repeat;} .Ai_Call_One ul li:hover{ background: #2461EF;color: #fff;} .Ai_Call_One ul li:nth-child(1):hover .pic{background: url(../images/Ai_Call_one_1_h.png) no-repeat;} .Ai_Call_One ul li:nth-child(2):hover .pic{background: url(../images/Ai_Call_one_2_h.png) no-repeat;} .Ai_Call_One ul li:nth-child(3):hover .pic{background: url(../images/Ai_Call_one_3_h.png) no-repeat;} .Ai_Call_One ul li .bt{font-size: 22px; margin-top:30px;} .Ai_Call_One ul li .infos{font-size: 16px; margin-top:30px; padding: 0px 50px; line-height: 35px;color: #666666;} .Ai_Call_One ul li:hover .infos{color: #fff;} .Ai_Call_Two{background:rgba(245 246 251) url(../images/Ai_Call_Two_BG.png) repeat; padding: 120px 0px 100px 0px;} .Ai_Call_Two .list{ height: auto; overflow: hidden; padding-top: 100px;} .Ai_Call_Two ul li{display: block; background: url(../images/Ai_Call_Two_list_bg.png) no-repeat;color: #666666;font-size: 20px; text-align: center; line-height: 35px; width: 143px; height:189px; float: left; margin-left: 23px; margin-right: 24px; padding-top: 90px; padding-left: 55px; padding-right: 55px; } .Ai_Call_Three{ height: auto; overflow: hidden;padding: 120px 0px 100px 0px; border-bottom: 1px solid #E7E7E7;} .Ai_Call_Three .list{ height: auto; overflow: hidden; margin-top: 70px;} .Ai_Call_Three ul li{display: block;width:442px;height:355px; float: left; margin-left: 80px; margin-right: 50px; background:rgba(255,255,255,1);box-shadow:0px 2px 18px 0px rgba(52,80,228,0.11);border-radius:8px;margin-bottom: 20px;} .Ai_Call_Three ul li .bt{ background: #3175FF url(../images/Ai_Call_Three_list_bg.png) bottom no-repeat; height: 117px;text-align:center;font-size: 28px;color: #fff; border-top-left-radius:8px;border-top-right-radius:8px; line-height: 117px;} .Ai_Call_Three ul li .info{font-size:18px;color:#666666; padding: 41px 62px 53px 56px; line-height: 35px;text-align: center;} .Ai_Call_six{height: auto; overflow: hidden; padding: 120px 0px 100px 0px;} .Ai_Call_six .list{ height: auto; margin-top: 80px;} .Ai_Call_six ul li{display: block; width: 366px; height: 434px;box-shadow: 1px 1px 16px rgba(52,80,228,0.11);transition: all 0.3s ease-in-out 0.3s; -moz-box-shadow: 1px 1px 16px rgba(52,80,228,0.11);-webkit-box-shadow: 1px 1px 16px rgba(52,80,228,0.11); background: #fff; float: left; margin-left: 18px;margin-right: 16px; border-radius:8px ; border-top: 10px solid #3175FF; margin-bottom: 20px;} .Ai_Call_six ul li .pic{text-align:center; height: auto; overflow: hidden; margin-top: 45px;} .Ai_Call_six ul li .bt{text-align:center;font-size:28px ;color: #0D1924; border-bottom: 1px solid #E7E7E7; height: auto; overflow: hidden; padding: 25px 0px ;} .Ai_Call_six ul li .info{font-size: 16px;color:#666666; line-height: 25px; text-align:center; padding: 42px 36px 0px 43px; line-height: 30px;} .Ai_Call_six ul li:hover{ margin-top: -20px;transition: all 0.3s ease-in-out 0.3s;} .Ai_Call_eg{ background: #f5f6fb url(../images/Ai_Call_Two_BG.png) no-repeat;padding: 120px 0px 50px 0px;} .Ai_Call_eg .list{ height: auto; overflow: hidden;width: 100%; } .Ai_Call_eg .list:nth-child(1){ padding-top: 70px; padding-bottom: 30px;} .Ai_Call_eg .list:nth-child(2){ padding-top: 40px;} .Ai_Call_eg .list .left{width: 567px;} .Ai_Call_eg .list ul li{display: block; background: #fff;height: 117px; line-height: 117px; border-radius:8px; margin-bottom: 20px; text-align: center; font-size: 18px;color: #0D1924;} .Ai_Call_eg .list ul li.ts{ line-height: 30px; padding-top: 30px; height: 87px;} .Ai_Call_eg .list:nth-child(1) .left:nth-child(1) ul li:nth-child(1), .Ai_Call_eg .list:nth-child(1) .left:nth-child(2) ul li:nth-child(1), .Ai_Call_eg .list:nth-child(2) .left:nth-child(1) ul li:nth-child(1), .Ai_Call_eg .list:nth-child(2) .left:nth-child(2) ul li:nth-child(1){ border-top:2px solid #007AFF ;} /*加盟合作*/ .Join_One{ height: auto; overflow: hidden; padding: 120px 0px 100px 0;} .Join_One .ListInfo{ height: auto; overflow: hidden; margin-top: 69px;} .Join_One .ListInfo .left:nth-child(1){width: 638px; height: auto; overflow: hidden;} .Join_One .ListInfo .left h3{font-size: 30px; margin-bottom: 40px;color:#0D1924;font-weight: normal;} .Join_One .ListInfo .left p{color: #666666;font-size: 18px; line-height: 30px; } .Join_One .ListInfo .left p:nth-child(2){ margin-bottom: 43px;} .Join_One .ListInfo .left:nth-child(2){ width: 502px;text-align: right;} .Join_One .ListInfo .left:nth-child(2) img{width: 502px;} .Link_jr{ height: auto; overflow: hidden; margin: 30px 0;} .Link_jr a{display: block;width:165px; height:49px;background:rgba(36,97,239,1);box-shadow:0px 2px 18px 0px rgba(52,80,228,0.11); border-radius:8px; margin: 0 auto; text-align: center; line-height:49px ;font-size: 20px;color: #fff;} .Join_Two{ background: rgba(245 246 251); height: auto; overflow: hidden; padding: 120px 0px 100px 0px;} .Join_Two .swiper-wrapper{ height:541px;} .Join_Two .swiper-wrapper .swiper-slide { height:388px;width: 268px;} .Join_Two .swiper-wrapper .swiper-slide{ background: #fff;box-shadow:0px 2px 18px 0px rgba(52,80,228,0.11); border-radius:8px;} .Join_Two .swiper-wrapper .swiper-slide .pic{width: 99px; height: 93px; margin: 0 auto; margin-top: 38px;} .Join_Two .swiper-wrapper .swiper-slide .bt{color: #0D1924; font-size: 24px;font-weight: normal;text-align: center; padding: 28px 0px;} .Join_Two .swiper-wrapper .swiper-slide .en_bt{font-size: 14px;color: #666666; line-height: 25px;text-align: center; padding: 0px 36px 0px 36px;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(1) .pic{ background: url(../images/Join_Two_icon_1.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(2) .pic{ background: url(../images/Join_Two_icon_2.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(3) .pic{ background: url(../images/Join_Two_icon_3.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(4) .pic{ background: url(../images/Join_Two_icon_4.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(5) .pic{ background: url(../images/Join_Two_icon_5.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(6) .pic{ background: url(../images/Join_Two_icon_6.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(7) .pic{ background: url(../images/Join_Two_icon_7.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(8) .pic{ background: url(../images/Join_Two_icon_8.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:hover{background: #4278f5;} .Join_Two .swiper-wrapper .swiper-slide:hover .bt,.Join_Two .swiper-wrapper .swiper-slide:hover .en_bt{color: #fff;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(1):hover .pic{ background: url(../images/Join_Two_icon_1_h.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(2):hover .pic{ background: url(../images/Join_Two_icon_2_h.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(3):hover .pic{ background: url(../images/Join_Two_icon_3_h.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(4):hover .pic{ background: url(../images/Join_Two_icon_4_h.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(5):hover .pic{ background: url(../images/Join_Two_icon_5_h.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(6):hover .pic{ background: url(../images/Join_Two_icon_6_h.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(7):hover .pic{ background: url(../images/Join_Two_icon_7_h.png) center no-repeat;} .Join_Two .swiper-wrapper .swiper-slide:nth-child(8):hover .pic{ background: url(../images/Join_Two_icon_8_h.png) center no-repeat;} .Join_Two .swiper-list { height: auto; overflow: hidden; margin-top: 80px;} .Join_Two .swiper-list .swiper-button-next,.Join_Two .swiper-list .swiper-button-prev{width: 60px; height: 60px; background: #fff; border-radius:60px ; box-shadow: 1px 1px 16px rgba(37,63,156,0.09);-moz-box-shadow: 1px 1px 16px rgba(37,63,156,0.09); -webkit-box-shadow: 1px 1px 16px rgba(37,63,156,0.09);top: 91%} .Join_Two .swiper-list .swiper-button-next:after ,.Join_Two .swiper-list .swiper-button-prev:after {font-size: 25px;} .Join_Two .swiper-list .swiper-button-next{right: 40%} .Join_Two .swiper-list .swiper-button-prev{left: 40%;} .Join_Two .swiper-button-next.swiper-button-disabled,.Join_Two .swiper-button-prev.swiper-button-disabled{opacity: .8;} .Join_Three{ background: #2461EF url(../images/Join_Three_bg.png) no-repeat; padding: 120px 0px 100px 0px;} .Join_Three .AiCenter .title{color: #fff;margin-bottom: 20px;} .Join_Three .ListComment{ background: rgba(255,255,255,.2); padding: 36px 0px; height: auto; overflow: hidden; border-radius:8px ;} .Join_Three .ListComment .bt{text-align: center; font-size: 30px;color: #fff;font-weight: normal; margin-bottom: 49px;} .Join_Three .ListComment ul li{display: block;float: left;} .Join_Three .list_one{ margin-bottom: 36px; margin-top: 46px;} .Join_Three .list_one ul{ height: auto; overflow: hidden;text-align: center; padding-left:62px ;} .Join_Three .list_one ul li{width: 284px; height:68px; background: #fff; border-radius:8px;display:block; text-align: center; padding-top:23px; margin:0px 38px ;} .Join_Three .list_one ul li:nth-child(1){ padding-top: 25px; height: 58px;} .Join_Three .list_one ul li:nth-child(2){ padding-top: 28px; height: 60px;} .Join_Three .text{font-size: 24px;color: #fff;} .Join_Three ul li{width: 300px; text-align:center;} .Join_Three ul li .pic{ padding-bottom: 31px;} .Join_Three ul li .pic img{width: 120px; height: 120px;} .Join_Three .AiCenter .title .text, .Join_Three .AiCenter .bts{color: #fff;} .Join_four{ height: auto; overflow: hidden; padding: 120px 0px 100px 0px;} .Join_four .Four_Main .pic{ padding: 169px 0px; margin: 0 auto; text-align: center;} .Join_four .Four_Main { position: relative; z-index: 1;} .Join_four .Four_Main .text{ position: absolute; z-index: 2;color: #0D1924;font-size: 24px;} .Join_four .Four_Main .text:nth-child(2){ top:81px; width: 100%; text-align: center;} .Join_four .Four_Main .text:nth-child(3){ top:198px; left: 150px;} .Join_four .Four_Main .text:nth-child(4){ top:198px; right: 150px;} .Join_four .Four_Main .text:nth-child(5){ top:398px; left: 0px;} .Join_four .Four_Main .text:nth-child(6){ top:398px; right: 0px;} .Join_four .Four_Main .text:nth-child(7){ top:632px; left: 150px;} .Join_four .Four_Main .text:nth-child(8){ top:632px; right: 150px;} .Join_four .Four_Main .text:nth-child(9){ bottom:81px; width: 100%; text-align: center;} .Join_five{ background: rgba(245 246 251) url(../images/Join_five_bg.png) bottom no-repeat; padding: 120px 0px 100px 0px;} .Join_five .list{ height: auto;overflow: hidden; padding-top: 50px;} .Join_five .list ul li{display: block; float: left; width: 240px; text-align: center; margin-bottom: 20px;} .Join_five .list ul li .text{ font-size: 24px;color: #0D1924; margin: 15px 0px 15px 0;} .Join_five .list ul li .info{color: #666666;font-size: 14px; line-height: 25px;} .Join_Phone{ background:#2461EF url(../images/Join_Phone_bg.png) repeat; border-bottom: 0px;} .Join_Phone .AiCenter .title .text{color: #fff;} .Ai_Phone.Join_Phone ul li input{ border:1px solid rgba(255,255,255,1) ;} .Ai_Phone.Join_Phone ul li input::-webkit-input-placeholder{color: #fff;} .Join_Phone ul li button{ background: #fff;border: 1px solid #fff;color: rgba(36,97,239,1);} .Join_Link{position: absolute;bottom: 140px; z-index: 8;left: 50%; margin-left: -75px;} .Join_Link a { width: 150px; height: 50px;display: block; background: #fff; line-height: 50px; text-align: center;font-size: 16px; color: rgba(36,97,239,1); border-radius: 30px; } /*面销宝页面*/ .MXB_One{ height: auto; overflow: hidden; padding: 120px 0px 100px 0px;} .MXB_One .list{ height: auto;overflow: hidden; padding-top:41px ;} .MXB_One .list ul li{display: block; width: 324px; height: 435px; background: #fff; float: left;box-shadow: 1px 1px 16px rgba(52,80,228,0.11);transition: all 0.3s ; -moz-box-shadow: 1px 1px 16px rgba(52,80,228,0.11);-webkit-box-shadow: 1px 1px 16px rgba(52,80,228,0.11); margin:16px 38px; border-radius:8px ;} .MXB_One .list ul li:hover{ margin-top: -10px;transition: all 0.3s ease-in-out 0.4s;} .MXB_One .list ul li .pic{text-align: center; padding: 15px 0px;} .MXB_One .list ul li .bt{font-size: 24px;font-weight: normal;text-align: center; border-top:1px dashed #dedede; padding:25px 0; padding-top: 40px;} .MXB_One .list ul li .info{color: #666;font-size: 16px;text-align: center; line-height:30px;} .MXB_two{ background: rgba(245 246 251) url(../images/MXB_two_bg.png) no-repeat; padding:120px 0px 100px 0px; overflow: hidden;} .MXB_two .AiCenter{overflow: initial ;} .MXB_two .list{width: 1233px; padding-top: 74px;} .MXB_two ul li{display: block; background: #fff url(../images/MXB_two_list_bg.png) bottom no-repeat;box-shadow: 1px 2px 18px rgba(37,63,156,0.09);transition: all 0.3s ease-in-out 0.3s; -moz-box-shadow: 1px 2px 18px rgba(37,63,156,0.09);-webkit-box-shadow: 1px 2px 18px rgba(37,63,156,0.09); width: 270px; height: 359px; float: left; margin-left: 19px;margin-right: 19px; position: relative; margin-bottom: 38px; border-radius:8px ;} .MXB_two ul li .pic{text-align: center; height: auto; overflow: hidden; padding: 35px 0px; padding-top: 55px;} .MXB_two ul li .bt{text-align: center; margin-bottom: 35px;font-size: 24px;color: #0D1924;} .MXB_two ul li .info{ height: auto; overflow: hidden; padding: 0px 30px; line-height: 25px;color: #666666;text-align: center;} .MXB_two ul li:hover{ margin-top: -15px; margin-bottom:53px ;} .MXB_three{background: #fff;padding: 80px 0;} .MXB_three .list{ margin-top: 40px; height: auto; overflow: hidden;} /*新闻页面*/ .News{ height: auto; overflow: hidden; padding: 77px 0;} .News .list{ height: auto; overflow: hidden; margin-top: 51px;} .News .list ul li{ border-bottom: 1px solid #efefef; padding: 18px 0;display: block;} .News .list ul li a{display: flex;} .News .list ul li .pic{width:266px; height: 170px; background: #F2F2F2;text-align: center;line-height: 170px;border-radius:8px ;} .News .list ul li .pic img{width: 100%;vertical-align: middle;max-height: 170px;} .News .list ul li .left{flex: 1; padding-left:60px;} .News .list ul li .left .bt{font-size: 18px;color: rgb(13, 25, 36);line-height: 25px;text-align: justify; margin-bottom: 6px;} .News .list ul li .left .time{margin-bottom: 16px;font-size: 14px; font-weight: 400; color: rgb(102, 102, 102);line-height: 24px;} .News .list ul li .left .infos{font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); line-height: 21px;} /*关于我们*/ .About_Banner{ height: 475px; width: 100%; position: relative;} .About_Banner .pic img{width: 100%; height: 475px;} .About_Banner .Nav_list{ position: absolute; height: 66px; background: rgba(0,0,0,.3);width: 100%;bottom:0px} .About_Banner .Nav_list .Nav_center{width: 1200px; height: 66px; margin: 0 auto;text-align: center;} .About_Banner .Nav_list .Nav_center ul li{display: inline-block; margin: 0px 50px; } .About_Banner .Nav_list .Nav_center ul li a{color: #fff; line-height: 66px;font-size: 18px;} .About_Banner .Nav_list .Nav_center ul li a.active{color: #007AFF;} .About_Main{ height: auto; overflow: hidden; padding: 120px 0px 100px 0px;} .About_body{ height: auto; overflow: hidden; padding-top: 66px;font-size: 16px; line-height: 30px;color: #0D1924;} .About_History{ background: #0B1F4E url(../images/About_History_bg.png) no-repeat; padding: 101px 0; padding-bottom: 0px;} .About_History .AiCenter .title .text,.About_History .AiCenter .bts{color: #fff;} .product-section{ margin-top: 140px;} .product-wrapper {max-width: 1200px;padding-left: 10px;padding-right: 10px;margin-left: auto;margin-right: auto;position: relative; height: 356px;} .product-wrapper .swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1} .product-features .product-body { margin: 0px 25px } .product-features .product-body:after { content: ""; width: 100%; height: 1px; background: rgba(220,220,220,1); /* background: url(../images/productBase-features-model.png) no-repeat; background-size: 100% auto; background-position: center; */ position: absolute; top: 52px; left: 0; z-index: 0 } /*li*/ .features-item { position: relative; float: left } .features-slide .features-item>* { text-align: center } .features-item h3 { font-size: 16px; line-height: 28px; margin-bottom: 50px; color: #ffffff; opacity: 0.7; transition: all 0.1s } .features-item i { position: absolute; width: 75%; height: 33px; background: url(../images/productBase-features-timeline.png) no-repeat; background-size: contain; background-position: right center; left: -25%; margin-left: 10px; top: 35px; z-index: 3 } .features-item .features-info { display: block; margin: 0 auto; padding: 20px 53px; transition: all 0.3s; border-radius: 2px } .features-item .features-info .features-info-i { font-size: 14px; color: #A0A2A8; line-height: 22px; margin-bottom: 10px } .features-item .features-info .features-info-s { font-size: 16px; color: #FFFFFF; line-height: 24px; overflow: hidden } .features-item.dark i { background: url(../images/productBase-features-timeline-dark.png) no-repeat; background-size: contain; background-position: right center } /*鼠标悬浮效果*/ .features-item:hover h3 { font-size: 22px; line-height: 28px; opacity: 0.9 } .features-item:hover i { width: 75%; margin-left: 13px; background: url(../images/productBase-features-timeline-hover.png) no-repeat; background-size: contain; background-position: right center } .features-item:hover a { background: url(../images/productBase-features-info.png) no-repeat; background-size: 100% 100% } /*左右按钮*/ .product-features .swiper-button-prev {width: 43px;height:43px;left: 0%;top: 36%; border: 2px solid #2461EF; border-radius:47px ;} .product-features .swiper-button-next {width: 43px;height:43px;right:0%;top: 36%; border: 2px solid #2461EF;border-radius:47px ;} .product-features .swiper-button-prev:after,.product-features .swiper-button-next:after{font-size:30px ;color:#2461EF ;} .product-features .swiper-button-next.swiper-button-disabled, .product-features .swiper-button-prev.swiper-button-disabled { opacity: 0.8; cursor: auto; pointer-events: none; border-color:#FFB554 ; } .product-features .swiper-button-next.swiper-button-disabled:after,.product-features .swiper-button-prev.swiper-button-disabled:after{color: #FFB554;} .About_Partner{ height: auto; overflow: hidden; padding: 120px 0px 120px 0px;} .About_Partner .list{ height: 196px; overflow: hidden;text-align: center; margin-top: 81px;transition: all 0.3s ease-in-out 0.3s;} .About_Partner .list .col{display: inline-block;box-sizing: border-box;vertical-align: top;width: 220px; margin:10px 20px; margin-bottom: 30px;} .About_Partner .list .col .col_pack{position: relative;text-align: left;} .About_Partner .list .col .col_pack_cover{position: relative;padding-top:27%;background: #fff;overflow: hidden;} .About_Partner .list .col .pic{position: absolute; width: 100%;height: 100%;left: 0;top: 0;text-decoration: none;color: #fff;z-index: 2;} .About_Partner .list .col .pic img{display: block;width: 100%;height: 100%;overflow: hidden;} .About_Partner .Down{text-align: center; padding-bottom: 10px;} .About_Partner .Down a{display:inline-block; width: 60px; height: 60px; background: #fff;box-shadow: 1px 2px 18px rgba(37,63,156,0.09); -moz-box-shadow: 1px 2px 18px rgba(37,63,156,0.09);-webkit-box-shadow: 1px 2px 18px rgba(37,63,156,0.09); border-radius:60px; text-align: center; line-height: 60px;} .About_Partner .Down a i{font-size: 30px;color: #666;} /*加入我们*/ .JoinUs{ height: auto; overflow: hidden; padding: 120px 0px 100px 0px;} .JoinUs .info{ height: auto; overflow: hidden; margin-top: 65px; line-height: 30px;font-size: 16px;color: #0D1924;text-indent: 2rem;} .JoinUs_us{ background: #396FEE url(../images/JoinUs_us.png) bottom no-repeat; padding: 100px 0;} .JoinUs_us .AiCenter .text,.JoinUs_us .AiCenter .bts{color: #fff;} .JoinUs_us .list{ height: auto; overflow: hidden; text-align: center; margin-top: 60px;} .JoinUs_us .list ul li{display: inline-block; margin:0px 38px;} .JoinUs_us .list ul li .text{color: #fff;font-size:25px; margin-top: 30px;} .JoinUs_Fui{ height: auto; overflow: hidden; padding: 140px 0;} .JoinUs_Fui .list{ height: auto; overflow: hidden; text-align: center;padding-top: 70px;} .JoinUs_Fui .list ul li{display: inline-block; margin: 0px 38px;} .JoinUs_Fui .list ul li .pic{ background: #fff; width: 150px; height: 150px;box-shadow: 1px 2px 18px rgba(52,80,228,0.11); -moz-box-shadow: 1px 2px 18px rgba(52,80,228,0.11);-webkit-box-shadow: 1px 2px 18px rgba(52,80,228,0.11); border-radius:150px ; line-height: 150px;} .JoinUs_Fui .list ul li .pic img{vertical-align: middle;} .JoinUs_Fui .list ul li .text{font-size: 20px; margin-top:30px;} .JoinUs_Science{ height: auto; overflow: hidden; padding-bottom: 120px; } .JoinUs_Science .list{text-align: center; height: auto; overflow: hidden; margin-top: 65px;} .JoinUs_Science ul li{display: inline-block;width: 491px; height: 374px; margin: 0px 25px; margin-bottom: 50px;} /*内容页面*/ .box_size{ height: auto; overflow: hidden;} .box_size .center{width: 1200px; margin: 0 auto; padding: 30px 0px 0px 0px;} .box_size .center a,.box_size .center .next,.box_size .center .bt {display: inline-block;color: #363636;} .Body{ height: auto; overflow: hidden; padding: 110px 0px;} .Body .Body_center{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;} .Body .Body_center .title{font-size: 20px; text-align: center;} .Body .Body_center .list{ text-align: center; color: #666; margin-top: 20px; padding-bottom: 35px; border-bottom: 1px solid #F2F2F2;} .Body .Body_center .BodyHtml{ height: auto; overflow: hidden; border-bottom: 1px solid #F2F2F2; padding: 20px 0; font-size: 14px; line-height: 25px; color: #333; } .Body .Body_center .BodyHtml img{max-width: 1200px;} .Body .Body_center .nex{ padding-top: 15px; height: auto; overflow: hidden; padding-bottom: 25px;} .Body .Body_center .nex ul li:first-child{ float: left;} .Body .Body_center .nex ul li:last-child{ float: right;} .Body .Body_center .nex ul li a{color: #2461EF;} /*联系我们*/ .JoinUs .Address{ height: auto; overflow: hidden; display:flex;padding: 70px 0; padding-bottom: 0px;} .JoinUs .Address .list_left{ flex: 2; background: #fff; padding: 18px;} .JoinUs .Address .list_left ul{display: block;box-shadow: 1px 2px 18px rgba(52,80,228,0.11); border-radius:8px ; -moz-box-shadow: 1px 2px 18px rgba(52,80,228,0.11);-webkit-box-shadow: 1px 2px 18px rgba(52,80,228,0.11); background: #fff;} .JoinUs .Address .list_left ul li{ border-bottom: 1px solid #F2F2F2; text-align: center;transition: all 0.3s ;} .JoinUs .Address .list_left ul li:hover{ background: #2461EF;} .JoinUs .Address .list_left ul li:hover a,.JoinUs .Address .list_left ul li.active:hover a{color: #fff;} .JoinUs .Address .list_left ul li.active a{color: #2461EF;} .JoinUs .Address .list_left ul li a{color: #666;font-size: 18px;display: block; padding:36px 0px;} .JoinUs .Address .list_right{ flex: 9; padding: 18px;} .JoinUs .Address .list_right .Right_center{box-shadow: 0px 0px 27px rgba(52,80,228,0.11); border-radius:8px ; -moz-box-shadow: 0px 0px 27px rgba(52,80,228,0.11);-webkit-box-shadow: 0px 0px 27px rgba(52,80,228,0.11); background: #fff;} .JoinUs .Address .list_right #container{width: 100%; height: 400px;} .JoinUs .Address .list_right .addText{ height: 82px;font-size: 25px; line-height: 82px; padding-left: 30px;} .JoinUs .Address .list_right .addText span{font-size: 20px;} .Contactus{ background: rgba(245 246 251) url(../images/Contactus_bg.png) no-repeat; padding: 77px 0;} .Contactus .list,.Contactus .list .up{ height: auto;overflow: hidden;} .Contactus .list .up{text-align: center; margin-top: 53px;} .Contactus .list .up ul li{display: inline-block; width: 320px; height: 105px;background:rgba(255,255,255,1); box-shadow:0px 0px 7px 1px rgba(52,80,228,0.08); border-radius:8px; margin:0px 59px ;} .Contactus .list .up ul li .pic{float: left;height: auto; overflow: hidden;} .Contactus .list .up ul li:first-child .pic{ padding: 26px 20px 27px 35px;} .Contactus .list .up ul li:last-child .pic {padding: 26px 30px 26px 48px;} .Contactus .list .up ul li .info{float: left;} .Contactus .list .up ul li .info .bt{font-size: 20px;color: #232323; margin-top:14px; margin-bottom: 8px; text-align: left;} .Contactus .list .up ul li .info .phone{color: #2461EF;font-size: 24px; text-align: left;} .Contactus .list .text{text-align: center;color: #666666; margin-top: 25px;font-size: 18px;} .Contactus .list .down{ height: auto;overflow: hidden;text-align: center; margin-top:30px;} .Contactus .list .down .pic{width: 150px; height: 150px; margin: 0 auto;} .Contactus .list .down .pic img{width: 100%; height: 150px;} .Contactus .list .down .text{ margin-top: 15px;} /*产品服务*/ .Service_one{ height: auto; overflow: hidden; padding: 120px 0px 100px 0; } .Service_one .list{ height: auto; overflow: hidden; padding-top: 52px;} .Service_one .list dl{display: block; width: 364px; height: 301px; background: #fff;box-shadow:0px 2px 18px 0px rgba(52,80,228,0.11); border-radius:8px; float: left; margin: 0px 18px; margin-bottom: 30px; text-align: center; } .Service_one .list dl dd.pic{ padding-top:36px ;} .Service_one .list dl dt{font-size: 24px; margin-top: 20px; border-bottom: 1px solid #E8EAF0; padding-bottom: 17px;color: #0D1924;} .Service_one .list dl dd.info{ height: auto; overflow: hidden; padding: 33px 44px;color: #666666; line-height: 25px;} .Service_one .link,.Service_two .link{height: auto; overflow: hidden; padding-top: 12px;} .Service_one .link a,.Service_two .link a{display: block;width:165px;height:49px;background:rgba(36,97,239,1); margin: 0 auto; box-shadow:0px 2px 18px 0px rgba(52,80,228,0.11);border-radius:8px; text-align: center; color: #fff; line-height: 49px;} .Service_two{ background: rgba(245 246 251) url(../images/Service_two.png) no-repeat; padding: 120px 0px 120px 0;} .Service_two .list{ height: auto;overflow: hidden; padding-top: 65px;} .Service_two .list dl{width: 269px; height: 343px; background: #fff url(../images/Service_two_list_bg.png) repeat; float: left; margin: 0px 12.5px; border-radius:8px ;transition: all 0.3s ease-in-out 0s;} .Service_two .list dl dd.pic{ height: 185px;} .Service_two .list dt{color: #0D1924;font-size: 25px;text-align: center; margin: 15px 0;} .Service_two .list dd.xian{ padding: 0px 27px; height: auto; overflow: hidden;} .Service_two .list dd.xian p{width: 100%; height: 1px; background: #E7E7E7;} .Service_two .list dd.info{font-size: 14px; color: #666; padding: 10px 27px 10px 27px;} .Service_two .list dl:hover{background: #2461EF url(../images/Service_two_list_bg.png) repeat;color: #fff;} .Service_two .list dl:hover dt{color: #fff;} .Service_two .list dl:hover dd.info{color: #fff;} .Service_two .link{ padding-top: 40px;} .Service_three{ height: auto; overflow: hidden; padding: 120px 0px 120px 0px; border-bottom: 1px solid #E5E5E5;} .Service_three .list{ height: auto; overflow: hidden;text-align: center; margin-top: 40px;} .Service_three dl{display: inline-block; margin: 0px 50px;font-size:24px;} .Service_four{ height: auto; overflow: hidden; padding: 120px 0px 100px 0px;} .Service_four .list{ height: auto; overflow: hidden; margin-top:70px;} .Service_four .table{width:361px; float: left; margin: 0px 19.5px;} .Service_four table{width: 100%;} .Service_four table thead tr th{ background: #2461EF url(../images/Service_four_table_bg.png) no-repeat; border-top-left-radius:8px ;border-top-right-radius:8px ;color: #fff;font-size: 24px; padding: 15px 0; font-weight: normal;} .Service_four table tbody tr td{font-size: 18px;text-align: center; padding: 15px 0;color: #666666;font-weight: normal;} .Service_four .table:nth-child(1) table tbody tr:nth-child(even) td,.Service_four .table:nth-child(3) table tbody tr:nth-child(even) td{ background: rgba(245,248,255,1);} .Service_four .table:nth-child(2) table tbody tr:nth-child(odd) td{background: rgba(245,248,255,1);} .Service_Phone{background: #2461EF url(../images/Service_Phone_bg.png) no-repeat; border-bottom: 0px;} .Service_Phone .AiCenter .title { margin-bottom: 40px;} .Service_Phone .AiCenter .title .text{color: #fff;} .Service_Phone .Form a{width:190px; margin: 0 auto; line-height: 45px;color: #2461EF;font-size: 18px;text-align: center; height:45px; background:rgba(255,255,255,1); border-radius:33px; display: block;} /*表单提交*/ .Form_Main{ position: fixed; width: 100%; height: 100%; background: #fff;display: flex;} .Form_Main .Form_Main_left{flex: 6;} .Form_Main .Form_Main_left .Form_log{margin-left: 101px; margin-top: 66px;} .Form_Main .Form_Main_left .Slogan{ padding-left: 141px;} .Form_Main .Form_Main_left .Slogan h3{font-size: 72px; margin-top:160px; margin-bottom: 90px;} .Form_Main .Form_Main_left .Slogan .text{font-size:48px ; margin-bottom: 72px;} .Form_Main .Form_Main_left .Slogan .infos{font-size: 36px;} .Form_Main .Form_Main_right a{ float: right;display: block;color: #fff; border: 1px solid #fff; border-radius:8px ; width: 76px; height: 31px; margin-right: 114px; margin-top: 72px; padding-top: 10px;font-size: 16px; padding-left: 15px;} .Form_Main .Form_Main_right a span{ margin-right:10px ;} .Form_Main .Form_Main_right{flex: 4; background: #2461ef url(../images/Form_main.png) no-repeat;} .Form_Form ul{ height: auto;overflow: hidden; padding: 0px 50px;} .Form_Form{width: 533px; height: 688px; background: #fff; position: absolute; top:15%; left: 50%; margin-left: -79.5px; box-shadow:0px 2px 18px 0px rgba(52,80,228,0.11); border-radius:8px ;} .Form_Form .text{text-align: center;font-size: 30px;font-weight: normal; padding-top:60px ; padding-bottom: 45px;} .Form_Form ul li{ height: auto; overflow: hidden; border:1px solid #2461ef;display: flex; border-radius:8px ; margin-bottom:25px; height: 50px;} .Form_Form ul li.flex{ position:relative;} .Form_Form ul li:nth-child(6){border: 0px;} .Form_Form ul li input[type="button"] { background: none; cursor: pointer; background: #2461ef; margin-left:20px; border-bottom-left-radius: 8px; border-top-left-radius: 8px;color: #fff;} .Form_Form ul li input[type="button"]:disabled{ background: #d2dfef; color: #4d556d;cursor:no-drop ;} .Form_Form ul li input{width: 98%;font-size: 16px; padding-left:2%;} .Form_Form ul li em{color: #FD482C; line-height: 60px; position: absolute;right: 10px;} .Form_Form ul li span{float: left;display: block; height: 45px;width:50px; margin-top: 5px; padding-left: 10px;} .Form_Form ul li textarea{width: 100%;} .Form_Form ul li:nth-child(4){ border: 0px;} .Form_Form ul li:nth-child(4) span{border: 1px solid #2461ef; border-right:0px ; margin-top: 0px; border-bottom-left-radius: 8px; border-top-left-radius: 8px; height: 48px;} .Form_Form ul li:nth-child(4) span img{ margin-top: 5px;} .Form_Form ul li:nth-child(4) input[type="text"] {border: 1px solid #2461ef; border-left:0px ; border-bottom-right-radius: 8px; border-top-right-radius: 8px;} .Form_Form ul li:last-child { margin-bottom: 0px; border-radius:0px ;} .Form_Form ul li:last-child button{width: 100%; background: #2461ef;font-size: 18px; height: 45px;color: #fff; cursor: pointer;font-weight: normal;border-radius:8px}