.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }



/* layout start*/



/*娴溠冩惂娑擃厼绺�*/
.product-listwrap { padding-top: 30px; padding-bottom: 30px; }

.product-select { padding-top: 20px; }

.select-list { width: 100%; float: left;  position: relative; margin-bottom: 20px; }

.mr0 { margin-right: 0; }

.pro-active { height: 40px; line-height: 40px; border: solid 1px #d2d2d2; position: relative; display: block; padding: 0 10px; cursor: pointer;overflow:hidden; }

.pro-active:after { content: ""; position: absolute; right: 22px; top: 50%; margin-top: -5px; position: absolute; width: 10px; height: 10px; border-top: 2px solid #777777; border-right: 2px solid #777777; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.select-down { position: absolute; top: 40px; width: 100%; background: #fff; -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); z-index: 2; display: none; }

.select-down a { display: block; padding: 8px 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.pro-search { float: left; width: 100%; background-color: #f1f1f1; position: relative; padding-right: 40px; }

.pro-search .prosearch-text { height: 40px; padding-left: 10px; background: none; width: 100%; }

.pro-search .prosearch-text::-webkit-input-placeholder { color: rgba(147, 147, 147, 0.5); }

.pro-search .prosearch-text:-moz-placeholder { color: rgba(147, 147, 147, 0.5); }

.pro-search .prosearch-text::-moz-placeholder { color: rgba(147, 147, 147, 0.5); }

.pro-search .prosearch-text:-ms-input-placeholder { color: rgba(147, 147, 147, 0.5); }

.pro-search .prosearch-btn { width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../images/prosearch.png) center center no-repeat; font-size: 0; }

.product-list { padding-top: 40px; overflow: hidden; }

.product-list ul { margin: 0 -10px; }

.product-list ul li { padding: 0 10px 20px; }

.product-list ul li a { display: block; padding: 0 22px; text-align: center; background-color: #fafafa; position: relative; overflow: hidden; }

.product-list ul li a h4 { border-top: 1px solid #b2b2b2; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 54px; line-height: 54px; font-size: 16px; }

.product-img { position: relative; }

.product-img:before { content: ""; display: block; padding-bottom: 86.60714%; }

.product-img img { position: absolute; top: 0; left: 0; display: block; width: 100%; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.product-pop { position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: rgba(230, 0, 18, 0.7); color: #fff; visibility: hidden; 
-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom;
 transform-origin: right bottom; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; padding-top:80px; }

.product-pop .m-positioncenter { width: 100%; }

.product-pop h5 { font-size: 20px; margin-bottom: 20px; max-height: 60px; line-height: 30px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;padding:0 10px; }

.product-pop span { display: block; margin: 0 auto; max-width: 121px; height: 35px; line-height: 35px; -webkit-border-radius: 18px; border-radius: 18px; border: solid 1px #ffffff; }

.page-wraper,.page-wrap{ text-align: center; padding-top: 10px; }

.page-wraper .page,.page-wrap .laypage_main{ display: inline-block; }

.page-wrap .laypage_main a, .page-wrap .laypage_main span { display: inline-block; vertical-align: top; width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #c6c6c6; font-size: 16px; margin: 0 2px; position: relative; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer;position:relative;padding:0; background:none;}

.page-wrap .laypage_main .laypage_curr{background: #2a8f3a !important;}

.page-wrap .laypage_main a:hover, .page-wrap .laypage_main span:hover { background: #2a8f3a; color: #fff; border-color: #fff; }

.page-wrap .laypage_main .next:after,.page-wrap .laypage_main .prev:after  { content: ""; position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -4px; width: 0; height: 0; border-right: 8px solid transparent; border-top: 8px solid #888; }

.page-wrap .laypage_main .prev:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -4px; }

.page-wrap .laypage_main .next:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.page-wrap .laypage_main .next:hover:after,.page-wrap .laypage_main .prev:hover:after { border-top-color: #fff; }

.product-deatils { padding: 30px 0; }






.product-deatils .productbig-img { border: 1px solid #dbdbdb; }

.product-deatils .product-box { padding-top: 20px; font-size: 15px; line-height: 36px; }

.product-deatils .product-box .product-tbes { border-bottom: 1px solid #dadada; }

.product-deatils .product-box .pro-title { font-size: 24px; color: #333; padding-bottom: 14px; border-bottom: 1px solid #dadada; margin-bottom: 14px; }

.product-deatils .product-box .product-con { padding-bottom: 20px; color: #1a1a1a; }

.product-deatils .product-box .product-con .linedot { padding-left: 18px; position: relative; }

.product-deatils .product-box .product-con .linedot:before { content: ""; display: block; position: absolute; left: 0; top: 11px; vertical-align: 2px; width: 6px; height: 6px; background: #2a8f3a; -webkit-border-radius: 50%; border-radius: 50%; }

.biglist { position: relative; overflow: hidden; }

.biglist .index-dot span { background: #888; }

.biglist .index-dot span.swiper-pagination-bullet-active { background-color: #2a8f3a; }

.biglist ul li img { display: block; max-width: 100%; margin: 0 auto; }

.whitebg { background: #fff; padding-top: 30px; padding-bottom: 30px; }

.product-tab { background: #ededed; font-size: 0; line-height: 0; }

.product-tab a { max-width: 278px; text-align: center; height: 50px; line-height: 50px; width: 50%; font-size: 16px; display: inline-block; color: #666666; }

.product-tab a.cur { background: #2a8f3a; color: #fff; }

.small-wraper { position: relative; padding: 0 40px; margin-top: 25px; }

.small-list { position: relative; overflow: hidden; }

.small-list ul li { float: left; width: 25%; margin-right: 29px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; min-height: 105px; position: relative; }

.small-list ul li img { position: absolute; left:50%;top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: block; width:70%; }

.small-list ul li:before { content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid #e5e5e5; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.small-list ul li:hover:before, .small-list ul li.cur:before { border: 4px solid #2a8f3a; }

.product-btn { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 36px; cursor: pointer; outline: none; }

.product-btn:hover:after { border-color: #2a8f3a; }

.product-btn:after { content: ""; position: absolute; width: 20px; height: 20px; display: block; border-left: 4px solid #999999; border-top: 4px solid #999999; border-bottom: 0; border-right: 0; top: 5px; left: 5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.product-btn.product-right { right: 0; left: auto; }

.product-btn.product-right:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.product-deatilsbox { padding-top: 30px; color: #666; font-size: 14px; }

.product-deatilsbox img { max-width: 100%; }

.mdeatils-box { display: none;overflow-x:auto; }

.mdeatils-box table td{padding:5px;border:1px solid #ccc;padding:8px 2px; text-align:center;}

.mdeatils-box  table tr{background:#f6f6f6; }

@media (min-width: 640px) { .max-width350 { max-width: 350px; }
  .dnbr br { display: block; } }

@media (min-width: 1024px) { .pc-hiden { display: none; }
  .mob-hidden { display: block; }
  /*font*/
  .fs30 { font-size: 30px; }

  
.video-wrap h4{margin-top:20px;font-size:20px;}
}



@media (min-width: 768px) { 
  /*閸烆喖澧犻張宥呭*/
  .presale-list { padding-bottom: 50px; }
  .presale-list li { font-size: 16px; line-height: 24px; }
  .presale-list li .presale-icon { width: 80px; height: 80px; margin: 0 auto 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .presale-list li:hover .presale-icon { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  .presale-list li .presale-tit { margin-bottom: 10px; }
  .full-honorA-popup .honorA-wrap { height: auto; }
  }




@media (min-width: 1024px) {
     .contant-map {
    height: 500px;
   
}

  /*娴溠冩惂娑擃厼绺�*/
  .product-listwrap { padding-top: 70px; padding-bottom: 80px; }
  .product-select { padding-top: 70px; }
  .select-list { width: 26.75%; float: left; margin-right: 1.66667%; margin-bottom: 0; }
  .mr0 { margin-right: 1.66667%; }
  .pro-active { height: 50px; line-height: 50px; padding: 0 10px; }
  .select-down { top: 50px; }
  .select-down a { padding: 10px 20px; }
  .select-down a:hover { background: #2a8f3a; color: #fff; }
  .pro-search { float: right; width: 43.16667%; padding-right: 50px; }
  .pro-search .prosearch-text { height: 50px; }
  .pro-search .prosearch-btn { width: 50px; height: 50px; }
  .product-list ul { margin: 0 -15px; }
  .product-list ul li { padding: 0 15px 30px; }
  .product-list ul li a:hover .product-pop { visibility: visible; bottom: 0; }
  .product-list ul li a:hover .product-img img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .product-deatils { padding: 84px 0 60px; }
  .product-deatils .productbig-img { float: left; width: 46.66667%; }
  .product-deatils .productbig-img .index-dot { display: none; }
  .product-deatils .product-box { float: right; width: 45.83333%; padding: 0; font-size: 16px; line-height: 30px; }
  .product-deatils .product-box .pro-title { font-size: 32px; line-height: 36px; padding-bottom: 15px; margin-bottom: 10px; }
  .product-deatils .product-box .product-con { padding-bottom: 10px;font-size: 14px; }
  .biglist ul li { height: 483px; }
  .biglist ul li p { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; overflow: hidden; width: 100%; font-size: 0; line-height: 0; }
  .biglist ul li img { display: inline-block; }
  .whitebg { padding: 50px 47px; }
  .product-tab { margin-top: 0; }
  .product-tab a { height: 60px; line-height: 60px; width: 50%; font-size: 16px; }
  .product-deatilsbox { padding-top: 50px; padding-bottom: 100px; }
  .product-deatilsbox { font-size: 16px; }

  /*閸烆喖澧犻張宥呭*/
  .presale-list li { width: 20%; }
 


}



@media (max-width: 1000px){ 
.product-deatilsbox{ padding-bottom:60px }
}