.h_top{background: url(h_bg.jpg) repeat-x center 0; height:199px;font-family:"Microsoft Yahei";overflow:hidden;}
  .header{width:1200px; margin:0 auto;}
  .h_zc{color: #666;height:30px;line-height:30px;font-size: 14px;}
  .h_zc p{float: right;}
  .h_zc a{color: #666;padding: 0 15px;}

  .h_con{height:109px;overflow: hidden;}
  .t_text{float: left; margin-top: 30px;}
  .t_text img{width: 322px; height: 48px;}
  .h_logo{margin:0px 10px 0 0; }
  .h_logo img{ width: 663px; height: 90px;}

  .h_pho{margin-top: 25px; padding-left: 62px;  font-size: 14px; color: #333; line-height: 26px;  background:url(h_tel.gif) no-repeat 0 center;}
  .h_pho b{display: block; color: #ff8a00; font-size: 30px; line-height: 27px;}

  .menu{height:60px;font-size:16px;overflow: hidden;}
  .menu li{float: left;margin-left: -2px;text-align: center; background: url(h_nav2.gif) no-repeat right center;}
  .menu li a{color:#fff;line-height:60px;display:inline-block;height: 60px; padding: 0 33px;}
  .menu li.cur a,.menu li a:hover{color: #fff; text-decoration: none;background: url(h_nav1.jpg) repeat-x center 0;}
  .menu li.nones{background: none;}
  

     .seabox{overflow: hidden;height:60px;overflow:hidden;background: #ff8a00;font-family: "Microsoft Yahei";}
     .search00{width:1200px; margin:0 auto;}
	.sea_in{margin-top: 13px;}
	.sea_in .serach{width:276px;height:35px;border:0;line-height:35px;color:#fff;padding:0 0 0 10px;float:left;outline: none;display: block;font-size:14px;background:url(sou1.jpg) no-repeat left top;border:none; }
	.k_word{overflow:hidden;width:800px;color:#fff; height: 60px; line-height: 60px;}
	.k_word a{color:#fff; display: inline-block; padding: 0 12px;}
.k_word b{font-weight: normal;}
 

    .f_bj{font-family: "Microsoft Yahei"; font-size: 14px; line-height:30px;background:url(f_bg.jpg) repeat-x center top;clear:both;height:350px;overflow: hidden;}
    .footer{width: 1200px; margin: 0 auto;}
    .f_logo{float: left; margin: 29px 46px 0 0;}
    .f_logo img{ width: 263px; height: 52px;}

	.f_nav{height: 60px;line-height: 60px;overflow: hidden;margin-bottom: 40px;}
	.f_nav a{color: #fff; padding: 0 32px; display: inline-block;background:url(f_nav.gif) no-repeat right center; }
	.f_nav a:hover{font-weight: bold;}
	.f_nav a.nones{background: none;}

	.f_con{float: left; color: #666; line-height: 32px; font-size: 16px;}
	.f_con p{float: left;height: 230px; background:url(f_l.gif) no-repeat left 9px;  padding-left: 45px;width: 318px;}
	.f_con p a{color: #666;}
	.f_code{float: right; width: 139; margin: 30px auto 0;}
	.f_code img{width:139px;height: 139px;}
	.f_code em{display: block; text-align: center; font-style: normal;}
	

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 71px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 77px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #009933;
            color: #fff;
            height: 56px;
            width: 247px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #009933;
            width: 97px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.four{ padding:60px 0;font-size: 0;}
.four_t{font-size: 28px;color: #333;text-align: center; background:url(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:#073486;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(four_k01.gif) no-repeat;}
.four .four_li02{ background:url(four_k02.gif) no-repeat;}
.four .four_li03{ background:url(four_k03.gif) no-repeat;}
.four .four_li04{ background:url(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:#073486;}
.four .four_li01 .spinner{border-right-color:#073486;}
.four .four_li02 .spinner{border-top-color:#073486;}
.four .four_li03 .spinner{border-left-color:#073486;}
.four .four_li04 .spinner{border-bottom-color:#073486;}

/**/
.case_bg{background: #e8e8e8;font-size: 0;height: 460px;overflow:hidden;}
.case_t{width: 315px;height: 100px; background:url(case_ico01.gif) no-repeat 0 97px;line-height: 32px;position: absolute;top: 75px;left: 0;}
.case_t a{font-size: 28px;color: #073486;}
.case_t b{ padding:0 10px 0 0;}
.case_t span{display: block;font-size: 16px;color: #191f5b; padding:10px 0 0;}

.case_l{width: 880px; padding:75px 0 0;}
.case_l dl{width: 880px; display:inline-block;}
.case_l dl dt{width: 560px;height: 315px;overflow: hidden;float: right;}
.case_l dl dt img,.news dt img{width: 560px;height: 315px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_l dl dt img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.case_l dl dd{width: 260px;float: left; padding:130px 0 0;}
.case_l dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.case_l dl dd h5 a{font-size: 20px;color: #333;}
.case_l dl dd h5 a:hover{color: #073486;}
.case_l .case_desc{font-size: 16px;color: #666;line-height: 26px;height: 52px;overflow: hidden; padding:10px 0 0;}
.case_l dl dd span,.about dl dd span{display: block;width: 144px; padding:30px 0 0;}
.case_l dl dd span a,.ban01 p em a,.ys dl dd span a,.about dl dd span a{display: block;font-size: 16px;color: #fff;font-weight: bold; background:url(case_btn.png) no-repeat;width: 144px;height: 46px;text-align: center;line-height: 46px;overflow: hidden;}
.case_l dl dd span a:hover,.ban01 p em a:hover,.ys dl dd span a:hover,.about dl dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}

.case_r{width: 250px; background:url(case_line.gif) no-repeat 190px 0;height: 385px; padding:75px 0 0;}
.case_r ul li{width: 250px;line-height: 24px;height: 60px; padding:0 0 30px;}
.case_r ul li b{display: block;float: left;font-size: 20px;color: #333;width: 165px; text-align:right;}
.case_r ul li i{display: block;font-size: 14px;color: #bcbcbc;font-weight: normal; font-family:Arial, Helvetica, sans-serif;}
.case_r ul li em{display: block;float: right;width: 50px; text-align:right;font-size: 16px; font-family:"Times New Roman", Times, serif;color: #666; padding:5px 0 0;}
.case_r ul li a{ background:url(case_ico02.png) no-repeat 184px 10px;display: block;width: 250px;height: 60px;}
.case_r ul li a:hover,.case_r ul li.on a{ background:url(case_ico03.png) no-repeat 184px 10px;}

/*雄业产品中心*/
.cp_bg{ background:#eaeaea url(cp_bg.jpg) no-repeat center top;font-size: 0; padding:0 0 60px;}
.cp_t{height: 140px;text-align: center;line-height: 115px; padding:0 0 40px;}
.cp_t a{font-size: 32px;color: #fff;-webkit-transition:transform .3s;transition:transform .3s; display:inline-block; background:url(cp_ico01.gif) no-repeat center 95px;height: 140px;}
.cp_t a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

.cp_l{width: 224px; padding:0 0 15px; border:#073486 3px solid;background: #fff;}
.cp_l h3{ background:url(cp_ltbg.gif) no-repeat;width: 224px;height: 81px;font-weight: normal;}
.cp_l h3 a{font-size: 26px;color: #eee;display: block; padding:20px 0 0 72px;}
.cp_ul01 li a{display: block;font-size: 16px;color: #333;font-weight: bold;width: 160px;height: 46px;line-height: 46px; background:#0072bf url(cp_libg.gif) no-repeat; margin:15px auto 0; padding:0 0 0 40px;}
.cp_ul01 li a:hover{color: #073486;}
.cp_ul02{ padding:10px 0 0;}
.cp_ul01 .cp_ul02 li a{display: block;font-size: 14px;color: #666;font-weight: normal; margin:0 auto; border-bottom:#d3d3d3 1px dashed; height: 32px;line-height: 32px;background:url(cp_ico02.gif) no-repeat 25px 14px;padding: 0 0 0 42px;width: 158px;overflow: hidden;}
.cp_ul01 .cp_ul02 li a:hover{font-weight: bold;color: #073486;}
.cp_l .cp_ul01 .cp_ul02 .nobor a{ border:none;}

.cp_r{ width:930px;}
.cp_r ul li{ width:262px; float:left; padding:0 0 0 15px;position: relative;overflow: hidden;}
.cp_r ul li img{ width:252px; height:200px;}
.cp_r ul li em{ width:262px; height:200px;display: none;position: absolute;top: 0;right: 0;}
.cp_r ul li span{ display:block; width:262px; text-align:center; height:50px; line-height:36px; overflow:hidden;}
.cp_r ul li a{font-size: 16px;color: #666;}
.cp_r ul li a:hover{color: #073486;font-weight: bold;}
.cp_r ul li a:hover em{display: block;}



.cpMu{width:270px; overflow:hidden; background:url(cpMuTitYy.png) no-repeat center 54px;}
.cpMu h4 img{display:block;}
.cpMuCont{height:880px; border:3px solid #115FAA;}
.cpMu dl{margin-top:12px;}
.cpMu dt{margin-bottom:10px; height:42px; line-height:42px; background:url(cpMuDt.png) no-repeat center;}
.cpMu dt a{margin-left:44px; font-size:16px; color:#fff; font-weight:bold;}
.cpMu dd{margin:0 16px; overflow:hidden;}
.cpMu dd span{float:left; width:50%; height:30px; line-height:30px; overflow:hidden;}
.cpMu dd a{color:#333; font-size:14px;}
.cpMu dd a:hover{color:#0066CC;}

/*广告条*/
.ban01{ background:url(ban01.jpg) no-repeat center 0; height:250px; overflow:hidden;}
.ban01 p{position: absolute;top: 170px;right: 0;}
.ban01 p span{ display:block; font-size:14px; color:#666;float: left; text-shadow:1px 2px 1px #fff;width: 330px; background:url(ban_tel.png) no-repeat 0 5px; padding:0 0 10px 60px;height: 46px;line-height: 46px;}
.ban01 p span b{font-size: 22px;color: #073486;}
.ban01 p em{ display:block;float: left;width: 144px;}

.ban02{ background:url(ban02.jpg) no-repeat center 0; height:260px; overflow:hidden;}
.ban02 p{position: absolute;top: 195px;left: 0;}
.ban02 p span{color: #fff; text-shadow:1px 2px 1px #ccc;}

/*优势*/
.ys_tbg{ background:url(ys_tbg.jpg) no-repeat center 0; height:180px; padding:38px 0 0; overflow:hidden;}
.ys_tbg .four_t{ background:url(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(ys_bg01.jpg) no-repeat center 0; height:411px; overflow:hidden;}
.ys02{ background:url(ys_bg02.jpg) no-repeat center 0; height:410px; overflow:hidden;}
.ys03{ background:url(ys_bg03.jpg) no-repeat center 0; height:448px; overflow:hidden;}
.ys04{ background:url(ys_bg04.jpg) no-repeat center 0; height:400px; overflow:hidden;}
.ys05{ background:url(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: #FF6600; font-family:"Times New Roman", Times, serif;float: left;}
.ys dl dd{ padding:0 0 0 10px;width: 410px;float: left;}
.ys dl dd h5{font-size: 28px;color: #FF6600;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: 236px;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(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(ys_btn.png) no-repeat;color: #f97b47;}
.ys02 .ys dl,.ys04 .ys dl{ padding:0 0 0 690px;}

/**/
.anli_bg{ background:url(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:#073486 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: #073486;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(anli_ico01.png) no-repeat;}
.anli_cb ul .on{ background:url(anli_ico02.png) no-repeat;}
.anli_r{width: 236px;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: 236px;height: 177px;position: relative; margin:0 0 14px;}
.anli_r ul li img{width: 236px;height: 177px;}
.anli_r ul li span{width:236px; display:block; text-align:center; height:38px; line-height:38px;font-size: 14px;color: #fff; background:url(anli_picbg.png) repeat-x;position: absolute;bottom: 0;left: 0; overflow:hidden;}

/*新闻中心*/
.news_bt{ padding:0px 0 0;text-align: center; background:url(news_line.png) no-repeat center 125px;height: 95px;}
.news_bt a{font-size: 28px;color: #333;-webkit-transition:transform .3s;transition:transform .3s;display: block;}
.news_bt em{display: block;width: 42px;height: 42px; margin:0 auto; padding:0 0 10px;}
.news_bt em img{width: 42px;height: 42px;display: block; transition: all 0.5s ease-in-out 0s;}
.news_bt a:hover em img{ transform: rotateY(180deg);}
.news_bt a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.news,.wd{ width:700px; }
.news_t{ height:45px; line-height:45px; border-bottom:#c8c8c8 1px solid;}
.news_t a{font-size: 20px;color: #073486;font-weight: bold;}
.news_t em{display: block;float: left;width: 22px; padding:13px 10px 0 0;}
.news_t span{ float:right;}
.news_t span a{ font-size:14px; color:#999;font-weight: normal;}




/*常见问题*/
.wd{ width:400px; }


/*走进雄业*/
.ab_bg{background: #f3f3f3; padding:20px 0 0px;font-size: 0; overflow:hidden;}
.about .four_t{ background:url(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(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:118px; 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: #073486;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(ab_k01.png) no-repeat;}
.ab_bot .ab_btn02{ background:url(ab_k02.png) no-repeat;}
.ab_bot .ab_btn03{ background:url(ab_k03.png) no-repeat;}

/*友情链接*/
.links_bg{ height:60px; background:#073486;}
.links_l{width: 150px;text-align: center;height: 60px;line-height: 60px;background: #073486;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);}
}