锘?* 閫氱敤*/ *{margin:0;padding:0;box-sizing: border-box;font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft YaHei';} body{ background:#fff; font-size: 14px;color:#333; line-height:2;} a{color:#333; text-decoration: none;} a:hover,a:active,a:focus{ background:none;text-decoration: none;color:#328ce4; } p,dt,ul,dl{margin:0; list-style:none;} label{ font-weight:normal} label,.baidumap img{max-width:inherit !important;} .form-horizontal .form-group{padding:0;margin-left:0;margin-right:0;} table{table-layout:fixed;} .pt60{padding-top:60px;} .pt10{ padding-top: 10px;}.pl10{ padding-left: 10px;} .pt5{ padding-top: 5px;} .pt15{ padding-top: 15px;}.pl15{ padding-left: 15px;}.pr15{ padding-right: 15px;}.pb15{ padding-bottom: 15px;} .mb5{ margin-bottom:5px;} .mt20{ margin-top:20px !important;}.mb20{ margin-bottom:20px;} .mt10{ margin-top:10px;}.mb10{ margin-bottom:10px;}.ml10{ margin-left:10px;} .mt30{ margin-top:30px;}.mb30{ margin-bottom:30px;} .mt60{margin-top:60px;} .mr0{margin-right:0 !important;} .row{margin-left:-10px;margin-right:-10px;} .container{padding-left:10px; padding-right: 10px;} [class*="col-"]{padding-left:10px; padding-right: 10px;} h1,h2,h3,h4,h5{padding:0;margin:0; line-height: inherit;} .font16px{font-size:16px;}.font14px{font-size:14px;} .col-md-20{width:20%} .div100{width: 100%;} input[type=tel],input[type=text],input[type=button],button, input[type=submit],textarea{-webkit-appearance: none;appearance: none;outline: none; resize:none;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; appearance: none; margin: 0;} input[type="checkbox"],input[type="radio"]{width:13px;height:13px;line-height:13px;margin-right:2px; vertical-align:-2px;*vertical-align:middle;_vertical-align:3px;} .wrop{white-space: nowrap;} .relative{ position:relative; } .hidden{ display: none;} .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .towLine{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .valign-center{display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center;} .valign{display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center;} .space-between{justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;-moz-justify-content:space-between;} /*鍔ㄧ敾鍒濆鍖?/ .fadeIn,.slideLeft,.slideRight,.slideDown,.slideUp{ opacity: 0;} /*澶撮儴*/ .head_top{background: #fff; position: fixed;height:70px;top:0;width:100%;left:0;z-index:201;box-shadow:0 1px 3px rgba(0,0,0,0.3);} .navbar-brand{padding:5px 20px 5px 0;height:auto;margin:0 !important;} .navbar-brand img{height:60px;} .navbar-header{width:100%;} /*鎼滅储妗?/ .search_a{margin-top:8px;} .top_search{ position: absolute;right:0px;bottom:-30px;width:186px;z-index:10; display: none; } .top_search .sea{background: #fff;border:1px solid #dab866;height:30px;width:150px;font-size:12px;padding:0 10px; float: left;} .top_search .btn{ float: left;background:url(../images0624/icon1.png) center center no-repeat #dab866;width:30px;height:30px;border-radius: 0;} /*瀵艰埅*/ .navbar-collapse{ padding:0; float: right;} .navbar-nav{ font-size:14px;} .navbar-nav a{color:#333; text-shadow:none;} .nav>li{ padding:15px 10px;} .nav>li>a{ padding:0px 10px;background:none;margin:0; line-height:40px;background:none;border-radius: 3px;} .nav>li>a:hover,.nav>li.active>a{color:#fff;background-color:#dab866; } .dropdown-menu{border:none; box-shadow: none; background: #dab866; border-radius: 0px;padding:0; margin:0;margin-top:-1px !important; white-space: nowrap;color:#fff;padding:0px;} .dropdown-menu>li> a{ line-height: 40px;padding-left:30px;color:#fff;border-bottom: 1px solid #c19f4f;background: none;} /*.dropdown-menu li> a:hover{color:#fff;background: url(../images0624/arrow2.png) no-repeat 15px center;}*/ .dropdown-menu.dropdown-product {width: 500px; padding: 10px 20px;left:-110px} .dropdown-menu.dropdown-product h4 {line-height: 40px; color:#dab866;background: none;} .phone-container {margin: 3px 7px 0 38px; text-align: left; font-size: 12px; color: #fff; line-height: 16px; opacity: 0.8;} .phone-container .phone {display:block;font-size:16px;padding:0;color:#dab866;line-height:20px;font-weight:bold;} /*鍒囨崲鍥?/ .banner{margin-top:70px;height:450px; } .focus{ width:100%;height:450px; overflow: hidden; margin:0px auto; position:fixed; overflow:hidden;} .focus .prev,.focus .next{ position:absolute; left:0; top:50%; display:block; width:50px; height:40px;z-index:10; transform: translateY(-50%);-webkit-transform: translateY(-50%); background: url(../images0624/left.png) no-repeat center center; background-color: rgba(0,0,0,0.36); } .focus .next{ left:auto; right:0; background-image:url(../images0624/right.png); } .focus .prev:hover,.focus .next:hover{background-color: #dab866; } .focus .arrow{position:absolute; left:0; bottom:20px;left:50%;display:block; width:20px; height:20px;z-index:10; margin-left:-10px; background: url(../images0624/arrow.png) no-repeat center center;opacity:0; animation: DownIn 1s infinite ease-out; -moz-animation: DownIn 1s infinite ease-out; -webkit-animation: DownIn 1s infinite ease-out; } .focus .hd{ width:100%; height:20px; position:absolute; z-index:1; bottom:40px; text-align:center; } .focus .hd ul li{ display:inline-block; width:10px; height:10px;border-radius: 6px; background:#fff;margin:0 3px;font-size:0; vertical-align:top; overflow:hidden; } .focus .hd ul .on{ background-color:#328ce4;} .focus .bd{ position:relative; z-index:0;height:100%; width:100%; } .focus .bd li { width:100%;height:450px;} .focus .bd li a{ display:block; width:100%;height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; } /*棣栭〉*/ .index_title{text-align:center;line-height: 1.4;padding:40px 0;} .index_title:after{content:'';width:35px;height:2px;background-color: #328ce4; display: block;margin:0 auto;} .index_title .cn{font-size:36px;font-weight: bold;} .index_title .en{color:#cacaca;font-size:16px; text-transform: uppercase;padding-bottom:5px;} .index_text{padding:0px 10%;} .index_tt{font-size:36px;font-weight: bold;color:#328ce4;} .index_tt:after{content:'';width:25px;height:3px;background-color: #328ce4;display: block;margin:10px 0;} .index_con{color:#666;padding:30px 0;} .index_con .p2{color:#c19d46;margin-top: 40px;} .index1,.index2,.index3,.index4,.indexpd,.footer{background-color: #fff; position: relative;} .indexpd{padding-top:70px;padding-bottom:70px;} .index2{background:url(../images/bg1.jpg) bottom center no-repeat ; background-size: cover;padding:100px 0;color:#fff;} .index2 .index_con{color:#fff;} .index3{background:url(../images/bg2.jpg) center center no-repeat; background-size: cover;padding:100px 0;color:#fff;} .index3 .index_title .en{color:#a9cada;} .index3 .index_title{text-align: left; position: absolute;left:0;top:-50px;} .index3 .index_title:after{background-color: #fff;margin:0;} .index3 .col-xs-12{padding:0;} .index3 .list .col-md-4{ transform: none !important;} .index3 .item{background-color: #d5f0ff;height:210px;margin:0;padding:40px 20px 0 30px;border:0.5px solid #328ce4;color:#328ce4;} .index3 .item .tt{background:url(../images0624/i1.png) left center no-repeat;padding-left:70px;line-height: 44px;height:60px; font-size:16px;font-weight: bold;} .index3 .item p{padding:10px;} .index3 a:hover .item{ transform: scale(1.1); -webkit-transform: scale(1.1); position: relative; color:#fff; background-color: #dab866;border-color:#dab866;border-radius:8px;z-index:11;} .index_news{} .index_news .tt{font-size:18px;line-height:3;} .index_news .tt:after{content:'';width:30px;height:1px;background-color: #dab866; display: block;} .index_news .date{color:#666;font-size:20px;margin-top: 5px;} .index_news .note{color:#999;min-height:134px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;padding:25px 0;} .index_news a:hover .date{color:#86cbef;} .index_news a:hover .note{color:#328ce4;} .index_news a:hover .tt:after{background-color: #328ce4;} .more{display: block;margin:45px auto;} /*搴曢儴*/ .footer{ background:#244264;} .bottom_nav{float: left;padding:40px 0; padding-right:130px;} .footer a{color:#6a8aaf; line-height: 2.2;} .bottom_nav li{padding:0;} .bottom_nav li.first{font-size:18px;padding:10px 0px;color:#fff;} .bottom_nav li.first:after{content:'';width:25px;height:1px;background-color: #fff;display: block;} .bottom_nav li.first a{color:#fff; display: block;} .bottom_nav .erweima{width:105px;height:105px;margin-top:10px;} .bottom_right{padding-right:0; float: right;} .copy{background:#244264;color:#a6caf4; line-height:1.8; padding:15px 0;border-top:1px solid #2d4d70; position:relative;} .right_fixed{ position: fixed;bottom:10%;left:50%;margin-left:600px; } .right_fixed li{margin-bottom:1px;} /*鍐呴〉*/ .Sbanner{width:100%;height:220px;margin-top:70px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;} .Sbanner.productBanner .container{padding-top: 160px; color: #fff; text-align: center; } .Sbanner.productBanner .container .title { font-size: 42px; letter-spacing:2px; line-height: 1.5; margin-bottom: 10px;} .Sbanner.productBanner .container .subtitle {font-size: 18px; letter-spacing:1px;} .Sbanner.productBanner .container .btn-primary { margin-top: 40px; padding: 0 16px; width: 150px; background-color: #328ce4; border-color:#328ce4; height: 40px; line-height: 40px; font-size:16px; border-radius: 20px; color: #fff;} .location{color:#999;text-align: right;} .location a{color:#999;margin:0 5px;} .location a.actived{color:#328ce4;} .ab_top{padding:40px 0;line-height: 30px;} .ab_type li{ float: left; } .ab_type li a{padding:0 12px; display: inline-block;} .ab_type li a.actived{color:#fff;background: #328ce4;} /*鏂伴椈璧勮*/ .news_list a{margin-bottom: 35px; display: block;} .news_list a:last-child{margin-bottom:0;} .news_list .item{transition: all 0.3s;} .news_list .img{width:30%;height:140px;background: #f7f7f7; float: left;} .news_list .img img{width: 100%;height: 100%;display: block;object-fit:cover;} .news_list .con{width:70%;height:100%;padding-left:35px; float: left;color:#999;} .news_list .con .tt{font-size:18px;color:#444;line-height: 1.4;padding:10px 0;} .news_list .con .date{color:#9e9e9e;font-size:20px;} .news_list .con .m{float: right;margin:0px 10px 0 0;} .news_list a:hover .item{padding:20px 15px;box-shadow: 0 0 3px rgba(0,0,0,0.3)} /*鍒嗛〉*/ .pages{ text-align:right; padding:30px 0;font-size:16px; line-height: 34px; } .pages a, .pages span{display:inline-block; min-width:34px; background-color: #e5e5e5; color:#adadad; text-align: center;border-radius:2px;} .pages span,.pages a:hover{ color:#fff;background:#328ce4;} .pages span.disabled{pointer-events: none; } /*鏂伴椈璧勮 璇︽儏椤?/ .note_content img{max-width:100%;} h1.title{color:#444;font-size:18px; text-align:center; font-weight:normal;} .note_content .date{color:#9e9e9e;text-align:center;padding-bottom:12px;border-bottom:1px solid #dbdbdb;margin-bottom: 15px;} .note_content{padding-bottom:15px;color:#666;} .xia{margin:20px 0px;border-top:1px dotted #dbdbdb; padding-top: 20px;line-height: 2;} .xia a{color:#999;display: block;} /*鎷涜搐绾冲+*/ .ab_hr_title{font-size:20px; font-weight: bold;color:#dab866;padding:15px 0;} .hr_list dl{padding-bottom: 15px;color:#666;} .hr_list dt{background: url(../images0624/li3.png) no-repeat calc(100% - 20px) center;background-color: #e9e9e9;padding:10px 25px;font-size:18px;} .hr_list dt.actived{background-color: #dab866;color:#fff;background-image: url(../images0624/li3h.png);} .hr_list dd{ display: none; } .hr_list .li{padding:25px 0; line-height: 2;border-bottom: 1px dotted #dbdbdb; } .hr_list .li:last-child{border:0;} .hr_list dl:last-child{padding-bottom:0;} /*鍏徃绠€浠?/ .about_banner .container{ padding-top: 150px; color: #fff; text-align: center; } .about_banner .container .title { font-size: 36px; letter-spacing:2px; } .about_banner .container .subtitle {font-size: 14px; letter-spacing:1px;} .about-title { font-size: 30px; line-height: 46px; text-align: center; color: #333;} .about-title:after {content: ''; width: 35px; height: 3px; background-color: #0095d9; display: block; margin: 10px auto;} .about-intro {padding:20px 0 45px 0;} .intro01 {background-image: url(../images0624/intro_bg.png);background-repeat: no-repeat; background-position: center center; background-size: auto 100%;} .about-intro p { font-size: 16px; } .year-list-wrapper {position:relative;max-width:768px;margin:0 auto;} .year-list-wrapper::before {display:block;position:absolute;left:3px;height:100%;border-left:1px solid rgba(0,0,0,0.08);} .year-list-wrapper .year-list-item {white-space:nowrap;margin-bottom:24px;} .year-list-wrapper .year-list-item li {line-height:32px;} .year-list-wrapper .year-list-item .title {margin-left:25px;} .year-list-wrapper .year-list-item .circle {border-radius:50%;display:inline-block;width:8px;height:8px;border:2px solid #176de6;margin-right:15px;} .honor_content .honor-list {margin-bottom:38px;justify-content:space-around; text-align: center;} .honor_content .honor-list > li {display:inline-block; width: 23.2%;height:235px;margin:8px 12px;padding:20px 18px;text-align:center;background:rgba(255,255,255,1);border:1px solid #f0f0f0;border-radius:4px;cursor:default;transition:all 0.3s;} .honor_content .honor-list > li:first-child {margin-left: 0;} .honor_content .honor-list > li:last-child {margin-right: 0;} .honor_content .honor-list > li > div {width:72px;height:72px;padding:8px;margin:0 auto;display:flex;justify-content:center;align-items:center;border-radius:4px;} .honor_content .honor-list > li > div > img {width:63px;} .honor_content .honor-list > li > div > p {font-size:24px;line-height:28px;color:#fff;} .honor_content .honor-list > li > .date {font-size:20px;line-height:30px;margin:20px 0;} .honor_content .honor-list > li > p:last-child {position:relative;font-size:14px;line-height:2;color:#8A8A8A;} .honor_content .honor-list > li > p:last-child::after {content:'__';width:82px;height:0;position:absolute;left:calc(50% - 41px);top:-32px;opacity:0.4;} .honor_content .honor-list > li:hover {box-shadow:0 16px 32px 0 rgba(19,11,16,0.1);} /*瀹㈡埛妗堜緥*/ ul.case-list li {position:relative;float:left; padding:15px 22px; width:380px;height:480px;margin-right:20px;margin-bottom:50px;background-color:#fff;box-shadow: 0 0 15px rgba(19,11,16,0.1); border: 1px solid #e2e2e2; cursor: pointer;border-radius: 6px; } ul.case-list li:nth-child(3n) { margin-right: 0;} ul.case-list li:hover { /*-webkit-transform: translateY(-5px); transform: translateY(-5px);*/ box-shadow:0 16px 32px 0 rgba(19,11,16,0.1);-webkit-box-shadow:0 16px 32px 0 rgba(19,11,16,0.1)} ul.case-list li .case-logo-wrap { width: 338px; height: 60px; text-align: center; display: table-cell; vertical-align: middle;border-bottom: 1px solid #eee;} ul.case-list li .case-logo-wrap img {max-height: 60px; max-width: 100%;} ul.case-list li .industry {height:120px; margin-top:10px; width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;} ul.case-list li .industry.industry-1 {background-image:url(../images0624/industryImg01.png);} ul.case-list li .industry.industry-2 {background-image:url(../images0624/industryImg02.png);} ul.case-list li .industry.industry-3 {background-image:url(../images0624/industryImg03.png);} ul.case-list li .industry.industry-4 {background-image:url(../images0624/industryImg04.png);} ul.case-list li .industry.industry-5 {background-image:url(../images0624/industryImg05.png);} ul.case-list li .industry.industry-6 {background-image:url(../images0624/industryImg06.png);} ul.case-list li .title {position:relative;margin-top: 15px; font-size:16px;font-weight:700; line-height: 1.5;} ul.case-list li .title .label-industry {display: inline; margin:0 10px; padding: .2em .6em; color:#dab866; border:1px solid #dab866;text-align: center; white-space: nowrap; vertical-align: middle; border-radius: .25em; font-size: 12px; font-weight: 400;} ul.case-list li .desc {margin-top:10px; font-size:14px;color:#a1a1a1;text-align: justify; height: calc(100% - 250px); overflow: hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; padding-right: 10px;} ul.case-list li .desc dd{padding-left: 20px;background:url(../images0624/check_icon.png) no-repeat 2px 7px; line-height: 1.8;} ul.case-list li:hover .desc { height: 280px !important; background-color:rgba(255,255,255,0.2);transition: all 0.3s;} ul.case-list li:hover .industry { display: none; } .case-title {margin:0;padding:50px 0px 30px 0;font-size:36px;font-weight:400;line-height:40px;text-align:center;color:#000;border-bottom:1px solid #ebebeb;} .case-carouselLogo ul li {float:left;padding:0 50px;margin-bottom:8px;width:25%;height:108px;overflow:hidden;} .case-carouselLogo ul li a {display:block;position:relative;width:100%;height:100%;} .case-carouselLogo ul li a img {max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;} /*鍚堜綔浼欎即*/ .parter_list{padding-bottom:40px;} .parter_list a{ display: block;width:20%; float: left;padding:0 5px;margin-bottom: 10px;} .parter_list .img{width:100%; height:80px;border:1px solid #eee;padding:10px 10px;} .parter_list .img img{width:100%;height:100%; object-fit: contain;} .parter_list a:hover .img{border-color:#dab866;} /*妗堜緥*/ hr{border-top-style: dotted;border-color:#d3d3d3;} .case_title{font-size:16px;color:#333;} .case_title:after{content:'';width:18px;height:3px;background-color: #328ce4; display: block;} /*H5缁煎悎棣栭〉*/ .case_index{background: #ddf4ff;padding-top:20px;} .case_center{text-align: center;margin-bottom:20px;} .case_center:after{margin:0 auto;height:2px;width:30px;} .case_index .item{background: #fff;border-top:8px solid #3bafda;border-radius:5px;padding:10px;color:#666;margin-bottom:15px;height:200px; overflow: hidden;} .case_index .item .tt{text-align: center;margin:5px 0 8px 0;font-weight: bold;padding-bottom: 4px;color:#1f2677;} .case_index .item .tt:after{content:'';width:30px;height:2px;background-color: #328ce4; display: block;margin:0 auto;} .case_index .item p{line-height: 1.6; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:8;overflow: hidden;font-size:11px;} .case_index .item a.more_a{margin-top:15px; border-radius: 4px;display: inline-block;font-size: 13px;color:#fff;padding:3px 20px; background: url(../images0624/arrow3.png) no-repeat calc(100% - 10px) center #3bafda; background-size: auto 5px;padding-right:30px;} .case_index .col-xs-6:nth-child(1) .item{border-color:#da4453;} .case_index .col-xs-6:nth-child(1) .item a.more_a{background-color:#da4453;} .case_index .col-xs-6:nth-child(2) .item{border-color:#8cc152;} .case_index .col-xs-6:nth-child(2) .item a.more_a{background-color:#8cc152;} .case_index .col-xs-6:nth-child(4) .item{border-color:#dab866;} .case_index .col-xs-6:nth-child(4) .item a.more_a{background-color:#dab866;} .case_index .col-xs-6:nth-child(5) .item{border-color:#3fe7e9;} .case_index .col-xs-6:nth-child(5) .item a.more_a{background-color:#3fe7e9;} /*瑙e喅鏂规*/ .solution_index{font-size: 30px; text-align: center;font-weight: bold;color:#333;padding:20px 0;} .line{width:40px;height:2px;background-color: #328ce4; } .solution_index .line{margin:0 auto;} .solution_content{padding:20px 0 40px 0;} .solution_content img{max-width: 100%;} .grey_bg{background: #f5f5f5;} .solution_content.go-test {text-align: center; color: #fff;} .solution_content.go-test h2 { font-weight: 400; font-size: 28px; letter-spacing: 1px; } .solution_content.go-test .btn.free-trial { background-color: #dab866; border-color: #dab866; color: #fff; } .solution_three{display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .solution_three .item,.solution_four .item{ position: relative;margin:5px 0; background: #fff;width:33.33%;height:350px;padding:10px 20px;} .solution_three .item p,.solution_four .item p{text-align: center; background: no-repeat top center;padding-top:110px;} .solution_three .item:hover,.solution_four .item:hover{background: #dab866;color:#fff;transform: scale(1.05); -webkit-transform: scale(1.05);z-index:10;} .solution_three .item{padding-top:40px;} .solution_four .item{width:100%; border:1px solid #f1f1f1;padding-top:40px;margin-bottom:20px;} .solution_four .item strong{font-size:1.1em;} .solution_four .item:hover{border-color:#dab866;} .solution_four .item p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:10;overflow: hidden;} .solution_five{display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .solution_five .item{ margin:5px 0; background: #fff;width:20%;height:350px;padding:10px 20px;} .solution_five .item p{text-align: center; background: no-repeat top center;padding-top:110px;} .solution_five .item:hover{background: #dab866;color:#fff;transform: scale(1.05); -webkit-transform: scale(1.05);z-index:10;} .solution_five .item{width:100%; border:1px solid #f1f1f1;padding-top:40px;margin-bottom:20px;} .solution_five .item strong{font-size:1.1em;} .solution_five .item:hover{border-color:#dab866;} .solution_five .item p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:10;overflow: hidden;} .solution_two{display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .solution_two .item{ margin:5px 0; background: #fff;width:50%;height:150px;padding:10px 20px;} .solution_two .item p{text-align: left; background: no-repeat left center;padding-left:110px;} .solution_two .item:hover{background: #dab866;color:#fff;transform: scale(1.05); -webkit-transform: scale(1.05);z-index:10;} .solution_two .item{width:100%; border:1px solid #f1f1f1;margin-bottom:20px;} .solution_two .item strong{font-size:1.1em;} .solution_two .item:hover{border-color:#dab866;} .solution_two .item p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:10;overflow: hidden;} .solution_book .item{color:#666;margin-bottom:15px; height:310px;background: url(../images0624/li4.png) no-repeat;background-size:contain;padding:20px 30px 0 40px;} .solution_book .item .tt{text-align: center; font-weight: bold;font-size:18px;color:#333;margin:10px 0;} .solution_book .item .tt:after{content:'';width:30px;height:2px;background-color: #dab866; display: block;margin:10px auto;} .solution_book .item:hover{ background-image:url(../images0624/li4h.png); color:#fff; } .solution_book .item:hover .tt{color:#fff;} .solution_img img{margin-bottom:20px;} .solution_news {color:#999;line-height: 1.7;} .solution_news .tt{ font-weight: bold;font-size:18px;color:#333;margin:20px 0 10px 0;} .solution_news .tt:after{content:'';width:23px;height:2px;background-color: #328ce4; display: block;} .solution_news .col-xs-12{margin-bottom:10px;} .solution_li dt{font-size:16px;padding:7px 0;} .solution_li dd{line-height: 2;} .solution_li .col-xs-12{padding-bottom:25px;} /*.swiper-slide img{width:100%;height:100%; object-fit: contain;} .swiper-slide {width:100%;height:500px;}*/ .swiper-container {width: 100%;padding-top: 50px;padding-bottom: 50px; } .swiper-slide {background-position: center;background-size: cover;width: 400px;height: 400px;} .solution_advantage .item{height: auto; overflow: hidden; background-color: rgba(0,0,0,.26); margin: 0 0 30px; padding: 32px 35px 40px;} .solution_advantage .item:hover { -webkit-transform: scale(1.05);} .solution_advantage .item .item-icon{display: block; width: 30px; height: 30px; background: url(http://source.esensoft.com/images/xiaoyi_2018/proTb1.png) no-repeat;} .solution_advantage .item .item-title{ position: relative; color: #fff; font-size: 18px; line-height: 25px; padding: 25px 0 12px;} .solution_advantage .item .item-title:after { position: absolute; bottom: 0; left: 0; content: " "; width: 50px; height: 2px; background: #328ce4;} .solution_advantage .item .item-desc { margin:16px 0;color: #fff; font-size: 14px;} .solution_advantage .item ul.item-desc { padding-left: 16px;} .solution_advantage .item .item-desc li {list-style: disc;} .advantage_con {color: #fff; font-size: 18px;} @media (max-width:992px)/*骞虫澘*/ { .container{width: 100%} body{ overflow-x:hidden; } /*鎵嬫満瀵艰埅icon*/ .navbar-toggle{ border:none;border-radius: 0;margin:0; position: absolute;right:10px;top:5px; display: block; background: url(../images0624/btn.jpg) center center no-repeat;width:45px;height:45px; background-size: 35px auto; } .navbar-brand img{height:45px;} .head_top{height:55px;} /*瀵艰埅*/ .navbar-collapse.collapse{display: none;} .navbar-nav{background: #fff;padding:0;margin:0;width:100%; float: none;} .nav-bar-xs{ color:#333; position:absolute;top:55px; right:-1px;width:50%;z-index:200;} .nav-bar-xs .nav li{text-align:left;border:none;width:100%;padding:0;} .nav-bar-xs .nav li .plus{ display: inline-block; height:100%;width:50px;background: url(../images0624/plus.png) center center no-repeat; background-size:10px 10px; position: absolute;right:0px;top:0;} .nav-bar-xs .nav li a{color:#333;font-size:13px;border-radius: 0; padding:10px 0px;padding-left:30px; line-height:1.6; border-bottom:1px dotted #e5e5e5;background: url(../images0624/li.png) 15px center no-repeat; background-size:5px 5px;} .nav-bar-xs .nav li a:hover,.nav-bar-xs .nav li.open>a{color:#fff;background-image: url(../images0624/lih.png) ; background-color:#1f2677;} .navbar-nav .open .dropdown-menu{ background-color: #fff; white-space: normal;position: static; float: none; width: auto; margin-top: 0; border: 0;padding:0;} .navbar-nav .open .dropdown-menu li > a{ background-image: url(../images0624/li2.png); line-height:25px;padding: 3px 5px 3px 35px;height:auto; font-size: 12px;display: block;width:100%;margin-left:0;color:#999;border:0;} .navbar-nav .open .dropdown-menu li > a:hover{ background-color:#fff !important; } .navbar-nav .open .plus{background-image: url(../images0624/minus.png);} .nav-bar-xs .nav li.open .plus{background-image: url(../images0624/minus.png);} /*鍒囨崲鍥?/ .banner{margin-top:55px;height:300px; } .focus{ height:300px; } .focus .bd li {height:300px;} /*棣栭〉*/ .index3{padding:30px 0;} .index3 .index_title{ position: static; } .index3 .item{height:auto;padding:15px;margin-bottom:10px;} .index3 .list{margin:0 20px;} .index3 .item .tt{ background-size: 40px 40px;padding-left:45px;line-height: 30px;height:40px; } .index_news .tt{line-height: 2.2;} .index_news .note{padding:5px 0; -webkit-line-clamp: 2;min-height:auto;} .index_news .col-xs-12{padding-bottom:15px; } .index_news .date{line-height: 1;} .more{margin:28px auto;} .index3 a:hover .item{ transform: scale(1); -webkit-transform: scale(1);} .index3 .index_title{text-align: center;} .index3 .index_title:after{margin:0 auto;} .indexpd{padding-top:40px;padding-bottom:30px;} .index2{padding:50px 0;} /*搴曢儴*/ .right_fixed{left:auto;margin-left:0;right:10px;} /*鍐呴〉*/ .Sbanner{height:120px;margin-top:55px;} .location{ text-align: left; } .ab_top{padding:0px;background: #f5f5f5;margin-bottom:15px;} /*鍚堜綔浼欎即*/ .parter_list a{ width:25%;} /*瑙e喅鏂规*/ .solution_index{font-size: 18px;} .solution_four .item p{padding-top:55px;background-size: auto 50px ;} .solution_four .item {margin:7px 0;} .solution_three{flex-direction: column;-webkit-flex-direction: column;} .solution_three .item,.solutionLR .item{width:100%;height:auto;min-height: auto; padding:20px 20px;justify-content: flex-start;-webkit-justify-content: flex-start;} .solution_three .item p,.solutionLR .item p{text-align: left;min-height: 50px; background: no-repeat left center;padding-top:10px;padding-left:60px; background-size: 50px auto;} .solution_three .item:hover{background: #dab866;color:#fff;transform: scale(1.1); -webkit-transform: scale(1.1);z-index:10;} .solution_five{flex-direction: column;-webkit-flex-direction: column;} .solution_five .item{width:100%;height:auto;min-height: auto; padding:20px 20px;justify-content: flex-start;-webkit-justify-content: flex-start;} .solution_five .item p{text-align: left;min-height: 50px; background: no-repeat left center;padding-top:10px;padding-left:60px; background-size: 50px auto;} .solution_five .item:hover{background: #dab866;color:#fff;transform: scale(1.1); -webkit-transform: scale(1.1);z-index:10;} .solution_two{flex-direction: column;-webkit-flex-direction: column;} .solution_two .item{width:100%;height:auto;min-height: auto; padding:20px 20px;justify-content: flex-start;-webkit-justify-content: flex-start;} .solution_two .item p{text-align: left;min-height: 50px; background: no-repeat left center;padding-top:10px;padding-left:60px; background-size: 50px auto;} .solution_two .item:hover{background: #dab866;color:#fff;transform: scale(1.1); -webkit-transform: scale(1.1);z-index:10;} .col-md-20{width:100%} .solution_book .item{width:180px;height:200px;padding:15px 13px 25px 10px;margin:5px auto; line-height: 1.7;} .solution_book .item .tt{font-size:12px;margin:0;} .solution_book .item .tt:after{margin:5px auto;} .solution_book .item p{font-size:10px;} } @media (min-width:769px)/*妗岄潰*/ { /*body{min-width:1200px; overflow: auto;} .container{width:1200px;}*/ .valign-center-md{display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center;} } @media (min-width:769px) and (max-height:670px){/*妗岄潰*/ } @media (min-width:992px){/*鐢佃剳*/ /*鍐呴〉*/ } @media (min-width:1200px){/*澶у睆骞?/ .container{width:1200px;} } @media (max-width:767px){/*鎵嬫満*/ body{font-size:12px;} .nav-bar-xs{top:53px;} .navbar-brand{padding-left:10px;} /*鍒囨崲鍥?/ .banner{height:160px;} .focus{ height:160px; } .focus .bd li {height:160px;} .focus .prev, .focus .next{width:25px;height:20px; background-size: 7px 7px;} .focus .arrow{ background-size: 12px 12px;} /*棣栭〉*/ .index_title .cn{font-size:20px;} .index_title .en{font-size:10px;} .index_title:after{height:1px;width:30px;} .index_title{padding:25px 0;} .index_tt{font-size:20px;} .index_tt:after{margin:0;height:2px;} .index_text{padding:14px 0;} .index_con{padding:20px 0;} .index_con .p2{margin-top:20px;} .index2{padding:35px 0;} .indexpd{padding-top:30px;padding-bottom:0px;} .index3{padding-top:0px;} .index_news .col-xs-5{padding:0;} .index_news .col-xs-7{padding-right:0;} .index_news .tt{line-height: 1.8;font-size:14px;} .index_news .date{font-size:10px;} .index_news .note{line-height: 1.6;font-size:10px;} .index3 .item{padding:8px 25px;} .index3 .list{margin:0 10px;} .more{margin:20px auto;width:100px;} .right_fixed img{width:25px;} /*鍒嗛〉*/ .pages{padding:25px 0;font-size:14px; line-height: 30px; } .pages a, .pages span{ min-width:30px; } .pages span,.pages a:hover{background-size:30px auto;} .pages .text{width:25px;height:30px;} /*鍐呴〉*/ .Sbanner{height:80px;} /*鏂伴椈璧勮*/ .news_list a{margin-bottom: 15px;} .news_list .item{box-shadow: 0 0 3px rgba(0,0,0,0.3);padding:5px;} .news_list .img{width:100%;height:150px;background: #f7f7f7; float: left;} .news_list .img img{width: 100%;height: 100%;display: block;object-fit:cover;} .news_list .con{width:100%;height:auto;padding:5px; } .news_list .con .tt{font-size:14px;padding:8px 0;} .news_list .con .date{font-size:10px;padding:10px 0 5px 0;} .news_list a:hover .item{padding:5px;} .note_content{padding:0;} .xia{margin:15px 0;padding-top:15px;} h1.title{font-size:16px;} /*鎷涜搐绾冲+*/ .ab_hr_title{font-size:14px;padding:0px 0 12px 0;} .hr_list dl{padding-bottom: 10px;} .hr_list dt{padding:10px 15px;font-size:12px; background-size: 15px auto;} .hr_list .li{padding:12px 0; } /*鍚堜綔浼欎即*/ .parter_list{padding-bottom:20px;} .parter_list a{ width:33.33%;} .parter_list .img{ height:50px;padding:6px 10px;} hr{margin-top:15px;margin-bottom:15px;} .case_title{font-size:14px;} .case_index .item{height:265px;} /*瑙e喅鏂规*/ .solution_index{font-size: 16px;padding:7px 0;} .solution_content{padding:10px 0 20px 0;} .solution_four .item{font-size:10px;padding-top:10px;height:auto;min-height:180px;} .solution_book .item{width:100%;height:190px;padding:15px 10px 30px 10px;} .solutionLR .item{min-height: auto;} .solution_news .tt{font-size:12px;margin:5px 0 5px 0;} .solution_li dt{font-size:12px;padding:5px 0;} .solution_li dd{line-height: 1.7;} .solution_li .col-xs-12{padding-bottom:15px;} .mh120{min-height: 120px !important;} h2{font-size:20px;} .swiper-slide{height:200px;} .mt20{margin-top:10px !important;} .mt30{margin-top:15px;}.mb30{ margin-bottom:15px;} .mt60{margin-top:30px;} } /* 閫氱敤*/ @keyframes DownIn { 0% { transform:translateY(100%); -webkit-transform:translateY(100%); opacity:0; } 100% { transform:translateY(0);-webkit-transform:translateY(0); opacity:1;} } @-moz-keyframes DownIn /* Firefox */ { 0% { transform:translateY(100%); -webkit-transform:translateY(100%); opacity:0; } 100% { transform:translateY(0);-webkit-transform:translateY(0); opacity:1;} } @-webkit-keyframes DownIn /* Safari 鍜 Chrome */ { 0% { transform:translateY(100%); -webkit-transform:translateY(100%); opacity:0; } 100% { transform:translateY(0);-webkit-transform:translateY(0); opacity:1;} } /*----RESET-----*/ .banner{margin-top:0px; height:600px; } .focus {height:600px;} .focus .bd li {height:600px;} .head_top{ background-color: rgba(6, 15, 29, 0.75);box-shadow:unset; } .navbar-nav a { color: #fff;} .nav>li>a:hover, .nav>li.active>a { background-color:unset; color: #328ce4; } .Sbanner{ height: 290px; margin-top:0px;} .Sbanner.productBanner { height: 450px;} .Sbanner.about_banner {height: 320px;} .navbar-brand {padding: 9px 20px 9px 0;} .navbar-brand img { height: 50px;} .dropdown-menu{ background-color: rgba(6, 15, 29, 0.9);} .dropdown-menu.dropdown-product li a,.dropdown-menu>li> a{border-bottom:0; line-height: 30px;} .dropdown-menu.dropdown-product li a:hover,.dropdown-menu li> a:hover { color: #328ce4; } .banner_info_out{ height: 100%; display: flex; align-items: center; padding: 0 0 0 50px; } .banner_info{ color:#fff; } .banner_info h2{ font-size: 34px; margin-bottom: 20px; } .banner_info ul li { line-height:26px!important; text-align:left!important; } .banner_info ul li::before{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: #00e5ef; display: inline-block; margin-right: 12px; } ul li { list-style: none; }