@charset "utf-8";.page-banner{width:100%;height:450px;margin-top:3px;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-background-size:cover;}
.banner{text-align:center;width:100%;font-size:30px;font-weight:600;color:#ffffff;position:absolute;left:0;right:0;top:50%;}
.column{display:none;}
.nav_pc>ul>li:hover .column{display:block;}
/*当前位置*/

.path{width:100%;height:45px;line-height:45px;background:#fff;}
.path span{font-family:"NSimSun";margin:0px 5px;}
/*分页*/

.paging{text-align:center;}
.paging span{padding:5px 10px;margin:0px 3px;background:#0067be;color:#ffffff;}
.paging a{display:inline-block;padding:5px 10px;margin:0px 3px;box-shadow:0px 0px 2px 1px #E0E0E0;background:#FFFFFF;}
.paging a:hover{background:#0067be;color:#ffffff;}

.select-description{width:100%;font-size:14px;font-weight:300;line-height:20px;padding:20px 0;}
.top-printer{margin:0;width:300px;}
.page-a{padding:20px 0px 30px 0px;width:100%;overflow:hidden;}
.page-a-left300{width:23%;float:left;margin-right:2%;}
.page-a-right{width:75%;float:left;overflow:hidden;background:#fff;}

.page-b{padding:30px 0px 30px 0px;width:100%;overflow:hidden;}
.page-b-left{width:75%;float:left;margin-right:2%;}
.page-b-right300{width:23%;float:left;overflow:hidden;background:#fff;}

.page-top{width:100%;padding:25px 0 37px; 0;background:#f7f7f7;-webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.25);-moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.25);box-shadow:1px 1px 4px rgba(0, 0, 0, 0.25);}
.details-w{margin:0 auto;max-width:1260px;padding-bottom:15px;position:relative;}
.details-name{font-size:22px;font-weight:400;word-wrap:break-word;}
.details-name i{position:relative;top:-2px;font-size:14px;background-color:#58cbac;color:#fff;padding:1px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;}
.details-angle-down{position:absolute;bottom:-59px;left:25px;width:45px;height:25px;background:url(summaryBgTriangle.png) no-repeat center;}
.page-top ul{padding: 10px;}
.page-top li{ float: left; padding: 5px;}
.page-top li.active a{color:#58cbac;}
.back-input{cursor:pointer;height:33px;float:right;padding:0 11px 0 10px;line-height:33px;background:#58cbac;color:#fff;font-size:16px;font-weight:300;border:0;-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.30);-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.30);-o-box-shadow:0px 2px 5px rgba(0,0,0,0.30);-ms-box-shadow:0px 2px 5px rgba(0,0,0,0.30);box-shadow:0px 2px 5px rgba(0,0,0,0.30);-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.back-input:hover{background:#48a189;}

.terminology-top{display:none;margin:0 auto;max-width:350px;}
.terminology-top ul{width:100%;float:left;margin:0 0 30px 0;}
.terminology-top li{width:auto;float:left;clear:both;display:block;color:#005596;font-size:14px;font-weight:700;}
.terminology-top li a{width:100%;float:left;color:#005596;line-height:15px;font-weight:400;}
.terminology-top li a:hover{text-decoration:underline}

.terminology-right{display:block;}
.terminology-right h2{width:100%;float:left;margin:0 0 10px 0;color:#666666;font-size:18px;font-weight:400;line-height:21px;}
.terminology-right ul{width:100%;float:left;margin:0 0 30px 0;}
.terminology-right li{width:auto;float:left;clear:both;display:block;color:#005596;font-size:14px;font-weight:700;}
.terminology-right li a{width:100%;float:left;color:#005596;line-height:20px;font-weight:400;text-decoration:none;}
.terminology-right li a:hover{text-decoration:underline}

.page-content{padding:20px;}

.terminology-regulartext {color:#443931;font-size:14px;font-weight:400;line-height:28px;}
.faq-top-txt{margin:0px 0 50px 0;color:#443931;font-size:14px;font-weight:400;line-height:28px;}
.faq-text{color:#443931;padding-top:30px;}
.faq-text h4{padding:0 0 8px 0;border-bottom:1px solid #e2e2e2;font-size:18px;font-weight:400;line-height:21px;}
.faq-text .ccc{margin:25px 0 50px 0;font-size:14px;font-weight:400;line-height:28px;}
.faq-text a{color:#58cbac;text-decoration:underline;}
.faq-text a:hover{color:#58cbac;text-decoration:none;}

.faq-answer{width:100%;margin:25px 0 50px 0;font-size:13px;font-weight:400;line-height:28px;}
.faq-answer a{color:#58cbac;text-decoration:underline;}
.faq-answer a:hover{text-decoration:none;}
.faq-answer ul{width:100%;}
.faq-answer ul li{width:auto;margin:0 0 10px 25px;list-style-type:initial;}


.terminology-wrapper{width:100%;}
.terminology-post{width:100%;margin:20px 0 0 0;overflow:hidden;}
.terminology-title {width:100%;padding:10px 0 8px 0;border-bottom:1px solid #e2e2e2;color:#443931;font-size:18px;font-weight:400;line-height:21px;cursor:default;}
.terminology-description {width:100%;margin:25px 0 30px 0;color:#443931;font-size:14px;font-weight:400;line-height:28px;}
.terminology-gallery {width:100%;}
.terminology-img {height:150px;float:left;margin:0 10px 10px 0;}
.terminology-img img{max-height:150px;float:leftvertical-align:top;}

.recicle-holder{display:block;width:100%;max-width:100%;margin-top:20px;padding-bottom:60px;}
.recicle-holder .box-3{float:left;margin:0 1%;width:31%;box-sizing:border-box;background:#f7f7f7;border-radius:10px;padding:15px;}
.recicle-holder .box-3 h3{font-family:"Raleway";font-size:24px;text-align:center;margin-bottom:20px;}
.recicle-holder .box-3 h3 i{font-size:14px;background-color:#58cbac;color:#fff;padding:1px;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;}
.recicle-holder .box-3 h4{font-family:"Raleway";font-size:14px;font-weight:400;height:45px;text-align:center;tpadding-bottom:5px;border-bottom:3px solid #58cbac;}
.recicle-holder .box-3 span{font-family:"Raleway";font-size:14px;display:block;margin:15px 0;min-height:30px;}
.recicle-holder .box-3 ul{min-height:420px;}
.recicle-holder .box-3 ul li{font-size:14px;margin-bottom:10px;margin-left:15px;color:#443931;line-height:20px;}
.recicle-holder .box-3 .rec-address-box{background:#ffffff;border-radius:10px;padding:10px 10px 10px 10px;min-height:100px;}
.recicle-holder .box-3 .rec-address-box p{margin:0px;font-size:14px;width:100%;}

.compatible-list{width:100%;margin:10px 0 2px 0;min-height:810px;}
.compatible-list .box{width:100%;margin:0 0 50px 0;overflow:hidden;}
.compatible-list .pic{float:left;width:270px;height:190px; margin:0 auto; margin-right:30px;border:1px solid #e2e2e2;text-align:center;}
.compatible-list .pic img{height:130px;float:none;margin:30px auto;line-height:190px;vertical-align:middle;}
.compatible-list .data{float:left;}
.compatible-list .compatible-title{width:100%;color:#41494a;font-size:14px;font-weight:700;line-height:16px;}
.compatible-list .compatible-title a{color:#41494a;}
.compatible-list .data li{display:block;color:#443931;font-size:14px;font-weight:400;line-height:22px;}
.compatible-list .data li span{color:#9b9b9b;font-size:12px;font-weight:400;}
.compatible-list .compatible-details{clear:both;color:#58cbac;font-size:14px;font-weight:400;line-height:24px;text-decoration:underline;}
.compatible-list .compatible-details:hover{text-decoration:none;}



/*news*/

.news{overflow:hidden;padding-bottom:20px;}
.news li{border-bottom:1px solid #eee;overflow:hidden;padding:20px 5px;transition: all 0.36s;}
.news-img{width:200px;max-height:150px;border:1px solid #eee;overflow:hidden;float:left;margin-right:20px;}
.news-img img{transition:0.5s;}
.news-img:hover img{transform:scale(1.1);transition:0.5s;}
.time{padding:3px 0px;font-size:13px;color:#888;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.time span{margin-right:10px;}
.time i{margin-right:3px;}
.news-txt{overflow:hidden;}
.news-txt h2{font-weight:300;font-size:20px;padding-bottom:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-txt p{color:#575757;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news li a.link{font-family:"NSimSun";float:right;color:#004898;}
.news li:hover{box-shadow: 0 0 19px 2px rgba(0 , 0, 0, 0.1);cursor:pointer;}



.show{margin-top:20px;background:#fff;overflow:hidden;padding:0px 10px 30px 0px;}
.show-content{padding:0px 12px 20px 12px;}
.title{padding:15px 0px;}
.title h1{text-align:center;padding:10px 0px 5px 0px;color:#0067be;font-size:18px;}
.title p{text-align:center;border-bottom:1px solid #eee;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#888;padding-bottom:10px;font-size:14px;}
.content{padding:10px 0px;font-size:14px;line-height:24px;overflow:hidden;}
.content img{margin:10px 0;}
.content table{border:#eee 1px solid;width:100%;}
.content table td{border-right:#eee 1px solid;border-bottom:#eee 1px solid;padding:5px;}

/*上一页*/
.syy{padding-top:10px;border-top:#eee 1px solid;font-size:14px;}
.syy li{width:100%;line-height:24px;}
.syy a{padding-left:10px;color:#616161;}
.syy a:hover{color:#18b8d8;}

.paging{text-align:center; margin-top:50px;margin-bottom:20px;}
.paging span{padding:5px 10px;margin:0px 3px;background:#004898;color:#ffffff;}
.paging a{display:inline-block;padding:5px 10px;margin:0px 3px;box-shadow:0px 0px 2px 1px #E0E0E0;background:#FFFFFF;}
.paging a:hover{background:#004898;color:#ffffff;}


iframe#external-frame{width:100%;height:550px;}
.dg{padding:10px;}
.dg input{width:46%;margin:0px 2% 20px 2%;background:none;border:none;border:1px solid #ccc;outline:none;float:left;padding:10px;font-size:14px;color:#333;}
.dg input::-webkit-input-placeholder{color:#888;}
.dg textarea{width:96%;height:100px;margin:5px 2% 20px 2%;background:none;border:none;border:1px solid #ccc;outline:none;float:left;padding:10px;font-size:14px;color:#333;}
.dg textarea::-webkit-input-placeholder{color:#888;}
.dg input.yzm{width:20%;}
/*按钮特效*/

.btn {display:inline-block;margin-bottom:0;font-weight:900;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 40px;font-size:16px;line-height:1.5;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.btn-round.btn-default {color:#fff;background-color:#b2aeae;}
.btn-round.btn-default:before,

.btn-round.btn-default:after {background:#0067be;}
.btn-round.btn-default:hover {color:#fff;border-color:#0067be;background:#0067be;}
.btn-round {position:relative;z-index:1;overflow:hidden;background-color:transparent;transition:.2s;transition-delay:.1s;}
.btn-round:hover {transition-delay:.45s;}
.btn-round:before,

.btn-round:after {position:absolute;top:50%;content:'';width:20px;height:20px;background:#434345;border-radius:50%;transition:0.5s;z-index:-1;}
.btn-round:before {left:-20px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.btn-round:after {right:-20px;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);}
.btn-round:hover:before {-webkit-animation:criss-cross-left 0.8s;animation:criss-cross-left 0.8s;}
.btn-round:hover:after {-webkit-animation:criss-cross-right 0.8s;animation:criss-cross-right 0.8s;}
/** 2.19 Animations Addons */

@-webkit-keyframes criss-cross-left {0% {left:-20px;}
50% {left:50%;width:20px;height:20px;}
100% {left:50%;width:375px;height:375px;}}
@keyframes criss-cross-left {0% {left:-20px;}
50% {left:50%;width:20px;height:20px;}
100% {left:50%;width:375px;height:375px;}}
@-webkit-keyframes criss-cross-right {0% {right:-20px;}
50% {right:50%;width:20px;height:20px;}
100% {right:50%;width:375px;height:375px;}}
@keyframes criss-cross-right {0% {right:-20px;}
50% {right:50%;width:20px;height:20px;}
100% {right:50%;width:375px;height:375px;}}

@media(max-width:1200px){
.details-angle-down{display: none;}
.details-name{padding-left:10px;padding-right:10px;}
.select-description{text-align:center;}
.top-printer{margin:0 auto;}
.page-a{padding:20px 10px;}
.page-a-left300{float:none;margin:0;width:100%;}
.page-a-right{float:none;margin:0;width:100%;}
.page-b{padding:20px 10px;}
.page-b-left{float:none;margin:0;width:100%;}
.page-b-right300{float:none;margin:0;display:none;width:100%;}

.terminology-top{display:block;}
.terminology-right{display:none;}
.recicle-holder .box-3{float:none;margin:0;width:100%;box-sizing:border-box;padding:15px;}


}
@media(max-width:900px){.new-xw h1{padding:10px 0px 10px 17px;}
.new-xw h1:before{left:7px;}
.kf{display:none;}
.path{padding:0px 7px;}
.news ul{padding:0px 7px 20px 7px;}
.new-xw ul{padding:10px 7px;}
}

@media(max-width:720px){
.compatible-list .pic{float: none;margin-right:0; margin:0 auto;}
.compatible-list .data{float: none; margin:0 auto; width: 270px; padding-top: 10px;}
}

@media(max-width:640px){.product li,.zz-list li{width:50%;}}
@media(max-width:500px){}