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:#324db6; 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;}



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



/*顶部*/
.top_bg{width:100%; height:46px; background:#f1f1f1;}
.top{width:1400px; margin:0 auto;}
.top_fl{float:left; line-height:46px;}
.top_fl a{color:#324db6; text-decoration:underline;}
.top_tel{float:right; padding-top:16px; line-height:25px; color:#333; font-weight:bold;}
.top_tel span{font-family:DIN Medium; font-size:26px; line-height:13px; color:#324db6;}



/*抬头*/
.head{width:1400px; height:120px; margin:0 auto;}
.head_logo{float:left; margin-top:34px;}
.head_fr{float:right;}
/*导航*/
.head_nav{float:left;}
.head_nav > ul > li{float:left; padding:50px 0 35px; position:relative;}
.head_nav > ul > li+li{margin-left:62px;}
.head_nav > ul > li > a{display:block; font-size:16px; line-height:16px; text-decoration:none; color:#333;}
.head_nav > ul > li > a > p{margin-top:7px; font-family:Arial; text-align:center; font-size:12px; line-height:12px; color:#888;}
.head_nav > ul > li:hover > a,.head_nav > ul > li.navcurrent > a{color:#324db6; font-weight:bold;}
.head_nav > ul > li:hover > a > p,.head_nav > ul > li.navcurrent > a > p{color:#324db6; font-weight:normal;}
/*下拉*/
.head_nav li > em{position:absolute; left:-50%; top:120px; transform:translateY(20px); opacity:0; width:200%; z-index:9; visibility:hidden; transition:0.3s;}
.head_nav li > em a{display:block; width:100%; text-align:center; line-height:50px; color:#333; text-decoration:none; background:#fff;}
.head_nav li:hover > em{transform:translateY(0); opacity:1; visibility:visible;}
.head_nav li > em a:hover{background:#e0e0e0;}
.head_button{float:left; margin-left:70px; margin-top:43px;}
.head_button li{float:left;}
.head_button li+li{margin-left:10px;}



/*幻灯片*/
.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(//memberpic.114my.cn/029495/uploadfile/image/20221117/20221117151903_1677077121.png) 0 0 no-repeat; } 
.banner-btn a.next{ right:-50px; background:url(//memberpic.114my.cn/029495/uploadfile/image/20221117/20221117151903_1677077121.png) -49px 0 no-repeat; }
.banner-box .hd { position:absolute; bottom:15px; 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:#324db6;}
.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;}



/*底部*/
.bottombg{width:100%; background:#282f37; margin-top:100px;}
.bottom{width:1400px; margin:0 auto;}
.bottom_up{height:140px; border-bottom:1px solid rgba(255,255,255,.2);}
.bottom_logo{float:left; padding-top:50px;}
.bottom_ad{float:left; margin-left:40px; padding-top:62px; font-size:30px; line-height:30px; color:#adb2b8;}
.bottom_tel{float:right; margin-right:25px; padding-top:68px; font-size:16px; line-height:16px; color:#adb2b8;}
.bottom_tel li{float:left;}
.bottom_tel li+li{margin-left:110px;}
.bottom_tel li img{margin-right:16px; vertical-align:middle;}
.bottom_tel li font{font-family:Arial;} 
.bottom_centre{height:360px;}
.QRcode{float:left; margin-top:80px;}
.QRcode dt em{}
.QRcode dt em img{width:142px; height:142px; border:9px solid #fff;}
.QRcode dd{margin-top:20px; width:100%; display:flex; justify-content: center}
.QRcode dd span{display:flex; justify-content:center; align-items:center; cursor:pointer; width:40px; height:40px; border-radius:50%; background:#4a4a4a; position:relative; transition:0.3s;}
.QRcode dd span:before{content:""; display:block; width:19px; height:10px; position:absolute; left:10.5px; top:-20px; opacity:0; transition:0.3s; background:url(//memberpic.114my.cn/029495/uploadfile/image/20221117/20221117155230_133408009.png) center no-repeat;}
.QRcode dd span:hover,.QRcode dd span.on{background:#324db6;}
.QRcode dd span:hover:before,.QRcode dd span.on:before{opacity:1;}
.QRcode dd span+span{margin-left:10px;}
.bottom_nav{float:right; margin-top:75px; padding-right:10px;}
.bottom_nav dl{float:left;}
.bottom_nav dl+dl{margin-left:130px;}
.bottom_nav dl:nth-child(3){margin-left:140px;}
.bottom_nav dl:nth-child(4){margin-left:160px;}
.bottom_nav dt{font-size:18px; line-height:18px; color:#fff;}
.bottom_nav dd{margin-top:33px;}
.bottom_nav dd a{display:block; margin-bottom:22px; line-height:14px; color:#fff; opacity:0.6;}
.bottom_nav dd a:hover{opacity:1;}
/*版权*/
.Copyright{padding:0 0 45px;}
.Copyright,.Copyright a{line-height:14px; color:#adb2b8; text-decoration:none;}
.Copyright_fl{float:left;}
.Copyright_fr{float:right;}
.Copyright a:hover{color:#fff !important; opacity:1 !important;}



/*产品分类*/
#bodycon #left{height:auto !important; top:0; position:sticky; z-index:1000;}
#bodycon{position: relative;}

.sortbg{float:left; width:270px; background:#fff; box-shadow:0 0 25px rgba(167,167,167,.4);}
.sortbg *{box-sizing:border-box;}
.sort_tit{width:100%; height:118px; text-align:center; font-size:25px; line-height:25px; color:#fff; font-weight:bold; padding-top:28px; background:url(//memberpic.114my.cn/029495/uploadfile/image/20221121/20221121155005_1797832991.jpg) center top no-repeat;}
.sort_tit p{margin-top:6px; font-family:Tw Cen MT; font-size:14px; line-height:14px; color:rgb(255,255,255,0.41); font-weight:normal;}
.sort_cont{width:100%; padding-top:20px;}
.sort_cont .prolist2021 li{margin-left:20px;}
.sort_cont .prolist2021 li a{display:block; font-size:16px; width:230px; padding-left:40px; line-height:48px; text-decoration:none; transition:0.5s; background:url(//memberpic.114my.cn/029495/uploadfile/image/20221121/20221121155005_963855218.png) 20px center no-repeat;}
.sort_cont .prolist2021 li a:hover{color:#fff; background:url(//memberpic.114my.cn/029495/uploadfile/image/20221121/20221121155005_1707614484.png) 20px center no-repeat #324db6;}
.sort_img{margin-top:40px; margin-left:20px;}
.sort_tel{width:230px; margin:0 20px; line-height:14px; padding:28px 0 50px 54px; border-bottom:2px solid #324db6; background:url(//memberpic.114my.cn/029495/uploadfile/image/20221121/20221121155005_691096518.jpg) 10px 29px no-repeat;}
.sort_tel p{margin-top:6px; font-family:Arial; font-size:22px; line-height:20px; font-weight:bold; color:#324db6;}



/*幻灯片*/
#webdh{width:100% !important;}
#bodycon{ margin-top:40px;}
.strong_title{ display:none;}
.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(//memberpic.114my.cn/0384031/uploadfile/image/20220727/20220727145300_679501882.png) left 8px no-repeat; text-indent:2em;}
.mianbxContent,.mianbxContent a{ color:#666; font-size:16px;}



/*翻页显示方式*/
.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:#324db6;}
.page_jump{ margin-left:10px;}
.back_column{ width:1100px !important; clear:both;}



/*新闻二级分类*/
.nswsfenlei_2019{ margin:0 auto; width:1400px; margin-bottom:30px; margin-top:40px; height:100px;}
.nswsfenlei_2019 li{ position:relative; width:24.2%; text-align:left; float:left; margin-right:11px; line-height:44px; transition: all .5s; text-decoration:none; background:#f5f5f5; text-transform:uppercase;}
.nswsfenlei_2019 li a:after{ position:absolute; top:43px; right:40px; display:inline-block; content:''; width:28px; height:20px; background:url(//memberpic.114my.cn/0384031/uploadfile/image/20220727/20220727145300_697302942.png) no-repeat;}
.nswsfenlei_2019 li:hover a:after,.curNewsType_2019:after{ content:''; width:28px; height:20px; background:url(//memberpic.114my.cn/0384031/uploadfile/image/20220727/20220727145300_1520269466.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:'Hagrid Action';}
.nswsfenlei_2019 li:nth-child(2) a:before{ content:'Industry Information';}
.nswsfenlei_2019 li:nth-child(3) a:before{ content:'Technical Support';}
.nswsfenlei_2019 li:nth-child(4) a:before{ content:'Common problem';}
.nswsfenlei_2019 li:hover,.curNewsType_2019{background-color:#324db6 !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_righttit strong{ color:#324db6!important;}
.nyxqnews_righttit:before { background:#324db6!important;}
.nyxqnewsfanhui{ left: -1158px !important;}
.nyxqnews_left { width: 1030px !important;}
.nyxqnews { width: 1400px !important;}
.nyxqnews_leftpage { width: 1075px !important;}
.nyxqnews_leftup { width: 464px !important;}
.nyxqnews_leftdown { width: 354px !important;}



/*内页幻灯片*/
.ny_banner{width:100%; height:450px; position: relative;}
.ny_banner_title{margin:0 auto; width:1350px; color:#555; letter-spacing:1px; padding-top:160px; padding-left:50px;}
.ny_banner_title p{position:relative; font-size:33px; font-weight:bold; display:block; height:60px; margin-bottom:20px;}
.ny_banner_title p:after {content:""; position:absolute; width:70px; height:1px; display:block; background:#555; left:0; bottom:0; opacity:0.5;}
.ny_banner_title span{font-size:18px; opacity: 0.8;}
.ny_banner_title.blank{color:#fff;}
.ny_banner_title.blank p:after{background:#fff;}



/*产品列表页第六种方式*/
.protemppic{border:1px solid #eee;}
.protemptwo li{box-shadow:none !important;}
.protemptwo li:hover .protemppic img{ transform:scale(1.1) !important;}
.protemptitl{background:#eee;}
.protemptitl:before{ background:#324db6 !important;}
.propic_show_left_20170301{width:600px !important; margin:0 auto; float:none !important;}
.propic_show_left_20170301 img{width:600px !important;}
.propic_show_right_20170301{float:none !important; width:700px !important; padding-left:0 !important; margin-left:250px; height:130px; overflow:hidden; position:relative;}
.propic_show_right_20170301:before{content:""; display:block; width:100%; height:130px; background:#FFF; z-index:1; position:absolute;}
.propic_show_right_item_20170301{position:absolute; z-index:2; top:30px; left:0;}
.propic_show_right_item_20170301 img{width:100px !important;}
.protemptwo li:hover .protemppic a:after{display:none;}



/*自定义页列表第二种方式*/
.nylist li:after{width:0 !important; background:#324db6 !important;}
.bodycontent2020 .nylist li a{text-decoration:none !important;}
.nylist li:hover:after{width:100% !important;}
/*自定义页列表第四种方式*/
.nylist li .nylist_tit:before{transition:ease-in-out 0.5s all !important; background:#324db6 !important;}
.nylist_tit:after{transition:ease-in-out 0.5s all !important;}
/*自定义栏目第九套*/
.nyqhlist_tit:before { position:absolute; top:0; left:0; display: block; content: ''; width:0; height:100%; background:#324db6; 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;}



/*动态列表模板三*/
.newstemptwo li{box-shadow:none !important; background:#f8f8f8;}
.newstemptwo li{transition:0.5s;}
.newstemptwo li:hover{transform: translateY(-10px);}
.newspic{width:24% !important; height:210px; overflow:hidden; border:1px solid #f8f8f8; transition:0.5s;}
.newstemptwo li:hover .newspic{border-color:#cecece;}
.newstemptwo li .newspic img{transition:0.6s;}
.newstemptwo li:hover .newspic img{transform:scale(1.2);}
.newswa{width:73% !important;}
.news_more{bottom:40px !important;}
.news_more a{border-radius:0 !important; background:#324db6 !important; display:block; position:relative;}
.newstemptwo li{padding:20px 40px !important;}
.newstemptwo li:hover .news_a a{color:#324db6 !important;}
.newstemptwo li:hover .news_body{padding:0 !important;}
.newstemptwo li:hover{background:#fff; box-shadow:0 0 20px #eee !important;}
.newstemptwo li p.newshx,.newstemptwo li p.newssx{display:none;}
.newstemptwo li .newswa .news_more a:before{content:""; display:block; position:absolute; border-bottom:2px solid #324db6; border-right:2px solid #324db6; bottom:0; right:0;  transition:all .6s ease; width:0; height:0;}
.newstemptwo li .newswa .news_more a:after{content:""; display:block; position:absolute; border-top:2px solid #324db6; border-left:2px solid #324db6; top:0; left:0; transition:all .6s ease; width:0; height:0;}
.newstemptwo li:hover .newswa .news_more a{background:#fff !important; color:#324db6;}
.newstemptwo li:hover .newswa .news_more a:before,.newstemptwo li:hover .newswa .news_more a:after{width:110%; height:120%;}



/*新闻内容样式*/
.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:#324db6; text-decoration:underline;}



/*右侧浮动*/
.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(//memberpic.114my.cn/029495/uploadfile/image/20221123/20221123134554_1293410783.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: #324db6; }/*颜色更改*/
.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: #324db6; border-color: #324db6; 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: #324db6; border-color: #324db6;}/*颜色更改*/
.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>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: #324db6; 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: #324db6; 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:#324db6;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }