/* header */
.header_nei .head_mian{ position: fixed; width: 100%; top: 0; left: 0;z-index: 9999;}
.header_nei .head_sub.head_xq{margin-top: 88px;}
/************* 内页图 *************/
.nei_banner{ max-height: 600px; overflow: hidden; position: relative; }
.nei_banner img{ max-width: 100%; }
.nei_banner .text{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 100px 55px 210px; color: #FFFFFF; }
.nei_banner .text h3{ font-size: 74px; font-weight: 200; letter-spacing: 5px; text-transform: capitalize; }
.nei_banner .text p{ font-size: 21px; font-weight: 500; margin-top: 10px; line-height: 26px; letter-spacing: 1px; }
.nei_banner .text a{ display: inline-block; color: #FFFFFF;font-size: 16px; font-weight: 500; margin-top: 20px; line-height: 30px; padding: 0 12px; border-left: 3px solid #FFFFFF; letter-spacing: 1px; position: relative; }
.nei_banner .text a::after{ display: block; content: ""; width: 0%; height: 100%; position: absolute; left: 0; top: 0; background-color: #FFFFFF; z-index: 1; opacity: 0; transition: 0.5s; }
.nei_banner .text a span{ position: relative; z-index: 2; }
.nei_banner .text a:hover::after{ opacity: 1; width: 100%; }
.nei_banner .text a:hover span{ color: #000000; }
/* .nei_banner .text a:hover{ background-color: #FFFFFF; color: #000000; } */
@media (max-width: 1440px) {
  .nei_banner .text{ padding: 0 50px 55px 110px;}
  .nei_banner .text h3{font-size: 54px;}
  .nei_banner .text p{font-size: 19px;}
}
@media (max-width: 1240px) {
  .nei_banner .text{ padding: 0 40px 35px 60px;}
  .nei_banner .text h3{font-size: 42px;}
  .nei_banner .text p{font-size: 16px; line-height: 22px;}
  .nei_banner .text a{margin-top: 10px; font-size: 14px;}
}
@media (max-width: 1100px) {
  .nei_banner .text{ padding: 0 30px 25px 30px;}
  .nei_banner .text h3{ font-size: 32px;}
  .nei_banner .text p{ font-size: 13px; line-height: 18px; margin-top: 0;}
  .nei_banner .text a{ font-size: 12px; line-height: 20px;}
}
@media (max-width: 960px) {
  
}
@media (max-width: 640px) {
  .nei_banner .text{ padding: 0 20px 15px 20px;}
  .nei_banner .text h3{ font-size: 20px; letter-spacing: 1px;}
  .nei_banner .text p{ line-height: 18px; margin-top: 5px; font-weight: 350;}
  .nei_banner .text a{display: none; }
}

.close_filtri{display:none;margin:0;cursor:pointer;top:0;font-size:13px;line-height:2.85714em;padding:0 25px;color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#0d0d0d url(../images/back.png) no-repeat 10px center;background-size:7px auto}
@media(min-width:320px) and (max-width:1200px){ .close_filtri{position:fixed;display:block;top:0;width:100%;height:40px;z-index:2147483647;right:-100%}.close_filtri.open{right:0} }
.p_select{height: 160px;}
@media(min-width:1600px){.p_select{height:210px}}
@media (max-width: 1200px) and (min-width: 320px) {
  .p_select{height:auto}
}
.p_select *{ box-sizing: content-box; }

#filtri{ height:160px; z-index: 99999; background:#fff; width:100%; position:absolute; }
@media(min-width:1600px){#filtri{height:210px}}
@media(min-width:320px) and (max-width:1200px){ #filtri{height:60px!important;background:#f2f2f2!important;position:relative; z-index: 998;} }

#filtri.ancorato{-moz-box-shadow:0 5px 20px 0 rgba(50,50,50,.15);-webkit-box-shadow:0 5px 20px 0 rgba(50,50,50,.15);box-shadow:0 5px 20px 0 rgba(50,50,50,.15);top:70px!important;background:#fafafa}
@media(min-width:1600px){#filtri.ancorato{top:100px!important;height:210px}}
@media(min-width:320px) and (max-width:1200px){#filtri.ancorato{height:60px!important;top:50px!important}}
#filtri.ancorato ul.list_filtri>li{border:none;padding:22px 0 0;height:80px}
#filtri.ancorato ul.list_filtri li h3{margin:0 0 15px}
#filtri.ancorato div.tot_modelli{padding:37px 0 0}
@media(min-width:1600px){#filtri.ancorato div.tot_modelli{padding:25px 0 0}}
#filtri.ancorato div.tot_modelli:after{content:'';height:45px}
@media(min-width:1600px){#filtri.ancorato div.tot_modelli:after{height:30px}}
@media(min-width:1600px){#filtri.ancorato div.tot_modelli span.numero_modelli{margin:0 0 2px}}
#filtri.ancorato .reset{right:20px;margin:42px 0 0} 
@media(min-width:1600px){#filtri.ancorato .reset{right:40px;margin:27px 0 0}}

#filtri.open{ height:auto!important;position:fixed!important;top:0!important;left:0!important;max-height:100vh;z-index: 9999; }
@media(min-width:1199px){ #filtri.open1{ position:fixed!important;top:70px!important;left:0!important;} }

#filtri .filtra_per{ display:none;position:absolute;right:20px;text-align:right;border-bottom:none;margin:25px 0;cursor:pointer;top:0;font-size:13px;line-height:18px;padding:0 20px;background:url(../images/apri-chiudi-m.png) no-repeat right bottom;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; }
@media(min-width:320px) and (max-width:1200px){#filtri .filtra_per{display:block!important;right:inherit!important;text-align:left!important;top:50%!important;position:absolute;top:50%;bottom:initial;left:initial;right:initial;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:10px!important;margin:0!important;padding:0 25px 0 0!important}}
#filtri .filtra_per.open{background:url(../images/apri-chiudi-m.png) no-repeat right top}

#filtri div.tot_modelli{position:relative;border-bottom:none;padding:40px 0 0;margin:0 50px 0 20px;width:58px;text-align:center;display:inline-block;vertical-align:top}
@media(min-width:1600px){#filtri div.tot_modelli{margin:0;width:248px;padding:90px 0 0}}
@media(min-width:320px) and (max-width:1200px){#filtri div.tot_modelli{text-align:left!important;padding:0 10px!important;position:absolute;top:50%;bottom:initial;left:initial;right:initial;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:inherit!important;position:absolute!important;right:0!important;top:50%!important;margin:0!important}}
/* #filtri div.tot_modelli:after{content:'';position:absolute;left:44px;top:0;height:55px;width:1px;background:#202020} */
@media(min-width:1600px){ #filtri div.tot_modelli:after{left:122px;height:105px} }
@media(min-width:320px) and (max-width:1200px){ #filtri div.tot_modelli:after{display:none!important} }
#filtri div.tot_modelli span.numero_modelli{ display:block;font-size:50px;line-height:60px;color:#202020;font-weight:200;width:100%;text-align:center; }
@media(min-width:1600px){ #filtri div.tot_modelli span.numero_modelli{font-size:50px;line-height:1em;margin:0 0 10px} }
@media(min-width:320px) and (max-width:1200px){ #filtri div.tot_modelli span.numero_modelli{font-size:24px;line-height:1em;width:100%!important;} }
#filtri div.tot_modelli span.eti_modelli{display:block;font-size:13px;line-height:20px;color:#202020;font-weight:600;width:100%;text-align:center;letter-spacing:1px; }
@media(min-width:1600px){#filtri div.tot_modelli span.eti_modelli{font-size:13px;line-height:1.66667em}}
@media(min-width:320px) and (max-width:1200px){#filtri div.tot_modelli span.eti_modelli{width:100%!important}}

#filtri .reset{position:absolute;right:20px;text-align:right;border-bottom:none;margin:65px 0 0;cursor:pointer;padding:0;top:0}
@media(min-width:1600px){#filtri .reset{right:40px;margin:95px 0 0}}
@media(min-width:320px) and (max-width:1200px){#filtri .reset{display:none!important;text-align:left!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#filtri .reset.open{position:absolute!important;display:block!important;left:0!important;bottom:0!important;width:100%!important;height:60px!important;z-index:1000000000!important;background:#fff!important;top:inherit!important;padding:0 10px!important;margin:0!important}}
#filtri .reset span.reset_x{display:block;font-size:1.875em;line-height:1.33333em;color:#202020;font-weight:200;text-indent:-99999px;background:url(../images/close1.png) no-repeat center center;background-size:21px auto;width:21px;height:21px;margin:0 0 13px auto;text-align:left}
@media(min-width:1600px){ #filtri .reset span.reset_x{width:39px;height:39px;background-size:39px auto} }
@media(min-width:320px) and (max-width:1200px){#filtri .reset span.reset_x{display:inline-block;height:51px;background-size:15px auto}}
#filtri .reset span.eti_reset{ display:block;font-size:13px;line-height:2em;color:#202020;font-weight:500;letter-spacing:1px; }
@media(min-width:1600px){#filtri .reset span.eti_reset{font-size:13px;line-height:1.66667em}}
@media(min-width:320px) and (max-width:1200px){#filtri .reset span.eti_reset{display:inline-block;font-size:.875em;line-height:4.28571em}}

#filtri div.mostra_modelli{position:absolute;text-align:right;border-bottom:none;cursor:pointer;padding:0;top:0;display:none}
@media(min-width:320px) and (max-width:1200px){#filtri div.mostra_modelli{display:none;text-align:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#filtri div.mostra_modelli.open{position:absolute;display:inline-block;right:10px;bottom:13px;z-index:100000000000;background:#fff;top:inherit;margin:0;font-size:.875em;line-height:1.42857em;border:2px #000 solid;padding:5px;font-weight:700}}

#filtri ul.list_filtri{ list-style-type:none;padding:0;margin:0;overflow:hidden;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;position:absolute;top:initial;bottom:initial;left:50%;right:initial;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);min-width:840px; }
@media(min-width:320px) and (max-width:1200px){
  #filtri ul.list_filtri{ -moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);position:static;left:initial;right:initial;position:relative;top:40px;width:100%;max-height:calc(100vh - 40px);height:auto;z-index:10000000;background:#f2f2f2;right:-100%;padding:0 10px 130px;min-width:auto;}#filtri ul.list_filtri.open{right:0}
}
@media(min-width:1600px){ #filtri ul.list_filtri{min-width:1000px} }

#filtri ul.list_filtri li{ float:left;margin:0 40px 0 0;padding:40px 0 0;height:110px;border-bottom:1px #c0bdb6 solid; }
#filtri ul.list_filtri>li{ display: inline-block;}
#filtri ul.list_filtri>li:nth-child(1){ width: calc(70% - 40px); }
#filtri ul.list_filtri>li:nth-child(2){ width: 30%; margin-right: 0; }
@media(min-width:1600px){
  #filtri ul.list_filtri li{margin:0 60px 0 0;padding:50px 0 0;height:132px}
  #filtri ul.list_filtri>li:nth-child(1){ width: 60%; }
  #filtri ul.list_filtri>li:nth-child(2){ width: auto; padding-right: 40px; }
}
@media(min-width:320px) and (max-width:1200px){ #filtri ul.list_filtri li{width:100%!important;margin:0!important;padding:20px 0!important;min-height:auto!important;height:auto!important;border-bottom:1px #c0bdb6 solid!important} }
#filtri ul.list_filtri li h3{ text-transform:uppercase;color:#233238;font-size:13px;line-height:20px;margin:0 0 10px;font-weight:700;letter-spacing:1px; }
@media(min-width:1600px){ #filtri ul.list_filtri li h3{font-size:13px;line-height:1.38462em;margin:0 0 30px} }
@media(min-width:320px) and (max-width:1200px){#filtri ul.list_filtri li h3{font-size:13px;line-height:1.5em;margin:0 0 10px!important}}
#filtri ul.list_filtri li h3 span{text-transform:inherit}
#filtri ul.list_filtri li ul{ width:100%;list-style-type:none;padding:0;margin:0;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }
#filtri ul.list_filtri li ul li{ min-width:23px; height: auto; text-align:center;margin:10px 15px 0 0;padding:0;border-bottom:none; display: flex; flex-wrap: wrap; align-items: center; }
#filtri ul.list_filtri li ul a{display: flex; flex-wrap: wrap; align-items: center;}
#filtri ul.list_filtri li ul li:last-child{margin-right: 0;}
#filtri ul.list_filtri li ul li.min_max_ini{min-width:160px;margin:15px 16px 0 0;min-height:33px}
@media(min-width:320px) and (max-width:1200px){ #filtri ul.list_filtri li ul li{float:left!important;width:auto!important;border:none!important;padding:0!important;margin:0 15px 10px 0!important;position:relative;}
#filtri ul.list_filtri li ul li.min_max_ini{width:100%!important;max-width:210px}
#filtri ul.list_filtri li ul li.min_max_ini_1{clear:both}
#filtri ul.list_filtri li ul li.min_max_ini_1:after,#filtri ul.list_filtri li ul li.min_max_ini_2:after{content:'';position:absolute;left:0;top:0;width:100%;z-index:1;height:100%}}
@media(min-width:768px) and (max-width:1200px){#filtri ul.list_filtri li ul li.min_max_ini{width:30%!important}
#filtri ul.list_filtri li ul li.min_max_ini_1{clear:both}
#filtri ul.list_filtri li ul li.min_max_ini_1:after,#filtri ul.list_filtri li ul li.min_max_ini_2:after{display:none}}
#filtri ul.list_filtri li ul li .ui-slider-horizontal{height:3px;border-radius:0;border:0;background:#dfdfdf;margin:15px}
#filtri ul.list_filtri li ul li .ui-slider-range{top:0;height:100%;background:#202020}
#filtri ul.list_filtri li ul li .ui-slider-handle{top:-10px;margin-left:-10px;width:20px;height:20px;background:#fff;border:3px #e0e0e0 solid;border-radius:50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
@media(min-width:320px) and (max-width:1200px){#filtri ul.list_filtri li ul li .ui-slider-handle{width:30px;height:30px;top:-15px;margin-left:-15px}}
#filtri ul.list_filtri li ul li .ui-state-focus{background:#202020;border:3px #e0e0e0 solid;outline:none}
#filtri ul.list_filtri li ul li label{display:block;text-align:center;font-size:13px;line-height:1.42857em;color:#848484;margin-left: 5px;cursor: pointer; display: inline-block;}
@media(min-width:320px) and (max-width:1200px){#filtri ul.list_filtri li ul li label{font-size:13px;line-height:1.5em}}
#filtri ul.list_filtri li ul li label.jcf-label-active{color:#202020}
#filtri ul.list_filtri li ul li label.option_mini{font-size:13px;line-height:1.16667em}
@media(min-width:320px) and (max-width:1200px){#filtri ul.list_filtri li ul li label.option_mini{font-size:13px;line-height:1.5em}}
#filtri ul.list_filtri li ul li .valuehigh{float:none;width:45px;height:26px; line-height: 26px; border:1px #848484 solid;margin:0;display:block;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#848484;font-weight:500;font-size:13px; border-radius: 4px; }
#filtri ul.list_filtri li ul li .valuehigh.cur{ background-color: #848484; color: #FFFFFF; }
@media(min-width:320px) and (max-width:1200px){#filtri ul.list_filtri li ul li.min_max_ini_1{margin:0 10px 0 0!important}}
#filtri ul.list_filtri li ul li.min_max_ini_1.tablet{ position:relative; }
#filtri ul.list_filtri li ul li.min_max_ini_1.tablet:after{display:block!important;content:''!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;z-index:1!important;height:100%!important}
#filtri ul.list_filtri li ul li.min_max_ini_1.tablet .valuehigh{border:none!important;background:0 0!important}
#filtri ul.list_filtri li ul li.min_max_ini_2{ width:45px; }
#filtri ul.list_filtri li ul li.min_max_ini_2.tablet{ position:relative}
#filtri ul.list_filtri li ul li.min_max_ini_2.tablet:after{ display:block!important;content:''!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;z-index:1!important;height:100%!important}
#filtri ul.list_filtri li ul li.min_max_ini_2.tablet .valuehigh{border:none!important;background:0 0!important}
#filtri ul.list_filtri ul.size li{ margin-right: 10px; }
@media(min-width:1600px){
  #filtri ul.list_filtri ul.func li{ min-width: 150px; }
}
@media (max-width: 1200px) and (min-width: 320px) {
  #filtri ul.list_filtri ul.func li{ min-width: 150px; }
}
#filtri .open-n2-filter{display:none}


#filtri dl.list_filtri_luju{ padding:0;margin:0;overflow:hidden;vertical-align:top;position:absolute;top:0;bottom:initial;left:50%;right:initial;transform:translateX(-50%);min-width:1200px; padding-top: 40px;  }
#filtri dl.list_filtri_luju{ display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
#filtri dl.list_filtri_luju dd{ width: 25%; padding-bottom: 15px; border-bottom: 1px #c0bdb6 solid; }
#filtri dl.list_filtri_luju dd:nth-child(1){ width: 16%; }
#filtri dl.list_filtri_luju dd:nth-child(2){ width: 16%; }
#filtri dl.list_filtri_luju dd:nth-child(3){ width: 16%; }
#filtri dl.list_filtri_luju dd:nth-child(4){ width: 40%; }
#filtri dl.list_filtri_luju dd:nth-child(4) ul li{ width: 50%; }
#filtri dl.list_filtri_luju dd h3{ padding-bottom: 5px; color: #000000; text-transform: uppercase; font-size: 13px; }
#filtri dl.list_filtri_luju dd ul{ display: flex; flex-wrap: wrap; justify-content: space-between;  }
#filtri dl.list_filtri_luju dd ul li{ margin-top: 10px; width: 100%; }
#filtri dl.list_filtri_luju dd ul li a{ display: inline-block; cursor: pointer; color: #848484; font-size: 13px;}
#filtri dl.list_filtri_luju dd ul li label{ cursor: pointer; }
#filtri dl.list_filtri_luju dd ul li span{ cursor: pointer; }
@media(min-width:320px) and (max-width:1200px){
  #filtri dl.list_filtri_luju{ transform:translateX(0);position:static;left:initial;right:initial;position:relative;top:40px;width:100%;max-height:calc(100vh - 40px);height:auto;z-index:10000000;background:#f2f2f2;right:-100%;padding:0 10px 130px;min-width:auto; }
  #filtri dl.list_filtri_luju.open{right:0}
}
@media(max-width:1600px){
  #filtri dl.list_filtri_luju{ min-width: 1100px; padding-top: 25px; }
  #filtri dl.list_filtri_luju dd ul li{margin-top: 5px;}
}
@media(max-width:1400px){
  #filtri dl.list_filtri_luju{ min-width: 920px; }
  #filtri dl.list_filtri_luju dd h3{font-size: 12px;}
  #filtri dl.list_filtri_luju dd:nth-child(1){width: 17%;}
  #filtri dl.list_filtri_luju dd:nth-child(2){width: 18%;}
  #filtri dl.list_filtri_luju dd:nth-child(3){width: 17%;}
  #filtri dl.list_filtri_luju dd ul li a{font-size: 12px;}
}
@media(max-width:1200px){
  #filtri dl.list_filtri_luju{ min-width: auto; width: 95%; padding-right: 10px; padding-top: 0;  }
  #filtri dl.list_filtri_luju dd{ padding-bottom: 20px; margin-top: 20px; width: 100%!important; }
  #filtri dl.list_filtri_luju dd ul{ justify-content: flex-start; }
  #filtri dl.list_filtri_luju dd ul li{ width: auto!important; padding-right: 20px; margin-top: 10px; }
}


.jcf-checkbox{ vertical-align:middle;display:inline-block;position:relative;overflow:hidden;cursor:default;background:#fff;border:3px solid #848484;margin:0 auto;height:20px;width:20px;border-radius:3px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }
.jcf-checkbox span{position:absolute;display:none;height:3px;width:9px;top:50%;left:50%;margin:-7px 0 0 -6px;border:3px solid #777;border-width:0 0 3px 3px;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"}
:root .jcf-checkbox span{margin:-4px 0 0 -5px}
.jcf-checkbox input[type=checkbox]{position:absolute;width:100%;height:100%;border:0;margin:0;left:0;top:0}
.jcf-checkbox.jcf-checked{ background:#848484 url(../images/icon_xz.png) no-repeat center / 20px; border:3px solid #848484; }
.jcf-checkbox.jcf-checked span{display:block;border:1px solid #fff;border-width:0 0 2px 2px}


/************* 产品列表 *************/
.prolist{ padding: 0 60px 30px; margin-top: 100px; position: relative; }
.prolist ul{ margin: 0 -19px; align-items: stretch; justify-content: flex-start; }
.prolist ul li{ width: 25%; padding: 0 19px; margin-bottom: 110px; }
.prolist ul li:nth-child(n+13){ display: none; }
.prolist ul li a{ display: block; }
.prolist ul li .pic{ padding-bottom: 80%; }
.prolist ul li .pic img{width: 90%;}
.prolist ul li .text{ padding-top: 20px; padding-left: 20px; padding-right: 20px; color: #202020; }
.prolist ul li:hover .text{ background-color: #202020; color: #FFFFFF; padding-top: 14px; padding-bottom: 6px; }
.prolist ul li .text .txt{text-align: center; }
.prolist ul li .text h3{ font-size: 30px; line-height: 40px; font-weight: 300; margin-bottom: 10px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.prolist ul li .text p{ font-size: 15px; line-height: 30px; height: 30px; text-transform: uppercase; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.prolist .show_more{ padding-top: 0; }
.prolist .show_more .nomore{ display: none; text-align: center; color: #666; font-size: 22px; font-weight: 300;  }
@media only screen and (max-width:1440px){
  .prolist{margin-top: 80px; padding: 0 40px 30px;}
  .prolist ul{margin: 0 -15px;}
  .prolist ul li{padding: 0 15px; margin-bottom: 90px;}
  .prolist ul li .text{padding-left: 35px;}
  .prolist ul li .text h3{font-size: 30px; line-height: 30px; margin-bottom: 5px;} 
  .prolist ul li .text p{font-size: 14px; line-height: 26px; height: 26px;}
}
@media only screen and (max-width:1240px){
  .prolist{ margin-top: 60px; }
  .prolist ul li{ margin-bottom: 70px; }
  .prolist ul li .text{ padding-left: 15px; }
  .prolist ul li .text .txt{ padding-left: 10px; }
  .prolist ul li .text h3{ font-size: 26px; line-height: 26px; }
}
@media only screen and (max-width:1100px){
  .prolist{ padding: 0 30px 20px;}
  .prolist ul{margin: 0 -10px;}
  .prolist ul li{padding: 0 10px; margin-bottom: 60px;}
  .prolist ul li .text h3{ font-size: 24px; line-height: 24px; }
}
@media only screen and (max-width:991px){
  .prolist{ margin-top: 50px; z-index: 999; }
  .prolist ul li{ margin-bottom: 40px;}
  .prolist ul li .text h3{ font-size: 20px; line-height: 20px; }
  .prolist ul li .text p{font-size: 12px; line-height: 22px; height: 22px;}
}
@media only screen and (max-width:640px){
  .prolist{ margin-top: 40px; padding: 0 3% 10px; }
  .prolist ul{ margin: 0 -5px; }
  .prolist ul li{ width: 50%; padding: 0 5px; margin-bottom: 30px;}
  .prolist ul li .text{ padding-right: 10px; padding-left: 10px; }
  .prolist ul li .pic img{width: 100%;}
  .prolist .show_more .nomore{ font-size: 18px; }
}


/************* 产品详情 *************/
.product_info{ padding:6% 0; }
.product_info .img{width: 50%;margin-right: 10%;margin-right: 5%}
.product_info .img img{width: 100%;}
.product_info .img .swiper-slide{text-align: center;}
.product_info .img .swiper-slide img{width:65%;}
.product_info .swiper-button-next.swiper-button-white,.product_info .swiper-button-prev.swiper-button-white{--swiper-navigation-color: #fff;background-color: #ACCE22;height: 40px;width: 40px;border-radius: 50%;}
.product_info .swiper-button-prev,.product_info  .swiper-container-rtl .swiper-button-next{left: 30px;}
.product_info .swiper-button-next,.product_info  .swiper-container-rtl .swiper-button-prev{right: 30px;}
.product_info .swiper-button-prev:after,.product_info .swiper-button-next:after{font-size: 20px;}
.product_info .gallery-thumbs .swiper-slide{height:100%;opacity:.4;border: 1px solid #ddd;}
.product_info .gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.product_info .text{ padding: 70px 0 80px; }
.product_info .text h3{ font-size: 80px; font-weight: 300; color:#202020; letter-spacing: 2px; }
.product_info .text p{ font-family: "Myriad Pro"; font-size: 20px; line-height: 36px; margin-top: 70px; text-transform: uppercase; color: #202020; }
.product_info .picsBox{ display: flex; flex-wrap: wrap; justify-content: space-between;  }
.product_info .picsBox .item{ width: 50%; }
.product_info .picsBox .item img{ max-width: 100%; }
.product_detail{ padding-bottom: 60px; }
.product_detail .tit{ font-size: 26px; color: #202020; padding-bottom: 80px; }
.product_detail .neir{ font-size: 16px; margin-bottom: 30px; }
.product_detail .neir p{ margin: 10px 0; }
.product_detail .neir img{ max-width: 100%; }
.product_detail .detail{ display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
.product_detail .detail img{ max-width: 100%; }
.product_detail .detail ul{ width: 50%; margin-bottom: 80px; }
.product_detail .detail ul li{  }
.product_detail .detail ul li h5{ font-size: 15px; font-weight: bold; color: #202020; margin-bottom: 10px; }
.product_detail .detail ul li p{ font-size: 18px; font-weight: 400; color: #202020; padding-left: 20px; position: relative; }
.product_detail .detail ul li p::after{ color: #a1a1a1; display: block; content: "■"; position: absolute; left: 0; top: 0; }
.product_detail .down{  }
.product_detail .down h3{ padding-bottom: 20px; font-size: 14px; font-weight: bold; color: #202020; text-transform: uppercase; }
.product_detail .down .box{ font-size: 18px; font-weight: 500; color: #202020;border-bottom: 1px solid #d4d4d4;}
.product_detail .down .tablist{ margin-top: 20px;  border-top-color: #d3d3d3;   }
.product_detail .down .tablist h4{ padding: 30px 0; font-weight: bold;font-size: 20px; color: #202020; position: relative; cursor: pointer; border-bottom: 1px solid transparent;border-bottom-color: #d3d3d3;}
.product_detail .down .tablist h4::after{ display: block; content: ""; width: 0; height: 0; border: 5px solid transparent; border-top-color: #000000; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); }
.product_detail .down .tablist .box{ display: none; padding: 30px 0;  }
.product_detail .down .tablist .box a{ display: inline-block; color: #202020; padding: 8px 20px; box-shadow: 2px 2px 6px rgba(0,0,0,0.2); }
.product_detail .down .tablist:hover,
/* .product_detail .down .tablist.on { border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; } */
.product_detail .down .tablist.on h4{ /* border-bottom: 1px solid #aaaaaa; */ }
/* .product_detail .down .tablist.on .box{ display: block; } */

.p_recommend{ padding: 100px 0 110px; background: url(../images/recom_bg.jpg) no-repeat center / cover; }
.p_recommend .title{ text-align: center; padding-bottom: 50px; }
.p_recommend .title h3{ font-size: 42px; font-weight: 300; letter-spacing: 2px; padding-bottom: 15px; color: #636363; text-transform: uppercase; }
.p_recommend .title h3 span{ font-weight: 600;  }
.p_recommend .title p{ font-size: 20px; font-weight: 300;  }
.p_recommend .cont{ padding: 0 70px;  }
.p_recommend .item{  }
.p_recommend .item .pic{ padding-bottom: 75%; }
.p_recommend .item .pic img{ max-width: 100%; }
.p_recommend .item .text{ padding-top: 20px; padding-left: 55px; padding-right: 20px; color: #202020; }
.p_recommend .item:hover .text{ background-color: #202020; color: #FFFFFF; padding-top: 14px; padding-bottom: 6px; }
.p_recommend .item .text .txt{ padding-left: 20px; border-left: 1px solid #202020; }
.p_recommend .item .text h3{ font-size: 40px; line-height: 40px; font-weight: 300; margin-bottom: 10px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.p_recommend .item .text p{ font-size: 15px; line-height: 30px; height: 30px; text-transform: uppercase; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.show_all{ text-align: center; padding: 130px 0 75px; }
.show_all a{ font-size: 18px; display: inline-block; border: 1px solid #f2f2f2; padding: 10px 30px; }
.show_all a:hover{ background-color: #000000; color: #FFFFFF; }
@media only screen and (max-width:1440px){
  .product_info .text{ padding: 60px 0 70px; }
  .product_info .text h3{ font-size: 70px; }
  .product_info .text p{ font-size: 18px; line-height: 32px; margin-top: 50px; }
  .product_detail .tit{ padding-bottom: 60px; }
  .product_detail .detail ul{ margin-bottom: 60px; }
  .p_recommend{ padding: 80px 0 90px; }
  .p_recommend .title h3{ font-size: 36px;}
  .p_recommend .item .text h3{font-size: 30px; line-height: 30px; margin-bottom: 5px;}
  .p_recommend .item .text p{font-size: 14px;}
  .show_all{padding: 90px 0 65px;}
}
@media only screen and (max-width:1240px){ 
  .product_info .text{padding: 50px 0 60px;}
  .product_info .text h3{font-size: 56px;}
  .product_info .text p{font-size: 16px; line-height: 30px; margin-top: 30px;}
  .p_recommend{ padding: 60px 0 70px; }
  .p_recommend .cont{ padding: 0 40px;  }
  .p_recommend .title h3{ font-size: 32px;}
  .p_recommend .item .text h3{font-size: 26px; line-height: 26px; }
}
@media only screen and (max-width:1100px){
  .p_recommend{ padding: 50px 0 60px; }
  .p_recommend .cont{ padding: 0 30px;  }
  .p_recommend .title{ padding-bottom: 30px;}
  .p_recommend .title h3{ padding-bottom: 5px;}
  .p_recommend .item .text{ padding-left: 30px; }
  .product_info .img{width:100%;margin-right: 0%;}
  .product_info .text h3{ font-size: 50px;}
  .product_info .text p{ margin-top: 20px; }
  .product_detail .tit{ font-size: 22px;padding-bottom: 40px;}
  .product_detail .detail ul{ margin-bottom: 40px;}
  .show_all{ padding: 60px 0 45px; }
}
@media only screen and (max-width:960px){
  .p_recommend .cont{ padding: 0 3%;  }
  .p_recommend{ padding: 50px 0 50px; }
  .p_recommend .title h3{ font-size: 26px;}
  .p_recommend .title p{font-size: 18px;}
  .p_recommend .item .text{padding-left: 10px; padding-right: 10px;}
  .p_recommend .item .text .txt{padding-left: 10px;}
  .product_info .text{padding: 0px 0 40px;}
  .product_info .text h3{font-size: 38px;}
  .product_info .text p{font-size: 14px; line-height: 26px;}
  .product_detail .tit{font-size: 20px;}
  .product_detail .detail{ justify-content: space-between;}
  .product_detail .detail ul{width: 49%; }
  .product_detail .detail ul li p{font-size: 16px; }
  .product_detail .down .tablist h4{font-size: 18px;}
}
@media only screen and (max-width:640px){
  .p_recommend{ padding: 40px 0; }
  .p_recommend .title h3{ font-size: 22px;}
  .p_recommend .title p{ font-size: 16px;}
  .p_recommend .item .text h3{ font-size: 20px; line-height: 20px; }
  .p_recommend .item .text p{ font-size: 13px; height: 20px; line-height: 20px;}
  .product_info .text h3{ font-size: 30px;}
  .product_info .text p{ font-size: 13px; line-height: 24px; margin-top: 10px;}
  .product_info .picsBox .item{ width: 100%;}
  .product_detail .detail ul{ width: 100%;margin-bottom: 30px;}
  .product_detail .down .tablist h4{ font-size: 16px; padding: 15px 0;}
  .product_detail .down .tablist .box{ padding: 20px 0;}
  .product_detail .down .box{font-size:14px}
  .show_all{ padding: 40px 0 35px;}
  .show_all a{ font-size: 16px;}
}
 
 
/************* 关于我们 *************/
.ab_title{ font-size: 24px; color: #333333; font-weight: bold; text-transform: ; text-align: center; }
@media only screen and (max-width: 1100px){
  .ab_title{ font-size: 20px; }
}

.about_jianjie{ padding: 140px 0; background-color: #f7f7f7; }
.about_jianjie .text{ width: calc(100% - 500px); padding-right: 120px; float: left; }
.about_jianjie .text h6{ font-size: 17px; font-weight: normal; line-height: 30px; margin-bottom: 30px; padding-right: 20px; }
.about_jianjie .text h3{ font-size: 16px; font-weight: bold; color: #323232; margin-bottom: 20px; }
.about_jianjie .text p{ font-size: 14px; line-height: 24px; margin-bottom: 20px; text-align: justify; }
.about_jianjie .pic{ width: 500px; text-align: center; float: right; }
.about_jianjie .pic img{ max-width: 100%; }
@media only screen and (max-width:1440px){
  .about_jianjie{ padding: 100px 0; }
  .about_jianjie .text{ padding-right: 50px; }
}
@media only screen and (max-width:1240px){
  .about_jianjie{ padding: 70px 0; }
  .about_jianjie .text{ width: calc(100% - 250px); }
  .about_jianjie .text h6{font-size: 15px; line-height: 28px;}
  .about_jianjie .pic{ width: 250px;  }
}
@media only screen and (max-width:1100px){
  .about_jianjie .text h6{ font-size: 14px; line-height: 24px; margin-bottom: 20px; }
  .about_jianjie .text h3{margin-bottom: 10px;}
  .about_jianjie .text p{margin-bottom: 10px;}
}
@media only screen and (max-width:960px){
  .about_jianjie{ padding: 50px 0; }
  .about_jianjie .text{ width: calc(100% - 200px);  padding-right: 30px; }
  .about_jianjie .pic{ width: 200px;  }
}
@media only screen and (max-width:640px){
  .about_jianjie .text{ width: 100%;  padding-right: 0px; }
  .about_jianjie .pic{ width: 100%; margin-top: 20px; }
}

.about_ys{ padding: 140px 0; }
.about_ys ul{ justify-content: space-between; align-items: stretch; }
.about_ys ul li{ width: 47.5%;  }
.about_ys ul li .pic{ overflow: hidden; }
.about_ys ul li .pic img{ width: 100%; }
.about_ys ul li .text{ padding-top: 50px; }
.about_ys ul li .text h3{ margin-bottom: 40px; font-size: 20px; color: #333333; }
.about_ys ul li .text p{ font-size: 13px; line-height: 24px; padding-right: 50px; }
@media only screen and (max-width:1440px){
  .about_ys{ padding: 100px 0; }
  .about_ys ul li .text{padding-top: 40px;}
  .about_ys ul li .text h3{ margin-bottom: 30px;}
}
@media only screen and (max-width:1240px){
  .about_ys{ padding: 70px 0; }
  .about_ys ul li .text p{padding-right: 0;}
}
@media only screen and (max-width:1100px){
  .about_ys ul li{ width: 48.5%;  }
  .about_ys ul li .text{padding-top: 30px;}
  .about_ys ul li .text h3{ margin-bottom: 20px;}
}
@media only screen and (max-width:960px){
  .about_ys{ padding: 50px 0; }
  .about_ys ul li .text{padding-top: 20px;}
  .about_ys ul li .text h3{font-size: 16px; margin-bottom: 10px;}
}
@media only screen and (max-width:640px){
  .about_ys{ padding: 50px 0 20px; }
  .about_ys ul li{ width: 100%; margin-bottom: 30px; }
}
 

/************* 联系我们 *************/
.message{padding:120px 0 100px}
.message .left{width:30%}
.message .left h3{font-size:16px;color:#ACCE22;letter-spacing:2px}
.message .left h2{font-size:38px;font-weight:700}
.message .left p{margin-top:50px;font-size:16px}
.message .right{width:65%;margin-left:5%}
.message .right li{width:50%;border-bottom:1px solid #e5e5e5;margin-bottom:20px}
.message .right li span{display:flex;align-items:center}
.message .right li span img{width:24px;margin-right:6px}
.message .right li span h3{font-size:18px;font-weight:700}
.message .right li p{padding:20px 0;font-size:16px}
@media all and (max-width:1080px){
.message{padding: 50px 0;}
.message .left{width: 100%;margin-bottom: 30px;}
.message .left h2{font-size: 30px;}
.message .left p{margin-top: 10px;}
.message .right{width:100%;margin-left:0}
}
@media all and (max-width:768px){
.message{padding: 30px 0;}
.message .left h3{font-size: 14px;}
.message .left h2{font-size: 20px;}
.message .left p{font-size: 14px;}
.message .right li{width: 100%;margin-bottom: 15px;}
.message .right li span h3{font-size: 16px;}
.message .right li p{padding: 15px 0;}
.message .right li span img{width: 20px;}
}


.contact-form{padding: 120px 0;}
.contact-form h3{text-align:center;font-size:24px;font-weight:700;line-height:30px;letter-spacing:-.3px}
.contact-form p{text-align:center;font-size:15px;font-weight:400;line-height:24px;margin-bottom: 20px;}
.contact-form .form-group{display:flex;width: 50%;margin-bottom: 20px;}
.contact-form form{}
.contact-form .form-control{display:inline-block;padding:10px;text-indent:6px;line-height:32px;width: 100%;border:1px solid #ccc;box-shadow:1px 1px 1px rgb(0 0 0 / 10%) inset;margin-right: 20px;}
.contact-form .form-group:nth-child(2) .form-control{margin-right: 0;}
.contact-form .form-group:nth-child(3){width: 100%;}
.contact-form .form-group:nth-child(3) .form-control{width: 100%;margin-right: 0;line-height: 60px;}
.contact-form .form-group:nth-child(4) .form-control{margin-right: 0;}
.contact-form .form-group .form-control .codeimg{height: 54px;margin-right: 20px;}
.contact-form .form-group img{vertical-align:-10px}
.contact-form .btn{padding:8px 50px;border:0 solid #2e6da4;border-radius:50px;background:#a5a9aa;color:#fff;font-size:14px;margin-left: 20px;}
.contact-form .btn:hover{border:0 solid #204d74;background:#222}
@media all and (max-width:1080px){
.contact-form{padding: 50px 0;}
.contact-form form{margin: 0;}
}
@media all and (max-width:768px){
.contact-form{padding: 30px 0;}
.contact-form .form-group{width: 100%;}
.contact-form .form-control{margin-right: 0px;padding: 6px;}
.contact-form .btn{padding: 8px 40px;}
.contact-form .form-group .form-control .codeimg{height: 46px;}
.contact-form .btn{margin-left: 0;}
}
.mapCont{width: 100%; height: 500px;}
 
@media only screen and (max-width:1100px){
.mapCont{ height: 350px;}
}
@media only screen and (max-width:768px){
.mapCont{ height: 250px;}
}