/*banner*/
.banner{height: auto;max-width: 1920px;margin:0 auto!important;position: relative;}
.banner .bd li{float: left;width: 100%;line-height: 0;}
.banner .bd li img{width: 100%;}
.banner .bd li a{display: block;height: 100%;}
.banner .prev{position:absolute;top:45%;left:1.5%;z-index: 10;cursor: pointer;}
.banner .next{position:absolute;top:45%;right:1.5%;z-index: 10;cursor: pointer;}
.banner i{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(0,0,0,0.5);}
.banner i img{height: 30px;display: inline-block;margin-top: 15px;}
.banner .hd{z-index: 1; margin: 0 auto; text-align: center; position: absolute; left: 0; width: 100%; bottom:10%;}
.banner .hd li{width: 80px;height: 8px;background: #fff;margin: 0 5px;display: inline-block;border-radius: 20px;}
.banner .hd li.on{background: #ffaa02;}

/*搜索*/
.search{height: 72px;background: #fff;border-bottom: 1px solid #efefef;}
.search .keyword{float: left;line-height:72px;max-width: 680px;height: 72px;overflow: hidden;}
.search .keyword b{color: #666;font-weight: normal;}
.search .keyword a{color: #666;margin-right:22px;}
.search .sou{float: right;box-sizing: border-box;background: url(../images/search-bg.jpg) no-repeat;width: 377px;height: 38px;margin-top: 18px;}
.search .sou .txt{height: 38px;width:328px;line-height: 38px;color: #666;border: none;background: none;float: left;text-indent: 20px;}
.search .sou .btn{display: block;width: 49px;height: 38px;border: none;float: right;background: none;cursor: pointer;}


/*引子*/
.yz{padding-top: 75px;padding-bottom: 80px;}
.yz h2{text-align: center;font-weight: normal;}
.yz h2 a{display: block;}
.yz h2 em{display: inline-block;font-size: 35px;color: #02418E;background: url(../images/yz-tbg.png) no-repeat left center;height: 74px;line-height: 74px;padding-left: 95px;}
.yz h2 span{display: block;background: url(../images/yz-tbg2.png) no-repeat right center;height: 26px;line-height: 26px;color: #333;margin-top: 7px;letter-spacing: 6px;width: 522px;margin: 7px auto 0;padding-left: 82px;box-sizing: border-box;}
.yz .con{margin-top: 58px;}
.yz .con li{float: left;padding: 0 62px;height: 86px;border-right: 1px solid rgba(51,51,51,0.2);}
.yz .con li:first-child{padding-left: 0;}
.yz .con li:last-child{border-right: none;padding-right: 0;}
.yz .con li em{display: inline-block;font-size: 60px;color: #02418E;font-family: Arial,宋体;font-weight: bold;line-height: 80%;position: relative;height: 45px;}
.yz .con li em:after{content: "+";font-size: 30px;color: #fff;display: block;width: 25px;height: 25px;background: #FFAA02;border-radius: 50%;overflow: hidden;line-height: 25px;text-align: center;font-weight: normal;position: absolute;right: -12px;top:-7px;}
.yz .con li i{display: inline-block;font-size: 24px;color: #333;line-height: 24px;margin-left: 13px;vertical-align: bottom;}
.yz .con li span{display: block;font-size: 16px;line-height: 16px;color: #333;margin-top: 27px;}


/*公共标题*/
.title{text-align: center;font-size: 40px;line-height: 40px;font-weight: normal;}
.title a{display: block;}
.title b{margin-left: 15px;}
.title span{display: block;font-size: 18px;line-height: 18px;color: #4D4D4D;margin-top: 18px;word-spacing: 10px;}
.title:hover b{color: #02418E;}


/*工控设备线束*/
.pro1{background: url(../images/pro1-bg.jpg) no-repeat center top;min-height: 545px;padding-top: 80px;box-sizing: border-box;}
.pro1 .tit{margin-top: 60px;height: 140px;overflow: hidden;}
.pro1 .tit h3{font-size: 36px;line-height: 36px;float: left;}
.pro1 .tit h3 a{display: block;}
.pro1 .tit h3 span{display: block;font-size: 47px;font-family: Arial;color: #02418E;font-weight: normal;border-bottom: 11px solid #FFAA02;width: 146px;height: 28px;margin-bottom: 26px;transition: all .25s linear;}
.pro1 .tit h3:hover span{width: 160px;}
.pro1 .tit p{float: right;width: 875px;}
.pro1 .tit p a{font-size: 16px;color: #333;display: block;float: left;width: 173px;margin-bottom: 26px;white-space: nowrap;padding-right: 10px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro1 .tit p a:nth-child(5n){width: 133px;}
.pro1 .tit p a:before{content: "";display: block;width: 5px;height: 5px;background: #333;border-radius: 50%;overflow: hidden;display:inline-block;vertical-align:top;margin-top: 9px;margin-right: 14px;}
.pro1 .tit p a:hover{color: #02418E;}
.pro1 .tit p a:hover:before{background: #02418E;}
.pro1 .con{margin-top:46px;height: 658px;}
.pro1 .con dt{float: left;width: 642px;height: 608px;overflow: hidden;margin-left: -360px;margin-top: 50px;}
.pro1 .con dt a{display: block;}
.pro1 .con dt img{width: 642px;height: 608px;}
.pro1 .con dd{float: right;width: 892px;}
.pro1 .con dd li{float: left;width: 279px;height:270px;margin-right: 27px;display: inline;margin-bottom: 118px;text-align: center;border: 1px solid #E5E5E5;box-sizing: border-box;}
.pro1 .con dd li:nth-child(3n){margin-right: 0;}
.pro1 .con dd li em{width: 277px;height: 208px;overflow: hidden;display: block;}
.pro1 .con dd li em img{width: 277px;height: 208px;}
.pro1 .con dd li h4{display: block;height: 59px;line-height: 58px;font-size: 16px;font-weight: normal;color: #333;margin-left: -1px;width: 279px;border-bottom: 2px solid #02418E;transition: all .15s linear;}
.pro1 .con dd li.cur h4,.pro1 .con dd li:hover h4{background: #02418E;color: #fff;}


/*更多线束产品*/
.pro2{background: url(../images/pro2-bg.jpg) no-repeat center top;height: 529px;box-sizing: border-box;margin-top: 118px;}
.pro2 h2{text-align: left;}
.pro2 .tit{height: 140px;overflow: hidden;padding-top: 33px;width: 877px;float: left;}
.pro2 .tit h3{font-size: 36px;line-height: 36px;float: left;}
.pro2 .tit h3 a{display: block;color: #fff;}
.pro2 .tit h3 span{display: block;font-size: 46px;font-family: Arial;color: #fff;font-weight: normal;border-bottom: 11px solid #FFAA02;width: 256px;height: 28px;margin-bottom: 26px;letter-spacing: -1.5px;transition: all .25s linear;}
.pro2 .tit h3:hover span{width: 270px;}
.pro2 .tit p{float: right;width: 579px;margin-top: 80px;}
.pro2 .tit p a{font-size: 16px;color: #fff;display: block;float: left;width: 173px;margin-bottom: 26px;white-space: nowrap;padding-right: 10px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro2 .tit p a:nth-child(5n){width: 133px;}
.pro2 .tit p a:before{content: "";display: block;width: 5px;height: 5px;background: #fff;border-radius: 50%;overflow: hidden;display:inline-block;vertical-align:top;margin-top: 9px;margin-right: 14px;}
.pro2 .tit p a:hover{color: #FFAA02;}
.pro2 .tit p a:hover:before{background: #FFAA02;}
.pro2 .con{}
.pro2 .con dt{float: right;width: 660px;height: 485px;overflow: hidden;margin-right: -360px;margin-top: -38px;}
.pro2 .con dt a{display: block;}
.pro2 .con dt img{width: 660px;height: 485px;}
.pro2 .con dd{float: left;width: 877px;}
.pro2 .con dd li{float: left;width: 279px;height:270px;margin-right: 20px;display: inline;text-align: center;border: 1px solid #E5E5E5;box-sizing: border-box;}
.pro2 .con dd li:nth-child(3n){margin-right: 0;}
.pro2 .con dd li em{width: 277px;height: 208px;overflow: hidden;display: block;}
.pro2 .con dd li em img{width: 277px;height: 208px;}
.pro2 .con dd li h4{display: block;height: 61px;line-height: 58px;font-size: 16px;font-weight: normal;color: #333;margin-left: -1px;border: 1px solid #E5E5E5;border-bottom: 2px solid #FFAA02;background: #fff;border-top: none;box-sizing: border-box;width: 279px;}
.pro2 .con dd li.cur h4,.pro2 .con dd li:hover h4{background: #FFAA02;color: #fff;border: none;}


/*质得信赖*/
.gk{padding-top: 78px;height: 837px;overflow: hidden;box-sizing: border-box;}
.gk .con{background: url(../images/gk-cbg.jpg) no-repeat center top;margin-top: 71px;min-height: 534px;position: relative;}
.gk .con li{float: left;width: 301px;margin-right: 200px;margin-bottom: 80px;margin-top: 62px;}
.gk .con li:nth-child(2n){float: right;margin-left: 200px;margin-right: 0;}
.gk .con li em{height:34px;padding-bottom: 17px;background: url(../images/gk-tbg.png) no-repeat left bottom;display: block;font-size: 24px;color: #02418E;font-weight: bold;}
.gk .con li em img{display: inline-block;vertical-align: middle;margin-right: 14px;}
.gk .con li span{display: block;font-size: 14px;line-height: 25px;margin-top: 13px;color: #666;}
.gk .con h3{position: absolute;width: 280px;left: 460px;color: #FFAA02;top: 40px;}
.gk .con h3 b{display: block;font-size: 32px;line-height: 32px;margin-bottom: 30px;}
.gk .con h3 span{display: block;font-weight: normal;line-height: 34px;}
.gk .con h3 span:before{content: "";display: inline-block;width: 5px; height: 5px; background: #FFAA02; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: top; margin-top: 15px; margin-right: 9px;}


/*定制服务*/
.fw{background: url(../images/fw-bg.jpg) no-repeat center top;height: 761px;box-sizing: border-box;padding-top: 78px;background-attachment:fixed;}
.fw .content{position: relative;}
.fw .con{margin-top: 60px;}
.fw dl{float: left;width: 150px;overflow: hidden;background: #02418e;height: 450px;position: relative;border-right:1px solid rgba(255,255,255,0.38);box-sizing: border-box;cursor: pointer;}
.fw dl.cur,.fw dl:last-child{border: none;}
.fw dl dt{padding-left: 20px;padding-top: 104px;}
.fw dl dt em{color: rgba(255,255,255,0.3);font-size: 60px;display: block;line-height: 48px;}
.fw dl dt b{display: block;font-size: 20px;color: #fff;line-height: 30px;margin-top: 35px;}
.fw dl dt i{display: block;font-family: Arial;font-size: 12px;text-transform: capitalize;color:rgba(255,255,255,0.6);margin-top: 20px;line-height: 12px;}
.fw dl dt i:after{content: "";display: block;width: 26px;height: 3px;background: #fff;margin-top: 96px;}
.fw dl dd{display:block;opacity: 0;width: 0;box-sizing: border-box;transition: all .25s linear;padding-top: 104px;}
.fw dl dd em{color: rgba(255,255,255,1);font-size: 60px;display: block;line-height: 48px;}
.fw dl dd b{font-size: 30px;line-height: 30px;color: #FFAA02;margin-top: 38px;display: block;}
.fw dl dd p{width: 252px;color: rgba(255,255,255,0.7);line-height: 24px;font-size: 16px;margin-top: 36px;height: 96px;position: relative;}
.fw dl dd p:after{content: "";display: block;width: 26px;height: 3px;background: #fff;position: absolute;left: 0;bottom: -15px;}
.fw dl dd span{position: absolute;left: 0;top: 0;width: 0;height: 100%;}
.fw dl dd span img{width: 100%;height: 100%;}
.fw dl dd em,.fw dl dd b,.fw dl dd p{position: relative;z-index: 1;}
.fw dl.cur{width: 600px;}
.fw dl.cur dt{display: none;}
.fw dl.cur dd{opacity: 1;width: 600px;height: 450px;overflow: hidden;padding-left: 302px;}
.fw dl.cur dd span{width: 600px;height: 450px;}
.fw .xius{position: absolute;left: -360px;bottom: -197px;}

/*实力源头厂家*/
.sl{padding-top: 78px;padding-bottom: 88px;}
.sl .content{position: relative;}
.sl .tit{margin-top: 53px;}
.sl .tit li{float: left;width: 126px;text-align: center;margin-right: 88px;position: relative;}
.sl .tit li:after{content: "";display: block;width: 84px;height: 6px;background: url(../images/sl-tbg.png) no-repeat;position: absolute;right: -85px;bottom: 4px;}
.sl .tit li:last-child{margin-right: 0;}
.sl .tit li:last-child:after{display: none;}
.sl .tit li em{width: 60px;height: 60px;background: #02418e;text-align: center;display: block;border-radius: 50%;overflow: hidden;margin: 0 auto;}
.sl .tit li b{font-size: 18px;line-height: 18px;color: #333;display: block;margin-top: 19px;font-weight: normal;}
.sl .tit li span{display: block;font-size: 12px;line-height: 12px;font-weight: normal;color: #6D788A;margin-top: 7px;}
.sl .tit li.cur{}
.sl .tit li.cur em{background: #FFAA02}
.sl .tit li.cur b{font-weight: bold;}
.sl .con{margin-top: 44px;box-shadow: 0 0 50px #e5e5e5;padding: 43px 35px 50px 44px;}
.sl .con dl{}
.sl .con dl dt{width: 557px;height: 360px;float: left;line-height: 0;overflow: hidden;}
.sl .con dl dt img{width: 557px;height: 360px;display: block;}
.sl .con dl dd{float: left;margin-left: 29px;display: inline;width: 535px;box-sizing: border-box;border:4px solid rgba(238,238,238,1);height: 361px;padding: 53px 61px 0 70px;}
.sl .con dl dd h3{}
.sl .con dl dd h3 em{display: inline-block;height: 63px;border-bottom: 1px solid #02418E;vertical-align: top;margin-right: 45px;}
.sl .con dl dd h3 i{display: inline-block;vertical-align: top;}
.sl .con dl dd h3 i b{font-size: 30px;line-height: 30px;display: block;color: #02418E;}
.sl .con dl dd h3 i span{font-size: 15px;color: #02418E;line-height: 16px;height: 16px;font-weight: lighter;margin-top: 18px;display: block;font-family: MicrosoftYaHeiLight;}
.sl .con dl dd p{font-size: 16px;color: #333;line-height: 32px;margin-top: 34px;margin-bottom: 33px;}
.sl .con dl dd em a{display: block;width: 108px;height: 38px;line-height: 38px;color: #fff;text-align: center;background: rgba(255,170,2,1);font-size: 16px;}
.sl .con dl dd em a:hover{background: #02418E;}
.sl .xius{position: absolute;right: -360px;bottom: -193px;}


/*线束见证*/
.jz{background: #f0f0f0;padding-top: 84px;padding-bottom: 71px;}
.jz .con{margin-top: 60px;}
.jz .con ul{width: 32.55%;margin-right: 1.175%;float: left;}
.jz .con ul:last-child{margin-right: 0;}
.jz .con ul li{position: relative;line-height: 0;width: 48.5%;float: left;margin-right: 3%;margin-bottom: 15px;display:block;background: #000;overflow:hidden;}
.jz .con ul li a{display: block;}
.jz .con ul li:nth-child(2),.jz .con ul li:last-child{margin-right: 0;}
.jz .con ul li:last-child{width: 100%;}
.jz .con ul li img{width: 100%;display: block;}
.jz .con ul li h4{position: absolute;left: 0;top: 45%;display: table-cell;text-align: center;width: 100%;height: 100%;font-size: 20px;line-height: 20px;font-weight: normal;color: #fff;transition: all .15s linear;}
.jz .con ul li em{width: 18.34%;display: block;position: absolute;top: 0%;left: 41%;opacity: 0;transition: all .25s linear;}
.jz .con ul:nth-child(2) li:nth-child(1){width: 100%;margin-right: 0;}
.jz .con ul:nth-child(2) li:nth-child(3){width: 48.5%;float: right;}
.jz .con ul li:hover em{opacity: 1;top: 32%;}
.jz .con ul li:hover h4{opacity: 0;}
.jz .con ul li:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}

.jz .more{background: url(../images/jz-line.jpg) no-repeat center 19px;margin-top: 45px;}
.jz .more a{width: 127px;height: 38px;line-height: 38px;background: #ffab31;display: block;margin: 0 auto;text-align: center;font-size: 18px;color: #fff;transition: all .2s linear;}
.jz .more a:hover{width: 160px;background: #02418E;}
@media screen and (min-width:1600px){.jz .con ul li{margin-bottom: 19px;} .jz .con ul li h4{font-size: 24px;line-height: 24px;}}


/*客户名录*/
.hz{background: url(../images/hz-bg.jpg) no-repeat center top;height: 652px;box-sizing: border-box;padding-top: 86px;}
.hz h2 a{color: #fff;}
.hz .con{background: #fff;margin-top: 42px;position: relative;}
.hz .con li{width: 239px;height: 135px;float: left;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
.hz .con li:hover{box-shadow:0px 0px 21px rgba(5,5,5,0.11);position: relative;z-index: 1;}
.hz .con li a{display: block;}
.hz .con li img{width: 239px;height: 135px;}
.hz .con .prev{position: absolute;left: -44px;top: 183px;}
.hz .con .next{position: absolute;right: -44px;top: 183px;}



/*新闻动态*/
.news{padding: 78px 0 82px;}
.news h2{margin-bottom: 45px;font-weight: bold;}
.news h3{height: 75px;font-weight: normal;}
.news h3 span{float: left;position: relative;}
.news h3 span:after{position: absolute;width: 20px;height: 2px;content: "";left: 126px;top: 12px;background: #FFAA02;}
.news h3 span a{float: left;font-size: 24px;color: #010101;line-height: 24px;margin-right: 75px;height: 32px;}
.news h3 span a.cur{color: #FFAA02;font-weight: bold;border-bottom: 4px solid #FFAA02;}
.news h3 img{float: right;}
.new_con dl{float: left;width: 572px;}
.new_con dt{height:264px;overflow:hidden;}
.new_con dt img{display:block;width: 572px;height: auto;}
.new_con dd{padding-top:26px;height: 78px;}
.new_con dd i{float: left;width: 113px;height: 78px;border-right:1px solid #ebebeb;font-size: 14px;color: #666;line-height: 20px;text-align:center;font-family: Arial;}
.new_con dd i b{display:block;font-size: 50px;line-height: 50px;padding-top: 6px;color: #02418E;}
.new_con dd .new_det{float: right;width: 420px;}
.new_con dd .new_det h4 a{display:block;font-size: 18px;color: #333;line-height: 24px;margin-bottom:10px;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.new_con dd .new_det span{display:block;font-size: 14px;color: #888;line-height: 24px;}
.new_con dd .new_det a:hover{color: #02418E;}
.new_con ul{float: right;width: 562px;}
.new_con li{height: 92px;border:1px solid #ebebeb;padding-top:16px;margin-bottom:20px;}
.new_con li i{float: left;width: 130px;height: 78px;border-right:1px solid #ebebeb;font-size: 14px;color: #666;line-height: 20px;text-align:center;}
.new_con li i b{display:block;font-size: 50px;line-height: 50px;padding-top: 6px;color: #333;}
.new_con li h4{float: left;width: 390px;margin-left: 24px;font-weight:normal;}
.new_con li h4 a{display:block;font-size: 18px;color: #333;line-height: 24px;margin-bottom:10px;}
.new_con li h4 span{display:block;font-size: 14px;color: #888;line-height: 24px;}
.new_con li:hover a{color: #02418E;}
.new_con li:last-child{margin-bottom: 0;}


/*关于凯佰乐*/
.abt{background: #f5f5f5;height: 878px;box-sizing: border-box;}
.abt-t{height: 553px;}
.abt-t-l{width: 973px;height: 553px;margin-left: -360px;float: left;overflow:hidden;}
.abt-t-l img{width:973px;height:553px;}
.abt-t-r{width: 587px;float: right;height: 553px;box-sizing: border-box;padding-left: 65px;padding-top: 105px;}
.abt-t-r h3{height: 166px;background: url(../images/abt-tbg.png) no-repeat left top;font-size: 38px;line-height: 38px;font-weight: normal;padding-top: 53px;box-sizing: border-box;}
.abt-t-r h3 span{display: block;font-size: 18px;color: #666;line-height: 18px;margin-top: 17px;}
.abt-t-r h3:hover b{color: #02418E;}
.abt-t-r p{font-size: 14px;color: #666;line-height: 30px;margin-top: 23px;}
.abt-t-r p a{color: #FFAA02;font-weight: bold;}
.abt-t-r p a:hover{color: #02418E;}
.abt-t-r ul{margin-top: 40px;}
.abt-t-r ul li{float: left;margin-right: 64px;text-align: center;position: relative;}
.abt-t-r ul li a{display: block;}
.abt-t-r ul li:after{content: "";display: block;width: 1px;height: 26px;right: -31px;bottom: 0;background: #D2D2D2;position: absolute;}
.abt-t-r ul li:last-child:after{display: none;}
.abt-t-r ul li em{display: block;width: 36px;height:36px;overflow: hidden;margin: 0 auto;}
.abt-t-r ul li em img{transition: all .25s linear;position: relative;top: 0;}
.abt-t-r ul li span{display: block;font-size: 16px;color: #333;line-height: 16px;margin-top: 14px;}
.abt-t-r ul li:hover em img{top: -36px;}
.abt-t-r ul li:hover span{color: #02418E;}
.abt-b{margin-top: 69px;}
.abt-b-l{float: left;width: 278px;height: 92px;background: url(../images/abt-tbg2.png) no-repeat;font-size: 22px;line-height: 22px;font-weight: bold;padding-top: 49px;box-sizing: border-box;margin-right: 76px;}
.abt-b-l span{display: block;font-size: 12px;color: #A0A0A0;font-weight: normal;margin-top: 48px;}
.abt-b-l a{color: #333;}
.abt-b-r{float: left;width: 845px;}
.abt-b-r li{float: left;text-align: center;width: 200px;margin-right: 11px;display: inline;height:150px;overflow:hidden;}
.abt-b-r li img{display: block;width: 200px;height: 150px;}
.abt-b-r li span{display: block;font-size: 14px;color: #666;margin-top: 14px;line-height: 14px;}
.abt-b-r li:hover span{color: #02418E;}