/**/
.four{ padding:60px 0;font-size: 0;}
.four_t{font-size: 28px;color: #333;text-align: center; background:url("../images/four_line.gif") no-repeat center 68px;line-height: 28px;-webkit-transition:transform .3s;transition:transform .3s;height: 115px;}
.four_t em{display: block;width: 42px;height: 42px; margin:0 auto; padding:0 0 10px;}
.four_t span{display: block; font-family:Arial, Helvetica, sans-serif;font-size: 12px;color: #bbb;font-weight: normal; padding:3px 0 0;}
.four_t:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.four_t em img{width: 42px;height: 42px;display: block; transition: all 0.5s ease-in-out 0s;}
.four_t:hover em img{ transform: rotateY(180deg);}
.ibrand-num{ padding:25px 0 0;}
.ibrand-num li{float:left;width:182px;height:120px;padding-top:62px;margin-left:157px;text-align:center;color:#1763A1;font-size:20px;position: relative;}
.ibrand-num li:first-child{margin-left:0;}
.ibrand-num li span{font-size:42px; font-family:Verdana, Geneva, sans-serif;}
.ibrand-num li b{display:block;font-size: 16px;color: #666;font-weight: normal; padding:10px 0 0;}
/*.four .four_li01{ background:url(../images/four_k01.gif) no-repeat;}
.four .four_li02{ background:url(../images/four_k02.gif) no-repeat;}
.four .four_li03{ background:url(../images/four_k03.gif) no-repeat;}
.four .four_li04{ background:url(../images/four_k04.gif) no-repeat;}*/
.ibrand-num li .spinner{position: absolute;top: 0;right: 0;width:174px;height:174px;border:4px solid #e8e8e8;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
.ibrand-num li:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);border-color:#1763A1;}
.four .four_li01 .spinner{border-right-color:#1763A1;}
.four .four_li02 .spinner{border-top-color:#1763A1;}
.four .four_li03 .spinner{border-left-color:#1763A1;}
.four .four_li04 .spinner{border-bottom-color:#1763A1;}


/*优势*/
.ys_tbg{ background:url("../images/ys_tbg.jpg") no-repeat center 0; height:180px; padding:38px 0 0; overflow:hidden;}
.ys_tbg .four_t{ background:url("../images/ys_line.gif") no-repeat center 68px;}
.ys_tbg .four_t span,.about .four_t span{font-size: 16px;color: #666; padding:5px 0 0;}
.ys01{ background:url("../images/ys_bg01.jpg") no-repeat center 0; height:411px; overflow:hidden;}
.ys02{ background:url("../images/ys_bg02.jpg") no-repeat center 0; height:410px; overflow:hidden;}
.ys03{ background:url("../images/ys_bg03.jpg") no-repeat center 0; height:448px; overflow:hidden;}
.ys04{ background:url("../images/ys_bg04.jpg") no-repeat center 0; height:400px; overflow:hidden;}
.ys05{ background:url("../images/ys_bg05.jpg") no-repeat center 0; height:387px; overflow:hidden;}
.ys dl{width: 510px; display:inline-block;}
.ys dl dt{width: 80px;height: 80px;text-align: center;line-height: 80px;font-size: 50px;color: #fff;font-weight: bold;background: #1763A1; font-family:"Times New Roman", Times, serif;float: left;}
.ys dl dd{ padding:0 0 0 30px;width: 400px;float: left;}
.ys dl dd h5{font-size: 28px;color: #1763A1;line-height: 32px;height: 100px;}
.ys dl dd h5 em{display: block;font-size: 14px;color: #d9d9d9;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;width: 280px;text-align: center;height: 32px;line-height: 32px;background: #fff; border:#e0e0e0 2px solid; margin:12px 0 0;}
.ys dl dd p{font-size: 18px;color: #333;line-height: 32px; background:url("../images/ys_ico01.png") no-repeat 0 14px; padding:0 0 0 20px;}
.ys dl dd span{display: block;width: 144px; padding:20px 0 0;}
.ys dl dd span a{ background:url("../images/ys_btn.png") no-repeat;color: #f97b47;}
.ys02 .ys dl,.ys04 .ys dl{ padding:0 0 0 690px;}

/**/
.anli_bg{ background:url("../images/anli_bg.jpg") no-repeat center top;font-size: 0; padding:0 0 60px;}
.anli_t{height: 112px;text-align: center; padding:40px 0 0; margin:0 0 40px;line-height: 40px;}
.anli_t a{font-size: 32px;color: #fff;-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;}
.anli_t span{display: block;font-size: 16px;font-weight: normal;}
.anli_t a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.anli_l{width: 284px;}
.anli_l ul li{width: 284px;height: 82px; padding:0 0 10px;}
.anli_l ul li a{font-size: 20px;color: #333;font-weight: bold;display: block;height: 64px;width: 243px; border:#1763A1 3px solid;background: #fff;display: block; padding:12px 0 0 35px;line-height: 26px;}
.anli_l ul li a:hover,.anli_l ul li.cur a{background: #1763A1;color: #fff;}
.anli_l ul li em{display: block;font-size: 14px;color: #b7b7b7;font-weight: normal; font-family:Arial, Helvetica, sans-serif;}
.anli_l ul li a:hover em,.anli_l ul li.cur em{color: #888;}
.anli_c{ position:relative;width: 590px;height: 443px; overflow:hidden; margin:0 0 0 20px;}
.anli_cm{width: 590px;height: 443px;}
.anli_cm ul li{width: 590px;height: 443px;}
.anli_cm ul li img{width: 590px;height: 443px;}
.anli_cb{ width:590px; left:50%; margin-left:-295px; bottom:10px; position:absolute; z-index:1;overflow:hidden;  }
.anli_cb ul{margin-left:250px;  }
.anli_cb ul li{ float:left; margin:0 10px; display:inline; cursor:pointer; }
.anli_cb ul li{width: 12px;height: 12px; background:url("../images/anli_ico01.png") no-repeat;}
.anli_cb ul .on{ background:url("../images/anli_ico02.png") no-repeat;}
.anli_r{width: 100%;height: 443px;background: #f1f1f1; padding:0 21px;}
.anli_r b{display: block;height: 52px;line-height: 52px;overflow: hidden;}
.anli_r b a{font-size: 18px;color: #333;}
.anli_r ul li{width: 284px;height: 214px;position: relative; margin:0 8px 14px; float: left;}
.anli_r ul li img{width: 284px;height: 214px;}
.anli_r ul li span{width:284px; display:block; text-align:center; height:38px; line-height:38px;font-size: 14px;color: #fff; background:url("../images/anli_picbg.png") repeat-x;position: absolute;bottom: 0;left: 0; overflow:hidden;}


/*常见问题*/
.wd{ width:400px; font-size:0;}
.wd .news_t{ margin:0 0 20px;}
.wd dl{ width:400px; height:85px; border-bottom:#c4c4c4 1px dashed; padding:15px 0 0;}
.wd dt{ background:url("../images/wen.gif") no-repeat; padding-left:35px; height:25px; line-height:20px; overflow:hidden;}
.wd dt a{ font-size:16px; color:#333; font-weight:bold;}
.wd dd{ font-size:14px; color:#555; background:url("../images/da.gif") no-repeat 0 5px; padding-left:35px; line-height:25px; height:50px; overflow:hidden;}

/*走进雄业*/
.ab_bg{background: #f3f3f3; padding:60px 0 75px;font-size: 0; overflow:hidden;}
.about .four_t{ background:url("../images/news_line.png") no-repeat center 68px;height: 145px;}
.about .four_t a{font-size: 28px;color: #333;}
.about dl{ width:1200px; display:inline-block; overflow:hidden; padding:0 0 20px;}
.about dl dt{ width:600px; height:339px;float: left;overflow: hidden;}
.about dl dt img{ width:600px; height:339px;}
.about dl dd{ width:530px; height:299px; padding:40px 30px 0 40px;float: left;background: #fff;}
.about dl dd h5{ background:url("../images/case_ico01.gif") no-repeat 0 72px; height:75px;line-height: 30px;}
.about dl dd h5 a{ font-size:24px; color:#333;}
.about dl dd h5 i{ display:block; font-size:16px; color:#7c7c7c;font-weight: normal;text-transform: uppercase;}
.about .ab_desc{ font-size:14px; color:#666; height:125px; line-height:26px; padding:20px 0 0; overflow:hidden;}
.ab_bot{ padding:48px 0 0 175px;width: 1200px; display:inline-block;}
.ab_bot a{display: block;font-size: 20px;color: #1763A1;font-weight: bold;height: 64px;line-height: 62px;width: 264px;text-align: center;float: left; margin:0 30px 0 0;}
.ab_bot .ab_btn01{ background:url("../images/ab_k01.png") no-repeat;}
.ab_bot .ab_btn02{ background:url("../images/ab_k02.png") no-repeat;}
.ab_bot .ab_btn03{ background:url("../images/ab_k03.png") no-repeat;}

/*友情链接*/
.links_bg{ height:60px; background:#1763A1;}
.links_l{width: 150px;text-align: center;height: 60px;line-height: 60px;background: #0e5050;font-size: 18px;color: #fff;font-weight: bold;}
.links_c{ height:60px; line-height:60px; overflow:hidden; width:1050px;}
.links_c a{font-size: 14px;color: #fff; display:inline-block; padding:0 0 0 20px;}

/**/
@-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);}
}