/* 365寤虹珯鍣ㄨ寤虹珯鍜宻eo鍙樺緱绠€鍗曪紒 siteurl锛歨ttp://soft.365jz.com */ body { padding:0; margin:0;overflow-x:hidden; font-family:"寰蒋闆呴粦", "瀹嬩綋", "Trebuchet MS", Tahoma, Arial, sans-serif; color: #222222; font-size: 12px; line-height: 20px; background: #FFF;} * { padding:0; margin:0;} div, h1, h2, h3, h4, p, form, ul, label, input, textarea, img, span, dl, dt, dd { margin:0; padding:0;} table {border-collapse:collapse;} a { text-decoration: none; color: #333333;} a:hover {text-decoration: none;} ul { padding:0; margin:0;} li { list-style-type: none;} img { border: none;} .clear { clear: both;} .clear::after { content: ""; display: block; clear: both; } /* mbframe */ .ze6dd9container{width:100%} .padding-tb30{padding: 30px 0;} .ze6dd9row .ze6dd9rowtitle{ text-align: center;padding: 30px 0 20px 0; } .ze6dd9row .ze6dd9rowtitle h1{ font-size: 28px; line-height: 30px; text-align: center; } .ze6dd9row .ze6dd9rowtitle p{ font-size: 16px;line-height: 30px; color: rgba(119,119,119,1); font-family: Arial; } .ze6dd9content{width:100%;font-size:16px;line-height:28px;padding-bottom:30px;} .ze6dd9content p{padding-bottom: 20px;} /* header */ @media screen{ *{padding:0;margin:0;} div,h1,ul,input,img,span,dl,dd{margin:0;padding:0;} a{text-decoration:none;color:#333333;} a:hover{text-decoration:none;} ul{padding:0;margin:0;} li{list-style-type:none;} img{border:none;} .ze6dd9header{height:60px;background:#2cb0c0;box-shadow:0 3px 4px rgb(0 0 0 / 10%);} .ze6dd9header .logo{position:absolute;left:0;top:0;} .ze6dd9navmenu .ze6dd9nav-itemed>a{color: #333!important;}.ze6dd9header .logo h1{font-size:24px;line-height:60px;} .ze6dd9header .logo img{max-height:60px;padding:0;} .ze6dd9header .ze6dd9navmenu{position:absolute;right:150px;top:0;} .ze6dd9header .ze6dd9navmenu ul li{font-size:16px;text-align:center;} .ze6dd9header .ze6dd9navmenu ul li a{color:#fff;} .index .ze6dd9navmenu ul li:first-child{border-bottom:2px solid #de2826;} .index .ze6dd9navmenu ul li:first-child a{font-weight:700;} .ze6dd9header .ze6dd9navmenu .ze6dd9nav-child{top:60px;} .ze6dd9navmenu ul li:hover{color:#333;} .ze6dd9nav .ze6dd9nav-item a:hover{color:#fff;font-weight:700;} .ze6dd9nav .ze6dd9nav-item dl dd a{color:#333;} .ze6dd9nav .ze6dd9nav-item dl dd a:hover{color:#333;} .ze6dd9header .search{position:absolute;right:15px;top:30px;font-size:12px;} .ze6dd9header .search ul li{position:relative;height:24px;margin-top:-12px;} .ze6dd9header .search .icon{color:#666;position:absolute;right:4px;top:5px;z-index:1;vertical-align:middle;background:url(../images/search.png) no-repeat;width:20px;height:20px;} .ze6dd9header .search input{border-radius:20px;background:rgba(232, 235, 239, .8);outline:none;height:24px;border:none;padding-left:10px;padding-right:26px;opacity:0.7;width:100px;-webkit-transition:opacity 0.5s ease-out, width 0.5s ease-out;-o-transition:opacity 0.5s ease-out, width 0.5s ease-out;transition:opacity 0.5s ease-out, width 0.5s ease-out;} @media only screen and (max-width: 1140px){ .ze6dd9header .logo{left:10px;} .ze6dd9header .ze6dd9navmenu .ze6dd9nav-child{top:0;} } @media only screen and (max-width:996px){ .ze6dd9header .logo{display:block;height:60px;width:137px;position:absolute;left:50%;top:0px;margin-left:-68px;} .icon_menu{display:block;height:20px;width:20px;position:absolute;left:21px;top:18px;z-index:100;} .ze6dd9header .ze6dd9navmenu{display:block;position:fixed;background:#fff;width:200px;height:100%;right:0px;left:0px;padding-top:90px;z-index:99;transition:transform 0.25s ease-out, opacity 0.25s ease-out;} .ze6dd9header .search{display:none;} .icon_menu{display:block;height:20px;width:20px;position:absolute;left:21px;top:18px;z-index:100;} .icon_menu .i_menu{display:block;background:url(../images/icon_menu_hover.png) no-repeat center;background-size:100% 100%;width:20px;height:20px;margin-top:0;} .icon_menu .i_close{display:none;height:14px;width:15px;background:url(../images/icon_menu_close.png) no-repeat 0 0;background-size:contain;position:fixed;left:21px;top:21px;z-index:4;} .bg_hover{display:none;height:100%;width:100%;position:fixed;left:0px;top:0px;background:rgba(0, 0, 0, 0.2);z-index:98;} .ze6dd9header .ze6dd9navmenu ul li{display:block;float:none;} .ze6dd9header .ze6dd9navmenu ul li a{color:#333;} .ze6dd9nav .ze6dd9nav-item a:hover{color:#333;font-weight:700;} } @media only screen and (max-width: 600px){ .ze6dd9header .logo{display:block;height:60px;width:137px;position:absolute;left:50%;top:0px;margin-left:-68px;} .ze6dd9header .ze6dd9navmenu{display:block;position:fixed;background:#fff;width:200px;height:100%;right:0px;left:0px;padding-top:90px;z-index:99;transition:transform 0.25s ease-out, opacity 0.25s ease-out;} .ze6dd9header .search{display:none;} .icon_menu{display:block;height:20px;width:20px;position:absolute;left:21px;top:18px;z-index:100;} .icon_menu .i_menu{display:block;background:url(../images/icon_menu_hover.png) no-repeat center;background-size:100% 100%;width:20px;height:20px;margin-top:0;} .icon_menu .i_close{display:none;height:14px;width:15px;background:url(../images/icon_menu_close.png) no-repeat 0 0;background-size:contain;position:fixed;left:21px;top:21px;z-index:4;} .bg_hover{display:none;height:100%;width:100%;position:fixed;left:0px;top:0px;background:rgba(0, 0, 0, 0.2);z-index:98;} .ze6dd9header .ze6dd9navmenu ul li{display:block;float:none;} .ze6dd9header .ze6dd9navmenu ul li a{color:#333;} .ze6dd9nav .ze6dd9nav-item a:hover{color:#333;font-weight:700;} } } .swiper-container { width: 100%; } .swiper-container img{max-width:100%;} .swiper-slide { text-align: center; font-size: 18px; background: #fff; 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; } .swiper-text{position: absolute;left:0;top:0;z-index:2;text-align:center;color:#FFF;width:100%;HEIGHT: 100%;display: flex;flex-direction: column;justify-content: center;} .swiper-text .banner-text-wrap { width: 100%;height: 100%; } .swiper-text .top-banner-text { max-width: 1180px; height: 100%; margin: 0 auto; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding-left: 20px; } .swiper-text .banner1 { background: transparent url(../images/banner1.png) no-repeat right 55%/64% auto; } .swiper-text .banner2 { background: transparent url(../images/top_banner_con.png) no-repeat right bottom/60% auto; } .swiper-text .top-banner-text .banner1 h2 { color: #fff; font-size: 36px; } .swiper-text .top-banner-text .banner1 p { color: #fff; opacity: .8; font-size: 18px; line-height: 1.7; } .swiper-text h3 { font-size: 24px; text-align: center; margin-bottom: 3%; color: #FFF; line-height: 24px; } .swiper-text p { font-size: 16px; text-align: center; margin-bottom: 3%; color: #FFF; line-height: 24px; } .swiper-text .top-banner-text h2,.swiper-text .top-banner-text p{ text-align: left; margin-bottom: 0; line-height: 1.7; } .swiper-text .swiperbtn { display: block; background: #0064Cd; background-image: -webkit-gradient(linear,right top, left top,color-stop(0, #1dab7d),to(#47de9d)); background-image: linear-gradient(270deg,#1dab7d 0,#47de9d 100%); width: 120px; height: 40px; line-height: 40px; color: #fff; text-align: center; border-radius: 20px; margin:0 auto; font-size: 14px; } .swiper-text .swiperbtn:hover { -webkit-box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%); box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .ze6dd9sub-menu { background: white; -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 12%); box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 12%); } .ze6dd9sub-menu ul { text-align: center; font-size: 0; } .centerArea { max-width: 1200px; width: calc(100% - 32px); margin: 0 auto; } .ze6dd9sub-menu ul li { float: left; position: relative; } .ze6dd9sub-menu ul li a { font-size: 16px; font-weight: 400; color: #333333; line-height: 24px; position: relative; padding: 18px 0; display: inline-block; -webkit-transition: all 0.5s; transition: all 0.5s; } .ze6dd9sub-menu ul li.selected a { color: #ff5e19; } .ze6dd9sub-menu ul li:hover a { color: #ff5e19; } .ze6dd9sub-menu ul li.selected a::after { width: 100%; } .ze6dd9sub-menu ul li:hover a::after { width: 100%; } .ze6dd9sub-menu ul li a::after { content: ""; width: 0; height: 4px; background: #ff5e19; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } /* container */ /* pagelist */ @media screen{ *{padding:0;margin:0;} div,h1,p,ul,span{margin:0;padding:0;} a{text-decoration:none;color:#333333;} a:hover{text-decoration:none;} ul{padding:0;margin:0;} li{list-style-type:none;} .clear{clear:both;} .clear::after{content:"";display:block;clear:both;} .zzpages ul{float:left;padding:12px 0px 12px 16px;} .zzpages ul li{display:inline-block;height:35px;line-height:35px;background:#fff;border:1px solid #e5e5e5;overflow:hidden;vertical-align:top;} .zzpages ul li:hover{border:1px solid #292a32;} .zzpages ul li .pageinfo{color:#292a32;padding:8px 12px;} .mt30{margin-top:30px;} .mt60{margin-top:60px;} .homeCtn a{display:inline-block;padding-right:30px;line-height:40px;background:url(../images/Floor001640-a_more.png) no-repeat right center;transition:all ease 0.5s;border-bottom:1px solid #333;font-size:16px;} .homeCtn a:hover{padding-right:20px;color:#e70012;background-image:url(../images/Floor001640-a_more1.png);border-color:#e70012;} .ncsfCtn{display:flex;justify-content:space-between;padding:50px 0px;border-bottom:1px solid #dadada;} .ncsfCtn>div:nth-of-type(1){width:70%;} .ncsfCtn>div:nth-of-type(2){width:20%;} .ncsfCtn>div:nth-of-type(3){width:10%;background:#f3f3f3;display:flex;justify-content:center;color:#666;font-size:32px;font-weight:bold;line-height:40px;} .ncsfCtn a h1{overflow:hidden;font-size:25px;text-overflow:ellipsis;white-space:nowrap;line-height:30px;} .ncsfCtn a p{overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap;line-height:30px;margin-top:30px;} .ncsfCtn:hover a h1{color:#e70012;} .ncsfCtn:hover .homeCtn a{padding-right:20px;color:#e70012;background-image:url(../images/Floor001640-a_more1.png);border-color:#e70012;} @media screen and (min-width: 320px) and (max-width: 767px){ .ncsfCtn>div:nth-of-type(2){width:30%;} .ncsfCtn>div:nth-of-type(3){display:none;} } } /* artlist */ @media screen{ *{padding:0;margin:0;} div,h2,p,ul,img,dl,dt,dd{margin:0;padding:0;} a{text-decoration:none;color:#333333;} a:hover{text-decoration:none;} ul{padding:0;margin:0;} li{list-style-type:none;} img{border:none;} .w100{width:100%;} .mt30{margin-top:30px;} .textcenter{text-align:center;} .title dt{color:#014fad;font-size:36px;line-height:60px;} .title dd{font-family:times new roman, times, serif;color:#a9a9a9;font-size:36px;} .more{position:relative;display:block;width:215px;height:47px;text-align:center;line-height:47px;color:#00a3e9;background-color:#fff;transition:all 500ms;font-size:14px;font-family:Arial, Helvetica, sans-serif;border-radius:50px;margin:0 auto;float:right;} .more:hover{background-color:#e90040;color:#fff;} .more:before{content:"";display:block;width:25px;height:25px;background:url(../images/zs1.png) no-repeat center top;position:absolute;left:40px;margin-top:11px;z-index:9999;transition:all 500ms;opacity:0;transform:scale(1.2);overflow:hidden;} .more:hover:before{content:"";display:block;width:25px;height:25px;background:url(../images/zs1.png) no-repeat center top;position:absolute;left:50px;margin-top:11px;z-index:9999;opacity:1;transform:scale(1);} .newsTop{width:100%;height:300px;overflow:hidden;position:relative;} .newsTop img{width:100%;height:300px;} .ntctn{position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-color:rgba(0, 0, 0, .6);transition:all .5s ease;opacity:0;z-index:1;} .showBink{width:320px;height:220px;display:block;color:#fff;line-height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;} .showBink::before{content:'';width:200px;position:absolute;top:0px;left:50%;transform:translateX(-50%);height:1px;background-color:#fff;transition:all .5s ease;} .showBink::after{content:'';width:200px;position:absolute;bottom:0px;left:50%;transform:translateX(-50%);height:1px;background-color:#fff;transition:all .5s ease;} .newsTop:hover .ntctn{opacity:1;} .newsTop:hover .showBink{color:#fff;} .newsTop:hover .showBink::before,.newsTop:hover .showBink::after{width:30px;} .newsFoot{padding:0px 10px 0px 10px;border:1px solid #eee;} .newsFoot h2{color:#333;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:40px;} .newsTime{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding:15px 0px;} .newsTime p{color:#777;font-size:14px;} .newsTime p:hover{color:#00a3e9;} .newsRight{background-color:#f8f8f8;position:relative;height:392px;} .mark{color:#fff;text-align:center;background-image:linear-gradient(90deg, #014ea2 0, #014ea2 100%);border-radius:5px 0 0;line-height:30px;width:100px;height:30px;} .newsRight .mark{z-index:1;} .newsTop .mark{position:absolute;z-index:2;top:0;left:0;} .newsRight ul{padding:0px 15px 0px 15px;} .newsRight li{margin-top:25px;} .newsRight li p{color:#333;font-size:14px;line-height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:bold;} .more1{float:none;background-color:#024ea0;color:#fff;margin:30px auto;} } /* artbody */ .ze6dd9place{min-height: 56px;background-color: #f2f3f5;line-height: 56px;font-size: 16px;padding:0 20px;margin:20px 0;} .ze6dd9body{width:100%;overflow-x: hidden;font-size:16px;line-height:28px;padding-bottom:30px;} .ze6dd9body h1{font-size:20px;line-height:50px;text-align:left;color: #2a2e2e;} .ze6dd9body .info{padding-bottom:15px;font-family: HelveticaNeueLTPro, 寰蒋闆呴粦;} .ze6dd9body .info small{padding:0 1px;} .ze6dd9body p{padding-bottom: 20px;} .ze6dd9body img{max-width:98%;height:auto;} .ze6dd9meta-tags{padding: 20px 0;} .ze6dd9meta-tags .ze6dd9tagitem { position: relative; display: inline-block; height: 30px; padding: 0 12px; font-size: 14px; line-height: 30px; vertical-align: top; border-radius: 100px; background: #f2f3f5; margin-bottom: 20px; } .ze6dd9meta-tags .ze6dd9tagitem:hover { background-color: rgba(0,102,255,.15); } .ze6dd9meta-tags .ze6dd9tagitem:not(:last-child) { margin-right: 10px; } .ze6dd9context{line-height: 30px;} /* blockrow */ /* 璇濋鏍囩topic */ .ze6dd9meta-tags{padding: 20px 0;} .ze6dd9meta-tags .ze6dd9tagitem { position: relative; display: inline-block; height: 30px; padding: 0 12px; font-size: 14px; line-height: 30px; vertical-align: top; border-radius: 100px; background: #f2f3f5; margin-bottom: 20px; } .ze6dd9meta-tags .ze6dd9tagitem:hover { background-color: rgba(0,102,255,.15); } .ze6dd9meta-tags .ze6dd9tagitem:not(:last-child) { margin-right: 10px; } @media screen{ *{padding:0;margin:0;} div,h1,h3,h4,p,ul,img{margin:0;padding:0;} a{text-decoration:none;color:#333333;} a:hover{text-decoration:none;} ul{padding:0;margin:0;} li{list-style-type:none;} img{border:none;} .clear{clear:both;} .clear::after{content:"";display:block;clear:both;} .padding-tb30{padding:30px 0;} .ze6dd9place{min-height: 56px;background-color: #f2f3f5;line-height: 56px;font-size: 16px;padding:0 20px;margin:20px 0;} .ze6dd9body{width:100%;overflow-x:hidden;font-size:16px;line-height:28px;padding-bottom:30px;} .ze6dd9body .pic img{width:100%;} .ze6dd9body h1{font-size:22px;color:#222;font-weight:700;line-height:50px;text-align:left;} .ze6dd9body .price{width:100%;height:50px;text-indent:2em;line-height:50px;font-size:20px;color:#de2826;font-weight:600;background-color:#f2f3f5;} .ze6dd9body .price del{font-size:14px;color:#222;font-weight:normal;} .ze6dd9body .parameter p{font-size:12px;color:#555151;padding-top:10px;} .ze6dd9body .details{width:100%;height:30px;text-align:center;line-height:30px;font-size:20px;font-weight:600;background-color:#f2f3f5;color:#222;} .ze6dd9body .info{padding-bottom:15px;font-family:HelveticaNeueLTPro, "Microsoft Yahei";} .ze6dd9body .info small{padding:0 1px;} .ze6dd9body p{padding-bottom:20px;} .ze6dd9body img{max-width:98%;height:auto;} .ze6dd9meta-tags{padding:20px 0;} .ze6dd9context{line-height:30px;} @media only screen and (max-width:768px){ .ze6dd9body .pic img{width:100%;text-align:center;} } } /*! CSS Used fontfaces */ @font-face{font-family:'HelveticaNeueLTPro';src:url('../images/HelveticaNeueLTPro-ThEx.ttf?v=20208131600'), url('../images/HelveticaNeueLTPro-ThEx.ttf?v=201808131600') format('embedded-opentype');} .swiper-slide{text-align:center;font-size:18px;background:#fff;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;} .lookmore1{width:98px;height:30px;line-height:30px;font-size:12px;border-radius:40px;background-color:transparent;color:#fff;border:1px solid #fff;text-align:center;display:inline-block;cursor:pointer;} .p-bottom-border2{position:relative;} .p-bottom-border2::after{content:"";position:absolute;bottom:-15px;left:50%;height:3px;width:20px;margin-left:-10px;background-color:#d6000f;transition:all .2s ease;} .p-bottom-border2:hover:after{box-shadow:none;border-bottom-color:rgba(0, 0, 0, .12);width:100%;left:0;margin-left:0;} .desc{text-align:center;margin-bottom:35px;font-size:14px;} .news .m-title{margin-top:60px;margin-bottom:30px;text-align:center;color:#d6000f;font-size:28px;} .news .swiper-container3{overflow:hidden;} .news .swiper-container3 .swiper-slide{width:33%;} .news .item{width:100%;padding:0 15px;text-align:center;} .news .item .pic{width:100%;height:250px;overflow:hidden;} .news .item .pic img{width:100%;} .news .item .news-time{width:45px;height:45px;background-color:#fff;opacity:0.9;color:#fff;text-align:center;font-size:16px;position:absolute;overflow:hidden;border-radius:7px;margin-left:1em;} .news .item .news-title{line-height:45px;text-indent:4em;font-size:16px;} .news .txtLine{width:97%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .news .news-desc{font-size:12px;line-height:18px;color:rgba(102, 102, 102, 0.8);margin:5px 0 16px;height:53px;text-align:left;padding:0 1em;} .news .txtLine3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:18px;max-height:54px;} .news .lookmore1{position:relative;border:solid 1px #cccccc;color:#cccccc;margin:0 auto;display:block;} .news{padding:60px 15px 85px;} @media only screen and (max-width: 1140px){ .news .swiper-container3 .swiper-slide{width:50%;} } @media only screen and (max-width: 996px){ .news .swiper-container3 .swiper-slide{width:50%;} } @media only screen and (max-width: 600px){ .news .swiper-container3 .swiper-slide{width:100%;} } @media screen{ *{padding:0;margin:0;} div,ul,span{margin:0;padding:0;} ul{padding:0;margin:0;} li{list-style-type:none;} .zzpages ul{float:left;padding:12px 0px 12px 16px;} .zzpages ul li{display:inline-block;height:35px;line-height:35px;background:#fff;border:1px solid #e5e5e5;overflow:hidden;vertical-align:top;} .zzpages ul li:hover{border:1px solid #292a32;} .zzpages ul li .pageinfo{color:#292a32;padding:8px 12px;} } .customer { position: relative; text-align: center; padding: 2em; } .anli { background-color: #f5f5f5; } .customer .list .images { padding: 1%; } .anli .list li:hover { -webkit-box-shadow: rgba(0, 0, 0, .12) 0 0 22px; -moz-box-shadow: rgba(0, 0, 0, .12) 0 0 22px; box-shadow: rgba(0, 0, 0, .12) 0 0 22px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; color: #2ba0e8; } .customer .ze6dd9main .ze6dd9rowtitle h2 a { font-size: 30px; font-weight: 700; color: #fff; line-height: 1.42; } .customer .ze6dd9main .ze6dd9rowtitle .en a { color: rgba(3, 23, 111, 1); } .customer .list .images { padding: 1%; } .customer .list .images .pic { height: 237px; overflow: hidden; background-color: #fff; } .customer .list .images .pic a img { max-width: 100%; height: 230px; } .customer .swiper-container1 .swiper-wrapper .swiper-slide .pic { height:100%; } .customer .list .images .name { width: 100%; text-align: center; background-color: #fff; padding: 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .customer .list .images .name a { font-size: 14px; color: rgb(85, 85, 85); line-height: 1.42; } .customer .icon a { width: 25px; height: 25px; display: inline-block; } .customer .icon .up { position: absolute; top: 45%; left: -20px; } .customer .icon .next { position: absolute; top: 45%; right: -20px; } .customer .icon a img { width: 100%; height: 100%; } .customer .more { width: 200px; height: 35px; margin: 2% 0 10% 0; text-align: center; display: inline-block; background-color: rgba(3, 23, 111, 1); } .customer .more a { color: #fff; font-size: 14px; line-height: 35px; } .launch .Title { text-align: center; padding: 30px 0px; } .launch .Title h2 { font-size: 24px; color: #666666; } .launch .launchtop { width: 100%; overflow: hidden; height: 191px; } .launch .launchtop img { max-width: 100%; min-height: 191px; transition: .55s ease; } .launch .launchfoot a h1 { font-size: 16px; color: #029fd2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .launchfoot { text-align: center; padding: 20px 0px; transition: .55s ease; border-bottom: 1px solid #eee; /* border-bottom: 2px solid #029fd2; background: aliceblue; */ } .launchctn:hover { cursor: pointer; } .launchctn:hover .launchfoot { background: aliceblue; } .launch .line { width: 0%; height: 2px; background: skyblue; transition: .55s ease; } .launchctn:hover .line { width: 100%; } .launchctn:hover .launchtop img { transform: scale(1.06); } .launch .more { font-size: 14px; color: #666666; text-align: center; display: block; margin: 20px 0px; } @media screen{ *{padding:0;margin:0;} div,p,img{margin:0;padding:0;} img{border:none;} .swiper-slide{text-align:center;font-size:18px;background:#fff;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;} .ze6dd9rowtitle h3 {font-size:26px;text-align:center;padding:20px;} .ze6dd9content p{padding-bottom:20px;} } @media screen{ .about{width:100%;max-width:1200px;margin:0 auto;} .ab_swi{width:100%;height:380px;box-sizing:border-box;} .ab_swi_s{width:100%;height:100%;overflow:hidden;} .ab_swi_s .swiper-slide{text-align:center;font-size:18px;background:#fff;} .ab_swi_s .swiper-slide img{width:100%;max-height:380px;} .about_us{width:100%;background:url(../images/bj.jpg) center no-repeat;position:relative;padding:40px;box-sizing:border-box;height:380px;} .about_us i{position:absolute;left:-30px;top:50%;z-index:100;font-size:50px;color:#33649a;transform:rotate(180deg);} .us_info{width:80%;color:#fff;line-height:20px;max-height:240px;box-sizing:border-box;} .us_info p{font-size:14px;line-height:1.5;} @media screen and (max-width:1024px){ .ab_swi_s .swiper-slide img{max-width:100%;max-height:380px;} .about_us{height:343px;} } @media screen and (max-width:768px){ .ab_swi{height:auto;} .about_us{width:100%;padding:0 15px;height:184.44px;} .us_info{width:100%;color:#fff;line-height:20px;max-height:240px;box-sizing:border-box;} .us_info p{font-size:12px;padding-bottom:10px;} } @media screen and (max-width:650px){ .ab_swi_s .swiper-slide img{max-width:100%;height:auto;} .about_us{padding:15px;height:305px;} .us_info{width:100%;color:#fff;line-height:20px;max-height:240px;box-sizing:border-box;} .us_info p{font-size:14px;} } } /* footer */ @media screen{ *{padding:0;margin:0;} div,p,span{margin:0;padding:0;} a{text-decoration:none;color:#333333;} a:hover{text-decoration:none;} li{list-style-type:none;} .clear{clear:both;} .clear::after{content:"";display:block;clear:both;} .ze6dd9footer{margin:0 auto;color:#5d5d5d;background:#74bae3;border-top:1px solid #C7CED1;text-align:center;position:relative;} .ze6dd9footer a{color:#5d5d5d;} .ze6dd9footer a:hover{color:#FFF;} .ze6dd9footer .ze6dd9flink{padding:15px 0;} .ze6dd9footer .ze6dd9flink li{display:inline-block;margin-left:10px;} .ze6dd9footer .footerserver{padding:10px 0 10px 0;text-align:center;} .ze6dd9flink {font-size:18px;color:#585858;} .ze6dd9flink li a {color:#585858;font-size:18px;} .footerc{background:#e6e5e0;color:#5d5d5d;padding:30px 0;line-height:22px;} } @media screen{ *{padding:0;margin:0;} div,h3,img{margin:0;padding:0;} a{text-decoration:none;color:#333333;} a:hover{text-decoration:none;} img{border:none;} .ellipsis{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .ellipsis-2{overflow:hidden;max-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .proitem .pic{width:100%;height:auto;overflow:hidden;} .proitem .pic img{width:100%;transform:scale(1.0);transition:all .3s;} .proitem h3{line-height:1.42;margin-top:1em;font-size:22px;} .proitem h3 span{color:#555;position:relative;padding-left:20px;} .proitem h3 span::before{position:absolute;left:0px;top:5%;background:#0c327c;height:90%;width:3px;content:"";} .proitem .txt{font-size:16px;line-height:22px;margin-top:0.889em;} .proitem .btn{padding-top:1.5em;font-size:16px;} .proitem .btn span{display:inline-block;border:1px solid #d8d8d8;border-radius:20px 0px 20px 0px ;text-align:center;color:#565656;width:8.889em;line-height:2.5556;} .proitem:hover .pic img{transform:scale(1.05);} .proitem:hover h3 span{color:#0c327c;} .proitem:hover .ellipsis-2{font-size:18px;color:#0c327c;} .proitem:hover .btn span{background:#0c327c;border:1px solid #fff;color:#fff;} @media only screen and (max-width: 992px){ .proitem .pic{height:150px;} } @media only screen and (max-width: 600px){ .proitem .pic{height:auto;} } }