@import url(main.css);

/*标题*/
.i_title{width:1200px;margin:0 auto;padding: 30px 0 0;border-bottom: 1px solid #ccc;}
.i_title h1{font-size: 26px;font-weight: 100;width: 200px;}
.i_title p{color:#ccc;line-height: 35px;width: 200px;border-bottom: 2px solid #F39800;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;color:#000;}
.search_ul{width:558px ;margin: 25px auto 0;}
.search_ul li{float: left;height: 70px;line-height: 70px;margin-left: 20px;color:#000;}
.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;width:148px; height:148px;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; overflow:hidden;  white-space: nowrap;}
.model_con ul li a .txt h2:before {content:'';width:30px;height:1px;background:#F39800;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;min-width:1200px;margin: 0px 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: #F39800; 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%;min-width:1200px;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: #F39800;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: #F39800;}

/*应用领域*/
.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: #F39800; 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:#F39800;height:auto;overflow:hidden;display:block;position:relative}
.news_l .pic .img {float:right;max-width:387px;max-height:220px; 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: #000;}
.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:#F39800;transition:all 0.3s}
.news_l a.tt:hover {color:#F39800}
.news_l a.more:hover {color:#fff;border:1px solid #F39800}
.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:#F39800}

/*轴承库存*/
.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;}


.top_search{width:1200px;height:50px;margin:0 auto;background:#E5E5E5}
.top_search td.tt{background:#FFBC01;color:#fff;width:111px;text-align:center;font-size:14px;font-weight:bold}
.top_search td{vertical-align:middle;color:#333;height:50px;}
.top_search td input.text1{width:106px;height:30px;line-height:30px;padding:0 5px;background:#fff;border:none;}
.top_search td input.text2{width:36px}
.top_search td input.btn1{width:48px;height:30px;background:#FFBC01;border:1px solid #FFBC01;text-align:center;color:#333;cursor:pointer;font-size:12px;}
.select_box{position:relative;cursor:pointer;background:#fff;font-size:12px;margin-right:10px;color:#000;height:30px;line-height:30px;z-index:500;}	
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:20px;height:30px;background:url(../images/search_icon1.gif) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:5px;width:60px;line-height:30px;height:30px;cursor:text;overflow:hidden;z-index:200;}
.select_txt2{width:103px}
.top_search .option{width:130px;border:solid 1px #EDE7D6;position:absolute;top:30px;left:-1px;z-index:999;overflow:hidden;display:none; background-color:#ffffff;}
.top_search .option a{display:block;height:26px;line-height:26px;text-align:left;padding:0 10px;width:100%;background:#fff;overflow:hidden}
.top_search .option a:hover{background:#FFBC01;color:#fff;}