/*--公共部分--*/ html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;} body,form,img,ul,ol,li,dl,dt,dd,p,tr,td,strong,span,pre{margin:0;padding:0;border:0;} h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;font-weight:normal;} body,button,input,select,textarea{font:14px/1.5 'Microsoft YaHei','Microsoft YaHei','PingFang SC','Segoe UI','Helvetica Neue','Hiragino Sans GB',sans-serif;color:#333;} ul,li{list-style:none;} img{border:0;vertical-align:middle;} table{border-collapse:collapse;border-spacing:0;} table th,table td{border:1px solid #ccc;} *,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;} article,aside,footer,header,nav,section{display:block;} a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none;color:#333;outline:none;cursor:pointer;} a:hover{background-repeat:no-repeat;text-decoration:none;} a,input[type="button"],button,label,input[type="submit"],input[type="reset"]{cursor:pointer;} input[type='number']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0;} input[type="number"]{-moz-appearance:textfield;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sub{bottom:-0.25em;} sup{top:-0.5em;} audio,video{display:inline-block;} [type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;} input,textarea,select{outline:none;} input[type="text"],input[type="password"],input[type="button"],input[type="submit"],input[type="reset"],button,select,textarea{outline-style:none;-webkit-appearance:none;resize:none;border:none;-webkit-border-radius:0;border-radius:0;} textarea{overflow:auto;vertical-align:top;} input:-webkit-autofill{-webkit-box-shadow:0 0 0px rgba(255,255,255,0) inset!important;} .flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} .flex_column_center{-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;-ms-flex-align:center;align-items:center;} .flex_row_justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;} .flex_row_center{-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;-ms-flex-pack:center;justify-content:center;} .flex_column{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;} .flex_wrap {-webkit-box-lines: multiple;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;} ::-webkit-scrollbar{width:7px;height:7px;background-color:#949494} ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#fafafa} ::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#e1e1e1} .navbar-default{border-radius: 0;} .content_wrap{position: relative;max-width: 1440px;margin: 0 auto;} .content_wrap-flex{padding: 100px 0;display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .inner_title{text-align:center;font-size:32px;font-weight:bold;color:#121933;} /* swiper无缝轮播向左过渡效果 */ .swiper-free-mode > .swiper-wrapper{transition-timing-function:linear;} /* 顶部 */ .header .header-icon:first-child{padding:9px 0;} .header .header-icon img{width:140px;height:46px;border-radius:3px;margin-top: 10px;} .header .header-menu ul{line-height:30px;margin:0;padding:0;} .header .header-menu ul li{padding:7px;} .header .header-menu ul .active a{border-bottom: 2px solid #fff;} .header .header-menu ul li:hover a{border-bottom: 2px solid #fff;} .header .header-menu ul li a{color:#fff;font-size:14px;font-weight: bold;} .header .navbar-toggle{margin-right:0;margin-top:13px;margin-bottom:13px;} .header-menu .nav .active a{color:#fff;background-image:none;background-color:transparent;box-shadow:none;} .header .navbar-default{background-image:none;background-color:transparent;box-shadow:none;} .header.active{background-color:#1b2d5f;-webkit-box-shadow:inset 0 -1px 0 0 #1b2d5f;box-shadow:inset 0 -1px 0 0 #1b2d5f;} .header.fixed{position:fixed;top:0;left:0;right:0;z-index:99;} .header.active .header-menu ul li a{color:#fff} /*banner*/ .banner{width: 100%;margin: 0 auto;position: relative;color: #fff;} .banner::after{background: #06096f; background: transparent linear-gradient(#06096f 0%,#373cce 50%,#06096f 100%) 0% 0% no-repeat padding-box;position: absolute;content: "";width: 100%;height: 110%;left: 0;top: -10%;z-index: -9; } .banner .banner_wrap{width: 100%;} .containerbox .banner .banner_wrap{position: relative;width: 100%;height: 100vh;} /*首页banner*/ .banner .banner_wrap .banner_content{margin:0 auto;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .banner .banner_wrap .banner_content .banner_title{margin-bottom: 15px;font-weight: bold;font-size: 42px;} .banner .banner_wrap .banner_content .banner_subtitle{margin-bottom: 15px;font-size: 24px; font-weight: bold;margin-top: 26px;line-height: 36px;} .banner .banner_wrap .banner_content .banner_text{margin-bottom: 40px;margin-top: 15px;font-size: 16px; font-weight: bold;} .banner .banner_wrap .contactusBtn{background: #102b6a ;padding: 9px 32px;-webkit-border-radius: 4px;border-radius: 4px;color: #fff;border: 0; font-weight: bold;} /* 其他页面公共banner */ .banner .banner_wrap .row{display: flex;align-items: center;} .banner .banner_wrap .banner_item .title {font-weight: bold;font-size: 36px;} .banner .banner_wrap .banner_text .subtitle {font-size: 24px;font-weight: 400;margin-top: 26px;line-height: 36px;} .banner .banner_wrap .banner_item .content { margin-top: 15px;font-size: 16px;line-height: 30px;} .banner .banner_wrap .banner_text .btn_box{margin-top: 50px;} .banner .banner_wrap .banner_img{text-align: center;} .banner .banner_wrap .banner_img img{width: 100%;} .banner .banner_wrap .banner_text .btn_box a{background: #004BFF;padding: 9px 32px;-webkit-border-radius: 4px;border-radius: 4px;color: #fff;} /* 联系我们块元素 */ .contact-us{padding:72px 0;background-size:cover;} .contact-us .name{font-weight:bold;font-size:32px;color:#282828;} .contact-us .abstract{font-size:16px;opacity:0.85;line-height:24px;margin-top:12px;color:#282828;} .contactusBtn{display:inline-block;background:#FFFFFF;border:1px solid #DEE0EA;-webkit-border-radius:2px;border-radius:2px;font-size:14px;color:#121933;padding:9px 48px;transition:all .5s;margin-top:24px;} /* 底部 */ .footer{background: #232a37;color: #fff;padding-top: 50px;padding-bottom: 30px;/* text-align: center; */} .footer .privacy,.footer p{font-size: 14px;margin-bottom: 15px;line-height: 30px;} .footer .privacy,.footer ul li{width: 170px;float: left;line-height: 30px;} .footer .privacy,.footer ul li a{color: #fff;} /* 右侧浮动块 */ .right_aside{z-index:999;position:fixed;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);right:12px;width:72px;} .right_aside .floating_box{box-shadow:0px 2px 6px 1px rgba(41,112,255,0.15);} .right_aside .floating_box .block{width:72px;height:72px;position:relative;background-color:#fff;margin-bottom: 8px;border-radius: 4px;} .right_aside .floating_box .block .down{position:absolute;padding:12px;background:#FFFFFF;box-shadow:0px 2px 4px 0px rgba(0,75,255,0.15);border:1px solid rgba(0,43,255,0.1);right:calc(100% + 12px);bottom:0;opacity:0;pointer-events:none;transition:all .5s;} .right_aside .floating_box .block:hover .down{opacity:1!important;pointer-events:inherit!important;display:block!important;} .right_aside .floating_box .block .down::after{content:' ';position:absolute;left:100%;bottom:20px;width:0;height:0;border:6px solid;border-color:transparent transparent transparent #fff;} .right_aside .floating_box .block .icon img{width: 24px;height: 24px;} .right_aside .floating_box .block .text{font-size: 12px;margin-top: 8px;} .right_aside .floating_box .block .down .tag{font-size:12px;font-weight:500;color:#4F4F4F;white-space:nowrap;} .right_aside .floating_box .block .down .tel{font-size:20px;font-weight:600;color:#004BFF;margin-top: 10px;line-height:28px;white-space:nowrap;} .right_aside .floating_box .block .down .abstract{font-size:12px;font-weight:400;color:#595959;margin-top:10px;line-height:17px;white-space:nowrap;} .right_aside .floating_box a .down .qrcode{width:110px;} /* 首页内容样式 */ .page-wrapper .main1{padding:88px 0;background-color:#fff;} .page-wrapper .main1 .content_wrap{margin-top:60px;} .page-wrapper .main1 .block{text-align:center;padding:20px 0;} .page-wrapper .main1 .block .icon{width:85px;height:85px;margin:0 auto;line-height:85px;} .page-wrapper .main1 .block img{border:0;vertical-align:middle;transition: all 0.5s;} .page-wrapper .main1 .block .icon:hover img{transform: rotateY(180deg);} .page-wrapper .main1 .block .text{margin-top:12px;} .page-wrapper .main1 .block .text .name{font-weight:bold;font-size:18px;color:#121933;line-height:26px;} .page-wrapper .main1 .block .text p{font-size:14px;color:#707481;line-height:24px;margin-top:8px;} .page-wrapper .main2{width:100%;padding:88px 0; background:#fbfbff;} .page-wrapper .main2 .swiper_box{height:100%;} .page-wrapper .main2 .swiper_box .inner_title{margin-bottom:66px;} .page-wrapper .main2 .swiper_box .swiper_content{display:flex;justify-content:space-around;} .page-wrapper .main2 .swiper_box .swiper_content .swiper_menu{width:200px;border:0;background:#f3f5fc;} .page-wrapper .main2 .swiper_box .swiper_content .swiper_menu a{width:100%;height: 40px;line-height: 40px;display: block;font-size:16px;font-weight:400;color:#121933;margin:0 0 7px 0;padding-left:36px;position: relative;text-decoration-line: none;} .page-wrapper .main2 .swiper_box .swiper_content .swiper_menu .contactusBtn{height: auto;width: 80%; margin-top: 32px; display: block;margin: 0 auto;border: 1px solid #004BFF;-webkit-border-radius: 2px;border-radius: 2px;padding: 9px 32px;font-size: 14px;color: #004BFF;-webkit-transition: all 0.5s;transition: all 0.5s;} .page-wrapper .main2 .swiper_box .swiper_content .swiper_menu .activate{font-weight:500;color:#004bff;background:rgba(49,94,251,.2);} .page-wrapper .main2 .swiper_box .swiper_content .swiper_menu .activate:after{position:absolute;top:0;right:0;bottom:0;border-right:3px solid #1890ff;transform:scaleY(.0001);opacity:0;transition:transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1);content:"";transform:scaleY(1);opacity:1;transition:transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1);} .page-wrapper .main2 .swiper_box .swiper_content .swiper_view {width: 1000px;overflow-x: hidden;position: relative;margin-left: 25px;margin-right: 0;} .page-wrapper .main2 .swiper_box .swiper_content .swiper_view .swiper-slide img{width: 100%;height: 500px;} .page-wrapper .main2 .swiper_box .swiper_content .swiper_view .swiper-slide .swiper_text{min-height: 120px;padding: 26px 0 0 65px;background: #fbfbff;} .page-wrapper .main2 .swiper_box .swiper_content .swiper_view .swiper-slide .swiper_text .title{font-size:24px;line-height:32px;font-weight:500;color:#121933;margin-bottom:12px;} .page-wrapper .main3{background-color:#fff;padding:88px 0;} .page-wrapper .main3 .apply_content{padding-top:62px;} .page-wrapper .main3 .apply_content .apply_item a{-webkit-border-radius:2px;border-radius:2px;background-color:#fff;border:1px solid #E6EBF2;display:block;position:relative;top:0;-webkit-transition:all 0.5s;transition:all 0.5s;} .page-wrapper .main3 .apply_content .apply_item a:hover{top: -8px;box-shadow: 0 20px 20px -20px #dedede;} .page-wrapper .main3 .apply_content .apply_item a .picture{position:relative;overflow:hidden;background:none;padding-top:53.33333%;} .page-wrapper .main3 .apply_content .apply_item a .picture img{width:100%;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-transition:all .3s linear;transition:all .3s linear;} .page-wrapper .main3 .apply_content .apply_item a .text_box{padding:32px;} .page-wrapper .main3 .apply_content .apply_item a p{padding:2px 8px;-webkit-border-radius:2px;border-radius:2px;font-size:12px;color:#121933;line-height:20px;background-color:#E3FBDA;} .page-wrapper .main3 .apply_content .apply_item a .title{font-size:16px;font-weight:bold;color:#121933;} .page-wrapper .main3 .apply_content .apply_item a .abstract{margin-top:20px;font-size:14px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:24px;max-height:48px;min-height:48px;} .page-wrapper .main3 .index_btn{margin-top:40px;display:block;font-size:14px;color:#004BFF;line-height:22px;border:1px solid #004BFF;-webkit-border-radius:2px;border-radius:2px;padding:9px 32px;-webkit-transition:all 0.5s;transition:all 0.5s;} .page-wrapper .main3 .index_btn:hover{color:#fff;background-color:#004BFF;} .page-wrapper .main4 .customer-case{padding: 80px 0;background: #f3f4fb;} .page-wrapper .main4 .customer-case ul{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;} .page-wrapper .main4 .customer-case ul li{width:224px;text-align:center;padding:10px 0;float:left;background:#fff;margin:0 20px 20px 0;position:relative;-webkit-transition:0.1s linear;-moz-transition:0.1s linear;-o-transition:0.1s linear;transition:0.1s linear;} .page-wrapper .main4 .customer-case ul li p{font-weight:bold;margin-top:10px;} .page-wrapper .main5 .customer-case{padding: 80px 0;} .page-wrapper .main5 .project_advantage{width: 100%;margin-top: 80px;} .page-wrapper .main5 .project_advantage ul:after {clear: both;content: " ";display: table;} .page-wrapper .main5 .project_advantage ul li{float: left;width: 20%;} .page-wrapper .main5 .project_advantage ul li .project_advantage_item{text-align: center;} .page-wrapper .main5 .project_advantage ul li h3{font-size: 16px;font-weight: 700;text-align: center;margin: 20px 0;} .page-wrapper .main5 .project_advantage ul li p{font-size: 14px;padding: 0 10px;} /* 应用 */ .applicationcenter .banner .banner_wrap{ padding: 140px 0; background: transparent linear-gradient(#0821b1 0%,#19a4ff 50%,#132d5d 100%) 0% 0% no-repeat padding-box;} .applicationcenter .page-wrapper .features-content{margin-top:88px;margin-bottom: 88px; } .applicationcenter .page-wrapper .features-content .inner_title{ margin-bottom: 60px;} .applicationcenter .page-wrapper .features-content .app-item{margin: 15px 0;border: 1px solid #E6EBF2;} .applicationcenter .page-wrapper .features-content .app-item:hover{box-shadow: 0 40px 110px -20px rgba(132,148,181,.6);transform: translateY(-6px);transition: .3s linear;} .applicationcenter .page-wrapper .features-content .app-item a{display: block;background: #fff; padding: 20px; border-radius: 10px;} .applicationcenter .page-wrapper .features-content .app-item a .app-header{width: 100%;overflow: hidden;} .applicationcenter .page-wrapper .features-content .app-item a .app-header img{width: 100%;height: 150px; overflow: hidden;} .applicationcenter .page-wrapper .features-content .app-item a .app-ico,.page-wrapper .app-item a .app-content{margin-top: 20px;} .applicationcenter .page-wrapper .features-content .app-item a .app-ico img{width: 30px;height: 30px;border-radius: 50%;} .applicationcenter .page-wrapper .features-content .app-item a .app-ico span{margin-top: 10px;font-weight: 600;font-size: 16px;} .applicationcenter .page-wrapper .features-content .app-item a .app-content p{ font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} /* 定制 */ .customizationcenter .banner .banner_wrap{padding: 140px 0;display:table;height:500px;background:transparent linear-gradient(#1c36ca 0%,#19a4ff 50%,#06358a 100%) 0% 0% no-repeat padding-box} .customizationcenter .features-content .container-fluid{padding-top:80px;padding-bottom:80px;} .customizationcenter .page-wrapper .main0{padding:88px 0;background-color:#fbfbff;} .customizationcenter .page-wrapper .main0 .block{width:350px;height:350px;text-align:center;padding:0 80px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.07);margin:0 auto; transition: all 0.5s;} .customizationcenter .page-wrapper .main0 .block:hover{background-color: #868383;color: #fff;} .customizationcenter .page-wrapper .main0 .block:hover .icon{transform: rotateY(180deg);} .customizationcenter .page-wrapper .main0 .block .icon{display:block;padding-top:45px;transition: all 0.8s;} .customizationcenter .page-wrapper .main0 .block .name{margin-top:20px;} .customizationcenter .page-wrapper .main0 .block p{margin-top:20px;} .customizationcenter .page-wrapper .main1{background-color:#fff;} .customizationcenter .page-wrapper .main2 .block{padding:30px;color:#fff;margin:10px 0;height:180px;text-align:center;transition: all 0.8s;} .customizationcenter .page-wrapper .main2 .block1{background:#4bacc6;} .customizationcenter .page-wrapper .main2 .block1:hover{background:#376092;} .customizationcenter .page-wrapper .main2 .block2{background:#31859c;} .customizationcenter .page-wrapper .main2 .block2:hover{background:#376092;} .customizationcenter .page-wrapper .main2 .block3{background:#376092;} .customizationcenter .page-wrapper .main2 .block3:hover{background:#4bacc6;} .customizationcenter .page-wrapper .main2 .block4{background:#376092;} .customizationcenter .page-wrapper .main2 .block4:hover{background:#4bacc6;} .customizationcenter .page-wrapper .main2 .block5{background:#4bacc6;} .customizationcenter .page-wrapper .main2 .block5:hover{background:#376092;} .customizationcenter .page-wrapper .main2 .block6{background:#31859c;} .customizationcenter .page-wrapper .main2 .block6:hover{background:#376092;} .customizationcenter .page-wrapper .main2 .block .title{font-weight:bold;} .customizationcenter .page-wrapper .main2 .block .text{margin-top:15px;} .customizationcenter .page-wrapper .main3 .apply_support .apply_left{height:350px;background:#073f95;border-radius:10px;margin-top:10px;display:flex;display:-webkit-flex;justify-content:center;align-items:center;flex-direction:column;} .customizationcenter .page-wrapper .main3 .apply_support .apply_left p{font-size:20px;font-weight:bold;color:rgba(255,255,255,1);margin-top:20px;} .customizationcenter .page-wrapper .main3 .apply_support .apply_left p img{margin-right: 15px;} .customizationcenter .page-wrapper .main3 .apply_support .apply_right{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-around;} .customizationcenter .page-wrapper .main3 .apply_support .apply_right li{width:170px;height:170px;background:rgba(255,255,255,1);box-shadow:0px 0px 10px rgba(0,0,0,0.1);border-radius:10px;float:left;margin-left:10px;margin-top:10px;display:flex;display:-webkit-flex;justify-content:center;align-items:center;flex-direction:column;} .customizationcenter .page-wrapper .main3 .apply_support .apply_right li:hover{background-color: #868383;} .customizationcenter .page-wrapper .main3 .apply_support .apply_right li p{width:100%;font-size:18px;font-weight:bold;line-height:40px;color:rgba(51,51,51,1);text-align:center;margin-top:20px;} .customizationcenter .page-wrapper .main4{background-color:#fff;padding:88px 0;} .customizationcenter .page-wrapper .main4 .block{height: 220px;background: #376092;padding: 20px 10px;} .customizationcenter .page-wrapper .main4 .title{font-weight: bold;font-size: 18px;color: #ffffff;line-height: 26px;text-align: center;} .customizationcenter .page-wrapper .main4 .content{font-size: 14px;color: #fff;line-height: 24px;text-indent: 2em;margin-top: 10px;} /* 上下效果动画效果 */ .animation-up{width:2px;height:20px;background-color:#fff;animation:animation-up 2.1s linear infinite;transform:rotateX(115deg);left:55%;position:absolute;bottom:40%;opacity:0.5;transition:3s ease opacity;} .animation-down{width:2px;height:20px;background-color:#fff;animation:animation-down 2.1s linear infinite;transform:rotateX(115deg);left:65%;position:absolute;bottom:60%;opacity:0.5;transition:3s ease opacity;} @keyframes animation-up{ 0%{transform:translateY(-6px);} 10%{transform:translateY(-12px);} 20%{transform:translateY(-18px);} 30%{transform:translateY(-24px);} 40%{transform:translateY(-30px);} 50%{transform:translateY(-36px);} 60%{transform:translateY(-42px);} 70%{transform:translateY(-48px);} 80%{transform:translateY(-54px);} 90%{transform:translateY(-60px);} 100%{transform:translateY(-66px);} } @keyframes animation-down{ 0%{transform:translateY(-66px);} 10%{transform:translateY(-60px);} 20%{transform:translateY(-54px);} 30%{transform:translateY(-48px);} 40%{transform:translateY(-42px);} 50%{transform:translateY(-36px);} 60%{transform:translateY(-30px);} 70%{transform:translateY(-24px);} 80%{transform:translateY(-18px);} 90%{transform:translateY(-12px);} 100%{transform:translateY(-6px);} } /* 部署 */ .deploy .banner .banner_wrap{padding: 140px 0;background: #00b0fb;background: transparent linear-gradient(#06096f 0%,#4891ef 50%,#06096f 100%) 0% 0% no-repeat padding-box} .deploy .features-content .row{margin-top:35px;margin-bottom:35px;background-color:rgb(249,249,249);} .deploy .features-content .row .block .title{margin-top: 30px;font-size:26px;color:#004BFF;line-height:46px;font-weight:bold;text-align:center;} .deploy .features-content .row .block .content{text-align:center;padding:20px;line-height:30px;} .deploy .features-content .row .block .abstract{text-align:center;position:relative;} .deploy .features-content .row .block .abstract .abstract_bg{height:10px;width:293px;display:block;opacity:0.2;background-color:rgb(0,75,255);position:absolute;left:50%;margin-left:-145px;top:10px;} .deploy .features-content .main1{background: #fbfbff;} .deploy .features-content .main1 .row{background: #fbfbff;} .deploy .features-content .row .deploy_item_img{padding:20px;} .deploy .features-content .row .deploy_item_img img{width: 100%;} /* 合作 */ .agent .banner .banner_wrap{padding: 140px 0;background: #00b0fb;background: transparent linear-gradient(#06096f 0%,#4891ef 50%,#06096f 100%) 0% 0% no-repeat padding-box} .agent .features-content .inner_title{margin-top: 60px;} .agent .features-content .row {margin-top: 70px;/* margin-bottom: 130px; */} .agent .features-content .row .block{width:90%;margin:0 auto;position:relative;} .agent .features-content .cooperation .block .icon img{text-align:center;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:-1;} .agent .features-content .row .block .title{width:100%;font-size:26px;color:#004BFF;line-height:46px;font-weight:bold;text-align:center;position:relative;top:30px;} .agent .features-content .row .block .content{width:100%;height:300px;padding:50px 25px;line-height:30px;} .agent .features-content .main0{padding: 88px 0;} /* 联系我们 */ .contactus_warp{padding: 150px 0 100px 0; background-color: #348fff;background: transparent linear-gradient(134deg,#0143bb 0%,#00b0fb 100%) 0% 0% no-repeat padding-box;} .contactus_warp .contactus_content{height: 520px;background: #fff;padding: 40px;background-color: #fff;} .contactus_warp .contactus_content h2{font-size: 36px;color: #004BFF;line-height: 46px;font-weight: bold;} .contactus_warp .contactus_content p{font-size: 16px;color: #101010;line-height: 25px;margin-top: 25px;} .contactus_warp .signup_form{height: 520px;background: #fff;padding: 40px;background-color: #fff;} .contactus_warp .signup_form tr td{padding:6px;border-spacing:0px;border-width:0px;} .contactus_warp .signup_form table{width:100%;} .contactus_warp .signup_content input, .signup_content select,.signup_content textarea{width:100%;margin-top:4px;line-height:36px;background:#FFFFFF;border:1px solid #DEE0EA;-webkit-border-radius:4px;border-radius:4px;padding:0 12px;color:#BBBECA;} .contactus_warp .signup_form .required{color: red;} .contactus_warp .signup_form .signup_content>span{background-color: #f3f5fc;font-size: 14px;height: 30px;line-height: 30px;text-align: center; margin: 0 0 15px 0;} .contactus_warp .signup_form .signup_content .form_btn{margin-top: 15px;width: 100%;height: 50px;font-size: 16px;color: #fff;background: #004BFF;} /* 波纹动画效果 */ .animation-ripple{width: 1em;height: 1em;border-radius: 50%;animation: ripple 1.1s linear infinite;transform: rotateX(115deg); left: 50%;position: absolute;bottom: 40%;opacity: 0.5;transition: 3s ease opacity;} @keyframes ripple { 0% { box-shadow: 0 0 0 0 #00b0fb, 0 0 0 1em rgba(75,89,240, 0.3), 0 0 0 5em rgba(75,89,240, 0.3), 0 0 0 10em rgba(75,89,240, 0.3); } 100% { box-shadow: 0 0 0 1em rgba(75,89,240, 0.3), 0 0 0 5em rgba(75,89,240, 0.3), 0 0 0 10em rgba(75,89,240, 0.3), 0 0 0 17em rgba(75,89,240, 0); } } @media (max-width: 1920px){ .content_wrap{width: 1300px;} } @media (max-width: 1600px){ .content_wrap{width: 1130px;} .header .header-menu ul li a{font-size: 12px;} .banner .banner_wrap .banner_content .banner_title{font-size: 36px;} .banner .banner_wrap .banner_content .banner_subtitle{font-size: 20px;} .banner .banner_wrap .banner_content .banner_text{font-size: 14px;} .page-wrapper .main1 .block .text .name{font-size: 16px;} .page-wrapper .main1 .block .text p{font-size: 14px;} .page-wrapper .main4 .customer-case ul li{width: 200px;} .customer-case ul li {width: 205px;} .contact-us .name{font-size: 28px;} .contact-us .abstract{font-size: 14px;} .contactusBtn{font-size: 12px;} .footer .privacy, .footer p{font-size: 12px;} .footer .privacy, .footer ul li{width: 150px;} /* 定制 */ .customizationcenter .page-wrapper .main0 .block .name{font-size: 20px;} .customizationcenter .page-wrapper .main0 .block p{font-size: 13px;} .customizationcenter .page-wrapper .main3 .apply_support .apply_right li{width: 150px;} .customizationcenter .page-wrapper .main3 .apply_support .apply_right li p{font-size: 16px;} /* 联系我们 */ .contactus_warp .contactus_content h2{font-size: 29px;} .contactus_warp .contactus_content p{font-size: 14px;} .contactus_warp .signup_form .signup_content p{font-size: 12px;} .contactus_warp .signup_form tr td{font-size: 13px;} .contactus_warp .signup_form .signup_content .form_btn{font-size: 14px;} } @media (max-width: 1280px) { .content_wrap{width: 900px;} } @media only screen and (max-width: 768px){ .content_wrap {width: 100%;} .inner_title{font-size: 22px;} .header .header-menu{position: absolute;z-index: 999;background: #fff;width: 100%;overflow: hidden;left: 0;top: 63px;} .header .header-menu ul li a{color: #000000;} .header .content_wrap{padding: 0 15px;} .header .header-menu ul li {border-bottom: 1px solid #d3d9e5;} .header-menu .nav .active a{color: #000000;} .header.active .header-menu ul li a{color: #000000;} .banner .banner_wrap .banner_item .title{font-size: 22px;} .banner .banner_wrap .banner_item .content{font-size: 16px;} .banner .banner_wrap .row{display: flex;align-items: center;flex-wrap: wrap;} .banner .banner_wrap .row div:first-child{order: 1; } .banner .banner_wrap .row .banner_img{display: none;} .banner .banner_wrap .row .banner_item{text-align: center;} .banner .banner_wrap .banner_text .btn_box{text-align: center;} .page-wrapper .main5 .project_advantage ul li{width: 33.33%;} .containerbox .banner .banner_wrap video{height: 239px;display: none;visibility: hidden;} .banner .banner_wrap .banner_content .banner_title{font-size: 18px;} .banner .banner_wrap .banner_content .banner_subtitle {font-size: 14px;line-height: 20px;margin-top: 10px;} .banner .banner_wrap .contactusBtn{background: #004BFF;padding: 9px 32px;-webkit-border-radius: 4px;border-radius: 4px;color: #fff;} .applicationcenter .page-wrapper .features-content .app-item{margin-bottom: 25px;} .customizationcenter .page-wrapper .main0 .block{margin-bottom: 25px;} .customizationcenter .page-wrapper .main3 .apply_support .apply_left{height: auto;padding: 30px 0;} .customizationcenter .page-wrapper .main3 .apply_support .apply_right{margin-top: 25px;} .customizationcenter .page-wrapper .main3 .apply_support .apply_right li{margin: 25px 0 0 0 ;} .customizationcenter .page-wrapper .main4 .block{margin-bottom: 25px;} .deploy .features-content .row .block{margin-bottom: 30px;} .deploy .features-content .row .block .title{font-size: 22px;line-height: 36px;} .agent .features-content .row .block{margin-bottom: 30px;width: 96%;} .contactus_warp .contactus_content{display: none;} .contactus_warp .signup_form{margin-top:-75px} .footer .privacy, .footer p{font-size: 14px;} .banner .banner_wrap .banner_content{width: 100%;padding: 0 30px;} .page-wrapper .main1 .content_wrap{margin-top: 0;} .page-wrapper .main1 .block{padding: 50px 30px;} .page-wrapper .main3{padding-top: 0;} .page-wrapper .main3 .apply_content .apply_item a{ margin-bottom: 35px;} .page-wrapper .main4 .customer-case ul li{width: 33.33%;margin: 0;} .contact-us .name{font-size: 22px;} .features-nav .feature-nav-wrap .fixed-nav ul li{margin: 0;} .page-wrapper .content_wrap {padding: 30px 0; width: 100%;} .features-content .content_wrap-flex .row {display: block;} .features-content .content_wrap-flex .flex-content-part h2{margin-top: 15px;margin-bottom: 0px;font-size: 24px;} .features-content .content_wrap-flex .flex-content-part p{font-size: 16px;} .features-content .content_wrap-flex .flex-content-text h2{font-size: 18px;} .features-content .content_wrap-flex .flex-content-text p{font-size: 16px;} .features-content .even .flex-content-text{padding: 0;margin-top: 15px;} .features-content .odd .flex-content-text{padding: 0;margin-top: 15px;} .page-wrapper .main2,.right_aside{display: none;} .customer-case .swiper-container img{width: 100%;height: 100%;margin-bottom: 10px;} .navbar-default .navbar-collapse, .navbar-default .navbar-form{margin-bottom: 15px;} .customer-case{padding: 0 15px;} .feature-keypoints .feature-content_wrap .fixed-nav ul li{margin: 0;padding:0} .content_wrap-flex{padding: 30px 0;} .fixedBtn{display: none;} .features-content .content_wrap-flex .row {display: flex;flex-wrap: wrap;} .features-content .content_wrap-flex .row>div{width: 100%;} .features-content .even .content_wrap-flex .row>div:nth-child(1) {width: 100%;order: 2;} .features-content .even .content_wrap-flex .row>div:nth-child(2) {width: 100%;order: 1;} .footer{text-align: center;} }