/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0; }
fieldset, img { border:0; width:100%;}
address, caption, cite, code, dfn, em, th, var { font-weight:normal; font-style:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
/* End Reset */

.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{*zoom:1;}

/* Common */
.hidden { display:none; }
.clearfix:after, .phead:after, .pbody:after { content:"\0020"; display:block; clear:both; height:0; }
.clearfix { zoom:1; }
a {color:#575757; text-decoration:none; }
a:hover {color:#f00; text-decoration:none; }
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
.fl { float:left; display:inline; }
.fr { float:right; display:inline; }
.f10 { font-size:10px; color:#fd2828; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.f22 { font-size:22px; }
.f24 { font-size:24px; }
.f26 { font-size:26px; }
.f32 { font-size:32px; }
.fb { font-weight:bold; }
.clear { clear:both; }
.hidden { display:none; }
.black { color:#000; }
.red1 { color: #f00; }
.red2 { font-size:16px; color:#d10016; font-weight:bold; }
.red { font-size: 14px; font-weight: bold; color: #f00; }
.yellow { color:#FF9900; font-weight:bold; }
.bule{ color:#005eae; font-weight:bold;}
.pt20 { padding-top: 20px; }
li { list-style:none; }
.bk{ border:5px #dbdbdb solid; padding:1px;}

body {width:100%;/* max-width:640px;*/ margin: 0 auto; font-size: 12px; color:#575757; font-family: "微软雅黑"; background:#f6f6f6;}

.header_bg,.nav_bg,.banner_bg,.inproduct_bg,.insolution_bg,.innews_bg,.cont_bg,.footer_bg{width:100%; float: left; display:inline;}
.header_bg{ background:#fff; padding:15px 0;}
.header_bg img{width:70%;}

/*banner css*/
.banner_bg{ position:relative; z-index:1;}
.swiper-container{position:relative;width:100%; overflow:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-slide img{width:100%;}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#b79650}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}


/*首页产品分类css*/
.inproduct_bg{ background:url(../images/inproduct_bg.jpg); padding:20px 0; border-bottom:1px #e3e3e3 solid;}
.inproduct_top{width:100%; float:left; text-align:center;}
.inproduct_top img{width:60%;}
.inproduct_top p{ color:#777777; line-height:20px; font-size:12px; padding:15px 3% 0;}
.inproduct_info{width:100%; float:left; margin-top:10px;}
.inproduct_info ul li{width:33.3%; margin-bottom:10px; float:left; text-align:center; position:relative;}
.inproduct_info ul li img{width:100%;}
.inproduct_info li p{width:100%; position:absolute; z-index:2; bottom:7px; text-align:center; color:#fff; font-size:12px;}
.inproduct_info a{ color:#fff; display:block;}
.inproduct_info a:hover p{ color:#fff; text-decoration:underline;}


/*首页解决方案css*/
.insolution_bg{width:100%; float:left; background:#fff; padding:20px 0;}
.insolution_top{width:100%; float:left; text-align:center;}
.insolution_top img{width:60%;}
.insolution_top p{ color:#777777; line-height:20px; font-size:12px; padding:15px 3% 0;}
.insolution_info{width:100%; float:left;}

.limit-box{position:relative;width:100%; height:370px; float:left; overflow:hidden;}
.limit-buy-hd{width:100%; position:relative;height:37px; line-height:37px}
.limit-buy-hd h2{float:left;overflow:hidden;display:inline;width:85px;font-size:14px;padding:0 0 0 10px;}
.limit-buy-nav{float:right;width:70px;margin:7px 12px 0px 0}
.limit-buy-nav span{float:left;width:44px;height:21px;font-size:14px;line-height:21px;text-align:center}
.limit-buy-nav em{margin-right:1px;color:#ea5501;font-weight:700}
.limit-buy-nav .prev,.limit-buy-nav .next{float:left;overflow:hidden;width:30px;height:30px;margin:6px 0 0;background:url(../images/insolution_icon.png) no-repeat 0px 0px}
.limit-buy-nav .next{background-position:-36px 0px; margin-left:8px;}
.limit-buy-nav a.prev,.limit-buy-nav a.next{ display:block;}
.limit-buy-nav a.prev:hover,.limit-buy-nav a.next:hover{ background:url(../images/insolution_icon.png) no-repeat 0 -32px;}
.limit-buy-nav a.next:hover{ background-position:-36px -32px;}
.limit-buy-bd{overflow:hidden;position:absolute;top:38px;left:0;width:100%;z-index:1}

.products{float:left;width:100%; margin-top:0px;}
.products li{float:left;position:relative;width:45%; margin:10px 8px 0; background:#f6f6f6; border:1px #eee solid; padding-bottom:20px;}
.products li h2{width:100%; float:left; text-align:center; font-size:20px; color:#000; line-height:24px; margin-top:10px;}
.products li .pic{position:relative;width:100%; float:left; text-align:center; padding:12px 0 0px;}
.products li .pic img{width:90%;}
.products li .name{width:85%; float:left; text-align:center; background:#0406ec; height:30px; line-height:30px; color:#fff; margin:10px 0 10px 12px; font-size:13px;}
.products li .price{ float:left; padding:0 15px; line-height:20px; font-size:12px;}



/*首页轴承资讯CSS*/
.innews_bg{ background:url(../images/innews_bg.jpg) top center no-repeat; padding:30px 0 10px; border-top:1px #e6e6e6 solid;}
.innews_top{width:100%; float:left; text-align:center;}
.innews_top img{width:60%;}
.innews_top p{ color:#777777; line-height:20px; font-size:12px; padding:15px 3% 0;}
.innews_info{width:100%; float:left; margin-top:10px;}

.item { float:left; width:96%; margin:10px 2% 15px;background:#fff; box-shadow:0 0 8px #d5d5d5;border: 1px #ccc solid;
    background: #f6f6f6;}
.item_top{
	width: 90%;
    float: left;
    height: 45px;
    line-height: 45px;
	padding: 0 5%;
    color: #000;
    font-size: 16px;
}
.item img {float:left;}
.item h3{line-height:24px; font-size:14px; font-weight:bold; padding:15px 0 5px 10px;}
.item p {padding:0 10px; font-size:12px; line-height:18px;border-bottom: 1px #ccc dotted;height:37px;}
.item .news_more{width:75px; text-align:center; font-size:12px; line-height:22px; height:22px; color:#fff; float:left; background:#3c4146; border-radius:4px; margin:5px 0 5px 10px;}
.item .news_more a{ display:block; color:#fff;}
.item .news_more a:hover{ background:#161aed; border-radius:4px; }


/*版权信息css*/
.copyright_bg{width:100%; float:left; height:45px; line-height:45px; background:#002549; color:#155593; font-size:12px; text-align:center;}
.copyright_bg span{ float:right;}
.copyright_bg a{ color:#155593;}
.copyright_bg a:hover{ color:#1d8dcb; text-decoration:underline;}


.cont_bg{width:100%; float:left; position:relative;}

/*关于哈轴css*/
.about_bannerbg{width:100%; float:left;}
.about_bannerbg img{ width:100%;}
.about_menu{width:100%; float:left; background:url(../images/nav_bg.jpg) top center no-repeat; height:38px; line-height:38px;}
.about_menu ul li{width:24%; float:left; height:38px; line-height:38px; font-size:14px; color:#fff; text-align:center;}
.about_menu li a{ color:#eaeaf0; display:block;}
.about_menu li a:hover{ background:url(../images/about_left_infobg.jpg); color:#fff;}
.about_menu li.x{width:1px; background:#08c3ec;}

.about_main{width:100%; float:left; background:#efefef; padding-top:10px;}
.about_main_top{width:97%; float:left; height:40px; line-height:40px; font-size:13px; border-bottom:1px #ccc solid; padding-left:3%; color:#161aed;}
.about_main_top a{color:#161aed;}
.about_main_top a:hover{color:#f00; text-decoration:underline;}
.about_main_info{width:100%; float:left; padding:10px 0;}
.about_main_info p{ line-height:22px; font-size:14px; padding:8px 15px;}
.about_main_info img{width:100%;}

/*资质荣誉css*/
.honor_img{width:100%; float:left; text-align:center;}
.honor_img img{width:95%; padding-bottom:10px;}


.box-163css{width:95%; position:relative; margin:5px 0 0 3%;}
.btn{position:absolute;display:none; /*padding-top:280px;*/width:22px; height:150px; cursor:pointer; text-indent:-999em;}
.pre{ background:url(../images/left.png) no-repeat 0 120px; left:20px;}
.next{background:url(../images/right.png) no-repeat 0 120px;right:30px;}
#ztbox {width:100%; position:relative;/* height:120px;*/}
.spic{ width:100%; position:relative; padding-top:6px; height:78px;}
#left {width:13px; height:43px; float:left; top:20px; position:absolute; left:4px; cursor:pointer; background:url(../images/left.gif) no-repeat; }
#right{ width:13px; height:43px; right:4px; top:20px; position:absolute;cursor:pointer; background:url(../images/right.gif) no-repeat; }
#conter{ margin-left:20px; width:92%; position:relative; height:90px; float:left; display:inline; overflow:hidden; }
#conter .txt{ display:none;}
#conter ul { width:auto; height:60px; overflow:hidden; top:0px; left:0px; position:absolute; }
#conter li{ width:82px; cursor:pointer; height:60px; float:left; display:inline; margin:0 0 0 7px; }
#conter li b,#conter li strong{ font-weight:normal;}
#conter li.on{border:1px solid #898989; }
#conter li.on span{ background:#898989; color:#fff;}
#conter li img{ width:80px; float:left; overflow:hidden;}
#conter li span{ display:block; width:100%; line-height:17px; color:#797979; float:left; height:17px; overflow:hidden; background:#eaeaea; text-align:center; }
#scroll{ background:url(images/line.gif) repeat-x left bottom; width:575px; height:13px; left:0px; bottom:14px; cursor:pointer; position:absolute;  }
#scroll span { width:142px; height:13px; left:0px; bottom:0px; cursor:pointer; position:absolute; background:url(images/scrollBg.png) no-repeat; }
.bpic{ width:100%; margin:0 auto 0 auto; }
.bigpic{ width:100%; position:relative; margin-bottom:10px;}
.intro{ width:100%; height:52px; position:absolute; left:0; bottom:4px;}
.bg{ background:#000;filter:alpha(opacity=40); opacity:0.4; z-index:0; width:100%; height:52px; position:absolute; bottom:0;}
.txt{ position:absolute; padding-left:1%; width:99%; top:5px; z-index:10; color:#fff;}
.txt h2{ width:100%; float:left; font-size:16px; padding-bottom:4px;}
.txt p{width:100%; float:left;}
.bclose{ position:absolute; right:10px; top:10px; z-index:11; cursor:pointer; color:#fff;}


/*发展历程css*/
.development_main_info{width:100%; float:left; padding:10px 0;}
.development_main_info p{ line-height:22px;padding:8px 0px;}
.development_main_info ul li{width:95%; float:left; margin:8px 0 5px 2.5%; line-height:20px; font-size:13px;}
.development_main_info li em{width:18%; float:left; color:#0a8de1; text-align:right;}
.development_main_info li span{width:78%; float:right;}
.development_main_info li.years{ font-size:15px; font-weight:bold; color:#0406ec; line-height:30px; margin-top:40px;}
.development_main_info li p{ color:#74b0d6;}

/*轴承产品css*/
.product_bannerbg{width:100%; float:left; height:350px; background:url(images/product_banner.jpg) top center no-repeat;}
.product_main_top{width:97%; float:left; height:40px; line-height:40px; font-size:13px; border-bottom:1px #ccc solid; padding-left:3%; color:#161aed; margin-bottom:15px;}
.product_main_top a{color:#161aed;}
.product_main_top a:hover{color:#f00; text-decoration:underline;}
.product_main_info{width:100%; float:left; padding:0px 0 20px;}
.product_main_info p{ line-height:24px; font-size:14px; padding:8px 30px;}
.product_main_info span div{ margin-top:20px; float:left;}
.product_info{width:98%; float:left; padding:0px 0 0 1%;}
.product_info ul li{width:33.3%; float:left; text-align:center; margin-bottom:5px;}
.product_info li img{width:94%; border:1px #fff solid;}
.product_info li p{ line-height:30px; font-size:12px; padding:0;}
.productview{width:100%; float:left; text-align:center; padding-top:25px;}
.productview h1{ font-size:22px; line-height:30px; padding-bottom:15px;}
.productview img{width:95%; margin-bottom:15px;}
.productview P{ font-size:16px; line-height:30px; padding:2px 15px; text-align:left;}



/*解决方案css*/
.fqa_bannerbg{width:100%; float:left; height:350px; background:url(images/fqa_banner.jpg) top center no-repeat;}
.fqa_left{width:210px; float:left; /*position:fixed; z-index:99; top:100px;*/ position:relative; margin-top:-99px;}
.left_nav{position:fixed; z-index:1000; display:none; width:210px; float:left;}
.left_nav a{display:block}
.fqa_info{width:100%; float:left; margin-bottom:60px; border-bottom:1px #d9d9d9 dotted; padding-bottom:20px;}
.fqa_info h1{width:97%; float:left; height:45px; line-height:45px; font-size:18px; font-weight:bold; color:#161aed; padding-left:3%;}
.fqa_info p{padding:5px 15px; line-height:22px; font-size:14px;}
.fqa_info p.blue{color:#161aed;}


/*轴承资讯css*/
.news_bannerbg{width:100%; float:left; height:350px; background:url(images/news_banner.jpg) top center no-repeat;}
.news_main{width:100%; float:left;}
.news_main_top{width:98%; float:left; height:40px; line-height:40px; font-size:13px; border-bottom:1px #ccc solid; padding-left:2%; color:#161aed;}
.news_main_top a{color:#161aed;}
.news_main_top a:hover{color:#f00; text-decoration:underline;}
.news_main_info{width:100%; float:left;}
.news_main_info ul li{width:95%; float:left; margin:0px 0px 20px 2.5%;background:#fff; box-shadow:0 0 8px #d5d5d5;}
.news_info_cont_txt img {width:45%; float:left; margin-right:10px;}
.news_info_cont_txt h3{line-height:20px; font-size:14px; font-weight:bold; padding:10px 0 0px 0px;}
.news_info_cont_txt em{ color:#7d8a9a;}
.news_info_cont_txt p {padding:0 20px 0 0px; font-size:12px; line-height:18px;}
.news_info_cont_txt .news_more{width:80px; text-align:center; font-size:12px; line-height:24px; height:24px; color:#fff; float:left; background:#3c4146; border-radius:4px; margin:8px 0 0 0px;}
.news_info_cont_txt .news_more a{ display:block; color:#fff;}
.news_info_cont_txt .news_more a:hover{ background:#161aed; border-radius:4px; }
.news_info_cont_r{}

.newsview{width:95%; float:left; background:#fff; box-shadow:0 0 8px #d5d5d5; margin:30px 0 0 2.5%;}
.newsview_top{width:100%; float:left; line-height:24px; text-align:center; color:#161aed; font-size:15px; padding:8px 0 15px; border-bottom:1px #efefef solid; position:relative;}
.newsview_top span{ position:absolute; right:20px; bottom:0; font-size:12px; color:#ccc;}
.newsview_info{width:100%; float:left; font-size:14px; padding:20px 0;}
.newsview_info p{ line-height:24px; padding:5px 25px;}
.newsview_info img{width:100%; text-align:center;}


.page{text-align:center; width:100%; clear:both; margin:0 auto; line-height:26px; padding:20px 0 0px; font-size:14px;}
.page span{line-height:24px; margin-left:15px; color:#000; background:#fff; border:1px #666 solid; padding:0 5px; width:12%; display:inline-block;}
.page a span{}
.page a span:hover{background:#063a83; cursor:pointer; color:#fff;}


/*技术服务css*/
.service_bannerbg{width:100%; float:left; height:350px; background:url(images/service_banner.jpg) top center no-repeat;}
.service_main_info{width:100%; float:left; padding:20px 0;}
.service_main_info h2{ font-size:18px; font-weight:bold; line-height:40px; padding-left:15px;}
.service_main_info span{width:97%; float:left; padding-left:3%; font-size:16px; color:#161aed; line-height:30px;}
.service_main_info p{ line-height:24px; font-size:14px; padding:4px 15px;}

/*营销中心css*/
.sales_bannerbg{width:100%; float:left; height:350px; background:url(images/sales_banner.jpg) top center no-repeat;}


/*联系哈轴css*/
.contact_bannerbg{width:100%; float:left; height:350px; background:url(images/contact_banner.jpg) top center no-repeat;}
.contact_main_info{width:100%; float:left; padding:20px 0;}
.contact_main_info p{ line-height:20px; font-size:14px; padding:4px 20px;}
.contact_main_info .img{ float:right; margin-right:50px;}
.contact_main_info p.name{ font-size:16px; font-weight:bold;}


/*在线咨询css*/
.message_cont{width:100%; float:left; margin:20px 0;}
.message_info{width:100%; float:left; background:#f2f2f2;}
.message_info ol li{width:100%; float:left; margin:10px 0; height:35px;}
.message_info ol li span{width:20%; float:left; font-size:16px; line-height:35px; text-align:right; padding:0 10px;}
.message_info li input{width:62%; float:left; line-height:35px; border:1px #ccc solid; border-radius:8px; padding:0 15px;}
.message_info li input:focus{ border:0;}
.message_info li.nr{width:100%; height:100px;}
.message_info li textarea{width:62%; float:left; line-height:30px; height:100px; border-radius:8px; border:1px #ccc solid; padding:0 15px;}
.message_info li textarea:focus{ border:0;}
.message_info li input.anniu{width:100px; float:left; height:30px; line-height:30px; margin-left:100px;}
.message_info li input.anniu1{width:100px; float:left; height:30px; line-height:30px; margin-left:20PX;}
.message_info li.yzm{width:100%; height:42px;}
.message_info li input.yzm{width:100px;}
.message_info li .yzm_img{width:100px; float:left; margin:15px 0 0 10px;}
.message_info li .yzm_img img{width:20%;}

.message_leave{width:95%; float:left; margin:0 0 20px 2.5%; border:1px #d5d5d5 solid;}
.message_leave b{width:98%; float:left; font-size:18px; font-weight:bold; height:50px; line-height:50px; background:#f2f2f2; padding-left:2%;}
.message_leave ol li{width:21.9%; float:left; font-size:14px; line-height:40px; height:40px; padding-left:3%; border-bottom:1px #efefef solid;}
.message_leave ol li.message_x{width:1px; float:left; background:#efefef; padding:0;}
.message_leave ol li.liuyan{width:96.9%; float:left;}

.message_page{width:100%; margin:0 auto; text-align:center;}
.message_page span{line-height:24px; margin-left:15px; color:#000; background:#fff; border:1px #efefef solid; padding:0 5px; width:10%; display:inline-block;}
.message_page a span{display:block;}
.message_page a span:hover{background:#063a83; cursor:pointer; color:#fff;}


/*人才招聘css*/
.jobs{width:94%; float:left; margin:0 0 25px 3%; border-bottom:1px #ccc solid; background:#fff;}
.jobs ol li{width:19%; float:left; line-height:42px; text-align:center;  font-size:12px; font-weight:bold;}
.jobs ol.jobs_title{width:100%; background:#ccc; float:left;}
.jobs ol.jobs_title li{ font-weight:normal;}
.jobs ol li.jobs_name{ background:url(../images/job_09.png) center left 0px no-repeat;}
.jobs ol li.jobs_bumen{background:url(../images/job_10.png) center left 0px no-repeat;}
.jobs ol li.jobs_add{background:url(../images/job_11.png) center left 0px no-repeat;}
.jobs ol li.jobs_number{background:url(../images/job_12.png) center left 0px no-repeat;}
.jobs ol li.jobs_time{background:url(../images/job_13.png) center left 0px no-repeat;}
.jobs ol.jobs_work{width:100%; float:left; border-bottom:1px #fff solid;}
.jobs ol.jobs_desc{width:100%; float:left; padding:30px 0;}
.jobs ol.jobs_desc li{width:94%; float:left; text-align:left; font-size:12px; font-weight:normal; margin:0 3%;}
.jobs ol.jobs_desc li p{ padding:0 20px; line-height:28px;}
.jobs_apply{width:120px; float:right; height:32px; line-height:32px; text-align:center; background:#0b5bb0; font-size:14px; color:#fff; margin:0 20px 20px 0;}
.jobs_apply a{ display:block; color:#fff;}
.jobs_apply a:hover{ background:#063a83;}

/*应聘工作*/
.jobs_apply_work{width:94%; float:left; margin:10px 0 25px 3%; background:#fff; box-shadow:0 0 8px #d5d5d5;}
.jobs_apply_work h1{width:100%; float:left; font-size:24px; text-align:center; line-height:45px; margin-bottom:30px; background:#e3e3e3; color:#063a83;}
.jobs_apply_work ol li{width:92%; float:left; height:35px; line-height:35px; margin-bottom:20px; margin-left:8%; font-size:12px;}
.jobs_apply_work li input{width:62%; line-height:35px; border:1px #ccc solid; border-radius:8px; padding:0 12px;}
.jobs_apply_work li input:focus{ border:none; border-radius:8px;}
.jobs_apply_work li select{width:69%; height:35px; line-height:35px; border:1px #ccc solid; border-radius:8px; padding:0 12px; font-family:"微软雅黑";}
.jobs_apply_work li.textarea{float:left; height:80px;}
.jobs_apply_work li.textarea span{width:60px; float:left;}
.jobs_apply_work li.textarea textarea{width:62%; height:80px; border:1px #ccc solid; border-radius:8px; padding:0 12px;}
.jobs_apply_work li.submit{height:35px;}
.jobs_apply_work li input.anniu{width:100px; float:left; height:30px; line-height:30px; margin:0 20px 0 70px;}
.jobs_apply_work li input.anniu1{width:100px; float:left; height:30px; line-height:30px;}