body, a{font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;color:#333;}
a:hover{color:#708596;}
.box{width:100%;margin:0 auto}
.wt{width:100%;}

@font-face {
  font-family: "iconfont";
  src: url('icon-font/iconfont.woff2?t=1629963031559') format('woff2'),
       url('icon-font/iconfont.woff?t=1629963031559') format('woff'),
       url('icon-font/iconfont.ttf?t=1629963031559') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 26px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header{width:100%;background:#151515;overflow:hidden;}
.head{width:96%;margin:0;padding:0 2%;background:#FFF;position:relative;z-index: 101;}
.head .bgOpa{background:#000;width:100%;}
.head .box{overflow:hidden;display:flex;align-items:center;justify-content:space-between;}
.head .logo{width:70%;}
.head .logo img{width:100%;height:auto;}
.head dl{display:none;}

.nav-btn{width:15%;position:relative;cursor:pointer;height:3.5rem;margin-top:2.5rem;}
.nav-btn span{display:block;background:#fe3304;width:40%;height:0.2rem;position:absolute;right:0.5rem;transition:all ease 0.35s}
.nav-btn span:nth-of-type(1){top:0px}
.nav-btn span:nth-of-type(2){top:0.5rem}
.nav-btn span:nth-of-type(3){top:1rem}
.nav-btn_se span:nth-of-type(1){top:0.5rem;transform:rotate(45deg);}
.nav-btn_se span:nth-of-type(2){width:0}
.nav-btn_se span:nth-of-type(3){top:0.5rem;transform:rotate(-45deg)}

.menu{position:absolute;z-index:100;background:#fe3304;max-width:750px;margin:1px auto 0;width:100%;height:calc(100% - 5rem);top:-100%;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.menu_show{top:6rem}
.menu>ul>li:first-child{overflow:hidden;border-top:0}
.menu>ul>li a{color:#fff;font-size:1.2rem;line-height:2.4rem;}
.menu>ul>li:first-child>a{float:left;width:calc(100% - 3.5rem)}
.menu ul li{border-top:1px #fff solid;padding-left:1.5rem;position:relative;line-height:3.2rem;font-size:1.6rem}
.menu>ul >li:last-child{border-bottom:1px #fff solid;}

.navbg{display:none;}

.banner{display:none;}

.i_banner{max-width:750px;width:100%;margin:0 auto 0;overflow:hidden;position:relative;}
.i_banner img{width:100%;}
.ban-container{width: 100%;height: 100%;}
.ban-container .swiper-button-next,.ban-container .swiper-button-prev{color:#fe3304;}
.ban-slide{text-align: center;font-size: 1.6rem;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

/* .select_td{width: 95px;} */
.top_search{display:none;}

.i_search{max-width:750px;width:96%;padding:1rem 2%;background:#f1f1f1;height:16rem;}

.i_search_list{width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap: wrap;}
.i_search_list li{width:48%;margin-bottom:1rem;display:flex;justify-content:space-between;}
.i_search_list li:first-child{width:100%;}
.i_search_list li p{display:none;}

.i_search_select{width:100%;height:3rem;line-height:3rem;padding-left:2%;font-size:1.2rem;border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;background:url("../images/select.png") no-repeat scroll right center #fff;background:#fff\9;color:#666;outline:none;border-radius:1rem;}
.i_search_txt1{width:100%;height:3rem;line-height:3rem;font-size:1.2rem;border:none;outline:none;border-radius:1rem;padding-left:2%;background-color:#fcfcfc;}
.i_search_txt2{width:100%;height:3rem;line-height:3rem;font-size:1.2rem;border:none;outline:none;border-radius:1rem;padding-left:2%;background-color:#fcfcfc;}
.i_search_btn{width:100%;height:3rem;line-height:3rem;font-size:1.2rem;font-weight:600;color:#FFF;background:#708596;text-align:center;border:none;outline:none;border-radius:1rem;-webkit-appearance:none;font-family: MyFonts;}

.about_in{padding-bottom:1rem;margin-top:1rem;}
.about_in .pic{display:block;width:100%;}
.about_in .pic img{width:100%;}
.about_in .txt{width:96%;padding:0 2%;word-break:break-all;}
.about_in .txt .tt{position:relative;margin-bottom:1rem;margin-top: 3rem;}
.about_in .txt .tt .a1{display:block;width:70%;height:4rem;}
.about_in .txt .tt p{position:absolute;right:0;top:0}
.about_in .txt .tt p a{display:block;width:2rem;height:2rem;background:url(../images/icon1.gif) no-repeat;float:left;margin-right:0.5rem;line-height:999em;overflow:hidden}
.about_in .txt .tt p a.a2{background-position:0 0}
.about_in .txt .tt p a.a3{background-position:-36px 0}
.about_in .txt .tt p a.a4{background-position:-73px 0}
.about_in .txt .text{overflow:hidden;font-size: 1.2rem; line-height:2.4rem;}
.about_in .txt .more{float:right;background:#ffbc01;text-align:center;border-radius:1rem;width:20%;height:2rem;line-height:2rem;margin-top:1rem;text-align:center;}
.about_in .txt .more:hover{color:#fff}

.brandlist{max-width:750px;width:96%;margin:2rem auto 3rem;padding:0 2%;position:relative;}
#brandlist-container{width:100%;margin:0 auto;overflow:hidden;}

.brandlist-list span{width:100%;height:100%;display:block}
.brandlist-list span img{width:100%;height:auto;}
.brandlist-list p{height:3rem;line-height:3rem;text-align:center;background:#414141;color:#FFF;}

.title_in{font-size:1.2rem;line-height:4rem;text-align:center;}
.title_in b{font-size:1.8rem}
.brand_in{width:96%;padding:1rem 2%;overflow:hidden;background:#F5F5F5;}
.brand_in .box{overflow:hidden}

.brand_z_menu{margin-bottom: 1rem;display:flex;justify-content:space-between;flex-wrap:wrap;}
.brand_z_menu li {width:31.333%;height:3rem;line-height:3rem;margin-bottom:1rem;}
.brand_z_menu li a {display: block;border: 1px solid #dcdcdc;	text-align: center;	-moz-border-radius: 1rem;	-webkit-border-radius: 1rem;	border-radius: 1rem;	overflow: hidden;	height: 3rem;	line-height: 3rem;}

.brand_z_list ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.brand_z_list ul li{float:left;width:47%;}
.brand_z_list ul li img{width:100%;}
.brand_z_list ul li h3{display: block; width: 100%; height: 3rem; padding: 0; margin-bottom: 1rem; line-height: 3rem; text-align: center;border: 1px solid #fff;}

/***������SKF***/
.Menubox li.li1 span{background-position:0 -43px}
.Menubox li.li1 span.hover{background-position:-121px -43px}
.Menubox li.li2 span{background-position:0 -90px}
.Menubox li.li2 span.hover{background-position:-121px -90px}
.Menubox li.li3 span{background-position:0 -137px}
.Menubox li.li3 span.hover{background-position:-121px -137px}
.Menubox li.li4 span{background-position:0 -182px}
.Menubox li.li4 span.hover{background-position:-121px -182px}
.Menubox li.li5 span{background-position:0 -234px}
.Menubox li.li5 span.hover{background-position:-121px -234px}
.Menubox li.li6 span{background-position:0 -278px}
.Menubox li.li6 span.hover{background-position:-121px -278px}
.Menubox li.li7 span{background-position:0 -320px}
.Menubox li.li7 span.hover{background-position:-121px -320px}
.Menubox li.li8 span{background-position:0 -360px}
.Menubox li.li8 span.hover{background-position:-121px -360px}

.demo{width:96%;max-width:750px;padding:1rem 2%;overflow:hidden}
.demo .pic{width:100%;}
.demo .txt{width:96%;padding:3rem 2% 0;}
.demo .txt img{width:100%;height:auto;}
.demo .txt p{font-size:1.2rem;line-height:2.4rem;background:url(../images/icon4.gif) no-repeat left;background-position:0 0.9rem;padding-left:2rem;margin:1rem}

.news_in{width:96%;max-width:750px;padding:1rem 2%;}
.news_in .detail{width:98%;padding:1rem 1%;background:#F5F5F5;}
.news_in .detail .pic{float:left;display:block;width:40%;height:auto;padding:0.5rem 1%;overflow:hidden;}
.news_in .detail .pic img{width:100%; height: auto;}
.news_in .detail .txt{float:right;width:56%;line-height:2.4rem}
.news_in .detail .txt a{display:block;font-size:1.2rem;font-weight:bold;line-height:2.4rem;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow:hidden}
.news_in .detail .txt p{font-size:1rem;line-height:2rem;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow:hidden;}
.news_in .list{width:100%;margin-top:1rem;}
.news_in .list li{overflow:hidden;margin-bottom:1rem}
.news_in .list li .date{width:10%;float:left;border:1px solid #F2F2F2;font-size:1rem;font-weight:bold}
.news_in li .date span{display:block;height:1.2rem;height:2.4rem;line-height:2.4rem;background:#FFBC03;color:#fff;text-align:center;}
.news_in li .date b{display:block;font-size:1rem;line-height:2rem;color:#333;text-align:center;}
.news_in li .txt{float:right;width:86%;font-size:1rem;color:#666;}
.news_in li .txt a{display:block;font-size:1.2rem;line-height:2.4rem;width:100%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_in li .txt p{font-size:1rem;line-height:2rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.app_in{background:url(../images/know_bg.gif) no-repeat top center;background-size:100% auto;padding-top:2rem;}
.app_in ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.app_in ul li{width:50%;height:auto}
.app_in .tt{background:#ffd04e;}
.app_in ul li img{display:block;width:100%;height:auto;}
.app_in ul li.li1 a span{display:block;height:3rem;line-height:3rem;color:#fff;background:#5D5D5D;text-align:center;}
.app_in ul li.li1 a img{width:100%;height:auto;}
.app_in ul li:nth-child(even) a span{background:#767676;}
.app_in ul li a:hover span{background:#708596}


.link{max-width:750px;width:96%;padding:1rem 2%;height:6rem;line-height:3rem;font-size:1.2rem;}
.link a{color:#666;padding:0 1%;}
.link a:hover{color:#708596}

.foot{max-width:750px;width:96%;background:#1B1B1B;overflow:hidden;padding:1rem 2% 6rem;}
.foot .list1,.foot .list2{width:92%;padding:1rem 4%;border-bottom:1px dotted #676767;font-size:1.4rem;color:#666;line-height:2.8rem;}
.foot .list1 a{font-size:1.2rem;color:#666}
.foot .list1 a:hover{color:#fff}

.foot .list2 li{}
.foot .list2 li.li1{background:url(../images/icon6.png) 0 center no-repeat;padding-left:5%;}
.foot .list2 li.li2{background:url(../images/icon7.png) 0 center no-repeat;padding-left:5%;}
.foot .list2 li.li3{background:url(../images/icon8.png) 0 center no-repeat;padding-left:5%;}

.foot .list3{display:flex;justify-content:flex-start;border-bottom:none;}
.foot .list3 img{margin-left:1rem}
.foot .list3 p{padding-left:2rem;padding-top:1rem;font-size:1.4rem}

.foot .list1 .logo_footer{width: 200px;}
.foot .list3 .weixin_footer{width:110px;height:110px;}

.foot_sub{height:6rem;max-width:750px;width:100%;margin:0 auto;background:#f1f1f1;border-top:1px solid #c1c1c1;position:fixed;bottom:0;z-index:999;}
.foot_sub ul{}
.foot_sub ul li{width:25%;float:left;text-align:center;}
.foot_sub ul li a{color:#444;}
.foot_sub ul li span{display:block;font-size:2.5rem;line-height:3rem;padding-top:1rem;font-family: iconfont;}
.foot_sub ul li h3{font-size:1.5rem;line-height:2rem}


.box_in{width:96%;padding:1rem 2% 0;margin:0 auto}
.website{font-size:1rem;line-height:3rem;}
.website span, .website a{color:#666;padding:0;font-size:1rem;line-height:3rem;}
.website a:hover{color:#708596;}
.title2{margin-bottom: 1rem;margin-top:1rem;}
.title2 h2{overflow:hidden;height: 21px;line-height:9999em;}
.entitle2 h2{}

.clearboth{display:none;}

/*----------------PRODUCT--------------------*/
.product{overflow:hidden;width:96%;padding:0 2%;margin:0 auto;margin-bottom:1rem}
.product .title2 h2 {background:url(../images/products_img.png) no-repeat left center;}
.product .list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.product .list li{width:31.333%;margin-bottom:1rem;zoom:1;display:inline}
.product .list a{display:block;width:100%;height:3rem;line-height:3rem;text-align:center;background:#BABABA;color:#fff;border-radius:0.5rem;font-size:1.2rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product .list a:hover, .product .list a.focus{background:#708596;}
.product .prolist{display:flex;justify-content:space-between;flex-wrap:wrap;}
.product .prolist li{width:48%;margin-bottom:1rem;overflow:hidden;}
.product .prolist li .pic p{width: 100%; font-size: 1.2rem; height: 4rem; line-height: 4rem; background-color: #f1f1f1; text-align: center;}
.product .prolist li .pic img{width: 99%;border: 1px #f1f1f1 solid;}
/* .product .prolist .txt{float:left;width:270px;margin-left:20px;overflow:hidden}
.product .prolist .txt a{font-size:15px;color:#303030;border-bottom:1px dashed #999;display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../images/icon.gif) no-repeat left;padding-left:12px;line-height:30px;}
.product .prolist .txt a:hover{color:#708596;}
.product .prolist .txt p{font-size:12px;line-height:22px;color:#666;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product .prolist .txt p b{font-weight:bold;} */
/*----------------PAGE--------------------*/
.pagination {text-align: center;clear: both;}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #fd3400;color: #fff;border: 1px solid #fd3400;}
.pagination li a {display: block;text-align: center;}
/*----------------PRODUCT DETAIL--------------------*/
.parameter .title2 h2 {background:url(../images/parameters_img.png) no-repeat left center;}
.redius{width:96%;background:#EFEFEF;overflow:hidden;padding:3rem 2%;}
/* .redius .width980{width:960px;} */
.redius .img{width:100%;height:auto;background:#fff;border:5px solid #eee;overflow:hidden}
.redius .img img{width: 100%;}
.redius .txt{width:100%;color:#666;margin-top:1rem;}
.redius .txt h2.tt{font-size:24px;line-height:40px;color:#708596;}
.redius .txt table{width:100%;}
.redius .txt td{width:50%;height:2rem;line-height:2rem;font-size:1rem;}
.redius .txt .lianxi{height:3rem;line-height:3rem;font-size:1.4rem;border-top:1px solid #ccc;margin-top:1rem;font-weight:bold;}
.redius .txt p{line-height:2rem;font-size:1rem;}
.redius .txt p a{padding:0.5rem 1rem;background:#708596;color:#fff;border-radius:0.5rem;}
.redius .txt p a:hover{background:#333;}
.pro_detail{width:100%;margin:0 auto;margin-top:2rem;}
.pro_detail .title2 h2{background:url(../images/details_img.png) no-repeat left center;}
.pro_detail .txt{padding:1rem 2%;overflow:hidden;font-size:1.2rem;line-height:2.4rem;}
.pro_detail .txt img{display:block;max-width:100%;margin:0 auto;}
.model{width:100%;margin:0 auto;margin-bottom:3rem;}
.model .title2 h2{background:url(../images/recommend_img.png) no-repeat left center;}
.model ul{display:flex;justify-content:space-between;flex-wrap: wrap;}
.model li{width:48%;border-bottom:1px dashed #ccc;line-height:2.5rem;background:url(../images/icon2.gif) no-repeat left center;background-position:0 1rem;padding-left:2%;overflow:hidden;}
.model li a{font-size:1.1rem;line-height:2.5rem;color:#333;display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.model li a:hover{color:#708596;}
/*-----------------------------BRAND-----------------------------*/
.brand{margin-bottom:40px;overflow:hidden;}
.brand .title2 h2{background-position:0 0;}
.brand li{width:222px;border:1px solid #E2E2E2;margin:10px;float:left;}
.brand li a.img{display:block;width:222px;height:128px;overflow:hidden;}
.brand li .txt{position:relative;height:38px;padding:0 6px;padding-top:6px;}
.brand li .txt a.tt{font-size:13px;color:#666;}
.brand li .txt a.tt:hover{color:#708596;}
.brand li .txt span{font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#BBB;}
.brand li .txt .more{position:absolute;right:6px;top:10px;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#DC4726;}
.brand li .txt .more:hover{text-decoration:underline;}
.brand_detail .title2 h2{background:url(../images/brand_img2.png) no-repeat left center;}
.brand_detail .list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.brand_detail .list li{width:31.333%;margin-bottom:1rem;zoom:1;display:inline}
.brand_detail .list a{display:block;width:100%;height:3rem;line-height:3rem;text-align:center;background:#BABABA;color:#fff;border-radius:0.5rem;font-size:1.2rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.brand_detail .list a:hover, .product .list a.focus{background:#708596;}
.brand_detail .txt{padding:2rem 2%;font-size:1.2rem;line-height:2.4rem;word-break:break-all;/*overflow:hidden;*/}
.brand_detail .txt .img{display:block;width:100%;height:auto;text-align:center;overflow:hidden;}
.brand_detail .txt .img img{max-width: 100%;margin:0 auto;}
/*--------------------------ABOUT US--------------------------*/
.about .title2 h2{background:url(../images/about_img.png) no-repeat left center;}
.about .txt{font-size:1.2rem;line-height:2.4rem;padding-bottom:3rem;}
.about .txt img{/*display:block;*/width: 100%;} 
/*--------------------------CONTACT US--------------------------*/
.contact .title2 h2{background:url(../images/contact_img.png) no-repeat left center;}
.contact .call th, .contact .call td{text-align:center;}
.contact .call .tt, .contact .feed .tt{font-size:1.6rem;padding:1rem 0;color:#708596;font-weight:bold;}
.contact .call{width:100%;font-size:1.2rem;line-height:2.4rem;color:#666;}

.contact .feed{width:100%;margin-top:1rem;}

.contact .feed td{font-size:1.2rem;padding:0.5rem 0;}
.contact .feed td input.text{width:60%;height:2.5rem;line-height:2.5rem;background:#fff;border:1px solid #E0E0E0;padding:0 0.5rem;}
.contact .feed td textarea{width:80%;height:8rem;padding:0.5rem;vertical-align:top;border:1px solid #E0E0E0;}
.contact .feed .btn1{border:none;background:#708596;padding:0.5rem 1rem;margin-left:10%;color:#fff;cursor:pointer;}
/*-----------------------NEWS LIST---------------------*/
.news .title2 h2{background:url(../images/news_img.png) no-repeat left center;}
.news .newslist{width:100%;padding-bottom:0;background:#EFEFEF;margin-bottom:2rem;overflow:hidden}
.news li{background:#F7F6F6;overflow:hidden;padding:1rem 2%;margin-bottom:2px;zoom:1}
.news li .date{background:url(../images/newsdatebg.gif) no-repeat;width:11%;height:4.5rem;float:left;}
.news li .date span{color:#fff;font-size:1rem;display:block;text-align:center;margin-top:12px;}
.news li .date b{display:block;font-size:1.6rem;color:#333;text-align:center;}
.news li .tt{font-size:1.2rem;font-weight:bold;color:#333;display:block;margin-bottom:0.5rem;}
.news li .tt:hover{color:#708596;}
.news li .txt{font-size:1rem;line-height:2rem;color:#666;width:85%;float:right;}

.main_detail{max-width:750px;width:96%;padding:1rem 2% 0;}
.main_detail .tt{font-size:1.6rem;line-height:3.2rem;text-align:center;color:#708596;font-weight:bold;border-bottom:1px dotted #ccc;}
.main_detail .content{padding:1rem 0;font-size:1.2rem;line-height:2.4rem;width:100%;}
.main_detail .content img{margin: 0 auto; display: block;width:100%;}
.main_detail .date{text-align:center;font-size:12px;color:#666;margin-top:10px;}

.app{overflow:hidden;margin-bottom:2rem;}
.app .title2 h2{background:url(../images/application_img.png) no-repeat left center;}
.app .prolist{display:flex;justify-content:space-between;flex-wrap:wrap;}
.app .prolist li{width:48%;margin-bottom:1rem;overflow:hidden;}
.app .prolist li .pic p{width: 100%; font-size: 1.2rem; height: 4rem; line-height: 4rem; background-color: #f1f1f1; text-align: center;}
.app .prolist li .pic img{width: 99%;border: 1px #f1f1f1 solid;}
/*--------------------------------------KEFU----------------------------------------*/

.float0831{display:none;}