.cfff{color:#fff;}
.c333{color:#333 !important;}
.c666{color:#666;}
.c999{color:#999;}
.c1{color:#fdba0b;}
.ta-c{text-align: center;}
.head{position:fixed;width:100%; z-index:20; height:60px;background:#fff;}
.logo img{ height:20px; margin:14px 0 0 14px;margin-top:20px;max-width:200px;}
.nav_ico{ border-left:1px solid #f0f0f0; height:60px;}

.fiximg img{max-width:100%;height:auto;margin-top:10px;}
.fiximg *{text-indent:0 !important;}

#nav-btn{position:relative; z-index:11; float:right; width:30px; height:40px; padding:15px 15px 5px 15px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
#nav-btn span{position:absolute; top:50%; left:15px; width:30px; height:2px; margin:auto; background:#999; border-radius:1px; transition:0.3s;}
#nav-btn span:before, #nav-btn span:after{content:''; display:block; position:absolute; left:0; width:30px; height:2px; background:#999; border-radius:1px; transition:0.3s, 0.3s;  transition-property: top, transform; transition-delay:0.3s, 0;}
#nav-btn span:before{top:-8px;}
#nav-btn span:after{top:8px;}
#nav-btn.act span{background:transparent;}
#nav-btn.act span:before{-webkit-transform:rotate(45deg); top:0;}
#nav-btn.act span:after{-webkit-transform:rotate(-45deg); top:0;}
#nav-btn.act span:before, #nav-btn.act span:after{transition-delay:0, 0.3s;}

#nav{display:none; position:absolute; top:100%; left:0; width:100%; background:#fff; box-shadow:0 6px 6px 1px rgba(0,0,0,0.4);}
#nav ul{padding-bottom:80px;}
#nav ul li{border-bottom:1px solid #eee; line-height:50px; font-size:16px; text-indent:10px;}
#nav ul li span{display:block; height:50px; color:#333;}
#nav ul li div{display:none; text-indent:30px;}
#nav ul li dl{position:relative;}
#nav ul li dl:after{content:''; position:absolute; bottom:0; left:8%; width:84%; height:1px; background:#eee;}
#nav ul li dl dt{height:50px; color:#008cd6;}
#nav ul li dl dd{display:none; text-indent:50px;}
#nav ul li a{display:block; height:50px; color:#999;}
#nav ul li > a{color:#333;}
#nav ul li div > a{color:#008cd6;}
.head-logo{width:100%;height: 200px;background:url(Images/head-logo.jpg)no-repeat top center;background-size:cover;position: relative;}
.head-logo .relation{width: 100%;height: 35px;background:#333;position: absolute;bottom: 0px;opacity:0.7;line-height: 35px;color: #fff;}
.head-logo .relation .phone{height: 50%;width: 30%;}
.head-logo .relation .phone img{width:100%;height: 100%;}

.slideBox{height:200px;overflow: hidden;margin: auto;width: 100%;position: relative;}
.slideBox .hd{height: 40px;overflow: hidden;position: absolute;left: 0;right: 0;margin: auto;bottom: 0px;z-index: 1;line-height: 40px;}
.slideBox .hd ul{overflow: hidden;zoom: 1;float: left;}
.slideBox .hd ul li.on{background: url(Images/ibannerarr.png) no-repeat 35px center;color: #fff;padding-right: 40px;}
.slideBox .hd ul li{float: left;height: 40px;line-height: 40px;font-size: 18px;color: #a0a0a0;cursor: pointer;margin-right:10px;}
.slideBox .bd{position: relative;height: 100%;z-index: 0;}
.slideBox .bd li{height:200px;width: 100%;zoom: 1;vertical-align: middle;position: relative;}
.slideBox .tel{position: absolute;left: 0;right: 0;margin: auto;bottom: 0;height: 40px;width: 100%;background: rgba(0,0,0,0.5) none repeat scroll !important;background: #000;filter: Alpha(opacity=50);color: #fff;}
.slideBox .tel p{text-align: right;height: 50%;width: 30%;float: right;line-height: 40px;}
.slideBox .tel p img{vertical-align: middle;width:100%;}

.abstract{background: #fff;}
.abstract .iaboutsub{position: relative;}
.abstract .iaboutsub .iaboutsub-icon{height: 185px;}
.abstract .iaboutsub .iaboutsub-icon img{height: 185px;}
.abstract .understand{width: 100%;height:40px;background:#92bd16;line-height: 40px;font-size: 16px;color: #fff;}
.abstract .txt{background:#fff;padding:10px 10px;color: #666;}
.abstract .txt .txt{padding:0;}
.abstract .iaboutsub .tab ul li{float: left;width: 33.3%;background:#000;}
.abstract .iaboutsub .tab a{float:left;display: inline-block;text-align: center;background:#000;color: #fff;padding: 5px 0px;font-size: 14px;text-decoration: none;width: 100%;text-align: center;}
.abstract .iaboutsub .tab a.hover{background:#f8bc02;}
.abstract .iaboutsub .iaboutsub-icon img{width: 100%;}
.index-wrap .warum-elect{width: 100%;background:#fff;padding-bottom: 10px;margin-top: 20px;}
.index-wrap .warum-elect .reason ul li{float: left;width:33%;padding-bottom: 10px;}
.index-wrap .warum-elect .reason ul li .icon{border-radius: 50%;width: 80px;height:80px;text-align: center;margin:0 auto;}
.index-wrap .warum-elect .reason ul li p{text-align: center;}
.index-wrap .warum-elect .reason ul li a{text-decoration: none;}

.index-wrap .our-service-wrap{background: #fff;margin-top: 20px;}
.index-wrap .our-service{width: 100%;background: url(Images/our-service-bg.jpg)no-repeat top center;background-size:cover;height:250px;}
.index-wrap .our-service .icon ul{position: relative;width:90%;margin: 0 auto;padding-top:5px;}
.index-wrap .our-service .icon ul li{float: left;width:33.3%;text-align: center;}
.index-wrap .our-service .icon ul li img{width:76px;}

.index-wrap .issuance-case,.index-wrap .production-case{width: 100%;background: #fff;padding-bottom:10px;margin-top: 20px;}
.index-wrap .production-case .menu{padding:0px 10px 10px 10px;}
.index-wrap .production-case .menu ul li{float: left;width:16.66%;text-align: center;}
.index-wrap .production-case .menu ul li a{text-align: center;display: inline-block;text-decoration: none;color: #999;}
.index-wrap .production-case .menu ul li a.hover{color: #000;}
.index-wrap .issuance-case .info,.index-wrap .production-case .info{margin: 0px 10px;background: #fff;}
.index-wrap .issuance-case .info img,.index-wrap .production-case .info img{width: 100%;height: 175px;}
.index-wrap .issuance-case .info .info-pic,.index-wrap .production-case .info .info-pic{position: relative;}
.index-wrap .issuance-case .info .info-pic i,.index-wrap .production-case .info .info-pic i{display: block;position: absolute;width: 61px;height: 61px;background: url(Images/iplaybtn.png) no-repeat;left: 0;top:60px;right: 0;margin: auto;}
.index-wrap .issuance-case .info .introduction,.index-wrap .production-case .info .introduction{background: #fff;padding: 10px;color: #999;font-size: 14px;}
.index-wrap .issuance-case .info .introduction p,.index-wrap .production-case .info .introduction p{padding-bottom: 2px;}

.index-wrap .fabrication{width: 100%;background: #f8bc02;margin-top: 20px;}
.index-wrap .fabrication .issue{padding: 3px 8px;background: #ef8702;color: #fff;text-decoration: none;border-radius: 10px;}
.index-wrap .fabrication .icon{padding: 0px 10px;}
.index-wrap .fabrication .icon img{width: 100%;}
.index-wrap .marketing{margin-top: 20px;background: #fff;}
.index-wrap .marketing .info{padding: 10px;}
.index-wrap .marketing .info ul li{float: left;width:48%;text-align: center;margin: 0px 1%;}
.index-wrap .marketing .info ul li img{width: 100%;}
.index-wrap .marketing .info ul li .know{padding: 2px 10px;background:#f8bc02;color: #fff;border-radius: 10px;font-size: 12px;}

.index-wrap .dynamic{background: #fff;margin-top: 20px;}
.index-wrap .dynamic .menu{padding:0px 10px;}
.index-wrap .dynamic .menu ul li{float:left;width: 20%;text-align: center;}
.index-wrap .dynamic .menu ul li a{width: 100%;color: #666;font-size: 14px;text-align: center;text-decoration: none;}
.index-wrap .dynamic .menu ul li a.hover{color: #f8bc02;}
.index-wrap .dynamic .info{padding: 10px;}
.index-wrap .dynamic .info .info-pic{width: 50%;}
.index-wrap .dynamic .info img{width: 100%;}
.index-wrap .dynamic .carte {padding: 10px 10px;border-top: 1px dashed #ddd;}
.index-wrap .dynamic .carte ul li{float: left;width: 50%;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;padding-bottom: 5px;}
.index-wrap .dynamic .carte ul li a{color: #333;text-decoration: none;width: 100%;vertical-align: middle;background: url(Images/inewsrddlibg.png) no-repeat left 6px;padding-left: 10px;}

.service{padding: 10px;background: #fff;margin-top: 20px;}
.service i{font-size:29px;font-family:impact;display:block;color:#f9bc03;}

.foot{background:#292a2c; color:#fff; padding:10px 10px;text-align:center;}



.product-info{margin:0px 10px;background: #fff;margin-top:10px;}
.product-info img{width: 100%;height: 175px;}
.product-info .info-pic{position: relative;}
.product-info .info-pic i{display: block;position: absolute;width: 61px;height: 61px;background: url(Images/iplaybtn.png) no-repeat;left: 0;top:60px;right: 0;margin: auto;}
.product-info .introduction{background: #fff;padding: 10px;color: #999;font-size: 14px;}
.product-info .introduction p{padding-bottom: 2px;}

.news-info{padding: 10px;}
.news-info .info-pic{width:40%;}
.news-info img{width: 100%;}

.page {padding:10px 0;text-align:center;}
.page a,.web_fyer em {display:inline-block;color: #1b1b1b!important;font-size: 15px;margin:0px 3px;padding:0px 8px;background: #e5e5e5;text-align: center;font-style: normal;white-space: nowrap;border: 1px solid #ebebeb;line-height: 25px;}
.page a:hover,.web_fyer a.fycurrent {color: #fff!important;background:#f9bc03;border:1px #f9bc03 solid;}

.diabox{background:#fff;width:100%;margin:0 auto;}
.diabox .fm{text-align:center;color:#a0a0a0;}
.diabox .fm h4{font-size:17px;color:#a0a0a0;padding:32px 0 22px;}
.diabox .fm input{width:90%;height:50px;border:1px #a0a0a0 solid;border-radius:6px;font-size:14px;text-indent:14px;margin:0 auto;}
.diabox .fm li{padding-bottom:12px;list-style:none;}
.diabox .fm button{margin-top:5px;font-size:20px;color:#fff;width:237px;height:52px;line-height:50px;border:0;border-radius:6px;background:#e96800;}
.diabox .bt{height:223px;background:#e5e5e5;margin-top:48px;padding-top:30px;}
.diabox .bt p{width:385px;margin:0 auto;font-size:13px;color:#7d7d7d;line-height:22px;padding:8px 0;border-top:1px #d2d2d2 solid;}