@charset "utf-8";
/* CSS Document */

.class{ float:left; width:100%; text-align:center; height:41px; line-height:41px; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; margin:50px 0;}
.class li{ display:inline-block; margin:0 20px;}
.class li a{ color:#333; font-size:14px;}
.class li.hover a{ border-bottom:2px solid #008636;}

#imgModule{display:none;}
#imgDefault{cursor:pointer;}
#imgDefault li{ float:left;width:370px; margin-left:30px;}
#imgDefault li span{ float:left; width:100%; text-align:center; font-size:14px; color:#333; line-height:100px;}
#imgDefault li:nth-child(1),#imgDefault li:nth-child(5){ margin-left:0;}

.imgItem{width:370px;height:329px;}
.mask{background:#000;opacity:.8;filter:alpha(opacity=80);position:fixed;left:0;top:0;width:100%;height:100%; z-index:9;}
.lightBoxContent{width:800px;height:530px;position:fixed;left:50%;top:50%;background:#fff;margin:-265px 0 0 -400px; z-index:10;}
#imgLoader{width:32px;height:32px;position:fixed;left:50%;top:50%;margin:-16px 0 0 -16px;display:none;}
#imgLight{width:800px;height:530px;-webkit-animation:change 1s;animation:change 1s;}
#imgModule .btn{width:40px;height:50px;position:fixed;top:50%;margin-top:-25px;cursor:pointer; z-index:10;}
.lightBoxSprite{background-image:url(/template/pc/skin/img/imgIcons.png);background-repeat:no-repeat;}
#lightBoxPrev{left:10px;background-position:2px center;}
#lightBoxNext{right:10px;background-position:-42px center;}
.closeBtn{width:35px;height:35px;background-position:-100px center;position:fixed;top:15px;right:15px;cursor:pointer; z-index:10;}
.lightBoxPagination{position:absolute;left:0;bottom:50px;width:100%;text-align:center;}
.lightBoxPagination span{display:inline-block;width:10px;height:10px;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;margin-right:8px;}
.lightBoxPagination span.current{background:#fff;}


.fabric .div1{ float:left; width: 100%; margin: 60px 0;}
.fabric .div1 img{ float: left; width: 129px; height: 131px; margin:30px 0 0 195px;}
.fabric .div1 .span{ float: left; width: 720px; margin-left: 35px;}
.fabric .div1 .span span:nth-child(1){ float: left; width: 100%; text-transform: uppercase; font-size: 39px; color: #7f7f7f; }
.fabric .div1 .span span:nth-child(2){ float: left; width: 100%; font-size: 60px;}
.fabric .div1 .span span:nth-child(3){ float: left; width: 100%; font-size: 29px; color: #7f7f7f; }
.fabric1{ display: block; width: 1032px; margin: 0 auto;}
.fabric1 li{ float: left; width: 100%; height: 158px; background: #f6f6f6; margin-bottom: 20px;}
.fabric1 li:nth-child(1){ width: 479px;}
.fabric1 li:nth-child(2){ float: right; width: 533px;}
.fabric1 li span:nth-child(1){ float: left; height: 75px; line-height: 75px; font-size: 26px; color: #666; padding-right: 45px; border-right: 1px solid #d0d0d0; margin-top: 40px; margin-left: 60px; padding-left: 100px;}
.fabric1 li span:nth-child(2){ float: left;}
.fabric1 li:nth-child(1) span:nth-child(1){background: url("../img/fabric/li1.png") left center no-repeat;}
.fabric1 li:nth-child(2) span:nth-child(1){background: url("../img/fabric/li2.png") left center no-repeat;}
.fabric1 li:nth-child(3) span:nth-child(1){background: url("../img/fabric/li3.png") left center no-repeat;}
.fabric1 li:nth-child(4) span:nth-child(1){background: url("../img/fabric/li4.png") left center no-repeat;}
.fabric1 li:nth-child(5) span:nth-child(1){background: url("../img/fabric/li5.png") left center no-repeat;}
.fabric1 li:nth-child(1) span:nth-child(2){ font-size: 40px; margin: 55px 0 0 40px;}
.fabric1 li:nth-child(2) span:nth-child(2){min-height: 45px; font-size: 30px; margin:60px 0 0 44px; padding-left: 0px; background: url("../img/fabric/span2.png") left center no-repeat;}
.fabric1 li:nth-child(3) span:nth-child(2){ width: 722px; text-align: center;}
.fabric1 li:nth-child(3) span:nth-child(2) img{ display:inline-block; width: auto;  margin-top: 20px; margin-left: 0px;}
.fabric1 li:nth-child(4) span:nth-child(2){ width: 722px; text-align: center;}
.fabric1 li:nth-child(4) span:nth-child(2) img{ display:inline-block; width: auto;  margin-top: 20px; margin-left: 0px;}
.fabric1 li:nth-child(5) span:nth-child(2){ width: 722px; text-align: center;}
.fabric1 li:nth-child(5) span:nth-child(2) img{ display:inline-block; width: auto;  margin-top: 20px; margin-left: 0px;}

.fabric2{ position: relative; margin-top: 112px;}
.fabrica1 .span{ position: absolute; width: 58px; height: 58px; background: url("../img/fabric/span.png") no-repeat; top: -26px; left: 50%; margin-left: -29px;}
.fabrica1 span:nth-child(2){ float: left; width: 100%; text-align:center; font-size: 45px; margin-top: 105px;} 
.fabrica1 span:nth-child(3){ float: left; width: 100%; height: 195px; margin-top: 75px; margin-bottom: 85px;}

.fabrica2{  float: left; position: relative; width: 100%; background: #fff;padding-bottom: 100px;}
.fabrica2 .span{ position: absolute; width: 58px; height: 58px; background: url("../img/fabric/span.png") no-repeat; top: -26px; left: 50%; margin-left: -29px;}
.fabrica2 ul{ margin: 97px 0 0 130px;}
.fabrica2 li{ float: left; width: 470px;}
.fabrica2 li span:nth-child(1){ float: left; width: 100%; text-align: center; font-size: 45px; padding-top: 165px; background: url("../img/fabric/syfw.png") top center no-repeat;}
.fabrica2 li span:nth-child(2){ float: left; width: 100%; text-align: center; font-size: 21px; line-height: 30px; color: #666; margin-top: 20px;}
.fabrica2 li:nth-child(2) span:nth-child(1){ background: url("../img/fabric/yctx.png") top center no-repeat;}

.fabrica3{  float: left; position: relative; width: 100%; padding-bottom: 76px;}
.fabrica3 .span{ position: absolute; width: 58px; height: 58px; background: url("../img/fabric/span.png") no-repeat; top: -26px; left: 50%; margin-left: -29px;}
.fabrica3 .span1{ float: left; width: 100%; text-align:center; font-size: 45px; margin-top: 105px;} 
.fabrica3 ul{ float: left; margin:67px 0 0 50px;}
.fabrica3 li:nth-child(-n+3){ float: left; width: 355px; height: 296px; background: #fff; margin-right: 17px;}
.fabrica3 li:nth-child(-n+3) span:nth-child(1){ float: left; width: 100%; font-size: 30px; text-align: center; padding-top: 87px; margin-top: 39px;}
.fabrica3 li:nth-child(-n+3) span:nth-child(2){ float: left; width: 100%; font-size: 18px; color: #666; text-align: center; line-height: 30px; margin-top: 20px;}
.fabrica3 li:nth-child(1) span:nth-child(1){ background: url("../img/fabric/sgff.png") top center no-repeat;}
.fabrica3 li:nth-child(2) span:nth-child(1){ background: url("../img/fabric/llyl.png") top center no-repeat;}
.fabrica3 li:nth-child(3) span:nth-child(1){ background: url("../img/fabric/gzsj.png") top center no-repeat;}


.fabrica3 li:last-child{float: left; width: 915px; height: 254px; padding: 0 50px 0 135px; margin-top: 32px; background: url("../img/fabric/zysx.png") 50px 53px no-repeat,#fff;}
.fabrica3 li:last-child span{ float: left; width: 100%;}
.fabrica3 li:last-child span:nth-child(1){ font-size: 30px; margin-top: 45px;}
.fabrica3 li:last-child span:nth-child(2){ font-size: 21px; color: #666; line-height: 30px; margin-top: 10px;}
.fabrica3 li:last-child span:nth-child(3){ font-size: 21px; color: #666; font-weight: bold; margin-top: 15px;}

.sdzl{ float: left; width: 100%;}
.sdzl li{ float: left;width:25%;}
.sdzl li:hover img{ opacity: 0.9;}