@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
ul,ol,dl,li{ list-style:none}
img{ border:none;max-width: 100%;margin-left: auto;margin-right: auto;}
a{ text-decoration:none;}
a:hover{ color:#444;}
.clear{ clear:both}
body{
	color:#444;
	line-height:24px;
	font-size:14px;
	font-family: "Times New Roman", Times, serif;
	position:relative;
	z-index:999; 

}

/*内页导航*/
.inner-nav a {
    color:#666;
}

.f_l {
    float: left
}
.f_r{ float:right}
.container{ margin:auto;font-family: Tahoma, Geneva, sans-serif; font-size:14px;}
.container-fluid{ width:100%; height:auto; padding:10px 0;font-family:  Tahoma, Geneva, sans-serif; font-size:14px;}
.color{ background-color:#eee; margin-top:20px;}
.padding-clear{ padding:0 0;}
/*xs-nav*/
.header-button-nav{ display: none; position: absolute; right:10%; top:30px; z-index: 99; border: none; background-color: rgba(255,255,255,0); cursor:pointer; }
.icon-bar{ display: block; width:25px ;height:3px;  background-color: #000; margin-top: 5px;transition:all 0.3s ease-in-out;}
.icon-bar:last-child{ margin-bottom: 5px; }
.click-button .icon-bar:first-child{ transform:translate(0,8px) rotate(45deg); }
.click-button .icon-bar:nth-child(2){ background-color: rgba(255,255,255,0);}
.click-button .icon-bar:last-child{transform:translate(0,-8px) rotate(-45deg); }
.xs-nav{ display: none; width:auto; padding:0 5%;  margin:0 auto;  position: absolute; top:86px; left:0; z-index: 999;background-color: rgba(255,255,255,0.9); box-shadow: 0 5px 5px #333; }
.xs-nav ul li{ height: 50px; line-height: 30px; padding: 10px 0;  }
.xs-nav ul li a{ color:#333; font-size: 20px; }
/*xs-nav-end*/
/*top*/
.header{ width: 100%; height: auto; }
.header:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
.header-tltle{  background-color:#eeeeee; padding-top:10px }
.header-logo{ background: url("/wp-content/themes/global/static/import-bearings/images/logo.jpg") no-repeat left center; height:90px;max-width: 1440px; }
.header-tel{ background: url("/wp-content/themes/global/static/import-bearings/images/tel.png") no-repeat left center; padding-left:70px; height:60px;}
.header-tel span{ font-size:25px; font-family:"微软雅黑"}
.header-tel p{ font-size:30px; font-family:"微软雅黑"; color:#c20404; padding-top:5px; font-weight:bold }


.header-nav{  background-color:#023793}
.header-nav-mid{ padding:0; margin:0; width:100%}
.nav-bar-list{ padding:0; }
.nav-bar-list ul { padding:0; margin:0}
.nav-bar-list ul li{ float:left;  background:url("/wp-content/themes/global/static/import-bearings/images/nav-bg.png") no-repeat right center; }
.nav-bar-list ul li a{ padding-left:30px; padding-right:30px; font-family:Tahoma, Geneva, sans-serif; height:45px; line-height:45px; display:block;font-size:18px; color:#fff; font-family:"微软雅黑";margin-left:5px; margin-right:5px;}
.nav-bar-list ul a:hover{ background-color:#eca204; color:#fff;  padding-left:30px; padding-right:30px;display:block; text-decoration:none }
.nav-bar-list-hover {
    background-color: #eca204;
    color: #fff;
}

.search{ padding:15px 0 0 0; margin-left:30px; font-weight:normal}
.search input{ font-family:Tahoma, Geneva, sans-serif; border:none; color:#999; background-color:#eee}
.search-p{ border:1px #999 solid; border-radius:15px 15px; background-color:#eee }

.news{ margin-top:10px; }

.container-brand { padding:0 0}
.container-brand h1{ margin:0; font-size:18px; font-weight:bold; margin-bottom:20px}
.container-brand ul li{ padding:0 0; padding-right:5px; margin-bottom:10px; min-height:105px;}
.container-about-1{ padding:0 0}
.container-brand-1-h1{ margin-bottom:20px; font-size:18px; margin-top:10px; color:#023793}
.container-about-2-1 h1{ margin:0 0; margin-bottom:10px; font-size:18px; margin-top:5px;}
.container-about-2-2 ul li{ padding:0 0; padding-right:5px; margin-bottom:10px;}
.container-about-2-2 ul li img{ padding:3px 3px; border:1px #ddd solid}
.container-about-3{ margin-top:10px;}
.container-about-3 p{ padding:0 0; padding-right:5px; margin-bottom:10px;}
.container-about-3  img{ padding:3px 3px; border:1px #ddd solid;border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px;   box-shadow: 3px 3px 4px #666; }
footer{ width:100%; background-color:#023793; color:#fff}



.content-text{  border-bottom:1px #ddd solid; padding:0 0; padding-top:5px; padding-bottom:5px; background-color:#f7f5f5; color:#666; margin-bottom:20px;}
.content-about{ margin-top:10px;}
.content-about-1{ padding-bottom:20px; border-bottom:1px #ddd solid; color:#666; line-height:30px; }
.content-about-1-left h1{ font-size:18px; margin:0 0; padding-bottom:10px; color:#023793}
.content-about-2 {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px #ddd solid;
}
.index-about {
    width: calc(100% - 330px);
    margin: 20px 0;
    margin-left: 330px;
    float: none;
}
.content-about-2 ul li{ padding:0 0}
.content-about-3{ margin-top:20px}
.content-about-2-text{ font-size:18px; padding-bottom:10px; padding-top:10px; color:#023793; border-bottom:1px #ddd dashed; margin-bottom:10px;}
.content-about-3-left{ padding:0 0}
.content-about-3-right{ background: url("/wp-content/themes/global/static/import-bearings/images/web.jpg") no-repeat right center; height:500px }
.content-about-4{ padding:50px 0; border-bottom:1px #ddd solid}
.content-news-1{ border:1px #ddd solid; padding:10px 10px; margin-bottom:10px;}
.content-news-1-2 h1{ font-size:18px; margin:0 0; padding-bottom:10px; }
.content-news-1-2 p{ color:#666}
.content-news-1-1 {
    text-align: center;
    height: 150px;
}
.content-news-1-1 img {
    max-height: 150px;
    max-width: 100%;
    padding:3px;
    border:1px solid #ddd;
} 
.content-message h1 {
    font-size: 18px;
    color: #023793;
    margin: 0 0;
    padding-bottom: 10px;
}
.content-messages{ padding:0 0}
.content-messages ul li{ padding:0 0; margin:5px 0; padding-right:10px;}
.messages-button{ width:100%; height:35px;padding-left:5px;}
.messages-button-1{width:100%; height:80px;padding-left:5px}
.messages-button-2{ width:50%; height:35px; padding-left:5px;}
.messages-button-3{ background-color:#e93100; height:50px; text-align:center; padding:0 30px;font-family:Tahoma, Geneva, sans-serif; border:none; color:#fff; font-size:18px; margin-top:10px}
.messages-button-4{ background-color:#023793; height:50px; text-align:center; padding:0 30px; font-family:Tahoma, Geneva, sans-serif; border:none; color:#fff; font-size:18px; margin-top:10px}
.content-messages h1{ font-size:18px;  color:#023793;}
.content-brand ul li{ padding-right:10px; margin-bottom:10px;}
.content-brand ul li img{ border:1px #ddd solid}
.content-photo-1{ padding-bottom:10px; border-bottom:1px #ddd solid; margin-bottom:20px; }
.content-photo-text{ padding-bottom:10px; border-bottom:1px #ddd dashed; font-size:18px; color:#023793; margin:0 0; margin-bottom:20px;}
.content-photo-1 ul li {
    height: 228px;
    margin-bottom:10px;
    text-align:center;
}

 .content-photo-1 ul li div {
    height: 228px;
    border: 1px #ddd solid;
}
.content-photo-1 ul li img {
    max-height: 226px;
}
.content-photo-2 ul li{
    width:24%;
    margin:0 1.3333% 2% 0;
}

.content-photo-2 ul li img{
    padding:2px;
    border:1px solid #ddd;
}
.content-photo-2{ padding-bottom:10px; margin-bottom:20px; }
.content-photo-2 ul li:nth-child(4n) {
    margin-right:0;
    margin-left:0;
}
.content-photo-2 ul li:nth-child(4n+1) {
    margin-left:0;
}
.content-newsinfo {
    margin-top: 20px;
    font-size: 14px;
    color: #666
}
.tie{margin-top:20px; padding-left:20px; font-size:16px; font-weight:bold; text-align:center;}
.tit_3{display:block; margin:10px 0; padding-bottom:10px; border-bottom:1px dashed #d2d2d2; text-align:center; color:#999;}
.tit_4{display:block;  margin:10px 0; padding:10px 0 10px 10px; text-indent:0;border-bottom:1px dashed #d2d2d2;}

.content-newsinfo-1{ margin-top:20px; line-height:30px; font-size:14px;}
.content-newsinfo-1 h1{ font-size:18px;}
.content-newsinfo-1 a{ color:#666}

.container-product-in { margin-top:20px; margin-bottom:10px;}
.container-product-in-2-h1{ font-size:18px;  margin:0; padding-bottom:10px;}
.container-product-in-2-ul{ padding:0; margin:0;  line-height:30px;}
.container-product-in-3{ margin-top:30px;font-size:14px; line-height:30px; padding-top:20px; border-top:1px #ddd solid}
.button{ width:150px; height:40px; margin-top:10px; margin-bottom:10px; background-color:#ba1929; border:none;border-radius:10px 10px; color:#fff; font-size:16px;}
.button:hover{ background-color:#a04f5b}
.htmleaf-container{ display: none}


/*表单*/
/* 本例子css */
.slideTxtBox{ width:100%;  text-align:left;  }
.slideTxtBox .hd{ position:relative; height:40px; line-height:40px; }
.slideTxtBox .hd ul{ float:left; position:absolute; padding:10px 0; width:100% }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; text-align:center;  }
.slideTxtBox .hd ul li.on{ height:40px;  background:#023793; color:#fff;box-shadow: 3px 3px 3px #ddd;   }
.slideTxtBox .bd ul{ padding:15px 0;  zoom:1;  }
.slideTxtBox .bd li{ height: auto;text-align:justify; text-justify:inter-ideograph; }
.slideTxtBox .bd li .date{ float:right; color:#999;  }

.block{display:block; }
.type{ padding:10px 0; margin-right:10px; text-align:center; font-size:16px; margin-bottom:10px; }
.type:hover{  background-color:#023793; color:#fff;}
.text{background-color:#023793; color:#fff;}
.none{display:none}
.ccontent-dl{ margin:10px 0}
.ccontent-dl dt img{
    padding:3px;
    border:1px solid #ddd;
}
.ccontent-dl-dd h1 {
    font-size: 16px;
    margin: 0px;
    margin-bottom: 10px;
}
.ccontent-dl-dd h1 a {
    color: #023793
}



a:link,a:visited{text-decoration: none;}
.list{width: 100%; padding:0; margin:0;margin:0 auto 0 auto; color:#fff }
.list .yiji{ padding:0; margin:0; padding-right:10px; padding-left:10px; background-color:#023793;padding-bottom:50px;}
.list .list-text{ font-size:15px;font-weight:bold; margin:0; padding:0; padding:20px 15px; background-color:#022a70}
.list ul li{ padding: 0}
.list ul li a{ font-size:15px; display: block; font-weight:bold; padding-top:15px; padding-bottom:15px;position: relative;border-bottom:1px #fff dashed; color:#fff  }
.list ul li a:hover{ color:#fff}
.list ul li .inactive{ background:url("/wp-content/themes/global/static/import-bearings/images/off.png") no-repeat left center; padding-left:20px;}
.list ul li .inactives{background:url("/wp-content/themes/global/static/import-bearings/images/on.png") no-repeat left center;} .list ul li .active{ font-size:12px; color:#eee}
.list ul li ul{display: none; padding:0; margin:0; padding-left:10px;}
.list ul li ul li { border-left:0; border-right:0; }
.list ul li ul li ul{display: none;}
.list ul li ul li ul last{ font-size:18px;}
.list ul li ul li a{ padding-left:0px; font-weight:normal}
.list ul li ul li ul li a{  padding-left:0px; font-weight:normal}


.page { text-align:center;  margin-top:20px; padding-top:5px; padding-bottom:5px; background-color:#f1f1f1}
.page a { margin:5px 5px; padding:5px 5px; border:1px solid #999999; padding:5px 10px 5px 10px}

.cbout-info{ background-color:#eee;  margin-right:20px; text-align:center; margin-bottom:10px;}

.content-right-color{box-shadow:1px 1px 2px 4px #eee}

.pin_nei {
    margin-bottom:10px;
}
.pinimg li {
    margin-bottom:10px;
}
.input-require {
    color:red;
}
.prduct-li {
    min-height:240px;
    line-height:26px!important;
    text-align:center;
}
.prduct-li a{
    color:#444;
}
.prduct-li p{ line-height:18px; /*height:75px; overflow:hidden; */margin-top:6px; white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;}
.product-1 {
    margin: 0 15px;
}
.img-more {
    float:right;
}
.img-more>a {
    color:#444;
    font-size:14px;
}
.honor-more img{
    max-height:160px;
}


.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url("/wp-content/themes/global/static/import-bearings/images/keifu.png") 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_head{ width:131px; height:41px; background:url("/wp-content/themes/global/static/import-bearings/images/keifu.png"); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url("/wp-content/themes/global/static/import-bearings/images/keifu.png") -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb; margin:0; padding-bottom:15px;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con li a{ color:#333; font-size:13px;}
.keifu_con .weixin{ height:110px; text-align:center}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url("/wp-content/themes/global/static/import-bearings/images/keifu.png"); background-position:0 -149px; }

.container-product-in-phone-1{display:none}

.hiSlider-item{ text-align:center}

/* 超小设备（手机，小于 768px） */
@media (max-width: 	768px) {
    .nav-bar-list{ display: none; }
	.xs-nav{ display:none;}
	.header-button-nav{ display:block;}
	.header-button-nav{ display:block;}
	.header-logo{ background: url("/wp-content/themes/global/static/import-bearings/images/logo-xs.jpg") no-repeat left center; height:90px;max-width: 1440px; }
	.header-tel{ display:none}
	.header-tltle{ display:none}
	.search-1{ display:none}
	.tab{ padding:0 0}
	.search{  margin-left:0;}
	.htmleaf-container{ display:block}
	.container-advantage{ display:none}
	.container-about-2{ padding:0 0}
	.content-about-1-right{ padding:0}
	.content-about-3-right{ display:none}
	.product-1{ display: none}
	.container-brand-1{ display:none}
	.container-about-3{ display:none}
	.ccontent-dl-dt{ display:none}
	.ccontent-dl-dd { padding:0 0}
	.container-product-in-2{ padding: 0 0}
	.content-about-4{ display:none}
	.content-left{ display:none}
	.content-photo-1{ padding: 0 0}
    .container-about-1 {
        display:none;
    }
    container-about-2 {
        width:100%!important;
        margin-left:0!important;
    }
	.container-product-in-1{display:none}
	.container-product-in-phone-1{display:block}
}

.contact_f{ display:none;}


/* 小型设备（平板电脑，768px 起） */
@media (min-width: 	768px) and (max-width: 992px) 
{
	.header-button-nav{ display:block;}
    .nav-bar-list{ display: none; }
    .header-tel{ display:none}
	.header-logo{ background: url("/wp-content/themes/global/static/import-bearings/images/logo-xs.jpg") no-repeat left center; height:90px;max-width: 1440px; }
	.header-tltle{ display:none}
	.htmleaf-container{ display:none}
	.container-about-2{ padding: 0 0}
   .content-about-3-right{ display:none}
   .content-left{ display:none}
   
   .contact_f{ display:block}
   
   .contact_f{ width:100%; height:66px; position:fixed; bottom:0; background-color:#134ba0; border-top:solid #ccc 1px; font-size:0.8em; padding:0.8em 0px 1.2em 0px;}
.contact_f td{ text-align:center}
.contact_f a{ color:#fff}
.contact_f a:hover{ color:#FC0}

footer{ margin-bottom:67px;}
	.container-product-in-1{display:none}
	.container-product-in-phone-1{display:block}
}
/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) and (max-width: 1200px) 
{

    .header-button-nav{ display:block;}
    .nav-bar-list{ display: none; }
    .header-tel{ display:none}
	.header-tltle{ display:none}
	.htmleaf-container{ display:none}
	
}
 
  
/* 大型设备（台式电脑，1200px 起） */
@media (min-width: 1200px)
{
		

    .header-logo{ height:auto; padding-top:20px; padding-bottom:20px;}
	.htmleaf-container{ display:none}
	
	
}