@charset "utf-8"; .hide{display:none;} .slidebox{ width:100%;position:relative;overflow:hidden;/*margin-top:1px;*/} .slidebox *{ font-size:0; } .slidebox .prev, .slidebox .next{ width:40px; height:40px; background:hsla(0,0%,100%,.2); border-radius:30px; left:3%; bottom:30px; position:absolute; z-index:12; cursor:pointer; text-align:center; } .slidebox .next{ left:auto; right:3%; } .slidebox .styles__arrow{ height:20px; width:20px; margin-top:10px; } .slidebox .prev:hover, .slidebox .next:hover{ background:hsla(0,0%,100%,.4); } .slidebox .hd{ width:100%; position:absolute; z-index:1; bottom:30px; text-align:center; } .slidebox .hd ul{ display:inline-block; } .slidebox .hd ul li{ display:inline-block; padding:5px 5px; cursor:pointer; margin:0 5px; font-size:0; position:relative; } .slidebox .hd ul li:after{ display:block; width:14px; height:14px; border-radius:50%; opacity:0.4;filter:alpha(opacity=40); cursor:pointer; background:#fff; content:''; } .slidebox .hd ul .on:after{ opacity:60;filter:alpha(opacity=60); } .slidebox .bd{ position:relative; z-index:0; } .slidebox .bd li{ position:relative; } .slidebox .bd li img{width:100%;} .slidebox .bd li .text{ position:absolute; z-index:6; left:14%; top:50%; margin-top:-40px; } .slidebox .bd li .text .a{ color:#fff; font-size:35px; display:none; } .slidebox .bd li .text .b{ color:#fff; font-size:35px; display:none; } /*--banner end--*/ #pro-overview{float:left;width:100%; background:#545456;padding:20px 0;} .pro-top{} .pro-top ul{width:1212px;padding-left:-12px;} .pro-top ul li{float:left;padding:0 0 0 12px;} .pro-top ul li img{height:370px;overflow:hidden;} .pro-bottom ul{width:1212px;padding-left:-12px;} .pro-bottom ul li{float:left;padding:12px 0 0 12px;} .pro-bottom ul li img{width:392px;height:370px;} .indexlist{float:left;width:17%; display:block;} .indexlist h1{float:left;width:100%;height:40px;text-align:center;background:#5195c4;font:16px/40px 'microsoft yahei';color:#fff;} .indexlist dl{float:left;width:100%; background:#efefef;} .indexlist dl dt{float:left;width:100%;color:#fff;} .indexlist dl dt a{display:block;width:85%;background:url(/uploads/image/sdimages/arrow.png) 85% center no-repeat #545456;padding-left:15%;color:#fff;font:14px/35px 'microsoft yahei';} .indexlist dl dd{float:left;width:100%;border-bottom:#d8d8d8 1px solid;} .indexlist dl dd a{display:block;width:85%;background:url(/uploads/image/sdimages/arrow_01.png) 8% center no-repeat;padding-left:15%;font:14px/35px 'microsoft yahei';} .indexlist dl dd a:hover{background:url(/uploads/image/sdimages/arrow_01.png) 8% center no-repeat #5195c4;color:#fff;} .hotpro{float:right;width:81%;border:#d8d8d8 1px solid;padding:1px;} .prolist{float:left;width:100%;padding-top:20px;} .prolist dl{float:left;width:44%;margin:0 3% 20px;} .prolist dl dt{float:left;width:40%;border:#efefef 1px solid;margin-right:4%;} .prolist dl dt img{max-width:100%;} .prolist dl dd{float:left;width:55%} .prolist dl dd h2 a{font-size:14px;} .prolist dl dd p{line-height:24px;color:#9b9b9b;} .prolist dl dd .more a{color:#ff5c01;} .indexad{float:left;width:100%;text-align: center;overflow: hidden;position: relative;clear:both;z-index: -1;} .indexad img {display: block;z-index:-1;width:100%;} .indexad_m{display:none;} .indexnews{float:left;width:49%;border:#d8d8d8 1px solid;padding:1px;} .indexnews ul{float:left;width:94%;padding:2% 3% 5%;} .indexnews ul li{float:left;width:95%; background:url(/uploads/image/sdimages/arrow_02.png) 2% center no-repeat;padding-left:5%;border-bottom:#d8d8d8 1px dashed;} .indexnews ul li a{display:block;line-height:35px;} .indexnews1{float:right;width:49%;border:#d8d8d8 1px solid;padding:1px;} .indexnews1 ul{float:left;width:94%;padding:2% 3% 5%;} .indexnews1 ul li{float:left;width:95%; background:url(/uploads/image/sdimages/arrow_02.png) 2% center no-repeat;padding-left:5%;border-bottom:#d8d8d8 1px dashed;} .indexnews1 ul li a{display:block;line-height:35px;} .simple { width:100%; } .simple .home_middle { padding:6em 0; text-align: center; } #peculiarity { margin-bottom:36px; } .home_middle_txt { font-size: 0.875em; color:#666; line-height: 1.5; } .home_middle_txt_spel { line-height: 1.8; } .simple .exhibition { margin-top:80px; width:100%; } .simple .exhibition ul { width:100%; display:flex; flex-wrap: wrap; } .simple .exhibition ul li { width:25%; /*flex:1;*/ } .simple .exhibition ul li:nth-child(n 5) { margin-top:84px; } .simple .exhibition ul li .exhibition_icon_text { font-size:0.75em; color:#666; line-height: 1.5; } .exhibition_icon_txt{ font-size: 16px; color: #e2494d; font-weight: 400; margin: 32px 0 24px 0; } .products_show { width:100%; background: #f3f7fa; } .products_show .prod_wrap { display:flex; color:#fff; } .products_show .prod_wrap>div { width:25%; height:28.75em; flex:1; text-align: center; } .products_show .prod_wrap p { font-size:0.75em; color: #ffffff; line-height: 1.5; } .products_show .prod_wrap .pro_model:nth-child(1) { background: no-repeat; } .products_show .prod_wrap .pro_model:nth-child(3) { background: no-repeat; } .products_show .prod_wrap .pro_model_desc a { display:block; width:100%; height:28.75em; overflow: hidden; position: relative; } .products_show .prod_wrap .pro_model_desc a .shadow img{ width: 3.375em; height: 54px; margin:220px 0 37px 0; } .resolve { padding-bottom: 68px; } .resolve , .resolve .resolve_middle { width:100%; text-align: center; } .resolve .resolve_middle h2 { margin: 68px 0; } .resolve .resolve_middle a { display:block; width:100%; height:356px; overflow: hidden; position: relative; } .resolve .resolve_middle a .home_resolve_show .home_resolve_show_txt { font-size: 1em; color: #fff; margin:145px 0 24px 0; } .resolve .resolve_middle a .home_resolve_show .home_resolve_show_text { font-size: 0.75em; color: #fff; } .system_effect { background: #f3f7fa; padding-bottom: 68px; text-align: center; } .system_effect h2{ padding: 68px 0 36px 0; } .effect_video { width: 100%; margin-top: 48px; } .effect_video video { width: 100%; height: auto; } .effect_video video{ border: 1px solid #454545; } .system_effect .des { padding: 3em 0 4em 0; font-size: 0.875em; color:#666; line-height: 1.5; } .partner { width:100%; padding-bottom:47px; margin: 1.5em 0 1.5em 0; background: #f3f7fa; text-align: center; } .partner .title h2 { /*margin: 72px 0;*/ padding: 72px 0; } .partner .all_partner, .partner .all_partner ul { display:flex; flex-wrap: wrap; justify-content: space-between; } .partner .all_partner, .partner .all_partner .last_row { justify-content: start; } /* .partner .all_partner, .partner .all_partner .last_row li:last-child { */ .partner .all_partner, .partner .all_partner .last_row li { margin-left: 15px; } .partner .all_partner, .partner .all_partner .last_row li:first-child { margin-left: 0; } .partner .all_partner ul li { /*flex:1;*/ /* width: 11.25em; */ width: 8.125em; height: 3.75em; /* margin-right:25px; */ margin-bottom:1.25em; } .partner .all_partner ul li p { font-size:0.875em; color: #777; height: 3.75em; line-height: 60px; text-align: center; } .partner .all_partner ul li img { /* width: 11.25em; */ width: 8.125em; } /* .partner .all_partner ul li:nth-child(5n) { margin-right: 0; } */ .success,.success .success_middle { width:100%; height:500px; background:#f3f7fa; } .success .success_middle .success_wrap { width:30em; height:296px; background: #fff; transform: translatey(132px); float:left; /*padding:40px;*/ } .success .success_middle .success_wrap .success_wrap_txt { width:100%; padding:40px; } .success .success_middle .success_wrap .success_wrap_txt h3 { font-size: 1.5em; line-height: 1; color:#333; margin: 0; } .success .success_middle .success_wrap .success_wrap_txt .success_wrap_txt_pad { margin:14px 0 36px 0; } .success .success_middle .success_wrap .success_wrap_txt p { font-size:0.875em; color:#888; line-height: 1.5; } .success .success_middle .success_wrap .success_wrap_txt .coop { width:100%; height:42px; } .success .success_middle .success_wrap .success_wrap_txt .coop a { display:block; width:11em; height:42px; line-height:42px; color:#fff; background: #fdc641; border-radius:4px; float:left; margin:42px 42px 0 0; } .success .success_middle .success_wrap .success_wrap_txt .coop a img { vertical-align: middle; margin:0 24px; } .success .success_middle .photo { width:32.25em; height:100%; float:right; background: no-repeat; } .skip ,.skip .skip_wrap { width:100%; padding:15px 0 5px 0; display:flex; } .skip .skip_wrap ul { flex:1; width:25%; } .skip .skip_wrap ul li { font-size:1em; margin-bottom: 15px; text-align: center; } .skip .skip_wrap ul a { display:block; width:100%; margin-bottom: 10px; font-size:0.75em; color:#888; } .index_case{width: 100%;overflow: hidden;background-color: #eee;padding: 3% 0 4% 0;} .index_case_hea{text-align: center;overflow: hidden;} .index_case_hea p{color: #666;font-size: 1.8em;margin-top: 0.1%;display: block;line-height: 1.2em;} #hangye {margin-bottom:36px;} .index_case_n{width: 64%;overflow: hidden;margin: 0 auto;margin-top: 3%;} .index_case_n .index_case_n_one{width: 33.3333%;float: left;position: relative;height: 480px;overflow: hidden;} .index_case_n .index_case_n_one a{ width:100%; height:100%; overflow:hidden; display:block;} .index_case_n .index_case_n_one .bjt{width: 100%;height: 100%;} .index_case_n .index_case_n_one .bjt img{width: 100%;height:100%;transition: all ease 0.8s;-webkit-transition: all ease 0.8s;} .index_case_n .index_case_n_one:hover .bjt img{transform: scale(1.1,1.1);transition: all ease 0.8s;-webkit-transition: all ease 0.8s;} .index_case_n .index_case_n_one .txt{position: absolute;left: 0;top: 0;width: 100%;} .index_case_n .index_case_n_one .txt h1{float: right;margin-right: 8%;margin-top: 10%;} .index_case_n .index_case_n_one .txt h1 img{} .index_case_n .index_case_n_one .txt h2{float: left;width: 100%;margin-top:30%;text-align: center; color:#fff;} .index_case_n .index_case_n_one .txt h2 p{font-size: 1.1em;} .index_case_n .index_case_n_one .txt h2 span{display: block;margin-top: 2%;font-size: 1.0em;} .index_case_n .index_case_n_one .txt h2 t{display:block;border-bottom:2px solid rgba(255, 255, 255, 0.45);width: 7%;margin:0 auto;margin-top: 3%;} .index_case_n .index_case_n_one .txt h2 b{ width: 70%;display: block;margin: 0 auto;margin-top: 4%; font-size: 1.2em;color: rgba(255, 255, 255, 0.9);} .index_case_n .index_case_n_one .txt h2 f{display: block;border: 1px solid rgba(255, 255, 255, 0.56);width: 26%;line-height: 1.9em; margin: 0 auto;margin-top: 6%;font-size: 0.5em;text-transform: uppercase;} .index_case_n .index_case_n_one:hover .txt h2 f{background: #5a88c6; } .index_case_n .index_case_n_two{width: 33.3333%;float: left;height: 480px;overflow: hidden;} .index_case_n .index_case_n_two .top{ width:100%; height:240px;position: relative;} .index_case_n .index_case_n_two .top a{ width:100%; height:100%; overflow:hidden; display:block;} .index_case_n .index_case_n_two .top .bjt{width: 100%;height: 100%;} .index_case_n .index_case_n_two .top .bjt img{width: 100%;height:100%;transition: all ease 0.8s;-webkit-transition: all ease 0.8s;} .index_case_n .index_case_n_two .top:hover .bjt img{transform: scale(1.1,1.1);transition: all ease 0.8s;-webkit-transition: all ease 0.8s;} .index_case_n .index_case_n_two .top .txt{position: absolute;left: 0;top: 0;width: 100%;} .index_case_n .index_case_n_two .top .txt h1{float: right;margin-right: 8%;margin-top:6%;} .index_case_n .index_case_n_two .top .txt h1 img{} .index_case_n .index_case_n_two .top .txt h2{float: left;width: 100%;text-align: center; color:#fff;} .index_case_n .index_case_n_two .top .txt h2 p{font-size: 1.1em;} .index_case_n .index_case_n_two .top .txt h2 span{display: block;margin-top: 3%;font-size: 1.0em;} .index_case_n .index_case_n_two .top .txt h2 t{display:block;border-bottom: 2px solid rgba(255, 255, 255, 0.45);width: 7%;margin:0 auto;margin-top: 3%;} .index_case_n .index_case_n_two .top .txt h2 f{display: block;border: 1px solid rgba(255, 255, 255, 0.56);width: 26%;line-height: 1.9em;margin: 0 auto;margin-top: 4%; font-size: 0.5em; text-transform: uppercase;} .index_case_n .index_case_n_two .top:hover .txt h2 f{background: #5a88c6;} .index_case_n .index_case_n_two .bottom{ width:100%; height:240px;position: relative;background-color: #5195c4;} .index_case_n .index_case_n_two .bottom a{ width:100%; height:100%; overflow:hidden; display:block;} .index_case_n .index_case_n_two .bottom .bjt{width: 100%;height: 100%; opacity:0;} .index_case_n .index_case_n_two .bottom .bjt img{width: 100%;height:100%;} .index_case_n .index_case_n_two .bottom:hover .bjt{ opacity:1;transition: all 0.3s linear 0s;-webkit-transition: all 1s linear 0s;} .index_case_n .index_case_n_two .bottom .txt{position: absolute;left: 0;top: 0;width: 100%;} .index_case_n .index_case_n_two .bottom .txt h1{float: right;margin-right: 8%;margin-top:6%;} .index_case_n .index_case_n_two .bottom .txt h1 img{} .index_case_n .index_case_n_two .bottom .txt h2{float: left;width: 100%;text-align: center; color:#fff;} .index_case_n .index_case_n_two .bottom .txt h2 p{font-size: 1.1em;} .index_case_n .index_case_n_two .bottom .txt h2 span{display: block;margin-top: 2%;font-size: 1.0em;} .index_case_n .index_case_n_two .bottom .txt h2 t{display:block;border-bottom: 2px solid rgba(255, 255, 255, 0.45);width: 7%;margin:0 auto;margin-top: 3%;} .index_case_n .index_case_n_two .bottom .txt h2 f{display: block;border: 1px solid rgba(255, 255, 255, 0.56);width: 26%; line-height: 1.9em;margin: 0 auto;margin-top: 4%;font-size: 0.5em;text-transform: uppercase;} .index_case_n .index_case_n_two .bottom:hover .txt h2 f{background:#009cf9; } .index_case_n .index_case_n_three{width: 33.3333%;float: left;height: 480px;overflow: hidden;} .index_case_n .index_case_n_three .top{ width:100%; height:240px;position: relative; background:#5195c4;} .index_case_n .index_case_n_three .top a{ width:100%; height:100%; overflow:hidden; display:block;} .index_case_n .index_case_n_three .top .bjt{ opacity:0;width: 100%;height: 100%;} .index_case_n .index_case_n_three .top .bjt img{ width:100%; height:100%;} .index_case_n .index_case_n_three .top:hover .bjt{ opacity:1;transition: all 0.3s linear 0s;-webkit-transition: all 1s linear 0s;} .index_case_n .index_case_n_three .top .txt{position: absolute;left: 0;top: 0;width: 100%;} .index_case_n .index_case_n_three .top .txt h1{float: right;margin-right: 8%;margin-top:6%;} .index_case_n .index_case_n_three .top .txt h1 img{} .index_case_n .index_case_n_three .top .txt h2{float: left;width: 100%;text-align: center; color:#fff;} .index_case_n .index_case_n_three .top .txt h2 p{font-size: 1.1em;} .index_case_n .index_case_n_three .top .txt h2 span{display: block;margin-top: 3%;font-size: 1.0em;} .index_case_n .index_case_n_three .top .txt h2 t{display:block;border-bottom: 2px solid rgba(255, 255, 255, 0.45);width: 7%;margin:0 auto;margin-top: 3%;} .index_case_n .index_case_n_three .top .txt h2 f{display: block;border: 1px solid rgba(255, 255, 255, 0.56);width: 26%;line-height: 1.9em; margin: 0 auto;margin-top: 4%;font-size: 0.5em;text-transform: uppercase;} .index_case_n .index_case_n_three .top:hover .txt h2 f{background: #009cf9; } .index_case_n .index_case_n_three .bottom{ width:100%; height:240px;position: relative;background-color: #5195c4;} .index_case_n .index_case_n_three .bottom a{ width:100%; height:100%; overflow:hidden; display:block;} .index_case_n .index_case_n_three .bottom .bjt{width: 100%;height: 100%;} .index_case_n .index_case_n_three .bottom .bjt img{width: 100%;height:100%;transition: all ease 0.8s;-webkit-transition: all ease 0.8s;} .index_case_n .index_case_n_three .bottom:hover .bjt img{transform:scale(1.1,1.1);transition: all ease 0.8s;-webkit-transition: all ease 0.8s;} .index_case_n .index_case_n_three .bottom .txt{position: absolute;left: 0;top: 0;width: 100%;} .index_case_n .index_case_n_three .bottom .txt h1{float: right;margin-right: 8%;margin-top:6%;} .index_case_n .index_case_n_three .bottom .txt h1 img{} .index_case_n .index_case_n_three .bottom .txt h2{float: left;width: 100%;text-align: center; color:#fff;} .index_case_n .index_case_n_three .bottom .txt h2 p{font-size: 1.1em;} .index_case_n .index_case_n_three .bottom .txt h2 span{display: block;margin-top: 2%;font-size: 1.0em;} .index_case_n .index_case_n_three .bottom .txt h2 t{display:block;border-bottom: 2px solid #fff;width: 7%;margin:0 auto;margin-top: 3%;} .index_case_n .index_case_n_three .bottom .txt h2 f{display: block;border: 1px solid rgba(255, 255, 255, 0.56);width: 26%; line-height: 1.9em;margin: 0 auto;margin-top: 4%;font-size: 0.5em;text-transform: uppercase;} .index_case_n .index_case_n_three .bottom:hover .txt h2 f{background: #5a88c6; } /*--手机版代码--*/ @media screen and (max-width:1073px){ .indexlist{display:none;} .hotpro{float:right;width:95%;border:#d8d8d8 1px solid;padding:1px;margin:0 2%;} .prolist{float:left;width:100%;padding-top:20px;} .prolist dl{float:left;width:96%;margin:0 2% 20px;} .indexad{display:none;} .indexad_m{display: block;float:left;width:100%;text-align: center;overflow: hidden;position: relative;clear:both;z-index: -1;} .indexad_m img {display: block;z-index:-1;width:100%;} .indexnews{float:left;width:95%;border:#d8d8d8 1px solid;padding:1px;margin:0 2% 2%;} .indexnews ul li a{font-size:0.8em;} .indexnews .time{display:none;} .indexnews1{float:left;width:95%;border:#d8d8d8 1px solid;padding:1px;margin:0 2%;} .indexnews1 ul li a{font-size:0.8em;} .indexnews1 .time{display:none;} .index_case_n{ width:100%;} .index_case_n .index_case_n_one{ width:100%; height:180px;} .index_case_n .index_case_n_one .txt{ height:100%;} .index_case_n .index_case_n_one .txt h2{ width:100%;margin-top:10%;} .index_case_n .index_case_n_one .txt h1{ width:18px; height:18px; display:none;} .index_case_n .index_case_n_one .txt h1 img{ width:100%; height:100%;} .index_case_n .index_case_n_one .txt h2 span{ font-size:0.7em;} .index_case_n .index_case_n_one .txt h2 b{font-size: 1em;width: 80%;} .index_case_n .index_case_n_one .txt h2 f{width: 40%;font-size: 0.5em;} .index_case_n .index_case_n_two{ width:50%;height:280px;} .index_case_n .index_case_n_three{ width:50%;height:280px;} .index_case_n .index_case_n_two .top .txt h1{ display:none;} .index_case_n .index_case_n_two .bottom .txt h1{ display:none;} .index_case_n .index_case_n_three .top .txt h1{ display:none;} .index_case_n .index_case_n_three .bottom .txt h1{ display:none;} .index_case_n .index_case_n_two .top{ height:140px;} .index_case_n .index_case_n_two .bottom{ height:140px;} .index_case_n .index_case_n_three .top{ height:140px;} .index_case_n .index_case_n_three .bottom{ height:140px;} .index_case_n .index_case_n_two .top .txt h2 f{width: 60%;font-size: 0.5em;} .index_case_n .index_case_n_two .top .txt h2 span{ font-size:0.7em;margin-top: 22%;} .index_case_n .index_case_n_two .bottom .txt h2 span{ font-size:1.2em;margin-top: 22%;} .index_case_n .index_case_n_two .bottom .txt h2 f{width: 60%;font-size: 0.9em;} .index_case_n .index_case_n_three .top .txt h2 span{ font-size:0.7em;margin-top: 22%;} .index_case_n .index_case_n_three .top .txt h2 f{width: 60%;font-size: 0.5em;} .index_case_n .index_case_n_three .bottom .txt h2 span{ font-size:1.2em;margin-top: 22%;} .index_case_n .index_case_n_three .bottom .txt h2 f{width: 60%;font-size: 0.9em;} .simple .exhibition ul li{width:50%} .simple .exhibition ul li:nth-child(n 5){margin:0} .simple .exhibition ul li{margin-bottom:5px;} .productname,.propic{width:100%;} .list ul li.cur a{ background: #cfe5fd url(/uploads/image/sdimages/arrow_01.png) 5% center no-repeat; } }