@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(../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:#3f9e01;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:#3f9e01;}
.four .four_li01 .spinner{border-right-color:#3f9e01;}
.four .four_li02 .spinner{border-top-color:#3f9e01;}
.four .four_li03 .spinner{border-left-color:#3f9e01;}
.four .four_li04 .spinner{border-bottom-color:#3f9e01;}

/**/
.case_bg{background: #e8e8e8;font-size: 0;height: 460px;overflow:hidden;}
.case_t{width: 315px;height: 100px; background:url(../images/case_ico01.gif) no-repeat 0 97px;line-height: 32px;position: absolute;top: 75px;left: 0;}
.case_t a{font-size: 28px;color: #3f9e01;}
.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: 500px;height: 315px;overflow: hidden;float: right;}
.case_l dl dt img,.news dt img{width: 500px;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: 320px;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: #3f9e01;}
.case_l .case_desc{font-size: 14px;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(../images/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(../images/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(../images/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(../images/case_ico03.png) no-repeat 184px 10px;}

/*雄业产品中心*/
.cp_bg{ background:#eaeaea url(../images/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(../images/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:#3f9e01 3px solid;background: #fff;}
.cp_l h3{ background:url(../images/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(../images/cp_libg.gif) no-repeat; margin:15px auto 0; padding:0 0 0 40px;}
.cp_ul01 li a:hover{color: #3f9e01;}
.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(../images/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: #3f9e01;}
.cp_l .cp_ul01 .cp_ul02 .nobor a{ border:none;}

.cp_r{ width:942px;}
.cp_r ul li{ width:292px; float:left; padding:0 0 0 22px;position: relative;overflow: hidden;}
.cp_r ul li .img{width:100%;height:219px;background:#fff;display:flex;justify-content: center;align-items: center;}
.cp_r ul li img{ max-width:100%; max-height:100%;}
.cp_r ul li em{ width:292px; height:219px;display: none;position: absolute;top: 0;right: 0;}
.cp_r ul li span{ display:block; width:292px; 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: #3f9e01;font-weight: bold;}
.cp_r ul li a:hover em{display: block;}

/*广告条*/
.ban01{ background:url(../images/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(../images/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: #3f9e01;}
.ban01 p em{ display:block;float: left;width: 144px;}

.ban02{ background:url(../images/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(../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: #3f9e01; 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: #3f9e01;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(../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:#3f9e01 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: #3f9e01;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: 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(../images/anli_picbg.png) repeat-x;position: absolute;bottom: 0;left: 0; overflow:hidden;}

/*新闻中心*/
.news_bt{ padding:60px 0 0;text-align: center; background:url(../images/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:725px; padding:0 0 45px; font-size:0;}
.news_t{ height:45px; line-height:45px; border-bottom:#c8c8c8 1px solid;}
.news_t a{font-size: 20px;color: #3f9e01;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;}
.news dl{ width:725px; padding:25px 0 30px; display:inline-block; overflow:hidden;}
.news dt{ width:300px; height:150px;float: left;overflow: hidden;}
.news dt img{ width:300px; height:150px;}
.news dd{ float:left; overflow:hidden; width:400px; padding:0 0 0 20px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news dd h3 a{ font-size:16px; color:#333;}
.news dd h3 a:hover,.news ul li a:hover,.wd dt a:hover{color: #3f9e01;}
.news .news_desc{ font-size:14px; color:#666; height:66px; line-height:22px;overflow: hidden; padding:5px 0 0;}
.news dd span{ display:block;width: 100px; padding:15px 0 0;}
.news dd span a{font-size: 14px;color: #fff;display: block; width:100px; height:30px;background: #3f9e01;text-align: center;line-height: 30px;overflow: hidden;}
.news dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}
.news ul li{ height:50px; overflow:hidden; width:362px; float:left; padding:0 0 16px;}
.news ul li em{display: block;float: left;width: 50px;height: 50px;text-align: center;line-height: 50px;background: #888;font-size: 30px;color: #fff; font-family:"Times New Roman", Times, serif;}
.news ul li a{display: block;height: 48px;line-height: 48px; border:#ddd 1px solid; font-size:14px; color:#555; padding:0 5px 0 10px;width: 280px;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*常见问题*/
.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:150px; 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: #3f9e01;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:#3f9e01;}
.links_l{width: 150px;text-align: center;height: 60px;line-height: 60px;background: #3f9e01;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);}
}

.kj_bg { background:url(../images/kj_bg.jpg) no-repeat center 0; height:788px;}
.kj_top { text-align:center; padding-top:100px; height:125px;}
.kj_top a { font-size:30px; color:#2c2c2c;}

.kj_con { background:#fff; height:460px;}
.kj_con ul li { float:left; position:relative; display:inline}
.kj_con ul li a { display:block; width:300px; height:230px;}
.kj_con ul li a i { display:block; width:64px; margin:0 auto; padding-top:28px;}
.kj_con ul li a em { display:block; font-size:20px; color:#2c2c2c; line-height:50px; text-align:center; font-family:"宋体";}
.kj_con ul li a span { text-align:center; display:block; color:#7f7f7f; line-height:22px; font-size:14px; width:230px; margin:0 auto;}
.kj_con ul .kj_li02 { background:url(../images/kj_pic01.jpg) no-repeat; width:300px; height:230px;}
.kj_con ul .kj_li03 { background:url(../images/kj_pic02.jpg) no-repeat;}
.kj_con ul .kj_li04 { background:url(../images/kj_pic03.jpg) no-repeat;}
.kj_con ul .kj_li05 { background:url(../images/kj_pic04.jpg) no-repeat;}
.kj_con ul .kj_li02 a em { padding-top:93px; color:#fff;}
.kj_con ul .kj_li02 a span { color:#fff;}

.kj_con ul li .rx_p { position:absolute; top:0; left:0; display: none ;}
.kj_con ul li .rx_p img { width:300px; height:230px;}


.bz_top { text-align:center; padding-top:75px;}
.bz_top a { font-family:"宋体"; font-size:30px; color:#2c2c2c}
.bz_top a:hover{ color:#3f9e01;}
.bz_top i { display:block; width:65px; height:1px; background:#b5b5b5; margin:15px auto; line-height:0; font-size:0;}
.bz_con { margin-top:35px;}
.bz_con a { display:block; float:left; width:222px; height:382px; border:dotted 1px #d8d8d8; text-align:center; margin-right:20px;}
.bz_con a .bz_sp01 { font-family:"宋体"; font-size:20px; color:#2c2c2c; padding-top:35px; display:block;}
.bz_con a .bz_sp01 em { display:block; font-size:14px; color:#b5b5b5; text-transform:uppercase; height:36px; padding:5px 0 0;}
.bz_con a .bz_i01 { width:115px; height:1px; background:#e1e1e1; margin:0 auto; display:block; margin:5px auto; line-height:0; font-size:0;}
.bz_con a .bz_sp02 { font-size:14px; color:#6e6e6e; line-height:36px; height:195px; padding-top:20px; display:block;}
.bz_con a .bz_sp02 em { display:block; color:#3f9e01; font-family:Arial; font-size:24px;}
.bz_con a .bz_i02 { width:116px; height:40px; line-height:40px; text-align:center; display:block; font-size:14px; color:#7f7f7f; margin:0 auto;border: 2px solid #3f9e01;border-radius: 20px;}
.bz_con .nobor01 { margin:0;}
.bz_con a:hover { border:dotted 1px #3f9e01; background:#3f9e01;}
.bz_con a:hover .bz_sp01,.bz_con a:hover .bz_sp01 em,.bz_con a:hover .bz_sp02,.bz_con a:hover .bz_sp02 em { color:#fff;}
.bz_con a:hover .bz_i02 { background:#3f9e01; color:#fff;border: 2px solid #fff;}


#adv {

background: url(../images/sj_07.jpg) repeat-x left top;

font-family: "微软雅黑";

color: #333;

margin-top: 45px;

}

.adv {

width: 1200px;

margin: 0px auto;

height: 1050px;

/*    background: url(../images/sj_09.jpg) no-repeat center top;*/

}

.adv0 {

height:140px;

padding-top: 70px;

}

.adv0 .adv01 {

padding: 0px 0px 0px 530px;

font-size: 30px;

line-height: 45px;

}

.adv0 .adv01 strong {

color: #3f9e01;

}

.adv0 .adv02 {

padding-left: 240px;

font-size: 42px;

color: #333;

}

.adv0 .adv02 strong {

color: #3f9e01;

font-size: 65px;

line-height: 40px;

padding-right: 40px;

}

.adv0 ul {

padding-left: 220px;

padding-top: 16px;

font-size: 14px;

}

.adv0 ul li.a1 {

width: 150px;

}

.adv0 ul li {

float: left;

color: #fff;

text-align: center;

line-height: 24px;

}

.adv0 ul li.a2 {

width: 92px;

}

.adv0 ul li.a3 {

width: 165px;

}

.adv0 ul li.a4 {

width: 95px;

}

.adv0 ul li.a5 {

width: 170px;

}

.adv0 ul li.a6 {

width: 130px;

}

.adv00 .advlt {

background: url(../images/nimg_15.jpg) no-repeat right center;

padding-top: 60px;

}

.adv1 {

background: url(../images/sj_11.jpg) no-repeat left top;

width: 480px;

padding-left: 60px;

margin-bottom: 30px;

}

.adv00 div strong {

font-size: 28px;

line-height: 40px;

}

.adv00 div span {

color: #3f9e01;

font-weight: bold;

}

.adv00 div i {

color: #ccc;

font-size: 10px;

text-transform: uppercase;

font-style: normal;

}

.adv00 div p {

padding: 10px 0px 10px 0px;

margin: 0px;

font-size: 16px;

line-height: 26px;

}

.adv2 {

background: url(../images/sj_13.jpg) no-repeat left top;

width: 480px;

padding-left: 60px;

}

.adv00 .advlt2 {

background: url(../images/nimg_18.jpg) no-repeat left center;

padding-top: 40px;

padding-left: 650px;

}

.adv3 {

background: url(../images/sj_21.jpg) no-repeat left top;

width: 480px;

padding-left: 60px;

margin-bottom: 30px;

}

.adv4 {

background: url(../images/sj_22.jpg) no-repeat left top;

width: 480px;

padding-left: 60px;

}

.adv7 {

text-align: center;

padding-top: 30px;

}

.adv7 img {

margin-right: 10px;

}

.adv7 a {

text-decoration: underline;

font-size: 14px;

color: #333;

cursor: pointer;

}

.home_title{width:1080px;margin:20px auto;text-align:center; font-size: 14px;line-height: 24px;}
.home_title .border{padding:20px 0;margin:-25px auto -14px auto; color:#999999}
.home_title h2{font-size:32px;font-weight: 300;color: #37474f;display:inline-block;padding:0 30px;}
.home_title p{font-size:14px;color:#999;background:#fafafa;display:inline-block;padding:0 10px;margin:0;font-weight:400;}

.home_news{margin-bottom:20px;background:#fff;}
.home_news_list{}
.home_news_list li{overflow:hidden;padding:12px 0 12px 0;float:left;width:49%;margin-right:1%;min-height:90px;}
.home_news_list li .date{float: left; width: 86px;height: 80px;}
.home_news_list li .date .dateline{width: 70px;height: 54px;display: block;background-color:#3f9e01;text-align: center;line-height: 54px;font-size: 30px;font-weight: bold;color: #fff;}
.home_news_list li .date em{display: block;text-align: center;font-style: normal;width: 70px; background: #eee; color: #888;}
.home_news_list li .txt{color: #999; font-size: 12px; margin-left: 88px; line-height: 22px;}
.home_news_list li .txt a{display: block;line-height: 30px; font-size: 16px; color: #333;}
.home_more{width:1080px;margin:20px auto;text-align:center; font-size: 14px;line-height: 24px;}
span.more{display: inline-block;width: auto; position: relative; margin-bottom: 10px;}
span.more a{display: block; padding: 5px 18px; color: #3f9e01;margin: 0 2px; border-radius: 2px;border: 1px solid #3f9e01; line-height:26px;}
span.more a:hover{background: #3f9e01;color: #fff;border: 1px solid #3f9e01;}
span.more a .fa {
    padding-left: 10px;
}

.container { width: 1300px; margin: 0 auto;}
.m20 { margin-top: 20px;}
.m30 { margin-top: 30px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}
.p40 { padding: 40px 0;}
.top { height: 35px; font:12px/35px "microsoft yahei"; color:#666;}
.top .fl ul li { float: left; margin-right: 40px;}
.top .fr ul li { float: left; position: relative;}
.top .fr ul li a { padding: 0 10px; display: block; color:#666;}
.top ul li a:hover { color: #ff6900;}
.top .fr ul li.drop-down { border-left: 1px #f5f5f5 solid; border-right: 1px #f5f5f5 solid;}
.top .fr ul li.hover { background: #fff; border-left: 1px #ddd solid; border-right: 1px #ddd solid;}
.top .fr ul li.hover .drop-down-content { display: block;}
.drop-down .drop-down-content { padding:10px 10px 10px 15px; text-align: center;}
.drop-down .drop-down-content img { display: block; width: 132px;}
.drop-down-content { display: none; position: absolute; width: 300px; background: #fff; border: 1px solid #eaeaea; border-top: none; left: -1px; top: 35px; z-index: 999;}
.drop-down-content dl{ float: left; width: 100%; text-align: left; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.drop-down-content dl:last-child{ border-bottom: none; padding-bottom: 0; }
.drop-down-content dl dt{float: left; width: 60px; font: 15px/25px "Microsoft yahei"; font-weight: bold; }
.drop-down-content dl dd{float: left; width: 60px; font: 14px/25px "Microsoft yahei";}
.drop-down-content dl a{ color: #333; padding: 0 !important; }
.head { background: #fff; height: 70px; padding: 15px 0;}
.logo img { height: 70px; display: block;}
.headline { padding: 0 0 0 20px; margin-top: 8px; border-left: 1px #ddd solid;}
.headline ul{ }
.headline ul li { font-size: 16px; }
.headline ul li:first-child{ -webkit-animation: scaleDraw 3s ease-in-out infinite; color:#fb0000; }
@keyframes scaleDraw {  
            0%{ color: #f59f00; transform: scale(1);   }
            25%{ color:#fb0000; transform: scale(1.045);  }
            50%{ color:#f59f00; transform: scale(1); }
            75%{ color:#fb0000; transform: scale(1.045); }
        }
.headline ul li:last-child{ font:14px/25px "microsoft yahei"; color: #777;  }



.tel { margin-top: -4px; }
.tel dl dt{ float: right;}
.tel dl dd { float: left;}
.tel dl dt img { height: 70px;}
.tel dl dd { margin-right: 10px; padding-top: 5px; text-align: right; }
.tel dl dd font { font-size: 15px; color: #555;}
.tel dl dd p { font-size: 24px; color: #d28900; font-weight: bold;}
.xcx { margin-right: 30px; text-align: center;}
.xcx img { display: block; width: 88px;}

.globa-nav{height:45px; box-shadow:0 1px 3px rgba(0,0,0,0.1); background:#3f9e01;}
.globa-nav .allGoodsCat{height:45px;position:relative;width:250px;display:block;z-index:100;  background:url(../images/btitle.png) no-repeat #307900 25px center; }
.globa-nav .allGoodsCat .coverLay{position:absolute;width:240px;z-index:100}
.globa-nav .allGoodsCat .menuEvent{display:block;font-family:Microsoft Jhenghei;font-weight:700;height:45px;line-height:45px;text-align:center;text-decoration:none;  background: url(../images/bdown.png) no-repeat 200px center;}
.globa-nav .allGoodsCat .menuEvent .catName{font-size:15px;height:42px;line-height:42px; color:#fff}

.globa-nav .header_box{position:absolute;top:45px;right:0;z-index:103;  border-top:none; padding:0 1px; background:#FFF; box-shadow:1px 3px 5px rgba(0,0,0,.1)}
.globa-nav .header_box a{background:#ffffff;text-align:left;display:inline-block;color:#3C3C3C;border-top:1px solid #e5e5e5;}
.globa-nav .header_box a:hover{color:#CF0F02!important; background:#F6F6F6}
.globa-nav .allMenu{font-size:15px;font-weight:700;line-height:45px;text-align:center;position:relative; padding-left:20px;}
.globa-nav .allMenu a{float:left; display:inline-block;height:45px; line-height:45px;padding:0 32px; font-size:16px; font-weight:normal;    color: #fff; text-decoration:none; vertical-align:top; transition:all .2s ease-in-out;}
.globa-nav .allMenu a:hover,.globa-nav .allMenu a.on{ background:#307900;color:#fff; }
.globa-nav .allMenu span,.globa-nav ul.sideMenu2 span{   font-size:12px; font-weight:100; color:#D94800!important; margin-left:-3px; overflow:hidden;}
.globa-nav .allMenu a.index{background:#FFF;color:#E53E40; font-weight:bold}
.globa-nav ul.sideMenu2{font-size:14px;font-weight:700;height:45px; }
.globa-nav ul.sideMenu2 span{ float:left; line-height:45px;}
.globa-nav ul.sideMenu2 li{position:relative;float:left;z-index:102; background:url(../images/xiala.png) right no-repeat}
.globa-nav ul.sideMenu2 li a{color:#333;height:45px;padding:0 10px;line-height:45px; width:92px; display:block;text-decoration:none;position:relative;z-index:9; text-align:center}
.globa-nav ul.sideMenu2 li .header_box a{color:#3C3C3C;font-weight:normal; width:90px; height:36px; line-height:36px}
.globa-nav ul.sideMenu2 li a.nav:hover,.globa-nav ul.sideMenu2 li a.current{color:#333!important; background:#FFF;}
globa-nav ul.sideMenu2 li.shopzhou{color:#fff!important; background:#fff}
/*.globa-nav .allMenu span.icon_hot{display:block;width:19px;height:23px;background:url(../images/sicon.gif) no-repeat -19px top;position:absolute;top:-3px;right:380px;z-index:99;}*/
.globa-nav .allMenu span.ico_xia{width:11px;height:6px;background:url(../images/li_xia.gif) no-repeat 0px top;position:absolute;top:16px;right:0px;}
.blank15{height:12px;line-height:12px;clear:both;background:#FFF;}
.blank15{height:12px;line-height:12px;clear:both;background:#FFF;}
.globa-nav ul.allMenu li span.icon_new{display:block;width:19px;height:23px;background:url(../images/sicon.gif) no-repeat -19px top;position:absolute;top:-10px;right:0;}
.expandMenu{display:none;left:0px;position:absolute;top:45px; background: #000000 !important; opacity: 0.9;}
.hover .expandMenu{display:block;}
.all_cat{position:absolute;width:250px;z-index:10;_padding-top:1px;_margin-top:-1px; background: rgba(70,70,70,0.7);}
.all_cat .box{height:auto; display: table; z-index:10;}
.all_cat .box_bg{height:400px; position:absolute;left:0px;top:0px;z-index:-10}
.all_cat .box .bt{width:240px;height:40px;font-size:25px;color:#FFF}
.all_cat ul{position:relative;float:left; }
.all_cat li{width:235px; display:block; border-bottom:1px dotted #aaa;padding:10px 0 10px 15px;}
.all_cat li .s1{  padding-top:10px;  background:url(../images/pull_r_icon.png) 210px 15px no-repeat}
.all_cat li .s1 a{color:#fff; font-size: 16px; padding-left:30px;}
.all_cat li .s1 h2{color:#ffffff;font-weight:normal}
.all_cat li .s1 a.web{background:url(../images/web.png) left no-repeat}
.all_cat li .s1 a.host{background:url(../images/web.png) left no-repeat}
.all_cat li .s1 a.value{background:url(../images/web.png) left no-repeat}
.all_cat li .s2{ padding-bottom:5px;}
.all_cat li .s2 a{display: inline-block; color: #ddd; font-size: 14px; min-width: 30%; text-align: left; margin-top:8px;}
.all_cat li .s2 a:hover{ color: #fff; }
.all_cat li:last-child{border:none;}
.allGoodsCat .container{ display: none;  /* b div 隐藏*/ }  
.allGoodsCat:hover .container{ display: block;  }  

.slide_banner, .slide_banner .slide_stage{ height: 550px;overflow: hidden}
.slide_banner .slide_stage .bg{height: 550px;text-align: center}
.slide_banner .slide_stage a{display: block;width: 750px;height: 550px;text-decoration: none}
.slide_banner .slide_handdler{width: 750px;height: 12px;overflow: hidden;position: absolute;margin-top: -28px;text-align: center}
.slide_banner .slide_handdler a{display: inline-block;width: 12px;height: 12px;border-radius: 12px;overflow: hidden;vertical-align: top;margin-left: 10px;background: #fff;opacity: .5;filter: alpha(opacity=50)}
.slide_banner .slide_handdler a.first{margin-left: 525px}
.slide_banner .slide_handdler a:hover, .slide_banner .slide_handdler .current{background: #e90000;opacity: 1;filter: alpha(opacity=100)}
.slide_banner{position:relative;}
.slide_banner,.slide_banner .slide_main,.slide_main li{width:100%;min-width:100% ; display:block;}
.slide_main li{position:absolute}
.slide_nav{position:absolute;bottom:20px;right:45%; }
.root_body .slide_nav{margin-right:-260px;}
.root_body .slide_nav{margin-left:300px;}
.slide_main li a{height:550px;display:block;width:1920px;overflow:hidden;position:absolute;left:50%;top:0;margin-left:-960px;}
.slide_nav li{float:left;display:block;width:12px;height:12px;overflow:hidden;border-radius:50%;transition:all .1s ease-in-out;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;background:#eee;text-indent:-999em;margin-right:10px; cursor:pointer;}
.slide_nav li.on{background:#ae8f55;width:12px;height:12px;margin-top:0;}


.ititle2 {padding:30px 0px 20px 0px;text-align:center;}
.ititle2 h2 {color:#3f9e01;font-size:32px;}
.ititle2 h2 span {color:#222;}
.ititle2 p {position:relative;display:inline-block;margin-top:5px;padding:0px 100px;height:20px;color:#999;font-size:16px;}
.ititle2 p:before {position:absolute;top:8px;left:0px;display:block;width:76px;height:8px;content:"";background:url(../images/ititle2_bg1.png) no-repeat;}
.ititle2 p:after {position:absolute;top:8px;right:0px;display:block;width:76px;height:8px;content:"";background:url(../images/ititle2_bg2.png) no-repeat;}

#iscene_box {position:relative;margin:0px auto;width:1200px;height:530px;overflow:hidden;}
#iscene_menu {width:1255px;height:78px;overflow:hidden;}
#iscene_menu a {float:left;display:block;position:relative;margin-right:55px;width:196px;height:50px;color:#fff;font-size:18px;line-height:50px;text-align:center;border-radius:4px;background:#707070;}
#iscene_menu a:after {position:absolute;bottom:-16px;left:50%;display:block;margin-left:-8px;width:0px;height:0px;content:"";border:8px solid transparent;border-top:8px solid #707070;}
#iscene_menu a.iscene_menu_cur {color:#fff;background:#3f9e01;}
#iscene_menu a.iscene_menu_cur:after {border-top:8px solid #3f9e01;}

.iscene_list {position:relative;width:874px;height:451px;overflow:hidden;}
.iscene_list div {position:relative;width:320px;height:450px;font-size:0px;background:#666;}
.iscene_list div:hover {background:#3f9e01;}
.iscene_list div p {height:412px;overflow:hidden;}
.iscene_list div img {width:320px;height:450px;display: block;}
.iscene_list div span {display:block;padding:0px 10px;height:38px;color:#fff;font-size:16px;line-height:38px;}
.iscene_list ul {position:absolute;top:0px;right:0px;width:554px;}
.iscene_list ul li {float:left;margin:0px 0px 21px 21px;width:256px;font-size:0px;background:#666;}
.iscene_list ul li:hover {background:#3f9e01;}
.iscene_list ul li img {width:256px; height:177px;display: block;}
.iscene_list ul li p {padding:0px 10px;height:38px;color:#fff;font-size:16px;line-height:38px;}

#idz {position:absolute;top:78px;right:0px;width:300px;height:451px;background:url(../images/idz2.jpg) no-repeat;}
#idz h2 {position:absolute;bottom:25px;left:0px;width:100%;color:#ff6600;font-family:Arial;font-size:30px;font-weight:normal;text-align:center;}
#idz input {position:absolute;left:54px;width:226px;height:43px;line-height:43px\9;border:none;background:none;}
#dr_title {top:106px;}
#dr_dianhua {top:152px;}
#idz p {position:absolute;top:213px;left:21px;width:258px;height:42px;color:#fff;font-size:16px;font-weight:bold;line-height:42px;text-align:center;border-radius:4px;background:#3f9e01;cursor:pointer;}

#iabout_box {position:relative;margin:0px auto;width:1200px;height:538px;overflow:hidden;}
#iabout_title {position:relative;height:100px;background:url(../images/iabout_title_bg.png) no-repeat 0px 20px;}
#iabout_title h2 {position:absolute;top:56px;left:0px;color:#3f9e01;font-size:30px;}
#iabout_title a {position:absolute;top:56px;right:0px;display:block;width:105px;height:23px;background:url(../images/more2.png) no-repeat;}
#iabout_content {position:absolute;top:100px;left:0px;padding-top:20px;width:541px;height:240px;line-height:2.2;background:url(../images/iabout_t2.png) no-repeat;overflow:hidden;}
#iabout_menu {position:absolute;top:400px;left:7px;width:525px;}
#iabout_menu a {float:left;display:block;margin:0px 13px 13px 0px;width:160px;height:45px;font-size:16px;line-height:45px;text-align:center;border:1px solid #3f9e01;}
#iabout_menu a:hover {color:#fff;background:#3f9e01;}

#iphotos {position:absolute;top:100px;right:0px;width:600px;font-size:0px;overflow:hidden;}
#iphotos_ul {position:relative;z-index:1;width:600px;height:320px;overflow:hidden;}
#iphotos_ul li {width:600px;height:320px;}
#iphotos_ul li img {width:600px;height:320px;}
#iphotos_button {padding-top:10px;width:608px;}
#iphotos_button a {float:left;position:relative;display:block;margin-right:8px;width:144px;height:77px;}
#iphotos_button a img {width:144px;height:77px;}
#iphotos_button a span {position:absolute;top:0px;left:0px;z-index:2;display:block;width:144px;height:77px;background:url(../images/tbs/black40.png);}
#iphotos_button a.activeSlide span {width:140px;height:73px;border:2px solid #3f9e01;background:none;}
#iphotos_button a:hover span {width:140px;height:73px;border:2px solid #3f9e01;background:none;}

.iphotos_prevnext {position:absolute;top:136px;z-index:2;display:block;width:51px;height:50px;cursor:pointer;}
#iphotos_prev {left:0px;background:url(../images/iphotos_arrow.png) no-repeat;}
#iphotos_next {right:0px;background:url(../images/iphotos_arrow.png) no-repeat right top;}
#inews_boxbg{background:#eee;padding: 40px 0;margin: 40px 0;}
#inews_box {position:relative;margin:0px auto;width:1200px;height:410px;overflow:hidden;}
#inews_blk {position:relative;padding:0px 30px;width:768px;height:410px;background:#fff;}
#inews_menu {position:relative;height:65px;}
#inews_menu ul {padding:23px 0px 0px 15px;height:42px;background:url(../images/ititle2_icon.jpg) no-repeat 0px 23px;}
#inews_menu li {float:left;padding:0px 20px;height:18px;font-size:16px;line-height:18px;border-right:1px solid #ddd;}
#inews_menu li:last-child {border-right:none;}
#inews_menu li.inews_menu_cur {font-weight:bold;}
#inews_menu li.inews_menu_cur a {color:#222;}
#inews_menu img {position:absolute;top:27px;right:0px;}

.inews_com {position:relative;padding-left:220px;height:140px;overflow:hidden;}
.inews_com img {position:absolute;top:0px;left:0px;width:187px;height:140px;}
.inews_com h2 {font-size:16px;}
.inews_com span {color:#999;font-size:12px;}
.inews_com p {margin-top:8px;height:48px;line-height:24px;overflow:hidden;}
.inews_com_as {position:absolute;bottom:0px;left:220px;display:block;width:93px;height:30px;color:#fff;line-height:30px;text-align:center;border-radius:2px;background:#3f9e01;}

.inews ul {margin-top:20px;width:801px;}
.inews ul li {float:left;position:relative;margin-right:33px;padding:0px 90px 0px 20px;width:257px;height:39px;line-height:39px;border-bottom:1px dashed #d8d8d8;background:url(../images/icon2.jpg) no-repeat 2px 15px;overflow:hidden;}
.inews ul li h2 {font-size:14px;font-weight:normal;}
.inews ul li span {position:absolute;top:1px;right:0px;color:#999;font-size:12px;}

#ifaq_blk {position:absolute;top:0px;right:0px;padding:0px 17px 0px 18px;width:310px;height:410px;background:#fff;}
#ifaq_title {position:relative;padding-left:35px;height:65px;color:#222;font-size:16px;font-weight:bold;line-height:65px;background:url(../images/ititle2_icon.jpg) no-repeat 0px 23px;}
#ifaq_title img {position:absolute;top:27px;right:0px;}
#ifaq_image {font-size:0px;}
#ifaq {margin-top:13px;width:100%;height:204px;overflow:hidden;}
.ifaq_title {position:relative;padding-left:28px;height:18px;line-height:18px;background:url(../images/q.jpg) no-repeat;}
.ifaq_desc {position:relative;margin:10px 0px;padding:0px 0px 8px 28px;height:54px;color:#888;font-size:12px;line-height:18px;border-bottom:1px dashed #d8d8d8;background:url(../images/a.jpg) no-repeat;overflow:hidden;}

.index6 img{width: 100%;display:block;}
.index6 .gallery-thumbs{margin-top: 10px;}
.index6 .gallery-thumbs .swiper-slide{opacity:0.8}
.index6 .gallery-thumbs .swiper-slide-thumb-active{opacity:1;}


.xfc{margin-bottom:0;position:fixed;top: 50%;right: 20px;margin-top:-125px;background: #3f9e01;width:50px;z-index: 100;box-sizing: border-box;}
.xfc li{border-bottom:1px solid #acacac;padding: 8px;position:relative;}
.xfc li:last-child{border-bottom:0;}
.xfc li img{max-width:100%;display:block;}
.xfc li .img{position:absolute;top: 50%;left: -159px;width: 150px;background: url(../images/wxbg.png)no-repeat;background-size: 100%;margin-top: -65px;display:none;}
.xfc li .img img{width: 120px;margin: 5px;}
.xfc li .zxrx{display:none;position: absolute;
    width: 220px;
    height: 50px;
    background: #3f9e01;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    top: 0;
    left: -221px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 20px 0 0 20px;}
.xfc li:hover .img{display:block;}
.xfc li:hover .zxrx{display:block;}