@charset "utf-8";

/* css reset ( HTML 5 version )*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {font-size:14px;font-family:Verdana;line-height:2em;-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
/* change colours to suit your needs */
ins{background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
img{display:block;object-fit: cover;}
.clear{clear: both;}
.xunfeng{line-height:200%;}
.xunfeng img{max-width:100%;}
@font-face {
  font-family: "AliRegular";
  font-weight: 400;
  src:url("../fonts/font1.woff2") format("woff2"),
      url("../fonts/font1.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "AliBold";
  font-weight: 700;
  src:url("../fonts/font2.woff2") format("woff2"),
      url("../fonts/font2.woff") format("woff");
  font-display: swap;
}
body{font:1.4rem/3rem "AliRegular", Helvetica Neue,Helvetica,Roboto,Segoe UI,Arial,sans-serif;color:#333;max-width:750px;width:100%;margin:0 auto;}
a{color:#333;}
a:hover{color:#333;}
ul{list-style-type:none;}

@font-face {
  font-family: 'iconfont'; 
  src:url('../fonts/font3.woff2') format('woff2'),
      url('../fonts/font3.woff') format('woff'),
      url('../fonts/font3.ttf') format('truetype');
}
.iconfont{font-family: 'iconfont'; }
/*定义盒子*/
.box{max-width:750px;width:100%;margin:0 auto;}

/*站点宽度*/
.inner{max-width:750px;width:96%;padding:0 2%;}

/*对齐方式*/
.flex{display:flex;display:-webkit-flex;}

/*页头*/
.top{width:100%;height:4rem;line-height:4rem;background: #F3F3F3;color:rgba(0,0,0,1);position:relative;z-index:99;}
.top .flex{justify-content:flex-start;}
.top b{font-weight:500;}
.top p,.top span{display:none;}

header{display:flex;display:-webkit-flex;width:96%;padding:1rem 2%;background:#FFF;justify-content:space-between;position:relative;z-index: 99;}
.logo{display:flex;display:-webkit-flex;height:3.5rem;}
.logo img{height:80%;width:auto;}
.logo h2{display:none;}

.tel{display:none;}

.nav-btn{width:10%;text-align:center;position:relative;cursor:pointer;height:3rem;margin-top:1rem}
.nav-btn span{display:block;background:#000;width:50%;height:0.1rem;position:absolute;left: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)}
.nav{position:absolute;z-index:10;background:#ebebeb;margin:1px auto 0;width:100%;height:calc(100% - 5rem);top:-100%;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:11rem}
.nav>ul>li:first-child{overflow:hidden;border-top:0}
.nav>ul>li>i{font-family:'iconfont';font-style: normal;margin-right:0.3rem;}
.nav>ul>li a{color:#333;}
.nav>ul>li:first-child>a{width:calc(100% - 3.5rem)}
.nav ul li{border-top:1px #fff solid;padding-left:1.5rem;position:relative;line-height:3.2rem;font-size:1.4rem}
.nav>ul >li:last-child{border-bottom:1px #fff solid;}

/*导航*/
.menu{display:none;}

/*banner*/
.banner {width:100%;height:18rem;margin:0 auto;}
.banner-slide {text-align: center;font-size: 18px;background: #fff;height:20rem;
/* Center slide text vertically */
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;}
.banner-slide img{display: block;height:100%;width:100%;object-fit:cover;}
.banner .banner-next,.banner .banner-prev{display:none;}

/*首页搜索*/
.i_search{width:100%;line-height:4rem;background:#0852D9;padding:1rem 0;}
.i_form{width:96%;padding:0 2%;}
.i_form ul{display:flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.i_form ul li p{color:#FFF;font-size:1.8rem;font-family: "AliBold";}
.i_form ul li{width:48%;margin-bottom:1rem;}
.i_form ul li:first-child,.i_form ul li:last-child{width:100%;text-align:center;}
.i_form ul li .i_txt1{padding:0.5rem 0 0.5rem 5%;border:none;outline: none;width:95%;;height:3rem;font-size:1.4rem;}
.i_form ul li .i_txt2{width:90%;height:3rem;padding:0.5rem 5%;font-size:1.4rem;border:none;outline: none;}
.i_form ul li .i_select{width:100%;height:4rem;background-color: #fff; padding:0.5rem 5%;border:none;outline: none;font-size:1.4rem;}
.i_form ul li .i_btn{width:100%;height:4rem;background:#003DAD;border:none;outline: none;font-size:1.4rem;color:#FFF;}

/*首页品牌展示*/
.i_brand{background:#F8F8F8;padding:3rem 0;}
.i_brand .flex{justify-content: space-between;flex-wrap: wrap;}
.i_brand ul li{width:48%;margin-bottom:2rem;}
.i_brand ul li img{width:100%;height:auto;}
.i_brand ul li p{width:100%;text-align:center;line-height:4rem;font-size:1.4rem;}
.i_brand ul li span{display:block;margin:0 auto;border:1px solid #E8E8E8;color:#E8E8E8;border-radius:50%;width:3rem;height:3rem;line-height:3rem;font-size:3rem;}

/*首页标题*/
.i_tit{text-align:center;}
.i_tit h3{font-size:2.2rem;line-height:2.5rem;font-family: AliBold;}
.i_tit span{display:block;width:10%;;height:0.2rem;background:#0852D9;margin:0.5rem auto;}
.i_tit p{color:#CCC;font-size:1.4rem;line-height:1.6rem;}

/*首页产品展示*/
.i_pro{padding:2rem 0;}
.i_pro .flex{justify-content: space-between;flex-wrap: wrap;}
.i_pro ul{margin-top:2rem;}
.i_pro ul li{width:48%;margin-bottom:1rem;}
.i_pro ul li img{border:1px solid #DDDDDD;width:100%;height:auto;}
.i_pro ul li p{background:#F3F3F3;height:4rem;line-height:4rem;text-align: center;margin-top:0.5rem;border:1px solid #F3F3F3;}

/*页中banner*/
.i_ban{background:url(../images/ban.jpg) top center no-repeat;text-align:left;padding:3rem 0;color:#FFF;}
.i_ban div{display:flex;display:-webkit-flex;flex-wrap:wrap;width:96%;padding:0 2%;margin:0 auto;line-height:3rem}
.i_ban div p{font-size:1.6rem;width:100%;}
.i_ban div h2{font-size:1.6rem;font-family: 'AliBold';}
.i_ban b{display:block;width:96%;padding:0 2%;font-size:2rem;font-family:'AliBold';line-height:4rem;}
.i_ban span{display:block;width:96%;padding:0 2%;font-size:1.6rem;line-height:3rem;}

/*关于我们*/
.i_about{padding:2rem 0;}
.i_about .flex{margin-top:2rem;flex-wrap:wrap;}
.i_about_img{width:100%;}
.i_about_img img{width:100%;height:auto;}
.i_about_con{width:100%;}
.i_about_con h1{font-size:2rem;font-weight:400;line-height:2rem;margin-top:2rem;}
.i_about_con b{display:block;width:30%;height:0.5rem;background:#1651BE;margin:1rem 0;}
.i_about_con p{font-size:1.6rem;line-height:3.2rem;}
.i_about_con .i_more{margin-top:2rem;display:flex;display:-webkit-flex;justify-content:flex-start;}
.i_about_con .i_more span{display:block;width:30%;height:4rem;border-radius:0.5rem;text-align:center;line-height:4rem;background:#F7F7F7;}
.i_about_con .i_more span:first-child{background:#0852D9;margin-right:5%;}
.i_about_con .i_more span:first-child a{color:#FFF;}

/*页中广告*/
.i_poster{background:url(../images/i_poster_bg.jpg) top center no-repeat;height:6rem;padding:2rem 2%;}
.i_poster .flex{justify-content:flex-start;flex-wrap:wrap;}
.i_poster p{font-size:1.6rem;}
.i_poster span{font-size:1.6rem;color:#0852D9;}

/*解决方案*/
.i_solu{width:100%;padding:3rem 0;}
.i_solu ul{display:flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.i_solu ul li{width:48.5%;margin-bottom:1rem;}
.i_solu ul li img{width:100%;height:auto;}
.i_solu ul li:first-child{width:100%;}
.i_solu ul li:first-child h3{text-align:center;font-size:2rem;line-height:2rem;}
.i_solu ul li:first-child span{display:block;margin:1rem 0;}
.i_solu ul li:first-child span img{margin:0 auto;width:auto;height:auto;}
.i_solu ul li:first-child p{text-align:center;font-size:1.4rem;line-height:2.8rem;}
.i_solu ul li:nth-child(2){width:100%;height:auto;margin-right:0;order:7;margin-bottom:0;}

/*首页新闻中心*/
.i_news ul{margin-top:2rem;flex-wrap:wrap;}
.i_news ul li{width:100%;margin-bottom:1rem;}
.i_news ul li img{width:100%;height:auto;}
.i_news ul li div{justify-content: space-between;font-size:1.6rem;line-height:3.2rem;margin-top:1rem;}
.i_news ul li div h4{width:66%;font-weight:400;overflow:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.i_news ul li div span{width:26%;text-align:right;}
.i_news ul li p{color:#B8B8B8;font-size:1.4rem;line-height:2.8rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/*页尾*/
.footer{width:100%;color:#fff;padding:0.5rem 0;font-size:1.2rem;height:5rem;line-height:2.5rem;background:#e62129;text-align:center;margin-bottom:5rem;}
.footer span{display:block;}
.footer a{color:#fff;}

/*次导航*/
.footer_nav{display:none;}

/*页尾*/
footer{background:#0852D9;padding:4rem 0;}
footer .flex{flex-wrap:wrap;}

.footer_left{width:100%;margin-bottom:2rem;}
.footer_left img{margin:0 auto;}
.footer_left h2{font-size:3rem;line-height:4rem;color:#FFF;text-align:center;}
.footer_left span{display:block;width:80%;height:4rem;line-height:4rem;background:#F3F3F3;text-align:center;margin:1rem auto;border-radius:1rem;color:#000;}

.footer_tit{color:#FFF;margin-bottom:1rem;}
.footer_tit h6{font-size:1.8rem;margin-right:5%;font-family:AliBold;}
.footer_tit span{font-size:1.8rem;}

.footer_center{width:100%;margin-bottom:2rem;}
.footer_center .flex{justify-content: flex-start;}
.footer_center p{color:#FFF;}

.footer_right{width:100%; display: none;}
.footer_right .flex{justify-content: flex-start;}
.footer_right ul li{margin-right:5%;width: 40%;}
.footer_right ul li img{width: 100%;}
.footer_right ul li p{width:100%;text-align:center;color:#FFF;font-size:1.2rem;line-height:3rem;margin-top:0.5rem;}

.foot{width:100%;background:#003DAD;line-height:3rem;padding:1rem 0;color:#FFF;display:flex;display:-webkit-flex;justify-content: center;flex-wrap: wrap;padding-bottom:6rem;}
.foot p{width:100%;text-align:center;}
.foot a{color:#fff;}

.foot_sub{height:5rem;padding:0.5rem 0 0.5rem;max-width:750px;width:100%;margin:0 auto;background:#0852D9;position:fixed;bottom:0;}
.foot_sub ul{display:flex;display:-webkit-flex;justify-content:space-between;}
.foot_sub ul li{width:25%;text-align:center;}
.foot_sub ul li a{color:#FFF;}
.foot_sub ul li span{display:block;font-size:2.5rem;line-height:2.5rem;margin-bottom:0.5rem;}
.foot_sub ul li h3{font-size:1.5rem;line-height:2rem;}

/*面包屑*/
.crumb{width:100%;background:#F3F3F3;line-height:4rem;font-size:1.2rem;}

/*内页标题*/
.title{padding:2rem 0 1rem;border-bottom:1px solid #F3F3F3;}
.title h1{font-size: 2rem;text-align: center;line-height: 4rem;}
.title p{font-size: 1.6rem;color: #888;text-align: center;font-weight: normal;line-height: 2.2rem;}
.title div{font-size: 14px;color: #888;text-align: center;font-weight: normal;}

/*关于我们内页*/
.about{width:96%;margin:0 auto;padding:2rem 2% 4rem;}
.about img{margin:0 auto 1rem;width:100%;height:auto;}
.about p{text-indent: 2em;}

/*联系我们内页*/
.contact{width:96%;margin:0 auto;padding:2rem 2% 4rem;}
.contact h1{font-size:1.8rem;font-family: 'AliBold';margin-bottom:1rem;}

/*轴承品牌列表页*/
.brand{padding:2rem 0;}
.brand .flex{justify-content: space-between;flex-wrap: wrap;}
.brand ul li{width:48%;margin-bottom:2rem;}
.brand ul li img{width:100%;height:auto;}
.brand ul li p{width:100%;text-align:center;line-height:4rem;font-size:1.4rem;}
.brand ul li span{display:block;margin:0 auto;border:1px solid #E8E8E8;color:#E8E8E8;border-radius:50%;width:3rem;height:3rem;line-height:3rem;font-size:3rem;}

/*轴承品牌内页*/
.brand_sub{width:100%;margin:0 auto;padding:2rem 0;}
.brand_con{width:100%;}

/*轴承类型列表页*/
.category{padding:2rem 0;}
.category .flex{justify-content: space-between;flex-wrap: wrap;}
.category ul li{width:48%;margin-bottom:1rem;}
.category ul li img{border:1px solid #DDDDDD;width:100%;height:auto;}
.category ul li p{background:#F3F3F3;height:4rem;line-height:4rem;text-align: center;margin-top:0.5rem;border:1px solid #F3F3F3;}

/*轴承类型内页*/
.category_sub{width:100%;margin:2rem auto;}

/*轴承展厅列表页*/
.pro{width:100%;padding:2rem 0;}

.sidebar{width:100%;}
.sidebar h4{width:100%;height:6rem;background:#0852D9;font-size:2.2rem;line-height:6rem;font-weight:400;text-align:center;color:#FFF;border-bottom:1px solid #FFF;font-family:'AliBold';}
.sidebar ul{border-top:4px solid #0852D9;background:#F3F3F3;display:flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.sidebar ul li{width:44%;height:4rem;line-height:4rem;border-bottom:2px solid #fff;padding:0 2% 0 4%;}
.sidebar ul li a{display:flex;display:-webkit-flex;justify-content: space-between;}
.sidebar .info{display:none;}
.pro_sub{width:100%;}
.pro_sub h2{padding:10px 0;border-bottom:1px dotted #F3F3F3;font-size: 1.6rem;text-align: center;}
.pro_sub h2 p{font-size: 1rem;color: #888;text-align: center;font-weight: normal;line-height: 26px;text-transform: uppercase;}

.xf_sub{width:100%;}
.pro_list{flex-wrap:wrap;justify-content: flex-start;margin-top:2rem}
.pro_list li{width:48%;margin-right:2%;}
.pro_list li img{border:1px solid #F3F3F3;width:100%;height:auto;}
.pro_list li p{height:4rem;line-height:4rem;text-align:center;}

/*轴承展厅内页*/
.content{width:96%;padding:2rem 2%;}
.content h2{text-align: center;}
.content img{margin:0 auto 2rem;max-width:90%;}
.content p{text-indent: 2em;font-size:1.6rem;line-height:3.2rem;}

/*分页*/
.pages{margin-top:2rem;}
.pagination {display:flex;display:-webkit-flex;justify-content: flex-end;}
.pagination li {margin-right:3px;padding: 2px;border: 1px solid #e2e2e2;min-width: 2rem;height:2rem;line-height:2rem;text-align: center;}
.solu .pagination li{width: auto;margin-right:3px;}
.pagination li.active {background: #0852D9;color: #fff;border: 1px solid #0852D9;}
.pagination li a {display: block;text-align: center;}

/*推荐型号*/
.recom{width:96%;padding:2rem 2%;}
.recom h4{font-size:1.8rem;border-bottom:1px dashed #ccc;line-height:4rem;}
.recom .flex{justify-content: space-between;flex-wrap: wrap;}
.recom ul{margin-top:1rem;}
.recom ul li{width:96%;padding-left:2%;border-bottom:1px dashed #ccc;line-height:4rem;}
.recom ul li:last-child{border-bottom:none;}

/*新闻中心列表*/
.news{width:96%;padding:1rem 2%;}
.news_list li{border-bottom:1px solid #ccc;padding:1rem 0;}
.news_list li:last-child{border-bottom:none;}
.news_list li h6{font-size:1.4rem;line-height:2.8rem;overflow:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_list li h6 span{ display:none;}
.news_list li p{color:#888;font-size:1.2rem;line-height:2.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/*新闻内页*/
.news_sub{width:96%;padding:2rem 2%;}

/*轴承品牌列表页*/
.solu{padding:2rem 0;}
.solu .flex{justify-content: space-between;flex-wrap: wrap;}
.solu ul li{width:48%;}
.solu ul li img{width:100%;height:auto;}
.solu ul li p{width:100%;text-align:center;line-height:4rem;font-size:1.4rem;}

/*应用领域内页*/
.solu_sub{width:96%;margin:2rem auto;}

/*轴承型号*/
.model{width:96%;padding:2rem 2%;}
.model dl{width:100%;}
.model dt{background:#0852D9;height:4rem;line-height:4rem;text-align:center;color:#FFF;}
.model dd{height:4rem;line-height:4rem;text-align:center;}
.model dd:nth-child(even){background:#F3F3F3;}
.model dd:nth-child(odd){background:#ddd;}
.model .list li{text-align:center;}
.model .list li:first-child{width:30%;}
.model .list li:nth-child(2){width:70%;}
.model .list li:nth-child(3){display:none;}
.model .list li:nth-child(4),.model .list li:nth-child(5),.list li:nth-child(6){display:none;}
.model .list li:last-child{display:none;}

/*轴承型号内页*/
.model_sub{width:96%;padding:2rem 2%;}
.model_con{flex-wrap: wrap;margin-bottom:2rem;}
.model_con .model_img{width:100%;height:auto;margin-bottom:2rem}
.model_con .model_img img{width:100%;height:100%;border:1px solid #F3F3F3;}
.model_con .model_table{width:100%;border-top:1px solid #F3F3F3;border-right:1px solid #F3F3F3;}
.model_con .model_table li{width:100%;display:flex;display:-webkit-flex;justify-content: flex-start;line-height:5rem;height:5rem;border-bottom:1px solid #F3F3F3;}
.model_con .model_table li h3{width:30%;background:#ddd;font-size:1.4rem;font-weight: 400;text-align:center;}
.model_con .model_table li p{width:68%;text-align:left;padding-left:2%;overflow:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}