/* CSS Document */
/* css 重置 */
/*--------全局样式--------*/
body{font-size: 12px;color: #333;line-height: 26px;font-family: "Microsoft YaHei";}
form, div, body, img, p, a, img, dl, dd, dt, table, tr, td, th, h1, h2, h3, h4{margin: 0px;padding: 0px;border: 0;}
a:link{color: #333;text-decoration: none;}
a:visited{color: #333;text-decoration: none;}
a:hover{color:#bb1b21;text-decoration: none;}
a:focus{-moz-outline-style: none;}
a:active{outline: none;text-decoration: none;}
ul, li{list-style: none;margin: 0;padding: 0;}
input, textarea, select{color: #333;margin: 0;padding: 0;font-size: 12px;font-family: "Microsoft YaHei";vertical-align: middle;}
input:focus, textarea:focus{outline: 0;}
/*-------- clear --------*/
.w{width:1320px;margin:0px auto;}
.clearfix:before, .clearfix:after{display:block;clear:both;content:"";visibility:hidden;}
.clearfix{zoom:1}
.clear{clear: both;height: 0px;overflow: hidden;}
.clear100{clear: both;height: 100px;overflow: hidden;}
.clear270{clear: both;height: 270px;overflow: hidden;}
.fl{float: left;}
.fr{float: right;}

.scroll::-webkit-scrollbar{width: 10px;height: 10px;background-color: #fcfcfc;}
.scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #fcfcfc;}
.scroll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #eee;}
html{font-size:62.5%; font-family:Helvetica, STHeiTi, "Microsoft YaHei", Arial, sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
*{margin:0;padding:0;}
body{margin:0 auto;min-width:320px;line-height:1.5rem;font-size:1.5rem;color:#404040;overflow-x:hidden;}
table{border-collapse:collapse;}
ul{list-style:none;}
li{ list-style-type:none;}
img{border:0;vertical-align:middle;}
a{text-decoration:none;color:#666;background-color: transparent;-webkit-tap-highlight-color: transparent;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0;text-decoration:none;}
h1,h2,h3,h4,h5{font-weight: normal;font-size: 1.2em;}
button,input,textarea{margin:0;padding:0;list-style-type:none;background:none;outline:none;}
.clear{clear:both;}
.clear30{height: 30px;clear: both;}
.clear50{height: 50px;clear: both;}
em{font-style:normal;}
.fl{float: left;}
.fr{float: right;}
#content{ padding:0;margin-top: 40px;}
.focus{ width:100%; height:140px; margin:0 auto; position:relative; overflow:hidden;   }

.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; overflow:hidden;}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#cb1d26;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; display:block; background:url(../images/loading.gif) center center no-repeat; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
@media screen and (max-width:375px){
    .focus{ height:160px;}
	.focus .bd li img{ height:160px;}
}

@media screen and (max-width:414px){
    .focus{ height:180px;}
	.focus .bd li img{ height:180px;}
}
/*nav*/

.index_nav{position: fixed;top: 0;left: 0;width:100%; height:50px;overflow: hidden;background: rgba(0,0,0,.8);z-index: 99999;}
.index_nav ul li{ float:left;width: 19%; text-align:center;}
.index_nav ul li a{ font-size:15px; color:#FFF;display: block;line-height: 50px;height:50px;}

@media screen and (min-width:375px){.nav li a{ font-size:1.4rem;}}

@media screen and (min-width:414px){.nav li a{ font-size:1.5rem;}}

.title_one>div{width:96%;margin:0 3%;line-height:45px;text-align: center;margin-bottom: 10px;}
.title_one>div>span{display: block;line-height: 20px;color:#9a9a9a;font-size:14px}

.title_one .name{line-height: 30px;font-size: 20px;color: #bfbfbf;}
.title_one .name::before{content: "";display: inline-block;border-bottom: 1px #bfbfbf solid;width: 10px;margin-right: 10px;vertical-align: middle;}
.title_one .name::after{content: "";display: inline-block;border-bottom: 1px #bfbfbf solid;width: 10px;margin-left: 10px;vertical-align: middle;}

.brand_content{ width:100%;}
.brand_content li{ width:33.3%; height:8rem; float:left;}
.brand_content li:nth-child(odd){ background-color:#f1f1f1;}
.brand_content li.li_bgcolor{ background-color:#f1f1f1;}
.brand_content li a{ width:100%; height:8rem; display:block;}
.brand_content li a img{ display:block; width:60%; line-height:8rem; margin:0 auto;}


.product_content{ width:94%; margin:0px 3%;padding-bottom: 20px;}
.product_content li{ width:31.3%; float:left; margin:10px 1%;overflow: hidden;}
.product_content li a{ width:100%;height:80px;display:block;position: relative;}
.product_content li span{ text-align:center; font-size:1.3rem;height:20px;line-height:20px;color:#fff;width: 100%;display: block;overflow: hidden;}
@media screen and (min-width:375px){.product_content li a{ height:85px;}.product_content_a h3{ margin-top:40px;}.product_content_b h3{ margin-top:40px;}}
@media screen and (min-width:414px){.product_content li a{ height:95px;}.product_content_a h3{ margin-top:54px;}.product_content_b h3{ margin-top:54px;}}

.Precise_content{width:96%; margin:0px auto;padding-bottom: 20px;}
.Precise_content li{ width:31%;height:80px; float:left; margin:5px 1%;overflow: hidden;}
.Precise_content li a{ width:100%;height:80%;display:block;position: relative;}
.Precise_content li span{ text-align:center; font-size:1.3rem;height: 1.8rem;line-height: 1.8rem;color:#fff;width: 100%;display: block;background:url(../images/bg.png);position: absolute;bottom: 0px;left: 0px;}
.Precise_content li>div{text-align:center;color:#6f6f6f;line-height:25px;overflow:hidden;width:90%;margin:0 5%;height:20%}
@media(max-width:320px){
    .Precise_content li>div>a{font-size:12px}
    .Precise_content li>div{line-height:16px}
}
@media(max-width:360px){
    .Precise_content li>div>a{font-size:12px}
    .Precise_content li>div{line-height:16px}
}
.Precise_content li>div>a{color:#6f6f6f;display:block;width:100%;height:100%;font-size: 1.2rem;}
@media screen and (min-width:375px){.Precise_content li{ height:120px;}}
@media screen and (min-width:414px){.Precise_content li{ height:120px;}}



.area_content{ width:100%;}
.area_content img{ width:100%;}

.about_content{ width:94%; margin:0px 3%;color:#999999; font-size:1.5rem; line-height:2.4rem;}
.about_content>p>a{color:#1174b9}
.about_content img{ display:block; width:100%;}
.about_content h4{ margin-top:10px; color:#bfbfbf; font-size:1.9rem; height:35px; border-bottom:1px solid #ccc;}
.about_content p{font-size: 13px;line-height: 20px;padding-top: 5px;}

.index_contact { height:170px;width: 90%;padding:20px 5% 0;}
.index_contact div img{ width:100%;}
.index_contact div p{ color:#FFF;  font-size:1.2rem; line-height:28px;margin-bottom:10px;}
@media(min-width:414px){
    .index_contact div p{ color:#FFF;  font-size:1.5rem; line-height:28px; padding-left:5px; margin-bottom:10px;}

}

.index_contact div p a{color:#FFF;}
.fixetel{ width: 50px;height: 50px;display: block;background: url(../images/tel.png) center center no-repeat;background-size: cover;position: fixed;right: 1rem;bottom: 25%;}
.foot{ width:100%;padding: 10px 0px;color:#999999; font-size:1.1rem; text-align:center;line-height: 20px;background: #000000;}
.bottom_code{ margin: 15px auto;}
.bottom_code img{ width: 50%;display: block;margin: 0px auto;}

.paye{ width:94%; height:3rem; padding:0px 3%; margin:30px 0;}
.paye p{ width:33.3%; height:3rem; float:left; text-align:center; line-height:3rem;}
.paye_l a{ display:block; width:100%; height:3rem; background-color:#999; color:#FFF;}
.pn{ background-color:#f6f6f6;}
.paye_r a{ display:block; width:100%; height:3rem; background-color:#cb1d26; color:#FFF;}

.about_content_a{ height:100%;overflow:hidden; line-height:2.4rem; font-size:1.3rem;color: #404040;margin: 1rem 0px;}
.about_content .show{ width:60px;color:#cb1d26;display: block;background:url(../images/arrows.png) 35px 10px no-repeat;background-size: 15px 8px;float: right;}
.about_content .show.icon{background:url(../images/arrows1.png) 35px 10px no-repeat;background-size: 15px 8px;}

.news_list{ width:100%;  padding:1px 0;}
.news_list li{ width:100%;  margin:6px 0;}
.news_list li a{ display:block; width:92%; padding:10px 4%;}
.news_list li a h3{ margin-bottom:12px; color:#cb1d26; line-height:2rem;background:url(../images/arrow3.png) 0px center no-repeat;padding-left: 15px;height: 20px;text-overflow: ellipsis;overflow: hidden;white-space: normal;}
.news_list li a p{font-size:1.5rem; margin-bottom:10px; line-height:1.8rem;height: 3.6rem;text-overflow: ellipsis;overflow: hidden;white-space: normal;}
.news_list li em{ display:block; float:left;font-size:1.5rem; color:#aaa;}
.writer{height:15px; background:url(../images/writer.png) 0px center no-repeat; background-size:15px 15px;margin-right:5px !important;padding-left: 20px;}

.news_content{ width:94%; padding:0px 3%;}
.news_content h3{ font-size:1.9rem; line-height:2.4rem; color:#cb1d26;text-align:center}
.news_content .news_time{ text-align: center;}
.news_content em{ display:inline-block;font-size:1.5rem;margin-right:15px; color:#999; margin-top:10px;}
.news_content_details{ width:100%; line-height:1.8rem; font-size:1.4rem; margin-top:20px;}

.brand_title{ width:70%; margin:20px 3%; height:35px; background:url(../images/title_a.png) -4px no-repeat; background-size:cover; line-height:30px; padding-left:10px; color:#FFF; font-weight:bold;}
@media screen and (min-width:375px){.brand_title{ width:60%; margin:20px 3%; height:35px;}}
@media screen and (min-width:414px){.brand_title{ width:60%; margin:20px 3%; height:38px;}}

.company_content{ width:94%; padding:0px 3%;color:#999999; font-size:1.5rem; line-height:2.4rem;}
.company_content img{ display:block; width:100%;}
.company_content h4{ margin-top:10px; color:#cb1d26; font-size:1.9rem; height:25px; border-bottom:1px solid #CCC;}

.company_content_a{overflow: hidden;line-height:2rem; font-size:1.4rem; margin: 1rem 0px;}
.company_content .show{ width:60px;color:#cb1d26;display: block;background:url(../images/arrows.png) 35px 10px no-repeat;background-size: 15px 8px;float: right;}
.company_content .show.icon{background:url(../images/arrows1.png) 35px 10px no-repeat;background-size: 15px 8px;}
.arrow{ width:94%; margin:10px 3%;}

.product_brand_content{ width:94%; margin:0px 3%;}
.product_brand_content li{ width:31.3%; float:left; margin:5px 1%; background-color:#f6f6f6;}
.product_brand_content li div{ width:100%; height:80px;}
.product_brand_content li h3{ font-size:1.3rem; color:#555555; margin-top:5px; text-align:center;overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}
.product_brand_content li p{ font-size:1.2rem; color:#555555; margin-left:5px;overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;text-align:center}
.product_brand_content li a{ width:100%;}

.pro_title{ width:92%; margin:0px 3%; height:40px; background-color:#666; line-height:40px; color:#FFF;padding-left: 2%;margin-bottom:10px;}
.pro_con_d{ width:94%; margin:0px 3%;}
.pro_con_d li{ width:100%; height:6rem; background-color:#f6f6f6; margin-bottom:10px;}
.pro_con_d li h3{color:#cb1d26; width:46%; height:6rem; line-height:6rem; float:left; font-size:1.3rem;padding: 0px 2%;overflow: hidden;}
.pro_con_d li div{ color:#999999; width:48%; height:6rem; line-height:2rem;float:left; font-size:1.2rem;padding-right: 2%;overflow: hidden;}

.pro_d_title{ width:92%; margin:10px 3%;line-height:24px; color:#555; padding-left:2%; font-weight:bold;}
.pro_d_content{ width:94%; margin:0px 3%;}
.pro_left{ margin-right:4%;}
.pro_d_content ul{ width:48%; background-color:#eee; float:left; margin-top:10px;}
.pro_d_content ul li{ padding-left:4%; width:96%; line-height:30px; font-size:1.2rem;}
@media screen and (min-width:375px){.pro_d_content ul li{ font-size:1.3rem;}}
@media screen and (min-width:414px){.pro_d_content ul li{ font-size:1.5rem;}}
.pro_d_content li:nth-child(odd){ background-color:#f6f6f6;}
.pro_d_content_img{ width: 100%;display: block;margin: 0px auto;}
.title_pro{ width:70%; margin:30px 3% 10px 3%; color:#555; font-size:1.5rem; border-bottom:1px solid #999; line-height:2rem;}
.title_pro em{ border-bottom:2px solid #cb1d26; display:block; float:left; line-height:2rem; margin-right:10px; font-weight:bold;}
.pro_details{ width:94%; margin:10px 3% 30px 3%; font-size:1.3rem; line-height:2rem;}
.pro_details img{ width: 100%;display: block;}


.brand_class{ width:100%;}
.brand_class li{ width:31.3%; float:left; margin:5px 1%;  height:80px;}
.brand_class li a{ width:100%; float:left; height:80px;position: relative;}
.brand_class li a span{display: block;width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 1.2rem;color: #fff;background:url(../images/bg.png);position: absolute;bottom: 0px;left: 0px;text-overflow: ellipsis;overflow: hidden;white-space: normal;}
.brand_class_a{ background:url(../images/back_brand.jpg) center no-repeat; background-size:100% auto;}
.brand_class_b{ background:url(../images/back_brand1.jpg) center no-repeat; background-size:100% auto;}
.brand_class_a h3{ font-size:1.6rem; color:#fff; text-align:right; margin-right:15px; margin-top:16px;}
.brand_class_a p{ font-size:1.2rem; color:#fff; text-align:right; margin-right:15px;}
.brand_class_b h3{ font-size:1.6rem; color:#fff; text-align:left; margin-left:15px; margin-top:16px;}
.brand_class_b p{ font-size:1.2rem; color:#fff; text-align:left; margin-left:15px;}
@media screen and (min-width:375px){.brand_class li{ height:75px;}.brand_class li a{ height:75px;}.brand_class_a h3{ margin-top:40px;}.brand_class_b h3{ margin-top:40px;}}
@media screen and (min-width:414px){.brand_class li{ height:80px;}.brand_class li a{ height:80px;}.brand_class_a h3{ margin-top:54px;}.brand_class_b h3{ margin-top:54px;}}

/*型号搜索*/
.typeSearch{width:92%; margin:10px 3%;padding: 5px;border-radius: 5px;border: 1px solid #999999;}
.typeSearch .inputxt{ width: 80%;float: left;height: 30px;line-height: 30px;border:none;color: #999;}
.typeSearch .btnsubmit{ width: 20%;float: right;height: 30px;line-height: 30px;background: #cb1d26;color: #fff;text-align: center;font-size: 1.3rem;border: none;border-radius: 5px;}
#Validform_msg{color: #7d8289;font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;width: 280px;-webkit-box-shadow: 2px 2px 3px #aaa;-moz-box-shadow: 2px 2px 3px #aaa;background: #fff;position: absolute;top: 0px;right: 50px;z-index: 99999;display: none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position: absolute;left: 0px;top: -1px;z-index: -1;}
#Validform_msg .Validform_title{line-height: 25px;height: 25px;text-align: left;font-weight: bold;padding: 0 8px;color: #fff;position: relative;background-color: #da1e38;background: -moz-linear-gradient(top, #cb1d26, #da1e38 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#cb1d26), to(#da1e38));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb1d26', endColorstr='#da1e38');}
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited{line-height: 22px;position: absolute;right: 8px;top: 0px;color: #fff;text-decoration: none;}
#Validform_msg a.Validform_close:hover{color: #ccc;}
#Validform_msg .Validform_info{padding: 8px;border: 1px solid #bbb;border-top: none;text-align: left;}




/*page-分页*/
.page {width: 92%;margin: 20px auto;}
.page ul li{float:left;text-align:center;margin-left:5px;}
.page ul li a{width:30px;height:30px;line-height:30px;color:#666;display:block;border:1px solid #f6f6f6;text-decoration:none;border-radius: 5px;font-size: 14px;}
.page ul li .on {color:#fff;background:#cb1d26;border:1px solid #cb1d26;}
.page ul li a.long{ width: 40px;}
.page ul li.onpage{width:30px;height:30px;line-height: 30px;background:#cb1d26;border:1px solid #cb1d26;border-radius: 5px;color: #ffffff;}

.prevnext {padding: 20px 0 10px 0; line-height: 24px;font-size: 14px;}
.prevrecord, .nextrecord { padding-right: 20px; white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; font-family: 'Microsoft YaHei';}
.prevrecord a, .nextrecord a { font-weight: normal;font-family: 'Microsoft YaHei';color:#666666;width: 75%;}
.prevrecord a:hover , .nextrecord a:hover{ color: #da1e38;}



.paye{ width:94%; height:3rem; padding:0px 3%; margin:30px 0;}
.paye p{ width:33.3%; height:3rem; float:left; text-align:center; line-height:3rem;}
.paye_l a{ display:block; width:100%; height:3rem; background-color:#999; color:#FFF;}
.pn{ background-color:#f6f6f6;}
.paye_r a{ display:block; width:100%; height:3rem; background-color:#cb1d26; color:#FFF;}

/*固定底部-快捷导航*/
.down_menu2 {width:100%;position:fixed;bottom:0px;left:0px; border-top:1px solid #ddd;background:#fff; }
.down_menu2 a.on{ color: #b90c1e;}
.down_menu2 a i img{ width: 24px;}
.down_menu2 ul { }
.down_menu2 ul li{ float:left; width:33.33%; line-height:40px; text-align:center; }
.down_menu2 ul li a { display:block; width:100%; border-right:#ddd 1px solid; }
.down_menu2 ul li:last-child a { border-right:#ddd 0px solid; }
.down_menu2 ul li i {  margin-right:3px;  padding:10px 15px;}
.down_menu2 ul li i.home { background:url(../images/icon_1.png) 0 5px no-repeat; background-size:26px; }
.down_menu2 ul li i.msg { background:url(../images/icon_2.png) 0 5px no-repeat; background-size:26px;}
.down_menu2 ul li i.mob { background:url(../images/icon_3.png) 0 5px no-repeat; background-size:26px;}



/*应用领域*/
.area_content{ width:100%;padding:20px 0;}
.area_content li{ width:31.3%;height:80px; float:left; margin:10px 1%;overflow: hidden;}
.area_content li a{ width:100%;height:80px;display:block;position: relative;}
.area_content li span{ text-align:center; font-size:1.3rem;height: 1.8rem;line-height: 1.8rem;color:#fff;width: 100%;display: block;background:url(../images/bg.png);position: absolute;bottom: 0px;left: 0px;}
@media screen and (min-width:375px){.area_content li{ height:90px;}.area_content li a{ height:85px;}.area_content_a h3{ margin-top:40px;}.area_content_b h3{ margin-top:40px;}}
@media screen and (min-width:414px){.area_content li{ height:100px;}.area_content li a{ height:95px;}.area_content_a h3{ margin-top:54px;}.area_content_b h3{ margin-top:54px;}}


/* 轴承品牌 */
.m_index_title{width:94%;padding:15px 3%;}
.m_index_title>div{width:96%;margin:0 3%;text-align: center;}
.m_index_title>div>a{font-size:20px;line-height:30px;color: #bfbfbf;}
.m_index_title>div>a>span{font-size:13px;line-height:20px;color:#cccccc;padding-left:5px;display: block;}
.m_index_title .name{line-height: 30px;}
.m_index_title .name::before{content: "";display: inline-block;border-bottom: 1px #bfbfbf solid;width: 10px;margin-right: 10px;vertical-align: middle;}
.m_index_title .name::after{content: "";display: inline-block;border-bottom: 1px #bfbfbf solid;width: 10px;margin-left: 10px;vertical-align: middle;}

.m_index_content{width:94%;padding:0 3%;padding-bottom: 20px;}
.m_index_content>.fl{float: left; width:32%;margin-right:2%;margin-bottom:2%;background:url(../images/bak3.png) #fff center no-repeat;background-size:70% 70%;height:70px;text-align:center;padding-top:5px;}
.m_index_content>.fl:nth-child(3n){margin-right:0}
.m_index_content>.fl>a{display:block;width:100%;height:100%;}
.m_index_content>.fl>a>p{text-align:center;display:block;margin:auto}
.m_index_content>.fl>a>p:nth-child(1){font-size:20px;color:#d52e2e;padding-top:15px;padding-bottom:5px;font-weight:bold}
.m_index_content>.fl>a>p:nth-child(2){font-size:12px;color:#999999}

.m_index_product{background:#fff;padding:15px 3%}
.m_index_product>.fl{background:url(../images/bak5.png) center no-repeat;background-size:cover;width:32%;height:110px;margin-right:2%;margin-bottom:3%}
.m_index_product>.fl:nth-child(3n){margin-right:0px}
.m_index_product>.fl>a{display:block;width:100%;height:100%}
.m_index_product>.fl>a>div{background:#eeeeee;background-size:cover;width:100%;height:80px}
.m_index_product>.fl>a>p:nth-child(2){display:block;height:30px;line-height:30px;font-size:12px;color:#333333;padding-left:10px;text-align:left;overflow:hidden}


.m_index_news .news{ width: 100%;height: 85px;padding-top:10px;}
.m_index_news .news>a>div:nth-child(1){ height: 75px;width: 25%;background: #0a4574;color: #fff;text-align: center;font-size: 18px;}
.m_index_news .news>a>div:nth-child(1)>p{ font-size: 30px;padding:15px 0;}
.m_index_news .news>a>div:nth-child(2){ height: 75px;width: 70%;padding-left: 5% }
.m_index_news .news>a>div:nth-child(2)>p{ color: #bfbfbf;font-size: 18px;line-height: 30px}
.m_index_news .news>a>div:nth-child(2)>span{ color: #888888;font-size: 14px;line-height: 24px;display: block;overflow: hidden;height: 50px;text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


.index_map{width: 94%;margin: 0 3%;height: 200px;}