/*标签样式初始化*/
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:#0068cf;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("../cssnew/Avant_Garde_Medium-Normal.woff2.txt") format("woff2"),
  url("../cssnew/Avant_Garde_Medium-Normal.woff.txt") format("woff"),
  url("../cssnew/Avant_Garde_Medium-Normal.ttf.txt") format("ttf"),
  url("../cssnew/Avant_Garde_Medium-Normal.eot.txt") format("eot"),
   url("../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{filter: grayscale(100%) brightness(1000%);}
/*导航*/
.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;}
/*右边*/
.head_right{display: flex;}
/*英文切换*/
.head_en a{display:flex;align-items:center;justify-content:center;width:2vw;height:2vw;border:1px rgb(255 255 255 / 0.6) solid;border-radius:100%;font-size:0.8vw;color:#fff;font-weight:lighter;transition: 0.3s;}
.head_en a:hover{background: #0068cf;}
/*搜索*/
.head_search{height: 2vw;margin-left: 1vw;}
.head_search form{display:flex;align-items:center;justify-content:space-between;width:10.5vw;height: 100%;margin: 0;background:#fff;border-radius: 100px;overflow: hidden;}
.head_search input{outline: none;border: none;background: none;}
.search_conter{width: 80%;height:100%;margin:0;padding:0 0 0 15px;}
.search_button{width: 2.3vw;}

/*抬头固定*/
.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: #0068cf;}
.roll .nav li:after{background: #0068cf;}
/*右边*/
.roll .head_en a{ border:none;background:#f5f5f5;color:#333;}
.roll .head_en a:hover{background: #0068cf;color:#fff;}
.roll .head_search form{background: #f5f5f5;}









/*幻灯片*/
.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(0 104 207 / 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;}







/*关于我们*/
.about_bg{height:800px;margin-top:10px;background: url(../uploadfile/image/20231024/20231024092839_796135274.jpg)no-repeat center;}
/*文字*/
.about_text{width:625px;}
.about_text_one{padding:90px 0 45px 0;}
.about_text_one b{font-size:40px;color:#0068cf;}
.about_text_one b:after{content:"";display: block;width:80px;height:10px;margin-top:-12px;background:#efb700;}
.about_text_one p{margin-top: 10px;font-size: 18px;color:#666;}
.about_text_two p{font-size:16px;line-height:36px;color:#888;font-weight:lighter;}
.about_text_two a{font-size:16px;color:#0068cf;}
.about_text_two a:hover{color:#efb700;}
/*数据*/
.about_data{ display:flex;justify-content:center;align-items:center;width:1660px;height:160px;margin:100px -260px 0 0;padding-right:260px;background: #fff;border-radius: 10px 0 0 10px;text-align:center;}
.about_data li{width:20%;border-right: 1px #f5f5f5 solid;}
.about_data p{margin-bottom:10px;font-size:60px;line-height:50px;color:#0068cf;}
.about_data span{font-size: 16px;color:#888;font-weight: lighter;}







/*产品中心*/
.product{display: flex;justify-content: space-between;}
/*左边*/
.product_left{width:470px;}
.product_left_one{display:flex;align-items:center;justify-content:center;height:180px;background:url(../uploadfile/image/20231024/20231024102952_806286817.jpg)no-repeat center;}
.product_left_one li{margin-left:15px;}
.product_left_one b{font-size:40px;color:#fff;}
.product_left_one p{font-size:18px;color:#bbb;font-weight: lighter;}
.product_left_two{display:flex;flex-direction:column;align-items:center;justify-content:center;width:470px;height:538px;background:#f5f5f5;}
.product_left_two img{transition: 0.3s;}
.product_left_two:hover img{transform: scale(1.1);}
.product_left_two li{display: flex;margin-top:50px;}
a.public_button, .product_left_two a{display:block;width:180px;height:50px;line-height:50px;background-image:-webkit-linear-gradient( 0deg,rgb(0,93,185) 0%,rgb(29,143,255) 100%);font-size:18px;color:#fff;text-align:center;border-radius: 50px;}
.product_left_two li a:first-child{border-radius: 50px 0 0 50px;}
.product_left_two li a+a{margin-left: 1px;background: #333;border-radius: 0px 50px 50px 0px;}
a.public_button:hover, .product_left_two a:hover{background-image:-webkit-linear-gradient( 0deg,#dba800 0%,#ffca1d 100%);}
/*中间和右边*/
.product_center li, .product_right li{display:flex;justify-content:space-between;align-items:center;width:460px;height:236px;padding: 40px;background: #f5f5f5;border-radius:10px;}
.product_center li+li, .product_right li+li{margin-top: 5px;}
.product_center dd, .product_right dd{position:relative;z-index:2;}
.product_center p, .product_right p{font-size:26px;color:#333;}
.product_center span, .product_right span{display:block;margin:5px 0 60px 0;font-size: 14px;color:#888;font-weight: lighter;}
.product_center a, .product_right a{display:block;width:40px;height:40px;border:1px #ddd solid;border-radius:100%;background: url(../uploadfile/image/20231024/20231024112126_1584212139.png)no-repeat center;}
.product_center li a:hover, .product_right li a:hover{background-color: #0068cf;}
.product_right li.product_right_one{align-items: end;height:477px;position: relative;}
.product_right li.product_right_one i{position:absolute;left:40px;bottom:40px;}
.product_center i img, .product_right i img{transition: 0.3s;}
.product_center li:hover img, .product_right li:hover img{transform: scale(1.1);}








/*磁动帝-磁铁超强吸力*/
.trait_bg{height:945px;background: url(../uploadfile/image/20231024/20231024150515_510101226.jpg)no-repeat center;}
.trait_title b{color:#fff;}
.trait_title p{color:#ccc;}
.trait{display: flex;justify-content: space-between;}
/*左边*/
.trait_left{width:280px;margin-top:40px;}
.trait_left p{font-size: 32px;line-height: 46px;color:#0068cf;}
.trait_left i{display: block;width:60px;height:1px;margin:24px 0 13px 0;background: #666;}
.trait_left span{display: block;font-size:16px;line-height: 30px;color:#ccc;font-weight:lighter;}
.trait_left a{display:flex;align-items:center;justify-content:center;margin-top: 35px;}
.trait_left img{display: block;margin-left: 10px;}
/*右边*/
.trait_right{display:flex;flex-direction:column;align-items:flex-end;margin-top: 120px;}
.trait_right p{font-size: 26px;line-height: 46px;color:#1d8fff;}
.trait_right span{display:block;width:245px;margin-top:20px;text-align:right;font-size:16px;line-height:30px;color:#ccc;}







/*应用行业*/
.apply_bg{height:770px;background: url(../uploadfile/image/20231024/20231024162951_1032683545.jpg)no-repeat center;}
.apply_title b{color:#0068cf;}
.apply ul{display: flex;}
.apply li{width:35%;height:500px;transition:0.3s;overflow:hidden;position:relative;}
.apply li.on{width: 100%;}
.apply li img{position:absolute;top:0;left:50%;transform:translate(-50%);}
.apply li+li{margin-left:10px;}
.apply li p{display:flex;align-items:center;justify-content:center;width:100%;height:100px;background:url(../uploadfile/image/20231025/20231025172736_1681234847.png)no-repeat center;position:absolute;bottom:0;left:0;z-index:2;}
.apply li p a{display:block;font-size:22px;color:#fff;}








/*合作客户*/
.cooperate_bg{}
.cooperate ul{display: flex;}
.cooperate li{transition: 0.3s;}
.cooperate li:hover{box-shadow: 0px 0px 9.5px 0.5px rgba(153, 153, 153, 0.20);position:relative;z-index:2;}
.cooperate img{filter: grayscale(100%);transition: 0.3s;}
.cooperate li:hover img{filter: grayscale(0%);}
.cooperate p{display:none;}







/*磁动帝-用实力说话*/
.advantage_bg{height:800px;background: url(../uploadfile/image/20231025/20231025093711_839528267.jpg)no-repeat center;}
/*标题*/
.advantage_title{margin:10px 0 50px 0;text-align:left;}
.advantage_title b, .advantage_title p{color:#fff;}
/*切换内容*/
.advantage_content t{display: block;margin:0 0 35px 0;font-size: 28px;color:#fff;font-weight: lighter;}
.advantage_content p{width:505px;font-size: 16px;line-height: 34px;color:#a1caff;font-weight: lighter;}
.advantage_content .public_button{margin-top: 75px;border: 1px #88baff solid;}
/*图片*/
.advantage_img{position:absolute;top:30px;right:190px;}
/*切换*/
.advantage_toggle{display: flex;margin-top: 70px;}
.advantage_toggle li{width:25%;position: relative;cursor: pointer;}
.advantage_toggle li:after{content:"";display:block;width:0px;height:3px;margin-top:-5px;background:#fff;transition:0.3s;}
.advantage_toggle li.on:after{width:180px;}
.advantage_toggle p{font-size: 26px;color:#fff;}
.advantage_toggle span{display: block;margin-top: 5px;font-size: 18px;color:#a6c9f0;}







/*新闻中心*/
/*上面*/
.news_top{display: flex;justify-content: space-between;}
.news_title{text-align: left;}
.news_toggle{display: flex;margin-top: 90px;}
.news_toggle a.public_button{background: #f5f5f5;color:#333;}
.news_toggle a.on{background-image: -webkit-linear-gradient( 0deg,rgb(0,93,185) 0%,rgb(29,143,255) 100%);color:#fff;}
.news_toggle a+a{margin-left: 10px;}
/*下面*/
.news_bottom ul{display: flex;justify-content: space-between;}
.news_bottom_one{width: 930px;}
.news_bottom_one .news_div{display:flex;justify-content: space-between;}
.news_bottom_one .news_div_item{display:flex;flex-direction:column-reverse;width:460px;height: 550px;padding:40px;background:#f5f5f5;}
.news_bottom_one .news_div_item_pic a{display:block;overflow:hidden;}
.news_bottom_one .news_div_item_image{width: 100%;transition: 0.3s;}
.news_bottom_one .news_div_item:hover .news_div_item_image{transform: scale(1.2);}
.news_bottom_one .news_div_item_a{display:block;margin:26px 0 19px 0;font-size:18px;color:#333;}
.news_bottom_one .news_div_item:hover .news_div_item_a, .news_bottom_two .news_div_item:hover .news_div_item_a{color: #0068cf;}
.news_bottom_one .news_div_item_body{font-size:14px;line-height:28px;color:#888;font-weight:lighter;}
.news_bottom_one .news_div_item_date{display:flex;margin-top:19px;font-size: 16px;line-height: 13px;color:#c5c5c5;font-family: "Avant_Garde_Medium-Normal";}
.news_bottom_two{width: 460px;}
.news_bottom_two .news_div_item:nth-child(n+1):nth-child(-n+2){display:none;}
.news_bottom_two .news_div_item:nth-child(3){margin-top:0px;}
.news_bottom_two .news_div_item{ display:flex;align-items:center;width:460px;height:176px;padding:0 40px;border:1px #f5f5f5 solid;}
.news_bottom_two .news_div_item+div{margin-top: 10px;}
.news_bottom_two .news_div_item .news_div_item_a{display:block;margin-bottom:10px;font-size:18px;color:#333;}
.news_bottom_two .news_div_item .news_div_item_body{ font-size:14px;line-height:22px;color:#888;font-weight:lighter;}






/*版权*/
.copyright_bg{padding-bottom: 80px;background-image: -webkit-linear-gradient( 90deg, rgb(238,238,238) 0%, rgb(245,245,245) 100%);}
/*友情链接*/
.blogroll{height:100px;line-height: 100px;border-bottom: 1px #fff solid;}
.blogroll_page{display: flex;justify-content: space-between;}
.blogroll_left{width:7%;font-size: 16px;color:#333;}
.blogroll_right{width:93%;}
/*版权内容*/
.below{display:flex;justify-content:space-between;padding-top: 80px;}
.below_left_one{display: flex;}
.below_left_one li+li{margin-left:20px;}
.below_left_one img{width:120px;height:120px;}
.below_left_one p{width:120px;height:25px;line-height:25px;margin-top:1px;background: #fff;font-size: 14px;text-align: center;color:#888;font-weight:lighter;}
.below_lefttwo{margin:40px 0;}
.below_lefttwo p{font-size: 18px;line-height: 36px;color:#666;}
.below_left_three, .below_left_three a{font-size:14px;line-height: 30px;color: #888;font-weight: lighter;}
.below_left_three a:hover{color:#0068cf;}
.below_left_three li{display: flex;}
.below_left_three li:first-child p+p{margin-left: 10px;}
.below_right p{ margin-bottom:22px;font-size:18px;color:#666;}
.below_right{width:540px;}
.below_right>li:nth-child(2){margin-top: 50px;}
.below_right dd, .below_right .prolist2021 ul{display:flex;flex-wrap:wrap;}
.below_right dd a{display:block;width:120px;font-size:14px;line-height:36px;color:#888;font-weight:lighter;}
.below_right dd a:nth-child(5n), .below_right .prolist2021 li:nth-child(5n), .below_right .prolist2021 li:nth-child(5n) a{width: auto;}
.below_right dd a:hover{color:#0068cf;}





/* 浮动*/
.y-kefu-box { position: fixed; right: 0; top:20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../uploadfile/image/20231025/20231025160952_1345318106.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: #0068cf; 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: #0068cf; border-color:#0068cf; 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: #0068cf; border-color: #0068cf;}
.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; }
.kf-mailbox>i{background-position: -5px -80px !important;}
.kf-mailbox:hover>i{background-position: -30px -80px !important;}

.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;} 
.kf-mobilephone>i{background-position: -5px -180px !important;;}
.kf-mobilephone:hover>i{background-position: -30px -180px !important;}

/*咨询热线*/
.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: #0068cf;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:#9;b9b9b text-align: left; bottom: 0; width:170px;}
.y-kefu-box01 .y-email-infos p { color: #0068cf; 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; }