@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/*品牌系列*/
/* 通用样式 */
@charset "utf-8";
/*初始样式*/
body{ color:#333;font:14px "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam{ vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:0;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";font-weight: normal;}
i,em,b{ font-style:normal;}
html{overflow:scroll;overflow-x:hidden;}
.tr {text-align:right;}
.tl {text-align:left;}
.center{ text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

body{max-width: 1920px;min-width: 1200px;margin: 0 auto;overflow: hidden;}
.content{width: 1200px;margin: 0 auto;}

/* yz */
.yz{width: 100%;border-top: 1px solid #e5e5e5;padding-top: 65px;height:500px;}
.yz h2{text-align: center;color: #212832;font-size: 38px;background:url(../resource/images/8da3c356979b4053bb786072cacb86bc_42.png) no-repeat center 20px;line-height: 40px;overflow: hidden;}
.yz h2 i{display: block;font-size: 20px;}
.yz .brand{height: 50px;margin: 0 auto;margin-top: 40px;}
.yz .brand li{float: left;    width: 20%;}
.yz .brand li img {
    display: block;
    width: 255px;
}
.yz .yz-zt{margin: 0 auto;padding-top: 50px;}
.yz .yz-zt li{float: left;width: 255px;height: 183px;box-shadow:0px 1px 10px 0px rgba(0, 0, 0, 0.15), 0px -1px 10px 0px rgba(0, 0, 0, 0.07);margin-right: 18px;margin-bottom: 30px;}
.yz .yz-zt li:nth-of-type(5n){margin-right: 0;}
.yz .yz-zt li i{display: block;}
.yz .yz-zt li i img {
    display: block;
    width: 255px;
 
}
.yz .yz-zt li em{display: block;width: 255px;height: 37px;background: #f07f05;text-align: center;font-size: 16px;color: #fff;line-height:35px;transition: all .2s linear;}
.yz .yz-zt li:hover em{background: #fb9e3b;}
.yz .yz-zt li.more a{display: block;}
.yz .yz-zt li.more i{display: block;width: 60px;height: 60px;margin: 0 auto;margin-top: 36px;}
.yz .yz-zt li.more i img{display: block;width: 60px;height: 60px;}
.yz .yz-zt li.more em{background: none;display: block;color: #F07F05;padding-top: 21px;}
.yz .yz-zt li.more:hover em{font-weight: bold;}
/*.tempWrap img {*/
/*    width: 157px;*/
/*    height: 209px;*/
/*}*/
/*工程经验*/
.jing{background:url(../images/jing_bg.gif) repeat-x;height: 690px;padding-top: 64px;overflow: hidden;}
.jing_t{font-size: 38px;color: #212832;text-align: center;background:url(../images/jing_line.png) no-repeat center 20px;height: 127px;line-height: 40px;overflow: hidden;}
.jing_t a{color: #212832;}
.jing_t a:hover,.jing_t i{color: #f07f05;}
.jing_t span{display: block;font-size: 20px;font-weight: normal;padding: 5px 0 0;}
.jing_l{margin-left: -55px;padding: 63px 0 0;}
.jing_l img{width: 625px;height: 500px;}

.jing_r{padding: 56px 0 0;width: 544px;}
.jing_r ul li{width: 258px;height: 142px;position: relative;line-height: 0;float: left;overflow: hidden;margin-top: 10px;margin-left: 14px;}
.jing_r ul li span{ width:208px; height:50px; line-height:50px;font-size: 18px;color: #fff;font-weight: bold;background: rgba(0,0,0,0.6);bottom: 0;position: absolute;left: 0;display: block;padding: 0 0 0 50px;overflow: hidden;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.jing_r ul li em{display: block;width: 46px;height: 46px;float: left;padding: 7px 7px 0 0;line-height: 0;}
.jing_r ul li em img{width: 36px;height: 36px;}
.jing_r .jing_desc{width: 258px;height: 0;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.8);text-align: center;font-size: 14px;color: #fff;overflow: hidden;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.jing_r .jing_desc p{line-height: 24px;height: 72px;width: 218px;margin:0 auto;padding: 28px 0 0;overflow: hidden;}
.jing_r li:hover .jing_desc{height: 142px;}
.jing_r li:hover span{height: 0;}
.jing_desc01{width: 258px;height: 142px;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.5);overflow: hidden;}
.jing_desc01 b{width: 38px;height: 101px;display: block;float: left;padding: 0 12px 0 25px;}
.jing_desc01 b img{width: 38px;height: 101px;}
.jing_desc01 p{float: left;font-size: 24px;color: #fff;font-weight: bold; font-family:Arial, Helvetica, sans-serif;line-height: 30px;width: 180px;padding: 40px 0 0;}
.jing_desc01 p i{display: block;}

/**/
.ban01_bg{background:url(../images/ban01.gif) no-repeat center 0;height: 448px;overflow: hidden;}
.six{background: #212832;height: 113px;margin-bottom: 115px;}
.six ul li{font-size: 14px; color: #fff; font-weight: bold; width: 200px; float: left; height: 113px; text-align: center; line-height: 24px; overflow: hidden;position: relative;} 
.six ul li span{display: block;z-index: 20;position: relative;}
.six ul li i{display: block;padding: 30px 0 0;}
.six ul li:nth-child(2n){background: #2a313a;}
.six ul li:hover{background: #f07f05\9;}/* IE6、IE7、IE8支持 */
.six li:after{content:'';position:absolute;width:100%;height:0;background-color:#f07f05;bottom:0;left:0;-webkit-transition:height .3s;transition:height .3s;}
.six li:hover:after{height:100%;}
.six em{display: block; width: 17px; height: 17px; position: absolute; top: 50px;z-index: 30;} 
.six em img{width: 17px;height: 17px;}
.six .six_i01{left: -9px;}
.six .six_i02{right: -9px;}

.ban01{text-align: center;}
.ban01 b{display: block;font-size: 36px;color: #fff;padding: 30px 0 0; font-family:Arial, Helvetica, sans-serif;height: 60px;}
.ban01 i{display: block;width: 29px;height: 29px;margin:0 auto;
  animation: msClock 1s linear infinite;
  animation: msClock 1s linear infinite;}

@keyframes msClock {
  0%,90%,100% {
    transform: rotate(0) scale(1);
  }
  20%,40% {
    transform: rotate(-15deg) scale(1);
  }
  30%,50% {
  transform: rotate(15deg) scale(1);
  }
}

/**/
.case_bg{background:url(../images/case_bg.jpg) no-repeat center 0;height: 853px;overflow: hidden;padding: 72px 0 0;}
.case01{padding: 0 0 50px;}
.case01 .jing_t{background:url(../images/case_line.png) no-repeat center 20px;}
.case_l{width: 215px;padding: 85px 0 0 28px;}
.case_l ul li{height: 45px;line-height: 45px;overflow: hidden;width: 70px;float: left;}
.case_l ul li a{font-size: 14px;color: #333;}
.case_l ul li a:hover,.case_l ul li.on a{color: #f07f05;font-weight: bold;}
.case_r{width: 957px;overflow: hidden;}
.case_r dl{width: 957px; height: 357px; overflow: hidden;} 
.case_r dl dt{width: 714px;height: 357px;float: left;overflow: hidden;line-height: 0;}
.case_r dl dt img,.news01 dl dt img{width: 714px;height: 357px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_r dl dt img:hover,.news01 dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_r dl dd{width: 205px;float: left;padding: 70px 0 0 20px;}
.case_r dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.case_r dl dd h5 a{font-size: 18px;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_r dl dd h5 a:hover{color: #f07f05;}
.case_r .case_desc{font-size: 14px; color: #666; line-height: 24px; height: 96px; overflow: hidden;padding: 10px 0 0;} 
.case_r dl dd span{display: block;padding: 30px 0 0;}
.case_r dl dd span a{width: 105px;height: 30px;display: block;}
.case_r dl dd span img{width: 105px;height: 30px;}
.case_r dl dd span a:hover,.hz em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/**/
.case02_m{width: 1200px;overflow: hidden;}
.case02 ul li{width: 287px;position: relative;line-height: 0;float: left;overflow: hidden;margin-right: 16px;}
.case02 ul li img{width: 287px;height: 215px;}
.case02 ul li span{ width:287px; height:55px; line-height:55px;display: block;text-align: center;}
.case02 ul li span a{font-size: 14px;color: #333;}
.case02 .case02_desc{width: 227px;height: 215px;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.7);display: none;padding: 0 30px;}
.case02_desc b{display: block;height: 25px;line-height: 25px;overflow: hidden;padding: 20px 0 0;}
.case02_desc b a{font-size: 16px;color: #fff;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case02_desc div{font-size: 14px;color: #fff;line-height: 24px;height: 120px;padding: 15px 0 0;overflow: hidden;}
.case02 li:hover .case02_desc{display: block;}
.case_lico,.case_rico{width: 40px;height: 32px;position: absolute;top: 92px;}
.case_lico a,.case_rico a{display: block;width: 40px;height: 32px;}
.case_lico a{background:url(../images/case_lico01.png) no-repeat;}
.case_lico a:hover{background:url(../images/case_lico02.png) no-repeat;}
.case_rico a{background:url(../images/case_rico01.png) no-repeat;}
.case_rico a:hover{background:url(../images/case_rico02.png) no-repeat;}
.case_lico{left: -60px;}
.case_rico{right: -60px;}

/*工程品质*/
.pinz_bg{background:url(../images/pinz_bg.gif) no-repeat center 0;height: 695px;overflow: hidden;padding: 75px 0 0;}
.pinz .jing_t,.ys .jing_t{background:url(../images/pinz_line.png) no-repeat center 20px;height: 110px;}
.pinz_btn{width: 142px;height: 46px;
/*background: #fff url(../images/pinz_line02.gif) no-repeat center 16px;*/
position: absolute;top: 318px;right: 0;z-index: 30;}
.pinz_btn a{width: 70px;height: 46px;display: block; margin-left: -1200px;
    margin-top: 71px;}
.pinz_btn img{width: 70px;height: 46px;}
.pinz_l{padding: 90px 0 0;width: 400px;background:url(../images/pinz_line01.gif) no-repeat 0 318px;}
.pinz_l b{font-size: 16px; color: #333;display: block;height: 40px;line-height: 40px;padding: 40px 0 0;}
.pinz_l span{display: block;padding: 6px 0 10px;}
.pinz_l p{font-size: 14px; color: #333; line-height: 24px; height: 72px; overflow: hidden;}
.pinz_c{width: 450px;height: 585px; position:absolute; top:0;}
.pinz_c img{width: 450px;height: 554px;}
.pinz_c01{ left:410px;}
.pinz_c02{ left:400px;}
.pinz_c03{ left:420px;}
.pinz_r{width: 420px;padding: 110px 0 0;}
.pinz_r h5{text-align: right;line-height: 34px;}
.pinz_r h5 a{font-size: 20px;color: #fff;}
.pinz_r h5 i{display: block;}
.pinz_r01{padding: 155px 0 0;width: 420px;}
.pinz_r01 b{display: block;background:url(../images/pinz_ico.png) no-repeat 265px 0;text-align: right;height: 30px;line-height: 30px;overflow: hidden;padding: 0 5px 0 0;}
.pinz_r01 b a{font-size: 16px;color: #fff;}
.pinz_r01qie{width: 315px; padding:0 0 0 105px;overflow:hidden;}
.pinz_r01 ul li{width: 82px;height: 82px;float: right;border-radius: 50%;padding: 10px 0 0 23px;}
.pinz_r01 ul li img{display: block;width: 82px;height: 82px;border-radius: 50%;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.pinz_r01 ul li img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.pinz_r01 p{line-height: 30px;width: 315px;float: right;text-align: right;padding: 10px 0 0;}
.pinz_r01 p a{font-size: 14px;color: #fff;padding: 0 5px;display: inline-block;}

/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 620px;overflow: hidden;padding: 110px 0 0;}
.ys .jing_t{height: 127px;}
.ys01 ul li{font-size: 18px;color: #212832;font-weight: bold;height: 100px;line-height: 100px;overflow: hidden;float: left;}
.ys01 ul li em{display: block; float: left; width: 34px; height: 44px; line-height: 0;padding: 35px 10px 0 110px;} 
.ys01 ul li em img{width: 34px;height: 44px;}
.ys02_m{width: 1200px;overflow: hidden;padding: 12px 0 0;}
.ys02 ul li{width: 272px;position: relative;line-height: 0;float: left;overflow: hidden;padding: 0 14px;background:url(../images/ys_line.png) no-repeat right 20px;}
.ys02 ul li img{width: 272px;height: 204px;}
.ys02 ul li b{ width:272px; height:60px; line-height:60px;display: block;text-align: center;font-size: 20px;color: #212832;}
.ys02 .ys02_desc{width: 272px;height: 134px;position: absolute;top: 0;left: 14px;background: rgba(0,0,0,0.5);display: none;padding: 70px 0 0;font-size: 16px;color: #fff;line-height: 24px;text-align: center;}
.ys02 li:hover .ys02_desc{display: block;}
.ys02 .case_lico,.ys02 .case_rico{top: 100px;}

/*品牌化服务*/
.fuw_bg{background:url(../images/fuw_bg.jpg) no-repeat center 0;height: 470px;overflow: hidden;padding: 78px 0 0;}
.fuw .jing_t{background:url(../images/fuw_line.png) no-repeat center 20px;height: 127px;color: #fff;text-align: left;}
.fuw .jing_t span{text-align: center;}
.jing_t b{display: block;float: left;padding:0 0 0 346px;}
.jing_t em{width: 184px;height: 45px;display: block;float: left;padding: 0 30px;}
.jing_t em img{width: 184px;height: 45px;}
.fuw dl{width: 197px;height: 235px;float: left;padding: 30px 0 0 30px;margin-left: 65px;overflow: hidden;}
.fuw dl dt{width: 197px;height: 100px;background:url(../images/fuw_ico01.gif) no-repeat 0 99px;}
.fuw dl dt em{display: block; width: 36px; height: 42px; line-height: 0; overflow: hidden;} 
.fuw dl dt em img{width: 36px;height: 84px;-webkit-transition:all .5s;transition:all .5s;}
.fuw dl dt b{display: block;font-size: 20px;color: #fff;height: 56px;line-height: 56px;}
.fuw dl dd{font-size: 14px;color: #fff;height: 72px;line-height: 24px;overflow: hidden;padding: 25px 0 0;width: 165px;}
.fuw dl:hover{background:url(../images/fuw_k.png) no-repeat;}
.fuw dl:hover dt em img{margin-top: -42px;}

/*服务流程*/
.liuc_bg{background:url(../images/liuc_bg.gif) no-repeat center 0;height: 510px;overflow: hidden;padding: 75px 0 0;}
.liuc .jing_t,.news .jing_t,.about .jing_t{background:url(../images/liuc_line.png) no-repeat center 20px;}
.iflow{overflow:hidden;height: 380px;}
.iflow .item{float:left;width:150px;text-align:center;margin:0 45px 45px;color:#212832;font-size: 16px;}
.iflow .item .icon{display:block;width:90px;height:90px;margin:0 auto 7px;position:relative;}
.iflow .item .icon i:before{content:'';}
.iflow .item .icon i,.iflow .item .icon i:before{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/iflow_icon.png)}
.iflow .item .icon i.default{background-position:0 0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.iflow .item .icon i.hover{background-position:0 -90px;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.iflow .item.i1 .icon i:before{background-position:0 -180px;}
.iflow .item.i2 .icon i:before{background-position:0 -270px;}
.iflow .item.i3 .icon i:before{background-position:0 -360px;}
.iflow .item.i4 .icon i:before{background-position:0 -450px;}
.iflow .item.i5 .icon i:before{background-position:0 -540px;}
.iflow .item.i6 .icon i:before{background-position:0 -630px;}
.iflow .item.i7 .icon i:before{background-position:0 -720px;}
.iflow .item.i8 .icon i:before{background-position:0 -810px;}
.iflow .item.i9 .icon i:before{background-position:0 -900px;}
.iflow .item.i10 .icon i:before{background-position:0 -990px;}
.iflow .item:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.iflow .item:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

/*合作客户*/
.hz{background:url(../images/hz_bg.jpg) no-repeat center 0;height: 590px;overflow: hidden;padding: 75px 0 0;}
.hz .jing_t{height: 142px;}
.hz .jing_t span,.news .jing_t span,.about .jing_t span{font-size: 14px;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;padding: 0;}
.hz ul li{background:url(../images/hz_k.png) no-repeat;width: 192px;height: 222px;float: left;padding: 1px;margin-right: 9px;margin-top: -48px;}
.hz ul li img{width: 192px;height: 96px;display: block;padding: 60px 0 0;}
.hz ul li:first-child{margin-left: 96px;}
.hz .hz_li06{margin-left: -7px;}
.hz .hz_li11{margin-right: -5px;margin-left: 1px;}
.hz em{width: 170px;display: block;margin:38px auto 0;}
.hz em img{width: 170px;height: 55px;}
.hz em a{width: 170px;height: 55px;display: block;}

/*新闻资讯*/
.news{padding: 75px 0 40px;}
.news .jing_t{height: 70px;}
.news_t{height: 50px;line-height: 50px;overflow: hidden;border-bottom: #d3d4d6 1px solid;}
.news_t ul li{width: 120px;height: 50px;float: left;}
.news_t ul li a{font-size: 16px;color: #333;font-weight: bold;width: 95px;height: 50px;display: block;background:url(../images/news_ico01.gif) no-repeat 0 15px;padding: 0 0 0 25px;}
.news_t ul li a:hover,.news_t ul li.on a{background:url(../images/news_ico02.gif) no-repeat 0 15px;color: #f07f05;}
.news_t span{ float: right;} 
.news_t span a{font-size: 14px;color: #333; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.news01 dl{padding: 20px 0 0;}
.news01 dl dt{width: 600px;height: 300px;float: left;overflow: hidden;}
.news01 dl dt img{width: 600px;height: 300px;}
.news01 dl dd{width: 510px;float: left;padding: 45px 0 0 55px;}
.news01 dl dd h5{height: 45px;line-height: 45px;overflow: hidden;}
.news01 dl dd h5 a{font-size: 16px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 510px;}
.news dl dd h5 a:hover{color: #f07f05;}
.news_desc{font-size: 14px;color: #666;line-height: 28px;height: 56px;overflow: hidden;padding: 10px 0 0;}
.news01 dl dd span{display: block;padding: 25px 0 0;}
.news01 dl dd span a,.about dl dd em a{font-size: 14px;color: #fff;display: block; width: 170px; text-align: center; height: 40px; line-height: 40px; background: #252d38; overflow: hidden;border-radius: 20px;}
.news01 dl dd span a:hover,.about dl dd em a:hover{ background: #f07f05;}

/*常见问答*/
.wd{padding: 0 0 75px;}
.wd_t{width: 174px;height: 200px;background: #f07f05 url(../images/wd_bt.gif) no-repeat;overflow: hidden;}
.wd_t a{font-size: 18px;color: #fff;font-weight: bold;display: block;width: 144px;height: 160px; padding:40px 0 0 30px;}
.wd_m{width: 1005px; padding-left:20px;overflow: hidden;}
.wd_m em{width: 37px;height: 23px;display: block;}
.wd_m em img{width: 37px;height: 23px;}
.wd dl{ width:255px;float: left; padding:0 70px 0 0;}
.wd dt{ height:74px; overflow:hidden;}
.wd dt a{ font-size:14px; color:#333;font-weight: bold;}
.wd dt a:hover{color: #f07f05;}
.wd dt span{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 50px;}
.wd_desc{font-size:14px; color:#535353;height: 48px;line-height: 24px;overflow: hidden; padding:10px 0 0;}
.wd dd span{display: block;width: 92px;padding: 10px 0 0;}
.wd dd span a{display: block; font-size: 12px; color: #484848; text-transform: uppercase; width: 90px; text-align: center; height: 26px; line-height: 26px; overflow: hidden;border: #d2d2d2 1px solid;} 
.wd dd span a:hover{background: #f07f05;color: #fff;border: #f07f05 1px solid;}

/*走进越邦机电*/
.ab_bg{ background:url(../images/ab_bg.jpg) no-repeat center 0;height: 700px;overflow: hidden;}
.about .jing_t{height: 120px;}
.about dl dt{ width:436px; height:272px; float:left;overflow: hidden;line-height: 0;padding:147px 0 0 18px;}
.about dl dt img{ width:436px; height:272px;}
.about dl dd{width:535px; float:right;padding: 40px 0 0;}
.about dl dd h4{height: 60px; line-height:50px; overflow:hidden; background:url(../images/ab_line.gif) no-repeat 0 59px;}
.about dl dd h4 a{ font-size:20px; color:#212832;}
.about dl dd h4 a:hover,.honor ul li a:hover{color: #f07f05;}
.about .ab_desc{ line-height:26px; font-size:14px; color:#666; padding:18px 0 0;height: 78px;overflow:hidden;}
.about dl dd em{display: block;padding: 20px 0 0;}

/*荣誉资质*/
.honor{position: absolute;top: 440px;right: 0;width: 535px;}
.honor ul li{width: 157px;float: left;padding: 50px 0 0 30px;}
.honor ul li img{width: 157px;}
.honor ul li span{width:172px; display:block; text-align:center; height:25px; line-height:25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.honor ul li a{font-size: 14px;color: #333;}

/*友情链接*/
.f_link{height: 66px;line-height: 66px;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;margin-top: -14px;}
.f_link p {
    font-size: 14px;
    color: #333;
    float: left;
    width: 1120px;
    line-height: 40px;
    margin-top: 0px;
    text-align: left;
}
.f_link p a{font-size: 14px;color: #333; padding:0 10px 0 0;}


/* 维保服务 */
.fuwu{background: #ebebeb;padding-bottom: 80px;}
.fuwu h2{text-align: center;font-size: 38px;color: #212832;padding: 75px 0 60px 0;background: url('../images/pro-bj.png') no-repeat center 95px;line-height: 40px;}
.fuwu h2 i{display: block;font-size: 20px;font-weight: normal;}
.fuwu h2 em{color: #f07f05;}
.fuwu .bd{position: relative;}
.fuwu .bd .tempWrap{margin-left: 60px;position: relative;}
.fuwu .bd li{float: left;width: 208px;height: 128px;margin-right: 10px;position: relative;}
.fuwu .bd li i{display: block;width: 208px;height: 128px;}
.fuwu .bd li i img{display: block;width: 208px;height: 128px;}
.fuwu .bd li em{display: block;width: 77px;height: 33px;background: #abacad;position: absolute;bottom: 0;left: 0;font-size: 14px;color: #fff;text-align: center;line-height: 33px;}
.fuwu .bd li:nth-of-type(2n) em{background:#F07F05}
.fuwu .bd .jt-l{position: absolute;top: 50px;left: 0;display: block;}
.fuwu .bd .jt-r{position: absolute;right: 0;top: 50px;display: block;}
.fuwu .xts{text-align: center;margin-top: 28px;background: url('../images/serve.ico123n.png') no-repeat 39% center;line-height: 29px;color: #666666;font-size: 16px;}
.fuwu .xts i{color: #f07f05;padding-right: 5px;}

/* 客户需求 */
.xuqiu{height: 990px;background: url('../images/xuqiu-bg.jpg') no-repeat;}
.xuqiu h2{text-align: center;font-size: 38px;color: #212832;padding: 75px 0 60px 0;background: url('../images/pro-bj.png') no-repeat center 95px;line-height: 40px;}
.xuqiu h2 i{display: block;font-size: 20px;font-weight: normal;}
.xuqiu h2 em{color: #f07f05;}
.xuqiu-zt{height: 710px;position: relative;}
.xuqiu-zt li{width: 348px;height: 350px;position: relative;overflow: hidden;}
.xuqiu-zt .tu3{width: 470px;height: 710px;}
.xuqiu-zt li img{display: block;width: 348px;height: 350px;}
.xuqiu-zt .tu3 img{width: 471px;height: 709px;display: block;}
.xuqiu-zt .tu1{position: absolute;top: 0;left: 0;}
.xuqiu-zt .tu2{position: absolute;top: 360px;left: 0;}
.xuqiu-zt .tu3{position: absolute;top: 0;left: 364px;}
.xuqiu-zt .tu4{position: absolute;top: 0;right: 0;}
.xuqiu-zt .tu5{position: absolute;top: 360px;right: 0;}
.xuqiu-zt li em{display: block;width: 100%;height: 50px;background: #212832;position: absolute;bottom: 0;left: 0;font-size: 16px;color: #fff;text-align: center;line-height: 50px;}
.xuqiu-zt li p{width: 348px;height: 166px;background: #f07f05;position: absolute;bottom: -216px;left: 0;padding: 0 36px;box-sizing: border-box;color: #fff;font-size: 14px;line-height: 25px;padding-top: 15px;color: #f9cd9d;transition: all .2s linear}
.xuqiu-zt li.tu3 p{width: 471px;height: 216px;background: #f07f05;padding: 0 36px;padding-top: 30px;font-size: 18px;line-height: 29px;}
.xuqiu-zt li span{display: block;font-size: 20px;padding-bottom: 5px;}
.xuqiu-zt li.tu3 span{display: block;font-size: 24px;padding-bottom: 10px;}
.xuqiu-zt li:hover p{bottom: 0;}

/* 优势 */
.ys{background: url('../images/ys-zt-bj.jpg') no-repeat center bottom;height: 1177px;}
.ys h2{text-align: center;font-size: 38px;color: #212832;padding: 75px 0 60px 0;background: url('../images/ys-bj.jpg') no-repeat center 95px;line-height: 40px;}
.ys h2 i{display: block;font-size: 20px;font-weight: normal;}
.ys h2 em{color: #f07f05;}
.ys-zt .ys1,.ys-zt .ys2,.ys-zt .ys3,.ys-zt .ys4,.ys-zt .ys5{width: 386px;height: 433px;float: left;margin-left: 21px;position: relative;overflow: hidden;}
.ys-zt .ys1{margin-left: 0;}
.ys-zt .ys4{margin-left: 205px;margin-top: 20px;}
.ys-zt .ys5{margin-top: 20px;}
.ys-zt dl dt{width: 386px;height: 194px;}
.ys-zt dl dt img{width: 386px;height: 194px;display: block;}
.ys-zt dl dd{height: 288px;background: #f3f3f3;}
.ys-zt dl dd i{width: 93px;height: 93px;display: block;margin: 0 auto;margin-top: -48px;}
.ys-zt dl dd i img{width: 93px;height: 93px;display: block;}
.ys-zt dl dd h5{text-align: center;font-size: 24px;color: #1b1b1b;font-weight: normal;padding-top: 14px;padding-bottom: 16px;}
.ys-zt dl dd p{text-align: center;font-size: 14px;color: #535353;line-height: 24px;}
.ys-zt .ys2 dd p{width: 182px;margin: 0 auto;}
.ys-zt .ys2 em p{width: 182px;margin: 0 auto;}
.ys-zt .ys3 dd p{width: 300px;margin: 0 auto;}
.ys-zt .ys3 em p{width: 300px;margin: 0 auto;}
.ys-zt .ys4 dd p{width: 305px;margin: 0 auto;}
.ys-zt .ys4 em p{width: 305px;margin: 0 auto;}
.ys-zt .ys5 dd p{width: 154px;margin: 0 auto;}
.ys-zt .ys5 em p{width: 154px;margin: 0 auto;}


.ys-zt em{height: 433px;background: #f07f05;position: absolute;bottom: -433px;left: 0;width: 386px;transition: all .2s linear;display: block;}
.ys-zt em i{width: 93px;height: 93px;display: block;margin: 0 auto;margin-top: 62px;}
.ys-zt em i img{width: 93px;height: 93px;display: block;}
.ys-zt em h5{text-align: center;font-size: 24px;color: #fff;font-weight: normal;padding-top: 14px;padding-bottom: 16px;}
.ys-zt em p{text-align: center;font-size: 14px;color: #f3f3f3;line-height: 28px;}
.ys-zt .ys1:hover em{position: absolute;bottom: 0;left: 0;display: block;}
.ys-zt .ys2:hover em{position: absolute;bottom: 0;left: 0;display: block;}
.ys-zt .ys3:hover em{position: absolute;bottom: 0;left: 0;display: block;}
.ys-zt .ys4:hover em{position: absolute;bottom: 0;left: 0;display: block;}
.ys-zt .ys5:hover em{position: absolute;bottom: 0;left: 0;display: block;}

/* 广告 */
.ads{width: 100%;height: 218px;background: url('../images/ads-bj.jpg') no-repeat;}
.ads .content{position: relative;}
.ads .bj{width: 350px;position: relative;float: left;}
.ads .bj i{display: block;width: 137px;height: 49px;margin: 0 auto;padding-top: 22px;}
.ads .bj i img{display: block;width: 137px;height: 49px;}
.ads .bj em{display: block;width: 29px;height: 29px;margin: 0 auto;padding-top: 14px;}
.ads .bj em img{display: block;width: 29px;height: 29px;}
.ads .bj p{text-align: center;font-size: 36px;font-weight: bold;color: #fff;line-height: 48px;}
.ads .bj p b{font-size: 48px;}
.ads .bj span{display: block;font-size: 16px;color: #fff;opacity: 0.35;text-align: center;}
.ads .bj:after{content: "";height: 152px;width: 1px;display: block;background: #c86e0e;position: absolute;right: 0;top: 35px;}
.ads-zt{width: 850px;float: left;position: relative;}
.ads-zt p{font-size: 30px;color: #212832;margin-top: 15px;font-weight: bold;padding-left: 140px;}
.ads-zt ul{margin-top: 40px;}
.ads-zt ul li{float: left;color: #fff;transition: all .4s linear;}
.ads-zt ul li:first-of-type{position: absolute;top: 85px;left: 183px;font-size: 22px;opacity: 0.65;}
.ads-zt ul li:nth-of-type(2){position: absolute;top: 110px;right: 0;font-size: 30px;}
.ads-zt ul li:nth-of-type(3){position: absolute;top: 138px;left: 41px;font-size: 26px;opacity: 0.9;}
.ads-zt ul li:last-of-type{position: absolute;top: 166px;left: 404px;font-size: 18px;opacity: 0.55;}
.ads-zt ul li:hover{font-size: 28px;background: url('../images/yuan.png') no-repeat center center;line-height: 73px;}
.ads-zt ul li:first-of-type:hover{position: absolute;top: 52px;left: 150px;opacity: 1;}
.ads-zt ul li:nth-of-type(2):hover{position: absolute;top: 90px;right: 10px;opacity: 1;}
.ads-zt ul li:nth-of-type(3):hover{position: absolute;top: 116px;left: 30px;opacity: 1;}
.ads-zt ul li:last-of-type:hover{position: absolute;top: 140px;left: 385px;opacity: 1;}
.ads .people{display: block;position: absolute;bottom: -218px;right: -292px;}

/* 维保承诺 */
.cl h2{text-align: center;font-size: 38px;color: #212832;padding: 75px 0 60px 0;background: url('../images/case-bj.jpg') no-repeat center 95px;line-height: 40px;}
.cl h2 i{display: block;font-size: 20px;font-weight: normal;}
.cl h2 em{color: #f07f05;}
.cl-t ul{margin-top: 6px;}
.cl-t li{float: left;width: 215px;}
.cl-t li:nth-of-type(2){margin-left: 278px;}
.cl-t li:nth-of-type(3){float: right;width: 180px;position: relative;left: 4px;}
.cl-t li em{margin-left: 0;text-align: center;display: block;font-size: 24px;color: #333333;}
.cl-t li i,.cl-t li b{text-align: center;display: block;font-weight: normal;font-size: 16px;color: #666;}
.cl-b{margin-top: 40px;}
.cl-b table{width: 1000px;height: 152px;margin: 0 auto;box-sizing: border-box;border-collapse: collapse;}
.cl-b table tr{box-sizing: border-box;}
.cl-b table tr:first-of-type{background: #f07f05;border-right: 1px solid #f07f05;font-weight: bold;font-size: 20px;color: #fff;height: 40px;}
.cl-b table tr td:first-of-type{border-right: 0;}
.cl-b table tr td:nth-of-type(2){border-left: 0;}
.cl-b table td{text-align: center;border: 1px solid #666;font-size: 16px;color: #666;}
.cl .more{width:169px;height:40px;background:rgba(33,40,50,1);border-radius:20px;margin: 0 auto;display: block;text-align: center;line-height: 40px;color: #fff;margin-top: 60px;transition: all .2s linear;}
.cl .more:hover{background: #f07f05;}

/* 走进我们 */
.abt h2{text-align: center;font-size: 38px;color: #212832;padding: 75px 0 60px 0;background: url('../images/abt-bj.jpg') no-repeat center 95px;line-height: 40px;}
.abt h2 i{display: block;font-size: 14px;font-weight: normal;text-transform: uppercase; }

.abt-zt{background: url(../resource/images/68a57b13fa2c4249bc74e40874090d2c_2.jpg) no-repeat center;height: 580px;width: 100%;padding-top: 50px;box-sizing: border-box;}
.abt-zt h3{font-size: 20px;color: #212832;padding-bottom: 45px;position: relative;}
.abt-zt h3:after{content: "";display: block;width: 64px;height: 1px;background: #212832;position: absolute;left: 4px;bottom: 22px;}
.abt-zt p{font-size: 14px;color: #666666;width: 524px;}
.abt-zt .chak{display: block;width: 170px;height: 40px;background: #212832;text-align: center;line-height: 40px;color: #fff;border-radius:19px;margin-top: 22px;transition: all .2s linear;}
.abt-zt .chak a{color:#fff;}
.abt-zt .chak:hover{background: #f07f05;}
.abt-zt .tempWrap{margin-left: 26px;}
.abt-zt .bd{position: relative;margin-top: 56px;}
.abt-zt .bd li{width: 157px;float: left;margin-left: 28px;}
.abt-zt .bd li i{width: 157px;float: left;height: 229px;background: url('../images/abt-tu-bj.png') no-repeat center bottom;display: block;}
.abt-zt .bd li em{text-align: center;color: #333;display: block;}
.abt-zt .bd li:hover em{font-weight: bold;}
.abt-zt .bd .prev{display: block;position: absolute;left: 0;top: 77px}
.abt-zt .bd .next{display: block;position: absolute;right: 0;top: 77px}

/* 问题 */
.new{}
.new h2{text-align: center;font-size: 38px;color: #212832;padding: 75px 0 60px 0;background: url('../images/case-bj.jpg') no-repeat center 95px;line-height: 40px;}
.new h2 i{display: block;font-size: 14px;font-weight: normal;text-transform: uppercase; }
.new-zt{width: 100%;height: 280px;border: 1px solid #dedfe0;border-left: 0;border-right: 0;padding-top: 39px;box-sizing: border-box;}
.new-zt .cjwd{width: 174px;height: 201px;background: #F07F05;float: left;padding:37px 0 0 22px;box-sizing: border-box;te}
.new-zt .cjwd i{display: block;font-size: 18px;color: #FEFEFE;font-weight: bold;}
.new-zt .cjwd em{display: block;font-size: 60px;color: #FEFEFE;font-weight: bold;opacity: 0.29;margin-left: -3px;}
.new-zt .cjwd b{display: block;}
.new-zt .bd{float: left;width: 978px;margin-left: 48px;}
.new-zt .bd li{float: left;width: 252px;margin-left: 110px;}
.new-zt .bd li:first-of-type{margin-left: 0;}
.new-zt .bd li i{display: block;width: 37px;height: 23px;text-align: center;line-height: 23px;font-weight: bold;background: #f07f05;color: #fff}
.new-zt .bd li em{display: block;width: 37px;height: 23px;text-align: center;line-height: 23px;font-weight: bold;background: #9C9C9C;color: #fff;}
.new-zt .bd li b{display: block;padding: 16px 0;color: #333333;}
.new-zt .bd li p{color: #8d8d8d;line-height: 25px;padding: 15px 0 10px 0;}
.new-zt .bd li a{width: 91px;height: 27px;display: block;border: 1px solid #d2d2d2;line-height: 27px;text-align: center;font-size: 12px;color: #484848;transition: all .2s linear;}
.new-zt .bd li a:hover{background: #f07f05;color: #fff;}




/**/
@-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);}
}
