/* 共用 */
.head{position:relative; z-index:20; height:60px;}
.logo img{ width:190px; margin:14px 0 0 14px;}
.nav_ico{ border-left:1px solid #f0f0f0; height:60px;}

#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;}

.center{width: 95%;margin: 0 auto;}
.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}

.w10p{width:10%;} 
.w15p{width:15%;}
.w20p{width:20%;}
.w25p{width:25%;} 
.w30p{width:30%;}
.w35p{width:35%;}
.w40p{width:40%;}
.w45p{width:45%;}
.w50p{width:50%;}
.w55p{width:55%;}
.w60p{width:60%;}
.w65p{width:65%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w100p{width:100%;}

a{text-decoration: none;}
a:hover{text-decoration: none;}
.c1{color:#c02c2c !important;}  /*/red/*/
.cfff{color:#fff !important;}
.c313131{color:#313131 !important;}
.c666{color:#666 !important;}
.c999{color:#999 !important;}
.fz13{font-size: 13px;}
.fz15{font-size: 15px;}

.index-wrap .bannar{position:relative;width:100%;height:170px;overflow: hidden;}
.index-wrap .bannar ul li{width:100%;height: 170px;overflow: hidden;}
.index-wrap .bannar ul li img{width: 100%;height: 165px;}
.index-wrap .bannar .hd{width:100%;position:absolute;bottom:30px;text-align:center;font-size:0;z-index:1;}
.index-wrap .bannar .hd li{margin:0 5px;height:12px;overflow:hidden;width:12px;cursor:pointer;display:inline-block;*display:inline;zoom:1;background:#fff;border-radius:50%;}
.index-wrap .bannar .hd .on{background:#f39700;-moz-opacity:1;opacity:1;border-radius:50%;}
.index-wrap .classic-case .title img{width: 90%;}
.index-wrap .classic-case .info ul li{float: left;width: 48%;height: 0px;padding-top: 35%;position: relative;text-align: center;font-size: 14px;color: #313131;margin: 0px 1% 38px 1%;}
.index-wrap .classic-case .info ul li img{width: 100%;height: 100%;position: absolute;top:0px;left: 0px;}
.index-wrap .classic-case .info ul li a .headline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #313131;display: inline-block;}
.index-wrap .classic-case .info .more a{font-size: 14px;color: #fff;text-align: center;width: 100px;height: 28px;line-height: 28px;background: #c02c2c;display: inline-block;border-radius: 10px;}
.index-wrap .service-area .title img{width: 90%;}
.index-wrap .service-area .menu ul li{float: left;width:20%;}
.index-wrap .service-area .menu ul li a{font-size: 12px;color: #313131;text-align: center;display: inline-block;width: 100%;height: 35px;line-height: 35px;background: #eee}
.index-wrap .service-area .menu ul li .hover{background: #c3c3c3;}
.index-wrap .service-area .matter ul li{float: left;width: 31%;margin: 0px 1% 32px 1%;height: 0px;padding-top: 30%;position: relative;}
.index-wrap .service-area .matter ul li img{width: 100%;height: 100%;position: absolute;top:0px;left: 0px;}
.index-wrap .service-area .matter ul li .info{font-size: 12px;color: #313131;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top: 5px;text-align: center;}
.index-wrap .service-area .more a{font-size: 14px;color: #fff;text-align: center;width: 100px;height: 28px;line-height: 28px;background: #c02c2c;display: inline-block;border-radius: 10px;}
.index-wrap .service-category{width: 100%;background: #eee;padding-bottom: 15px;}
.index-wrap .service-category .title img{width: 90%;}
.index-wrap .service-category .matter ul li{font-size: 12px;color: #666;padding-top: 8px;}

.index-wrap .we-choose{width: 100%;background: #c00;padding-bottom: 15px;}
.index-wrap .we-choose .title img{width: 90%;}
.index-wrap .we-choose .matter ul li{width: 25%;float: left;text-align:center;color: #fff;}
.index-wrap .we-choose .matter ul li img{width: 90%;}
.index-wrap .we-choose .matter ul li .info{height: 36px;overflow: hidden;}

.index-wrap .service-process .title img{width: 90%;}
.index-wrap .service-process .matter ul li{float: left;width: 25%;text-align: center;padding-bottom: 10px;background: url(../Images/service-process-icon1.png) no-repeat -4px 16px;}
.index-wrap .service-process .matter ul li img{width: 75%;}
.index-wrap .service-process .matter ul li:first-child{background:none;}
.index-wrap .icon-wrap img{width: 100%;}
.index-wrap .sponsor .matter ul li{float: left;width: 31%;height: 0px;margin: 0px 1% 8px 1%;padding-top: 25%;position: relative;}
.index-wrap .sponsor .matter ul li img{width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.index-wrap .sponsor .more a{font-size: 14px;color: #fff;text-align: center;width: 100px;height: 28px;line-height: 28px;background: #c02c2c;display: inline-block;border-radius: 10px;}

.public-foot .link{width: 100%;background: #7d7d7d;padding: 10px 0px;color: #fff;}
.public-foot .link a{color: #fff;margin-right: 4px;}
.public-foot .copyright{font-size: 13px;color: #a7a7a7;text-align: center;background: #292a2c;padding: 5px 0px;}

.public-menu ul li{float: left;margin-right: 5px;}
.public-menu ul li a{width: 70px;height: 28px;line-height: 28px;background:#443e3e;font-size: 13px;color: #fff;display: inline-block;text-align: center;}
.public-menu ul li .hover{background: #c02c2c;}

.public-title{padding-bottom: 10px;border-bottom: 1px solid #dfdfdf;}
.public-title .headline{font-size: 14px;color: #999;}

.company-profile-wrap .bannar{width: 100%;height: 170px;}
.company-profile-wrap .info p{font-size: 12px;color: #666;text-indent: 2em;padding-bottom: 10px;line-height: 22px;word-wrap: break-word;word-break:break-all;}
.company-profile-wrap .pic img{width: 100%;}
.company-profile-wrap .advantage .title img{width: 90%;}
.company-profile-wrap .advantage ul li{float: left;width: 40%;margin: 0px 5% 85px 5%;height: 0px;padding-top: 40%;position: relative;text-align: center;}
.company-profile-wrap .advantage ul li img{width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.company-profile-wrap .advantage ul li .message{height: 38px;overflow: hidden;}

.public-new-case .title img{width: 90%;}
.public-new-case ul li{width: 31%;height: 0px;margin: 0px 1%;float: left;padding-top: 25%;position: relative;}
.public-new-case ul li img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.public-new-case ul li a{color: #313131;}
.public-new-case ul li .caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.public-new-case .more a{font-size: 14px;color: #fff;text-align: center;width: 100px;height: 28px;line-height: 28px;background: #c02c2c;display: inline-block;border-radius: 10px;}

.printing-equipment-wrap .bannar{width: 100%;height: 170px;}
.printing-equipment-wrap .message p{font-size: 12px;color: #666;text-indent: 2em;padding-bottom: 10px;line-height: 22px;word-wrap: break-word;word-break:break-all;}
.printing-equipment-wrap .list ul li{float: left;width: 48%;padding-top: 30%;height: 0px;margin: 0px 1% 38px 1%;position: relative;text-align: center;}
.printing-equipment-wrap .list ul li img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.printing-equipment-wrap .list ul li a{color: #313131;}

.public-paging{padding-top:0px;padding-bottom:30px;*zoom: 1;text-align:center;}
.public-paging a{display:inline-block;color: #1b1b1b!important;font-size: 15px;margin: 0px 3px;padding:7px 16px;background: #e5e5e5;text-align: center;font-style: normal;white-space: nowrap;border: 1px solid #ebebeb;line-height: 25px;}
.public-paging a:hover{color: #fff!important;background:#c02c2c;border:1px #c02c2c solid;text-decoration:none;}
.public-paging a,.web_fyer em {display:inline-block;color: #1b1b1b!important;font-size: 15px;margin: 0px 3px;padding:7px 16px;background: #e5e5e5;text-align: center;font-style: normal;white-space: nowrap;border: 1px solid #ebebeb;line-height: 25px;}
.public-paging a:hover,.web_fyer a.fycurrent {color: #fff!important;background:#c02c2c;border:1px #c02c2c solid;}

.public-notice ul li{float: left;width: 31%;margin: 0px 1%;font-size: 14px;color: #313131;text-align: center;padding-top: 16%;}
.public-notice ul .icon1{background: url(../Images/public-notice-pic1.png) no-repeat top center;background-size: 60% 50%;}
.public-notice ul .icon2{background: url(../Images/public-notice-pic3.png) no-repeat top center;background-size: 60% 50%;}
.public-notice ul .icon3{background: url(../Images/public-notice-pic5.png) no-repeat top center;background-size: 50% 50%;}

.case-show-wrap .bannar{width: 100%;height: 170px;}
.case-show-wrap .case-list ul li{float: left;width: 48%;margin: 0px 1% 32px 1%;height: 0px;padding-top: 35%;position: relative;text-align: center;}
.case-show-wrap .case-list ul li img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.case-show-wrap .case-list ul li .info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #313131;}

.serve-clients-wrap .bannar{width: 100%;height: 170px;}
.serve-clients-wrap .client-list .caption{font-size: 16px;}
.serve-clients-wrap .client-list .capting{font-size: 12px;}
.serve-clients-wrap .client-list ul li{float: left;width: 48%;margin: 0px 1% 10px 1%;height: 0px;padding-top: 30%;position: relative;}
.serve-clients-wrap .client-list ul li img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.real-time-delivery .bannar{width: 100%;height: 170px;}
.real-time-delivery .real-list table tr td{padding: 10px 0px;text-align: center;color: #666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom: 1px dashed #dfdfdf;}
.real-time-delivery .real-list table tr td a{color: #c02c2c;}

.trade-news-wrap .bannar{width: 100%;height: 170px;}
.trade-news-wrap .substance .info{border-bottom: 1px dashed #dfdfdf;padding-bottom: 35px;}
.trade-news-wrap .substance .info ul li{width:48%;float: left;margin: 0px 1%;height: 0px;padding-top: 30%;position: relative; text-align: center;}
.trade-news-wrap .substance .info ul li img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.trade-news-wrap .substance .info ul li .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #313131;padding-top: 5px;}
.trade-news-wrap .substance .news-list ul li{padding: 15px 0px;border-bottom: 1px dashed #dfdfdf;}
.trade-news-wrap .substance .news-list ul li .pic{height: 0px;padding-top: 37%;position: relative;width: 40%;}
.trade-news-wrap .substance .news-list ul li .pic img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.trade-news-wrap .substance .news-list ul li .intro{font-size: 12px;color: #666;height: 55px;overflow: hidden;}

.contact-us-wrap .bannar{width: 100%;height: 170px;}
.contact-us-wrap .details .touch{width: 100%;background:#eee;padding-bottom: 20px;}
.contact-us-wrap .details .touch .way p{color: #999;padding-bottom: 3px;}
.contact-us-wrap .details .touch .phone{font-size: 24px;}
.contact-us-wrap .details .touch .hotline{font-size: 18px;}
.contact-us-wrap .details .sample-graph img{width: 100%;}
.contact-us-wrap .map-pic img{width: 100%;}
.contact-us-wrap .leave-word .demand{width: 100%;padding: 15px 0px;background:#fbf8f3;}
.contact-us-wrap .leave-word .demand form .input{padding-left:5%;width: 95%;height: 30px;line-height: 30px;outline: none;border:  1px solid #b5b5b5;}
.contact-us-wrap .leave-word .demand form p{margin-bottom: 10px;}
.contact-us-wrap .leave-word .demand form .textarea{outline: none;resize: none;width:95%;background: #fff;padding-top: 10px;height: 100px;padding-left: 4%;}
.contact-us-wrap .leave-word .demand form .submit{width:90px;height: 30px;background: #c02c2c;color: #fff;font-size: 14px;text-align: center;line-height: 30px;display: inline-block;outline: none;border: none;border-radius: 5px;}

.contact-us-wrap .regarding ul li{float: left;width: 48%;margin: 0px 1%;text-align: center;height: 0px;padding-top: 30%;position: relative;}
.contact-us-wrap .regarding ul li img{width: 70%;height: 100%;position: absolute;top: 0;left:15px;}
.contact-us-wrap .regarding ul li .info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.contact-us-wrap .regarding .wechat img{width: 100%;}

.public-details-wrap .bannar{width: 100%;height: 170px;}
.public-details-wrap .public-headline{font-size: 18px;color: #c02c2c;text-align: center;}
.public-details-wrap .intro p{font-size: 12px;padding-bottom: 10px;text-indent: 2em;color: #999;line-height: 22px;word-wrap: break-word;word-break:break-all;}
.public-details-wrap .intro{font-size: 12px;color: #999;line-height: 22px;word-wrap: break-word;word-break:break-all;}
.public-details-wrap .intro img{width: 100%;}