@import url(main.css);

/*标题*/
.i_title{width: 100%;text-align: center;padding: 30px 0 0;border-bottom: 1px solid #ccc;}

.i_title h1{font-size: 26px;font-weight: 100;width: 200px;margin:0 auto;}
.i_title p{color:#ccc;line-height: 35px;width: 200px;margin:0 auto;border-bottom: 2px solid #005ca1;padding-bottom: 20px;}


/*型号查询*/
.search{width: 1200px; margin: 20px auto 0; color: #fff; height: 200px; background: url(../images/search_bg.jpg) repeat-y center top;}
.search p{font-size: 30px;text-align: center;padding-top: 35px;}
.search_ul{width:558px ;margin: 25px auto 0;}
.search_ul li{float: left;height: 70px;line-height: 70px;margin-left: 20px;}
.search_ul li select{width: 125px; height: 32px;}
.btn1{background: url(../images/search_btn.png) no-repeat; border:none;width: 65px;height: 30px;}
.text1{width: 220px;height: 25px;}
.text2{width: 60px;height: 25px;}

/*轴承型号*/
.model{max-width: 1920px;margin:10px auto 0;}
.model_con{width: 1200px;margin:0 auto;}
.model_con ul{}
.model_con ul li {float:left;width:390px;margin-right:10px;margin-top: 20px;}
.model_con ul li:nth-child(3n+3) {margin-right: 0;}
.model_con ul li a {display:block;padding:10px;background:#F4F4F4}
.model_con ul li a .pic {width:40%;overflow:hidden;display:table;float:left;background:#fff}
.model_con ul li a .pic span {display:table-cell;vertical-align:middle;text-align:center;width:100%;}
.model_con ul li a .pic span img {display:block;margin:0 auto;max-width:100%;max-height:100%;vertical-align:middle}
.model_con ul li a .txt {width:56%;float:right}
.model_con ul li a .txt h2 {font-size:14px;color:#666;font-weight:100;border-bottom:1px solid #ddd;line-height:40px; margin-bottom:10px;position:relative}
.model_con ul li a .txt h2:before {content:'';width:30px;height:1px;background:#005ca1;position:absolute;bottom:-1px;left:0;transition:all 0.3s}
.model_con ul li a p {font-size:12px;color:#999;line-height:24px}
.model_con ul li a:hover {background:#fff;box-shadow:0 5px 20px #ddd}
.model_con ul li a:hover .txt h2:before {width:100%}

/*公司简介*/
.about{max-width: 1920px; margin: 30px auto 0;height: 585px; background: url(../images/i_about_bg.jpg);}
.about_con{width: 1200px;margin:0 auto;}
.about_con img{float: left;width: 500px;margin-right: 30px;margin-top: 30px;}
.about_con p{float: left; padding: 45px 0 0; width: 560px;line-height: 30px;}
.about_con span{background: #005ca1; float: left;border-radius:15px;text-align: center;line-height: 55px;margin-top: 50px;transition: all 0.3s;}
.about_con span:hover{background: #d4003c}
.about_con span a{width: 150px;height: 55px;display: block;color: #fff;font-size: 18px;}

/*banner*/
.banner img{max-width:100%;margin: 20px auto;}

/*轴承类型*/
.type{max-width: 1920px;margin:10px auto 0;}
.type_con{width: 1200px;margin: 0 auto;}
.type_con ul{margin-top: 20px;}
.type_con ul li{width: 280px;float: left;margin-right: 20px;margin-top: 30px;position: relative; transition: all 0.3s;}
.type_con ul li img{border-radius:130px;width: 100%; transition: all 0.3s;}
.type_con ul li:nth-child(4n+4) {margin-right: 0;}
.type_con ul li span{position: absolute;top: 115px;left: 0px;width: 100%;height: 45px;background: rgba(255,255,255,0.5);line-height: 45px;text-align: center;font-size: 16px;color: #005ca1;transition: all 0.3s;font-weight: 800;}
.type_con ul li:hover img{border-radius:50px;}
.type_con ul li:hover span{background: rgba(0,92,161,0.5);color: #fff;}

/*轴承品牌*/
.brand{max-width: 1920px;margin:10px auto 0;}
.brand_con{width: 1200px;margin:0 auto;}
.brand_con ul{}
.brand_con ul li{float:left;width:290px;background: #f8f8f8; margin-right: 13px;margin-top: 20px;
transition: transform .3s ease-in-out, box-shadow .3s cubic-bezier(.47, 0, .745, .715), border .3s linear .1s;
}
.brand_con ul li:nth-child(4n+4) {margin-right: 0;}
.brand_con ul li img{width: 170px;float: right;}
.brand_con ul li h1{margin-top: 45px;font-size: 20px;margin-bottom: 5px;margin-left: 20px;}
.brand_con ul li p{margin-left: 20px;}
.brand_con .p2{text-transform: uppercase;color: #ccc;margin-bottom: 10px;}
.brand_con ul li:hover{box-shadow: 0 5px 10px rgba(51, 51, 51, .25);-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);transform: translateY(-3px);}
.brand_con ul li:hover a{color: #005ca1;}

/*应用领域*/
.app{max-width: 1920px;margin:30px auto 0;}
.app_con{width: 1200px;margin:0 auto;}
.app_con ul{}
.app_con ul li{float: left;width:290px; margin-right: 13px;margin-top: 20px;transition: all 0.3s;}
.app_con ul li:nth-child(4n+4) {margin-right: 0;}
.app_con ul li img{width: 290px;}
.app_con ul li span{width: 290px; height: 45px; background: #f1f1f1;line-height: 45px; text-align: center;display: block;transition: all 0.3s;}
.app_con ul li:hover{box-shadow: 0 5px 10px rgba(51, 51, 51, .25);-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);transform: translateY(-3px);}
.app_con ul li:hover span{background: #005ca1; color: #fff;}

/*新闻动态*/
.news{max-width: 1920px;margin:30px auto 0;}
.news_con{width: 1200px;margin:0 auto;}
.news_l{float: left;width: 600px;margin-top: 20px;}
.news_l .pic {width:100%;background:#005ca1;height:auto;overflow:hidden;display:block;position:relative}
.news_l .pic .img {float:right;width:64.5%;overflow:hidden}
.news_l .pic .img img {display:block;width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.news_l .date {position:absolute;left:0;width:35.5%;color:#fff;text-align:center;font-family:"helvet";height:85px;overflow:hidden;top:50%;margin-top:-36px}
.news_l .date h4 {font-size:18px;font-weight:100}
.news_l .date b {font-size:38px}
.news_l .date p {opacity:0.5}
.news_l a.tt {font-size:16px;color:#333;line-height:40px;display:block;padding:0 15px;margin-top:10px}
.news_l .txt {line-height:24px;padding:0 15px;font-size: 12px;color: #ccc;}
.news_l a.more {width:177px;height:40px;border:1px solid #ddd;text-align:center;line-height:40px;color:#666;font-size:12px;display:block;border-radius:30px;margin:15px;overflow:hidden}
.news_l a.more:after {content:'';display:block;width:0;height:40px;margin-top:-40px;background:#005ca1;transition:all 0.3s}
.news_l a.tt:hover {color:#005ca1}
.news_l a.more:hover {color:#fff;border:1px solid #005ca1}
.news_l a.more:hover:after {width:100%}
.news_l .pic:hover .img img {transform:scale(1.08,1.08)}

.news_r {width:550px;float: right;margin-top: 20px;}
.news_r li {line-height:55px;border-bottom:1px solid #ddd;padding-right:108px;position:relative}
.news_r li span {position:absolute;top:0;right:0;font-size:14px}
.news_r li a {font-size:14px;color:#333}
.news_r li a:hover {color:#005ca1}

/*轴承库存*/
.stock_con{width:1200px;height:184px; margin:30px auto 0;position:relative;}
#paomadeng{height:1%;overflow:hidden;width:1200px;height:169px;margin-bottom:10px;padding:1px;margin-top:10px;}
#paomadeng_sub{display:block;float:left;margin-right:5px;float:left;width:235px;margin-left:5px;}
#paomadeng_sub img{display:block;float:left;margin-right:5px;}
#indemo{float:left;width:800%;}
#demo2{float:left;}