@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;vertical-align:baseline;background:transparent;}
body {-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;}*/
.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{color:#333;font-family:"AliRegular","Microsoft YaHei",Arial,Verdana;font-size:16px;line-height:2em;}
a{color:#333;}
a:hover{color:#0852D9;}
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{min-width:1200px;width:100%;margin:0 auto;}

/*站点宽度*/
.inner{width:1200px;margin:0 auto;}

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

/*页头*/
.top{width:100%;min-width:1200px;height:60px;line-height:60px;background: #F3F3F3;color:rgba(0,0,0,1);}
.top .flex{justify-content: space-between;}
.top b{display:none;}
.top p{font-family: "AliRegular";}

header{display:flex;display:-webkit-flex;width:1200px;margin:0 auto;justify-content:space-between;padding:25px 0;}
.logo{display:flex;display:-webkit-flex;height:50px;}
.logo img{height:50px;width:auto;margin-right:10px;}
.logo h2{font-size:25px;line-height:50px;}

.nav-btn{display:none;}
.nav{display:none;}

.tel{display:flex;display:-webkit-flex;line-height:50px;}
.tel span{font-family: 'iconfont';color:#000;font-size:30px;margin-right:10px;}
.tel p{font-size:25px;color:rgba(8, 82, 217, 1);}

/*导航*/
.menu{height:50px;line-height:50px;background:rgba(8, 82, 217, 1);width:100%;min-width:1200px;margin:0 auto;}
.menu ul{width:1200px;margin:0 auto;display:flex;display:-webkit-flex;justify-content:space-between;}
.menu li{width:12.5%;text-align:center;display:block;}
.menu li:hover{background:rgba(0, 61, 173, 1);}
.menu li a{color:#fff;}
.menu li#now{background:rgba(0, 61, 173, 1);}

/*banner*/
.banner {width: 100%;height: 100%;min-width:1200px;max-width:1920px;margin:0 auto;}
.banner-slide {text-align: center;font-size: 18px;background: #fff;
/* 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;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-button-prev, .swiper-rtl .swiper-button-next{left:10%;}
.banner .swiper-button-next, .swiper-rtl .swiper-button-prev{right:10%;}

/*首页搜索*/
.i_search{width:100%;height:90px;line-height:90px;background:#0852D9;}
.i_form{width:1200px;margin:0 auto;}
.i_form ul{display:flex;display:-webkit-flex;justify-content: space-between;}
.i_form ul li p{color:#FFF;font-size:20px;font-family: "AliBold";}
.i_form ul li .i_txt1{padding:10px 0 10px 20px;border:none;outline: none;width:240px;height:30px;font-size:16px;}
.i_form ul li .i_txt2{width:110px;height:30px;padding:10px;font-size:16px;border:none;outline: none;}
.i_form ul li .i_select{width:200px;height:50px;padding:10px;border:none;outline: none;font-size:16px;}
.i_form ul li .i_btn{width:175px;height:50px;background:#003DAD;border:none;outline: none;font-size:16px;color:#FFF;}

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

/*首页标题*/
.i_tit{text-align:center;}
.i_tit h3{font-size:24px;line-height:30px;font-family: AliBold;}
.i_tit span{display:block;width:50px;height:3px;background:#0852D9;margin:5px auto;}
.i_tit p{color:#CCC;line-height:20px;}

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

/*页中banner*/
.i_ban{background:url(../images/ban.jpg) top center no-repeat;text-align:left;padding:60px 0;color:#FFF;}
.i_ban div{display:flex;display:-webkit-flex;justify-content: flex-start;width:650px;margin:0 auto;line-height:40px}
.i_ban div p{font-size:24px;margin-right:30px;}
.i_ban div h2{font-size:24px;font-family: 'AliBold';}
.i_ban b{display:block;width:650px;margin:0 auto;font-size:36px;font-family:'AliBold';line-height:80px;}
.i_ban span{display:block;width:650px;margin:0 auto;font-size:24px;line-height:40px;}

/*关于我们*/
.i_about{padding:30px 0;}
.i_about .flex{justify-content: space-between;margin-top:30px;}
.i_about_img{width:44%;}
.i_about_img img{width:100%;height:auto;}
.i_about_con{width:54%;}
.i_about_con h1{font-size:24px;font-weight:400;line-height:24px;margin-top:10px;}
.i_about_con b{display:block;width:150px;height:5px;background:#1651BE;margin:10px 0;}
.i_about_con p{font-size:16px;line-height:32px;}
.i_about_con .i_more{margin-top:15px;display:flex;display:-webkit-flex;justify-content:flex-start;}
.i_about_con .i_more span{display:block;width:150px;height:60px;border-radius:10px;text-align:center;line-height:60px;background:#F7F7F7;}
.i_about_con .i_more span:first-child{background:#0852D9;margin-right:30px;}
.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:100px;line-height:100px;}
.i_poster .flex{justify-content:space-between;}
.i_poster p{font-size:24px;}
.i_poster span{font-size:24px;color:#0852D9;}

/*解决方案*/
.i_solu{padding:60px 0;zoom:1;}
.i_solu:after{clear:both;display:block;height:0;content:"";}
.i_solu ul li{width:180px;height:180px;float:left;margin-right:15px;margin-bottom:20px;position:relative;}
.i_solu ul li:first-child{width:570px;float:left;margin-right:0;padding-bottom:35px;}
.i_solu ul li:first-child h3{text-align:center;}
.i_solu ul li:first-child span{display:block;margin:20px 0;}
.i_solu ul li:first-child span img{margin:0 auto;}
.i_solu ul li:first-child p{text-align:center;line-height:32px;}
.i_solu ul li:nth-child(2){width:615px;height:615px;float:right;margin-right:0;}
.i_solu ul li:first-child img{width: auto;}
.i_solu ul li img{width: 100%;}

.txt{height:0;}

.i_solu ul li:hover .txt{background:rgba(0,0,0,0.6);width:100%;height:100%;z-index:9;position: absolute;bottom:0;left:0;display:flex;display:-webkit-flex;justify-content: center;align-items: center;transition: .5s;}
.txt p{color:#FFF;}

.i_solu ul li:first-child .txt{display:none;}


/*首页新闻中心*/
.i_news ul{justify-content: space-between;margin-top:30px;}
.i_news ul li{width:31%;}
.i_news ul li img{width:100%;height:auto;}
.i_news ul li div{justify-content: space-between;font-size:16px;line-height:32px;margin-top:10px;}
.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:16px;line-height:32px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/*次导航*/
.footer_nav{background:#F3F3F3;width:100%;height:50px;line-height:50px;margin-top:30px;}
.footer_nav .flex{justify-content: space-between;}
.foot a{color: #fff;}

/*页尾*/
footer{background:#0852D9;padding:20px 0;}
footer .flex{justify-content:space-around;}

.footer_left{width:250px;padding:40px 35px 40px 0;border-right:1px solid rgba(243, 243, 243, 0.1);}
.footer_left img{margin-left:40px;}
.footer_left h2{font-size:36px;line-height:50px;color:#FFF;text-align:center;}
.footer_left span{display:block;width:100%;height:50px;line-height:50px;background:#F3F3F3;text-align:center;margin-top:15px;border-radius:15px;color:#000;}

.footer_tit{color:#FFF;margin-bottom:16px;}
.footer_tit h6{margin-right:20px;font-size:20px;font-family:AliBold;}
.footer_tit span{font-size:20px;}

.footer_center{width:355px;padding:40px 50px 40px;border-right:1px solid rgba(243, 243, 243, 0.1);}
.footer_center .flex{justify-content: flex-start;}
.footer_center p{color:#FFF;}

.footer_right{width:300px;padding:40px 0 40px 50px;}
.footer_right .flex{justify-content: flex-start;}
.footer_right ul li{margin-right:30px;}
.footer_right ul li img{max-width: 100px;}
.footer_right ul li p{width:100%;text-align:center;color:#FFF;font-size:14px;line-height:28px;margin-top:5px;}

.foot{width:100%;background:#003DAD;height:50px;line-height:50px;color:#FFF;display:flex;display:-webkit-flex;justify-content: center;}

.foot_sub{display:none;}

/*面包屑*/
.crumb{width:100%;background:#F3F3F3;height:50px;line-height:50px;font-size:14px;}

/*内页标题*/
.title{padding:30px 0 20px;border-bottom:1px solid #F3F3F3;}
.title h1{font-size: 24px;text-align: center;line-height: 34px;}
.title p{font-size: 20px;color: #888;text-align: center;font-weight: normal;line-height: 26px;text-transform: uppercase;}
.title div{font-size: 14px;color: #888;text-align: center;font-weight: normal;}


/*关于我们内页*/
.about{width:1200px;margin:30px auto;display:flex;display:-webkit-flex;justify-content: space-between;}
.about img{margin:0 auto 20px;}
/*.about p{text-indent: 2em;}*/

/*联系我们内页*/
.contact{width:1200px;margin:0 auto;padding:20px 0;}
.contact h1{font-size:18px;font-family: 'AliBold';margin-bottom:10px;}

/*轴承品牌列表页*/
.brand{padding:20px 0;}
.brand .flex{justify-content:flex-start;flex-wrap:wrap;}
.brand ul li{width:24%;margin-right:1%;margin-bottom:20px;}
.brand ul li .img{width:100%;overflow:hidden;}
.brand ul li .img:after{content:'';display:block;}
.brand ul li img{width:100%;height:auto;}
.brand ul li p{width:100%;text-align:center;line-height:50px;font-size:16px;}
.brand ul li span{display:block;margin:0 auto;border:1px solid #E8E8E8;color:#E8E8E8;border-radius:50%;width:38px;height:38px;line-height:38px;font-size:38px;}

/*轴承品牌内页*/
.brand_sub{width:1200px;margin:0 auto;padding:30px 0;display:flex;display:-webkit-flex;justify-content: space-between;}
.brand_con{width:78%;}

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

/*轴承类型内页*/
.category_sub{width:1200px;margin:30px auto;display:flex;display:-webkit-flex;justify-content: space-between;}
.category_con{width:78%;}

/*轴承展厅列表页*/
.pro{width:1200px;margin:30px auto;display:flex;display:-webkit-flex;justify-content: space-between;}
.sidebar{width:20%;}
.sidebar h4{width:100%;height:80px;background:#0852D9;font-size:24px;line-height:80px;font-weight:400;text-align:center;color:#FFF;border-bottom:1px solid #FFF;}
.sidebar ul{border-top:4px solid #0852D9;background:#F3F3F3;}
.sidebar ul li{height:50px;line-height:50px;border-bottom:2px solid #fff;padding:0 10px 0 30px;}
.sidebar ul li:last-child{border-bottom:none;}
.sidebar ul li:hover{background:#0852D9;}
.sidebar ul li:hover a{color:#fff;}
.sidebar ul li a{display:flex;display:-webkit-flex;justify-content: space-between;}
.sidebar .info{border-top:4px solid #0852D9;background:#F3F3F3;}
.sidebar .info p{line-height:40px;border-bottom:2px solid #fff; padding:0 10px;}
.pro_sub{width:78%;}

.pro_sub h2{padding:10px 0;border-bottom:1px dotted #F3F3F3;font-size: 24px;text-align: center;}
.pro_sub h2 p{font-size: 14px;color: #888;text-align: center;font-weight: normal;line-height: 26px;text-transform: uppercase;}




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


/*轴承展厅内页*/
.content{width:100%;}
.content img{margin:0 auto 20px;max-width:90%;}
.content p{text-indent: 2em;font-size:16px;line-height:32px;}
.content h2{text-align: center;font-size: 18px;line-height: 36px;}

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

/*推荐型号*/
.recom{width:100%;margin-top:30px;}
.recom h4{font-size:20px;border-bottom:1px dashed #ccc;line-height:50px;}

.recom .flex{justify-content: space-between;flex-wrap: wrap;}
.recom ul{margin-top:30px;}
.recom ul li{width:30%;border-bottom:1px dashed #ccc;line-height:40px;padding-left:2%;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recom ul li:hover{background:#0852D9;color:#FFF;}
.recom ul li:hover a{color:#FFF;}

/*新闻中心列表*/

.news{width:1200px;margin:30px auto;display:flex;display:-webkit-flex;justify-content: space-between;}
.news_list li{border-bottom:1px solid #ccc;padding:20px 0;}
.news_list li:last-child{border-bottom:none;}
.news_list li h6{font-size:16px;line-height:32px;overflow:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_list li h6 span{ float:right; font-size:14px;}
.news_list li p{color:#888;font-size:14px;line-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/*新闻内页*/
.news_sub{width:1200px;margin:30px auto;}

/*应用领域列表页*/
.solu{padding:20px 0;width: 1200px; margin: 0 auto;}
.solu .flex{justify-content:flex-start;flex-wrap:wrap;}
.solu ul li{width:24%;margin-right:1%;}
.solu ul li .img{width:100%;overflow:hidden;}
.solu ul li .img:after{content:'';display:block;}
.solu ul li img{width:100%;height:auto;}
.solu ul li p{width:100%;text-align:center;line-height:50px;font-size:16px;}

/*应用领域内页*/
.solu_sub{width:1200px;margin:30px auto;}

/*轴承型号列表页*/
.model{width:1200px;margin:30px auto;}
.model dt{background:#0852D9;height:50px;line-height:50px;text-align:center;color:#FFF;}
.model dd{height:50px;line-height:50px;text-align:center;}
.model dd:nth-child(even){background:#F3F3F3;}
.model dd:nth-child(odd){background:#ddd;}
.model dd:hover{background:#0852D9;}
.model dd:hover a{color:#FFF;}
.model .list li{text-align:center;}
.model .list li:first-child{width:10%;}
.model .list li:nth-child(2){width:30%;}
.model .list li:nth-child(3){width:15%;}
.model .list li:nth-child(4),.model .list li:nth-child(5),.list li:nth-child(6){width:10%;}
.model .list li:last-child{width:15%;}

/*轴承型号内页*/
.model_sub{width:1200px;margin:30px auto;}
.model_con{justify-content:space-between;margin-bottom:30px;}
.model_con .model_img{width:360px;height:360px;}
.model_con .model_img img{width:100%;height:100%;border:1px solid #F3F3F3;}
.model_con .model_table{width:800px;border-top:1px solid #F3F3F3;border-right:1px solid #F3F3F3;display:flex;display:-webkit-flex;justify-content: flex-start;flex-wrap: wrap;}
.model_con .model_table li{width:50%;display:flex;display:-webkit-flex;justify-content: flex-start;line-height:72px;height:72px;border-bottom:1px solid #F3F3F3;}
.model_con .model_table li h3{width:40%;background:#ddd;font-size:16px;font-weight: 400;text-align:center;}
.model_con .model_table li p{width:55%;text-align:left;padding-left:5%;}
.model_con .model_table li:first-child{width:100%;}
.model_con .model_table li:first-child h3{width:20%;}
.model_con .model_table li:first-child p{width:77%;padding-left:3%;}