body{overflow-x:hidden;} body,td{font-size:14px; color:#555; font-family:Microsoft YaHei; font-family:微软雅黑;} a{color:#555; text-decoration:none; font-size:14px;} a:hover{color:#18b7e4; text-decoration:underline;} body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th{ margin:0; padding:0;} dl,dt,dd{margin:0px; padding:0px; list-style:none;} ul,li{list-style:none;} em,i{font-style:normal;} img{border:0;} .cl{clear:both;} .fl{float:left;} .fr{float:right;} /*字体*/ @font-face { font-family:neutraface2; src: url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.ttf), url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.eot), url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.otf), url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.woff), url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.woff2); } @font-face { font-family:DIN Medium; src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2); } @font-face { font-family:Tw Cen MT; src: url(//cdn.dg.114my.cn/font/TwCenMT/TwCenMT.ttf), url(//cdn.dg.114my.cn/font/TwCenMT/TwCenMT.eot), url(//cdn.dg.114my.cn/font/TwCenMT/TwCenMT.otf), url(//cdn.dg.114my.cn/font/TwCenMT/TwCenMT.woff), url(//cdn.dg.114my.cn/font/TwCenMT/TwCenMT.woff2); } /*抬头*/ .head{ margin:0 auto; width:1400px; height:142px;} .logo{ float:left; margin-top:45px;} .head_ad{ float:left; width:210px; margin-top:45px; margin-left:12px; padding-top:43px; font-size:16px; line-height:22px; background:url(https://memberpic.114my.com.cn/huide98/uploadfile/image/20230317/20230317095803_1877852652.jpg) left top no-repeat;} /*导航*/ .nav{ float:left; margin-left:30px; margin-top:50px;} .nav li{ float:left; margin-left:45px; text-align:center; height:92px; position:relative;} .nav li > a{ display:block; height:67px; font-size:16px; line-height:16px; color:#333; text-decoration:none;} .nav li span{ display:block; margin-top:5px; font-size:12px; line-height:12px; font-family:Arial; color:#808080;} .nav li > a:hover,.nav li > a.navcurrent{ color:#18b7e4; background:url(https://memberpic.114my.com.cn/huide98/uploadfile/image/20230317/20230317095803_99005575.jpg) center 40px no-repeat;} .nav li > a:hover span,.nav li > a.navcurrent span{ color:#18b7e4;} /*下拉*/ .nav li > dl{position:absolute; left:-35px; top:92px; width:150px; transform:translateY(20px); opacity:0; z-index:9; visibility:hidden; transition:0.3s;} .nav li > dl a{display:block; text-align:center; line-height:40px; color:#333; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.3); background:#fff;} .nav li:hover > dl{transform:translateY(0); opacity:1; visibility:visible;} .nav li > dl a:hover{background:#e0e0e0;} /*搜索*/ .head_telall{ float:right; margin-top:53px;} .head_telbtn{ height:27px; cursor:pointer;} .head_telbtn i{ position:relative; display:inline-block; height:89px;} .head_tel_main{ width:220px; color:#FFF; background:#18b7e4; position:absolute; top:142px; right:220px; z-index:9; padding:25px; transform-origin:top; transform:rotateX(90deg);transition:600ms;} .head_tel_main span{ font-family:DIN; font-weight:bold; font-size:24px;} .head_telbtn:hover .head_tel_main{ transform:rotateX(0deg); transition:600ms;} /*幻灯片*/ .banner{overflow:hidden; background:#fff; position:relative;} .banner-box{ min-width:1400px; height:450px; position:relative; margin:0 auto;} .banner-box .bd{ width:100%; } .banner-box .bd li{ width:100%; height:450px; background-position:center; background-repeat:no-repeat;} .banner-box .bd li a{ display:block; background-size:auto;} .banner-btn{width: 100%;position: absolute;top: 4px;left: 0;margin-left: 0;height: 100%;overflow: hidden;} .banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:40%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out} .banner-btn a.prev{ left:-50px; background:url(https://memberpic.114my.com.cn/huide98/uploadfile/image/20230317/20230317103135_1634471306.png) 0 0 no-repeat; } .banner-btn a.next{ right:-50px; background:url(https://memberpic.114my.com.cn/huide98/uploadfile/image/20230317/20230317103135_1634471306.png) -49px 0 no-repeat; } .banner-box .hd { position:absolute; bottom:25px; width:100%;} .banner-box .hd ul { width:1400px; margin:0 auto; text-align:center; } .banner-box .hd ul li{ width:30px; height:30px; line-height:30px; color:#fff; font-family:Arial; font-size:16px; background:#333;cursor:pointer;display:inline-block; margin:0 2px; transition:0.3s all ease-in-out; } .banner-box .hd ul li.on{ background:#18b7e4;} .banner-box:hover .banner-btn a.prev{left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; } .banner-box:hover .banner-btn a.next{right:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; } .banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;} /*左边*/ .sort{ width:260px;} .sort a{ text-decoration:none;} .sort1{ position:relative; height:82px; font-size:24px; line-height:24px; color:#fff; padding-top:36px; padding-left:40px; background:#18b7e4; border-top-left-radius:4px; border-top-right-radius:4px; } .sort1:before{ content:""; position:absolute; left:150px; top:47px; display:block; width:70px; height:1px; background:#fff;} .sort1 p{ font-family:Arial; font-size:18px; line-height:36px; color:rgb(255,255,255,0.5)} .sort2{} .prolist2021 a.prolist2021_one{ display:block; padding-left:36px; font-size:16px; line-height:55px; color:#18b7e4; background:url(https://memberpic.114my.com.cn/huide98/uploadfile/image/20230321/20230321135155_1181712049.jpg) center no-repeat;} .prolist2021 dt{ border-bottom:1px solid #fff;} .prolist2021 dt a{display:block; line-height:44px; text-indent:33px; background:url(https://memberpic.114my.com.cn/huide98/uploadfile/image/20230321/20230321134818_1414013511.png) 220px center no-repeat #ebebeb; } .prolist2021 dt a:hover{ color:#FFF; background:url(https://memberpic.114my.com.cn/huide98/uploadfile/image/20230321/20230321134818_1643868321.png) 220px center no-repeat #18b7e4; } /*产品详情页备注带小图*/ .pro_main_box{ text-align:left !important; margin-bottom:20px !important;} .propic_show_left{ float:left; width:520px;} .propic_show_left img{ width:100%; height:100%;} .propic_show_right{ float:right; line-height:28px; width:550px; height:520px; position:relative;} .pro_detail_title{ display:block; border-bottom:1px solid #CCC; font-size:18px; font-weight:bold; padding-bottom:15px;} .pro_detail_contz{ display: -webkit-box; -webkit-line-clamp:10; -webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;} .propic_show_piclist{ position:absolute; left:0; bottom:0; height:132px; overflow:hidden; width:100%;} .propic_show_piclist li{ float:left; width:24%; height:100%; margin-right:1%} .propic_show_piclist li img{ width:100%; height:100%;} .MagicZoomPup,.MagicZoomBigImageCont{ display:none !important;} /*底部*/ .bottombg{width:100%; margin-top:60px; height:390px; background:url(https://memberpic.114my.com.cn/huide98/uploadfile/image/20230320/20230320183707_432491705.jpg) center no-repeat;} .bottom{width:1400px; margin:0 auto;} .bottom a:hover{color:#fff;} .bottom_nav{float:left;} .bottom_nav dl{float:left; margin-right:40px; width:180px; height:279px; padding-top:60px; border-right:1px solid rgba(255,255,255,0.1);} .bottom_nav dl:nth-child(2){ width:230px;} .bottom_nav dt{font-size:18px; line-height:18px; color:#fff;} .bottom_nav dd{margin-top:20px;} .bottom_nav dd a{ display:block; line-height:36px; color:rgba(255,255,255,0.8); text-decoration:none;} .bottom_tel{float:right; width:397px; padding-top:50px; color:#FFF;} .bottom_tel span{ line-height:40px; font-size:16px; display:block; padding-left:33px; padding-top:7px;} .bottom_tel em{ line-height:30px; font-size:30px; font-family:DIN; font-weight:bold;} .bottom_teltu{ margin-top:15px;} .bottom_teltu li{ float:left; width:120px; margin-right:10px; color:#FFF; text-align:center;} .bottom_teltu li img{width:100%;} /*版权*/ .Copyrightbg{width:100%; height:50px; line-height:50px; border-top:1px solid rgba(255,255,255,0.1); color:rgba(255,255,255,0.8); text-transform:uppercase;} .Copyrightbg a{ color:rgba(255,255,255,0.8);} .Copyrightbg a:hover{ color:#FFF;} .Copyright{ margin:0 auto; width:1400px;} .Copyright1{ float:left; width:880px;} /*面包屑导航*/ .strong_title{ display:none;} #webdh{width:100%!important;} #bodycon{ margin-top:30px;} .mianbxContent{ width:100%!important; text-align:left !important; height:35px!important; line-height:35px!important; padding-bottom:8px; margin-bottom:20px !important; border-bottom:1px solid #e1e0e0; background:url(https://memberpic.114my.com.cn/huide98/uploadfile/image/20230321/20230321120147_763149515.png) left 8px no-repeat; text-indent:2em;} .mianbxContent,.mianbxContent a{ color:#666; font-size:16px;} /*新闻二级分类*/ .nswsfenlei_2019{ margin:0 auto; width:1400px; margin-bottom:30px; margin-top:40px; height:100px;} .nswsfenlei_2019 li{ position:relative; width:339px; text-align:left; float:left; margin-right:11px; line-height:44px; transition: all .5s; text-decoration:none; background:#f5f5f5;} .nswsfenlei_2019 li:after{ position:absolute; top:43px; right:40px; display:inline-block; content:''; width:28px; height:20px; background:url(https://memberpic.114my.com.cn/huide98/uploadfile/image/20230321/20230321120147_513438262.png) no-repeat;} .nswsfenlei_2019 li:hover:after,.curNewsType_2019:after{ content:''; width:28px; height:20px; background:url(https://memberpic.114my.com.cn/huide98/uploadfile/image/20230321/20230321120147_1662469129.png) no-repeat !important;} .nswsfenlei_2019 li a{ display:block; padding:20px 0 36px 22px; font-size:24px; color:#222; text-decoration:none;} .nswsfenlei_2019 li a:hover{ color:#fff; font-weight:bold;} .nswsfenlei_2019 li a:before,.curNewsType_2019 a:before{ position:absolute; top:48px; color:#888; font-size:15px; font-family:Arial;} .nswsfenlei_2019 li:nth-child(1) a:before{ content:'NEWS CENTER';} .nswsfenlei_2019 li:nth-child(2) a:before{ content:'INDUSTRY INFORMATION';} .nswsfenlei_2019 li:nth-child(3) a:before{ content:'FREQUENTLY ASKED QUESTIONS';} .nswsfenlei_2019 li:hover,.curNewsType_2019{background-color:#18b7e4 !important;} .nswsfenlei_2019 li:hover a:before,.curNewsType_2019 a:before{ color:#fff !important; font-weight:normal;} .curNewsType_2019 a{ color:#fff !important; font-weight:bold;} /*新闻详情页*/ .nyxqnews{ width:1400px !important;} .nyxqnews_left{ width:1030px !important;} .nyxqnewsfanhui{ left:-1158px !important;} .nyxqnews_righttit strong{ color:#18b7e4 !important;} .nyxqnews_righttit:before { background:#18b7e4 !important;} /*翻页显示方式*/ .page_total,.pages_box a,.page_jump{ display:inline-block; height:36px; font-size:13px; line-height:36px; background:#eee; border:1px solid #eee; vertical-align:middle; padding:0 14px; cursor:pointer;} .pages_box a{ color:#666; margin-left:10px; text-decoration:none;} .pages_box a.page_curr,.pages_box a:hover{ color:#fff; font-size:13px; background:#18b7e4;} .page_jump{ margin-left:10px;} /*产品页列表第二种方式*/ .nyproduct li { border:1px solid #eee; width:31.5% !important;} .nyproduct-title{ padding:5% 0 !important;} .nyproduct-title{ background:#eee !important;} .nyproduct li:hover .nyproduct-content{background-color:#18b7e4 !important;} .nyproduct li:hover .nyproduct-title{ background:none !important;} .nyproduct-more{ background:#fbc637 !important;} /*新闻页列表第一种方式*/ .nynews-list {padding: 3.2% 3% 3.2% 1.2% !important;} .nynews-date { text-align:center !important; font-family:DIN Medium !important; font-weight:normal !important; padding:4% 1% 0 0 !important;} .nynews-date b{ font-weight:bold;} .nynews-date p{ font-size:20px;} .nynews-list:hover .nynews-title{color:#18b7e4 !important;} .nynews-list:hover .nynews-more{background: #18b7e4 !important;} /*自定义页列表第九种方式*/ .nyqhlist_tit:before { position:absolute; top:0; left:0; display: block; content: ''; width:0; height:100%; background:#18b7e4; transition:all 0.5s;} .nyqhlist_tit a{ position:relative; z-index:100; text-decoration:none;} .nyqhlist li:hover .nyqhlist_tit:before { width:100%;} .nyqhlist li:hover .nyqhlist_tit a{ color:#FFF;} /*自定义页列表第十种方式*/ .nyzplist-list:hover .nyzplist-title{color:#18b7e4 !important;} .nyzplist-list:hover .nyzplist-more{background: #18b7e4 !important;} .nyzplist-text{ line-height:32px !important; font-size:16px !important;} .nyzplist-title { padding-bottom:1vw !important;} /*新闻内容样式*/ .in_new{line-height:28px; width:95%; margin:0 auto; font-size:14px;} .in_new p{text-indent:2em; padding-bottom:13px;} .in_new p a{color:#18b7e4; text-decoration:underline;} .in_new img{max-width:100%;} .nyxq{ margin:15px auto 0; width:100%;} .nyxq img{max-width:100%;} .nyxq1{ font-size:20px; line-height:30px; font-weight:bold;} .nyxq1 span{ font-size:16px; font-weight:normal;} .nyxq2{ margin-top:30px;} .nyxq2 table{ width:100%; border-collapse:collapse; border-spacing:0;} .nyxq2 td{border:1px solid #ccc; text-indent:10px; line-height:40px;} .nyxq3{ margin-top:30px; line-height:28px;} .nyxq3 span{ font-size:16px; font-weight:bold;} .propic_show_right > br{display:none !important;} .pro_detail_contz{margin-top:15px;} .pro_detail_contz span{ font-size:16px; font-weight:bold;} /*案例参数*/ .case_details{width:95%; margin:15px auto 0;} .case_details p{text-indent:2em; line-height:28px;} .case_details em{display:block; text-align:center; line-height:28px;} .case_details .meter table{ width:100%; border-collapse:collapse; border-spacing:0;} .case_details .meter td{border:1px solid #ccc; text-indent:10px; line-height:40px;} .case_details span{display:block; font-size:16px; line-height:28px; font-weight:bold; margin-top:20px;} .case_details font{display:block; line-height:28px;} .case_details img{max-width:100%;} /*右侧浮动*/ .y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;} .y-kefu-box a{ text-decoration:none;} .y-kefu-box img { display: block; width: 100%; height: auto; } .y-kefu-box01 .icon { display: block; background: url(https://memberpic.114my.com.cn/huide98/uploadfile/image/20230512/20230512110638_1502096160.png) no-repeat; margin: 0 auto 6px;} .y-kefu-box01 { width: 54px; color: #666; text-align: center; } .y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;} .y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; position: absolute; bottom: -12px; left: 13px; z-index: 1; background-color: #18b7e4; }/*颜色更改*/ .y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;} .y-kefu-box01 .show-status { position: relative; } .y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; margin-top:12px; background-color: #18b7e4 !important; border-color: #18b7e4 !important; } .y-kefu-box01 .kf-mobile p{ color:#FFF;} .y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; } .y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; } .y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; } .y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; } .y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; } .y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; } .y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; } .y-kefu-box01 .back-top:hover i { background-position: -30px -98px; } .kf-email,.y-kefu-box01 .back-top { border-bottom: solid 1px #efefef;} .y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;} .y-kefu-box01 .hver:hover { background-color: #18b7e4; border-color: #18b7e4;}/*颜色更改*/ .y-kefu-box01 .hver:hover>p { color: #fff; } .y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} /*电话*/ .y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;} .y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; } .y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; } .y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; } .y-kefu-box01 .mobile-infos span { color:#b9b9b9; } .y-kefu-box01 .mobile-infos p { color: #18b7e4; font-size: 18px; }/*颜色更改*/ .right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;} .right-arrow1,.right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;} .right-arrow1 { left: 1px; border-left: 6px #efefef solid;} .right-arrow2 { border-left: 6px white solid;} /*二维码*/ .y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;} .y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; } .y-kefu-box01 .y-ewm-box img { width: 94px; height: 94px; margin: 30px auto 10px; } .y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; } .y-kefu-box01 .y-ewm-box .right { top: 84px; } /*邮箱*/ .y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; } .y-kefu-box01 .y-email-infos p { color: #18b7e4; font-size: 16px; }/*颜色更改*/ .y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; } .y-kefu-box01 .y-email-infos .right { top: 55px; } /*qq*/ .y-kefu-box01 .kf-zixun {border-bottom: solid 1px #efefef; display:none !important; } .y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; } .y-kefu-box01 a.kf-zixun:hover{ background-color: #18b7e4; border-color: #18b7e4; color: #fff; }/*颜色更改*/ .y-kefu-box01 a.kf-zixun:hover>i { background-position: -30px -5px; } /*关闭后*/ .hide-status .kf-zixun { border-bottom:none; border-radius: 2px; display:block !important; } .hide-status .kf-zixun i { background-position: -30px -5px; } .y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#18b7e4;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/ .y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; } #newBridge .icon-right-center{right:auto !important; left:2px !important;} #aff-im-root .embed-icon{right:auto !important; left:2px !important;}