@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.yin{background: url(../images/yin_bg.gif) no-repeat center 0;height: 230px;overflow: hidden;}
.yin_l{font-size: 30px;color: #fff;width: 280px;text-align: right;padding: 74px 53px 0 0;line-height: 40px;}
.yin_l b{display: block;font-size: 24px;}
.yin_r{width: 867px;}
.ibrand-num li{float:left;width:248px;height:170px;color:#666;font-size:14px;border-left: #e1e1e1 1px solid;padding: 60px 0 0 40px;}
.ibrand-num li span{font-size:50px;color: #333;font-family: "Impact";display: block;float: left;line-height: 50px;}
.ibrand-num li i{display: block;font-size: 20px;color: #fff;float: left;width: 35px;height: 35px;text-align: center;line-height: 35px;overflow: hidden;background:#e1a104;border-radius: 50%;}
.ibrand-num li b{display:block;font-size: 20px;color: #333;height: 30px;line-height: 30px;overflow: hidden;width: 100%;clear: both;}
.ibrand-num li em{display:block;height: 50px;line-height: 25px;overflow: hidden;padding: 10px 0 0;width: 210px;}

/*产品分类*/
.fenl_bg{background:url(../images/cp_line02.gif) repeat-x 0 270px;overflow: hidden;padding: 90px 0 0;}
.cp_t{font-size: 40px;color: #333;text-align: center;background:url(../images/cp_line01.gif) no-repeat center 25px;height: 80px;line-height: 40px;overflow: hidden;}
.cp_t a{color: #333;}
.cp_t i{color: #e1a104;}
.cp_t span{display: block;font-size: 20px;font-weight: normal;}
.fenl_btn{display: block;width: 150px;height: 50px;position: absolute;top: 115px;right: 0;text-align: center;line-height: 50px;}
.fenl_btn a{font-size: 18px;color: #333;display: block;}
.fenl_t{width: 1200px;height: 170px;margin: 20px 0 0;}
.fenl_t ul li{width: 150px;height: 80px;float: left;position: relative;}
.fenl_t ul li a{font-size: 18px;color: #333;font-weight: bold;display: block;width: 150px;height: 80px;float: left;line-height: 80px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}
.fenl_t ul li a:hover,.fenl_t ul li.on a{color: #1f339a;}
.fenl_t ul li.on:before{content: "";width: 0;height: 0;position: absolute;top: 80px;left: 42%;z-index: 20;
border-top:10px solid #1f339a; 
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.fenl_t ul li.on:after{content: "";width: 100%;height: 3px;position: absolute;bottom: -2px;left: 0;z-index: 20;background: #1f339a;}
.fenl_t ul li .cp_list{ display:none;width: 1200px;height: 50px;position: absolute;top: 80px;left: 0;padding: 10px 0 0;}
.fenl_t ul li .cp_list a{font-size: 14px;color: #666;height: 50px;line-height: 50px;width: 240px;font-weight: normal;text-align: left;}
.fenl_t ul li .cp_list a:hover{color: #1f339a;}
.fenl_t ul li.on .cp_list{display: block;}
.fenl_t ul li.fenl_li02 .cp_list{left: -150px;}
.fenl_t ul li.fenl_li03 .cp_list{left: -300px;}
.fenl_t ul li.fenl_li04 .cp_list{left: -450px;}
.fenl_t ul li.fenl_li05 .cp_list{left: -600px;}
.fenl_t ul li.fenl_li06 .cp_list{left: -750px;}
.fenl_t ul li.fenl_li07 .cp_list{left: -900px;}

/**/
.chanp ul li{width: 32.8%;float: left;position: relative;margin-right: 0.8%;margin-bottom: 15px;overflow: hidden;line-height: 0;}
.chanp ul li img,.sheb ul li img,.jz dl dt img,.wd dl dt img,.photo_m ul li img{width: 100%;display: block;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.chanp ul li img:hover,.sheb ul li img:hover,.jz dl dt img:hover,.wd dl dt img:hover,.photo_m ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.chanp ul li span{display: block;width: 100%;text-align: center;font-size: 14px;color: #333;height: 50px;line-height: 50px;position: absolute;bottom: 10px;left: 0;overflow: hidden;}
.chanp ul li:nth-child(3n){margin-right: 0;}

/*5大优势*/
.five{background:url(../images/five_bg.gif) repeat-x;overflow: hidden;padding: 69px 0 0;height: 630px;}
.five .cp_t{background:url(../images/five_line.gif) no-repeat center 25px;}
.five01{margin-top: 85px;width: 235px;-webkit-transition:transform .3s;transition:transform .3s;margin-right: 6px;}
.five01 dl{width: 235px;}
.five01 dl dt{width: 235px;height: 304px;line-height: 0;}
.five01 dl dt img{width: 235px;height: 304px;display: block;}
.five01 dl dd{width: 235px;text-align: center;position: relative;z-index: 10;}
.five01 dl dd em{background:url(../images/five_y01.png) no-repeat;display: block;width: 68px;height: 75px;margin: -35px auto 0;}
.five01 dl dd em img{width: 68px;height: 68px;}
.five01 dl dd h5{font-size: 18px;color: #333;padding: 15px 0 0;}
.five_m{width: 185px;height: 0;position: absolute;top: 0;left: 0;background:rgba(31,51,154,0.9);text-align: center;padding: 0 25px;overflow: hidden;font-size: 16px;color: #fff;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.five_m p{padding: 60px 0 0;line-height: 30px;height: 150px;overflow: hidden;}
.five01:hover .five_m,.five01.cur .five_m{height: 304px;}
.five01:hover,.five01.cur{-webkit-transform:translate(0,-40px);transform:translate(0,-40px);}
.five01.cur dl dd em,.five01:hover dl dd em{background:url(../images/five_y02.png) no-repeat;}
.five_left dl dt,.five_left dl dt img,.five_left .five_m{border-radius: 20px 0;}
.five_right dl dt,.five_right dl dt img,.five_right .five_m{border-radius:0 20px;}
.five .nobor{margin-right: 0;}

/*好设备*/
.sheb{background:url(../images/sheb_bg.gif) no-repeat center 0;overflow: hidden;height: 392px;}
.she_t{text-align: center;height: 145px;}
.sheb ul li{width: 165px;height: 165px;line-height: 0;float: left;overflow: hidden;margin-left: 30px;}
.sheb ul li img{width: 165px;height: 165px;}

/*厂家自主研制*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;overflow: hidden;height: 735px;padding: 60px 0 0;}
.ys .cp_t{background:url(../images/ys_line.gif) no-repeat center 25px;}
.ys_l{width: 960px;height: 560px;position: absolute;top: 140px;right: 50%;}
.ys_l .ys_qie li{width: 960px;height: 560px;}
.ys_l .ys_qie li img {width: 960px;height: 560px;}
.ys_l .ys_bot{position: absolute;right: 120px;bottom: 30px;}
.ys_l .ys_bot ul li{ float:left; margin:0 20px 0 0; display:inline; cursor:pointer; width: 15px;height: 15px;background: #1f339a; text-indent: -9999px;border-radius: 50%;}
.ys_l .ys_bot ul .on{background: #e1a104;}
.ys_btn{ width:250px; right:-125px; top:466px; position:absolute; z-index:1;}
.ys_btn a{display: block;width: 125px;height: 94px;float: left;}
.ys_lico{background:url(../images/ys_lico01.gif) no-repeat;}
.ys_lico:hover{background:url(../images/ys_lico02.gif) no-repeat;}
.ys_rico{background:url(../images/ys_rico01.gif) no-repeat;}
.ys_rico:hover{background:url(../images/ys_rico02.gif) no-repeat;}
.ys_r{width: 580px;position: relative;z-index: 20;height: 338px;background: #fff;margin:138px 0 0 475px;padding: 50px 0 0;}
.ys_r p{width: 580px;height: 90px;}
.ys_r p em{width: 125px;height: 30px;display: block;float: left;text-align: right;padding: 25px 25px 0 0;}
.ys_r p em img{width: 66px;height: 30px;}
.ys_r p span{display: block;float: left;font-size: 16px;color: #333;line-height: 30px;border-bottom: #e6e6e6 1px solid;height: 60px;padding: 15px 0;width: 430px;}

/*一站式全程服务*/
.fuw{background:url(../images/fuw_bg.jpg) no-repeat center 0;overflow: hidden;height: 517px;padding: 60px 0 0;}
.fuw .cp_t{background:url(../images/fuw_line.gif) no-repeat center 25px;}
.fuw_m{width: 735px;float: right;padding: 90px 0 0;}
.fuw_m dl{width: 735px;height: 90px;overflow: hidden;margin-bottom: 10px;}
.fuw_m dl dt{width: 205px;float: left;font-size: 20px;color: #fff;height: 90px;line-height: 90px;overflow: hidden;background: #1f339a;}
.fuw_m dl dt em{width: 32px;height: 32px;display: block;float: left;line-height: 0;padding: 30px 10px 0 55px;}
.fuw_m dl dt em img{width: 32px;height: 32px;}
.fuw_m dl dd{width: 510px;float: left;background: #fff;height: 75px;padding: 15px 0 0 20px;}
.fuw_m dl dd p{font-size: 14px;color: #666;line-height: 30px;}
.fuw_m dl:hover dt{background: #e1a104;}
.fuw_m .fuw_dl01{border-radius: 20px 0;}
.fuw_m .fuw_dl03{border-radius: 0 20px;}

/*客户见证*/
.jz{padding: 70px 0;}
.jz .cp_t{background:url(../images/jz_line.gif) no-repeat center 25px;}
.jz_m{padding: 40px 0 0;}
.jz dl dt{width: 600px;height: 340px;line-height: 0;overflow: hidden;float: right;}
.jz dl dt img{width: 600px;height: 340px;}
.jz dl dd{width: 500px;height: 250px;background: #ececec;padding: 30px 50px 0;float: left;}
.jz dl dd h5{height: 36px;line-height: 36px;overflow: hidden;font-weight: normal;}
.jz dl dd h5 a{font-size: 20px;color: #333;}
.jz dl dd h5 a:hover,.jz dl dd span a:hover{color: #1f339a;}
.jz dl dd em{display: block;font-size: 16px;color: #333;line-height: 36px;}
.jz .jz_desc{font-size: 14px;color: #666;line-height: 25px;height: 50px;overflow: hidden;padding: 10px 0 0;}
.jz dl dd span{display: block;padding: 10px 0 0;}
.jz dl dd span a{font-size: 14px;color: #333;text-transform: uppercase;}
.jz_btn{width: 128px;position: absolute;left: 430px;top: 215px;}
.jz_btn a{display: block;float: left;width: 46px;height: 46px;margin-right: 18px;}
.jz_btn .jz_lico{background:url(../images/jz_lico01.png) no-repeat;}
.jz_btn .jz_lico:hover{background:url(../images/jz_lico02.png) no-repeat;}
.jz_btn .jz_rico{background:url(../images/jz_rico01.png) no-repeat;}
.jz_btn .jz_rico:hover{background:url(../images/jz_rico02.png) no-repeat;}

/*合作客户*/
.hz{width: 760px;height: 120px;background: #fff;position: absolute;top: 410px;left: 0;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.hz ul li{width: 160px;height: 90px;line-height: 0;float: left;overflow: hidden;box-shadow: 0 3px 10px 3px #eee;margin: 15px;}
.hz ul li img{width: 160px;height: 90px;}
.htitle a{-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;}
.htitle a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

/*新闻*/
.news_bg{background:url(../images/news_bg.gif) no-repeat center 0;height: 695px;overflow: hidden;padding: 80px 0 0;}
.news_bg .cp_t{background:url(../images/news_line01.gif) no-repeat center 25px;}
.wd{width: 600px;padding: 80px 0 0;}
.wd dl{width: 600px;height: 159px;overflow: hidden;margin-bottom: 55px;}
.wd dl dt{width: 282px;height: 159px;float: left;line-height: 0;overflow: hidden;}
.wd dl dt img{width: 282px;height: 159px;}
.wd dl dd{width: 270px;float: left;padding: 0 0 0 45px;}
.wd dl dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.wd dl dd h5 a{font-size: 16px;color: #333;}
.wd dl dd h5 a:hover,.news_m dd h5 a:hover{color: #1f339a;}
.wd .wd_desc{font-size: 14px;color: #777;height: 66px;line-height: 22px;overflow: hidden;padding: 10px 0 0;}
.wd dl dd span{display: block;width: 105px;padding: 10px 0 0;}
.wd dl dd span a{display: block;font-size: 14px;color: #fff;width: 105px;text-align: center;height: 32px;line-height: 32px;background: #e1a104;overflow: hidden;}
.wd dl dd span a:hover{background: #1f339a;}

.news{ width:510px;padding: 80px 0 0;}
.news_t{ height:40px;}
.news_t ul{float: left;}
.news_t ul li{float: left; background:url(../images/news_bor.gif) no-repeat right 4px;}
.news_t ul li a{font-size: 16px;color: #000;display: block;height: 40px;float: left; padding:0 25px;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;}
.news_t span{ float:left; padding-left:25px;}
.news_t span a{font-size: 16px;color: #000;text-transform: uppercase;}
.news_t ul li:first-child a{ padding-left:0;}
.news_m dl{ width:510px;height: 85px; border-bottom:#dcdcdc 1px dashed; padding:15px 0;}
.news_m dt{width: 80px;float: right;font-size: 16px;color: #666160;text-align: center; background:url(../images/news_time.gif) no-repeat center 9px;line-height: 34px;}
.news_m dt i{display: block;font-size: 50px;color: #484240; font-family:"Times New Roman", Times, serif;}
.news_m dd{ float:left; overflow:hidden; width:395px;}
.news_m dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.news_m dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m .news_desc{font-size: 14px;color: #9a9a9a;line-height: 22px;height: 44px;overflow: hidden; padding:5px 0 0;}

/*走进仁成机械*/
.about{background:url(../images/ab_bg.jpg) no-repeat center 0;height: 330px;overflow: hidden;padding: 120px 0 0;}
.about .cp_t{background:url(../images/ab_line.png) no-repeat center 25px;color: #fff;}
.about .cp_t a{color: #fff;}
.ab_desc{padding: 45px 0 0;width: 960px;margin: 0 auto;}
.ab_desc div{font-size: 14px;color: #fff;line-height: 24px;height: 96px;overflow: hidden;text-align: center;}
.ab_desc span{width: 110px;height: 32px;display: block;margin: 0 auto;padding: 20px 0 0;}
.ab_desc span img{width: 110px;height: 32px;}
.ab_desc span a{display: block;width: 110px;height: 32px;}
.ab_desc span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*企业相册*/
.photo_bg{background:url(../images/photo_bg.jpg) no-repeat center 0;height: 345px;overflow: hidden;}
.photo_t{width: 390px;margin: 0 auto;height: 110px;}
.photo_t ul li{width: 130px;text-align: center;float: left;}
.photo_t ul li em{display: block;width: 55px;height: 55px;line-height: 0;overflow: hidden;margin: 0 auto 5px;}
.photo_t ul li em img{width: 55px;height: 110px;-webkit-transition:all .5s;transition:all .5s;}
.photo_t ul li a{font-size: 14px;color: #fff;}
.photo_t ul li a:hover em img{margin-top: -55px;}
.photo_m ul li{width: 223px;height: 167px;float: left;line-height: 0;overflow: hidden;margin-left: 21px;}
.photo_m ul li img{width: 223px;height: 167px;}
.photo_m ul li:first-child{margin-left: 0;}

/*友情链接*/
.f_link{height: 66px;line-height: 66px;overflow: hidden;border-top: #d6d6d6 1px solid;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 120px;}
.f_link p{font-size: 14px;color: #666;float: left;width: 1080px;}
.f_link p a{font-size: 14px;color: #666; padding:0 10px 0 0;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}
