﻿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:#fe0000; text-decoration:none;}
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;}
*{
     outline: none !important;
}


/*字体*/
@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);
}


/*通用栏目标题*/
.column_tit{ text-align:center;}
.column_tit em{ font-size:40px; line-height:40px; font-weight:bold; color:#fe0000;}
.column_tit em:before{ content:""; display:inline-block; width:18px; height:27px; margin-right:20px; background:url(../images/titlesd.png) no-repeat;}
.column_tit em:after{ content:""; display:inline-block; width:18px; height:27px; margin-left:20px; background:url(../images/titlesd.png) no-repeat;}
.column_tit span{display:block; margin-top:10px; font-size:18px; line-height:18px; color:#666; font-weight:normal;text-transform: uppercase;}


/*导航浮动*/
.yinyin{ width:100%; height:107px; z-index:1000;}
.yinyin .headbg{ background:rgba(64,83,102,1);}


/*幻灯片*/
.banner{overflow:hidden; background:#fff; position:relative;}
.banner-box{ min-width:1400px; height:700px; position:relative; margin:0 auto;}
.banner-box .bd{ width:100%; }
.banner-box .bd li{ width:100%; height:700px; background-position:center; background-repeat:no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;}
.banner-btn{ width:100%; position:absolute; top:0; left:0; margin-left:0; height:100%; overflow:hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:45%; 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(../images/bndh.png) 0 0 no-repeat; } 
.banner-btn a.next{ right:-50px; background:url(../images/bndh.png) -49px 0 no-repeat; }
.banner-box .hd { position:absolute; bottom:30px; width:100%;}
.banner-box .hd ul { width:1400px; margin:0 auto; text-align:center; }
.banner-box .hd ul li{ width:50px; height:10px; border-radius:22px; text-indent:-9999px; background:#fff;cursor:pointer;display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; }
.banner-box .hd ul li.on{ background:#fe0000;}
.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;}


/*搜索*/
.searchall{ margin:0 auto; width:1400px; margin-top:40px;}
.searchcont{ float:left; width:920px;}
.searchcont_l{ float:left; line-height:48px; background:url(../images/dps.png) left 10px no-repeat; text-indent:30px;}
.searchcont_l span{ font-size:16px; color:#fe0000;}
.searchcont_r{ float:right; width:360px; height:32px; background:#f2f2f2; border-radius:10px 0 10px 0; padding:9px 18px;}
#infoname{float:left; width:210px; height:32px; border:none; outline:none; background:none; color:#c4c8c7;}
.submit{ float:right; border:none; outline:none; width:30px; height:32px; background:url(../images/shous.jpg) no-repeat; cursor:pointer;}
.erweima{ float:left; margin-left:50px;}
.erweima li{ float:left; position:relative; width:50px; margin-right:15px; text-align:center;}
.erweima ul li:nth-last-of-type(1){margin-right:0px;}
.erweima li em{position:absolute; left:-50px; top:57px; transform:scale(0); transition:0.5s; z-index:10;}
.erweima li:hover em{ transform:scale(1);}
.erweima li em img{ width:150px;}
.tel{ float:right; margin-top:12px; padding-left:45px;font-size:14px; line-height:14px; background:url(../images/telbj.png) no-repeat; }
.tel span{ font-family:neutraface2; font-size:26px; line-height:34px; color:#fe0000;letter-spacing: 2px;}


/*产品展示*/
.productbg{ width:100%; margin-top:60px;}
.procontbg{width:100%;margin-top:30px;padding-bottom:40px;background: #f3f3f3;overflow:hidden;}
/*分类*/
.sort{margin:0 auto;width:1400px;background: #fff;}
.prolist2021 ul{display: flex;justify-content: center;}
.prolist2021 li{position:relative;}
.prolist2021 li a.prolist2021_one{display:block;width: 222px;padding-left:35px;font-size:22px;line-height:74px;color:#333;text-decoration:none;}
.prolist2021 li.prolist2021cur a.prolist2021_one{background: url(../images/proxl.png) 221px center no-repeat #fe0000;color:#FFF;}
.prolist2021 li.prolist2021cur:after{content:"";display:block;width:11px;height:5px;position:absolute;left: 50%;margin-left: -5.5px;transform: translateX(-50%);bottom: -5px;background:url(../images/proafbj.png) no-repeat;}

/*.prolist2021 li.prolist2021cur a.prolist2021_one:before{ content:"查看全部产品"; display:block; position:absolute; left:1285px; top:105px; width:100px; font-size:16px; line-height:16px; color:#555; background:url(../images/20210928141312_54453359.png) right center no-repeat; padding-right:12px; z-index:10;}
*/
.progdwz2021 ul{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }
.prolist2021 li:nth-child(2).prolist2021cur a.prolist2021_one:before{ left:1050px;}
.prolist2021 li:nth-child(3).prolist2021cur a.prolist2021_one:before{ left:818px;}
.prolist2021 li:nth-child(4).prolist2021cur a.prolist2021_one:before{ left:585px;}
.prolist2021 li:nth-child(5).prolist2021cur a.prolist2021_one:before{ left:349px;}
.prolist2021 li:nth-child(6).prolist2021cur a.prolist2021_one:before{ display:none;}
.prolist2021 dl{ display:none; position:absolute; left:0; top:65px; width:1400px;}
.prolist2021 li:nth-child(2) dl{ left:-232px;}
.prolist2021 li:nth-child(3) dl{ left:-464px;}
.prolist2021 li:nth-child(4) dl{ left:-696px;}
.prolist2021 li:nth-child(5) dl{ left:-928px;}
.prolist2021 li:nth-child(6) dl{ left:-1161px; display:none;}
.prolist2021 li.prolist2021cur dl{ display:block;}
.prolist2021 dt{ float:left; margin-right:30px;}
.prolist2021 dt:before{ content:"丨"; padding-right:30px;}
.prolist2021 dt:nth-child(1):before{ display:none;}
.prolist2021 dt a{ font-size:16px; line-height:96px;}
.procont{ width:1400px; margin:0 auto; margin-top:60px;}
.procontshow{
     display: flex;
    justify-content: space-between;
}
.procontshow1{width: 33.5%;}
.procontshow2{width: 65%;}
.progdwz2021 li{margin-bottom:30px;position:relative;flex-basis: calc(33.33% - 20px);}
.progdwz2021 li br{ display:none;}
.progdwz2021 li>a{position:relative;display:block;width: 100%;}
.progdwz2021 li>a img{width:100%;}
.progdwz2021 li>a:before{content:"";display:block;position:absolute;width: 100%;height: 100%;top:0;left:0;background:rgba(0,0,0,0.4);opacity:0;}
.progdwz2021 li:hover>a:before{ opacity:1;}
.progdwz2021 li>a:after{position:absolute;top: 50%;left:50%;margin-left: -75px;margin-top: -75px;content:"+";font-size:40px;display:block;color:#fff;width:150px;height:150px;line-height:150px;border-radius:100%;transition:0.2s all ease-in-out;box-shadow: 0 0 0 40px rgba(103,175,63,0.2);background:rgba(103,175,63,0.7);opacity:0;text-align:center;}
.progdwz2021 li:hover>a:after{ opacity:1; transform:scale(0.4) }
.progdwz2021 li span{display:block;position:absolute;left: 50%;bottom: 20px;background: rgba(103,175,63,0.8);opacity:0;width: 250px;margin-left: -125px;transition:0.5s;box-sizing: border-box;padding: 10px 15px;}
.progdwz2021 li span a{ text-decoration:none; color:#FFF;}
.progdwz2021 li:hover span{ opacity:1;}


/*品质*/
.qualitybg{ width:100%; height:639px; padding-top:86px; background:url(../images/20211027095652_897273395.jpg) center no-repeat;}
.quality{ margin:0 auto; width:1400px;}
.quality_tit{ text-align:center; font-size:40px; color:#fe0000; line-height:40px; font-weight:bold; height:100px; background:url(../images/20210928163714_469641353.jpg) center bottom no-repeat;}
.quality_tit span{ display:block; margin-top:18px; font-size:18px; font-weight:normal; line-height:20px; color:#FFF;}
.quality_cont{ margin-top:33px;}
.quality_cont dl{ width:415px; margin-bottom:33px; padding-top:33px; border-top:1px solid rgba(255,255,255,0.2);}
.quality_cont dt{ font-size:24px; color:#fe0000; line-height:24px;}
.quality_cont dd{ margin-top:8px; font-size:18px; line-height:26px; color:rgba(255,255,255,0.9);}
.quality_contl{ float:left; border-bottom:1px solid rgba(255,255,255,0.2);}
.quality_cont2{ float:right; border-bottom:1px solid rgba(255,255,255,0.2);}
.quality_cont2 dl{ text-align:right;}
/*优势*/


/*底部*/
.bottombg{width:100%; background:url(../images/footbjts.jpg);}
.bottom{width:1400px; margin:0 auto;}
.bottom_fl{float:left; margin-top:95px;}
.bottom_tit{font-size:24px; line-height:40px; color:#fff;}
.bottom_tit span{font-family:Arial;}
.bottom_nav{margin-top:21px;}
.bottom_nav li{float:left;}
.bottom_nav li+li{margin-left:126px;}
.bottom_nav li a{display:inline-block; color:#fff; padding-left:15px; background:url(../images/botxts.png) left center no-repeat;}
.bottom_nav li a{margin-top:26px;}
.bottom_nav li a:nth-child(1){margin-top:0;}
.bottom_mid{float:left;margin-top: 90px;margin-left:250px;}
.bottom_logo{margin-left:0px;}
.bottom_logo img{height: 66px;}
.bottom_qrcode{margin-top:20px;}
.bottom_qrcode dl{float:left; text-align:center;}
.bottom_qrcode dl+dl{margin-left:30px;}
.bottom_qrcode dt img{width:105px;display: block;}
.bottom_qrcode dd{margin-top:18px; color:#fff;}
.contact{float:right; margin-top:95px;}
.contact_txt{margin-top:15px; line-height:36px; color:#fff;}
/*版权*/
.copyrightbg{width:100%; margin-top:65px; border-top:1px solid rgba(255,255,255,0.3);}
.copyright{width:1400px; margin:0 auto;}
.copyright_cont{float:left; 
     /* line-height:80px;  */
     color:#fff;}
.copyright_cont a{color:#fff;}
.links{float:right;}
.links1{float:left; color:#fff; line-height:80px;}
.links2{float:left; width:267px; height:80px; overflow:hidden;}

.linkTagcs{width: 339px;height: auto;}
.linkTagcs ul{margin: 0px;padding: 0px;list-style-type: none;}
.linkTagcs li{list-style: none;margin: 0px;padding-right: 20px;line-height: 80px;float: left;}
.linkTagcs li a{color: #fff;word-break: break-all;}
.linkTagcs li img{border: 0px;}


/*右侧浮动*/
.y-kefu-box { position: fixed; right: 15px;  bottom: 75px; 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(../images/rightggs.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 28px; height: 28px; 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: #fe0000; }/*颜色更改*/
.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 .show-status .kf-zixun { background-color: #fe0000; border-color: #fe0000; color: #fff; margin: 10px 0 7px;}/*颜色更改*/
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.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 { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.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; }
.y-kefu-box01 .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: #fe0000; border-color: #fe0000;}/*颜色更改*/
.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: #fe0000; 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: #fe0000; 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; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#fe0000;position: absolute; bottom: 200px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }