.pro-view-bg{position:relative;overflow:hidden;width:100%;margin-bottom:5%; max-height:877px;}

.pro-view-bg .pro-view-bg-word{ margin-right:5%;text-align:right;padding:35% 0 20% 0;color:#ca2424}

.product-word{width:100%;margin-bottom:22%}

.product-word .pro-line{max-width:367px;height:1px;border-top:1px solid #e9e9e9; width:100%; margin:5% auto;}

.product-word font,.product-word p{display:block;margin:0 auto;;text-align:center;color:#7f7f7f}

.product-word a{display:block;margin:0 auto;margin-top:48px;border-radius:20px;width:211px;text-align:center;padding:10px 20px;background-color:#0e4d1e;color:#fff}

.pro-4pic{margin-bottom:15%}

.pro-4pic li{float:left;width:48.8%}

.product-jieshao{margin-bottom:10%}

.product-jieshao .jieshao-up{border-bottom:1px solid #e9e9e9; padding-bottom:2.5%; margin-bottom:5%}

.product-jieshao .jieshao-up .jieshao-kuang{width:64px;height:64px;margin-right:15px;margin-bottom:2%;border:1px solid #e9e9e9}

.product-jieshao .jieshao-down li{float:left;width:22%;margin-right:4%; margin-bottom:4%;}

.product-jieshao .jieshao-down li img{width:100%}

.product-jieshao .jieshao-down p{text-align:center; margin-top:20px;}

.reference .container{border-bottom:1px solid #e9e9e9}

.lunbotu{width:100%;position:relative; overflow:hidden;}

.lunbotu .container{ position:relative;}

.lunbotu .page{ top:50%; position:absolute; margin-top:-22px;}

.lunbotu .next{right:-50px}

.lunbotu .prev{left:-50px}

.lunbotu .lunbo-detail{position:relative; color:#fff; text-align:center; overflow:hidden;}

.lunbotu .lunbo-detail a{ color:#fff;}

.lunbotu .lunbo-detail span{position:absolute;top:5%;left:3%; text-align:left;}

.lunbotu .lunbo-detail .slide-center{position:absolute;margin:-60px auto 0;left:0;right:0;top:50%;letter-spacing:8px;}

.lunbotu .lunbo-detail .slide-center font{display:block;}

.pro-pic{ margin-bottom:15%;}

.list-title .title-box{padding:1% 0 1% 0;margin:0 auto;text-align:center}

.list-title font{display:block}

.list-bg{width:100%;margin-bottom:7%}

.list-bg .list-bg-box{position:relative;max-height:660px; text-align:center;margin-bottom:12%; overflow:hidden;}

.list-bg .list-bg-box p{ color:#fff; display:block; padding:22% 0; text-transform:uppercase}

.list-bg span{display:block;margin:0 auto;text-align:center}

.pro-list li{position:relative;float:left;margin-left:.5%;margin-right:.5%;margin-bottom:5%}

.pro-list li img{width:100%}

.pro-list li .list-word{position:absolute}

.pro-list li span{display:block}

.pro-list li font,.pro-list li span{color:#000000}

.pro-list p{margin-top:2.5%;text-align:left;font-size:13px}







.pro-view-bg-word font{font-size:20px}

.pro-view-bg-word p{ text-transform:uppercase;letter-spacing:10px;font-size:50px; margin-right:-10px;}

.pro-view-bg-word span{font-size:40px}

.product-word font{font-size:40px}

.product-word p{font-size:18px; max-width:630px;}

.product-word a{font-size:18px}

.reference{ overflow:hidden;margin-bottom:6%}

.reference .re-left{ width:30%;max-width:385px;margin-bottom:10%}

.reference .re-left p{font-size:14px;margin-bottom:10%}

.reference .re-left span{font-size:16px}

.reference .re-right { max-width:800px; width:65%;}

.reference .re-right li{float:left; margin-left:5%; width:20%; padding:10px;}

.reference .re-right li.on{border: solid 2px #17a255;}

.reference .re-right li img{ width:100%;}

.reference .re-right li p{margin-top:28px;text-align:left;font-size:16px}

.product-jieshao .jieshao-up{font-size:18px}

.product-jieshao .jieshao-up img{ margin-right:15px; height:64px;}

.product-jieshao .jieshao-up p{line-height:64px}

.product-jieshao .jieshao-down p{font-size:15px}

.lunbo-detail span{font-size:18px}

.lunbo-detail p{ text-transform:uppercase;font-size:50px}

.lunbo-detail font{font-size:40px;}

.list-title font{font-size:18px; letter-spacing:5px;}

.list-title span{display:block;font-size:65px; margin-bottom:5%;}

.list-title p{font-size:14px; max-width:740px; margin:0 auto; text-align:left;}

.list-bg .list-bg-box p{font-size:50px; letter-spacing:10px;}

.list-bg span{font-size:22px}

.pro-list li{width:32.33%}

.pro-list li .list-word{bottom:7.5%;left:36%}

.pro-list li span{font-size:35px}

.pro-list li font{font-size:18px}

.pro-list p{ padding:0 7.5%; color:#868686; height:39px; overflow:hidden;}

.pro-list li .item{ position:relative; max-height:490px; overflow:hidden;}





.products-fix{ position:fixed; top:0; left:0; display:none; width:100%; background:url(../images/bg.png) repeat; height:100%; z-index:99999}

.products-fix .closes{ position:absolute; right:0; top:0;}

.products-fix .item{ background:#fff; position:absolute; width:100%;top:0; overflow-y:auto; height:100%;}

.products-fix .item .thumb{width:50%; text-align:center;padding:0 2.5%; float:left; margin:10% 0;}

.products-fix .item .ul{ width:50%; padding:5%; float:right; margin-top:220px; overflow:hidden;}

.products-fix .item .ul .p1{ font-size:25px;}

.products-fix .item .ul .p2{ font-size:18px; color:#7f7f7f; margin:5px 0 5% 0;}

.products-fix .item .ul ul li{ width:23%; margin-right:2%; margin-bottom:2%; float:left;}

.products-fix .item .ul ul li img{display:block;}





@media screen (min-width:768px) and (max-width:1279px){

	.pro-view-bg{height:585px}

.pro-view-bg-word{bottom:10%;right:12%}

.pro-view-bg-word font{font-size:18px}

.pro-view-bg-word p{font-size:45px}

.pro-view-bg-word span{font-size:38px}

.product-word font{font-size:38px}

.product-word p{font-size:16px}

.product-word a{font-size:16px}

.product-word font,.product-word p{width:530px}

.reference .re-left p{font-size:14px;}

.reference .re-left span{font-size:16px;margin-top:30px;margin-bottom:20px;display:block}

.reference .re-right{width:100%;text-align:center;margin:0 auto;margin-bottom:5%}

.reference .re-right ul{width:700px;margin:0 auto}

.reference .re-right li{float:left;margin-right:36px}

.reference .re-right li p{font-size:16px}

.lunbo-detail .slide-center{width:437px}

.lunbo-detail span{font-size:16px}

.lunbo-detail p{font-size:45px}

.lunbo-detail font{font-size:35px;width:413px}

.list-title font{font-size:18px}

.list-title span{display:block;font-size:65px;}

.list-title p{font-size:14px}

.list-bg .list-bg-box p{width:450px;font-size:45px}

.list-bg span{width:420px;font-size:22px}

.pro-list li{width:32%}

.pro-list li .list-word{bottom:20%;left:5%}

.pro-list li span{font-size:25px}

.pro-list li font{font-size:18px}

}



@media (max-width:1024px){

.list-title span{ font-size:55px;}

.pro-view-bg .pro-view-bg-word{ margin-right:0;}

.lunbo-detail .slide-center p{ font-size:44px;}

.lunbo-detail .slide-center font{ font-size:30px;}

.products-fix .item{ height:auto; margin-top:0; top:0; height:100%; overflow-y:auto;}

.products-fix .item .thumb{ width:70%;margin-top:15%; float:none; margin-left:auto; margin-right:auto;text-align:center;}

.products-fix .item .ul{ width:70%;float:none; margin:5% auto;}

.products-fix .item .ul .p1{ font-size:20px;}

.products-fix .item .ul .p2{ font-size:16px;}

}

@media (max-width:768px){

.products-fix .item .ul ul li{ width:31%}


.pro-view-bg-word font{ font-size:18px;}

.pro-view-bg-word p{ font-size:40px;}

.pro-view-bg-word span{ font-size:30px;}

.list-title span{ font-size:44px;}

.list-bg .list-bg-box p{ font-size:36px;}

.pro-list li{ width:49%;}

.list-bg span{ font-size:18px;}

.pro-list li span{ font-size:30px;}

.product-word font{ font-size:34px;}

.product-word p{ font-size:15px;}

.reference .re-left p{ margin-bottom:5%;}

.reference .re-left,.reference .re-right{ max-width:100%; width:100%;}

.reference .re-right{ margin-bottom:10%;}

.reference .re-right li{ margin-left:0; margin-right:5%;}

.reference .re-left{ margin-bottom:10%;}

.reference{ margin-bottom:10%;}

.lunbotu .lunbo-detail img{max-width:120%;width:120%;margin-left:-10%}

.product-jieshao .jieshao-down li{ width:30.33%; margin-left:1.5% !important; margin-right:1.5% !important;}

.product-jieshao .jieshao-up{ font-size:16px;}

}

@media screen (min-width:481px) and (max-width:767px){.pro-view-bg{height:585px}

.pro-view-bg-word{bottom:10%;right:12%}

.pro-view-bg-word font{font-size:15px}

.pro-view-bg-word p{font-size:40px}

.pro-view-bg-word span{font-size:34px}

.product-word font{font-size:35px}

.product-word p{font-size:15px}

.product-word a{font-size:15px}

.reference .re-left p{font-size:14px;margin-bottom:20px;width:480px;margin:0 auto}

.reference .re-left span{font-size:16px;margin-top:30px;margin-bottom:20px;display:block}

.reference .re-right{width:100%;text-align:center;margin:0 auto}

.reference .re-right ul{width:480px;margin:0 auto}

.reference .re-right li{float:left;margin-right:20px;margin-left:57px}

.reference .re-right li p{font-size:16px}

.jieshao-down li{width:32.3%!important;margin:0 .5%!important}

.jieshao-down li img{width:100%}

.jieshao-down p{text-align:center}

.lunbo-detail .slide-center{width:437px}

.lunbo-detail span{font-size:14px}

.lunbo-detail p{font-size:40px}

.lunbo-detail font{font-size:30px;width:413px}

.list-title font{font-size:18px}

.list-title span{display:block;font-size:55px;}

.list-title p{font-size:14px}

.list-bg .list-bg-box p{width:450px;font-size:40px}

.list-bg span{width:420px;font-size:20px}

.pro-list li{width:48%}

.pro-list li .list-word{bottom:27%;left:5%}

.pro-list li span{font-size:25px}

.pro-list li font{font-size:18px}

}



@media (max-width:640px){

.list-title span{ font-size:40px;}

.list-bg .list-bg-box p{ font-size:30px;}

.list-bg span{ font-size:16px;}

.pro-list li span{ font-size:26px;}

.pro-view-bg-word font{ font-size:16px;}

.pro-view-bg-word p{ font-size:36px;}

.pro-view-bg-word span{ font-size:24px;}

.product-word font{ font-size:30px;}

.product-word p{ font-size:14px;}

.product-word .pro-line{ width:50%; max-width:inherit;}

.product-word a{ font-size:16px;}

.reference .re-right li p{ font-size:14px; margin-top:15%;}

.lunbotu .lunbo-detail .slide-center{ margin-top:-35px;letter-spacing:5px;}

.lunbo-detail .slide-center p{ font-size:32px;}

.lunbotu .lunbo-detail span{ font-size:16px;}

.lunbo-detail .slide-center font{ font-size:22px;}

}

@media (max-width:480px){

.list-bg .list-bg-box,.pro-view-bg{ background-attachment:inherit !important}	

.pro-list li{ width:100%; margin-left:0 !important; margin-right:0 !important;}

.list-title span{ font-size:32px;}

.list-title p{ font-size:12px;}

.list-bg .list-bg-box p{ font-size:26px;}

.list-bg span{ font-size:14px;}

.pro-list li span{ font-size:22px;}

.list-title font{ font-size:16px;}

.pro-view-bg-word font{ font-size:14px;}

.pro-view-bg-word p{ font-size:32px; letter-spacing:5px;}

.product-word font{ font-size:26px;}

.product-word p{ font-size:13px;}

.product-word .pro-line{ margin:10% auto;}

.product-word a{ font-size:14px;}

.reference .re-right li{ width:45%; margin-bottom:10%;}

.reference .re-right{ margin-bottom:0}

.lunbo-detail .slide-center p{ font-size:26px;}

.lunbotu .lunbo-detail span{ font-size:14px;}

.lunbo-detail .slide-center font{ font-size:18px;}

.product-jieshao .jieshao-down li{ width:47%; margin-bottom:8%;}

.product-jieshao .jieshao-up img{ height:50px;}

.product-jieshao .jieshao-up{ font-size:13px;}

.product-jieshao .jieshao-up p{ line-height:50px;}

.product-jieshao .jieshao-down p{ font-size:13px;}

.products-fix .closes img{ width:40px;}

.pro-list p{ height:auto;}

.products-fix .item .thumb{ width:100%;margin-top:20%;}

.products-fix .item .ul{ width:100%;}

.products-fix .item .ul .p1{ font-size:18px;}

.products-fix .item .ul .p2{ font-size:14px;}



}

@media screen (min-width:310px) and (max-width:480px){.pro-view-bg{height:585px}

.pro-view-bg-word{bottom:10%;right:12%}

.pro-view-bg-word font{font-size:15px}

.pro-view-bg-word p{font-size:35px}

.pro-view-bg-word span{font-size:32px}

.product-word font{font-size:25px}

.product-word p{font-size:12px}

.product-word a{font-size:12px}

.pro-line{width:200px}

.reference .re-left p{font-size:14px;}

.reference .re-left span{font-size:16px;margin-top:30px;margin-bottom:20px;display:block}

.reference .re-right{width:100%;text-align:center;margin:0 auto}

.reference .re-right ul{width:310px;margin:0 auto}

.reference .re-right li{float:left;margin-right:5px}

.reference .re-right li p{font-size:16px}

.jieshao-up p{line-height:42px!important}

.jieshao-up .jieshao-kuang{width:42px!important;height:42px!important;margin-right:15px;margin-bottom:2%;border:1px solid #e9e9e9}

.jieshao-down li{float:left;width:49%!important;margin:0 .5%!important}

.jieshao-down li img{width:100%}

.jieshao-down p{text-align:center}

.swiper-button-next,.swiper-button-prev{display:none}

.lunbo-detail .slide-center{width:291px;margin:-26px auto 0!important;left:0;right:0;top:50%;height:100px}

.lunbo-detail span{font-size:12px}

.lunbo-detail p{font-size:20px}

.lunbo-detail font{font-size:15px;width:291px}

.list-title font{font-size:18px}

.list-title span{display:block;font-size:35px;}

.list-title p{font-size:14px}

.list-bg .list-bg-box p{width:100%;font-size:30px}

.list-bg span{width:100%;font-size:18px}

.pro-list li{width:100%;margin-right:1%}

.pro-list li .list-word{bottom:16%;left:5%}

.pro-list li span{font-size:25px}

.pro-list li font{font-size:16px}

}



@media (max-width:320px){

.list-title font{ font-size:14px;}

.list-title span{ font-size:26px;}

.list-bg .list-bg-box p{ font-size:20px;}

.list-bg span{ font-size:13px;}

.pro-list li span{ font-size:20px;}

.pro-list li font{ font-size:16px;}

.pro-view-bg-word font{ font-size:13px;}

.pro-view-bg-word p{ font-size:30px;}

.pro-view-bg-word span{ font-size:18px;}

.product-word font{ font-size:20px;}

.reference .re-left p{ font-size:13px;}

.reference .re-left span{ font-size:14px;}

.lunbotu .lunbo-detail .slide-center{ margin-top:-25px;}

.lunbo-detail .slide-center p{ font-size:22px;}

.lunbotu .lunbo-detail span{ font-size:12px;}

.lunbo-detail .slide-center font{ font-size:14px;}







.product-jieshao .jieshao-down li{ width:47%; margin-bottom:8%;margin-left:1.5% !important; margin-right:1.5% !important;}

.product-jieshao .jieshao-up img{display:block; float:none;}

.product-jieshao .jieshao-down p{ font-size:12px;}



.products-fix .item .ul .p1{ font-size:16px;}

.products-fix .item .ul .p2{ font-size:13px;}





}