body {font-family: "Microsoft YaHei",Helvetica,Verdana, Arial, sans-serif;} .top-nav { background-color: #111111; height: 25px; color:#ffffff; } .top-nav-text{color:#ffffff;line-height:25px;font-size:12px;} #dropdown-top-line { border-top: solid 1px #f25e43; } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ 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; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } /* 首页产品 */ .title-box h2 a{text-decoration:none;color:#3f3f3f;} .title-box h2 a:hover{text-decoration:none;color:#3f3f3f;} /*1280分辨率以上(大于1200px)*/ @media screen and (min-width:1200px){ .pro_tuijian{margin-top:75px;} .title-box {line-height: 30px;} .title-box h2 {clear: both;display: table;margin: 0 auto;font-size: 36px;} .cistern h2{margin:0 auto;text-align:center;font-size: 36px;padding-top:20px;padding-bottom:60px;} .f-title-h2 {line-height: 1.45;font-size: 36px;margin-top: 9px;margin-bottom: 9px;margin:0 auto;text-align:center; margin-top:62px;margin-bottom:30px;} .title-box-line{border-bottom: 2px solid #4684e6;margin:0 auto;width:65px;} } /*1100分辨率(大于960px,小于1199px)*/ @media screen and (min-width: 960px) and (max-width: 1199px) { .pro_tuijian{margin-top:75px;} .title-box {line-height: 30px;} .title-box h2 {clear: both;display: table;margin: 0 auto;font-size: 30px;} .cistern h2{margin:0 auto;text-align:center;font-size: 30px;padding-top:20px;padding-bottom:30px;} .f-title-h2 {line-height: 1.45;font-size: 30px;margin-top: 9px;margin-bottom: 9px;margin:0 auto;text-align:center; margin-top:45px;margin-bottom:28px;} .title-box-line{border-bottom: 2px solid #c6000b;margin:0 auto;width:55px;} } /*880分辨率(大于768px,小于959px)*/ @media screen and (min-width: 768px) and (max-width: 959px) { .pro_tuijian{margin-top:33px;} .title-box {line-height: 30px;} .title-box h2 {clear: both;display: table;margin: 0 auto;font-size: 28px;} .cistern h2{margin:0 auto;text-align:center;font-size: 28px;padding-top:5px;padding-bottom:15px;} .f-title-h2 {line-height: 1.45;font-size: 28px;margin-top: 9px;margin-bottom: 9px;margin:0 auto;text-align:center; margin-top:30px;margin-bottom:25px;} .title-box-line{border-bottom: 2px solid #c6000b;margin:0 auto;width:45px;} } /*720分辨率(大于480px,小于767px)*/ @media only screen and (min-width: 480px) and (max-width: 767px){ .pro_tuijian{margin-top:33px;} .title-box {line-height: 30px;} .title-box h2 {clear: both;display: table;margin: 0 auto;font-size: 26px;} .cistern h2{margin:0 auto;text-align:center;font-size: 26px;padding-top:5px;padding-bottom:15px;} .f-title-h2 {line-height: 1.45;font-size: 26px;margin-top: 9px;margin-bottom: 9px;margin:0 auto;text-align:center; margin-top:20px;margin-bottom:20px;} .title-box-line{border-bottom: 2px solid #c6000b;margin:0 auto;width:40px;} } /*440分辨率以下(小于479px)*/ @media only screen and (max-width: 479px) { .pro_tuijian{margin-top:33px;} .title-box {line-height: 30px;} .title-box h2 {clear: both;display: table;margin: 0 auto;font-size: 26px;} .cistern h2{margin:0 auto;text-align:center;font-size: 26px;padding-top:5px;padding-bottom:15px;} .f-title-h2 {line-height: 1.45;font-size: 26px;margin-top: 9px;margin-bottom: 9px;margin:0 auto;text-align:center; margin-top:20px;margin-bottom:20px;} .title-box-line{border-bottom: 2px solid #c6000b;margin:0 auto;width:40px;} } .panel-img-box .mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background-image: url('../images/mask_grad.png'); background-repeat: repeat-x; background-position: left bottom; background-size: auto 100%; visibility: visible; opacity: 0; } .panel-img-box img { float: left; -webkit-transition: all 0.5s; transition: all 0.5s; width: 100%; position: relative; } .panel-img-box .text-box { width: 100%; height: auto; position: absolute; left: 0; color: #fff; text-align: left; -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 4; bottom: 0; padding: 15px; font-size: 14px; } .text-box-1 { margin-bottom: 0; } .text-box.text-box-1 .text { margin-bottom: 12px; } .panel-img-box .text-box { padding: 25px 30px; bottom: -50px; } .read-more { opacity: 1; margin-top: 15px; } .read-more { opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; font-size: 0.875em; } .panel-img-box:hover .text-box { bottom: 0; } .panel-img-box:hover .text-box .read-more { visibility: visible; opacity: 1; } .panel-img-box{ position: relative; overflow: hidden; } .panel-img-box .text-box .read-more { opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; font-size: 0.875em; } .panel-img-box:hover .text-box { bottom: 0; } .panel-img-box:hover .text-box .read-more { visibility: visible; opacity: 1; } .panel-img-box:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .panel-img-box:hover .mask { opacity: 1; visibility: visible; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background-image: url(../images/mask_grad.png); background-repeat: repeat-x; background-position: left bottom; background-size: auto 100%; } .panel-img-box:hover .read-more { opacity: 1; } .pro_tuijian1{padding-top:30px;} .text { font-size: 1.15em; display: block; } .category { font-size: 1.25em; } .read-more { opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; font-size: 1.875em; } .name { margin-bottom: 12px; font-size: 1.65em; line-height: 1.4em; } /* 首页产品 */ /*首页产品wap*/ .carousel-caption { width:100%; float:left; left:0; line-height:20px; } .prowap-text h4 { text-align:left; font-size:14px; padding-left:20px; color:#ffffff; padding-bottom:0; margin-bottom:0; font-weight:normal; } .prowap-text p { padding-top:0; margin-top:0; text-align:left; font-size:18px; padding-left:20px; color:#ffffff; line-height:20px; font-weight:bold; } #pro-wap-list { clear:both; margin-top:18px; width:100%; } .text-box-2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 28px; font-size: 0.875em; } .text-box-3{ display: inline-block; padding: 6px 6px; background: #e9e9e9; margin-right: 0; line-height: 14px; width:100%; } .category-2 {font-size:14px;color:#666666;} .js-text-dot-cn-2 {font-size:16px;color:#333333;} /*首页产品wap end*/ /*数字滚动 start*/ .col5 { width: 20%; float: left; } .tac { text-align: center; } .digitalPlatform.navFixed { padding-top: 50px; } .digitalPlatform .section8 { padding-top: 60px; } @media (min-width: 1366px) { .digitalPlatform .storageBanner .cistern { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 1600px) { .digitalPlatform .storageBanner .title { font-size: 30px; } } .digitalPlatform .main .section8 { padding-bottom: 60px; background: url("../images/bg_b.png") bottom no-repeat; background-size: cover; background-color: #f6f9fe; } .digitalPlatform .main .section8 .ul .li { padding-left: 15px; padding-right: 15px; } .digitalPlatform .main .section8 .ul .li .numBox { padding-bottom: 10px; color: #333; } .digitalPlatform .main .section8 .ul .li .numBox .num { font-size: 50px; line-height: 48px; } .digitalPlatform .main .section8 .ul .li .numBox .span { font-size: 24px; vertical-align: bottom; } .digitalPlatform .main .section8 .ul .li .p { font-size: 16px; line-height: 1.625; color: #666; } @media (max-width: 1600px) { .digitalPlatform .section8 { padding-top: 50px; } .digitalPlatform .main { } .digitalPlatform .main .mudu-box .box { border-radius: 0; } .digitalPlatform .main .mudu-box .box .right .text { padding: 30px; } .digitalPlatform .main .mudu-box .box .right .text .p-text, .digitalPlatform .main .mudu-box .box .right .text .h4-title { padding-bottom: 20px; } .digitalPlatform .main .mudu-box .box .right .text .a { left: 20px; bottom: 30px; } } @media (max-width: 1366px) { .digitalPlatform .main .mudu-bezel .box .right .text .p { font-size: 12px; } .digitalPlatform .main .section11 .box .text .li { padding-top: 20px; } .digitalPlatform .main .section11 .box .text .li .h5-title { font-size: 16px; } .digitalPlatform .main .section11 .box .text .li .p { font-size: 14px; } .LANG-cn .digitalPlatform .main .section6 .ul .li .box .text .h5-title { font-size: 18px; } .LANG-cn .digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left .h5-title { font-size: 24px; } } @media (max-width: 1200px) { .digitalPlatform .section8 { padding-top: 40px; } } @media (max-width: 750px) { .i-large { position: relative; } .digitalPlatform .main { } .digitalPlatform .main .section8 .hw-btn { width: 100%; padding: 10px 30px; } .digitalPlatform .main .section8 .col5 { width: 50%; } .digitalPlatform .main .section8 .ul { margin-left: -10px; margin-right: -10px; border-top: 1px solid #e3e5ef; border-bottom: 1px solid #e3e5ef; } .digitalPlatform .main .section8 .ul .li { width: 50%; padding: 10px; text-align: left; } .digitalPlatform .main .section8 .ul .li .numBox { padding-bottom: 0; } .digitalPlatform .main .section8 .ul .li .numBox .num { font-size: 30px; line-height: 1; font-weight: 600; } .digitalPlatform .main .section8 .ul .li .numBox .span { font-size: 18px; vertical-align: bottom; } .digitalPlatform .main .section8 .ul .li .p { font-size: 14px; } .digitalPlatform .main .section9 .ul .li { margin-top: 10px; } .LANG-cn .digitalPlatform .main .section6 .ul .li .box .text .h5-title { font-size: 18px; } } /*数字滚动end*/ .digitalPlatform {margin-top:75px;} .digitalPlatform ul{list-style:none;} .digitalPlatform .main .section8{ padding-top:40px; } .digitalPlatform .main .section8 .ul{ padding-top:20px;} .digitalPlatform .main .section8 .ul .li .numBox .num { color: #59c7d4; } @media (max-width:750px){ .digitalPlatform .main .section8{ padding-top:20px; } } /*数字滚动all end*/ /*方案*/ .text-fa h3{margin:0;padding:0;padding-top:35px;} .text-fa p{font-size:24px;line-height:1;color:#333;font-weight:400;text-align:center;} .text-fa{font-size:16px;line-height:1.5;color:#666;text-align:left;padding-left:10px;padding-right:10px;padding-bottom:25px;} .f-a-radius{border-radius:8px;border: 1px solid #ededed; box-shadow: #b0afaf 5px 8px 25px 1px ;} .f-a-img-radius{border-top-left-radius: 5px;border-top-right-radius: 5px; } .f-a-juli{margin-bottom:25px} .f-a-radius img{ transition: all 0.6s; //设置动画执行的时间为0.6s cursor: pointer; } .f-a-radius img:hover{ -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } .f-a-img{position:relative;overflow: hidden;} /*方案end*/ /*案例*/ .a-l-pic { border-radius: 4px; overflow: hidden; position: relative } .picImg1 img { transition: transform 12s cubic-bezier(.23,1,.32,1); transform: scale(1) } .picImg1:hover img { transform: scale(1.1) } .picImg1:before { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; content: ""; transition: opacity 5s cubic-bezier(.23,1,.32,1),height 5s cubic-bezier(.23,1,.32,1); opacity: 0; background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.7)) } .picImg1:hover:before { opacity: 1 } .a-l-text { display: inline-block; margin-top: -3px font-size: 18px; line-height: 40px; width: 100%; margin-bottom: 20px; text-align: center; color: #333333; background-color: #f8f8f8; } .a-l-bg { position:relative;overflow: hidden; } .a-l-text p {font-size: 18px; color: #333333;font-weight:bold;padding:10px;text-align:left;} .al-wap-p { position:absolute;bottom:-20px;float:left; background: rgba(255,255,255,0.7);width:100%;color:#333333;clear:both;font-size:18px;height:40px;line-height:40px;font-weight:bold; } /*案例 end */ /*news pc*/ .col-item .textbox .overtext .text { display: block; overflow: hidden; } .col-item .imgbox { height: 180px; } .col-item .photo { width: 100%; display: block; -webkit-transition: all 0.5s; transition: all 0.5s; } .textbox,.type2 a:hover .textbox { background-color: #f2f2f2; } .col-item .type { background: url(../images/type2.png); } .imgbox img { float: none; height: auto; width: 100%; position: absolute; top: 0; left: 0; } .col-item .type { top: 0; left: 15px; position: absolute; padding: 7px 20px; text-align: center; max-width: 100%; z-index: 8; } .col-item .type span { color: #fff; font-size: 13px; display: block; width: 100%; height: 100%; } .col-item .textbox { background: #f8f8f8; text-align: left; padding: 20px 20px 20px 20px; } .col-item .textbox .overtext { height: 10.6em; overflow: hidden; } .col-item .textbox .title { font-weight: bold; font-size: 1.625em; line-height: 1.025em; height: 42px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 0; } .col-item .textbox .info { font-size: 1.065em; height: auto; overflow: hidden; margin-bottom: 0; } .textbox .info { height: 40px; } .col-item .textbox .info .time { display: inline-block; } .col-item .textbox .info .time span { margin-top: -3px; display: inline-block; font-weight: normal; } .col-item .textbox .info span { vertical-align: middle; margin-right: 6px; font-family: "myiconfont" !important; } .col-item .textbox .text { font-size: 1.075em; line-height: 1.6875em; color: #666; clear: both; height: 80px; padding-bottom:50px; margin-top:-20px; } .col-item .textbox .reg-more { font-size: 0.875em; color: #666; display: inline-block; height: 16px; line-height: 16px; margin-top: 20px; } .col-item .textbox .reg-more span { float: left; } .col-item .textbox .reg-more .iconfont { color: #f47045; font-weight: bold; float: left; margin-left: 4px; -webkit-transition: all 0.2s; transition: all 0.2s; font-size: 16px; } .col-item .textbox .reg-more:hover .iconfont { -webkit-transform: translate3d(4px,0,0); transform: translate3d(4px,0,0); } .img-news img { transition: all 0.5s ease-out; /* 过度 所有css属性 1秒过度 结束慢*/ -moz-transition: all 0.5s ease-out; /* Firefox 4 */ -webkit-transition: all 0.5s ease-out; /* Safari 和 Chrome */ -o-transition: all 0.5s ease-out; /* Opera */ } .img-news img:hover { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } .col-item a:hover{text-decoration:none;} /*news pc end*/ /*news wap */ .news-item { overflow: hidden; position: relative; text-align: left; } .news-item .list-box { width: 100%; background: #f8f8f8; padding: 20px 20px 20px 20px; } .news-item #wrapper:before { content: ""; height: 80px; right: 15px; position: absolute; bottom: 0; background: -webkit-gradient(linear,left top, left bottom,from(rgba(248,248,248,0)),color-stop(80%, rgba(248,248,248,1))); background: linear-gradient(rgba(248,248,248,0) 0%,rgba(248,248,248,1) 80%); left: 15px; } .news-item #wrapper::after { content: ""; height: 32px; right: 15px; position: absolute; top: 0; background: -webkit-gradient(linear,left top, left bottom,from(rgba(248,248,248,1)),color-stop(80%, rgba(248,248,248,1))); background: linear-gradient(rgba(248,248,248,1) 0%,rgba(248,248,248,1) 80%); left: 15px; } .news-item #wrapper.ended:before { display: none !important; } @media (max-width: 1200px) { .news-item .list-box { padding:20px 15px 0 15px; } } @media (max-width: 992px) { .news-item .list-box { padding:20px 15px 10px 15px; } .news-item #wrapper:before { display: none; } } .news-item a { margin: 7% 0; } .news-item a h4 { font-size: 1em; line-height: 1.025em; } @media (max-width: 767px) { .news-item a h4 { font-size:1em; } } .news-item a .time { font-size: 0.875em; color: #666; padding-bottom:10px; } .news-item a:hover h4 { color: #f47045; } .news-item a:hover .time { color: #f47045; } /*news wao end*/ /*合作伙伴*/ .seat-point { position: relative; top: 90px; } @media (max-width: 768px) { .seat-point { top: 65px; } } .section-module { margin-bottom: 110px; } @media (max-width: 768px) { .section-module { margin-bottom: 80px; } } .is-en .common-title h3 { letter-spacing: 0; line-height: 35px; } .common-title { padding-bottom: 18px; position: relative; } .common-title:after { content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 4px; background-image: linear-gradient(113deg, #F76C7E 14%, #F9FBFC 100%); border: 0 solid #F5F5F5; box-shadow: 1px 1px 3px 0 rgba(110, 127, 147, 0.34), 0 0 1px 0 #FFFFFF; border-radius: 2px; } .common-title h3 { font-size: 30px; color: #333333; letter-spacing: 2px; line-height: 40px; position: relative; } @media (max-width: 768px) { .common-title h3 { font-size: 22px; line-height: 29px; letter-spacing: 1px; } } .common-title p { position: absolute; right: 0; bottom: 18px; line-height: 16px; font-size: 12px; color: #333333; text-align: right; } @media (max-width: 768px) { .common-title p { font-size: 12px; line-height: 16px; } } .common-title .common-title-imgbox { position: relative; } .section-cooperate { margin-top: 30px; margin-bottom: 10px; } @media (max-width: 768px) { .section-cooperate { margin-top: 0; } } .section-cooperate ul { font-size: 0; } @media (max-width: 768px) { .section-cooperate ul { margin-top: 10px; } } .section-cooperate ul li { display: inline-block; vertical-align: top; width: 16.6%; height: 60px; text-align: center; line-height: 60px; margin-bottom: 30px; transform-origin: center center; transition: transform 500ms ease-out; } @media (max-width: 768px) { .section-cooperate ul li { width: 33.33%; margin-bottom: 0; margin-top: 20px; height: auto; line-height: 1; } } @media (min-width: 769px) { .section-cooperate ul li:hover { transform: scale(1.1); } } .section-cooperate ul li:nth-last-child(1) { margin-bottom: 0; } .section-cooperate ul li img { display: inline-block; vertical-align: middle; width: auto; max-width: 100%; height: 60px; -o-object-fit: fill; object-fit: fill; } @media (max-width: 768px) { .section-cooperate ul li img { width: 100%; height: auto; } } .section-cooperate-more { display: block; font-size: 12px; color: #556C8D; text-align: center; line-height: 18px; margin-top: 20px; } @media (max-width: 768px) { .section-cooperate-more { margin-top: 30px; color: #333; } } .section-cooperate-more i { margin-left: 6px; } .section-cooperate-more:hover { color: #f47045; text-decoration: underline; } .section-cooperate-btm { margin-top: 30px; height: 24px; position: relative; } @media (max-width: 768px) { .section-cooperate-btm { height: 16px; } } .section-cooperate-btm .section-cooperate-tips { float: left; font-size: 18px; color: #333333; line-height: 24px; } @media (max-width: 768px) { .section-cooperate-btm .section-cooperate-tips { font-size: 12px; line-height: 16px; } } .section-cooperate-btm .section-cooperate-swiper-pagination { position: absolute; top: 0; bottom: auto; left: 0; text-align: center; width: 100%; height: 100%; } .section-cooperate-btm .section-cooperate-swiper-pagination .swiper-pagination-bullet { outline: none; background: #3063B7; box-shadow: 1px 1px 2px 0px rgba(110, 127, 147, 0.22), 0px 0px 5px 0px rgba(48, 99, 183, 0.26); border: 1px solid #FFFFFF; margin: 7px 3.5px 0; transition: width 0.3s ease; } @media (max-width: 768px) { .section-cooperate-btm .section-cooperate-swiper-pagination .swiper-pagination-bullet { margin: 3px 3.5px 0; } } .section-cooperate-btm .section-cooperate-swiper-pagination .swiper-pagination-bullet-active { width: 25px; background: #ED2933; box-shadow: inset -2px -3px 4px 0 #F89898, inset 3px 3px 5px 0 rgba(3, 3, 3, 0.3); border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.61); } .section-cooperate-more { margin-top: 30px; } .section-cooperate ul {margin:0;padding:0;} .section-cooperate ul li {list-style:none;} .section-cooperate ul li img { border: 0px solid #e6e6e6; } /*合作伙伴end*/ /*foot*/ footer { background-color: #f2f2f2; padding-top: 20px; overflow: hidden; text-align: left; } .no-finger { cursor: default; } footer .top-line { border-bottom: 1px solid #e2e2e2; padding: 20px 0; height: 65px; overflow-y: visible; position: relative; } footer .top-line ul { overflow: hidden; } footer .top-line ul li { float: left; } footer .top-line a,footer .top-line em { font-size: 0.875em; line-height: 24px; height: 24px; color: #595757; float: left; opacity: 0.6; } footer .top-line em { margin: 0 15px; } footer .top-line a.index { opacity: 1; } footer .top-line .search-box { background-color: transparent; top: -5px; right: -10px; position: absolute; } footer .top-line a.btn-open-search { float: right; height: 24px; -webkit-transition: 0.5s all; transition: 0.5s all; text-decoration: none; } footer .top-line a.btn-open-search .iconfont { font-size: 30px; } footer .top-line a.btn-open-search.nav-hide { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); visibility: hidden; } footer .footer-nav h3 { border-bottom: 1px solid #d4d4d4; font-size: 1.125em; padding: 10px 5px; } footer .footer-nav h3 span.iconfont { float: right; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } footer .footer-nav h3.collapsed span.iconfont { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } footer .footer-nav ul li { border-bottom: 1px solid #d4d4d4; padding: 10px 0; } footer .footer-other-link { margin: 30px 0; text-align:center; } footer .footer-other-link ul { text-align: center; } footer .footer-other-link ul li { text-align: center; display: inline-block; margin: 5px 8px; padding-left:28px; padding-right:28px; } footer .copy { background-color: #e6e6e6; text-align: center; padding: 20px 0; margin-top: 0; font-size: 12px; line-height: 16px; line-height: 2em; } footer .copy span { display: block; } footer .copy ul li { display: inline-block; margin: 0 5px; } footer .read-more .iconfont{ color: #595757; line-height: 0.95em; float: none; display: inline-block; } footer .read-more span, footer .read-more-white span{ float:none; display:inline-block; } @media (min-width: 992px) { footer .top-line { height:65px; overflow: visible; } footer .footer-nav { padding: 48px 0 34px 0; border-bottom: 1px solid #e2e2e2; /* margin-bottom: 38px;*/ } footer .footer-nav .col-md-2{ width:20% } footer .footer-nav h3 { font-size: 1.2375em; border: none; line-height: 25px; margin: 0; margin-bottom: 18px; padding: 0; } footer .footer-nav ul li { border: none; padding: 0; margin-bottom: 15px; } footer .footer-nav ul li a { font-size: 1.1068em; line-height: 1.5em; color: #595757; } footer .footer-nav .visitor-link { color: #595757; border-bottom: 1px solid #e2e2e2; padding: 28px 0; margin-left: 15px; margin-right: 15px; } footer .footer-nav .visitor-link h3 { float: left; font-size: 1.8125em; margin: 0; line-height: 2.8em; } footer .footer-nav .visitor-link #footer-list-7 { float: left; margin: 0; } footer .footer-nav .visitor-link #footer-list-7 li { float: left; margin: 0 10px; } footer .footer-other-link { margin: 0; float: left; } footer .footer-other-link ul { text-align: left; margin: 0; } footer .footer-other-link ul li { margin: 0; margin-right: 20px; } footer .footer-other-link ul li a { color: #5a5858; font-size: 1.2125em; } footer .share-box { float: right; } footer .copy { margin-top: 50px; height: auto; line-height: 30px; padding: 10px 0; font-size: 1em; } footer .copy span { display: inline-block; } footer .copy ul { display: inline-block; margin: 0; } footer .copy .copy-text { font-size: 1.1125em; color: #666; } footer .copy .copy-text .line { width: 1px; height: 14px; background: #c2c3c3; display: inline-block; margin: 0 8px 0 8px; } footer .copy .copy-text a { color: #666; } footer .copy .copy-text span,footer .copy .copy-text li { margin: 0 10px; } /*footer .footer-nav >[class*="col-md"]{ width: 20%; }*/ } @media (min-width:992px) and (max-width:1024px){ footer .copy{ height: auto; line-height: 30px; padding: 10px 0; } } @media (max-width: 991px) { footer .list-unstyled { margin:7px 0 0 0; } footer .list-unstyled li { margin: 8px !important; } footer .top-line .pull-left { display: none; } footer .top-line .btn-open-search { display: none; } footer .top-line .search-box { background-color: transparent; top: -10px; left: 0; position: absolute; visibility: visible; padding-left: 0; padding-right: 0; z-index: 80; } footer .top-line .search-box a.btn-search { right: 15px; } footer .top-line .search-box a.btn-close { display: none; } } footer .share-box li .wechat-qrcode { border: 1px solid #eee; background-color: #fff; -webkit-box-shadow: 0 2px 10px #aaa; box-shadow: 0 2px 10px #aaa; } footer .share-box li .wechat-qrcode:after { border-width: 8px 6px 6px 6px; top: auto; border-color: #f3f3f3 transparent transparent transparent; } @media (min-width: 992px) { footer .search-box { width:500px; left: auto; } } footer .navbar-collapse { padding-left: 0; padding-right: 0; } .footer-nav ul li a{color:#595757;} /*foot end*/ /*newsmoban-show*/ .news-detail-box .news-detail-content a.js_video_player,.news-detail-box .news-detail-content a.js_video_player:hover{ color: transparent; } .news-detail-box img { max-width: 100%; height: auto !important; } .container-custom { margin-right: auto; margin-left: auto; } .time-news{ font-size: 1.175em; color: #666; margin:0 auto; text-align:center; padding-top:10px; padding-bottom:15px; } /*富文本图片样式*/ .text-img { margin-bottom: 30px; margin-top: 30px; text-align: center; } .news-detail-content { font-size: 1.156em; line-height: 1.875em; list-style: disc; color: #666; } .container-custom h1 { font-size: 3em; padding-top:90px; text-align:center; } @media (max-width:767px){ .container-custom h1 { font-size: 1.5em; line-height:1.375em; padding-top:50px; text-align:center; } } .news-end-line { width:100%; clear:both; height:80px; } /*newsmoban-show-end*/ /*newslist*/ .cards__item{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;margin-bottom:20px;} .cards__item-wrap{height:100%;} .cards__img{text-align:center;} .cards__img img{border-radius:15px 15px 0 0;} .cards__content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0;margin:0;width:100%;} .cards__content-container{display:block;padding:20px;background:#f5f5f5;width:100%;border-radius:0 0 15px 15px;} .cards__title{font-size:22px;font-weight:700;line-height:1.45;letter-spacing:normal;color:#000;margin-bottom:24px;height:100px;overflow:hidden;margin-top:0;margin-bottom:0;padding-top:20px;} .cards__text-short{opacity:.8;font-size:14px;font-weight:400;line-height:1.71;color:#000;margin-bottom:24px;padding-top:0;margin-top:0;} .cards__title a{color:#000000;} @media (max-width:767px){ .cards__title{font-size:15px;font-weight:700;line-height:1.45;letter-spacing:normal;color:#000;margin-bottom:24px;height:80px;overflow:hidden;margin-top:0;margin-bottom:0;padding-top:0px;} .cards__text-short{opacity:.8;font-size:14px;font-weight:400;line-height:1.71;color:#000;margin-bottom:10px;padding-top:0;margin-top:0;} } .heading-03{font-size:48px;line-height:1.17;letter-spacing:-0.75px;font-weight:700;color:#000} @media only screen and (max-width:767.98px){ .heading-03{font-size:32px;line-height:1.25;font-weight:700;color:#000} } .heading{margin:0 auto;width:100%;text-align:center;padding-top:60px;padding-bottom:30px;clear:both;} .hr-line{margin-bottom:40px;border-top:1px solid #e0e0e0;} /*newslistend*/ /*anli*/ .content-box { text-align: center; position: relative; margin-top: 90px; margin-bottom: 50px; } .content-box h1 { max-width: 80%; margin-top: 0; margin-bottom: 0; margin: 0 auto; font-size: 2.4em; color: #000000; padding-bottom: 0; } @media (max-width: 768px) { .content-box h1 { font-size:2.5em; } .content-box { text-align: center; position: relative; margin-top: 40px; margin-bottom: 30px; } } .text-top-line { padding-top:30px; color:#343434; } .textbox-on:hover { background:#f2f2f2; } .ttype6{ margin-top:10px; margin-bottom:10px; } .reg-more-i {padding-left:15px;color:#f47045;font-weight:normal;} /*anli end*/ /*prolist*/ @media (min-width: 1601px) { .title-pro-t { line-height: 1.52380952; font-size: 56px; margin-top: -11px; margin-bottom: -11px; font-weight:200; color:#000000; -webkit-box-reflect: below -30px -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1))); } .title-pro-t-n { line-height: 1.52380952; font-size: 56px; margin-top: -11px; margin-bottom: -11px; font-weight:200; color:#000000; -webkit-box-reflect: below -30px -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1))); } .title-pro-t-m { line-height: 1.52380952; font-size: 56px; margin-top: 101px; margin-bottom: -11px; font-weight:200; color:#000000; -webkit-box-reflect: below -30px -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1))); } .img-top-line{margin-top:-50px;} .img-top-line-p{margin-top:100px;} .height-top-line{margin-top:100px;} .height-bottom-line{clear:both;width:100%;height:100px;} } @media (max-width: 1600px) { .title-pro-t { line-height: 1.52380952; font-size: 56px; margin-top: -11px; margin-bottom: -11px; font-weight:200; color:#000000; -webkit-box-reflect: below -30px -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1))); } .title-pro-t-n { line-height: 1.52380952; font-size: 56px; margin-top: -11px; margin-bottom: -11px; font-weight:200; color:#000000; -webkit-box-reflect: below -30px -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1))); } .title-pro-t-m { line-height: 1.52380952; font-size: 56px; margin-top: 51px; margin-bottom: -11px; font-weight:200; color:#000000; -webkit-box-reflect: below -30px -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1))); } .img-top-line{margin-top:-50px;} .height-top-line{margin-top:100px;} .height-bottom-line{clear:both;width:100%;height:100px;} } @media (max-width: 1200px) { .title-pro-t { line-height: 1.52380952; font-size: 46px; margin-top: -11px; margin-bottom: -11px; font-weight:200; color:#000000; -webkit-box-reflect: below -30px -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1))); } .title-pro-t-n { line-height: 1.52380952; font-size: 46px; margin-top: -11px; margin-bottom: -11px; font-weight:200; color:#000000; -webkit-box-reflect: below -30px -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1))); } .title-pro-t-m { line-height: 1.52380952; font-size: 46px; margin-top: 31px; margin-bottom: -11px; font-weight:200; color:#000000; -webkit-box-reflect: below -30px -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1))); } .img-top-line{margin-top:-50px;} .height-top-line{margin-top:100px;} .height-bottom-line{clear:both;width:100%;height:80px;} } @media (max-width: 992px) { .title-pro-t { line-height: 1.52380952; font-size: 28px; margin-top: -11px; margin-bottom: -11px; font-weight:200; color:#000000; -webkit-box-reflect: below -30px -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1))); } .title-pro-t-n { line-height: 1.52380952; font-size: 28px; margin-top: 41px; margin-bottom: -11px; font-weight:200; color:#000000; -webkit-box-reflect: below -30px -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1))); } .title-pro-t-m { line-height: 1.52380952; font-size: 28px; margin-top: 21px; margin-bottom: -11px; font-weight:200; color:#000000; -webkit-box-reflect: below -30px -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1))); } .img-top-line{margin-top:30px;} .height-top-line{margin-top:60px;} .height-bottom-line{clear:both;width:100%;height:50px;} } .text-pro{padding-top:50px;font-size:16px;line-height:35px;} .text-pro-n{padding-top:50px;font-size:16px;line-height:28px;} .text-pro-n-600x{padding-top:0;font-size:16px;line-height:28px;} .text-pro-m{padding-top:50px;font-size:16px;line-height:28px;} .text-pro-q{padding-top:5px;font-size:16px;line-height:28px;} /*prolistend*/ /*proshow*/ .top-proshow-line{margin-top:50px;} .title-cp-show{font-size:38px;padding-top:90px;padding-bottom:30px;color:#000000;} .title-cp-show-n{font-size:32px;padding-top:90px;padding-bottom:10px;color:#000000;} .cpshow-big-title{font-size:40px;padding-top:70px;padding-bottom:0px;color:#000000;} .cpshow-p{font-size:14px;color:#231816;padding-top:0;margin-top:0;} .cpshow-p-fu-title{font-size:16px;color:#231816;font-weight:400;padding-top:0;margin-top:0;padding-bottom:0;margin-bottom:0;} .c-ju{border-radius:25px;background: #f7f7f7;} .c-left{width:98%;margin-top:10px;margin-bottom:10px;} .c-right{width:98%;margin-top:10px;margin-bottom:10px;} .c-mid{width:99%;margin-bottom:10px;} .c-mid-top{margin-top:20px;} .c-ju h2{font-size:30px;padding-top:50px;padding-bottom:10px;color:#000000;} .text-c{font-size:14px;padding-bottom:30px;color:#929293;padding-top:10px;} .cp-xq-show{padding-top:30px;font-size:28px;font-weight:400;padding-bottom:20px;} .xq-h-title {font-size:18px;font-weight:500;} .c-mid-nr{padding:20px;font-size:14px;line-height:28px;} .c-mid-nr h6{font-size:14px;} .c-mid-nr-t{padding:20px;line-height:28px;} .c-mid-nr-t h2{font-size:34px;} .c-mid-nr-t h6{font-size:14px;font-weight:400;line-height:28px;} .cp-show-wz{font-size:100px;background-image: linear-gradient(135deg,#28b6c7,#5f8af4);background-clip:text;-webkit-background-clip:text;color: transparent;font-weight:bold;} @media (max-width: 768px) { .title-cp-show{font-size:32px;padding-top:30px;padding-bottom:0;} .cpshow-p{font-size:14px;} .title-cp-show-n{font-size:28px;padding-top:30px;padding-bottom:0;color:#000000;} .c-ju h2{font-size:28px;padding-top:30px;padding-bottom:0;color:#000000;} .text-c{font-size:14px;padding-bottom:30px;color:#929293;padding-top:10px;} .xq-h-title {font-size:16px;font-weight:500;} .cp-xq-show{padding-top:30px;font-size:28px;font-weight:400;padding-bottom:20px;} .c-mid{width:99%;margin-bottom:10px;} .c-mid-top{margin-top:20px;} .c-mid-nr{padding:20px;font-size:14px;line-height:28px;} .c-mid-nr h6{font-size:14px;} .cp-show-wz{font-size:45px;background-image: linear-gradient(135deg,#28b6c7,#5f8af4);background-clip:text;-webkit-background-clip:text;color: transparent;font-weight:bold;} .c-mid-nr-t{padding:20px;line-height:28px;} .c-mid-nr-t h2{font-size:28px;} .c-mid-nr-t h6{font-size:14px;font-weight:400;line-height:28px;} } /* proshowend */ /*fangan*/ .text-fa-bg{background:#f5f5f6;border-radius:0 0 8px 8px;padding:10px;margin-bottom:20px;} .text-fa-bg h2{font-size:20px;color:#000000;} .text-fa-bg p{font-size:13px;color:#000000;} .img-c{border-radius:8px 8px 0 0 ;} .img-cle{clear:both;overflow:hidden;} /*fangan-end*/ /*方案show*/ .title-p-fa-show{font-size:14px;margin-top:-20px;} .text-fa-show-bg{background:#f8f8f8;border-radius:0 0 8px 8px;padding:10px;margin-bottom:20px;} .text-fa-show-bg h2{font-size:20px;color:#000000;margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0;} .text-fa-show-bg h6{font-size:13px;color:#000000;font-weight:400;min-height:60px;} @media (max-width: 768px) { .text-fa-show-bg h2{font-size:16px;color:#000000;margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0;line-height:22px;} .text-fa-show-bg h6{font-size:14px;color:#000000;font-weight:400;} } /*fanganshowend*/ /*liuyan*/ .msg-title {font-size:18px;} .msg-text{font-size:18px;font-weight:400;color:#000000;} .msg-content{font-size:14px;font-weight:400;line-height:28px;} #contact-area { padding: 10px; width:100%; } .contact-box { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 50px 50px 35px; border-radius: 6px; } .contact-box input { height: 50px; border: 1px solid #e6e5e3; font-size: 15px; background-color: #ffffff; font-weight: 500 } .contact-box textarea { border: 1px solid #e6e5e3; padding-top: 10px; background-color: #ffffff; font-size: 15px; font-weight: 500 } .contact-box button { background-color: #325eff; border: 0; color: #fff; padding: 10px 30px; border-radius: 4px; cursor: pointer; outline: 0; font-weight: 500; font-size: 15px } .contact-box button:hover { background-color: #0f39cf; } .title-p-fa-show{font-size:14px;margin-top:-20px;} /*liuyanend*/ /*menu text-left*/ .menu-text-left{float:left;text-align:left;} /*menu text-left*/ /*foot-a-link*/ .foot-a-link{color:#3f3f3f;} .foot-a-link:hover{color:#3f3f3f;} /*foot-a-link*/ @media (max-width:767px){ footer .footer-other-link ul li { text-align: center; display: inline-block; margin: 5px 8px; padding-left:2px; padding-right:2px; } } /*lxwm*/ .lx-bg{background:#fafafa;border-radius:10px;padding:20px;} .lx-bg h2{font-size:25px;color:#000000;} .lx-bg h6{font-size:18px;font-weight:400;color:#666666;} @media (max-width: 768px) { .lx-bg{background:#fafafa;border-radius:10px;padding:20px;} .lx-bg h2{font-size:18px;color:#000000;} .lx-bg h6{font-size:14px;font-weight:400;color:#666666;} } /*lxwm end*/ /*gsjj*/ .gs-text{font-size:18px;line-height:35px;margin-top:30px;} .gs-show{margin-top:35px;} .img-yj{border-radius:8px;} .cx-text h5{font-weight:400;padding-top:15px;line-height:35px;} .clear01{clear:both;height:38px;width:100%;} .cx-p-text h4{font-size:30px;color:#000000;font-weight:400;} .cx-p-text p{color:#999999;font-size:18px;} /*gsjjend*/ /*menu滑动置顶*/ .bignav{width: 100%; } /*menu滑动置顶*/ /*article show page down up page*/ .pager-top{padding-top:20px;} .pager-right{float:right} .pager-left{float:left} /*article show page down up page end*/ /*menu down pro fangan znzz... */ .title-pro-juli {padding-top:30px;font-size:16px;font-weight:400;color:#000000;} .menu-col li{float:left;padding-top:30px;} .menu-col-li-one-down {float:left;padding-bottom:50px;} .menu-col-li-down {float:left;padding-top:0;padding-bottom:0;} .menu-col li span{clear:both;} .menu-d1-width{width:33%} .menu-d2-width{width:50%} .menu-d3-width{width:100%} .menu-d4-width{width:20%} /*1200以上 menu+li间距*/ @media (min-width: 1200px) { .nav-ul-li-ju{padding-left:8px;padding-right:8px;} } .text-juz-pro-down-list{clear:both;text-align:center;color:#333333;font-weight:400;font-size:15px;padding-top:27px;} .text-juz-pro-down-list-d2{clear:both;text-align:center;color:#333333;font-weight:400;font-size:15px;padding-top:1x;} .productnav-size-text{margin:auto;display:inline-block;position: absolute;bottom:5px;left:0;width:0px;height:1px;background:#f25e43;transition: .5s;border-radius:50px;} .down-text-line-pro a:hover .productnav-size-text{ width:100%;} .title-yyfa{font-weight:600;} #text-title-yl{text-align:center;padding-top:0;padding-bottom:0;} .fx-img-big{transition: all 0.6s;} .fx-img-big:hover{transform: scale(1.25);} .fx-3x{font-size:40px;} .fa-top2-ju{padding-top:25px;padding-bottom:10px;} .border-o{border:0;} #padding-top-o{padding-top:0;} .a-text-h6 a:hover{text-decoration:none} /*menu down pro fangan znzz... */ /*znzz智能制造top距离*/ .fx-top-line{padding-top:25px;} /*znzz智能制造top距离*/ /*解决方案第2版*/ .fa-text-title-t1{font-weight:700;font-size:18px;line-height:22px;color:#252b3a} .fa-text-title-t2{font-weight:700;font-size:18px;line-height:22px;color:#252b3a} .white-space-title{color:#ffffff;} .color-text-2{color:#252b3a} .fa-detail{font-size:14px;line-height:28px;} .fa-btn { display:inline-block; background:transparent; border:1px solid transparent; outline:none; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-transition:.2s; transition:.2s; cursor:pointer; height:32px; font-size:12px; line-height:30px; border-radius:2px; padding-left:24px; padding-right:24px } .fa-btn-light { border-color:#fff; color:#fff; } .fa-btn-light:hover { background-color:#d64a52; border-color:#d64a52; color:#fff } .fa-title-ju{padding-top:66px;} .fa-title-ju-2{padding-top:40px;} .fa-detail-text-2{color:#575d6c;} .fa-bg-1{background:url(../images/1621476865087012126.png);} .fa-bg-2{background:url(../images/1621476864769026897.png);} .fa-bg-3{background:#d5e2f4;} .more-top{margin-top:35px;margin-bottom:110px;} .border-solid{border:1px solid #e7e7e7;} .fa-right-pad{padding-right:0;} .fa-mar-left{margin-left:-15px;} .prod {position: relative;} .prod .prod-text .more-hover {transition: .5s;} .prod .prod-text{position: absolute;top: 0;left: 0;transition: .5s;} .prod:hover .prod-text .more-hover {margin: 0;} .prod .pro-more {display: inline-block;color: #333333;display: none;width:100px;margin-bottom:15px;} .prod:hover .pro-more{display: block;} .pro-more-link {font-size:14px;color:#575d6c;} .fa-d-bottom{margin-bottom:-15px;padding-bottom:-15px} .fa-span-title {-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } .fa-span-title:hover{ -webkit-transform: scale(1.03); -moz-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03); } .more-bottom{margin-bottom:10px;} /*解决方案第2版end*/ /*gsjj-hr*/ .gsjj-hr{padding-bottom:8px;margin-bottom:0;} .gsjj-h5{font-weight:400;} .gs-img-r{border:1px solid #6daddd;padding:20px;} .gs-img-r-t{border:1px solid #6daddd;} /*gsjj-hrend*/ /*pro-tonglan*/ .pro-tonglan{background:#12c0f5;} /*pro-tonglan end*/ /*pro fa-qj-al*/ .f-d-bg{background:#ffffff;border-radius:25px;border:1px solid #dcdcdc;padding:30px;} .f-d-h3{font-size:30px;font-weight:400;padding:30px;} .f-d-h5{padding:10px;margin-bottom:0;padding-bottom:0;font-weight:400;font-size:18px;} .fx-16{font-size:16px;} .f-d-p{padding:10px;font-size:14px;} .f-d-p a{text-decoration:none;color:#3f3f3f;} .f-d-p a:hover{text-decoration:underline;color:#3f3f3f;} .fx-i{font-weight:600;} .fx-img-c{border-top-left-radius: 10px;border-top-right-radius: 10px;} /*pro fa-qj-al*/ /*pro-center*/ .btn-text-a{background:#000000;border-radius:25px;color:#ffffff;font-size:14px;} .btn-text-a:hover{color:#ffffff;} /*pro-center*/ /*pro show*/ .pro-show-title-a h3 span{font-weight:400;font-size:30px;text-align:center;} .pro-hr{width:50%;text-align:center;clear:both;margin:0 auto;margin-top:10px;} .pro-p{font-size:8px;font-weight:200;text-transform:uppercase;} .pro-text{font-size:16px;display: table;margin: 0 auto;text-align:left;font-weight:400;} .status-point{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background:#000000;margin-right:10px;} #pro-t-show-t{font-size:14px;clear:both;font-weight:normal;} .pro-tu-top{padding-top:25px;padding-bottom:25px;} .pro-t-pz h3{font-size:26px;margin-bottom:0;padding-bottom:0;font-weight:400;} .pro-t-pz h2{font-size:30px;margin-top:0;padding-top:0;font-weight:400;} .pro-t-pz p{font-size:12px;margin-top:0;padding-top:0;} .fx-bigg{font-size:40px;} .cclearb{clear:both;font-size:14px;padding-top:5px;padding-bottom:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .pro-peizh-title h4{font-size:18px;font-weight:400;padding-left:30px;font-weight:600;} .fx-biggxx{font-size:18px;font-weight:bold;margin-right:15px;} .p-t-j{margin-top:18px;} .pro-tuopu h3{font-weight:400;font-size:28px;text-align:center;margin-bottom:0;padding-bottom:0;} .pro-tuopu p{text-align:center;margin:0 auto;margin-top:0;padding-top:0;width:100%;margin-bottom:20px;} /*pro show*/ /*应用案例*/ .m-slide{ position: relative;height:481px;overflow:hidden; } .m-slide .img {float:left;} .m-slide .img li{list-style:none;} .m-slide .bottom-shadow{ position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px; overflow: hidden;} .m-slide .img { float: left; position: relative;z-index:1;left: 0; top: 0 ;} .m-slide .img li { display: none; position: absolute; left: 0; top: 0 ;} .m-slide .img .first { display: block }.m-slide .tab { float: left } .m-slide .img li, .m-slide .img a, .m-slide .img img { display: block; width: 1200px; height: 481px } .m-slide .tab {float: left; position: relative;z-index:9;left: 500px; top: 0 ;background: rgba(97,105,115,0.8);height:481px;padding-top:30px;} .m-slide .tab li { width: 280px;height:40px;line-height:40px;color:#ffffff;padding-top:28px;padding-bottom:28px;list-style:none;} .m-slide .tab .first { border-top: 0 } .m-slide .tab a { text-decoration: none; display: block; position: relative; width: 280px; height: 40px; color:#ffffff;line-height:40px; } .m-slide .tab a b { position: absolute; left: 0; top: 20px; width: 4px; height: 11px; overflow: hidden } .m-slide .tab a span { position: absolute; overflow: hidden } .m-slide .tab a .title { left: 17px; top: 6px; height: 40px; line-height: 40px; font-size: 18px; font-weight: 400; color: #ffffff; } .m-slide .tab a .des { left: 18px; top: 26px; height: 16px; line-height: 16px; color: #ffffff; }.m-slide .tab .first a { height: 50px } .m-slide .tab .on a { }.m-slide .tab .on a b { } .m-slide .tab .on a span { color: #ffffff;font-size:25px; } .m-slide .tab .on a span:hover { color: #ffffff;font-size:25px; } .yyzl-text{padding-top:20px;position: absolute; bottom: 0;padding-left:50%;color:#ffffff;} .yybal-bg{background:#757879;} .circle{width: 5px; height: 5px;background-color: #ffffff;border-radius: 50%; display: inline-block;margin-right: 5px;} /*应用案例end*/ /*shili*/ .pro-shili-top{padding-top:100px;} .pro-shili h3{font-weight:400;font-size:28px;text-align:center;margin-bottom:0;padding-bottom:0;} .pro-shili p{text-align:center;margin:0 auto;margin-top:0;padding-top:0;width:100%;margin-bottom:20px;} .pro-shili-text h5{font-size:16px;color:#000000;margin-bottom:2px;padding-left:5px;margin-top:8px;} .pro-shili-text h6{font-weight:400;margin-top:2px;padding-left:5px;} .fx-tx-b{font-size:35px;text-align:center;} .sl-h3-a{margin-top:160px;} .pro-sl-fu-title{padding-top:50px;} .pro-fu-juli{padding-top:60px;width:100%;clear:both;} .pro-shili-img img{border-radius:8px;} .pro-fuwu-text{font-size:14px;padding:8px;padding-top:20px;} .pro-fuwu-text h6{font-weight:400;text-align:center;} /*shili end */ /*fxgd*/ .fxgd-imgf{border-radius:10px;} .pro-fxgd-titlef{font-size:36px;font-weight:400;} .pro-fxgd-topf{padding-top:80px;padding-bottom:30px;} .pro-fxgd-moref h3{font-weight:600;font-size:16px;margin-bottom:0;margin-top:15px;} .pro-fxgd-moref p{font-weight:400;font-size:14px;color:#6b696a;margin-top:0;} .pro-fxgd-moref p a{text-decoration:none;color:#6b696a;} .pro-fxgd-moref p a:hover{text-decoration:underline;color:#6b696a;} .fxgd-biao{font-size:20px;} .fxgd-tbiao{font-size:16px;} #fxgd-pro-t{font-size:30px;font-weight:400;} /*fxgdend*/ /*menu zn-cursorpointer*/ .zn-cursorpointer{cursor:pointer} /*menu zn-cursorpointer-end*/ /*fangan-*/ .f-a-title{font-size:32px;font-weight:600;margin-bottom:0;color:#0791dd;} .f-a-p{font-size:16px;margin-top:0;} .f-a-titlt-fu{font-size:25px;font-weight:400;margin-bottom:0;} .f-a-fu-text{font-size:14px;margin-top:0;} .f-a-top{margin-top:60px;} .f-a-hr{width:200px;margin-top:0;margin-bottom:0;} .jcyl-f-a-text{font-size:15px;line-height:30px;} .jcyl-f-a-text-h{font-size:15px;line-height:38px;padding-top:35px;} .jcyl-f-a-top{clear:both;width:100%;height:35px;} .jkgl-f-a-top{clear:both;width:100%;height:105px;} .btn-circle { width: 30px; height: 30px; text-align: center; padding: 3px 0; font-size: 16px; font-weight:400; line-height: 1.428571429; border-radius: 15px; background:#4ca6c6; color:#ffffff; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 14px; font-size: 20px; line-height: 1.33; border-radius: 25px; margin:3px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } @media (max-width: 768px) { .f-a-title{font-size:25px;font-weight:400;margin-bottom:0;line-height:30px;} .f-a-p{font-size:14px;margin-top:0;} .f-a-top{margin-top:30px;} .jkgl-f-a-top{clear:both;width:100%;height:35px;} } /*fangan-end*/ .fx-pz-line{padding-top:18px;padding-bottom:18px;} .text-pro-h3{font-weight:400;font-size:30px;} /*方案left15*/ .p-text-left-15{padding-left:15px;} .text-bk a:link .text-box-1{color:#000000;} .text-bk a:hover .text-box-1{color:#ffffff;} /*产品*/ .pro-dis-show-p{font-size:15px;line-height:28px;} /*产品*/ .al-h-p{height:60px;} .al_dis-show{padding-top:-25px;} /*znzz智能制造*/ #home-video{ z-index:1; position:absolute; top:0; left:0; } #video-wz { z-index:66; position:absolute; top:0; left:0; } @media screen and (min-width:1600px){ #video-wz1{z-index:66;position:absolute;top:22%;left:26%;color:#ffffff;} #video-wz-t1{font-size:35px;font-weight:200;margin-top:20px;margin-bottom:10px;} #video-wz-t2{font-size:70px;font-weight:600;letter-spacing:10px;clear:both;margin-bottom:10px;} #video-wz-t3{font-size:36px;font-weight:400;} .box-b-wz-a {background:linear-gradient(to left,rgba(45,112,201,.6) 0%,rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);background:linear-gradient(to right,rgba(45,112,201,.1) 0%, rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);margin:0 auto;font-size:32px;font-weight:400;padding:10px;} } @media screen and (min-width: 1400px) and (max-width: 1599px) { #video-wz1{z-index:66;position:absolute;top:22%;left:25%;color:#ffffff;} #video-wz-t1{font-size:22px;font-weight:200;margin-top:20px;margin-bottom:10px;} #video-wz-t2{font-size:50px;font-weight:600;letter-spacing:10px;clear:both;margin-bottom:10px;} #video-wz-t3{font-size:32px;font-weight:400;} .box-b-wz-a {background:linear-gradient(to left,rgba(45,112,201,.6) 0%,rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);background:linear-gradient(to right,rgba(45,112,201,.1) 0%, rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);margin:0 auto;font-size:28px;font-weight:400;padding:10px;} } @media screen and (min-width: 1280px) and (max-width: 1399px) { #video-wz1{z-index:66;position:absolute;top:22%;left:25%;color:#ffffff;} #video-wz-t1{font-size:22px;font-weight:200;margin-top:20px;margin-bottom:10px;} #video-wz-t2{font-size:50px;font-weight:600;letter-spacing:10px;clear:both;margin-bottom:10px;} #video-wz-t3{font-size:32px;font-weight:400;} .box-b-wz-a {background:linear-gradient(to left,rgba(45,112,201,.6) 0%,rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);background:linear-gradient(to right,rgba(45,112,201,.1) 0%, rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);margin:0 auto;font-size:26px;font-weight:400;padding:10px;} } @media screen and (min-width: 1200px) and (max-width: 1279px) { #video-wz1{z-index:66;position:absolute;top:22%;left:25%;color:#ffffff;} #video-wz-t1{font-size:22px;font-weight:200;margin-top:20px;margin-bottom:10px;} #video-wz-t2{font-size:50px;font-weight:600;letter-spacing:10px;clear:both;margin-bottom:10px;} #video-wz-t3{font-size:32px;font-weight:400;} .box-b-wz-a {background:linear-gradient(to left,rgba(45,112,201,.6) 0%,rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);background:linear-gradient(to right,rgba(45,112,201,.1) 0%, rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);margin:0 auto;font-size:26px;font-weight:400;padding:10px;} } @media screen and (min-width: 960px) and (max-width: 1199px) { #video-wz1{z-index:66;position:absolute;top:22%;left:20%;color:#ffffff;} #video-wz-t1{font-size:18px;font-weight:200;margin-top:20px;margin-bottom:10px;} #video-wz-t2{font-size:40px;font-weight:600;letter-spacing:10px;clear:both;margin-bottom:10px;} #video-wz-t3{font-size:22px;font-weight:400;} .box-b-wz-a {background:linear-gradient(to left,rgba(45,112,201,.6) 0%,rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);background:linear-gradient(to right,rgba(45,112,201,.1) 0%, rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);margin:0 auto;font-size:25px;font-weight:400;padding:10px;} } @media screen and (min-width: 768px) and (max-width: 959px) { #video-wz1{z-index:66;position:absolute;top:22%;left:15%;color:#ffffff;} #video-wz-t1{font-size:22px;font-weight:200;margin-top:20px;margin-bottom:10px;} #video-wz-t2{font-size:40px;font-weight:600;letter-spacing:10px;clear:both;margin-bottom:10px;} #video-wz-t3{font-size:32px;font-weight:400;} .box-b-wz-a {background:linear-gradient(to left,rgba(45,112,201,.6) 0%,rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);background:linear-gradient(to right,rgba(45,112,201,.1) 0%, rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);margin:0 auto;font-size:24px;font-weight:400;padding:10px;} } @media only screen and (min-width: 480px) and (max-width: 767px){ #video-wz1{z-index:66;position:absolute;top:22%;left:12%;color:#ffffff;} #video-wz-t1{font-size:18px;font-weight:200;margin-top:20px;margin-bottom:10px;} #video-wz-t2{font-size:20px;font-weight:600;letter-spacing:10px;clear:both;margin-bottom:10px;} #video-wz-t3{font-size:18px;font-weight:400;} .box-b-wz-a {background:linear-gradient(to left,rgba(45,112,201,.6) 0%,rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);background:linear-gradient(to right,rgba(45,112,201,.1) 0%, rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);margin:0 auto;font-size:22px;font-weight:400;padding:10px;} } @media only screen and (max-width: 479px) { #video-wz1{z-index:66;position:absolute;top:22%;left:8%;color:#ffffff;} #video-wz-t1{font-size:18px;font-weight:200;margin-top:20px;margin-bottom:10px;} #video-wz-t2{font-size:20px;font-weight:600;letter-spacing:10px;clear:both;margin-bottom:10px;} #video-wz-t3{font-size:18px;font-weight:400;} .box-b-wz-a {background:linear-gradient(to left,rgba(45,112,201,.6) 0%,rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);background:linear-gradient(to right,rgba(45,112,201,.1) 0%, rgba(45,112,201,1) 50%,rgba(45,112,201,0) 100%);margin:0 auto;font-size:20px;font-weight:400;padding:10px;} } .zhizao-title{font-weight:200;font-size:35px;margin-bottom:0;padding-bottom:10px;} .hr-line-a{border-top:1px solid #e0e0e0;width:400px;margin-top:0;margin-bottom:0;padding-bottom:0;} .sp-fu-title-h6{color:#858585;font-weight:200;font-size:14px;margin-top:0;padding-top:0;} .border-r-1{border-right:1px dashed #8f8f8f;height:90px;} .h6-wz-top{padding-top:10px;} .top-h-tubiao-a{padding-top:2px;} .wz-t-ppp p{float:left;text-align:left;font-size:11px;line-height:20px;color:#444444;margin-top:15px;} .j-l-t{margin-top:30px;margin-bottom:20px;} .b-yj-jx{background:#06a7f2;border-radius:25px;width:95%;text-align:left;padding-top:20px;padding-bottom:20px;} .b-yj-jx h2{padding:15px;color:#ffffff;font-size:28px;font-weight:400;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;} .b-yj-jx p{padding:15px;color:#ffffff;font-size:14px;line-height:28px;margin-top:0;0;padding-top:0;padding-bottom:0;} .b-jx-top-b{margin-top:20px;} .height-top-line-xy{clear:both;width:100%;height:50px;} .h-line-br{clear:both;width:100%;height:60px;} .h5-text-p{padding-top:15px;} .h5-text-p h5{font-size:28px;font-weight:400;} .h5-text-p p{font-size:18px;padding-bottom:18px;font-weight:300;} @media (max-width: 768px) { .h5-text-p{padding-top:0;} .h5-text-p h5{font-size:16px;font-weight:400;margin-top:0;margin-bottom:0;margin-bottom:0;padding-top:0;padding-bottom:0} .h5-text-p p{font-size:12px;padding-bottom:0;font-weight:400;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0} .xs-hd{height:180px;} .zz-fa-top-line{margin-top:15px;} .zhizao-title{font-weight:200;font-size:22px;margin-bottom:0;padding-bottom:10px;} .height-top-line-x{margin-top:10px;} .height-top-line-xy{margin-top:10px;height:0;padding-top:0;padding-bottom:0;margin-bottom:0;} .h-line-br{clear:both;width:100%;height:10px;} } .h-img-foot1{padding-bottom:20px;} /*znzz end */ @media (max-width: 768px) { .pro-shili-top-tt{margin-top:0;padding-top:0;} } /*top pro class*/ .topproclass { border-radius:20px;background:#009af3;margin-left:13px;margin-bottom:10px;} .topproclassline{margin-top:30px;} /*top pro class*/ .text-bk a:link .text-box-1{color:#000000;} .text-bk a:hover .text-box-1{color:#ffffff;} .text-bk .category{color:#000000;} .text-bk .js-text-dot-cn{color:#000000;} .text-bk .text{color:#000000;} .text-bk a:hover .category {color:#ffffff;} .text-bk a:hover .js-text-dot-cn {color:#ffffff;} .text-bk a:hover .text{color:#ffffff;} .nav-ul-li-ju a{font-size:16px;color:#121212;} .nav-ul-li-ju a:hover{font-size:16px;color:#f25e43;} .nav-ul-li-ju .dropdown-menu a{font-size:16px;color:#121212;} #navbar-menu{float:right;} .top--ding-bg{background:#111111;} .nav-l-r-line{padding-left:8px;padding-right:8px;} /*top pro class*/ .topproclass { border-radius:20px;background:#009af3;margin-left:13px;margin-bottom:10px;} .topproclassline{margin-top:30px;} /*top pro class*/ /*新加下拉产品导航宽度*/ .menu-d33-width{width:33%} /*首页产品tab切换 */ @media screen and (min-width:1200px){ .pro-tabs{list-style: none;margin:0;padding:0;background:#f5f5f5;min-height:620px;} .tab-content{background:#fafafa;padding-top:35px;min-height:620px;} } @media screen and (min-width: 960px) and (max-width: 1199px) { .pro-tabs{list-style: none;margin:0;padding:0;background:#f5f5f5;min-height:580px;} .tab-content{background:#fafafa;padding-top:35px;min-height:580px;} } @media only screen and (max-width: 959px) { .pro-tabs{list-style: none;margin:0;padding:0;background:#f5f5f5;min-height:580px;} .tab-content{background:#fafafa;padding-top:35px;min-height:580px;} } .pro-tabs li{height:60px;line-height:60px;font-size:16px;border-bottom:1px solid #ffffff;transition: all 0.6s; } #tabs1 .active{background:#1e50ae;height:100px;line-height:100px;transform: scale(1); } #tabs1 .active a{color:#ffffff;} .pro-tabs a{text-decoration:none;} .tab-content p{padding-top:8px;font-size:16px;color:#666666;background:#ffffff;margin-bottom:0;padding-bottom:15px;} .tab-content img{transition: all 0.6s;} .tab-content img:hover{transform: scale(1.03);} .tab-content a:hover{text-decoration:none;} .fl-l-ju{margin-left:0;} .fr-r-ju{margin-right:0;padding-right:0;} .cp-show-sy{padding:0;border: 1px solid #dddddd;overflow:hidden;margin-top:10px;margin-bottom:10px;} .tab-nr-r-bg{background:#fafafa;} /*首页产品tab切换 */ /*k3产品详情页 幻灯片*/ .cp_show_big ul,li{ margin:0; padding:0; } .cp_show_big ul{ list-style:none; } .cp_show_big img{ border:0; } .large_box img{display:block;border: 1px solid #eeeeee;} .small_list ul{height:50px;overflow:hidden;} .small_list ul li img{display:block;} .small_list ul li.on .bun_bg{display:block;} .btns:hover{ background-color:#7eb72a; } .lefts_btn{ float:left; margin-right:10px; background-image:url(../images/left_btn.png); } .rights_btn{ float:right; background-image:url(../images/right_btn.png); } @media screen and (min-width:1200px){ .cp_show_big{ margin:0 auto 0;width:525px;} .large_box{margin-bottom:10px; width:525px;height:527px;overflow:hidden;} .small_box{ width:525px;height:73px; overflow:hidden;} .small_list{position:relative; float:left; width:475px;height:73px;overflow:hidden;} .small_list ul li{position:relative;float:left;margin-right:5px; width:65px;} .small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:65px;height:50px;background:#009af3;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6; } .small_list ul li .bun_bg img{border: 1px solid #666; } .btns{display:block;width:20px;height:50px;background-color:#0d73b3; background-repeat:no-repeat;background-position:center center; cursor:pointer;} .large_box img{display:block;border: 1px solid #eeeeee;} } @media screen and (min-width: 960px) and (max-width: 1199px) { .cp_show_big{ margin:0 auto 0;width:470px;} .large_box{margin-bottom:10px; width:470px;height:480px;overflow:hidden;} .small_box{ width:470px;height:73px; overflow:hidden;} .small_list{position:relative; float:left; width:405px;height:73px;overflow:hidden;} .small_list ul li{position:relative;float:left;margin-right:5px; width:65px;} .small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:65px;height:50px;background:#009af3;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;} .btns{display:block;width:20px;height:50px;background-color:#0d73b3; background-repeat:no-repeat;background-position:center center; cursor:pointer;} } @media screen and (min-width: 768px) and (max-width: 959px) { .cp_show_big{ margin:0 auto 0;width:470px;} .large_box{margin-bottom:10px; width:470px;height:480px;overflow:hidden;} .small_box{ width:470px;height:73px; overflow:hidden;} .small_list{position:relative; float:left; width:405px;height:73px;overflow:hidden;} .small_list ul li{position:relative;float:left;margin-right:5px; width:65px;} .small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:65px;height:50px;background:#009af3;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;} .btns{display:block;width:20px;height:50px;background-color:#0d73b3; background-repeat:no-repeat;background-position:center center; cursor:pointer;} } @media only screen and (min-width: 480px) and (max-width: 767px){ .cp_show_big{ margin:0 auto 0;width:470px;} .large_box{margin-bottom:10px; width:470px;height:470px;overflow:hidden;} .small_box{ width:470px;height:73px; overflow:hidden;} .small_list{position:relative; float:left; width:405px;height:73px;overflow:hidden;} .small_list ul li{position:relative;float:left;margin-right:5px; width:65px;} .small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:65px;height:50px;background:#009af3;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;} .btns{display:block;width:20px;height:50px;background-color:#0d73b3; background-repeat:no-repeat;background-position:center center; cursor:pointer;} } @media only screen and (min-width: 414px) and (max-width: 479px){ .cp_show_big{ margin:0 auto 0;width:414px;} .large_box{margin-bottom:10px; width:414px;height:414px;overflow:hidden;} .small_box{ width:414px;height:73px; overflow:hidden;} .small_list{position:relative; float:left; width:360px;height:73px;overflow:hidden;} .small_list ul li{position:relative;float:left;margin-right:5px; width:50px;} .small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:50px;height:50px;background:#009af3;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;} .btns{display:block;width:20px;height:50px;background-color:#0d73b3; background-repeat:no-repeat;background-position:center center; cursor:pointer;} } @media only screen and (min-width: 375px) and (max-width: 413px){ .cp_show_big{ margin:0 auto 0;width:375px;} .large_box{margin-bottom:10px; width:375px;height:380px;overflow:hidden;} .small_box{ width:375px;height:73px; overflow:hidden;} .small_list{position:relative; float:left; width:300px;height:73px;overflow:hidden;} .small_list ul li{position:relative;float:left;margin-right:5px; width:50px;} .small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:50px;height:60px;background:#009af3;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;} .btns{display:block;width:20px;height:50px;background-color:#0d73b3; background-repeat:no-repeat;background-position:center center; cursor:pointer;} } @media only screen and (min-width: 320px) and (max-width: 374px){ .cp_show_big{ margin:0 auto 0;width:320px;} .large_box{margin-bottom:10px; width:320px;height:325px;overflow:hidden;} .small_box{ width:320px;height:73px; overflow:hidden;} .small_list{position:relative; float:left; width:210px;height:73px;overflow:hidden;} .small_list ul li{position:relative;float:left;margin-right:5px; width:25px;} .small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:25px;height:35px;background:#009af3;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;} .btns{display:block;width:20px;height:50px;background-color:#0d73b3; background-repeat:no-repeat;background-position:center center; cursor:pointer;} } @media only screen and (max-width: 319px) { .cp_show_big{ margin:0 auto 0;width:319px;} .large_box{margin-bottom:10px; width:319px;height:320px;overflow:hidden;} .small_box{ width:319px;height:73px; overflow:hidden;} .small_list{position:relative; float:left; width:210px;height:73px;overflow:hidden;} .small_list ul li{position:relative;float:left;margin-right:5px; width:25px;} .small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:25px;height:35px;background:#009af3;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;} .btns{display:block;width:20px;height:50px;background-color:#0d73b3; background-repeat:no-repeat;background-position:center center; cursor:pointer;} } /*产品页 按钮条 底色*/ @media screen and (min-width:768px){ .cp-list-yindao{background:#f5f5f7;height:70px;line-height:70px;} } @media only screen and (max-width: 479px) { .cp-list-yindao{background:#f5f5f7;line-height:28px;padding-top:15px;} } /*产品页按钮背景颜色*/ .topproclassanniu02{} /*k3产品详情页 幻灯片*/ /*k3产品详情页 幻灯片-右侧文字*/ .k3-ztitle{font-size:28px;} .k3-ftitle-wz-p{font-size:18px;line-height:35px;color:#606060;} .k3-btn-ys{color:#2f78ee;font-size:22px;font-weight:400;margin-top:35px;} .k3-p-txt{color:#797979;font-size:16px;font-weight:400;line-height:36px;} /*k3产品详情页 幻灯片-右侧文字*/ /*k3详情页大标题*/ .k3-title-cp-show{font-size:38px;padding-top:20px;padding-bottom:0;color:#000000;} @media (max-width: 768px) {.k3-title-cp-show{font-size:32px;padding-top:20px;padding-bottom:20px;}} /*k3详情页大标题*/ /*k3详情页应用场景*/ .k3-yycj-bg{background:#fafafa;padding-bottom:35px;} .k3-yycj-bg h5{margin-top:0;padding-top:15px;margin-bottom:5px;padding-bottom:0;font-weight:600;font-size:16px;} .k3-yycj-bg {margin-top:0;padding-top:0;color:#6d6676;} .k3-title-fu-p{font-size:14px;font-weight:500;color:#a8a3a0;} .k3-yycj-bg a{text-decoration:none;} .k3-yycj-bg a:hover{text-decoration:none;} .height-top-line-k3-h3{margin-top:50px;} .k3-yycj-bg img{transition: all 0.6s;} .k3-yycj-bg img:hover{transform: scale(1.05);} @media screen and (min-width:1200px){ .k3-yycj-bg h3{font-size:30px;padding-top:20px;padding-bottom:20px;color:#000000;} } @media only screen and (max-width: 767px) { .k3-yycj-bg h3{font-size:22px;padding-top:20px;padding-bottom:20px;color:#000000;} } /*k3详情页应用场景*/ /*K3详情页 产品优势*/ @media screen and (min-width:1200px){ .k3-cpys-ys h3{font-size:30px;padding-top:20px;padding-bottom:30px;color:#000000;} } @media only screen and (max-width: 767px) { .k3-cpys-ys h3{font-size:22px;padding-top:0;padding-bottom:30px;color:#000000;} } .k3-cpys-ys img{margin-bottom:10px;transition: all 0.6s;} .k3-cpys-ys h5{font-weight:500;margin-top:0;margin-bottom:0;font-size:20px;} .k3-ys-nr-bk{width:100%;border:0px solid #d2deee;min-height:160px;padding-top:30px; box-shadow:0 10px 16px 0 rgba(210,222,238,0.6),0 6px 20px 0 rgba(210,222,238,0.69) !important;padding-bottom:35px;} .k3-cpys-ys img:hover{transform: scale(1.25);} /*K3详情页 产品优势*/ /* 拓扑图 */ @media screen and (min-width:1200px){ .k3-tpt h3{font-size:30px;padding-top:20px;padding-bottom:30px;color:#000000;margin-bottom:0;padding-bottom:10px;} .k3-tpt p{font-size:14px;color:#3e403f;} } @media only screen and (max-width: 767px) { .k3-tpt h3{font-size:22px;padding-top:0;padding-bottom:30px;color:#000000;} } .k3-tpt img{transition: all 0.6s;} .k3-tpt img:hover{transform: scale(1.02);} /* 拓扑图 */ /*k3详情页相关产品*/ .col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 { position: relative; min-height: 1px; margin-right: 10px; margin-left: 10px; } .col-xs-1-5 { width: 18%; float: left; } @media (min-width: 768px) { .col-sm-1-5 { width: 18%; float: left; } } @media (min-width: 992px) { .col-md-1-5 { width: 18%; float: left; } } @media (min-width: 1200px) { .col-lg-1-5 { width: 18%; float: left; } } /*k3详情页相关产品*/ /*产品使用范围图片放大效果*/ .k3-cp-syfw img{transition: all 0.6s;} .k3-cp-syfw img:hover{transform: scale(1.03);} /*产品使用范围图片放大效果*/ /* k3 相关产品图片放大效果 */ .k3-xgcp-fd-t img{transition: all 0.6s;} .k3-xgcp-fd-t img:hover{transform: scale(1.08);} .k3-xgcp-fd-t h6{font-weight:400;font-size:15px;margin-top:10px;} .k3-xgcp-fd-t a:hover{text-decoration:none;} .k3-cpgntd-img img{transition: all 0.6s;} .k3-cpgntd-img img:hover{transform: scale(1.02);} .pro-t-pz img{transition: all 0.6s;} .pro-t-pz img:hover{transform: scale(1.02);} /* k3 相关产品图片放大效果 */ /*k3幻灯片右侧按钮*/ .btn-cp-show-ding{margin-top:50px;} .btn-cp-show-an{background:#ff7f26;border-radius:20px;width:150px;} .btn-cp-show-an-two{background:#f6f6f6;border-radius:20px;width:150px;color:#111111;} /*k3幻灯片右侧按钮*/ /*k3产品使用范围 升级版 start*/ *{margin: 0;padding: 0;} .yj_dbox img{border: none;vertical-align: middle;max-width: 100%;} em{font-style: normal;} li{list-style: none;} .ind_yj{width: 100%;background: #f5f5f5;padding: 115px 0;padding-bottom:90px;} .yj_box{position: relative;} .yj_tab{position: relative;width: 100%;top: -25px;} .yj_dbox{display: flex;justify-content: space-between;} .yj_bn{width: 49.1%;position: relative;} .yj_lb{width: 49.8%;display: flex;justify-content: space-between;flex-wrap: wrap;} .yj_lb li{width: 49%;margin-bottom: 2.5%;position: relative;} .yj_lb li:nth-child(3),.yj_lb li:nth-child(4){margin-bottom: 0;} .yj_mod{width: 100%;height: 100%;background: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;text-align: center;color: white;opacity: 0;transition: all 0.4s;} .yj_mod h3{font-size: 28px;font-weight: bold;position: relative;top: -70px;transition: all 0.5s;} .yj_mod p{font-size: 16px;position: relative;top: -50px;transition: all 0.5s;} .yj_mod em{display: inline-block;width: 120px;line-height: 40px;border: 1px solid white;text-align: center;border-radius: 25px;color: white;position: relative;top: -50px;transition: all 0.7s;} .yj_bn:hover .yj_mod h3,.yj_lb li:hover .yj_mod h3{top: 0;transition: all 0.5s;margin-bottom: 20px;color:#ffffff;} .yj_bn:hover .yj_mod p,.yj_lb li:hover .yj_mod p{top: 0;transition: all 0.6s;} .yj_bn:hover .yj_mod em,.yj_lb li:hover .yj_mod em{top:0;margin-top: 65px;transition: all 0.7s;} .yj_bn:hover .yj_mod,.yj_lb li:hover .yj_mod{opacity: 1;transition: all 0.4s;} .yj_mod em:hover{background:#e77918;border-color: #e77918;transition: all 0.3s;} .yj_lb li .yj_mod{padding: 0 15px;} .yj_lb li .yj_mod h3{font-size: 21px;} .yj_lb li .yj_mod p{font-size: 15px;} .yj_lb li .yj_mod em{line-height: 35px;} .yj_lb li:hover .yj_mod em{margin-top: 45px;} /******手机端 768px******/ @media only screen and (max-width: 768px) { .ind_yj{padding: 40px 0;} .yj_box{margin-top: 25px;} .yj_dbox{flex-wrap: wrap;} .yj_bn,.yj_lb{width: 100%;} .yj_lb{margin-top: 10px;} .yj_lb li .yj_mod{display: none;} } /*k3产品使用范围 升级版end*/ /*在线客服*/ *{padding:0;margin:0;} ol,ul{list-style:none} .side_kf ul{list-style:none} .side_kf ol{list-style:none} .side_kf a{text-decoration:none;color:#686868} .side_kf img{border:0} .side_kf{position:fixed;width:78px;right:0;top:60%;margin-bottom:5px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0} .side_kf ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer} .side_kf ul li:hover{background:#f67524;color:#fff} .side_kf ul li:hover a{color:#fff} .side_kf ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s} .side_kf ul li i.bgs1{background-image:url(../images/right_pic5.png)} .side_kf ul li i.bgs2{background-image:url(../images/right_pic7.png)} .side_kf ul li i.bgs3{background-image:url(../images/right_pic2.png)} .side_kf ul li i.bgs4{background-image:url(../images/right_pic1.png)} .side_kf ul li i.bgs5{background-image:url(../images/right_pic3.png)} .side_kf ul li i.bgs6{background-image:url(../images/right_pic6_on.png)} .side_kf ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)} .side_kf ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)} .side_kf ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)} .side_kf ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)} .side_kf ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)} .side_kf ul li .side_kfbox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden} .side_kf ul li.side_kftop{background:#f67524;color:#fff} .side_kf ul li.side_kftop:hover{opacity:.8;filter:Alpha(opacity=80)} .side_kf ul li.side_kfewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0} .side_kf ul li.side_kfetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524} .side_kf ul li.side_kfetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px} .side_kf ul li.side_kfetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px} .side_kf ul li.side_kfetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410} .side_kf ul li.side_kfetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat} .side_kf ul li:hover .son{display:block!important;animation:fadein 1s} @keyframes fadein{from{opacity:0} to{opacity:1} } /*在线客服*/ /*导航banner遮挡bug升级js + navscroll.js $("#myS_banner").addClass("myS_banner_on"); */ .myS_banner_on{margin-top:54px;} /*导航banner遮挡bug升级js + navscroll.js $("#myS_banner").addClass("myS_banner_on"); */ /*K3详情页产品按钮*/ .topproclass03{ border-radius:20px;margin-left:13px;margin-bottom:10px;} /*K3详情页产品按钮*/ /*项目应用1200>两侧留空*/ @media screen and (min-width:1200px){ .xmyy-width-l-r-line{padding-left:150px;padding-right:150px;} } /*项目应用1200>两侧留空*/ /*产品中心css*/ .cp_more{margin-top:30px;color:#0066cc;font-size:18px;} .cp_wq{box-shadow:0 10px 16px 0 rgba(68,68,68,0.1),0 6px 20px 0 rgba(68,68,68,0.1) !important;padding-top:60px;padding-bottom:30px;margin-top:10px;background:#ffffff;} @media screen and (min-width:1200px){ .cp-wq-h{height:360px;} .cp_wq h3{font-size:30px;font-weight:600;} .cp_wq h5{color:#8a8a8a;font-weight:400;font-size:18px;} .cp_more{margin-top:30px;color:#0066cc;font-size:16px;} } @media screen and (min-width: 960px) and (max-width: 1199px) { .cp-wq-h{height:290px;} .cp_wq h3{font-size:23px;font-weight:600;} .cp_wq h5{color:#8a8a8a;font-weight:400;font-size:14px;} .cp_more{margin-top:20px;color:#0066cc;font-size:16px;} } @media screen and (min-width: 768px) and (max-width: 959px) { .cp-wq-h{height:280px;} .cp_wq h3{font-size:23px;font-weight:600;} .cp_wq h5{color:#8a8a8a;font-weight:400;font-size:14px;} .cp_more{margin-top:20px;color:#0066cc;font-size:16px;} } @media only screen and (min-width: 720px) and (max-width: 767px){ .cp-wq-h{height:450px;} .cp_wq h3{font-size:30px;font-weight:600;} .cp_wq h5{color:#8a8a8a;font-weight:400;font-size:20px;} .cp_more{margin-top:30px;color:#0066cc;font-size:18px;} } @media only screen and (min-width: 619px) and (max-width: 719px){ .cp-wq-h{height:430px;} .cp_wq h3{font-size:30px;font-weight:600;} .cp_wq h5{color:#8a8a8a;font-weight:400;font-size:20px;} .cp_more{margin-top:30px;color:#0066cc;font-size:18px;} } @media only screen and (min-width: 519px) and (max-width: 618px){ .cp-wq-h{height:370px;} .cp_wq h3{font-size:30px;font-weight:600;} .cp_wq h5{color:#8a8a8a;font-weight:400;font-size:20px;} .cp_more{margin-top:30px;color:#0066cc;font-size:18px;} } @media only screen and (min-width: 419px) and (max-width: 518px){ .cp-wq-h{height:320px;} .cp_wq h3{font-size:25px;font-weight:600;} .cp_wq h5{color:#8a8a8a;font-weight:400;font-size:20px;} .cp_more{margin-top:30px;color:#0066cc;font-size:18px;} } @media only screen and (min-width: 319px) and (max-width: 418px){ .cp-wq-h{height:280px;} .cp_wq h3{font-size:18px;font-weight:600;} .cp_wq h5{color:#8a8a8a;font-weight:400;font-size:16px;} .cp_more{margin-top:15px;color:#0066cc;font-size:14px;} } @media only screen and (max-width: 318px) { .cp-wq-h{height:280px;} .cp_wq h3{font-size:18px;font-weight:600;} .cp_wq h5{color:#8a8a8a;font-weight:400;font-size:16px;} .cp_more{margin-top:15px;color:#0066cc;font-size:14px;} } /*产品中心css*/ /*产品下拉导航通栏100VW*/ .pro-row-full{ width: 100vw; position: relative; margin-left: -50vw; left: 50%; background:#ffffff; border-top:1px solid #f47045; padding-bottom:20px; border-bottom:1px solid #e0e0e0; } /*产品下拉导航通栏100VW*/ /*行业应用下拉导航通栏100VW*/ .yingyong-row-full{ width: 100vw; position: relative; margin-left: -50vw; left: 50%; background:#ffffff; border-top:1px solid #f47045; padding-bottom:20px; border-bottom:1px solid #e0e0e0; } /*行业应用下拉导航通栏100VW*/ /*首页产品布局及动画*/ .col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 { position: relative; min-height: 1px; margin-right: 10px; margin-left: 10px; } .col-xs-1-5 { width: 18%; float: left; } @media (min-width: 768px) { .col-sm-1-5 { width: 18%; float: left; } } @media (min-width: 992px) { .col-md-1-5 { width: 18%; float: left; } } @media (min-width: 1200px) { .col-lg-1-5 { width: 18%; float: left; } } .pro-cp-wq{border: 1px solid #dddddd;} .pro-cp-wq a{text-decoration:none;} .pro-cp-wq a:hover{text-decoration:none;} .pro-cp-wq h3{font-size:16px;font-weight:400;margin:0;padding:0;color:#000002;} .pro-cp-wq h4{font-size:18px;font-weight:500;margin:0;padding:0;color:#0c58a3;} .pro-cp-wq p{font-size:14px;font-weight:400;margin:0;padding:0;padding-bottom:20px;color:#666666;} .cp-sy-hr{margin:0;padding:0;margin-top:6px;margin-bottom:6px;} #cp-sy-h3-line{line-height:23px;padding-top:8px;} @media (min-width: 1280px) { .containerKD{ max-width: 1280px; margin:0 auto; } } /*首页产品布局及动画*/ /* 使用范围大图超过高度隐藏 */ .yj_bn{max-height:631px;overflow:hidden;} /* 使用范围大图超过高度隐藏 */ /*首页产品中心增加图片放大效果*/ .pro-cp-wq{overflow:hidden;transition: all 0.6s;} .pro-cp-wq img{transition: all 0.6s;} .pro-cp-wq:hover img{transform: scale(1.08);mix-blend-mode: multiply;/*图片正品叠地*/} .pro-cp-wq:hover{ border:1px solid #29b3fb; transform: scale(1);background:#e5f6fe; } .pro-cp-wq h3{font-weight:400;} /*首页产品中心增加图片放大效果*/ /**二次升级css-start**/ /* banner 圆点样式*/ .my-bullet{ display: inline-block; width: 15px; height: 15px; background: #e4ebf5; position: relative; margin: 25px 5px; border-radius: 50%; } .my-bullet-active{ background: #ffffff; opacity: 1;width:15px;height:15px;} /* banner 圆点样式*/ /*检索 按钮*/ #search-wai-wz{position:absolute;right:0;} #search-a-wz{color:#ffffff;margin:0;padding:0;padding-top:20px;font-size:16px;border-bottom: solid 0 #555;} .btn-search-css{height:35px;width:55px;background:#ff9600;border-radius:18px;} /*检索 按钮*/ /**二次升级css-start**/ /*左侧产品-垂直手风琴折叠菜单*/ .pro-left-title{background:#1b76d1;margin:0;padding:0;} .pro-left-title h2{color:#ffffff;font-size:30px;margin:0;padding:0;padding-left:30px;padding-top:20px;} .pro-left-title p{margin-top:0;padding-top:0;color:#ffffff;font-size:20px;padding-left:30px;padding-top:0px;padding-bottom:18px;margin-bottom:0;} .pro-left-title p:after { content: "\e713"; font-family: iconfont; font-style: normal; font-weight: normal; font-size: 20px; color: #ffffff; position: relative; top: 1px; right: 1px; z-index: 10; padding-left:5px; } .pro-left-title a{text-decoration:none;color:#ffffff;} .pro-left-title a:hover{text-decoration:underline;color:#ffffff;} .pro-left-nr{border: 1px solid #eaeaea;} .pro-left-nr-title{background:#ebecea;font-size:16px;color:#1a75d0;padding-left:30px;padding-top:18px;padding-bottom:18px;} .pro-left-nr-title:before{ content: "\e601"; font-family: iconfont; font-style: normal; font-weight: normal; font-size: 20px; color: #1a75d0; position: relative; top: 2px; left: 1px; z-index: 10; padding-right:5px; } .pro-left-nr-title a{text-decoration:none;color:#1a75d0;} .pro-left-nr-title a:hover{text-decoration:underline;color:#1a75d0;} .pro-left-nr-list{background:#f7f8fa;padding-top:12px;padding-bottom:12px;padding-left:30px;} .pro-left-nr-list a{text-decoration:none;color:#000002;font-size:14px;} .pro-left-nr-list a:hover{text-decoration:underline;color:#000002;} .pro-left-nr-list:before{ content: "\e757"; font-family: iconfont; font-style: normal; font-weight: normal; font-size: 14px; color: #969696; position: relative; top:0; left: 1px; z-index: 10; padding-right:5px } .pro-right-nr-list{margin-bottom:18px;} .pro-left-nr-title1{border-top: 1px solid #eaeaea;background:#f7f8fa;font-size:16px;color:#969696;padding-left:30px;padding-top:18px;padding-bottom:18px;} .pro-left-nr-title1:before{ content: "\e601"; font-family: iconfont; font-style: normal; font-weight: normal; font-size: 20px; color: #969696; position: relative; top: 2px; left: 1px; z-index: 10; padding-right:5px; } .pro-left-nr-title1 a{text-decoration:none;color:#969696;} .pro-left-nr-title1 a:hover{text-decoration:underline;color:#969696;} #pro-jianju{margin:0;width:100%;margin-top:-3px;} #accordion .panel{ border: none; margin:0;padding: 0; } #accordion .panel-heading{ margin:0;padding: 0; } #accordion .panel-title a{ display: block; border-top: 1px solid #e8e8e9; border-bottom: 1px solid #e8e8e9; background: #ececec; font-size: 16px; font-weight: 600; color: #1a75cf; transition: all 0.3s ease 0s; margin:0;padding: 0; font-size:16px;color:#1a75d0;padding-left:30px;padding-top:18px;padding-bottom:18px; text-decoration:none; } #accordion .panel-title a:before{ content: "\e601"; font-family: iconfont; font-style: normal; font-weight: normal; font-size: 20px; position: relative; top: 2px; left: 1px; z-index: 10; padding-right:5px; } #accordion .panel-title a:hover{text-decoration:none;} #accordion .panel-title a.collapsed{ margin:0;padding: 0; background: #f7f8fa; border-top: 1px solid #e8e8e9; font-size:16px;color:#000002;padding-left:30px;padding-top:18px;padding-bottom:18px;font-weight:normal; text-decoration:none; } #accordion .panel-body{ border-top: none; background: #f7f8fa; margin:0;padding: 0; } #accordion .panel-body p{ margin:0;padding: 0; } /*左侧产品-垂直手风琴折叠菜单*/ /*解决方案 start*/ .fangan-bg{ background:url(../images/fangan-bg.jpg) #f5f6fb; background-size:100% 100%; background-repeat:repeat-y; padding-bottom:80px; } .fangan-nr{background:#ffffff;border-radius:15px;padding-top:15px;padding-bottom:15px;} .fangan-bottom{padding-bottom:30px;} .fangan-r-top-line{margin-top:20px;} .fangan-rr-line-an-top{margin-top:20px;} .btn-ys{background:#2278ff;color:#ffffff;border:0;font-size:16px;} .btn-ys:hover{background:#ff9600;color:#ffffff;} .btn-ysr{font-size:16px;} @media screen and (min-width:768px){ .fangan-foot-wz {padding-top:15px;} .fangan-foot-wz p{color:#085fb2;margin:0;padding:0;font-size:16px;} .fangan-foot-wz h2{color:#000019;margin:0;padding:0;font-size:23px;} } @media only screen and (max-width: 767px) { .fangan-foot-wz {padding-top:15px;} .fangan-foot-wz p{color:#085fb2;margin:0;padding:0;font-size:14px;} .fangan-foot-wz h2{color:#000019;margin:0;padding:0;font-size:18px;} } .fangan-wz-title01{ display: block; position: absolute; left: 7%; top: 5%; width: 100%; height: 100%; z-index:999; background:#3c474f; color:#ffffff; width:110px; height:30px; line-height:30px; font-size:15px; border-radius:8px; } .fangan-wz-title01 a{text-decoration:none;color:#ffffff;} .fangan-wz-title01 a:hover{text-decoration:none;color:#ffffff;} .fangan-wz-title{ display: block; position: absolute; left: 15%; top: 5%; width: 100%; height: 100%; z-index:999; background:#3c474f; color:#ffffff; width:110px; height:30px; line-height:30px; font-size:15px; border-radius:8px; } .fangan-wz-title a{text-decoration:none;color:#ffffff;} .fangan-wz-title a:hover{text-decoration:none;color:#ffffff;} .fangan-wz-title02{ display: block; position: absolute; left: 10%; top: 5%; width: 100%; height: 100%; z-index:999; background:#3c474f; color:#ffffff; width:80px; height:30px; line-height:30px; font-size:15px; border-radius:8px; } .fangan-wz-title02 a{text-decoration:none;color:#ffffff;} .fangan-wz-title02 a:hover{text-decoration:none;color:#ffffff;} @media screen and (min-width:1200px){ .fangan01img{height:380px;} .fangan02img{height:380px;} .fangan03img{height:180px;} .fangan04img{height:180px;} } @media screen and (min-width: 960px) and (max-width: 1199px) { .fangan01img{height:275px;} .fangan02img{height:275px;} .fangan03img{height:127px;} .fangan04img{height:127px;} } @media screen and (min-width: 768px) and (max-width: 959px) { .fangan01img{height:206px;} .fangan02img{height:206px;} .fangan03img{height:92px;} .fangan04img{height:92px;} } @media only screen and (min-width: 480px) and (max-width: 767px){ .fangan01img{height:180px;} .fangan02img{height:180px;} .fangan03img{height:82px;} .fangan04img{height:82px;} } @media only screen and (max-width: 479px) { .fangan01img{height:150px;} .fangan02img{height:150px;} .fangan03img{height:82px;} .fangan04img{height:82px;} } /*解决方案 end*/ /* new ad */ .new-ad{ background:url(../images/ad-bg.jpg) #aec8e1; background-size:100% 100%; background-repeat:repeat-y; padding-bottom:80px; } @media screen and (min-width:768px){ .new-ad-top-line{padding-top:90px;padding-bottom:30px;} .new-ad h4{font-size:24px;} .new-ad h3{font-size:35px;} .new-ad p{font-size:16px;} } @media only screen and (max-width: 767px) { .new-ad-top-line{padding-top:90px;padding-bottom:10px;} .new-ad h4{font-size:20px;} .new-ad h3{font-size:26px;} .new-ad p{font-size:16px;} } /* new ad */ /*客户案例*/ @media screen and (min-width:1200px){ .anli-bg{ background:url(../images/anli-bg.jpg) #e9edf4; background-size:100% 100%; background-repeat:repeat-y; padding-bottom:80px; } .anli-top-line{padding-top:65px;} .anli-title-bottom{padding-bottom:20px;} .anli-fu-title{font-size:16px;padding-top:15px;} .anli-left{background:#ffffff;width:100%;border-radius:8px;box-shadow: 0px 0px 15px 3px #d5d7d7;padding:25px;height:375px;} .anli-left ul{margin:0;padding:0;list-style:none;} .anli-left ul li{float:left;padding-top:3px;padding-bottom:3px;} .anli-lf-img{float:left;width:30%;} .anli-lf-img img{width:100%; border-radius:8px;} .anli-fr-nr{float:right;width:70%;padding-left:10px;} .anli-fr-nr h4{color:#333333;font-size:21px;margin-bottom:0;padding-bottom:0;padding-top:10px;} .anli-fr-nr h4 a{text-decoration:none;color:#333333;} .anli-fr-nr h4 a:hover{text-decoration:none;color:#4684e6;} .anli-fr-nr p{color:#767676;font-size:15px;} .anli-fr-nr p a{text-decoration:none;color:#767676;} .anli-fr-nr p a:hover{text-decoration:none;color:#4684e6;} .anli-rt-nr img{width:100%; border-radius:8px;height:372px;} } @media screen and (min-width: 960px) and (max-width: 1199px) { .anli-bg{ background:url(../images/anli-bg.jpg) #e9edf4; background-size:100% 100%; background-repeat:repeat-y; padding-bottom:50px; } .anli-top-line{padding-top:65px;} .anli-title-bottom{padding-bottom:20px;} .anli-fu-title{font-size:16px;padding-top:15px;} .anli-left{background:#ffffff;width:100%;border-radius:8px;box-shadow: 0px 0px 15px 3px #d5d7d7;padding:25px;height:330px;} .anli-left ul{margin:0;padding:0;list-style:none;} .anli-left ul li{float:left;padding-top:3px;padding-bottom:3px;} .anli-lf-img{float:left;width:30%;} .anli-lf-img img{width:100%; border-radius:8px;margin-top:5px;} .anli-fr-nr{float:right;width:70%;padding-left:10px;} .anli-fr-nr h4{color:#333333;font-size:18px;margin-bottom:0;padding-bottom:0;padding-top:0;} .anli-fr-nr h4 a{text-decoration:none;color:#333333;} .anli-fr-nr h4 a:hover{text-decoration:none;color:#4684e6;} .anli-fr-nr p{color:#767676;font-size:14px; /* 超出两行省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .anli-fr-nr p a{text-decoration:none;color:#767676;} .anli-fr-nr p a:hover{text-decoration:none;color:#4684e6;} .anli-rt-nr img{width:100%; border-radius:8px;height:330px;} } @media screen and (min-width: 768px) and (max-width: 959px) { .anli-bg{ background:url(../images/anli-bg.jpg) #e9edf4; background-size:100% 100%; background-repeat:repeat-y; padding-bottom:50px; } .anli-top-line{padding-top:65px;} .anli-title-bottom{padding-bottom:20px;} .anli-fu-title{font-size:16px;padding-top:15px;} .anli-left{background:#ffffff;width:100%;border-radius:8px;box-shadow: 0px 0px 15px 3px #d5d7d7;padding:25px;height:320px;} .anli-left ul{margin:0;padding:0;list-style:none;} .anli-left ul li{float:left;padding-top:3px;padding-bottom:3px;} .anli-lf-img{float:left;width:30%;} .anli-lf-img img{width:100%; border-radius:8px;margin-top:5px;} .anli-fr-nr{float:right;width:70%;padding-left:10px;} .anli-fr-nr h4{color:#333333;font-size:18px;margin-bottom:0;padding-bottom:0;padding-top:0;} .anli-fr-nr h4 a{text-decoration:none;color:#333333;} .anli-fr-nr h4 a:hover{text-decoration:none;color:#4684e6;} .anli-fr-nr p{color:#767676;font-size:14px; /* 超出两行省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .anli-fr-nr p a{text-decoration:none;color:#767676;} .anli-fr-nr p a:hover{text-decoration:none;color:#4684e6;} .anli-rt-nr img{width:100%; border-radius:8px;height:320px;} } @media only screen and (min-width: 700px) and (max-width: 767px){ .anli-bg{ background:url(../images/anli-bg.jpg) #e9edf4; background-size:100% 100%; background-repeat:repeat-y; padding-bottom:50px; } .anli-top-line{padding-top:65px;} .anli-title-bottom{padding-bottom:20px;} .anli-fu-title{font-size:16px;padding-top:15px;} .anli-left{background:#ffffff;width:100%;border-radius:8px;box-shadow: 0px 0px 15px 3px #d5d7d7;padding:25px;height:460px;} .anli-left ul{margin:0;padding:0;list-style:none;} .anli-left ul li{float:left;padding-top:3px;padding-bottom:3px;} .anli-lf-img{float:left;width:30%;} .anli-lf-img img{width:100%; border-radius:8px;margin-top:5px;} .anli-fr-nr{float:right;width:70%;padding-left:10px;} .anli-fr-nr h4{color:#333333;font-size:18px;margin-bottom:0;padding-bottom:0;padding-top:10px;} .anli-fr-nr h4 a{text-decoration:none;color:#333333;} .anli-fr-nr h4 a:hover{text-decoration:none;color:#4684e6;} .anli-fr-nr p{color:#767676;font-size:14px; /* 超出两行省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .anli-fr-nr p a{text-decoration:none;color:#767676;} .anli-fr-nr p a:hover{text-decoration:none;color:#4684e6;} .anli-rt-nr img{width:100%; border-radius:8px;height:320px;} } @media only screen and (min-width: 650px) and (max-width: 699px){ .anli-bg{ background:url(../images/anli-bg.jpg) #e9edf4; background-size:100% 100%; background-repeat:repeat-y; padding-bottom:50px; } .anli-top-line{padding-top:65px;} .anli-title-bottom{padding-bottom:20px;} .anli-fu-title{font-size:16px;padding-top:15px;} .anli-left{background:#ffffff;width:100%;border-radius:8px;box-shadow: 0px 0px 15px 3px #d5d7d7;padding:25px;height:420px;} .anli-left ul{margin:0;padding:0;list-style:none;} .anli-left ul li{float:left;padding-top:3px;padding-bottom:3px;} .anli-lf-img{float:left;width:30%;} .anli-lf-img img{width:100%; border-radius:8px;margin-top:5px;} .anli-fr-nr{float:right;width:70%;padding-left:10px;} .anli-fr-nr h4{color:#333333;font-size:18px;margin-bottom:0;padding-bottom:0;padding-top:10px;} .anli-fr-nr h4 a{text-decoration:none;color:#333333;} .anli-fr-nr h4 a:hover{text-decoration:none;color:#4684e6;} .anli-fr-nr p{color:#767676;font-size:14px; /* 超出两行省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .anli-fr-nr p a{text-decoration:none;color:#767676;} .anli-fr-nr p a:hover{text-decoration:none;color:#4684e6;} .anli-rt-nr img{width:100%; border-radius:8px;height:300px;} } @media only screen and (min-width: 600px) and (max-width: 649px){ .anli-bg{ background:url(../images/anli-bg.jpg) #e9edf4; background-size:100% 100%; background-repeat:repeat-y; padding-bottom:35px; } .anli-top-line{padding-top:35px;} .anli-title-bottom{padding-bottom:20px;} .anli-fu-title{font-size:16px;padding-top:15px;} .anli-left{background:#ffffff;width:100%;border-radius:8px;box-shadow: 0px 0px 15px 3px #d5d7d7;padding:25px;height:400px;} .anli-left ul{margin:0;padding:0;list-style:none;} .anli-left ul li{float:left;padding-top:3px;padding-bottom:3px;} .anli-lf-img{float:left;width:30%;} .anli-lf-img img{width:100%; border-radius:8px;margin-top:5px;} .anli-fr-nr{float:right;width:70%;padding-left:10px;} .anli-fr-nr h4{color:#333333;font-size:18px;margin-bottom:0;padding-bottom:0;padding-top:10px;} .anli-fr-nr h4 a{text-decoration:none;color:#333333;} .anli-fr-nr h4 a:hover{text-decoration:none;color:#4684e6;} .anli-fr-nr p{color:#767676;font-size:14px; /* 超出两行省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .anli-fr-nr p a{text-decoration:none;color:#767676;} .anli-fr-nr p a:hover{text-decoration:none;color:#4684e6;} .anli-rt-nr img{width:100%; border-radius:8px;height:300px;} } @media only screen and (min-width: 500px) and (max-width: 599px){ .anli-bg{ background:url(../images/anli-bg.jpg) #e9edf4; background-size:100% 100%; background-repeat:repeat-y; padding-bottom:35px; } .anli-top-line{padding-top:35px;} .anli-title-bottom{padding-bottom:20px;} .anli-fu-title{font-size:16px;padding-top:15px;} .anli-left{background:#ffffff;width:100%;border-radius:8px;box-shadow: 0px 0px 15px 3px #d5d7d7;padding:25px;height:370px;} .anli-left ul{margin:0;padding:0;list-style:none;} .anli-left ul li{float:left;padding-top:3px;padding-bottom:3px;} .anli-lf-img{float:left;width:30%;} .anli-lf-img img{width:100%; border-radius:8px;margin-top:5px;} .anli-fr-nr{float:right;width:70%;padding-left:10px;} .anli-fr-nr h4{color:#333333;font-size:18px;margin-bottom:0;padding-bottom:0;padding-top:10px;} .anli-fr-nr h4 a{text-decoration:none;color:#333333;} .anli-fr-nr h4 a:hover{text-decoration:none;color:#4684e6;} .anli-fr-nr p{color:#767676;font-size:14px; /* 超出两行省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .anli-fr-nr p a{text-decoration:none;color:#767676;} .anli-fr-nr p a:hover{text-decoration:none;color:#4684e6;} .anli-rt-nr img{width:100%; border-radius:8px;height:260px;} } @media only screen and (min-width: 400px) and (max-width: 499px){ .anli-bg{ background:url(../images/anli-bg.jpg) #e9edf4; background-size:100% 100%; background-repeat:repeat-y; padding-bottom:35px; } .anli-top-line{padding-top:35px;} .anli-title-bottom{padding-bottom:20px;} .anli-fu-title{font-size:16px;padding-top:15px;} .anli-left{background:#ffffff;width:100%;border-radius:8px;box-shadow: 0px 0px 15px 3px #d5d7d7;padding:25px;height:350px;} .anli-left ul{margin:0;padding:0;list-style:none;} .anli-left ul li{float:left;padding-top:3px;padding-bottom:3px;} .anli-lf-img{float:left;width:30%;} .anli-lf-img img{width:100%; border-radius:8px;margin-top:5px;} .anli-fr-nr{float:right;width:70%;padding-left:10px;} .anli-fr-nr h4{color:#333333;font-size:18px;margin-bottom:0;padding-bottom:0;padding-top:10px;} .anli-fr-nr h4 a{text-decoration:none;color:#333333;} .anli-fr-nr h4 a:hover{text-decoration:none;color:#4684e6;} .anli-fr-nr p{color:#767676;font-size:14px; /* 超出两行省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .anli-fr-nr p a{text-decoration:none;color:#767676;} .anli-fr-nr p a:hover{text-decoration:none;color:#4684e6;} .anli-rt-nr img{width:100%; border-radius:8px;height:220px;} } @media only screen and (min-width: 360px) and (max-width: 399px){ .anli-bg{ background:url(../images/anli-bg.jpg) #e9edf4; background-size:100% 100%; background-repeat:repeat-y; padding-bottom:35px; } .anli-top-line{padding-top:35px;} .anli-title-bottom{padding-bottom:20px;} .anli-fu-title{font-size:16px;padding-top:15px;} .anli-left{background:#ffffff;width:100%;border-radius:8px;box-shadow: 0px 0px 15px 3px #d5d7d7;padding:25px;height:300px;} .anli-left ul{margin:0;padding:0;list-style:none;} .anli-left ul li{float:left;padding-top:3px;padding-bottom:3px;} .anli-lf-img{float:left;width:30%;} .anli-lf-img img{width:100%; border-radius:8px;margin-top:5px;} .anli-fr-nr{float:right;width:70%;padding-left:10px;} .anli-fr-nr h4{color:#333333;font-size:16px;margin-bottom:0;padding-bottom:0;padding-top:0px;} .anli-fr-nr h4 a{text-decoration:none;color:#333333;} .anli-fr-nr h4 a:hover{text-decoration:none;color:#4684e6;} .anli-fr-nr p{color:#767676;font-size:12px; /* 超出两行省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .anli-fr-nr p a{text-decoration:none;color:#767676;} .anli-fr-nr p a:hover{text-decoration:none;color:#4684e6;} .anli-rt-nr img{width:100%; border-radius:8px;height:180px;} } @media only screen and (min-width: 300px) and (max-width: 359px){ .anli-bg{ background:url(../images/anli-bg.jpg) #e9edf4; background-size:100% 100%; background-repeat:repeat-y; padding-bottom:35px; } .anli-top-line{padding-top:35px;} .anli-title-bottom{padding-bottom:20px;} .anli-fu-title{font-size:16px;padding-top:15px;} .anli-left{background:#ffffff;width:100%;border-radius:8px;box-shadow: 0px 0px 15px 3px #d5d7d7;padding:25px;height:300px;} .anli-left ul{margin:0;padding:0;list-style:none;} .anli-left ul li{float:left;padding-top:3px;padding-bottom:3px;} .anli-lf-img{float:left;width:30%;} .anli-lf-img img{width:100%; border-radius:8px;margin-top:10px;} .anli-fr-nr{float:right;width:70%;padding-left:10px;} .anli-fr-nr h4{color:#333333;font-size:15px;margin-bottom:0;padding-bottom:0;padding-top:0px; /* 超出两行省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .anli-fr-nr h4 a{text-decoration:none;color:#333333;} .anli-fr-nr h4 a:hover{text-decoration:none;color:#4684e6;} .anli-fr-nr p{color:#767676;font-size:12px; /* 超出两行省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .anli-fr-nr p a{text-decoration:none;color:#767676;} .anli-fr-nr p a:hover{text-decoration:none;color:#4684e6;} .anli-rt-nr img{width:100%; border-radius:8px;height:160px;} } @media only screen and (max-width: 299px) { .anli-bg{ background:url(../images/anli-bg.jpg) #e9edf4; background-size:100% 100%; background-repeat:repeat-y; padding-bottom:35px; } .anli-top-line{padding-top:35px;} .anli-title-bottom{padding-bottom:20px;} .anli-fu-title{font-size:16px;padding-top:15px;} .anli-left{background:#ffffff;width:100%;border-radius:8px;box-shadow: 0px 0px 15px 3px #d5d7d7;padding:25px;height:300px;} .anli-left ul{margin:0;padding:0;list-style:none;} .anli-left ul li{float:left;padding-top:3px;padding-bottom:3px;} .anli-lf-img{float:left;width:30%;} .anli-lf-img img{width:100%; border-radius:8px;margin-top:10px;} .anli-fr-nr{float:right;width:70%;padding-left:10px;} .anli-fr-nr h4{color:#333333;font-size:15px;margin-bottom:0;padding-bottom:0;padding-top:0px; /* 超出两行省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .anli-fr-nr h4 a{text-decoration:none;color:#333333;} .anli-fr-nr h4 a:hover{text-decoration:none;color:#4684e6;} .anli-fr-nr p{color:#767676;font-size:12px; /* 超出两行省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .anli-fr-nr p a{text-decoration:none;color:#767676;} .anli-fr-nr p a:hover{text-decoration:none;color:#4684e6;} .anli-rt-nr img{width:100%; border-radius:8px;height:140px;} } /*客户案例*/ /*new*/ .news-wz-title{ display: block; position: absolute; left: 15px; top: 0; width: 100%; height: 100%; z-index:999; background:#959595; color:#ffffff; width:110px; height:30px; line-height:30px; font-size:12px; opacity: 0.8; } .news-wz-title:hover{background:#1b76d1;} .news-wz-title a{text-decoration:none;color:#ffffff;} .news-wz-title a:hover{text-decoration:none;color:#ffffff;} .news-wz-title-fr{ display: block; position: absolute; left: 15px; top: 0; width: 100%; height: 100%; z-index:999; background:#959595; color:#ffffff; width:80px; height:30px; line-height:30px; font-size:12px; opacity: 1; } .news-wz-title-fr:hover{background:#1b76d1;} .news-wz-title-fr a{text-decoration:none;color:#ffffff;} .news-wz-title-fr a:hover{text-decoration:none;color:#ffffff;} .news-title-style{background:#f8f8f8;padding-top:20px;padding-bottom:38px;} .news-title-style h4{font-size:18px;color:#2f3333;padding-top:8px;padding:8px;padding-left:20px;padding-right:20px;line-height:23px;margin-bottom:0;font-weight:600; /* 超出一行省略号 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-title-style h4 a{text-decoration:none;color:#2f3333;} .news-title-style h4 a:hover{text-decoration:none;color:#2f3333;} .news-title-style h5{ font-size:16px;color:#383235;line-height:23px;padding:8px;margin:0;padding:0;padding-left:20px;padding-right:20px;font-weight:400; } .news-title-style h5:before { content: "\e612"; font-family: iconfont; font-style: normal; font-weight: normal; font-size: 20px; color: #383235; position: relative; top: 1px; left: 1px; z-index: 1000; padding-left:5px; } .news-title-style p{font-size:15px;color:#696874;line-height:26px;margin:0;padding:0;padding:8px;padding-left:20px;padding-right:20px; overflow:hidden;height:55px; } .news-title-style p a{text-decoration:none;color:#696874;} .news-title-style p a:hover{text-decoration:none;color:#696874;} @media screen and (min-width:1200px){ .news-wz-nr-fr{padding-top:18px;padding-bottom:10px;} .news-wz-nr-fr h4{font-size:16px;color:#2f3333;padding-top:8px;padding:8px;line-height:23px;margin-bottom:0;font-weight:600; /* 超出一行省略号 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:0; padding-bottom:0; } .news-wz-nr-fr h4 a{text-decoration:none;color:#2f3333;} .news-wz-nr-fr h4 a:hover{text-decoration:none;color:#2f3333;} .news-wz-nr-fr h5{font-size:14px;color:#696874;line-height:26px;margin:0;padding:0;padding:8px;overflow:hidden;height:30px;padding-top:0;} .news-fr-nr-top{padding-top:20px;} .news-btn-more{border: 1px solid #262626;border-radius:0;padding:8px;width:120px;margin-top:35px;margin-bottom:20px;} } @media screen and (min-width: 960px) and (max-width: 1199px) { .news-wz-nr-fr{padding-top:6px;} .news-wz-nr-fr h4{font-size:14px;color:#2f3333;padding-top:5px;padding:5px;line-height:23px;margin-bottom:0;font-weight:600; /* 超出一行省略号 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:0; padding-bottom:0; } .news-wz-nr-fr h4 a{text-decoration:none;color:#2f3333;} .news-wz-nr-fr h4 a:hover{text-decoration:none;color:#2f3333;} .news-wz-nr-fr h5{font-size:12px;color:#696874;line-height:25px;margin:0;padding:0;padding:8px;overflow:hidden;height:27px;padding-top:0;} .news-fr-nr-top{padding-top:10px;} .news-btn-more{border: 1px solid #262626;border-radius:0;padding:8px;width:120px;margin-top:30px;margin-bottom:20px;} } @media screen and (min-width: 768px) and (max-width: 959px) { .news-wz-nr-fr{padding-top:6px;} .news-wz-nr-fr h4{font-size:14px;color:#2f3333;padding-top:4px;padding:4px;line-height:23px;margin-bottom:0;font-weight:600; /* 超出一行省略号 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:0; padding-bottom:0; } .news-wz-nr-fr h4 a{text-decoration:none;color:#2f3333;} .news-wz-nr-fr h4 a:hover{text-decoration:none;color:#2f3333;} .news-wz-nr-fr h5{font-size:12px;color:#696874;line-height:22px;margin:0;padding:0;padding:8px;overflow:hidden;height:22px;padding-top:0;} .news-fr-nr-top{padding-top:15px;} .news-btn-more{border: 1px solid #262626;border-radius:0;padding:8px;width:120px;margin-top:30px;margin-bottom:20px;} } @media only screen and (min-width: 480px) and (max-width: 767px){ .news-wz-nr-fr{padding-top:6px;} .news-wz-nr-fr h4{font-size:14px;color:#2f3333;padding-top:4px;padding:4px;line-height:23px;margin-bottom:0;font-weight:600; /* 超出一行省略号 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:0; padding-bottom:0; } .news-wz-nr-fr h4 a{text-decoration:none;color:#2f3333;} .news-wz-nr-fr h4 a:hover{text-decoration:none;color:#2f3333;} .news-wz-nr-fr h5{font-size:12px;color:#696874;line-height:22px;margin:0;padding:0;padding:8px;overflow:hidden;height:22px;padding-top:0;} .news-fr-nr-top{padding-top:15px;} .news-btn-more{border: 1px solid #262626;border-radius:0;padding:8px;width:120px;margin-top:30px;margin-bottom:20px;} } @media only screen and (max-width: 479px) { .news-wz-nr-fr{padding-top:6px;} .news-wz-nr-fr h4{font-size:14px;color:#2f3333;padding-top:4px;padding:4px;line-height:23px;margin-bottom:0;font-weight:600; /* 超出一行省略号 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:0; padding-bottom:0; } .news-wz-nr-fr h4 a{text-decoration:none;color:#2f3333;} .news-wz-nr-fr h4 a:hover{text-decoration:none;color:#2f3333;} .news-wz-nr-fr h5{font-size:12px;color:#696874;line-height:22px;margin:0;padding:0;padding:8px;overflow:hidden;height:22px;padding-top:0;} .news-fr-nr-top{padding-top:15px;} .news-btn-more{border: 1px solid #262626;border-radius:0;padding:8px;width:120px;margin-top:20px;margin-bottom:20px;} } .news-btn-more:hover{background:#ff9600;color:#ffffff;border: 1px solid #ffffff;} /*new*/ /*new foot*/ @media screen and (min-width:768px){ #footkf{width:100%;background:url(../images/footkf.jpg);margin:0;padding:0;margin-top:-20px;height:121px;text-align:center;padding-top:50px;} #footkf h4{display: inline;font-size:22px;font-weight:600;} .foot-an-lx{display: inline;background:#2278ff;color:#ffffff;} .foot-an-lx:hover{background:#ff9600;color:#ffffff;} .foot-icon-wz-dx{font-size:22px;padding-right:10px;} #text-down-no-line{text-decoration:none;} .foot-ding-top{margin-top:65px;} } @media only screen and (min-width: 550px) and (max-width: 767px){ #footkf{width:100%;background:url(../images/footkf.jpg);margin:0;padding:0;margin-top:-20px;height:121px;text-align:center;padding-top:50px;} #footkf h4{display: inline;font-size:22px;font-weight:600;} .foot-an-lx{display: inline;background:#2278ff;color:#ffffff;} .foot-an-lx:hover{background:#ff9600;color:#ffffff;} .foot-icon-wz-dx{font-size:22px;padding-right:10px;} #text-down-no-line{text-decoration:none;} .foot-ding-top{margin-top:15px;} } @media only screen and (min-width: 511px) and (max-width: 549px){ #footkf{width:100%;background:url(../images/footkf.jpg);margin:0;padding:0;margin-top:-20px;height:121px;text-align:center;padding-top:50px;} #footkf h4{display: inline;font-size:20px;font-weight:600;} .foot-an-lx{display: inline;background:#2278ff;color:#ffffff;} .foot-an-lx:hover{background:#ff9600;color:#ffffff;} .foot-icon-wz-dx{font-size:22px;padding-right:10px;} #text-down-no-line{text-decoration:none;} .foot-ding-top{margin-top:15px;} } @media only screen and (min-width: 410px) and (max-width: 510px){ #footkf{width:100%;background:url(../images/footkf.jpg);margin:0;padding:0;margin-top:-20px;height:121px;text-align:center;padding-top:30px;padding-bottom:20px;} #footkf h4{display: inline;font-size:21px;font-weight:600;} .foot-an-lx{display: inline;background:#2278ff;color:#ffffff;} .foot-an-lx:hover{background:#ff9600;color:#ffffff;} .foot-icon-wz-dx{font-size:22px;padding-right:10px;} #text-down-no-line{text-decoration:none;} .foot-ding-top{margin-top:15px;} } @media only screen and (min-width: 350px) and (max-width: 409px){ #footkf{width:100%;background:url(../images/footkf.jpg);margin:0;padding:0;margin-top:-20px;height:121px;text-align:center;padding-top:30px;padding-bottom:20px;} #footkf h4{display: inline;font-size:18px;font-weight:600;} .foot-an-lx{display: inline;background:#2278ff;color:#ffffff;} .foot-an-lx:hover{background:#ff9600;color:#ffffff;} .foot-icon-wz-dx{font-size:22px;padding-right:10px;} #text-down-no-line{text-decoration:none;} .foot-ding-top{margin-top:15px;} } @media only screen and (min-width: 320px) and (max-width: 349px){ #footkf{width:100%;background:url(../images/footkf.jpg);margin:0;padding:0;margin-top:-20px;height:121px;text-align:center;padding-top:30px;padding-bottom:20px;} #footkf h4{display: inline;font-size:16px;font-weight:600;} .foot-an-lx{display: inline;background:#2278ff;color:#ffffff;} .foot-an-lx:hover{background:#ff9600;color:#ffffff;} .foot-icon-wz-dx{font-size:22px;padding-right:10px;} #text-down-no-line{text-decoration:none;} .foot-ding-top{margin-top:15px;} } @media only screen and (max-width: 319px) { #footkf{width:100%;background:url(../images/footkf.jpg);margin:0;padding:0;margin-top:-20px;height:121px;text-align:center;padding-top:30px;padding-bottom:20px;} #footkf h4{display: inline;font-size:14px;font-weight:600;} .foot-an-lx{display: inline;background:#2278ff;color:#ffffff;} .foot-an-lx:hover{background:#ff9600;color:#ffffff;} .foot-icon-wz-dx{font-size:20px;padding-right:10px;} #text-down-no-line{text-decoration:none;} .foot-ding-top{margin-top:15px;} } /*new foot*/ /*方案 导航*/ .fangan-daohang-style{box-shadow:0px 12px 8px -12px #acabab; height:62px;line-height:62px;} @media screen and (min-width:326px){ .icon-ys-dx{color:#28abe9;font-size:26px;} .fangan-daohang-title {font-size:14px;color:#666666;} .fangan-daohang-title a{text-decoration:none;color:#666666;} .fangan-daohang-title a:hover{text-decoration:underline;color:#666666;} } @media only screen and (max-width: 325px) { .icon-ys-dx{color:#28abe9;font-size:20px;} .fangan-daohang-title {font-size:12px;color:#666666;margin-bottom:10px;} .fangan-daohang-title a{text-decoration:none;color:#666666;} .fangan-daohang-title a:hover{text-decoration:underline;color:#666666;} } /*方案 导航*/ /*方案导航*/ @media screen and (min-width:422px){ .fangan-daohang-list{margin-top:30px;} .btn-fa{border-radius:25px;color:#666666;height:45px;width:118px;font-size:16px;margin-right:8px;line-height:30px;margin:5px;} } @media only screen and (min-width: 368px) and (max-width: 421px){ .fangan-daohang-list{margin-top:15px;} .btn-fa{border-radius:25px;color:#666666;height:40px;width:100px;font-size:14px;margin-right:8px;line-height:25px;margin:5px;} } @media only screen and (min-width: 320px) and (max-width: 367px){ .fangan-daohang-list{margin-top:15px;} .btn-fa{border-radius:25px;color:#666666;height:40px;width:83px;font-size:12px;margin-right:5px;line-height:25px;margin:5px;} } @media only screen and (max-width: 319px) { .fangan-daohang-list{margin-top:15px;} .btn-fa{border-radius:10px;color:#666666;height:38px;width:70px;font-size:12px;margin-right:5px;line-height:25px;margin:5px;} } /*方案导航*/ /*方案 内容*/ .fa-top-jjli{margin-top:60px;} .fa-nr{margin-top:10px;margin-bottom:30px; } .fa-nr-title-bg{background:#f8f8f8;padding-bottom:15px; border-radius:15px;} /* 电脑端文字大小为36px */ @media (min-width: 768px) { .fa-nr-title-bg h3{font-size:18px;margin:0;padding:0;padding-left:8px;color:#1d2143;padding-top:8px;height:35px;overflow:hidden; /*超出一行省略号*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } /* 手机端文字大小为16px */ @media (max-width: 767px) { .fa-nr-title-bg h3{font-size:14px;margin:0;padding:0;padding-left:8px;color:#1d2143;padding-top:8px;height:35px;overflow:hidden;width:150px; /*超出一行省略号*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .fa-nr-title-bg h3 a{text-decoration:none;color:#1d2143;} .fa-nr-title-bg h3 a:hover{text-decoration:none;color:#1d2143;} .fa-nr-title-bg p{font-size:14px;margin:0;padding:0;padding-left:8px;color:#7d7d7d;padding-bottom:8px; } .fa-nr-title-bg p a{text-decoration:none;color:#7d7d7d;} .fa-nr-title-bg p a:hover{text-decoration:none;color:#7d7d7d;} .fa-gd span{border:1px solid #c1c1c1;float:right;padding:3px;color:#0669b2;font-size:12px;padding-left:10px;padding-right:10px;} .fa-nr-sp{margin-right:5px;margin-top:-15px;} .fa-nr-sp a{text-decoration:none;color:#0669b2;} .fa-nr-sp a:hover{text-decoration:none;color:#0669b2;} .fa-nr-yinying{border-radius:15px 15px 15px 15px ;} .fa-nr-yinying img{ border-radius:15px 15px 0 0 ;} /*方案 内容*/ .fangan-wz-gd{color:#737373;} .fa-gd:hover span{border:1px solid #0669b2;color:#0669b2;} .fa-gd:hover .fangan-wz-gd{color:#0669b2;} /*新闻栏目标题*/ .new-left-title-bg { background:#10559e; padding-bottom:35px; } .new-left-title-bg h5 { color:#4b7eb7; padding-left:30px; padding-top:50px; margin-bottom:0; padding-bottom:0; } .new-left-title-bg h2 { margin-top:0;padding-top:0;font-weight:400;font-size:30px; } #accordion .panel-title_new a{ display: block; border-top: 1px solid #e8e8e9; border-bottom: 1px solid #e8e8e9; background: #ececec; font-size: 16px; font-weight: 600; color: #1a75cf; transition: all 0.3s ease 0s; margin:0;padding: 0; font-size:16px;color:#1a75d0;padding-left:30px;padding-top:18px;padding-bottom:18px; text-decoration:none; } #accordion .panel-title_new a:hover{text-decoration:none;} #accordion .panel-title_new a.collapsed{ margin:0;padding: 0; background: #f7f8fa; color: #6e7070; border-top: 1px solid #e8e8e9; font-size:16px;color:#808183;padding-left:30px;padding-top:18px;padding-bottom:18px; text-decoration:none; } .panel-title_new{border: 1px solid #f6f6f6;} .panel-title_new:hover{border: 1px solid #115fa7;} @media screen and (min-width:1200px){ #accordion .panel-title_new a:after{ content: "\e620"; font-family: iconfont; font-style: normal; font-weight: normal; font-size: 20px; position: relative; top: 2px; right: 1px; z-index: 10; padding-left:120px; } } @media screen and (min-width: 1100px) and (max-width: 1199px) { #accordion .panel-title_new a:after{ content: "\e620"; font-family: iconfont; font-style: normal; font-weight: normal; font-size: 20px; position: relative; top: 2px; right: 1px; z-index: 10; padding-left:60px; } } @media screen and (min-width: 960px) and (max-width: 1099px) { #accordion .panel-title_new a:after{ content: "\e620"; font-family: iconfont; font-style: normal; font-weight: normal; font-size: 20px; position: relative; top: 2px; right: 1px; z-index: 10; padding-left:25px; } } @media screen and (min-width: 768px) and (max-width: 959px) { #accordion .panel-title_new a:after{ content: "\e620"; font-family: iconfont; font-style: normal; font-weight: normal; font-size: 20px; position: relative; top: 2px; right: 1px; z-index: 10; padding-left:10px; } .new-left-title-bg h2 { margin-top:0;padding-top:0;font-weight:400;font-size:25px; } } /*新闻栏目标题*/ /*新闻中心单页*/ .xw-new-title-left{width:40%;float:left;color:#333333;font-size:22px;font-weight:400;} .xw-new-title-left a{color:#333333;text-decoration:none;} .xw-new-title-left a:hover{color:#333333;text-decoration:underline;} .xw-new-title-right{width:60%;float:right;color:#666666;font-weight:400;font-size:14px;} .xw-new-title-right a{text-decoration:none;color:#666666;} .xw-new-title-right a:hover{text-decoration:underline;color:#666666;} .icon-sy-tb-dx{font-size:14px;padding-right:5px;} .text-down-line{width:100%;padding-bottom:55px; border-bottom: 1px solid #ebebeb;} /*新闻中心单页*/ /* 新闻中心 标题 */ .xw-new-rq{color:#aecef0;font-size:20px;} .xw-new-bt{color:#333333;font-size:22px;margin-top:10px;margin-bottom:10px;} .xw-new-nr{color:#999999;font-size:14px; /* 超出两行省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; } .xw-new-bt a{text-decoration:none;color:#333333;} .xw-new-bt a:hover{text-decoration:none;color:#333333;} .xw-new-nr a{text-decoration:none;color:#999999;} .xw-new-nr a:hover{text-decoration:none;color:#999999;} .xw-new-more{} .btn-xw-new-more{background:#265689;color:#ffffff;border: 1px solid #265689;} .btn-xw-new-more:hover{background:#ff9600;color:#ffffff;border: 1px solid #ff9600;} .new-img-bk{border: 1px solid #aecef0;} /* 新闻中心 标题 */ /*新闻中心 列表*/ .newlist{border-top: 1px solid #dddddd;margin-top:35px;padding-top:20px;border-bottom: 1px dashed #dddddd;} .newlist-rq{color:#115fa7;font-size:20px;} .newlist-nr h3{color:#333333;font-size:22px;font-weight:400;margin-top:0;margin-bottom:0;} .newlist-nr p{color:#999999;font-size:14px;line-height:25px;} .newlist-nr h3 a{color:#333333;text-decoration:none;} .newlist-nr h3 a:hover{color:#333333;text-decoration:none;} .newlist-nr p a{color:#999999;text-decoration:none;} .newlist-nr p a:hover{color:#999999;text-decoration:none;} .newlist1{border-top: 0 solid #dddddd;margin-top:10px;padding-top:20px;border-bottom: 1px dashed #dddddd;} /*新闻中心 列表*/ #icon-sy-tb-dx{font-size:17px;padding-right:5px;} /*公司简介导航*/ .gs-css-wz-yse{color:#555555;} .gs-css-wz-yse:hover{color:#1d5ad1;text-decoration:none;} .gs_dh_h{height:65px;line-height:65px;} .gs_dh_active{color:#1d5ad1;} .gs_dh_active a{color:#1d5ad1;text-decoration:none;} .gs_dh_active a:hover{color:#1d5ad1;text-decoration:none;} .gs_down_line{border-bottom: 1px solid #dddddd;} .gs_active_down_line{border-bottom: 5px solid #1d5ad1;} @media screen and (min-width:380px){ .gs_dh_wz_dx{font-size:16px;font-weight:400;color:#555555;} } @media only screen and (max-width: 379px) { .gs_dh_wz_dx{font-size:12px;font-weight:400;color:#555555;} } /*公司简介导航*/ /*gs bk01 公司简介 */ .gs-jj-top{margin-top:60px;} .gsjj-left-title-wz h2{font-size:50px;} .gsjj-left-title-wz h3{font-size:28px;font-weight:400;} .gsjj-down-line-ys{border-bottom:2px solid #3073ce;width:50px;margin-left:30px;} .gsjj-left-title-wz p{color:#4d4d4d;font-size:18px;line-height:35px;} .gsjj-h-up{margin-top:40px;} @media screen and (min-width:1200px){ .gsjj-right-img-top{margin-top:80px;} } /*gs bk01 公司简介 */ /*滚动数字*/ .gsjj-sz-gd {margin-top:20px;} .h-line-right-border{border-right: 1px solid #eeeeee; } @media screen and (min-width:420px){ .gsjj-sz-gd .counter{font-size:45px;color:#2264d4;font-weight:600;} .gs_jia_wz_ys{color:#2264d4;font-weight:600;font-size:14px;} .counter-wz{color:#a2a2a2;font-size:16px;} } @media only screen and (max-width: 419px) { .gsjj-sz-gd .counter{font-size:24px;color:#2264d4;font-weight:600;} .gs_jia_wz_ys{color:#2264d4;font-weight:600;font-size:13px;} .counter-wz{color:#a2a2a2;font-size:12px;} } /*滚动数字*/ /* 微鲸制造 */ .gs-bk02-bg{background:#f5f6f9;} .gs-bk02-wai-top{margin-top:60px;} .gs-bk02-top{padding-top:60px;} .gs-bk02-bottom{padding-bottom:60px;} .gs-bk02-title h3{font-size:35px;color:#222121;} .gs-bk02-nr{margin-top:30px;} .gs-bk02-nr-bg{background:#ffffff;padding-bottom:18px;} .gs-bk02-nr-bg h3{padding-left:20px;font-size:20px;color:#414040;} .gs-bk02-nr-bg dd{padding-left:20px;font-size:15px;color:#4d4d4d;padding-top:3px;padding-bottom:3px;width:40%;background:#ffff00;float:left;} .gs-zz-end{width:100%;clear:both;height:10px;} .gs-bk02-nr-bg h3::after { content: ""; height: 32px; right: 15px; position: absolute; top: 0; background: -webkit-gradient(linear,left top, left bottom,from(rgba(248,248,248,1)),color-stop(80%, rgba(248,248,248,1))); background: linear-gradient(rgba(248,248,248,1) 0%,rgba(248,248,248,1) 80%); left: 15px; } .gs-row-wz-bg{background:#ffffff;} .gs-row-wz-bg h3{padding-left:20px;font-size:20px;color:#414040;} .gs-row-wz-bg h3:before{ content: "\e623"; font-family: iconfont; font-style: normal; font-weight: normal; font-size: 30px; color: #414040; position: relative; top: 5px; left: 1px; z-index: 10; padding-right:5px; } .gs-zz-list:before{ content: "\e60a"; font-family: iconfont; font-style: normal; font-weight: normal; font-size: 26px; color: #093aaf; position: relative; top: 5px; left: 1px; z-index: 10; padding-right:5px; } @media screen and (min-width:400px){ .gs-zz-list{padding-left:20px;font-size:15px;color:#4d4d4d;padding-top:3px;padding-bottom:3px;width:48%;float:left;} .gs-zz-list1{padding-left:20px;font-size:15px;color:#4d4d4d;padding-top:3px;padding-bottom:3px;width:48%;float:left;} } @media only screen and (max-width: 399px) { .gs-zz-list{padding-left:6px;font-size:12px;color:#4d4d4d;padding-top:2px;padding-bottom:2px;width:48%;float:left;} .gs-zz-list1{padding-left:6px;font-size:12px;color:#4d4d4d;padding-top:2px;padding-bottom:2px;width:48%;float:left;} } .gs-zz-list1:before{ content: ""; font-family: iconfont; font-style: normal; font-weight: normal; font-size: 26px; color: #093aaf; position: relative; top: 5px; left: 1px; z-index: 10; padding-right:5px; } .gs-row-wz-bg{ border-bottom: 4px solid; border-image: linear-gradient(to right, #0d38ba, #01a8ff) 1;}/* 或者 */ } /* 微鲸制造 */ /* 公司简介 */ .gs-bk003-wai-bg{background:#ffffff;} .gs-bk003-top{padding-top:60px;} .gs-bk03-nr-top{padding-top:30px;} .gs-list-nr img{border-radius: 8px;margin-bottom:25px; } @media screen and (min-width:1200px){ .gs-bk03-nr h3{color:#343434;font-size:30px;font-weight:600;} .gs-bk03-nr h4{color:#666666;font-size:20px;font-weight:400;} .gs-bk03-nr p{color:#7a7a7a;font-size:16px;line-height:34px;padding-top:15px;} .gs-list-nr-top{padding-top:50px;} } @media screen and (min-width: 768px) and (max-width: 1199px) { .gs-bk03-nr h3{color:#343434;font-size:20px;font-weight:600;margin:0;padding:0;} .gs-bk03-nr h4{color:#666666;font-size:14px;font-weight:400;margin:0;padding:0;} .gs-bk03-nr p{color:#7a7a7a;font-size:12px;line-height:25px;padding-top:6px;margin:0;} .gs-list-nr-top{padding-top:10px;} } @media only screen and (max-width: 767px) { .gs-bk03-nr h3{color:#343434;font-size:24px;font-weight:600;} .gs-bk03-nr h4{color:#666666;font-size:18px;font-weight:400;} .gs-bk03-nr p{color:#7a7a7a;font-size:14px;line-height:34px;padding-top:15px;} .gs-list-nr-top{padding-top:25px;} } /* 公司简介 */ /* 微鲸制造 */ .gs-bk04-bg{background:#f5f6f9;} .gs-bk04-wai-top{margin-top:60px;} .gs-bk04-top{padding-top:60px;} .gs-bk04-bottom{padding-bottom:60px;} .gs-bk004-fu-title{padding-bottom:25px;} .gs-bk004-fu-title h4{font-weight:400;color:#8c8c8c;font-size:16px;} .gs-bk004-xx-nr{padding-bottom:15px;} @media screen and (min-width:768px){ .gs-bk004-xx-nr p{background:#ffffff;padding:8px;color:#909090;font-size:15px;padding-top:12px;padding-bottom:12px;line-height:25px;min-height:80px;} } @media only screen and (max-width: 479px) { .gs-bk004-xx-nr p{background:#ffffff;padding:8px;color:#909090;font-size:15px;padding-top:12px;padding-bottom:5px;line-height:25px;min-height:35px;} } .gs-bk004-h-bg{background:#ffffff;color:#909090;font-size:15px;padding-top:10px;padding-bottom:10px;line-height:25px;} /* 微鲸制造 */ /* 公司简介 底部 链接按钮 */ .gs-bk05-top{margin-top:60px;} .gs-bk05-btn-foot-fa{background: linear-gradient(to bottom right, #ff8450, #e09e3c); border-radius:0;} .gs-bk05-btn-gs{padding-top:15px;padding-bottom:15px;padding-left:25px;padding-right:25px;font-size:18px;} .gs-bk05-btn-foot-fa:hover{background: linear-gradient(to bottom right, #ff8450, #e09e3c); } /* 公司简介 底部 链接按钮 */ /*body pro wenzi top*/ .bd-pro-wz-top{position:relative;z-index:9999;} /*body pro wenzi top*/ .sy-anli-img{max-height:90px;} /*banner二次图片设置*/ /*< 小于*/ @media only screen and (max-width: 1450px) { .yinchang{display: none;} } @media only screen and (max-width: 1250px) { .yinchang1250{display: none;} } /*>1450*/ @media screen and (min-width:1451px){ .yinchang1450{display: none;} } /*1250*/ @media screen and (min-width:1251px){ .ycdayu1250{display: none;} } /*banner二次图片设置*/ /* 响应式样式开始,重置宽度 */ @media (min-width:1410px) { .container { max-width: 1320px; width: 1320px; } } @media (min-width:1570px) { .container { max-width: 1320px; width: 1320px; } } @media (min-width:1890px) { .container { max-width: 1320px; width: 1320px; } /* 响应式样式开始,重置宽度 */