/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

/*公共样式部分*/

body {color: #666;margin: 0 auto;background: #fff;font-family: "Microsoft YaHei";overflow-x: hidden;}

*{box-sizing: border-box;}

#copy{display: none;}

a{font: inherit;color:inherit;text-decoration: none;}
a:hover { color:#d20a00;text-decoration: none; border-bottom-style:}

.page{margin:0 auto;width: 1400px;position: relative;}
.bg{ width: 100%; min-width: 1400px;}
.box{margin: 0 auto;width:94%;}
.box2{margin: 0 auto;width:84%;position: relative;}

.fl { float: left;}
.fr {float: right;}

em,i {font-style: normal;}


/*隐藏右边滚动条
body::-webkit-scrollbar {  display: none;}*/


/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}

/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}



/*英文样式*/
.font_en{font-family: "Arial, Helvetica, sans-serif";text-transform: uppercase;}
.font_en2{font-family: "Avant_Garde_Medium-Normal";}

@font-face {
  font-family:"Avant_Garde_Medium-Normal";
  src: 
  url("https://memberpic.114my.com.cn/gdcdd8888/cssnew/Avant_Garde_Medium-Normal.woff2.txt") format("woff2"),
  url("https://memberpic.114my.com.cn/gdcdd8888/cssnew/Avant_Garde_Medium-Normal.woff.txt") format("woff"),
  url("https://memberpic.114my.com.cn/gdcdd8888/cssnew/Avant_Garde_Medium-Normal.ttf.txt") format("ttf"),
  url("https://memberpic.114my.com.cn/gdcdd8888/cssnew/Avant_Garde_Medium-Normal.eot.txt") format("eot"),
   url("https://memberpic.114my.com.cn/gdcdd8888/cssnew/Avant_Garde_Medium-Normal.svg.txt") format("svg");
}




html{font-size: 15px;}




/*标题*/
.title{text-align: center;padding:70px 0 35px 0;}
.title b{display: block;font-size:40px;color:#333;}
.title t{color:#0765d9;}
.title p{font-size: 18px;color:#999;line-height: 30px;}





/*头部*/
.head_bg{height:100px;position: absolute;z-index: 2;}
.head{display:flex;align-items:center;justify-content:space-between;height:100%;}
/*logo*/
.logo img{height: 3vw;}
/*导航*/
.nav{display: flex;height: 100%;}
.nav li{}
.nav li:after{content:"";display:block;width:0px;height:2px;margin:-43px auto 0;background:#fff;transition: 0.3s;}
.nav li.navcurrent:after ,.nav li:hover:after{width:70px;}
.nav li>a{display: block;padding: 0 1.8vw;line-height: 100px;font-size:16px;color: rgb(255 255 255 / 0.8);}
.nav li.navcurrent a ,.nav li:hover>a{color: #fff;}


/*抬头固定*/
.roll{width:100%;height: 100px;background:#fff;position:fixed;z-index:9999;box-shadow: 0 0 30px rgba(0,0,0,.08);}
/*logo*/
.roll .logo img{filter: none;}
/*栏目*/
.roll .nav li>a{color: rgb(51 51 51 / 0.8);}
.roll .nav li.navcurrent a, .roll .nav li:hover>a{color: #d20a00;}
.roll .nav li:after{background: #d20a00;}









/*幻灯片*/
.banner{height:945px;}
/* 通过改变animation-timing-function 制作弹性切换效果 */
.banner .swiper-wrapper{transition:2s cubic-bezier(0.68,-0.4,0.27,1.34) 0.2s;}
.banner .swiper-slide a{display: flex;height: 100%;}
/*左右箭头*/
.banner .swiper-button-prev{left: -80px;border-radius:5px 0 0 5px;}
.banner:hover .swiper-button-prev{left: 80px;}
.banner .swiper-button-next{right:-80px;border-radius:0 5px 5px 0;}
.banner:hover .swiper-button-next{right:80px;}
.banner_swiper-button{width:60px !important;height:130px !important;background: rgb(51 51 51 / 0.3);outline: none;transition: 0.3s;}
.banner_swiper-button:after{color:#fff;font-size: 30px !important;}
/*分页*/
.banner-pagination{bottom: 50px !important;}
.banner-pagination span{width: 10px;height: 10px;background:#fff;opacity:.8;border-radius: 100px;outline: none;}
.banner-pagination span.swiper-pagination-bullet-active{width:60px;opacity: 1;}






/*产品中心*/
.product_sort ul{display: flex;flex-wrap: wrap;padding:2%;border:1px #eee solid;margin-bottom:20px;background:#f5f5f5;}
.product_sort li{width: 14.2%;text-align: center;}
.product_sort li>dl{display:none;}
.product_sort li>a{display: block;font-size:16px;color:#333;line-height:40px;}
.product_sort li>a:hover{color: #d20a00;}

.product_bg{padding: 80px 0;border-bottom: 1px #eee solid;}
.product_img ul{display:flex;justify-content:space-between;}
.product_img ul+ul{margin-top:2%;}
.product_img li *{display:block;}
.product_img li{width: 32%;}
.product_img li>a{transition: 0.3s;}
.product_img li:hover>a{box-shadow: 0 0 30px rgba(0,0,0,.1);}
.product_img br{display:none;}
.product_img li>a img{width: 100%;height: auto;}
.product_img span a{margin-top:2%;font-size:16px;color:#333;text-align:center;}
.product_a a{display:block;margin:40px auto 0;width:50px;height:50px;line-height:35px;border-radius:100%;border:1px #eee solid;text-align:center;font-size:22px;color:#999;transition: 0.3s;}
.product_a a:hover{background:#d20a00;border:1px #d20a00 solid;color:#fff;}







/*专注深孔机械生产定制*/
.trait_bg{}
.trait{display:flex;justify-content:space-around;text-align:center;}
.trait li{display:flex;flex-direction:column;justify-content:center;align-items:center;width:25%;margin:3% 0;}
.trait li *{display:block;}
.trait em{padding:10px;background:#eee;border-radius:100%;}
.trait i{padding:10px;background:#f5f5f5;border-radius:100%;transition: 0.3s;}
.trait i:hover{background: #d20a00;}
.trait p{margin-top:15px;font-size:18px;color:#666;}







/*关于我们*/
.about_bg{height:700px;background: url(https://memberpic.114my.com.cn/zok88885786/uploadfile/image/20231122/20231122104324_1062413607.jpg)no-repeat center;}
.about{display:flex;flex-direction:column;justify-content:center;height:100%;}
/*文字*/
.about_text{text-align: center;}
.about_text t{display:block;margin-bottom:40px;font-size:40px;color:#fff;font-weight:bold;}
.about_text p{font-size:16px;line-height:40px;color:#aaa;font-weight:lighter;}
/*数据*/
.about_data{display:flex;justify-content:space-between;margin-top:120px;}
.about_data li{width:25%;padding: 1% 0;border-left: 1px rgb(255 255 255 / 0.1) solid;text-align:center;}
.about_data li:last-child{border-right: 1px rgb(255 255 255 / 0.1) solid;}
.about_data p{margin-bottom:10px;font-size:60px;color:#ff0c00;}
.about_data span{font-size:16px;color:#aaa;font-weight:lighter;}






/*案例展示*/
.case{display: flex;justify-content: space-between;}
/*图片*/
.case_img{width:50%;}
.case_img ul{display: flex;}
.case_img ul+ul{margin-top:5px;}
.case_img li+li{margin-left: 5px;}
.case_img a{display:block;}
.case_img p{display:none;}
/*联系*/
.case_connect{display:flex;flex-direction:column;justify-content:center;width:50%;padding:2% 4%;background:#f5f5f5;}
.case_connect t{display:block;margin-bottom:40px;font-size:16px;color:#888;font-weight:lighter;}
.case_connect ul{display:flex;justify-content:space-between;}
.case_connect li{width:48.7%;}
.case_connect ul p{line-height:50px;padding-left:20px;background:#fff;font-size:18px;color:#333;font-weight:lighter;}
.case_connect ul p+p{margin-top:15px;}






/*新闻中心*/
.news{display: flex;flex-direction: column;}
.news_content{display: flex;justify-content: space-between;}
.news_text{display:flex;flex-direction:column;width: 31%;}
.news_text>a{display:block;margin-bottom:20px;font-size:24px;color:#333;}
.news_text .news_div_item{display:flex;flex-direction:row-reverse;justify-content:space-between;line-height:60px;border-bottom:1px #eee solid;}
.news_text .news_div_item_date{display: flex;font-size:14px;color:#888;font-weight:lighter;}
.news_text .news_div_item_a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:16px;color:#666;font-weight:lighter;}
.news_text .news_div_item_a:hover{color:#d20a00;}


/*版权*/
.copyr_bg{background: #222;padding-top:80px;}
.copyr_one{display: flex;justify-content: space-between;padding-bottom: 80px;position: relative;}
.copyr_one:after{ content:"";display:block;width:200%;height:1px;background: rgb(255 255 255 / 0.15);position:absolute;bottom:0;left: calc((100% / 2) - 70%);}
.copyr_one ul{display: flex;}
.copyr_one li{display: flex;flex-direction: column;}
.copyr_one li+li{margin-left:120px;}
.copyr_one li p{margin-bottom: 20px;font-size: 16px;color:#fff;}
.copyr_one li a{display:block;line-height:34px;font-size:14px;color:rgb(255 255 255 / 0.5);font-weight:lighter;}
.copyr_one li a:hover{color:#fff;}
.copyr_one dt{line-height:34px;font-size:14px;color:rgb(255 255 255 / 0.5);font-weight:lighter;text-align:right;}
.copyr_two{display:flex;justify-content:space-between;}
.copyr_two li{display:flex;}
.copyr_two p, .copyr_two a{ display:block;line-height:80px;font-size:14px;color:rgb(255 255 255 / 0.5);font-weight:lighter;}






/* 浮动*/
.y-kefu-box { position: fixed; right: 0; top:24%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(https://memberpic.114my.com.cn/zok88885786/uploadfile/image/20231122/20231122143036_15049327.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; background-color: #d20a00; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border: solid 1px #efefef;position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun {background-color: #d20a00; border-color: #d20a00; 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; }
.kf-mail>i{background-position: -5px -79px !important;}
.kf-mail:hover>i{background-position: -30px -79px !important;}
.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: #d20a00; border-color: #d20a00;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .kf-zixun1 { border-radius: 2px;border-bottom: 1px #efefef solid;}
.y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -180px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -180px; }

.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:#333;}
.y-kefu-box01 .mobile-infos p{color: #d20a00;font-size: 18px;}
y-kefu-box .right{width: 12px;height: 12px;position: absolute;right: -12px;top: 24px;}
y-kefu-box .right-arrow1,
y-kefu-box .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;}
y-kefu-box .right-arrow1{left: 1px;border-left: 6px #efefef solid;}
y-kefu-box .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:115px; height:114px; margin: 20px 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; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:170px;}
.y-kefu-box01 .y-email-infos p { color: #d20a00; 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:#f55b1b;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }