@charset "utf-8"; @import "../iconfont/iconfont.css"; /* CSS Document */ html {font-size: 62.5%; font-size: 10px;} @media (max-width: 1440px) { html { font-size: calc(10 * 100vw / 1440); } } @media (max-width: 1000px) { html { font-size: calc(10 * 100vw / 368); } } body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #666; font: 14px/1 "Arial", "微软雅黑"; margin: 0; padding: 0; overflow: hidden; } body,html{ scroll-behavior: smooth; } h1, h2, h3, h4, h5, h6 { font-size: 14px; padding: 0; margin: 0; } ul, ol, li, dl, dt, dd { list-style: none; text-decoration: none; height: auto; padding: 0; margin: 0; } address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */ small { font-size: 14px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */ abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; } q:before, q:after { content: ''; } p { margin: 0; padding: 0; } /* 重置表单元素 */ legend { color: #424242; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车:让链接里的 img 无边框 */ /* 注:optgroup 无法扶正 */ button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ } input[type="text"],input[type="hidden"],input[type="button"],input[type="radio"],input[type="submit"],input[type="checkbox"],input[type="password"],button,textarea,select{outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;} /* 重置表格元素 */ /* 重置 hr */ hr { border: none; height: 1px; } /* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */ :hover { text-decoration: none !important;} html { overflow-y: scroll; } :link { text-decoration: none; color: #424242; } :visited { text-decoration: none; color: #424242;} .fl { float:left;} .fr { float:right;} [data-mfp-src], .btn-img-popup { cursor: -webkit-zoom-in; cursor: zoom-in; } a{text-decoration:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;} img,.menu span,.header-right,.header,.header-code:before,.header-code span,.header-code p,.header-lang,.search,.search form,.search-close,.header-right ul li.icon span:before,.header-right ul li.icon span:after,.header-search:before,.header-search:after,.subs,.subs-item .em:before,.subs-item p i a:before,.subs-item p i a:after,.navs,.navs-li,.navs-li:before,.navs-li p,.navs-li em:before,.navs-li em:after,.navs-form form,.sub-nav,.footer-1right ul li,.footer-1right ul li img,.menu-item:before,.right-phone,.right-wx,.banner-detail span:before,.banner-detail span:after,.banner-more,.habout-1more span,.habout-1more span:before,.habout-1more span:after,.habout-item,.habout-item samp img,.habout-item span,.happ-bg span,.happ-more span,.happ-more span:before,.happ-more span:after,.happ-item,.happ-item:before,.happ-item samp,.happ-item span,.hpro-right img,.hpro-button .swiper-button-prev:before,.hpro-button .swiper-button-prev:after,.hpro-button .swiper-button-next:before,.hpro-button .swiper-button-next:after,.hpro-title span,.hpro-nav p samp,.hpro-nav p samp:before,.hpro-nav p samp:after,.hpro-nav span,.hpro-nav em:before,.hpro-nav em:after,.hpro-bottom .swiper-button-prev,.hpro-bottom .swiper-button-next,.hnews-left,.hnews-cont .h4,.hnews-info,.hnews-left em,.hnews-left .swiper-pagination span,.hnews-model,.hnews-model:before,.hnews-model span,.hnews-model p,.hnews-model em,.bread-nav ul li a:before,.news-input,.news-right span,.news-item:after,.news-model span,.detail-page span,.vd-1 span,.about-3item,.about-3item:before,.about-5 ul li,.about-5pannel .swiper-button-prev,.about-5pannel .swiper-button-next,.join-item samp:before,.join-center,.contact-2item:before,.contact-2cont,.contact-3item,.contact-3item span,.contact-3item p,.join-2right span,.zx-nav span,.zx-2item,.zx-2left span,.zx-2left em,.zx-2left em:before,.zx-2left em:after,.zp-5,.zp-5 input,.solve-nav ul li,.solve-nav ul li samp img,.solve-2more em,.solve-2more em:before,.solve-2more em:after,.solve-3content .swiper-slide,.solve-3content .swiper-button-prev,.solve-3content .swiper-button-next,.solve-4right em,.solve-5 ul li,.solve-6 ul li,.solve-6 ul li:before,.solve-7pannel ul li,.solve-7pannel ul li span,.solve-7pannel ul li em,.pro-title,.pro-title span,.pro-title span:before,.pro-title em:before,.pro-title em:after,.pro-item span,.pro-item em:before,.pro-item em:after,.pro-model ul li,.pro-li p,.pro-li p span,.pro-1nav .swiper-slide,.pro-1nav .swiper-button-prev,.pro-1nav .swiper-button-next,.pro-2 ul li,.pro-2 ul li:before,/*.pro-3pannel,*/.pro-3small samp,.pro-3small samp:before,.pro-3small .pro-3res span,.pro-3small .pro-3res em,.pro-3rel span,.pro-3rel .swiper-button-prev,.pro-3rel .swiper-button-next,.pro-3item samp em,.pro-3video .swiper-button-prev,.pro-3video .swiper-button-next,.down-1icon,.down-1icon samp img,.down-1icon span,.down-2content ul li,.down-2content ul li span,.down-2content ul li em,.down-3content .swiper-slide,.down-3item samp em,.down-3item span,.down-3content .swiper-button-prev,.down-3content .swiper-button-next,.down-4 .txt5,.down-4 textarea,.down-4bt input,.tz-2 ul li,.tz-2item,.tz-2left:before,.tz-2left span,.tz-2left em,.tz-2right span,.tz-2right em,.tz-3item,.tz-3item samp img,.tz-3item span,.server-1left ul li,.server-1bg span,.server-1icon samp:before,.server-1icon samp:after,.server-1icon span,.server-3 ul li,.server-3 ul li span,.server-3 ul li em,.server-3more,.server-4 ul li,.server-4 ul li:after,.server-4 ul li span,.server-4item span,.server-4more,.pro-3li,.pro-3li span,.pro-3li em,.zx-close,.zx-g select,.zx-g .txt5,.zx-g textarea,.zx-bt input{-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} /*swiper*/ .swiper-container{width:100%;height:100%;} .swiper-slide{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;height:auto;} .swiper-button-prev,.swiper-button-next{background:none;} .swiper-button-prev::after,.swiper-button-next::after{content:"";} .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated.hinge{-webkit-animation-duration:3s;animation-duration:3s;} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;} @media (max-width:767px) { .hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none !important } } @media (min-width:1200px) { .hidden-lg { display: none !important; } } @media (max-width: 991px) { .container {padding: 0 15px;} } @media (min-width: 1200px) { .container {max-width: 98%; } } @media (min-width: 1300px) { .container {max-width: 96%; } } @media (min-width: 1400px) { .container {max-width: 95%; } } @media (min-width: 1600px) { .container {max-width: 1600px; } } /*======================公用样式=======================*/ .wrap { width: 100%; } /*header*/ .header{width:100%;height: 82px;position:fixed;left:0px;top:0px;z-index:1000;padding: 0px 40px;box-sizing:border-box;} .header .logo{float:left;width:220px;height:100%;overflow:hidden;position:relative;} @media (max-width:1400px) { .header .logo{width:200px;} } .header .logo a{width:100%;height:100%;display:block;overflow:hidden;} .header .logo img{width:100%;height:auto;position:absolute;left:0px;top:50%;transform:translateY(-50%);} .header .logo img:last-child{opacity:0;} .header-code{float:left;width:auto;overflow:hidden;color:#fff;margin: 27px 0px 0px 20px;padding-left:20px;position:relative;} .header-code:before{width:1px;height:100%;content:"";position:absolute;left:0px;top:0px;background:rgba(255,255,255,0.2);} .header-code span{width:100%;overflow:hidden;display:block;font-size: 15px;margin-bottom: 8px;} .header-code p{width:100%;overflow:hidden;display:block;font-size: 15px;} .header-lang{float:left;width:68px;height:20px;box-sizing:border-box;margin-left:30px;border-radius:10px;border:1px rgba(255,255,255,0.2) solid;overflow:hidden;margin-top:calc((100px - 20px)/2);} .header-lang span{float:left;width:50%;height:100%;text-align:center;line-height:17px;} .header-lang span a{color:#fff;font-size:12px;font-family:"arial";} .header-lang span.active{background:#c62630;} .header-lang span.active a{color:#fff;} .header-right{float:right;width:auto;height:100%;} .search{width:100%;height:100%;position:fixed;left:0px;top:0px;background:rgba(0,0,0,0.6);z-index:500;opacity:0;visibility:hidden;} .search form{width:80%;height:60px;line-height:60px;margin:100px auto 0px;background:#fff;position:relative;transform:translateY(-100px);} .search form .txt{width:100%;height:100%; border: 0; overflow:hidden;display:block;box-sizing:border-box;padding:0px 20px 0px 60px;} .search form .bt{width:50px;height:100%; border: 0; overflow:hidden;display:block;position:absolute;left:0px;top:0px;background:url("../images/icon-2-2.png") no-repeat center;cursor:pointer;} .search-close{width:60px;height:100%;position:absolute;right:0px;top:0px;cursor:pointer;background:url("../images/close.png") no-repeat center;} .search-close:hover{transform:rotate(180deg);} .search.search-active{opacity:1;visibility:visible;} .search.search-active form{transform:translateY(0px);} .header-right ul{float:left;width:auto;height:100%;} .header-right ul li{float:left;width:auto;height:100%;margin-left:3.5vw;position:relative;} .header-right ul li:nth-child(3){position:static;} .header-right ul li span em {float: left; margin-right: 7px;} .header-right ul li span {float:left;width:auto;line-height: 82px;position:relative;} .header-right ul li.icon span:before{width:8px;height: 82px;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-1.png") no-repeat right center;} .header-right ul li.icon span:after{width:8px;height:82px;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-1-1.png") no-repeat right center;opacity:0;} .header-right ul li span a{font-size:16px;color:#fff;} @media (min-width: 992px) and (max-width: 1199.98px) { .header-code{display:none} .header-right ul li span a{font-size:14px} .header-right ul li {margin-left:1.2vw;} } @media (min-width: 1200px) and (max-width: 1399.98px) { .header-right ul li span a{font-size:15px} .header-right ul li {margin-left: 1.5vw;} } @media (min-width: 1400px) and (max-width: 1599.98px) { .header-right ul li {margin-left:2vw;} } .header-right ul li.icon span{padding-right:14px;} .header-right ul li.icon.on span:before,.header-right ul li.icon:hover span:before{opacity:0;} .header-right ul li.icon.on span:after,.header-right ul li.icon:hover span:after{opacity:1;} .header-search{float:left;width:18px;height:22px;overflow:hidden;cursor:pointer;margin-left:20px;border-left:1px rgba(255,255,255,0.2) solid;padding-left:32px;position:relative;margin-top:calc((100px - 38px)/2);} .header-search:before{width:18px;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-2.png") no-repeat center;} .header-search:after{width:18px;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-2-1.png") no-repeat center;opacity:0;} .subs{width:100%;overflow:hidden;background:#fff;box-shadow:0px 4px 12px 5px rgba(0,0,0,0.02);position:absolute;left:0px;top:82px;z-index:123;border-top:1px #ddd solid;padding-bottom:20px;opacity:0;visibility:hidden;transform:scale(0);transform-origin:top;} .subs-center{width:88.02%;overflow:hidden;margin:20px auto 0px;display:flex;justify-content:center;} @media (max-width:1300px) { .subs-center {width: 95%;} } .subs-item{width:auto;overflow:hidden;position:relative;padding: 0 1.4vw;} @media (min-width: 992px) and (max-width: 1199.98px) { .subs-item{padding: 0 0.7vw;} } .subs-item:before{width:1px;height:200px;content:"";position:absolute;right:0px;top:0px;background:#ebebeb;} .subs-item:first-child{padding-left:0px;} .subs-item:last-child{padding-right:0px;} .subs-item:last-child:before{display:none;} .subs-item .em{width:100%;display:block;overflow:hidden;font-size:14px;color:#009d9d;white-space:pre;position:relative;} .subs-item .em a{float:left;width:auto;color:#009d9d;font-weight:bold;} /*.subs-item .em a:hover{transform:translateX(5px);}*/ .subs-item p{width:100%;overflow:hidden;margin-top:10px;} .subs-item p i{width:100%;display:block;overflow:hidden;line-height:30px;font-style:normal;} .subs-item p i a{float:left;width:auto;overflow:hidden;font-size:12px;color:#333;position:relative;padding-right:12px;} @media (max-width:1280px) { .subs-item p i a {padding-right: 10px;} } .subs-item p i a:before{width:7px;height:7px;content:"";position:absolute;right:0px;top:12px;background:url("../images/icon-1-2.png") no-repeat center;background-size:100%;transform:rotate(-90deg);opacity:1;} .subs-item p i a:after{width:7px;height:7px;content:"";position:absolute;right:0px;top:12px;background:url("../images/icon-1-1.png") no-repeat center;background-size:100%;transform:rotate(-90deg);opacity:0;} .subs-item p i:hover a{color:#009d9d;} .subs-item p i:hover a:before{opacity:0;} .subs-item p i:hover a:after{opacity:1;} .header-right ul li.active .subs{opacity:1;visibility:visible;transform:scale(1);} .navs{width:80%;position:absolute;left:10%;top:100px;background:#fff;z-index:123;height:640px;box-shadow:0px 4px 12px 5px rgba(0,0,0,0.02);opacity:0;visibility:hidden;transform:scale(0);transform-origin:top;} .navs-left{float:left;width:450px;overflow:hidden;height:100%;background:url("../images/bg-5.jpg") no-repeat;background-size:cover;} .navs-ul{width:80%;overflow:hidden;margin:30px auto 0px;} .navs-li{float:left;width:100%;overflow:hidden;height:60px;line-height:60px;margin-top:30px;cursor:pointer;} .navs-li a{width:100%;height:100%;display:block;overflow:hidden;display:flex;justify-content:space-between;align-items:center;} .navs-li p{float:left;width:auto;height:100%;font-size:18px;color:#fff;margin-left:20px;} .navs-li em{float:right;width:40px;height:40px;overflow:hidden;position:relative;} .navs-li em:before{width:100%;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-5.png") no-repeat center;opacity:1;} .navs-li em:after{width:100%;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-5-2.png") no-repeat center;opacity:0;} .navs-li.active{background:#fff;} .navs-li.active p{color:#333;} .navs-li.active em:before{opacity:0;} .navs-li.active em:after{opacity:1;} .navs-right{float:right;width:calc(100% - 450px);overflow:hidden;} .navs-form{width:86%;overflow:hidden;margin:60px auto 0px;} .navs-form form{float:left;width:40%;overflow:hidden;border:1px #ddd solid;height:50px;line-height:50px;position:relative;} .navs-form .txt6{float:left;width:100%;height:100%;overflow:hidden;padding:0px 60px 0px 20px;box-sizing:border-box;font-size:14px;outline-color:#666;} .navs-form .bt6{width:50px;height:50px;overflow:hidden;position:absolute;right:0px;top:0px;z-index:12;background:url("../images/icon-2-2.png") no-repeat center;cursor:pointer;} .navs-form form:hover{border-color:#2057c7;} .navs-form p{float:left;width:auto;line-height:50px;} .navs-form p a{float:left;width:auto;height:30px;line-height:30px;overflow:hidden;margin:10px 0px 0px 30px;padding:0px 15px;border-radius:15px;font-family:14px;color:#fff;background:#2057c7;} .navs-form p a:hover{transform:translateX(5px);} .navs-model{width:86%;overflow:hidden;margin:10px auto 0px;height:500px;position:relative;} .navs-pannel{width:100%;height:100%;overflow-y:auto;display:none;box-sizing:border-box;overflow-x:hidden;} .navs-pannel.active{display:block;} .navs-pannel h4{float:left;width:100%;overflow:hidden;border-bottom:1px #eee solid;font-size:18px;color:#333;padding-left:25px;position:relative;padding-bottom:10px;margin-top:40px;} .navs-pannel h4:before{width:8px;height:8px;content:"";position:absolute;left:0px;top:8px;border-radius:50%;background:#2057c7;} .navs-list{width:100%;overflow:hidden;box-sizing:border-box;padding:0px 25px;} .nav-item{float:left;width:100%;overflow:hidden;font-size:16px;color:#666;line-height:24px;margin-top:10px;} .nav-item a{color:#666;} .nav-item a:hover{color:#2057c7;} .header-right ul li.active .navs{opacity:1;visibility:visible;transform:scale(1);} .sub-nav{width:auto;background:#fff;position:absolute;left:50%;top:82px;padding:10px 0px;min-width:150px;opacity:0;visibility:hidden;transform:translateX(-50%) scale(0);transform-origin:top;border-radius:0px 0px 4px 4px;box-shadow:0px 4px 12px 5px rgba(0,0,0,0.02);} .sub-nav p{width:100%;overflow:hidden;line-height:36px;} .sub-nav p a{font-size:13px;color:#222;word-break:keep-all;text-align:center;width:100%;display:block;padding:0px 15px;box-sizing:border-box;} .sub-nav p a:hover{background:#009d9d;color:#fff;} .header-right ul li.active .sub-nav{opacity:1;visibility:visible;transform:translateX(-50%) scale(1);} .header-active,.header-on{background:#fff;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.02);} .header-active .logo img,.header-on .logo img{opacity:0;} .header-active .logo img:last-child,.header-on .logo img:last-child{opacity:1;} .header-active .header-code:before,.header-on .header-code:before{background:#e5e5e5;} .header-active .header-code span,.header-on .header-code span{color:#55585a;} .header-active .header-code p,.header-on .header-code p{color:#55585a;} .header-active .header-lang,.header-on .header-lang{border-color:#009d9d;} .header-active .header-lang span a,.header-on .header-lang span a{color:#666;} .header-active .header-lang span.active a,.header-on .header-lang span.active a{color:#fff;} .header-active .header-right ul li span a,.header-on .header-right ul li span a{color:#666;} .header-active .header-right ul li.icon span:before,.header-on .header-right ul li.icon span:before{background-image:url("../images/icon-1-2.png");} .header-active .header-search,.header-on .header-search{border-left-color:#ccc;} .header-active .header-search:before,.header-on .header-search:before{opacity:0;} .header-active .header-search:after,.header-on .header-search:after{opacity:1;} @media screen and (max-width:1000px){/*header*/ .header{height:50px;padding:0px 5%;background:#fff;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.04);} .header .logo{width:130px;} .header .logo img{opacity:0;} .header .logo img:last-child{opacity:1;} .header-code{margin:8px 0px 0px 12px;padding-left:12px;} .header-code:before{background:#e5e5e5;} .header-code span{font-size:12px;color:#999;} .header-code p{font-size:14px;color:#222;} .header-lang{width:60px;margin-left:15px;margin-top:calc((50px - 20px)/2);border-color:#c62630;} .header-lang span a{color:#666;} .header-right{float:none;width:100%;position:fixed;left:-100%;top:50px;height:calc(100% - 50px);background:#fff;z-index:1000;border-top:1px #eee solid;box-sizing:border-box;overflow-y:auto;opacity:1;} .search{width:80%;height:auto;position:relative;background:none;opacity:1;visibility:visible;margin:20px auto 0px;} .search form{width:100%;height:40px;line-height:40px;margin:0px auto 0px;transform:translateY(0px);border:1px #eee solid;border-radius:20px;box-sizing:border-box;} .search form .txt{float:left;background:none;padding:0px;padding-left:20px;} .search form .bt{width:40px;left:auto;right:0px;} .search-close{display:none;} .header-right ul{float:none;width:80%;height:auto;margin:30px auto 0px;border-top:1px #eee solid;} .header-right ul li{width:100%;height:auto;margin-left:0px;border-bottom:1px #eee solid;} .header-right ul li em{width:50px;height:50px;position:absolute;right:0px;top:0px;z-index:12;background:url("../images/icon-24.png") no-repeat center;background-size:12px;transform:rotate(90deg);cursor:pointer;} .header-right ul li span{width:100%;line-height:50px;} .header-right ul li span em {display: none;} .header-right ul li.icon span:before,.header-right ul li.icon span:after{display:none;} .header-right ul li span a{font-size:14px;color:#333;} .header-right ul li.icon span{padding-right:0px;} .header-right ul li.on span a{color:#009d9d;} .header-right ul li.open em{transform:rotate(180deg);} .header-search{display:none;} .sub-nav{float:left;width:98%;position:relative;left:0%;top:0px;padding:0px;opacity:1;visibility:visible;transform:translateX(0%) scale(1);border-radius:2px;margin:0px 1% 4%;display:none;-webkit-transition:all 0s linear 0s;-moz-transition:all 0s linear 0s;-ms-transition:all 0s linear 0s;-o-transition:all 0s linear 0s;transition:all 0s linear 0s;} .sub-nav p{line-height:30px;padding:10px 0px;} .sub-nav p a{text-align:left;box-sizing:border-box;padding:0px 20px;} .header-right ul li:nth-child(3){position:relative;} .navs{float:left;width:98%;position:relative;left:0%;top:0px;height:auto;opacity:1;visibility:visible;transform:scale(1);border-radius:2px;margin:0px 1% 4%;display:none;-webkit-transition:all 0s linear 0s;-moz-transition:all 0s linear 0s;-ms-transition:all 0s linear 0s;-o-transition:all 0s linear 0s;transition:all 0s linear 0s;} .navs-left{width:100%;height:auto;background:none;} .navs-ul{width:100%;margin:0px auto 0px;line-height:30px;padding:10px 0px;} .navs-li{line-height:30px;height:30px;margin-top:0px;box-sizing:border-box;padding:0px 20px;position:relative;} .navs-li:before{width:0%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:2;background:#009d9d;} .navs-li p{font-size:13px;margin-left:0px;color:#222;position:relative;z-index:12;} .navs-li em{display:none;} .navs-li:hover:before{width:100%;} .navs-li:hover p{color:#fff;} .navs-right{display:none;} .header-right ul li.active .navs{opacity:1;visibility:visible;transform:scale(1);} .subs{float:left;width:98%;position:relative;left:0%;top:0px;height:auto;opacity:1;visibility:visible;transform:scale(1);border-radius:2px;margin:0px 1% 4%;display:none;-webkit-transition:all 0s linear 0s;-moz-transition:all 0s linear 0s;-ms-transition:all 0s linear 0s;-o-transition:all 0s linear 0s;transition:all 0s linear 0s;border:none;padding-bottom:0px;} .subs-center{width:100%;margin:0px auto 0px;display:block;padding:10px 0px;} .subs-item{width:100%;padding:0px;} .subs-item:before{display:none;} .subs-item .em{line-height:30px;height:30px;margin-top:0px;box-sizing:border-box;padding:0px 20px;position:relative;} .subs-item .em:before{width:0%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:2;background:#009d9d;} .subs-item .em a{float:left;/*width:100%;*/color:#222;font-weight:normal;position:relative;z-index:22;font-size:13px;} .subs-item .em a:hover{transform:translateX(0px);color:#fff;} .subs-item .em:hover:before{width:100%;} .subs-item p{display:none;} .header-right ul li.active .subs{opacity:1;visibility:visible;transform:scale(1);} .menu{float:right;width:24px;display:block;position:relative;z-index:820;margin-top:10px;cursor:pointer;} .menu span{float:left;width:100%;height:2px;background:#009d9d;margin-top:6px;border-radius:2px;} .header-slide .menu{margin-top:15px;} .header-slide .menu span:nth-child(1){transform:rotate(45deg) translateY(5px);} .header-slide .menu span:nth-child(2){transform:rotate(-45deg) translateY(-6px);} .header-slide .menu span:nth-child(3){display:none;} .header-slide .header-right{left:0px;opacity:1;} } /*底部*/ .foot { width: 100%; overflow: hidden; background:#eee;} .foot-line {width: 100%; height: 12px; background: linear-gradient(to right, #db8522, #108787);} .foot-main-1 {padding: 20px 0;border-bottom: 1px solid #d2d2d2;overflow: hidden;} .foot-main-1 .foot-logo {width: 50%; float: left;} .foot-main-1 .er {width: 50%; float: left;} .foot-main-1 .er .pic {float: right;} .foot-main-1 .er .pic img {float: left; margin-left:13px; display: block;} .foot-con {padding: 20px 0;overflow: hidden;} .foot-con .foot-nav {width: 78%; float: left;} .foot-con .foot-nav .con {float: left; width: auto; overflow: hidden; margin-right: 4vw;} @media (max-width:1400px) { .foot-con .foot-nav .con {margin-right: 3vw;} } @media (max-width:1300px) { .foot-con .foot-nav .con {margin-right: 2vw;} } .foot-con .foot-nav .con .tit {width: 100%;overflow: hidden;font-size: 18px;color: #333;position: relative;padding-bottom: 20px;} .foot-con .foot-nav .con .tit:before {width:18px; height:2px; content:""; position:absolute; left:0px; bottom:0px; background:#17afb0;} .foot-con .foot-nav .con ul {width:100%; overflow:hidden; margin-top:16px;} .foot-con .foot-nav .con ul li {width:100%;overflow:hidden;line-height: 30px;} .foot-con .foot-nav .con ul li a{font-size:14px; color:#6b6b6b;} .foot-con .foot-nav .con ul li a:hover{color:#17afb0;} .foot-con .foot-nav .con .foot-nav-2 {width:100%; overflow:hidden;} .foot-con .foot-nav .con .foot-nav-2 ul {float:left; width:auto;} .foot-con .foot-nav .con .foot-nav-2 ul:first-child {margin-right:20px;} .foot-con .foot-lx {width: 22%; float: left;} .foot-con .foot-lx .t-1 {font-size: 18px;color: #333;padding-bottom: 10px;} .foot-con .foot-lx .t-2 {font-size: 40px; color: #00a8a8; padding-bottom: 10px;} .foot-con .foot-lx span {display: block;line-height: 30px;color: #6c6c6c;} .foot-con .foot-lx span a {color:#6c6c6c;} .foot-con .foot-lx span i {color:#00a8a8; margin-right: 10px; font-size: 16px;} .foot-con .foot-lx span .fa-map-marker{margin-right: 16px;} .foot-link {width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;color: #4c4c4c;} .foot-link a {color: #888;margin-right: 15px;} .foot-link a:hover {color:#17afb0;} .foot-copy {color: #888;line-height: 60px;font-size: 13px;border-top:1px solid #d2d2d2;overflow: hidden;} .foot-copy a {color: #888;} .foot-copy span {display: block; float: left;} .foot-copy em {display: block; float: right;} .foot-link .tab-up .switch-item a.active{color:#17afb0;} @media (max-width:1080px) { .foot-con {padding: 30px 0;} .foot-main-1 {display: none;} .foot-main-1 .foot-logo {width: 100%; float: none;} .foot-main-1 .foot-logo img {width: 100%;} .foot-main-1 .er {display: none;} .foot-con .foot-nav {display: none;} .foot-con .foot-lx {width: 100%; float: none;} .foot-con .foot-lx .t-1 {font-size: 16px; padding-bottom: 15px;} .foot-con .foot-lx .t-2 {font-size: 22px; padding-bottom: 10px;} .foot-con .foot-lx span {font-size: 12px; line-height: 22px;} .foot-link {display: none;} .foot-copy {font-size: 12px; line-height: 25px; padding: 20px 0;} .foot-copy em {display: none;} } .ban {position: relative;} .ban-pc {display: block;margin-top: 82px;} .ban-pc .swiper-slide { /* 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; } .ban-pc .swiper-slide img {display: block; max-width: 100%; max-height: 100%; margin:0 auto;} .ban-pc .info {width: 100%; overflow: hidden; position: absolute; top: 25%; left: 0; z-index: 2;} .ban-pc .info .t-1 {width: 35%; line-height: 56px; font-size: 44px; font-weight:bold; color: #2e364b;} .ban-pc .info p {display: block; width: 45%; margin-top: 2%; line-height: 24px; font-size: 16px;} .ban-pc .info .link {width: 200px; border-radius: 25px; margin-top: 3%; padding: 0 26px; background: #fff; line-height: 50px;} .ban-pc .info .link a {color: #3073ff; font-size: 16px;} .ban-pc .info .link a i {margin-left: 30px;} .ban-pc .info .link:hover {background: #3073ff;} .ban-pc .info .link:hover a {color: #fff;} .ban-mobile {display: none;} .ban-mobile img {width: 100%; height: auto;} .ban .swiper-pagination-bullet { position: relative; width: 7px; height: 7px; border-radius: 7px; background: #0da6a5; margin-right: 8px; opacity: 1; } .ban .swiper-pagination-bullet:before { content: ""; top: 0; left: 0; position: absolute; width: 0; height: 100%; border-radius: 7px } .ban .swiper-pagination-bullet-active { width: 40px; border-radius: 7px } .ban .swiper-pagination-bullet-active:before { -webkit-transition: width 4s; transition: width 4s; content: ""; top: 0; border-radius: 2px; left: 0; position: absolute; width: 100%; height: 100%; background: linear-gradient(149deg,var(--theme-gradient1),var(--theme-gradient2)) } .ban .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:10%!important;} @media (max-width: 991px) { .ban-pc {display: none;} .ban-mobile {display: block; margin-top: 50px;} .ban .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:6%!important;} } .txt-center {text-align: center;} .index-tit {width: 100%; overflow: hidden;} .index-tit span {display: block; color: #17afb0; margin-bottom: 13px; text-transform: uppercase; font-weight: bold;} .index-tit h2 {display: block;font-size: 50px;color: #333;} @media (max-width: 991px) { .index-tit span {font-size: 16px;} .index-tit h2 {font-size:24px;} } /*首页*/ .index-box-1 {padding: 85px 0 75px 0; overflow: hidden;} .index-box-1 .main {margin: 45px auto 0;} .index-box-1 .main .con { border-radius: 5px; border-bottom: 4px solid #fff; padding: 40px 30px 40px 30px; box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.1); margin-bottom: 30px; background: url("../images/index-box-1-conbg.png") no-repeat top right #fff; display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;box-pack:center;text-align:center; position: relative;} .index-box-1 .main .con:hover {border-bottom: 4px solid #009d9d;} .index-box-1 .main .con:hover .icon {background: #009d9d; border-radius: 40px;} .index-box-1 .main .con:hover .ic {transform:translateX(0);filter:none} .index-box-1 .main .con span {display:block;} .index-box-1 .main .con .t-1 {/*margin-top: 29px;*/font-size: 28px;text-align: left;position: absolute;top: 66px;left: 40%;} .index-box-1 .main .con .t-2 {margin-top: 19px; line-height: 27px; font-size: 15px;text-align: left;} .index-box-1 .main .con a .t-1 {color: #222;} .index-box-1 .main .con a .t-2 {color: #767575; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .index-box-1 .main .icon {width:80px;height:80px;display:block;position:relative;overflow:hidden; background: #f2f2f2; border-radius: 40px;} .index-box-1 .main .icon .ic {width:100%;height:100%;position:absolute;left:0;top:0;background-repeat: no-repeat; background-position: center; background-size: contain;transform:translateX(-100%);-webkit-filter:drop-shadow(80px 0 0 #363636);filter:drop-shadow(80px 0 0 #363636)} @media (max-width: 991px) { .index-box-1 {padding: 40px 0;} .index-box-1 .main {margin: 30px auto 0;} .index-box-1 .main .con {margin-bottom: 20px; padding: 30px 20px 40px 20px;} .index-box-1 .main .con .t-1 {font-size: 22px;top: 60px;left: 45%;} } .index-box-2 {width: 100%; padding: 84px 0 100px 0; overflow: hidden; background: url("../images/index-box-2bg.jpg") no-repeat top center #f0f0f0;} .index-box-2 .main {margin-top: 50px;} .index-box-2 .main-fl {width: 55%; float: left;} .index-box-2 .main-fl .txt {margin-bottom: 20px; line-height: 32px; font-size: 16px; color: #6c6c6c;} .index-box-2 .main-fl .txt span {display: block; font-size: 36px; color: #242424; line-height: 68px; margin-bottom: 4px;} .index-box-2 .main-fl .txt p{margin-bottom: 20px;} .index-box-2 .main-fl .more {width: 160px; line-height: 48px; border-radius: 24px; background: #009d9d; text-align: center; margin-bottom: 50px;} .index-box-2 .main-fl .more a {font-size: 16px; color: #fff; display: block;} .index-box-2 .datas {text-align:center;} .index-box-2 .datas li {} .index-box-2 .datas .valbox {position: relative; display: inline-block; margin-bottom: 20px; z-index: 1;} .index-box-2 .datas .val { font-size: 50px; color: #009d9d; font-family: medium; line-height: 1;font-weight: bold;} .index-box-2 .datas .val sup {font-size: 16px; top: -30px;} .index-box-2 .datas .tit {font-size:16px; color: #666; } .index-box-2 .main-fr {width: 45%; float: left;} .index-box-2 .main-fr .video {overflow:hidden;position:relative;} .index-box-2 .main-fr .video:before{content:"";position:absolute;left:0px;top:0px;background:rgba(34,34,34,0.3);z-index:1;} .index-box-2 .main-fr .video img {object-fit:cover;float: right;} @media (max-width: 1280px) { .index-box-2 .main-fr .video img {width: 100%;} } .index-box-2 .main-fr .video span{width:75px;height:75px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("../images/icon-42.png") no-repeat center;background-size:100%;z-index:12;} @media (max-width: 991px) { .index-box-2 {padding: 40px 0;} .index-box-2 .main {margin-top: 20px;} .index-box-2 .main-fl {width: 100%; float: none;} .index-box-2 .main-fl .more {margin-bottom: 35px;} .index-box-2 .main-fl .txt {margin-bottom: 20px;line-height: 28px;font-size: 15px;} .index-box-2 .main-fl .txt span {font-size: 20px; color: #242424; line-height:40px;} .index-box-2 .main-fr {width: 100%; float: none;} .index-box-2 .main-fr .video img {width: 100%;} .index-box-2 .datas .col-lg-3 {width: 50%;} .index-box-2 .datas li {margin-bottom: 20px;} .index-box-2 .datas .val {font-size: 30px;} .index-box-2 .datas .val sup {font-size: 16px; top: -16px;} .index-box-2 .datas .valbox {margin-bottom: 20px;} .index-box-2 .datas .tit {font-size: 15px;} } /*home-product*/ .hpro{width:100%; overflow:hidden;} .hpro-top{width:100%;overflow:hidden;position:relative; } .hpro-top .swiper-slide{display:block;} .hpro-left {float:left;width:37%;overflow:hidden; margin-top: 90px; background: url("../images/hpro-leftbg.jpg") no-repeat top left;} .hpro-left .h3 {font-size: 50px;color:#009d9d;margin-top: 55px;padding-bottom:45px;} .hpro-left .h3 a {color:#009d9d;} .hpro-ul {overflow:hidden;} .hpro-li{float:left; overflow:hidden;box-sizing:border-box;margin:0px 10px 10px 10px; position: relative; } .hpro-li:before {width: 100%; content:"";position: absolute; bottom: 0; left: 0;border-bottom: 2px solid #009d9d;} .hpro-li a{font-size:16px;color:#4e4e4e;line-height:32px;/* font-weight:bold; */} .hpro-li a:hover{color:#009d9d;} .hpro-txt {margin-top: 18px; overflow: hidden; font-size: 16px; line-height: 30px; color: #777;} .hpro-subname{float:left;width:100%;overflow:hidden;font-size:18px;margin-top:16px;font-weight:bold;} .hpro-info{float:left;width:100%;overflow:hidden;line-height:26px;font-size:16px;color:#222;margin-top:6px !important;} .hpro-left ul{width:90%;overflow:hidden;margin-top:57px;} .hpro-left ul li{width:auto;overflow:hidden;float: left; margin-right: 30px;} .hpro-left ul li samp{width:58px;height:58px;display:block;margin:0px auto;box-sizing:border-box;overflow:hidden;} .hpro-left ul li span{width:100%;display:block;overflow:hidden;margin:15px 0 0 0;text-align:center;font-size:22px;color:#333;} .hpro-right{float:right;width:53.25%;overflow:hidden;background:url("../images/hpro-rightbg.jpg") no-repeat top right;text-align:center;transform:translateX(-3vw);background-size:100%;} .hpro-right img{height:auto;margin-top:12%;} .hpro-right:hover img{transform:scale(1.05);} .hpro-top .swiper-slide-active .hpro-left .h3{animation:updown 0.6s ease 1;animation-fill-mode:forwards;} .hpro-top .swiper-slide-active .hpro-left .hpro-info{animation:updown 0.6s ease 0.1s 1;animation-fill-mode:forwards;} .hpro-top .swiper-slide-active .hpro-left ul{animation:updown 0.6s ease 0.2s 1;animation-fill-mode:forwards;} .hpro-top .swiper-slide-active .hpro-right img{opacity:1;} .hpro-button{width:240px;position:absolute;right:0px;top:0px;z-index:12;} .hpro-button .swiper-button-prev{width:22px;height:12px;left:0px;top:0px;margin:0px;} .hpro-button .swiper-button-prev:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-24.png") no-repeat center;} .hpro-button .swiper-button-prev:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-25.png") no-repeat center;transform:rotate(180deg);opacity:0;} .hpro-button .swiper-button-prev:hover:before{opacity:0;} .hpro-button .swiper-button-prev:hover:after{opacity:1;} .hpro-button .swiper-button-next{width:22px;height:12px;right:auto;bottom:0px;top:50px;margin:0px;} .hpro-button .swiper-button-next:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-24.png") no-repeat center;transform:rotate(180deg);} .hpro-button .swiper-button-next:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-25.png") no-repeat center;transform:rotate(0deg);opacity:0;} .hpro-button .swiper-button-next:hover:before{opacity:0;} .hpro-button .swiper-button-next:hover:after{opacity:1;} .hpro-cont{float:right;width:calc(100% - 40px);overflow:hidden;position:relative;} .hpro-cont .swiper-pagination{width:100%;overflow:hidden;font-size:42px;color:#c62630;font-family:"dinreg";position:relative;text-align:left;} .hpro-title{width:100%;overflow:hidden;position:relative;margin-top:-10px;} .hpro-title span{float:left;width:100%;position:absolute;left:0px;top:0px;opacity:0;font-size:15px;color:#333;z-index:1;} .hpro-title span.active{position:relative;opacity:1;z-index:2;} .hpro-bottom{width:100%;overflow:hidden;margin-top:3vw; padding-bottom: 50px; position:relative;opacity:1;} .hpro-bottom .swiper-button-next:after, .hpro-bottom .swiper-button-prev:after {text-indent: -9999px;} .hpro-bottom .swiper-container{width:96%;overflow:hidden;margin:0px auto;position:relative;} .hpro-bottom .swiper-container:before{width:50%;height:1px;content:"";position:absolute;left:0px;top:26px;background:-webkit-linear-gradient(left,rgba(217,217,217,0),#d9d9d9 15%);background:-moz-linear-gradient(left,rgba(217,217,217,0),#d9d9d9 15%);background:-ms-linear-gradient(left,rgba(217,217,217,0),#d9d9d9 15%);background:-o-linear-gradient(left,rgba(217,217,217,0),#d9d9d9 15%);} .hpro-bottom .swiper-container:after{width:50%;height:1px;content:"";position:absolute;right:0px;top:26px;background:-webkit-linear-gradient(right,rgba(217,217,217,0),#d9d9d9 15%);background:-moz-linear-gradient(right,rgba(217,217,217,0),#d9d9d9 15%);background:-ms-linear-gradient(right,rgba(217,217,217,0),#d9d9d9 15%);background:-o-linear-gradient(right,rgba(217,217,217,0),#d9d9d9 15%);} .hpro-nav{width:100%;box-sizing:border-box;padding:0px 4%;cursor:pointer;} .hpro-nav p{width:54px;height:54px;display:block;margin:0px auto;position:relative;overflow:hidden;} .hpro-nav p samp{width:59%;height:59%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;border:1px #4abcbc dashed;border-radius:50%;} .hpro-nav p samp:before{width:50%;height:50%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#d4f1f1;} .hpro-nav p samp:after{width:23%;height:23%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#009d9d;} .hpro-nav span{width:100%;display:block;overflow:hidden;text-align:center;margin:10px auto 0px;font-size:16px;color:#333;} .hpro-nav em{width:100%;display:block;overflow:hidden;margin-top:8px;height:70px;position:relative;animation:ud 1s linear infinite alternate;} .hpro-nav em:before{width:100%;content:"";height:100%;position:absolute;left:0px;top:0px;background:url("../images/icon-40.png") no-repeat top center;} .hpro-nav em:after{width:100%;content:"";height:100%;position:absolute;left:0px;top:0px;background:url("../images/icon-39.png") no-repeat top center;opacity:0;} .hpro-bottom .swiper-slide.active .hpro-nav p samp{width:100%;height:100%;} .hpro-bottom .swiper-slide.active .hpro-nav p samp:before{width:60%;height:60%;} .hpro-bottom .swiper-slide.active .hpro-nav span{font-weight:bold;/* color: #17afb0; */} .hpro-bottom .swiper-slide.active .hpro-nav em:before{opacity:0;} .hpro-bottom .swiper-slide.active .hpro-nav em:after{opacity:1;} .hpro-bottom .swiper-button-prev{width:24px;height:24px;border-radius:50%;opacity:1;background:#e5e5e5 url("../images/icon-41.png") no-repeat center;left:0px;top:16px;margin:0px;pointer-events:auto;cursor:pointer;} .hpro-bottom .swiper-button-next{width:24px;height:24px;border-radius:50%;opacity:1;background:#e5e5e5 url("../images/icon-41.png") no-repeat center;right:0px;top:16px;margin:0px;transform:rotate(180deg);pointer-events:auto;cursor:pointer;} .hpro-bottom .swiper-button-prev:hover{background-color:#009d9d;} .hpro-bottom .swiper-button-next:hover{background-color:#009d9d;} .section.active .hpro-top{animation:updown 0.6s ease 0.7s 1;animation-fill-mode:forwards;} .section.active .hpro-bottom{animation:updown 0.6s ease 0.8s 1;animation-fill-mode:forwards;} @media (max-width: 991px) { .hpro{height:auto;padding:40px 0px;} .hpro .swiper-wrapper {max-height: 870px;} .hpro-center{width:90%;left:0px;top:0px;transform:translate(0px,0px);position:relative;margin:0px auto;} .hpro-left{width:100%; margin-top: 0;} .hpro-li a {font-weight: normal;font-size: 15px;} .hpro-left .h3{font-size: 24px;padding-bottom: 20px;} .hpro-txt {font-size: 14px; line-height: 26px;} .hpro-txt img {width: 60%;} .hpro-left ul {margin-top: 20px;} .hpro-left ul li span {font-size: 16px;margin: 10px 0 0 0;} .hpro-right{width:100%;margin-top:30px;transform:translateX(0px);} .hpro-right img {width: 100%;} .hpro-bottom {margin-top: 10px;} .hpro-nav span {font-size: 15px;} } .index-news {width: 100%; padding: 80px 0 70px 0; background: url("../images/index-newsbg.jpg") no-repeat center top #f1f1f1; overflow: hidden;} .index-news-top {width: 100%; overflow: hidden;} .index-news .tab-up {margin-top: 49px;position: relative;z-index: 2; float: right;} .index-news .nav {width: 100%; padding-right: 0;} .index-news .nav-tabs { border-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .index-news .switch-item { margin-left:50px; font-size:22px; float: left; cursor: pointer; transition: all 0.3s; } .index-news .switch-item a:hover {color: #17afb0;} .index-news .switch-item:hover,.index-news .switch-item:hover a {color: #17afb0;} .index-news .switch-item .active {display: block; padding-bottom: 12px; border-bottom: 2px solid #17afb0; color: #17afb0;} .index-news .switch-item a {display: block; } .index-news .tab-content {} .index-news-main {padding:45px 0 30px 0; overflow: hidden;} .index-news-main .top-new { overflow: hidden;} .index-news-main .top-new .img {overflow: hidden;} .index-news-main .top-new img {width: 100%; height: auto;} .index-news-main .top-new img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .index-news-main .top-new:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .index-news-main .top-new:hover .info .t-1 span a {color: #17afb0;} .index-news-main .top-new:hover .info .t-1 em {color: #17afb0;} .index-news-main .top-new .info {padding: 20px 30px;background: #fff;} .index-news-main .top-new .info .t-1 {margin-bottom: 10px;overflow: hidden;} .index-news-main .top-new .info .t-1 span {display: block;float: left;font-size: 22px;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .index-news-main .top-new .info .t-1 span a {color: #424242;} .index-news-main .top-new .info .t-1 em {display: block;float: right;font-size: 18px;line-height: 22px;color: #888;} .index-news-main .top-new .info .txt { font-size: 14px; line-height: 24px; color: #888; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .news_item{display: none;} .news_item:first-child,.news_item:nth-child(1){display:block;} .index-news-main .new-list {background: #fff;padding: 4px 30px 0 30px;} .index-news-main .new-list li {overflow: hidden;display: block;padding: 24px 0;margin-bottom: 8px;border-bottom: 1px solid #dadada;} @media (min-width: 1280px) and (max-width: 1440px) { .index-news-main .new-list li {padding: 14px 0;} } .index-news-main .new-list li:hover .txt span a {color: #17afb0;} .index-news-main .new-list li:hover .time span {color: #17afb0;} .index-news-main .new-list li:nth-child(4) {border-bottom: 0;} .index-news-main .new-list li .time {text-align: center;float: left;display: block;padding: 0 20px 10px 0;border-right: 1px solid #dadada;} .index-news-main .new-list li .time span {font-size: 38px;font-weight: bold;color: #888;margin-bottom: 14px;display: block;} .index-news-main .new-list li .time em {font-size: 16px;color: #888;display: block;} .index-news-main .new-list li .txt {width: 85%;overflow: hidden;float:right;} .index-news-main .new-list li .txt span {line-height: 22px;font-size: 20px;display: block;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .index-news-main .new-list li .txt span a {color: #424242;} .index-news-main .new-list li .txt em {line-height: 24px;color: #888;} @media (max-width: 1280px) { .index-news-main .new-list li .txt em { overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} } .index-news .link {width: 150px; border-radius: 25px; background: #fff; margin: 0 auto; padding: 0 26px; border: 1px solid #ddd; line-height: 50px; text-align: center;} .index-news .link a {color: #575757; font-size: 16px;} .index-news .link:hover {background: #17afb0; border: 1px solid #17afb0;} .index-news .link:hover a {color: #fff;} @media (max-width: 991px) { .index-news {padding: 40px 0;} .index-news .tab-up {margin-top: 30px; float: left;} .index-news .switch-item {font-size: 18px;margin-left: 0;margin-right: 20px;} .index-news .switch-item .active {padding-bottom: 15px;} .index-news .tab-content {margin-top:0; padding: 0 0;} .index-news-main {padding: 10px 0;} .index-news-main .top-new {margin-bottom: 20px;} .index-news-main .top-new .info {padding:20px 10px;} .index-news-main .top-new .info .t-1 {margin-bottom: 20px;} .index-news-main .top-new .info .t-1 span {font-size: 18px;} .index-news-main .top-new .info .t-1 em {font-size: 12px;} .index-news-main .top-new .info .txt {font-size: 13px; line-height: 24px; } .index-news-main .new-list {padding: 0;} .index-news-main .new-list li {padding: 20px 10px; margin-bottom:0;} .index-news-main .new-list li .time {display: none;} .index-news-main .new-list li .txt {width:100%; float:none;} .index-news-main .new-list li .txt span {font-size: 16px;} .index-news-main .new-list li .txt em {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .index-news .link {width: 150px; padding: 0 25px; line-height:40px;} .index-news .link a {font-size: 14px;} } .index-hz {width: 100%; padding: 90px 0 130px 0; overflow: hidden;} .index-hz .main {margin-top: 70px;} .index-hz .main .pic {} .index-hz .main .pic img {width: 100%;box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.1);} @media (max-width: 991px) { .index-hz {padding: 40px 0 20px 0;} .index-hz .main {margin-top: 30px;} .index-hz .main .col-lg-3 {width: 50%;} .index-hz .main .pic {margin-bottom: 20px;} } /*内页*/ .mobile-b {width: 100%; height: 52px; display: none;} .inner-ban {width:100%;overflow:hidden;position:relative;margin-top:82px;} .inner-ban img{width:100%;height:100%;overflow:hidden;display:block;object-fit:cover;} .banner-center{width:81.25%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;color:#fff;} .banner-center .h3{width:100%;overflow:hidden;font-size:55px;} .banner-center span {width:100%;overflow:hidden;font-size:22px;font-family:"Arial";margin-top:5px; display: block;} .banner-info{width:45%;overflow:hidden;line-height:28px;font-size:16px;margin-top:10px;} @media (max-width: 1400px) { .banner-info{width:70%;} } @media (max-width: 991px) { .mobile-b {display: block;} .inner-ban {margin-top:50px;} .banner-center {width:90%;} .banner-center .h3{font-size:22px;} .banner-center span {font-size:18px;} .banner-info {display: none;} } .gynav-MQkitchen-bj { width: 100%; border-top: 1px solid rgba(69,157,162,.3); background: rgb(0 0 0 / 70%); margin-top: -60px; position: relative; z-index:0; } .gynav-MQkitchen-bj .container-fluid {padding: 0} .gynav-MQkitchen { text-align: center; color: #fff; font-size: 0; } .gynav-MQkitchen>div{ display: inline-block; width: 14.28%; border-right: 1px solid rgba(255,255,255,.3); font-size: 16px; line-height: 60px; transition: all .3s; -webkit-transition:all .3s; cursor: pointer; } .gynav-MQkitchen>div:first-child{ border-left: 1px solid rgba(255,255,255,.3); } .gynav-MQkitchen>div:hover{ background: #0da6a5; transition: all .3s; -webkit-transition:all .3s; } .gynav-MQkitchen>a{ display: inline-block; width: 12.5%; border-right: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255,255,255,.3); font-size: 16px; color: #fff; line-height: 60px; transition: all .3s; -webkit-transition:all .3s; cursor: pointer; } @media (min-width: 992px) and (max-width: 1199.98px) { .gynav-MQkitchen>a{font-size: 14px;} } .gynav-MQkitchen>a:first-child{ border-left: 1px solid rgba(255,255,255,.3); } .gynav-MQkitchen>a:hover{ background: #0da6a5; color: #fff; transition: all .3s; -webkit-transition:all .3s; } .gynav-MQkitchen>a.on{ background: #0da6a5; transition: all .3s; -webkit-transition:all .3s; } .gynav-MQkitchen-3 a {width: 20%;} .gynav-MQkitchen-4 a {width: 50%;} .gynav-MQkitchen-5 a {width: 25%;} @media (max-width: 991px) { .gynav-MQkitchen-bj-1 {display: none;} .gynav-MQkitchen-bj-2 {margin-top: 0; overflow: hidden;} .gynav-MQkitchen-bj-2 .container {padding: 0;} .gynav-MQkitchen-1 a {font-size: 14px; line-height: 36px;} .gynav-MQkitchen-2 a {width: 33.33%; font-size: 12px; line-height: 25px; float: left;} .gynav-MQkitchen-3 a {width: 33.33%; font-size: 14px; line-height: 30px; float: left;} .gynav-MQkitchen-5 a {width: 50%; font-size: 12px; line-height: 25px; float: left;} } .inner-T {width: 100%; margin-top: 23px; overflow: hidden;} .inner-T1 {width: 100%; background: #f7f7f7; overflow: hidden; margin-top: 100px;} .inner-T1 .location {margin:30px 0 25px 0; color: #6b6b6b;} .inner-T2 {width: 100%;background: #f7f7f7; overflow: hidden; padding: 25px 0;} .inner-T2 .location {margin: 15px 0; color: #6b6b6b; float: left;} .inner-T .location {margin: 15px 0; color: #6b6b6b; float: left;} .location a {color: #6b6b6b;} @media (max-width: 991px) { .inner-T .location {margin: 0 0 20px 0;overflow: hidden;white-space: nowrap;} .inner-T1 {margin-top: 50px;} .inner-T1 .location {width:100%;margin:15px 0;overflow: hidden;white-space: nowrap;} .inner-T2 {padding: 0 0 20px 0;overflow: hidden;white-space: nowrap;} } .news-input{float:right;width:400px;overflow:hidden;box-sizing:border-box;height:43px;line-height:43px;border:1px #fff solid;background:#fff;margin-left:15px;padding:0px 12px 0 25px;} .news-input .txt{float:left;width:87%;height:100%;overflow:hidden;font-size:16px;color:#666;} .news-input .txt::placeholder{color:#666 !important;opacity:1;} .news-input .txt::-webkit-input-placeholder{color:#666 !important;opacity:1;} .news-input .txt::-ms-input-placeholder{color:#666 !important;opacity:1;} .news-input .txt::-moz-placeholder{color:#666 !important;opacity:1;} .news-input .bt{float:right;width:18px;height:100%;overflow:hidden;background:url("../images/icon-2-1.png") no-repeat center;cursor:pointer;} .search-in {width:400px; border: 1px solid #10a7a6; float: right; overflow: hidden;} .search-in .search-form{position:relative} .search-in .search-form .search-input{display:block;width:100%;height:42px;line-height:initial;border:1px solid #eee;color:#373737;outline:0;padding-top:4px;padding-left:20px} .search-in .search-form .search-button{position:absolute;right:0;top:0;height:42px;background:#0da6a5;border:0;width:93px;outline:0;padding:0;cursor:pointer;color:#fff;} .search-in .search-btn {-webkit-transition:all .5s;transition:all .5s;font-size:16px; text-align: center;} .search-in .search-form .search-button i {margin-right: 8px;} @media (max-width: 991px) { .search-in {width: 100%; float: none;} .news-input {width: 100%; float: none; margin-left: 0;} } .Atis-box {width: 100%;height: 0;position: relative;top: -70px;} @media (max-width: 991px) { .Atis-box {top:-50px} } .inner {width: 100%; overflow: hidden;} /*关于我们*/ .about-1 {padding: 70px 0; overflow: hidden;} .about-1-main {margin-top: 45px; overflow: hidden;} .about-1-main .txt {font-size: 16px; line-height: 35px; overflow: hidden;} .about-1-main .datas { padding-top:40px; text-align:center;} .about-1-main .datas .valbox {position: relative; display: inline-block; margin-bottom: 20px;} .about-1-main .datas .ic{ width: 60px; height: 60px; position: absolute; right: -30px; top: -10px; z-index: -1;} .about-1-main .datas .ic1 { background-image: url(../images/ic_about1.png); background-repeat: no-repeat; background-size: contain; background-position: center center;} .about-1-main .datas .ic2 { background-image: url(../images/ic_about3.png); background-repeat: no-repeat; background-size: contain; background-position: center center;} .about-1-main .datas .ic3 { background-image: url(../images/ic_about2.png); background-repeat: no-repeat; background-size: contain; background-position: center center;} .about-1-main .datas .ic4 { background-image: url(../images/ic_about4.png); background-repeat: no-repeat; background-size: contain; background-position: center center;} .about-1-main .datas .val { font-size:45px; color: #0da6a5; font-family: medium; line-height: 1;font-weight: bold;} .about-1-main .datas .tit {font-size:16px; color: #666; } /* .about-1video{margin-top: 20px; float:right;overflow:hidden;position:relative;cursor:pointer;} .about-1video img{display:none;} .about-1video span{width:53px;height:53px;display:block;overflow:hidden;background:url("../images/icon-43.png") no-repeat center;background-size:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .about-1video video{width:100%;height:auto;display:block;overflow:hidden;}*/ .about-1-main .video {margin-top: 20px; float:right;overflow:hidden;position:relative;cursor:pointer;} .about-1-main .video:before{content:"";position:absolute;left:0px;top:0px;background:rgba(34,34,34,0.3);z-index:1;} .about-1-main .video img {object-fit:cover;float: right; width: 100%;} .about-1-main .video span{width:75px;height:75px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("../images/icon-42.png") no-repeat center;background-size:100%;z-index:12;} @media (max-width: 991px) { .about-1 {padding: 40px 0;} .about-1-main {margin-top: 30px;} .about-1-main .txt {font-size: 16px; line-height: 28px;} .about-1-main .datas { padding-top:20px;} .about-1-main .datas .col-md-3 {width: 50%;} .about-1-main .datas .val {font-size: 38px;} .about-1-main .datas .tit {font-size: 14px;} .about-1-main .video img {width: 100%;} } .about-2 {padding: 70px 0; overflow: hidden; background: url("../images/about-fz-bg.jpg") no-repeat center;} .about-2nav{width:100%;overflow:hidden;margin:50px auto 0px;position:relative;} .about-2nav:before{width:100%;height:2px;content:"";position:absolute;left:0px;top:63px;background:#ccc;} .about-2line{height:2px;content:"";position:absolute;left:0px;top:63px;background:#0da6a5;z-index:12;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .about-2left{width:44px;height:44px;position:absolute;left:0px;top:41px;border-radius:50%;background:#0da6a5;z-index:40;} .about-2left:before{width:6px;height:6px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;} .about-2right{width:44px;height:44px;position:absolute;right:0px;top:41px;border-radius:50%;background:#0da6a5;z-index:40;} .about-2right:before{width:6px;height:6px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;} .about-2nav .swiper-container{width:94%;margin:0px auto;overflow:hidden;position:relative;z-index:33;} .about-2nav .swiper-slide{cursor:pointer;} .about-2nav .about-2model{width:100%;overflow:hidden;} .about-2nav .about-2model span{width:100%;display:block;overflow:hidden;text-align:center;font-size:24px;color:rgba(51,51,51,0.5);-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .about-2nav .about-2model em{width:28px;height:28px;display:block;overflow:hidden;margin:25px auto 0px;border-radius:50%;background:rgba(0,0,0,0.05);position:relative;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .about-2nav .about-2model em samp{width:18px;height:18px;display:block;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px #ccc solid;background:#fff;box-sizing:border-box;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .about-2nav .about-2model em samp:before{width:6px;height:6px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#cfcfcf;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .about-2nav .about-2model p{width:100%;overflow:hidden;text-align:center;font-size:22px;color:rgba(51,51,51,0.5);margin-top:12px;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .about-2nav .swiper-slide.active .about-2model span{color:#0da6a5;} .about-2nav .swiper-slide.active .about-2model em{background:rgba(198,38,48,0.11);} .about-2nav .swiper-slide.active .about-2model em samp{border-color:#0da6a5;} .about-2nav .swiper-slide.active .about-2model em samp:before{background:#0da6a5;} .about-2nav .swiper-slide.active .about-2model p{color:#0da6a5;} .about-2content{width:100%;overflow:hidden;margin-top:60px;position:relative;} .about-2content .swiper-container{width:100%;margin:0px auto;} .about-2pannel{width:100%;overflow:hidden;position:relative;} .about-2item{float:left;width:60%;overflow:hidden;height:30vw;background:#fff url("../images/about-fzmainbg.jpg") no-repeat;background-size:cover;position:relative;display:flex;align-items:center;justify-content:flex-start;} .about-2date{width:auto;position:absolute;left:52%;top:5%;font-size:110px;color:#fff;font-family:"dinbold";-webkit-text-stroke:1px #efefef;text-stroke:1px #efefef;-webkit-transition:all 0.6s ease 0.4s;-moz-transition:all 0.6s ease 0.4s;-ms-transition:all 0.6s ease 0.4s;-o-transition:all 0.6s ease 0.4s;transition:all 0.6s ease 0.4s;opacity:0;transform:translateY(60px);} @media (max-width: 1280px) { .about-2date {left: 47%;} } .about-2list{width:70%;height:72%;overflow:auto;margin-left:11%; padding-right: 20px; -webkit-transition:all 0.6s ease 0.5s;-moz-transition:all 0.6s ease 0.5s;-ms-transition:all 0.6s ease 0.5s;-o-transition:all 0.6s ease 0.5s;transition:all 0.6s ease 0.5s;opacity:0;transform:translateY(60px); position: relative;} .about-2li{float:left;width:100%;box-sizing:border-box;padding-left:24px;padding-bottom:30px;min-height:100px;position:relative;} .about-2li:before{width:7px;height:7px;content:"";position:absolute;left:0px;top:10px;border-radius:50%;background:#0da6a5;display:block;overflow:hidden;} .about-2li:after{width:2px;height:100%;content:"";position:absolute;left:2px;top:12px;display:block;overflow:hidden;background:url("../images/icon-155.png") repeat-y top center;} .about-2li:last-child:after{display:none;} .about-2li:last-child{padding-bottom:0px;min-height:inherit;} .about-2list::-webkit-scrollbar{ width:4px;} .about-2list::-webkit-scrollbar-thumb{ background:#0da6a5;} .about-2list::-webkit-scrollbar-track{ background:#ddd;} .about-2li span{width:100%;overflow:hidden;display:block;font-size:22px;color:#0da6a5;} .about-2li p{width:100%;overflow:hidden;display:block;font-size:19px;color:#333;line-height:32px;margin-top:12px;} .about-2pic{width:50%;height:24vw;position:absolute;right:0px;top:50%;transform:translateY(-50%);z-index:12;overflow:hidden;} .about-2pic img{width:100%;height:100%;object-fit:cover;} .about-2pic:hover img{transform:scale(1.03);} .about-2content .swiper-slide-active .about-2date,.about-2content .swiper-slide-active .about-2list{opacity:1;transform:translateY(0px);} .about-2content .mCSB_inside > .mCSB_container{padding-right:20px;} .about-2content .mCSB_scrollTools{width:12px;} .about-2content .mCSB_scrollTools:before{background:#f2f2f2;} .about-2content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#f00;} .about-2content .swiper-button-prev{display: none;width:50px;height:50px;border-radius:50%;background:#e4e4e4 url("../images/icon-5.png") no-repeat center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;transform:rotate(180deg);left:10px;} .about-2content .swiper-button-next{display: none;width:50px;height:50px;border-radius:50%;background:#e4e4e4 url("../images/icon-5.png") no-repeat center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;right:10px;} .about-2content .swiper-button-prev:hover,.about-2content .swiper-button-next:hover{background-color:#333;} @media (max-width: 991px) { .about-2 {padding: 40px 0;} .about-2nav {margin: 20px auto 0;} .about-2nav::before,.about-2line{top:34px;} .about-2nav .about-2model em samp {width: 16px; height: 16px;} .about-2nav .about-2model em samp:before {width: 4px; height: 4px;} .about-2left,.about-2right{width:20px;height:20px;top:25px;} .about-2nav{margin:20px auto 0px;} .about-2nav .about-2model span{font-size:14px;} .about-2nav .about-2model p{font-size:14px;} .about-2nav .about-2model em,.about-2nav .about-2model p{margin-top:4px;} .about-2content{margin-top:20px;} .about-2pic{width:100%;height:auto;position:relative;top:0%;transform:translateY(0%);} .about-2pic img{height:auto;} .about-2item{width:100%;float:none;height:300px;} .about-2date{font-size:40px;left:auto;right:20px;} .about-2list{width:100%;height:90%;margin:0px auto;padding: 0 10px;} .about-2li{min-height:inherit;} .about-2li span {font-size: 16px;} .about-2li p{line-height:24px;font-size:14px;} .about-2li::before{top:7px;} .about-2content .swiper-button-prev{left:2%;top:25%;opacity:0.6; display: block;} .about-2content .swiper-button-next{right:2%;top:25%;opacity:0.6;display: block;} } .about-3 {padding: 80px 0 90px 0; overflow: hidden;} .about-3-main {width: 100%; overflow: hidden; background: url("../images/about-3mainbg.jpg") no-repeat center bottom #f9f9f9; margin-top: 45px;} .about-3-main li {float:left;width:25%;text-align: center; border-right:1px solid rgba(219,219,219,.3);overflow:hidden} .about-3-main li:nth-child(4) {border-right:0;} .about-3-main .con {display:inline-block;vertical-align:middle;width:100%;padding-top: 157px; height:462px;overflow: hidden; -webkit-transition:.5s;-o-transition:.5s;transition:.5s} .about-3-main .con .pic{margin:0 auto;width:56px;height:56px;} .about-3-main .con .pic img{display:block;width:100%;} .about-3-main .con .txt {margin-top: 15px;} .about-3-main .con .txt span {display: block; font-size: 30px; margin-bottom: 16px; color: #333;} .about-3-main .con .txt em {display: block; width: 80%; margin: 0 auto; line-height: 30px; color: #555; font-size: 16px;} .about-3-main li:hover .con {-webkit-transition:.5s;-o-transition:.5s;transition:.5s; background: rgba(153,153,153,.3);} @media (max-width: 991px) { .about-3 {padding: 40px 0;} .about-3-main {margin-top: 30px;} .about-3-main li {width: 50%; border-bottom:1px solid rgba(219,219,219,.3);} .about-3-main li:nth-child(2) {border-right:0;} .about-3-main li:nth-child(3),.about-3-main li:nth-child(4) {border-bottom:0;} .about-3-main .con {padding-top: 40px; height: 260px;} .about-3-main .con .pic {width: 46px; height: 46px;} .about-3-main .con .txt span {font-size: 18px;} .about-3-main .con .txt em {width: 85%; font-size: 14px; height: auto; line-height: 25px;} } .about-4 {padding: 80px 0 70px 0; overflow: hidden; background: url("../images/about-4bg.jpg") no-repeat center; } .about-4-main {width: 100%; overflow: hidden; margin-top: 50px;} .about-4-main .swiper-slide {width: 25%; float: left; padding:0 1rem; display:block;} .about-4 .bottom50 {width: 100%; height: 50px;} .about-4 .swiper-pagination-bullet-active { background: #0da6a5 !important;} .about-4 .swiper-pagination-bullet { width: 12px!important; height: 12px!important; background: #ccc; opacity:1!important;} .about-4-main .con {padding: 30px 30px 10px;background: #fff;border-bottom: 3px solid #fff;} .about-4-main .con:hover {border-bottom: 3px solid #0da6a5;} .about-4-main .con:hover .txt {color:#0da6a5;} .about-4-main .con .img {overflow: hidden;margin-bottom: 10px;} .about-4-main .con img {width: 100%;} .about-4-main .con .img img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .about-4-main .con:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .about-4-main .con .txt {line-height: 20px;text-align: center;font-size: 16px;color: #464545;} @media (max-width: 991px) { .about-4 {padding: 40px 0;} .about-4-main {margin-top: 30px;} .about-4-main .con {padding: 20px 20px 10px;} .about-4-main .con .txt {/* font-size: 14px; */} .about-4-main .swiper-slide {width:100%;} } .about-5 {padding: 90px 0 75px 0; overflow: hidden;} .about-5-main {width: 100%; overflow: hidden; margin-top: 60px;} .about-5-main .infotxt {width: 100%; overflow: hidden;} .about-5-main .infotxt .infotxt-fl {width: 50%; float: left; font-size: 16px; color: #494949; line-height: 30px;} .about-5-main .infotxt .infotxt-fr {width: 50%; float: left;} .about-5-main .infotxt .infotxt-fr .con {width:85%; float: right; overflow: hidden; display: flex; justify-content: space-between;} .about-5-main .infotxt .infotxt-fr .con dl {width: auto; overflow: hidden; margin-top: 17px; color: #0da6a5; text-align: center;} .about-5-main .infotxt .infotxt-fr .con dl dt {margin-bottom: 20px; font-size: 65px; font-weight: bold;} .about-5-main .infotxt .infotxt-fr .con dl dt sup {font-size: 20px; font-weight: 100;vertical-align: super;} .about-5-main .infotxt .infotxt-fr .con dl dd {font-size:16px;} .about-5content {padding: 60px 0 35px 0; position: relative;} .about-5content .con {padding:20px; background: #eee;} .about-5content .con .img {overflow: hidden;} .about-5content .con img {width: 100%;} .about-5content .con .img img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .about-5content .con:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .about-5content .swiper-button-prev{width:50px;height:50px;border-radius:50%;background:#ccc url("../images/icon-59.png") no-repeat center;left:-90px;} .about-5content .swiper-button-next{width:50px;height:50px;border-radius:50%;background:#ccc url("../images/icon-59.png") no-repeat center;right:-90px;transform:rotate(180deg);} .about-5content .swiper-button-prev:hover,.about-5content .swiper-button-next:hover{background-color:#0da6a5;} @media (max-width: 991px) { .about-5 {padding: 40px 0 20px 0;} .about-5-main {margin-top: 30px;} .about-5-main .infotxt .infotxt-fl {width: 100%; font-size: 14px; line-height: 28px; float: none;} .about-5-main .infotxt .infotxt-fr {width: 100%; float: none;} .about-5-main .infotxt .infotxt-fr .con {width: 100%; float: none;} .about-5-main .infotxt .infotxt-fr .con dl dt {margin-bottom: 10px; font-size: 30px;} .about-5-main .infotxt .infotxt-fr .con dl dt sup {font-size: 14px;} .about-5-main .infotxt .infotxt-fr .con dl dd {font-size: 12px;} .about-5content {padding: 30px 0;} .about-5content .con {padding:10px; background: #eee;} .about-5content .swiper-button-prev{left:10px; width: 36px; height: 36px; background-size: 10px;} .about-5content .swiper-button-next{right:10px; width: 36px; height: 36px; background-size: 10px;} } .about-6 {padding: 100px 0; overflow: hidden; background: url("../images/about-6bg.jpg") no-repeat center;} .about-6-fl {width: 22.8%; float: left; overflow: hidden;} .about-6-fl .img {overflow: hidden;} .about-6-fl .img img {width: 100%;} .about-6-fl .img img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .about-6-fl:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .about-6-fr {width: 70%; float: right; overflow: hidden;} .about-6-fr .t-1 {font-size: 42px; color: #333; font-weight: bold; margin-bottom: 12px;} .about-6-fr .t-2 {line-height: 30px; padding-bottom: 24px; border-bottom: 1px solid #e0e0e0; font-size: 16px; color: #636363;} .about-6-fr .t-3 {padding: 20px 0; line-height: 28px; font-size: 15px; color: #444;} @media (max-width: 991px) { .about-6 {padding: 40px 0;} .about-6-fl {width: 100%; float: none; margin-bottom: 20px;} .about-6-fr {width: 100%; float: none;} .about-6-fr .t-1 {font-size:22px;} .about-6-fr .t-2 {line-height:28px; padding-bottom: 20px; font-size: 14px;} .about-6-fr .t-3 {line-height: 25px; font-size: 12px;} } /*服务支持*/ .service-box {padding: 70px 0; overflow: hidden;} .service-box .service-box-main {margin-top: 60px; overflow: hidden;} .service-box .service-box-main .txt {margin-bottom: 30px;} .service-box .service-box-main .t-1 {line-height: 35px; font-size: 20px; color: #0c9f9f; font-weight: bold;margin-bottom: 10px;} .service-box .service-box-main .t-2 {line-height: 30px; font-size: 16px; color: #494949;} .service-box .service-box-main .t-2 p {margin-bottom: 10px;} .service-box .service-box-main .t-1 span {font-size: 19px; font-weight: 100;} .service-box .service-box-main .txt .pic {width: 100%; text-align: center; display: inline-block;} .service-box .service-box-main .txt .pic img {display:inline-block;max-width: 100%;} .service-box .contact-form-ser {width: 100%; overflow: hidden; background:#0da6a5; padding:22px 20px; margin-top: 12px;} .service-box .contact-form-ser .input-item-ser {width:17%; overflow: hidden; float: left; margin-right:1%; } .service-box .contact-form-ser .item2 {width:39%;} .service-box .contact-form-ser .btn-brand {width: 6%;line-height: 46px;background: #4a4a4a;text-align: center; font-size: 16px;color: #fff;float: left;} .service-box .contact-form-ser .btn {padding: 0;border-radius: 0;border: 0;} .service-box .contact-form-ser .input-item-ser input, .service-box .contact-form-ser .input-item-ser textarea { width: 100%; border: 1px solid #fff; display: block; background-color: #fff; padding: 14px 0; text-indent: 15px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: 14px; height: 44px; } @media (max-width: 991px) { .service-box {padding: 40px 0;} .service-box .service-box-main {margin-top: 30px;} .service-box .service-box-main .t-1 {font-size: 16px;} .service-box .service-box-main .t-2 {font-size: 14px; line-height: 25px;} .service-box .service-box-main .t-1 span {font-size: 15px;} .service-box .service-box-main .txt .pic img {width: 100%;} .service-box .contact-form-ser .input-item-ser {width: 100%; margin-right: 0; margin-bottom:5px; float: none;overflow-x: auto; height: 62px;} .service-box .contact-form-ser .item2 {width: 100%;margin-bottom: 10px;} .service-box .contact-form-ser .btn-brand {width: 100%; font-size: 14px; float: none;} .input-item-ser{ position: relative;} .input-item-ser .formError{ position: absolute !important; top:40px !important;} .input-item-ser .formError br{display: none;} .service-box .input-item-ser .formError .formErrorContent{background: rgba(0,0,0,.3);} } .server-1 {width:100%;overflow:hidden;padding:80px 0px 50px;background:#f5f5f5;} .server-1center{width:100%;overflow:hidden;position:relative;margin:0px auto;display:flex;justify-content:space-between;align-items:center;} .server-1left{width:40%;overflow:hidden;} .server-1left ul{width:100%;overflow:hidden;display:flex;flex-wrap:wrap;} .server-1left ul li{width:24%;height:50px;line-height:50px;overflow:hidden;box-sizing:border-box;border:1px #e4e4e4 solid;background:#fff;text-align:center;cursor:pointer;font-size:16px;color:#999;margin:7px 1.33% 0px 0px;} .server-1left ul li:nth-child(4n){margin-right:0px;} .server-1left ul li.active{background:#0da6a5;color:#fff;} .server-1cont{width:100%;overflow:hidden;margin-top:19px;background:#fff;height:21vw;box-sizing:border-box;padding:40px;} .server-1pannel{width:100%;height:100%;position:absolute;opacity:0;z-index:1;} .server-1pannel.active{position:relative;z-index:2;animation:opa 1s ease 1;animation-fill-mode:forwards;opacity:1;} .server-1item{width:100%; height: 100%; overflow:auto;margin-top:34px;} .server-1item::-webkit-scrollbar{ width:4px;} .server-1item::-webkit-scrollbar-thumb{ background:#0da6a5;} .server-1item:first-child{margin-top:0px;} .server-1item span{float:left;width:100%;overflow:hidden;box-sizing:border-box;padding-left:18px;font-size:17px; line-height: 47px; color:#333;position:relative;} .server-1item span:before{width:3px;height:21px;content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%);background:#0da6a5;} .server-1cont .mCSB_scrollTools .mCSB_draggerContainer{background:none;} .server-1right{width:58.33%;overflow:hidden;position:relative;} .server-1map{float:left;width:100%;overflow:hidden;} .server-1map img{width:100%;height:auto;} .server-1bg{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:12;} .server-1bg span{width:100%;height:100%;position:absolute;display:block;overflow:hidden;left:0px;top:0px;opacity:0;} .server-1bg span img{width:100%;height:auto;} .server-1bg span.active{opacity:1;} .server-1pos{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:20;overflow:hidden;} .server-1icon{width:auto;position:absolute;cursor:pointer;transform:translate(-50%,-50%);} .server-1icon samp{width:16px;height:20px;display:block;margin:0px auto;position:relative;} .server-1icon samp:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-113.png") no-repeat center;} .server-1icon samp:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-113-1.png") no-repeat center;opacity:0;} .server-1icon span{width:100%;overflow:hidden;display:block;font-size:16px;color:#0da6a5;margin-top:4px;} .server-1icon.active samp:before{opacity:0;} .server-1icon.active samp:after{opacity:1;} .server-1icon.active span{color:#fff;} .server-1icon.icon1{left:77%;top:58%;}/*华东一区1*/ .server-1icon.icon2{left:76%;top:73%;}/*华东二区2*/ .server-1icon.icon3{left:69%;top:43%;}/*华北区3*/ .server-1icon.icon4{left:37%;top:49%;}/*北方区4*/ .server-1icon.icon5{left:62%;top:84%;}/*华南区5*/ .server-1icon.icon6{left:66%;top:64%;}/*华中区6*/ .server-1icon.icon7{left:42%;top:65%;}/*西南区7*/ .server-1icon.icon8{left:85%;top:21%;}/*东北区8*/ @media (max-width: 991px) { .server-1 {padding: 40px 0;} .server-1center{display:block;} .server-1left{width:100%;margin-top:20px;} .server-1left ul li{height:40px;line-height:40px;font-size:14px;} .server-1cont{height:76vw;padding:15px;} .server-1cont .mCSB_scrollTools{width:4px !important;} .server-1right{width:100%;margin-top:20px;} .server-1item span {font-size: 16px; line-height: 40px;} } .server-2 {padding: 70px 0; overflow: hidden;} .server-2 .server-2-main {margin-top: 60px; overflow: hidden;} .server-2 .server-2-main .txt {margin-bottom: 30px;} .server-2 .server-2-main .t-1 {line-height: 35px; font-size: 20px; color: #0c9f9f; font-weight: bold;margin-bottom: 10px;} .server-2 .server-2-main .t-2 {line-height: 30px; font-size: 16px; color: #494949;} .server-2 .server-2-main .t-2 p{margin-bottom: 10px;} .server-2 .server-2-main .t-1 span {font-size: 19px; font-weight: 100;} .server-2 .server-2-main .t-3 {line-height: 36px; font-size:30px; color: #0c9f9f; font-weight: bold; padding-left: 50px; position: relative;} .server-2 .server-2-main .t-3:before{width:36px;height:36px;content:"";position:absolute;left:0px;top:0px;background:url("../images/s-2.png") no-repeat;} .server-2 .server-2-main .t-4 {padding: 20px 0; text-align: center; font-size:20px; color: #0c9f9f; font-weight: bold;} .server-2 .server-2-main .t-5 {width: 100%; display: inline-block;text-align: center;font-size: 16px; color: #555; line-height: 40px;} .server-2 .server-2-main .t-5 .info {display: inline-block;text-align: left;padding: 0 35px;} .server-2 .server-2-main .t-5 .info span {display: block;} .server-2 .server-2-main .t-5 .info span em {color: #0c9f9f;} .server-2 .server-2-main .txt .pic {width: 100%; text-align: center; display: inline-block;} .server-2 .server-2-main .txt .pic img {display:inline-block;max-width: 100%;} .server-2 .contact-form-ser {width: 100%; overflow: hidden; background:#0da6a5; padding:22px 20px; margin-top: 12px;} .server-2 .contact-form-ser .input-item-ser {width:49%; overflow: hidden; float: left; margin-right:2%; margin-bottom:12px; } .server-2 .contact-form-ser .input-item-ser:nth-child(2),.server-2 .contact-form-ser .item1{ margin-right:0;} .server-2 .contact-form-ser .item2 {width:100%; margin-right: 0;} .server-2 .contact-form-ser .item3 {width:100%; margin-right: 0;} .server-2 .contact-form-ser .item3 textarea { padding: 14px 15px; text-indent: 0; min-height: 100px; } .server-2 .contact-form-ser .btn-brand {margin: 0 auto;width:117px;line-height: 46px; display: block; background: #4a4a4a;text-align: center; font-size: 16px;color: #fff;} .server-2 .contact-form-ser .btn {padding: 0;border-radius: 0;border: 0; } .server-2 .contact-form-ser .input-item-ser input, .server-2 .contact-form-ser .input-item-ser textarea { width: 100%; border: 1px solid #fff; display: block; background-color: #fff; padding: 14px 0; text-indent: 15px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: 14px; height: 44px; } .input-item-ser .formError br{display:none;} .server-2 .contact-form-ser .input-item-ser .formError .formErrorContent { background:rgba(0,0,0,.3); } /* .contact-form-ser .input-item-ser .formError .formErrorArrowBottom div{ background: red;} */ @media (max-width: 991px) { .server-2 {padding: 40px 0;} .server-2 .server-2-main {margin-top: 30px;} .server-2 .server-2-main .t-1 {font-size: 16px;} .server-2 .server-2-main .t-2 {font-size: 14px; line-height: 25px;} .server-2 .server-2-main .t-3 {font-size: 18px;padding-left: 40px;} .server-2 .server-2-main .t-4 {font-size: 14px;} .server-2 .server-2-main .t-5 {display: block;} .server-2 .server-2-main .t-5 .info {display: block; font-size: 14px; line-height: 30px; padding: 0;} .server-2 .server-2-main .t-1 span {font-size: 15px;} .server-2 .server-2-main .txt .pic img {width: 100%;} .server-2 .contact-form-ser .input-item-ser {width: 100%; margin-right: 0;height:65px; margin-bottom: 2px; float: none;} .server-2 .contact-form-ser .item2 {width: 100%;margin-bottom: 5px;} .server-2 .contact-form-ser .btn-brand {width: 100%; font-size: 14px; float: none;} .server-2 .contact-form-ser .item3 { height:133px;} .server-2 .contact-form-ser .item3 .formError{ top:122px !important;} } /*投资*/ .inv-1 {width: 100%; margin: 60px 0 90px 0; overflow: hidden;} .inv-1-main {width: 100%; overflow: hidden; padding: 35px 0; border: 1px solid #ddd; } .inv-1-main .con-fl {background: url("../images/inv-1-1.jpg") no-repeat left bottom;padding-left: 50px; padding-right: 5%; overflow: hidden; border-right:1px solid #ddd;} .inv-1-main .con-fl .tit {font-size: 35px; color: #0da6a5; line-height: 47px; margin-bottom: 112px;} .inv-1-main .con-fl .number {margin-bottom: 125px; overflow: hidden;} .inv-1-main .con-fl .number .t-1 {font-size: 65px; color: #2d2d2d; float: left;} .inv-1-main .con-fl .number .t-2 {margin-top: 25px; margin-left: 16px; padding-left: 30px; font-size: 20px; color: #2d2d2d; line-height: 26px; float: left;} .inv-1-main .con-fl .number .red {color:#da251d; background: url(../images/gp2.png) left bottom no-repeat;} .inv-1-main .con-fl .number .green {color:#2db93d; background: url(../images/gp3.png) left bottom no-repeat;} .inv-1-main .con-fl .txt {line-height: 22px; color: #6d6d6d;} .inv-1-main .con-fr {width: 100%; padding: 0 2%;} .inv-1-main .con-fr .con-tab { overflow: hidden; } .inv-1-main .con-fr .con-tab .tab-pane {} .inv-1-main .con-fr .con-tab .tab-up {position: relative;z-index: 2;} .inv-1-main ul.irt{ margin-bottom: 10px; display: none;} .inv-1-main ul.irt li{ float: left; width:33.33%; line-height: 33px;} .inv-1-main ul.irt li .ltt{ font-weight: bold;display: inline-block;width:49%;} .inv-1-main ul.irt li .num{ width:49%;display: inline-block;} .inv-1-main .con-fr .con-tab .nav {width: 100%; padding-right: 0;} .inv-1-main .con-fr .con-tab .nav-tabs {border: 0;} .inv-1-main .con-fr .con-tab .switch-item {width:25%; font-size:16px; line-height:40px; background: #f0f0f0; text-align: center; float: left; cursor: pointer; transition: all 0.3s;border-right: 1px solid #fff;} .inv-1-main .con-fr .con-tab .switch-item:nth-child(4) { border-right:0;} .inv-1-main .con-fr .con-tab .switch-item a:hover {background: #1ab0b1;} .inv-1-main .con-fr .con-tab .switch-item:hover {background: #1ab0b1; color: #fff;} .inv-1-main .con-fr .con-tab .switch-item:hover a {color: #fff;} .inv-1-main .con-fr .con-tab .switch-item .active {display: block; background: #1ab0b1; color: #fff;} .inv-1-main .con-fr .con-tab .switch-item a {display: block; color: #4b4b4b; } .inv-1-main .con-fr .tab-content {padding: 20px;} @media (max-width: 991px) { .inv-1 {margin: 0 0 30px 0;} .inv-1-main {padding: 30px 0;} .inv-1-main .con-fl {padding: 0; border-right: 0; margin-bottom: 20px;} .inv-1-main .con-fl .tit {font-size: 20px; margin-bottom: 30px;} .inv-1-main .con-fl .number {margin-bottom: 50px;} .inv-1-main .con-fl .txt {font-size: 12px;} .inv-1-main .con-fr {padding: 0;} .inv-1-main .con-fr .con-tab .nav {height: auto; overflow: hidden;} .inv-1-main .con-fr .con-tab .switch-item {font-size: 14px; line-height: 30px;} .inv-1-main .con-fr .con-tab .tab-pane {font-size: 12px;} .inv-1-main .con-fr .tab-content {padding: 10px 0;} .inv-1-main .con-fr .tab-content img {width: 100%;} } .inv-tit {width:100%;overflow:hidden;text-align:center;font-size:42px;font-weight:bold;color:#333;position:relative;padding-bottom:20px;} .inv-tit:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#0da6a5;} @media (max-width: 991px) { .inv-tit {font-size: 20px;} } .inv-2 {width: 100%; padding: 80px 0; background: #f5f5f5; overflow: hidden;} .inv-2-main {} .inv-2-main .con-tab {margin-top: 40px; overflow: hidden; } .inv-2-main .con-tab .tab-pane {margin-bottom: 30px;} .inv-2-main .con-tab .tab-up {position: relative;z-index: 2;} .inv-2-main .con-tab .nav {width: 100%; padding-right: 0; text-align: center; display: inline-block} .inv-2-main .con-tab .nav-tabs {border: 0;} .inv-2-main .con-tab .switch-item {width:170px;overflow:hidden;display:inline-block;height:48px;line-height:48px;box-sizing:border-box;border:1px #0da6a5 solid;margin:0px 10px; cursor: pointer;} .inv-2-main .con-tab .switch-item a:hover {background: #1ab0b1;} .inv-2-main .con-tab .switch-item:hover {background: #1ab0b1; color: #fff;} .inv-2-main .con-tab .switch-item:hover a {color: #fff;} .inv-2-main .con-tab .switch-item .active {display: block; background: #1ab0b1; color: #fff;} .inv-2-main .con-tab .switch-item a {display: block; color: #0da6a5; text-align: center; } .inv-2-main .tab-content {margin-top: 65px;} .inv-2-main .con {padding:25px 40px; margin-bottom: 26px; background: #fff; overflow: hidden;transition: 460ms;} .inv-2-main .con figcaption {padding-top: 35px;border-top: 8px solid #eee; position: relative;transition: 460ms;} .inv-2-main .con figcaption .mask {height: 8px;width: 0px;transition: 460ms;background: #eee;position: absolute;left: 0;top: -8px;} .inv-2-main .con:hover figcaption .mask {height: 8px;width: 100%;transition: 460ms;background: #0da6a5;} .inv-2-main .con .t-1 {width: 100%; overflow: hidden; margin-bottom: 18px; line-height: 28px; color: #2b2b2b; font-size: 18px;transition: 460ms; } .inv-2-main .con .t-1 span, .inv-2-main .con .t-1 em {display: block;width: 100%; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} .inv-2-main .con .t-1 span a {color: #2b2b2b;} .inv-2-main .con .t-2 {width: 100%; padding-top: 20px; border-top: 1px solid #ddd; line-height: 18px; color: #999;} .inv-2-main .con .t-2 span {display: block; float: left;} .inv-2-main .con .t-2 span i {margin-right: 8px;} .inv-2-main .con .t-2 em {display: block; float: right;} .inv-2-main .con .t-2 em a {color: #999;} .inv-2-main .con .t-2 em i {display:inline-block;width:20px;height:20px;vertical-align:middle;margin:-2px 0 0 8px;padding:0;background:url(../images/jt0.png) center center no-repeat;background-size:20px 20px;} @media (max-width: 991px) { .inv-2 {padding: 40px 0;} .inv-2-main .con-tab {margin-top: 20px;} .inv-2-main .con-tab .switch-item {width: 30%; margin: 0 1%;} .inv-2-main .tab-content {margin-top: 20px;} .inv-2-main .con {padding: 20px;margin-bottom:20px;} .inv-2-main .con figcaption {padding-top: 20px;} .inv-2-main .con .t-1 {font-size: 14px;} } .inv-3 {padding: 80px 0; overflow: hidden;} .inv-3-main {margin-top: 50px; overflow: hidden;} .tz-3content{margin-bottom:30px;} .tz-3item{overflow:hidden;background:#f5f5f5;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;height:10.41vw;} .tz-3item a{width:100%;overflow:hidden;display:block;height:100%;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;} .tz-3item samp{width:100%;display:block;overflow:hidden;position:relative;height:32px;} .tz-3item samp img{width:auto;height:auto;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .tz-3item samp img:last-child{opacity:0;} .tz-3item span{width:100%;display:block;overflow:hidden;text-align:center;font-size:16px;color:#808080;margin-top:10px;} .tz-3item:hover{background:#0c9f9f;} .tz-3item:hover samp img{opacity:0;} .tz-3item:hover samp img:last-child{opacity:1;} .tz-3item:hover span{color:#fff;} .tz-map {width:100%;overflow:hidden;margin:30px auto 0px;height:500px;} .tz-map img {width: 100%;} @media (max-width: 991px) { .inv-3 {padding: 40px 0;} .inv-3-main {margin-top: 20px;} .tz-3content {margin-bottom: 0;} .tz-3item {height: 35vw; margin-bottom: 15px;} .tz-map {height: 360px; margin: 10px auto 0;} } /*下载*/ .down {padding: 70px 0 100px 0; overflow: hidden;} .down .tit {width:100%;overflow:hidden;text-align:center;font-size:42px;font-weight:bold;color:#333;position:relative;padding-bottom:20px;} .down .tit:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#0da6a5;} .down .search_box_2 {width: 100%;background: #f1f0f0;padding: 30px 2%;margin-top: 60px;margin-bottom: 30px;} .down .search_box_2 .t-1 {width: 9%;line-height: 50px;text-align: center;font-size: 20px;color: #333;float: left;margin-right: 2%;} .down .down_top_form {width: 36.5%;line-height:50px;border: 1px solid #e1e1e1;margin-right: 2%;text-indent:20px;} .down select{width:100%;background:url("../images/icon-108.png") no-repeat 96% center #fff;} .down .down_top_txt {width: 36.5%;line-height:50px;border: 1px solid #e1e1e1;margin-right: 2%;text-indent:20px;} .down .down_top_btn {width: 11%;line-height:50px;font-size: 20px;background:#0da6a5;color:#fff;text-align:center;border:0;} .down .form-control { width:39%; line-height:50px; border: 1px solid #e1e1e1; margin-right:26px; text-indent:20px;} @media (max-width: 991px) { .down {padding: 40px 0;} .down .tit {font-size:18px;} .down .search_box_2 {padding: 20px; margin: 30px 0;} .down .search_box_2 .t-1 {display: none;} .down .down_top_form {width: 100%; margin-bottom: 10px; margin-right: 0; line-height: 35px;} .down .down_top_txt {width: 100%;margin-bottom: 10px; margin-right: 0; line-height: 35px;} .down .down_top_btn {display: block; margin: 0 auto; line-height: 40px; font-size: 16px;} } .list_download {margin-bottom: 50px} .list_download table { width: 100%; font-size: 16px } .list_download td {} .list_download td .pdfpic {position: relative; padding-left:20px;} .list_download td a {color: #424242;} .list_download td .pdfpic:before {width:27px; height: 29px; background: url("../images/pdf.png") no-repeat;content:"";position:absolute;left:0;transform:translateX(-50%);top:-6px;} .list_download th { background-color: #3c3c3c; color: #fff } .list_download td i.fa{ color:#0da6a5; font-size: 16px;} .list_download th:nth-child(2) { min-width: 150px } @media (max-width: 991px) { .list_download {margin-bottom: 20px;} .list_download thead {display: none;} .list_download table {font-size: 12px;} .list_download td {width: 80%;} .list_download td .pdfpic {padding-left: 0;} .list_download td .pdfpic:before {display: none;} } @media (max-width:640px) { .list_download th:nth-child(2) { min-width: 120px } } .list_download th:nth-child(3) { width: 72px; text-align: center } @media (max-width:640px) { .list_download th:nth-child(3) { width: 50px } } @media (min-width:640px) { .list_download th, .list_download td { height: 80px; padding: 31px 40px; min-width: 200px !important } .list_download th:nth-child(1), .list_download td:nth-child(1) { width: 60% } .list_download th:nth-child(3), .list_download td:nth-child(3) { white-space: nowrap; min-width: 80px; text-align: center } } @media (max-width:768px) { .list_download th, .list_download td { padding: 10px 20px; min-width: 100px !important } } @media (max-width:639px) { .list_download th, .list_download td { padding: 10px 0 } } @media (min-width:640px) { .list_download tr:nth-child(2n) { background: #f1f0f0 } } @media (min-width:768px) { .list_download .icon-xiazai { width: 72px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #c9c9c9; border-radius: 3px; display: inline-block; transition: .6s; font-size: 18px } .list_download .icon-xiazai:hover { background-color: #3c3c3c; color: #fff; border-color: #3c3c3c } } @media (max-width:639px) { .list_download th { display: none } .list_download tr { display: block; padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #f2f2f3 } .list_download td { padding: 0 } .list_download td:nth-child(3) { display: none } .list_download .time { font-size: 12px; margin-top: 10px; color: #999; text-align: right; } } /*应用案例*/ .list-case {padding: 70px 0 100px 0; overflow: hidden;} .list-case .tit {width:100%;overflow:hidden;text-align:center;font-size:42px;font-weight:bold;color:#333;position:relative;padding-bottom:20px;} .list-case .tit:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#0da6a5;} .list-case-main {margin: 60px 0 20px; overflow: hidden;} .list-case-main .con {margin-bottom:30px;} .list-case-main .con:hover .info {border-bottom: 2px solid #0da6a5;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .list-case-main .con:hover .info .t-1 {color:#0da6a5;} .list-case-main .con .pic {overflow: hidden;} .list-case-main .con .pic img {width: 100%; } .list-case-main .con .pic img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .list-case-main .con:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .list-case-main .con .info {padding: 20px 0; overflow: hidden; border-bottom: 2px solid #e1e1e1;} .list-case-main .con .info .t-1 {display: block; margin-bottom: 8px; line-height: 25px; font-size: 20px; color: #000;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} .list-case-main .con .info .t-2 {display: block; line-height: 24px; color: #757575;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} @media (max-width: 991px) { .list-case {padding: 40px 0;} .list-case .tit {font-size:18px;} .list-case-main .con {margin-bottom: 20px;} .list-case-main .con .info .t-1 {font-size: 16px;} } /*行业应用*/ .solve {padding-top: 70px;/* overflow: hidden;*/} .solve-tit {width:100%;overflow:hidden;text-align:center;font-size:40px;/*font-weight:bold;*/color:#333;position:relative;padding-bottom:20px;} .solve-tit:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#0da6a5;} @media (max-width: 991px) { .solve-tit {font-size: 20px;padding-bottom: 12px;} .solve-tit:before {width: 40px; height: 2px;} } .solve-1 {padding: 32px 0 70px 0; line-height: 32px; font-size: 16px; color: #494949;} .solve-1 p{margin-bottom: 10px;} .solve-2 {margin-top: 40px;} .category_solve-2{margin-bottom: 100px;} .solve-2item{width:100%;overflow:hidden;background:#fff;margin-top:40px;position:relative;box-shadow:0px 0px 13px 3px rgba(204,204,204,0.3);} .solve-2item a{width:100%;height:100%;display:block;overflow:hidden;position:relative;} .solve-2left{float:left;width:50%;overflow:hidden;} .solve-2left img{width:100%;height:auto;} .solve-2item:hover .solve-2left img{transform:scale(1.03);} .solve-2right{width:50%;overflow:hidden;position:absolute;right:0px;top:0px;height:100%;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;} .solve-2right span{width:82%;display:block;overflow:hidden;font-size:30px;color:#000;margin:0px auto;} .solve-2info{width:82%;overflow:hidden;line-height:26px;font-size:16px;color:#666;margin:20px auto 0px;} .solve-2more{width:82%;margin:30px auto 0px;} .solve-2more em{float:left;width:146px;height:48px;line-height:48px;overflow:hidden;border:1px #0da6a5 solid;border-radius:2px;box-sizing:border-box;padding-left:18px;font-size:14px;color:#333;position:relative;} .solve-2more em:before{width:26px;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-93.png") no-repeat left center;} .solve-2more em:after{width:26px;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-93-1.png") no-repeat left center;opacity:0;} .solve-2more em:hover{background:#0da6a5;color:#fff;} .solve-2more em:hover:before{opacity:0;} .solve-2more em:hover:after{opacity:1;} .solve-2item:nth-child(2n) .solve-2left{float:right;} .solve-2item:nth-child(2n) .solve-2right{right:auto;left:0px;} .solve-4{width:100%;overflow:hidden;padding: 85px 0 13px 0; background: #fff;} .solve-4left{width:50%;overflow:hidden; float: left;} .solve-4left img{width:100%;height:auto;} .solve-4left:hover img{transform:scale(1.03);} .solve-4right{width:47%; float: right; padding-top: 70px;} .solve-4right .tit {width:100%;overflow:hidden;font-size:32px;color:#222;} .solve-4info {width:100%;overflow:hidden;line-height:28px;font-size:16px;color:#626262;margin-top: 30px;} .solve-4right .solve-4more {width:100%;margin-top:40px;} .solve-4right .solve-4more a{float:left;width:130px;height:44px;line-height:44px;overflow:hidden;text-align:center;margin-right:20px;box-sizing:border-box;border:1px #0da6a5 solid;font-size:14px;color:#333;} .solve-4right .solve-4more em a{ min-width:120px; padding:0 25px; width:auto;} .solve-4right .solve-4more a:hover,.solve-4right .solve-4more a:first-child{background:#0da6a5;color:#fff;} .solve-4right .solve-4more a:hover{transform:translateY(-3px);} @media(max-width:991px){ .solve-4right .solve-4more span{ display: none; } .solve-4right .solve-4moree em{ width:120px; } } @media(min-width:992px){ .solve-4right .solve-4more em{ display: none; } } @media (max-width: 991px) { .solve {padding: 20px 0 0 0;} .solve-1 {padding: 20px 0 40px 0; font-size: 14px; line-height: 25px;} .solve-2left{width:100%;} .solve-2right{float:left;position:relative;box-sizing:border-box;padding:20px 0px;width:100%;} .solve-2right span{font-size:18px;} .solve-2info{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; line-height: 24px; font-size: 14px;} .solve-2more em{width:110px;height:36px;line-height:36px;} .solve-4 {padding: 20px 0;} .solve-4left{width:100%; float: none;} .solve-4right {width: 100%; float: none; padding-top: 20px;} .solve-4right .tit {font-size: 20px;} .solve-4info {line-height: 25px;font-size: 14px;margin-top: 20px;} .solve-4right .solve-4more {margin-top: 20px;} .solve-4right .solve-4more a {width: 120px; padding: 0 15px !important; min-width: 20px;} .solve-4right .solve-4more span{ display: none; } .solve-4right .solve-4more em{ width:120px; } } /*NEWS*/ .inner-news {padding: 60px 0 80px 0;} .news-top {} .news-top .con {} .news-top .con a {display: block;} .news-top .con a .pic {display: block; width: 100%; overflow: hidden;} .news-top .con a .pic img{height: auto;width: 100%;display: block;} .news-top .con a .info {padding: 22px;background: #f4f4f4;position: relative;z-index: 2;} .news-top .con a .info .tit {height: 50px;line-height: 25px;overflow: hidden;display: flex;align-items: center;color: #1c1c1c;font-size: 18px;margin-bottom: 14px;} .news-top .con a .info .day {border-top:1px solid #e1e1e1;padding-top: 18px;color: #8d8d8d;font-size: 16px;background: url(../images/arr.png) no-repeat right;} .news-top .con:hover {-moz-box-shadow:0px 2px 10px #bbb; -webkit-box-shadow:0px 2px 10px #bbb; box-shadow:0px 2px 10px #bbb;} .news-top .con:hover a .pic img{transform: scale(1.09);-webkit-transform: scale(1.09);} .news-top .con:hover a .info .day{color: #000; background: url(../images/arr_c.png) no-repeat right; } .list-news {padding: 60px 0 30px 0; overflow: hidden;} .list-news li {display: inline-block;width: 100%;margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ebebeb;} .list-news li:hover .imgfd img {transform: scale(1.09);-webkit-transform: scale(1.09);} .list-news li .imgfd {width:19%;overflow: hidden; display: block;} .list-news li .imgfd img{width: 100%; display: block;} .list-news li .txt{width: 78%; margin-top: 15px;} .list-news li .txt .t-1 {font-size: 24px;color: #222;font-weight: normal;height: 26px;line-height: 26px;overflow: hidden;} .list-news li .txt .word{color: #666;font-size: 16px;line-height:28px;height:58px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 20px 0;} .list-news li .bott span{color: #666;line-height: 34px;font-size: 16px;} .list-news li .bott .tags .t_lx{display: block;float: left;font-size: 16px;color: #888;background: #f3f4f8;padding: 6px;border-radius: 10px;margin-right: 16px;} .list-news li .bott .tags .t_lx:last-child{margin-right: 0;} .list-news li .bott .tags .t_lx:hover{background: #e0f3f3;} .list-news li .txt .t-1:hover{color: #1aa0a1;} .list-news .info {text-align: left;padding-right: 20px;font-size: 18px;line-height: 48px;margin-bottom: 20px;} .show-new {overflow: hidden; background: #f7f7f7;} .show-new-main {padding: 60px 65px; background: #fff;} .show-new-fl {padding-right: 40px; overflow: hidden;} .show-new-fl .t-1 {font-size: 28px;line-height: 40px;color: #1b1b1b;} .show-new-fl .t-2 {width: 100%; height: 62px; padding: 12px 0; border-bottom: 1px dotted #f1f1f1;} .show-new-fl .t-3 {display: block;float: left;font-size: 14px;line-height: 38px;color: #888;} /*.show-new-fl .t-2 span a {color: #b6b5b5;}*/ .show-new-fl .t-2 em {display: block; float: right; line-height: 38px; position: relative;} .pro-1fx {float:right; line-height: 44px; font-size: 16px;} .show-new-fl .t-2 em o {display: block; float: left;} .show-new-fl .t-2 em a {width: 34px;line-height: 34px;border-radius: 20px;text-align: center;color: #fff;background: #c5c5c5;margin: 2px 6px 0 0;float: left;} .show-new-fl .t-2 em a:hover i {background: #0da6a5;width: 34px; line-height:34px; display: block; border-radius: 20px;} .show-new-fl .box-1 {padding: 20px 0;line-height: 28px;font-size: 16px;overflow: hidden;} .show-new-fl .box-1 h3 {font-size: 18px;font-weight: bold;color: #0ea6a5;margin: 20px 0 0 32px;} .show-new-fl .box-1 p:first-child,.show-new-fl .box-1 h3:first-child{margin-top:0;} .show-new-fl .box-1 p:last-child{margin-bottom:0;} .show-new-fl .box-1 p{margin: 20px 0;} .show-new-fl .box-1 img,.show-new-fl .box-1 video{max-width: 100%;} .show-new-fl .box-2 {width: 100%; height: 27px; margin-bottom: 25px;} .show-new-fl .box-2 dt {line-height: 27px; float: left; font-size: 15px; color: #484848; display: block;} .show-new-fl .box-2 dd {display: block;float: left;background: #f3f4f8;padding:0 10px; line-height: 27px; border-radius: 20px; margin-right: 15px;} .show-new-fl .box-2 dd a {display: block; color: #717171;} .show-new-fl .box-2 dd:hover{background: #e0f3f3;} .show-new-fl .paging { width: 100%; overflow: hidden; padding: 40px 0; border-top: 1px dotted #f1f1f1;} .show-new-fl .paging-fl {float: left;} .show-new-fl .paging-fl span {display: block; line-height: 35px; font-size: 16px; color: #484848;} .show-new-fl .paging-fl span a {color: #484848;} .show-new-fl .paging-fl span a:hover {color: #1aa0a1;} .show-new-fl .return { float: right; border-radius: 25px; display: block;width: 140px; line-height: 50px; margin-top: 10px; text-align: center; font-size: 16px; background: #0da6a5; color: #fff; } .show-new-fl .return a {color: #fff; display: block;} .show-new-fl .show_qrcode{position: absolute; top:45px ; right: 6px;display:none; background: #fff;} .show-new-fl .show_qrcode .code{ border:#ccc solid 1px; border-radius: 5px;box-shadow: 2px 2px 3px rgba(0,0,0,.4); } .show-new-fl .show_qrcode .code img{ margin-top:-10px ; width: 120px;} .show-new-fl .show_qrcode span{ text-align: center; line-height: 25px; overflow: hidden;display: block;width:100%;font-size: 15px;color:rgba(0,0,0,.8); font-weight: bold;margin-top: 8px;} .show-new-fl .show_qrcode i.close{font-size: 16px; padding-top: 5px; padding-right: 5px;} .show-new-fr {margin-top: 18px; overflow: hidden;} .show-new-fr .title {font-size: 20px;color: #555;border-left: 8px solid #0da6a5;padding-left: 10px;margin-bottom: 5px;display: block;font-weight: bold;} .show-new-fr .info-new {margin-top: 10px; padding-bottom: 35px;overflow: hidden;} .show-new-fr .info-new .con {padding-top: 18px;overflow: hidden;} .show-new-fr .info-new .con .pic {width: 35%;float: left;overflow: hidden;} .show-new-fr .info-new .con .pic img {width: 98%;display: block;border-radius: 10px;transition: transform 0.3s ease;} .show-new-fr .info-new .con:hover .pic img {transform: scale(1.05);-webkit-transform: scale(1.05);} .show-new-fr .info-new .con:hover .txt span a {color: #0da6a5;} .show-new-fr .info-new .con .txt {width: 63%;float: right;display: flex;flex-direction: column;overflow: hidden;} .show-new-fr .info-new .con .txt span {display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;line-height: 22px;max-height: 44px;overflow: hidden;text-overflow: ellipsis;font-size: 15px;} .show-new-fr .info-new .con .txt span a {color: #1b1b1b;} .show-new-fr .info-new .con .txt em {margin-top: 10px;color: #888;font-size: 14px;display: block;} .show-new-fr .list-rmtj {margin-top: 15px;overflow: hidden;display: block;} .show-new-fr .list-rmtj li {width: 100%;line-height: 38px;height: 38px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .show-new-fr .list-rmtj li span {font-size: 18px; /*color: #888;*/} .show-new-fr .list-rmtj li a {font-size: 16px; color: #3d3d3d;} .show-new-fr .list-rmtj li a:hover {color: #0da6a5;} .news-solve-3 {background: #fff!important; overflow: hidden; margin: 80px 0 100px 0!important; padding: 70px 5% 90px 5%!important;} .news-solve-3 .solve-3content .swiper-slide {border:1px solid #dbdbdb;} .news-solve-3 .solve-3content .swiper-button-next {right: -60px;} .news-solve-3 .solve-3content .swiper-button-prev {left: -60px;} .video-new {width: 100%; padding: 70px 0; overflow: hidden; background: #fff;} .video-new .vd-list{overflow:hidden;clear: both;} .video-new .vd-item {overflow:hidden;margin-bottom:30px;cursor:pointer;} .video-new .vd-top{width:100%;overflow:hidden;position:relative;} .video-new .vd-top:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:rgba(34,34,34,0.3);z-index:1;} .video-new .vd-top img{width:100%;height:100%;object-fit:cover;} .video-new .vd-item:hover .vd-top img{transform:scale(1.02);} .video-new .vd-top span{width:75px;height:75px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("../images/icon-42.png") no-repeat center;background-size:100%;z-index:12;} .video-new .vd-bottom{width:100%;overflow:hidden;margin-top:20px;} .video-new .vd-bottom span{float:left;width:100%;overflow:hidden;font-size:20px;color:#222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-align:center;} .video-new .vd-bottom p{float:left;width:100%;overflow:hidden;font-size:20px;color:#222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top:10px;text-align:center;} @media (max-width: 991px){ .video-new {padding: 40px 0;} .video-new .vd-list .col-lg-4 {width: 50%;} .video-new .vd-item {margin-bottom:20px;} .video-new .vd-top span {width: 30px; height: 30px;} .video-new .vd-bottom{margin-top:12px;} .video-new .vd-bottom span {font-size: 12px;} .news-solve-3 {padding: 30px 10px!important; margin: 20px 0 40px 0!important;} .news-solve-3 .solve-3content .swiper-button-next {right:10px;} .news-solve-3 .solve-3content .swiper-button-prev {left:10px;} .show-new-main {padding: 30px 10px;} .show-new-fl {padding: 0;} .show-new-fl .t-1 {text-align: center;font-size: 20px;line-height: 28px;} .show-new-fl .t-2 span {width: 100%; font-size: 13px;} .show-new-fl .t-2 em {display: none;} .show-new-fl .t-3 {float: none;text-align: center;font-size: 12px;} .show-new-fl .box-2 {margin-bottom: 15px;} .show-new-fl .box-2 dt {font-size: 12px;} .show-new-fl .box-2 dd {font-size: 12px; padding: 0 5px; margin-right: 10px;} .show-new-fl .paging {padding: 20px 0;} .show-new-fl .paging-fl {float: none;} .show-new-fl .paging-fl span {line-height: 28px;font-size: 15px;} .show-new-fl .return {display: none;} .show-new-fr .title {font-size: 18px;} .show-new-fr .list-rmtj li a {font-size: 15px;} .news-top .con {margin-bottom: 20px;} .news-top .con a .info {padding: 10px;} .news-top .con a .info .tit {font-size: 16px;} .news-top .con a .info .day {font-size: 12px;} .list-news {padding:15px 0;} .list-news li {margin-bottom: 0;padding: 20px 0;} .list-news li .txt .t-1 {font-size: 17px;} .list-news li .txt .word{height: 48px;line-height: 24px;margin: 5px 0;} .list-news li .imgfd {width: 38%!important;} .list-news li .txt{width: 60%!important; margin-top: 0;} } @media (max-width: 991px) { .inner-news {padding: 40px 0;} .list-news li .bott span{font-size: 16px;} .list-news li .bott .tags{display: none;} } @media (max-width: 450px){ .list-news li .txt .t-1 {font-size: 15px;} .list-news li .imgfd{width: 44%;} .list-news li .txt{width: 53%;} .list-news li .bott span{font-size: 14px;line-height: 20px;} .list-news li .pad{padding: 14px;} .list-news li {margin-bottom: 0;padding: 10px 0;} .list-news li .txt .word{font-size: 12px;height: 40px;line-height: 20px;} } .contact {width: 100%; padding: 50px 0 100px 0; overflow: hidden;} .contact .col-lg-4,.contact .col-lg-8 {padding: 0;} .contact .lx-txt {padding: 95px 40px 88px 68px; background: #0da6a5; color: #fff; overflow: hidden;} .contact .lx-txt .t-1 {font-size: 30px; margin-bottom: 35px; overflow: hidden;} .contact .lx-txt .t-2 {font-size: 48px; line-height: 38px; font-weight: bold; overflow: hidden;} .contact .lx-txt .t-2 i {display: block; float: left; width:30px; height: 30px; background: url("../images/f-tel.png") no-repeat; margin:4px 20px 0 0;} .contact .lx-txt .t-3 {margin-top: 28px; line-height: 48px; font-size: 18px;} .contact .lx-txt .t-3 i {display: block; float: left; width: 22px; height: 24px; margin:12px 10px 0 0;} .contact .lx-txt .t-3 .i-1 {background: url("../images/l-1.png") no-repeat;} .contact .lx-txt .t-3 .i-2 {background: url("../images/l-2.png") no-repeat;} .contact .lx-txt .t-3 .i-3 {background: url("../images/l-3.png") no-repeat;} .contact .lx-txt .t-3 .i-4 {background: url("../images/l-4.png") no-repeat;} .contact .lx-txt .t-3 .i-5 {background: url("../images/l-5.png") no-repeat;} .contact .lx-map {width: 100%;} @media(max-width:1280px){ .contact .lx-txt .t-2 { font-size: 40px; } .contact .lx-txt {padding: 80px 40px 48px 68px;} } .contact-form-content {width: 100%; background: #eef1f5; padding: 80px 0; overflow: hidden;} .contact-form-content .tit {margin: 65px 0 30px 0; font-size: 16px; color: #404040; overflow: hidden;} .contact-form-content .tit span {display: block; color: #061f23; font-size: 42px; margin-bottom: 30px;} .contact-form-wrap {width: 100%;} .input-item {margin-top: 12px;} .input-item .invalid-feedback{ text-indent: 6px; line-height: 20px;} .input-item input::placeholder,.input-item textarea::placeholder { font-size: 14px; /* 设置字体大小为14px */ } .input-item input, .input-item textarea { border: 1px solid #e1e1e1; display: block; padding: 12px 15px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; font-size: 14px; } .input-item input{ height: 45px; } .input-item input:focus, .input-item textarea:focus { border-color: #eeb644; } .input-item .nice-select { border-color: #e1e1e1; height: 50px; padding-left: 15px; line-height: 50px; } .input-item .nice-select .list { max-height: 200px; overflow: auto; } .input-item .btn-brand { font-size: 18px; margin: 10px auto 0; letter-spacing: 1.6px; width: 190px; line-height: 50px; padding: 0; border: 0; display: block; } .btn-brand { background-color: #0da6a5; border-color: #0da6a5; color: #fff; } .btn-brand:hover { background-color: #d8d8d8; border-color: #d8d8d8; } @media (max-width: 991px) { .contact {padding:0 0 30px 0;} .contact .lx-txt {padding: 20px 15px;} .contact .lx-txt .t-1 {font-size: 18px; margin-bottom: 20px;} .contact .lx-txt .t-2 {font-size: 20px;} .contact .lx-txt .t-3 {font-size: 14px; margin-top: 20px;} .contact .lx-map img {width: 100%;} .contact-form-content {padding:30px 0; } .contact-form-content .tit {margin:30px 0 0 0; font-size: 14px;} .contact-form-content .tit span {font-size:28px; margin-bottom:20px;} .contact-form-content .tit p {line-height: 20px;} .input-item {margin-top: 12px;} .input-item .btn-brand {font-size: 16px;line-height: 40px;} } .inner-pro {padding: 40px 0;overflow: hidden;} .inner-pro .pro-fl {width: 20%; float: left;} .pro-left{float:left;width:calc(295px + 5px);box-sizing:border-box;position:sticky;/*top:calc(100px + 20px);max-height:80vh;*/} .pro-center{float:left;width:300px;box-sizing:border-box;position:relative;} /*.pro-center:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border:1px #e6e6e6 solid;box-sizing:border-box;}*/ .pro-pannel{width:100%;overflow:hidden;position:relative;z-index:12;border:1px #e6e6e6 solid; margin-bottom: 4px;} /*.pro-pannel:before{width:100%;height:1px;content:"";position:absolute;left:0px;bottom:0px;background:#e6e6e6;}*/ .pro-title{width:100%;overflow:hidden;height:64px;line-height:64px;cursor:pointer;} .pro-title a{width:100%;height:100%;overflow:hidden;display:flex;box-sizing:border-box;padding:0px 20px 0px 16px;justify-content:space-between;align-items:center;} .pro-title span{width:90%;display:block;overflow:hidden;box-sizing:border-box;font-size:16px !important;color:#222;position:relative;line-height:22px;} .pro-pannel .icon {width:45px;height:45px;display:block;position:absolute;overflow:hidden; top:9px;right: 16px;} .pro-pannel .icon .ic {width:100%;height:100%;position:absolute;left:0;top:0;background-repeat: no-repeat; background-position: center; background-size: contain;transform:translateX(-100%);-webkit-filter:drop-shadow(45px 0 0 #0da6a5);filter:drop-shadow(45px 0 0 #0da6a5)} .pro-pannel.active {margin-bottom: 18px;} .pro-pannel.active .ic {transform:translateX(0);filter:none} .pro-title em{width:12px;height:12px;display:block;position:relative;} .pro-title em:before{width:100%;height:2px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0da6a5;} .pro-title em:after{width:2px;height:100%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0da6a5;} .pro-pannel.active .pro-title{background:#0da6a5;cursor:default;} .pro-pannel.active .pro-title span{color:#fff;} .pro-pannel.active .pro-title span:before{border-color:#fff;} .pro-pannel.active .pro-title em:after{opacity:0;} .pro-pannel.active .pro-title em:before{background:#fff;} .pro-cont{width:100%;overflow:hidden;display:none;box-sizing:border-box;} .pro-model{width:100%;overflow:hidden;border-bottom:1px #e6e6e6 solid;} .pro-model:last-child {border-bottom: 0;} .pro-item{width:100%;overflow:hidden;height:58px;line-height:58px;padding: 0 40px 0 20px; text-indent: 10px; cursor:pointer; position: relative;} .no_cat{text-indent:23px ;} .pro-item span a:hover{ color:#0da6a5;} /*.pro-item:before {width:100%;height:1px;content:"";position:absolute;left:0px;bottom:0px;background:#e6e6e6;}*/ .pro-item span{float:left;width:calc(100% - 20px);overflow:hidden;height:100%;font-size:15px !important;color:#414141;} .pro-item em{width:12px;height:100%;float:left;overflow:hidden;position:relative;} .pro-item em:before{width:12px;height:2px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0da6a5;} .pro-item em:after{width:2px;height:12px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0da6a5;} .pro-model.active .pro-item span{color:#0da6a5;} .pro-model.active .pro-item span a{color:#0da6a5;} .pro-model.active .pro-item em:after{opacity:0;} .pro-model ul{width:100%;overflow:hidden; display:none;} .pro-model ul li{float:left;width:100%;overflow:hidden;line-height:50px;border-top:1px #e6e6e6 solid;text-indent:50px; position:relative;cursor:pointer;} .pro-model ul li a{color:#666;} .pro-model ul li a.active{color:#0da6a5;} .pro-model ul li:before{width:4px;height:4px;content:"";position:absolute;left:38px;top:22px;border-radius:50%;background:#bdbdbd;} .pro-model ul li.on a,.pro-model ul li:hover a{color:#0da6a5;} .inner-pro .pro-fl .other-news {width: 96%; padding-top: 45px; clear: both;} .inner-pro .pro-fl .other-news-top {width: 100%; height: 34px; position: relative;} .inner-pro .pro-fl .other-news-top:after {width:4px;height:34px;content:"";position:absolute;left:0;top:0;background:#0da6a5;} .inner-pro .pro-fl .other-news-top span {text-indent: 20px; line-height: 34px; font-size: 26px; color: #000; display: block; float: left;} .inner-pro .pro-fl .other-news-top em {width: 20px; height: 16px; float: right; display: block; margin: 9px 7px 0 0;} .inner-pro .pro-fl .other-news ul {display: block; margin-top: 19px; overflow: hidden;} .inner-pro .pro-fl .other-news ul li {width: 100%; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; padding: 23px 15px; background: #f8f8f8; margin-bottom: 10px;} .inner-pro .pro-fl .other-news ul li a {color: #414141;} .inner-pro .pro-fr {width: 77%; float: right;/*min-height:2190px;*/} .inner-pro .pro-fr .screen-OFF {background: #fff!important; border: 0!important;} .inner-pro .pro-fr .screen-OFF .col-lg-8 {display: none;} .inner-pro .pro-fr .screen {width: 100%;background: #f7f7f7;border: 1px solid #dcdcdc;margin-bottom: 15px;} .inner-pro .pro-fr .screen .dropdown {float: left;} .inner-pro .pro-fr .screen .dropdown .btn-secondary {color: #5d5b5b; background: none;} .inner-pro .pro-fr .screen .show > .btn-secondary.dropdown-toggle:focus {box-shadow:none} .inner-pro .pro-fr .screen .btn-secondary:focus, .inner-pro .pro-fr .screen .btn-secondary.focus {-webkit-tap-highlight-color: transparent; outline: none;} .inner-pro .pro-fr .screen .dropdown .btn {min-width: 10rem;padding: 10px 12px;border: 0;border-right: 1px solid #dcdcdc;border-radius: 0;font-size: 15px;} .inner-pro .pro-fr .screen .dropdown .dropdown-item {padding: 8px 15px;text-align: center;font-size: 14px;border-bottom: 1px solid #dcdcdc;} .inner-pro .pro-fr .screen .dropdown .dropdown-item:hover{background: rgba(13, 166, 165, 0.1);cursor: pointer;} .inner-pro .pro-fr .screen .dropdown .dropdown-item:hover{color: #0da6a5;} .inner-pro .pro-fr .screen .dropdown .dropdown-item:last-child {border-bottom: 0;} @media (max-width: 991px) { .inner-pro .pro-fr .screen .dropdown .dropdown-item{padding: 6px 15px;} } .inner-pro .pro-fr .screen .info {float: right; padding-right: 12px;font-size: 15px; line-height: 42px; color: #0da6a5;} .inner-pro .pro-fr .screen .info span {margin-left: 10px; color: #5d5d5d;} .inner-pro .pro-fr .screen .info o {color: #0da6a5;} .inner-pro .pro-fr .screen .info h1{display: inline-block;font-size: 15px;} .inner-pro .pro-fr-main { /*margin-bottom: 10px;*/ overflow: hidden;} .inner-pro .pro-fr-main .con {border: 1px solid #ddd; border-bottom: 3px solid #fff;margin-bottom: 30px;} .inner-pro .pro-fr-main .con:hover {border-bottom: 3px solid #0da6a5;} .inner-pro .pro-fr-main .con .pic {overflow: hidden;} .inner-pro .pro-fr-main .con .pic img {width: 100%; } .inner-pro .pro-fr-main .con .pic img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .inner-pro .pro-fr-main .con:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .inner-pro .pro-fr-main .con .info {padding: 15px 17px 0 17px;position: relative;} .inner-pro .pro-fr-main .info:before {width: 100%; content:"";position:absolute;left:0;bottom:-1px;border-bottom: 1px solid #ddd;} .inner-pro .pro-fr-main .con .info .t-1 {height: 44px;line-height: 22px;font-size: 16px;margin-bottom: 5px;overflow: hidden;display: flex;align-items: center;text-align: center;justify-content: center;} .inner-pro .pro-fr-main .con .info .t-1 a {color: #000;} .inner-pro .pro-fr-main .con .info .t-2 {color: #999;margin-bottom: 15px;line-height: 25px;height: 50px;overflow: hidden;} .inner-pro .pro-fr-main .con .info .more {line-height: 52px; border-top: 1px solid #ddd; text-align: center; font-size: 16px;} .inner-pro .pro-fr-main .con .info .more a {color: #444;} .inner-pro .pro-fr-main .con:hover .t-2{color: #444;} .inner-pro .pro-fr-main .con:hover .info a {color: #0da6a5;} .solve-main {padding-bottom: 160px;} .solve-ls {width:100%;overflow:hidden;height:70px;background:#f2f2f2;margin-top: 70px;} .solve-ls ul{overflow:hidden;margin: 10px auto 0px;height: 60px;line-height: 60px;} .solve-ls ul li{float:left;width: 24%;margin-right: 1.33%;overflow:hidden;height:100%;text-align:center;font-size:18px;color:#666;cursor:pointer;position:relative;} .solve-ls ul li:last-child{margin-right: 0;} .solve-ls ul li a{ color:#333;} .solve-ls ul li:before{width:0%;height:2px;content:"";position:absolute;left:0px;top:0px;background:#0da6a5;} .solve-ls ul li:hover {background:#fff;color:#0da6a5; } .solve-ls ul li.active {background:#fff;color:#0da6a5;} .solve-ls li.active:before{width:100%;} .solve-ls ul li:hover:before{width:100%;height:2px;content:"";position:absolute;left:0px;top:0px;background:#0da6a5;} .solve-info {overflow:hidden;margin:0px auto;padding-top: 70px;font-size: 16px;line-height: 25px;color: #333;} .solve-info h2.tit{font-size: 20px;color: #0ea6a5;margin-bottom: 30px;} .solve-info p {margin-bottom: 10px;} @media (max-width: 991px) { .solve-main {padding-bottom: 40px;} .solve-ls {margin-top:10px;height: 56px;} .solve-ls ul{overflow:hidden;margin: 5px auto 0px;height: 51px;line-height: 48px;} .solve-ls li a{font-size: 16px;} .solve-info {padding-top:20px;} .solve-info h2.tit{font-size:18px;margin: 10px 0 20px;} } .inner-pro .pro-fr-T {width: 100%;line-height: 22px;border-top: 1px solid #ddd;padding-top: 20px;font-size: 14px;margin-top: 30px;color: #888;clear: both;} .inner-pro .pro-fr-T p{text-indent: 2em;} @media (max-width: 991px) { .inner-pro .pro-fr-T{display:none;} } @media (max-width: 1480px) { .inner-pro .pro-fr .screen .col-lg-9 {max-width: 100%;flex:0 0 100%;} .inner-pro .pro-fr .screen .col-lg-3 {display: none;} } @media (max-width: 1440px) { .pro-center {width:90%;} } @media (max-width: 1366px) { .pro-center {width:85%;} } @media (max-width: 991px) { .inner-pro {padding: 30px 0;} .inner-pro .pro-fl {width: 85%; float: none; margin: 0 auto;} /*.pro-left {width: 100%; top: 0px; position: relative; max-height: 200px;}*/ .inner-pro .pro-fl .other-news {display: none;} .inner-pro .pro-fr {width: 100%; float: none; clear: both; padding-top: 20px;} .inner-pro .pro-fr .screen .dropdown {} .inner-pro .pro-fr .screen .dropdown .btn {width: auto;font-size: 14px;padding: 12px 10px;border-right:0;} .inner-pro .pro-fr .screen .info {float: none; text-align: center; padding-right: 0; font-size: 14px;} .inner-pro .pro-fr-main {/* padding-bottom: 20px; */overflow: inherit;} .inner-pro .pro-fr-main .con .info {padding: 10px 5px 0 5px;} .inner-pro .pro-fr-main .con .info .t-2 {display: none;} .inner-pro .pro-fr-main .con {margin-bottom: 20px;} .inner-pro .pro-fr-main .con .info .t-1 {height: 60px;font-size: 15px;line-height: 20px;display: flex;align-items: center;text-overflow: clip;white-space: normal;} .inner-pro .pro-fr-main .con .info .t-2 {font-size: 12px;} .inner-pro .pro-fr-main .con .info .more{font-size: 15px;line-height: 40px;} } /*video*/ .video-prop{width:100%;height:100%;overflow:hidden;position:fixed;left:0px;top:0px;z-index:1000;background:rgba(0,0,0,0.6);text-align:center;visibility:hidden;opacity:0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;} .video-prop:before{height:100%;content:"";display:inline-block;vertical-align:middle;} .video-center{width:65%;vertical-align:middle;display:inline-block;position:relative;} .video-center video{width:100%;height:auto;display:block;} .video-close{width:36px;height:36px;overflow:hidden;position:absolute;right:-18px;top:-18px;z-index:12;border-radius:50%;background:#fafafa;text-align:center;cursor:pointer;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;} .video-close:before{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(45deg);} .video-close:after{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(-45deg);} .video-close:hover{transform:rotate(180deg);} .video-active{opacity:1;visibility:visible;} @media screen and (max-width:768px){.video-center{width:90%;} .video-close{width:32px;height:32px;right:-16px;top:-16px;} } /*product-info*/ .pro-1 {width:100%;overflow:hidden;padding:66px 0px 0px 0;} .pro-1left{width:46%;overflow:hidden; float: left;} .pro-1left .tit {width: 100%;font-size:32px;color:#222;} /*.pro-1left .tit .t-1 {width: 70%;font-size:32px;color:#222; float:left;} .pro-1left .tit .t-2 {width: 27%; float: right; text-align: right;line-height:38px; color:#999; font-size:16px; background:url(../images/eye0.png) center left no-repeat; background-size:24px 24px;}*/ .pro-1info{width:100%;overflow:hidden;line-height:28px;font-size:16px;color:#666;margin-top:30px;} .pro-1-m {width:100%;margin-top:60px; position: relative; min-height: 200px;} .pro-1more{float:left;} @media(max-width:991px){ .pro-1more span{ display: none; } .pro-1more em{ width:120px; } } @media(min-width:992px){ .pro-1more em{ display: none; } } .pro-1more a{float:left;width:150px;height:44px;line-height:44px;overflow:hidden;text-align:center;margin-right:20px;box-sizing:border-box;border:1px #0da6a5 solid;font-size:14px;color:#333;border-radius: 4px;} .pro-1more a:hover,.pro-1more a:first-child{background:#0da6a5;color:#fff;} .pro-1more a:hover{transform:translateY(-3px);} .pro-1fx {float:right; line-height: 44px; font-size: 16px;} .pro-1fx span {display: block; float: left;} .pro-1-m .show_qrcode{position: absolute; top:45px ; right: 6px;display:none;background-color: #fff;} .pro-1-m .show_qrcode .code{ border:#ccc solid 1px; border-radius: 5px;box-shadow: 2px 2px 3px rgba(0,0,0,.4); } .pro-1-m .show_qrcode .code img{ margin-top:-10px ;width:120px;} .pro-1-m .show_qrcode span{ text-align: center; line-height: 25px; overflow: hidden;display: block;width:100%;font-size: 15px;color:rgba(0,0,0,.8); font-weight: bold;margin-top: 2px;} .pro-1-m .show_qrcode i.close{font-size: 16px; padding-top: 5px; padding-right: 5px;} .pro-1fx a {width: 34px; line-height: 34px; display: block; border-radius: 20px; text-align: center; color: #fff; background: #bdbdbd; margin: 2px 6px 0 0; float: left;} .pro-1fx a:hover i {background: #0da6a5;width: 34px; line-height:34px; display: block; border-radius: 20px;} .pro-1right{width:46%; float: right;} .pro-1cont{float:left;width:83.5%;overflow:hidden;} .pro-1cont .swiper-slide{position:relative;} .pro-1cont .swiper-slide img{width:100%;height:auto;/*max-width:80%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);*/} .pro-1nav{float:right;width:15.234%;height:17vw; margin: 50px 0; position:relative;} .pro-1nav .swiper-slide{box-sizing:border-box;border:3px #f2f2f2 solid;position:relative;cursor:pointer;} .pro-1nav .swiper-slide img{width:auto;height:auto;max-width:70%;max-height:70%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .pro-1nav .swiper-slide.active{border-color:#0da6a5;} .pro-1nav .swiper-button-prev{width:100%;height:40px;background:#f7f7f7 url("../images/icon-24.png") no-repeat center;left:0px;margin:0px;top:-50px;} .pro-1nav .swiper-button-next{width:100%;height:40px;background:#f7f7f7 url("../images/icon-24.png") no-repeat center;right:0px;margin:0px;top:auto;bottom:-50px;transform:rotate(180deg);} .pro-1nav .swiper-button-prev:hover,.pro-1nav .swiper-button-next:hover{background-color:#ddd;} .pro-2{width:100%;overflow:hidden;height:70px;background:#f2f2f2;margin-top: 30px;} .pro-2 ul{overflow:hidden;margin:10px auto 0px;height:60px;line-height: 60px;} .pro-2 ul li{float:left;width:25%;overflow:hidden;height:100%;text-align:center;font-size:18px;color:#333;cursor:pointer;position:relative;} .pro-2 ul li:before{width:0%;height:2px;content:"";position:absolute;left:0px;top:0px;background:#0da6a5;} .pro-2 ul li.active{background:#fff;color:#0da6a5;} .pro-2 ul li.active:before{width:100%;} .pro-3{width:100%;overflow:hidden;position:relative;color:#333;} .pro-3pannel {width:100%;overflow:hidden;position:absolute;left:0px;top:0px; opacity: 0; z-index:1;} .pro-3pannel.active {opacity: 1; z-index:2; position:relative;} /*.pro-3pannel.item4 {opacity: 0;} .pro-3pannel.item4.active {opacity: 1;}*/ .pro-3td{overflow:hidden;margin:0px auto;padding: 80px 20px;} .pro-3td .h4{float:left;width:100%;overflow:hidden;font-size:24px;color:#0da6a5;} .pro-3info{float:left;width:100%;overflow:hidden;line-height:28px;font-size:16px;color:#666;margin-top:20px;} .pro-3pic{float:left;width:100%;overflow:hidden;margin-top:20px;} .pro-3pic img{width:100%;height:auto;} .pro-3pannel ul{float:left;width:100%;overflow:hidden;display:flex;flex-wrap:wrap;margin-top:25px;} .pro-3pannel ul li{float:left;width:100% !important;overflow:hidden;line-height:24px;position:relative;font-size:16px;color:#222;padding-left:24px;margin-top:20px;box-sizing:border-box;} .pro-3pannel ul li:before{width:6px;height:6px;content:"";position:absolute;left:0px;top:10px;border-radius:50%;background:#0da6a5;overflow:hidden;} .pro-3des{float:left;width:100%;overflow:hidden;line-height:28px;font-size:16px;color:#666;margin-top:50px;} .pro-3pannel ul.on li{width:32%;margin-right:1%;} .pro-3pannel.active .pro-3td {animation:updown 0.5s ease 1;animation-fill-mode:forwards;font-size: 16px;line-height: 25px;} .pro-3pannel.active .pro-3td .pic {display: inline-block; width: 100%; text-align: center;} .pro-3pannel.active .pro-3td h3:first-child{ margin-top: 0; } .pro-3pannel.active .pro-3td h3{ border-left: 6px solid #43b0ac; padding-left: 10px; font-size: 20px; font-weight: 600; margin: 40px 0 20px; } .pro-3pannel.active .pro-3td p{ margin-bottom: 10px; } .pro-3pannel.active .pro-3td p img{ max-width:100%; } .pro-3pannel.active .pro-3td table { border-collapse: collapse; border: #dcdcdc solid 1px; width: 100%; text-align: center; margin-bottom: 10px; } .pro-3pannel.active .pro-3td table tr:hover{ background: rgba(13, 166, 165, 0.1); cursor: pointer; } .pro-3pannel.active .pro-3td table td { padding: 6px 4px; /*min-width: 120px;*/ } @media (max-width:992px){ .pro-3pannel.active .pro-3td .table-con {overflow: scroll; } .pro-3pannel.active .pro-3td table {width: 100%;/* margin: 20px 0; */} } @media (max-width:1600px){ .pro-3pannel.active .pro-3td .table-con {overflow: scroll; } } .pro-3pannel.active .pro-3td table.index { border-collapse: collapse; border: #fff solid 1px; } .pro-3pannel.active .pro-3td table.index tr { border: #fff solid 1px; } .pro-3pannel.active .pro-3td table.index tr:first-child td:nth-child(1) { /*background: rgb(28, 160, 159) !important;*/ } .pro-3pannel.active .pro-3td table.index tr:first-child td:nth-child(2) { /*background: #dcedec !important;*/ font-size: 16px; } .pro-3pannel.active .pro-3td table.index tr > td.bg { background: rgb(28, 160, 159) !important; font-size: 16px; } .pro-3pannel.active .pro-3td table.index tr td:nth-child(2) { border: #fff solid 1px; /*background: #dcedec !important;*/ padding-left: 40px; font-size: 16px; } .pro-3pannel.active .pro-3td table.index tr td:nth-child(2) p { text-indent: 0px !important; /*border-bottom:#fff solid 1px;*/ } .pro-3pannel.active .pro-3td table.index tr td:nth-child(2) p:last-child { /*border-bottom:none;*/ } .pro-3left{width:41.5%;overflow:hidden;} .pro-3model{width:100%;overflow:hidden;} .pro-3model samp{display:none;} .pro-3model span{float:left;width:100%;overflow:hidden;font-size:24px;color:#0da6a5;opacity:0;transform:translateY(60px);} .pro-3model em{float:left;width:100%;overflow:hidden;font-size:14px;color:#999;opacity:0;transform:translateY(60px);} .pro-3ct{float:left;width:100%;overflow:hidden;line-height:28px;font-size:16px;color:#666;margin-top:60px;opacity:0;transform:translateY(60px);} .pro-3left .swiper-slide-active .pro-3model span{animation:updown 0.5s ease 1;animation-fill-mode:forwards;} .pro-3left .swiper-slide-active .pro-3model em{animation:updown 0.5s ease 0.1s 1;animation-fill-mode:forwards;} .pro-3left .swiper-slide-active .pro-3ct{animation:updown 0.5s ease 0.2s 1;animation-fill-mode:forwards;} .pro-3right{width:32.29vw;height:32.29vw;position:relative;background:url("../images/icon-128.png") no-repeat center;background-size:100%;transform:translateX(-22%);} .pro-3cir{width:70%;height:70%;overflow:hidden;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .pro-3cir span{width:100%;display:block;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;opacity:0;-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;-ms-transition:all 0.8s ease 0s;-o-transition:all 0.8s ease 0s;transition:all 0.8s ease 0s;transform:scale(1.06);} .pro-3cir span img{width:100%;height:100%;overflow:hidden;object-fit:cover;} .pro-3cir span.active{opacity:1;transform:scale(1);} .pro-3loop{width:100%;height:100%;position:absolute;left:0px;top:0px;} .pro-3small{width:auto;overflow:hidden;position:absolute;z-index:12;cursor:pointer;display:flex;justify-content:space-between;align-items:center;top:50%;transform:translateY(-50%);opacity:0;} .pro-3small samp{width:3.646vw;height:3.646vw;display:block;border-radius:50%;box-sizing:border-box;overflow:hidden;position:relative;} .pro-3small samp:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;box-sizing:border-box;border-radius:50%;border:5px transparent solid;} .pro-3small samp img{width:100%;height:100%;} .pro-3small .pro-3res{width:280px;overflow:hidden;margin-left:27px;} .pro-3small .pro-3res span{width:100%;overflow:hidden;display:block;font-size:16px;color:#222;} .pro-3small .pro-3res em{width:100%;overflow:hidden;display:block;font-size:14px;color:#999;text-align:left;} .pro-3small.active samp:before{border:5px #0da6a5 solid;} .pro-3small.active .pro-3res span,.pro-3small.active .pro-3res em{color:#0da6a5;} .pro-3small.ps{left:89%;opacity:1;} .pro-3small.ps1{left:88%;top:40%;opacity:1;} .pro-3small.ps2{left:88%;top:60%;opacity:1;} .pro-3small.psa1{left:85%;top:32%;opacity:1;} .pro-3small.psa2{left:89%;top:50%;opacity:1;} .pro-3small.psa3{left:85%;top:68%;opacity:1;} .pro-3small.pt1{left:81%;top:24%;opacity:1;} .pro-3small.pt2{left:88%;top:41%;opacity:1;} .pro-3small.pt3{left:88%;top:59%;opacity:1;} .pro-3small.pt4{left:81%;top:76%;opacity:1;} .pro-3small.p1{left:74%;top:16%;opacity:1;} .pro-3small.p2{left:85%;top:32%;opacity:1;} .pro-3small.p3{left:89%;top:50%;opacity:1;} .pro-3small.p4{left:85%;top:68%;opacity:1;} .pro-3small.p5{left:74%;top:84%;opacity:1;} .pro-3small.po1,.pro-3small.pm1{left:61%;top:9%;opacity:1;} .pro-3small.po2,.pro-3small.pm2{left:80%;top:22%;opacity:1;} .pro-3small.po3,.pro-3small.pm3{left:88%;top:40%;opacity:1;} .pro-3small.po4,.pro-3small.pm4{left:88%;top:60%;opacity:1;} .pro-3small.po5,.pro-3small.pm5{left:80%;top:78%;opacity:1;} .pro-3small.po6,.pro-3small.pm6{left:61%;top:91%;opacity:1;} .pro-3pannel.active .pro-3app{animation:updown 0.5s ease 1;animation-fill-mode:forwards;} .pro-3rel{width:75%;margin:160px auto;position:relative;opacity:0;transform:translateY(60px);} .pro-3rel .swiper-slide{box-sizing:border-box;padding:0px 2.4vw;} .pro-3rel a{width:100%;display:block;overflow:hidden;height:100%;} .pro-3rel samp{width:100%;display:block;overflow:hidden;height:13.54vw;position:relative;} .pro-3rel samp img{width:auto;height:auto;max-width:90%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .pro-3rel span{width:100%;display:block;overflow:hidden;margin-top:40px;line-height:28px;font-size:18px;color:#222;text-align:center;} .pro-3rel .swiper-slide:hover span{color:#0da6a5;transform:translateY(4px);} .pro-3rel .swiper-button-prev{width:50px;height:50px;overflow:hidden;border-radius:50%;background:#e5e5e5 url("../images/icon-59.png") no-repeat center;left:-80px;} .pro-3rel .swiper-button-next{width:50px;height:50px;overflow:hidden;border-radius:50%;background:#e5e5e5 url("../images/icon-59.png") no-repeat center;right:-80px;transform:rotate(180deg);} .pro-3rel .swiper-button-prev:hover,.pro-3rel .swiper-button-next:hover{background-color:#0da6a5;} .pro-3pannel.active .pro-3rel{animation:updown 0.5s ease 1;animation-fill-mode:forwards;} .pro-3video{width:75%;margin: 80px auto;position:relative;} .pro-3item{width:100%;overflow:hidden;padding-bottom: 30px;cursor:pointer;} .pro-3item samp{width:100%;height:14.58vw;display:block;overflow:hidden;position:relative;border-radius:8px;} .pro-3item samp em{width:3.9vw;height:3.9vw;overflow:hidden;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("../images/icon-42.png") no-repeat center;background-size:100%;opacity:0.7;} .pro-3item samp img{width:100%;height:100%;overflow:hidden;object-fit:cover;} .pro-3item:hover samp img{transform:scale(1.03);} .pro-3item span{width:100%;overflow:hidden;font-size:18px;color:#222;margin-top:50px;display:block;text-align:center;} .pro-3item p{width:100%;overflow:hidden;font-size:20px;color:#222;margin-top:8px;display:block;text-align:center;} .pro-3item:hover samp em{opacity:1;} .pro-3video .swiper-button-prev{width:50px;height:50px;overflow:hidden;border-radius:50%;background:#e5e5e5 url("../images/icon-59.png") no-repeat center;left:-80px;} .pro-3video .swiper-button-next{width:50px;height:50px;overflow:hidden;border-radius:50%;background:#e5e5e5 url("../images/icon-59.png") no-repeat center;right:-80px;transform:rotate(180deg);} .pro-3video .swiper-button-prev:hover,.pro-3video .swiper-button-next:hover{background-color:#0da6a5;} .pro-3pannel.active .pro-3video{animation:updown 0.5s ease 1;animation-fill-mode:forwards;} .pro-3ul{width:75%;display:flex;justify-content:space-between;flex-wrap:wrap;box-sizing:border-box;margin: 80px auto;} .pro-3li{width:100% !important;overflow:hidden;background:#fff;margin-bottom: 20px;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.02);height:60px;line-height:60px;display:block;overflow:hidden;box-sizing:border-box;padding:0px 40px;} .pro-3li span{float:left;width:85%;height:100%;overflow:hidden;box-sizing:border-box;padding-left:40px;background:url("../images/icon-94.png") no-repeat left center;font-size:18px;color:#353535;} .pro-3li span a{color:#353535;} .pro-3li em{float:right;width:21px;height:100%;overflow:hidden;background:url("../images/icon-95.png") no-repeat center;} .pro-3li em a{width:100%;height:100%;display:block;overflow:hidden;} .pro-3li:hover{box-shadow:0px 0px 12px 4px rgba(0,0,0,0.06);} .pro-3li:hover span a{color:#0da6a5;} .pro-3li:hover em{transform:translateY(3px);} .solve-3{width:100%;margin:0px auto;padding:80px 0;background:#f7f7f7; margin-top: 100px;} .solve-3 .h3{width:100%;overflow:hidden;text-align:center;font-size:36px;/*font-weight:bold;*/color:#1b1b1b;position:relative;padding-bottom:20px;} .solve-3 .h3:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#0da6a5;} .solve-3content{width:100%;margin:50px auto 0px;position:relative;} .solve-3content .swiper-container{padding-bottom:5px;} .solve-3content .swiper-slide{background:#fff;} .solve-3content .swiper-slide a{width:100%;height:100%;overflow:hidden;display:block;} .solve-3content .swiper-slide samp{width:100%;overflow:hidden;display:block;height:16.4vw;position:relative;} .solve-3content .swiper-slide samp img{width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);/*max-width:70%;max-height:70%;*/ width:100%;} .solve-3content .swiper-slide em {width:100%;overflow:hidden;display:block;} .solve-3content .swiper-slide em img{width:100%;} .solve-3content .swiper-slide span {width:100%;display:block;overflow:hidden;height: 60px;line-height: 60px;text-align:center;background:#0da6a5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size: 18px;color:#fff;} .solve-3content .swiper-slide .info {padding: 22px 30px; overflow: hidden; background: #fff;} .solve-3content .swiper-slide .info .t-1 {font-size: 20px; color: #000; margin-bottom: 10px; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} .solve-3content .swiper-slide .info .t-2 {font-size: 14px; color: #757575; line-height: 24px; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .solve-3content .swiper-slide:hover{transform:translateY(5px);} .solve-3content .swiper-button-prev{width:50px;height:50px;border-radius:50%;overflow:hidden;background: #dcdcdc url(../images/icon-59.png) no-repeat center;left:-80px;} .solve-3content .swiper-button-next{width:50px;height:50px;border-radius:50%;overflow:hidden;background: #dcdcdc url(../images/icon-59.png) no-repeat center;right:-80px;transform:rotate(180deg);} .solve-3content .swiper-button-prev:hover,.solve-3content .swiper-button-next:hover{background-color:#0da6a5;} .solve-3content .swiper-slide:hover samp img{transform:translate(-50%,-50%) scale(1.02);} @media (max-width:992px){ /*product*/ .pro-1-m .show_qrcode{position: absolute;top: -173px;right: 37px;} .pro-1-m {min-height:95px;} .pro-1left .tit{font-size: 20px;} /*.pro-1left .tit .t-1 {width: 100%; float: none; font-size: 20px;} .pro-1left .tit .t-2 {display: none;}*/ .pro-1info {margin-top: 20px;line-height: 25px;font-size: 14px;} .pro-1-m {margin-top: 20px;} .pro-1more {width: 100%; float: none; overflow: hidden;} .pro-1fx {float: none; margin-top: 20px;} .pro-left{width:100%;top:0px;position:relative;max-height:280px;} .pro-center{width:calc(100% - 20px);} .pro-right{width:100%;margin-top:30px;} .pro-li samp{height:32vw;} .pro-form{width:100%;} /*product-info*/ .pro-1{padding: 20px 0px;} .pro-1center{width:90%;display:block;} .pro-1right{width:100%;float:left;} .pro-1left{width:100%;margin-top: 20px;float:left;} .pro-1left .h3{font-size:18px;} .pro-1more a{width:120px;height:36px;line-height:36px;margin-right:10px;} .pro-1nav{height:28vw;} .pro-2{margin-top: 0;height: 56px;} .pro-2 ul{height: 51px;line-height: 48px;margin: 5px auto 0;} .pro-2 ul li{font-size:16px;} .pro-3td,.pro-3app{padding: 40px 0px;} .pro-3pannel.active .pro-3td h3{font-size:18px;margin: 30px 0 20px;} .pro-3left{width:100%;} .pro-3model span{font-size:18px;} .pro-3ct{margin-top:20px;} .pro-3right{transform:translateX(-17%);width:60vw;height:60vw;margin-top:20px;} .pro-3rel{margin:20px auto;} .pro-3des{margin-top:20px;} .pro-3small samp{width:7vw;height:7vw;} .pro-3small .pro-3res{margin-left:11px;} .pro-3small.active samp::before{border:2px #c62630 solid;} .pro-3small .pro-3res span{font-size:12px;} .pro-3small .pro-3res em{font-size:10px;} .pro-3rel samp{height:24vw;} .pro-3rel .swiper-button-prev{left:10px;} .pro-3rel .swiper-button-next{right:10px;} .pro-3video{margin: 30px auto;padding-bottom:70px;} .pro-3item samp{height: 46vw;} .pro-3item samp em{width:9vw;height:9vw;} .pro-3item span{font-size:14px;margin-top:16px;} .pro-3item p{font-size:14px;margin-top:3px;} .pro-3video .swiper-button-prev{left:25%;top:auto;bottom:20px;} .pro-3video .swiper-button-next{right:25%;top:auto;bottom:20px;} .solve-3 .swiper-button-next,.solve-3 .swiper-button-prev {top: -11%} .solve-3{padding:30px 0px;} .solve-3 .h3{font-size:20px;} .solve-3content{margin-top:20px;} .solve-3content .swiper-button-next,.solve-3content .swiper-button-prev {width: 40px; height: 40px;} .solve-3content .swiper-slide samp{height:64vw;} .solve-3content .swiper-slide span{height:40px;line-height:40px;font-size: 14px;} .solve-3content .swiper-slide .info {padding: 20px;} .solve-3content .swiper-slide .info .t-1 {font-size: 16px;} .solve-3content .swiper-button-prev{left:10px;} .solve-3content .swiper-button-next{right:10px;} } @media screen and (max-width:1440px){.pro-3ul{margin:80px auto;} } @media screen and (max-width:1280px){.pro-3ul{margin:50px auto;} } @media screen and (max-width:1000px){.pro-3ul{margin:40px auto;width: 100%;} } @media screen and (max-width:768px){.pro-3ul{margin:30px auto;} .pro-3li{height:40px;line-height:40px;padding: 0px;} .pro-3li span{font-size: 14px;width: 92%;background-size:14px;padding-left:26px;} .pro-3li em{background-size:15px;} } /*分页*/ ul.pagination { display: block; float: right; overflow: hidden; } ul.pagination li {display: inline;} ul.pagination li a { color: black; float: left; padding: 6px 14px; font-size: 15px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd; margin: 0 4px; } ul.pagination li a.active { background-color: #0da6a5; color: white; border: 1px solid #0da6a5; } ul.pagination li a:hover:not(.active) {background-color: #ddd;} @media (max-width:992px){ ul.pagination {width: 100%; overflow: hidden;} ul.pagination li a {padding: 2px 6px;margin: 0 3px 3px 0;} } .zx-prop{width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:2000;background:rgba(0,0,0,0.7);opacity:0;visibility:hidden;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .zx-prop.zx-prop-active{opacity:1;visibility:visible;} .zx-center{width:40%;overflow:hidden;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding-bottom:30px;} .zx-close{width:30px;height:30px;position:absolute;right:20px;top:20px;transform:rotate(45deg);z-index:12;cursor:pointer;} .zx-close:before{width:70%;height:2px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#222;} .zx-close:after{width:2px;height:70%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#222;} .zx-close:hover{transform:rotate(135deg);} .zx-center .h3{width:100%;overflow:hidden;text-align:center;font-size:26px;font-weight:bold;color:#333;position:relative;padding-bottom:15px;margin-top:40px;} .zx-center .h3:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#0da6a5;} .zx-center form{width:90%;overflow:hidden;margin:20px auto 0px;} .zx-g{width:100%;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;} .zx-g .txt5{width:32%;} .zx-g .sel{width:100%;} .zx-g .sel select{ overflow: hidden; box-sizing: border-box; margin-top: 20px; border: 1px #e3e3e3 solid; height: 40px; line-height: 40px; background-color: #fff; padding: 0px 10px; font-size: 14px; color: #666; } .zx-g .txt5 input[type='text'],.zx-g .txt5 input[type='email']{ width:100%; overflow:hidden; box-sizing:border-box; margin-top:12px; border:1px #e3e3e3 solid; height:40px; line-height:40px; background-color:#fff; padding: 0px 10px; font-size:14px; color:#666; } .zx-g .txt5 .invalid-feedback,.zx-g .sel .invalid-feedback,.zx-g .txt .invalid-feedback{ line-height:20px ; text-indent: 6px;} zx-g .txt5::placeholder{color:#666 !important;opacity:1;} .zx-g .txt5::-webkit-input-placeholder{color:#666 !important;opacity:1;} .zx-g .txt5::-ms-input-placeholder{color:#666 !important;opacity:1;} .zx-g .txt5::-moz-placeholder{color:#666 !important;opacity:1;} .zx-g select{width:100%;background:url("../images/icon-108.png") no-repeat 98% center;} .zx-g .txt.form-floating{width:100%;} .zx-g .form-floating textarea{ width:100%; overflow:hidden; box-sizing:border-box; margin-top:20px; border:1px #e3e3e3 solid; background-color:#fff; padding: 10px; font-size:14px; color:#666; line-height:24px; height:100px; } .zx-g textarea::placeholder{color:#666 !important;opacity:1;} .zx-g textarea::-webkit-input-placeholder{color:#666 !important;opacity:1;} .zx-g textarea::-ms-input-placeholder{color:#666 !important;opacity:1;} .zx-g textarea::-moz-placeholder{color:#666 !important;opacity:1;} .zx-bt{width:100%;overflow:hidden;padding-top:30px;} .zx-bt input{width:40%;height:40px;line-height:40px;display:block;margin:0px auto;overflow:hidden;cursor:pointer;background:#0da6a5;text-align:center;font-size:14px;color:#fff;} .zx-bt input:hover{transform:translateY(-3px);} .zx-g select:hover,.zx-g.txt5:hover,.zx-g textarea:hover{border-color:#0da6a5;} @media screen and (max-width:1440px){.zx-center{width:70%;padding-bottom:24px;} .zx-center form{margin:10px auto 0px;} } @media screen and (max-width:768px){.zx-center .h3{margin-top:20px;font-size:20px;} .zx-center .h3:before{width:30px;height:2px;} .zx-center{width:90%;padding-bottom:14px;} .zx-center form{margin:10px auto 0px;} .zx-g select,.zx-g .txt5{width:100%;margin-top:8px;height:35px;line-height:35px;} .zx-g textarea{margin-top:6px;height:90px;} .zx-bt{padding-top:15px;} .zx-bt input{width:100%;} } .pro-1 .pro-1more em a{ min-width:120px; padding:0 25px; width:auto;} @media (max-width:767px){ .pro-1 .pro-1more a{width: 120px; padding: 0 15px!important; min-width:20px;} } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index: 3; color: #fff; cursor: default; background-color: #0da6a5; border-color: #0da6a5; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index: 3; color: #fff; cursor: default; background-color: #0da6a5; border-color: #0da6a5; } .pages{ display: flex; justify-content: center; } .invalid-feedback{ text-indent: 6px; line-height: 20px;} #content_list{ min-height: 320px;} @media(max-width:991px){ #content_list{ min-height: 340px;} } .inner-news .txtarea h1 { font-size: 24px; font-weight: bold; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .inner-news .txtarea h1:after { display: block; content: " "; width: 40px; height: 2px; background: #0da6a5; z-index: 5; margin: 11px 0; } .a_dw{position:relative !important;top:-140px !important;} .vd-1{float:left;width:auto;overflow:hidden; margin-bottom: 30px;} .vd-1 span{float:left;height:52px;line-height:52px;margin-top:4px;overflow:hidden;width:7.813vw;box-sizing:border-box;margin-right:18px;border:1px #e4e4e4 solid;text-align:center;} .vd-1 span a{width:100%;height:100%;display:block;overflow:hidden;text-align:center;font-size:16px;color:#999;} .vd-1 span:last-child{margin-right:0px;} .vd-1 span.active,.vd-1 span:hover{background:#0da6a5;border-color:#0da6a5;} .vd-1 span.active a,.vd-1 span:hover a{color:#fff;} @media(max-width:990px){ .vd-1{margin-bottom:15px;} .vd-1 span{height:30px;line-height:30px;width:80px;margin-right:8px;} .vd-1 span a{font-size:12px;} } .pro_pages{ margin-bottom: 20px;} @media(min-width:1200px){ .content-fix{ position: fixed; top:112px; /* bottom: 30px;*/ background: #fff; max-height: 70vh; } }