@charset "UTF-8";
/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; outline: none; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #666666; font-family: "Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif; background: #fff; }

ul, li { list-style: none; }

img { border: 0px; }

table { border-collapse: collapse; border-spacing: 0; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }
 

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.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%; }

.ipad-show { display: none; }

@media (max-width: 320px) {
    body { min-width: 320px; }
}

@media (min-width: 768px) {
    .commonweb { padding: 0px 20px; }
    .commonwebbox { margin-left: -10px; margin-right: -10px; }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-1 { width: 8.33333333%; }
    .visible-sm { display: block; }
    .hidden-sm { display: none; }
}

@media (min-width: 992px) {
    .commonweb { padding: 0px 40px; }
    .commonwebbox { margin-left: -10px; margin-right: -10px; }
    .commonleft { float: left; }
    .commonright { float: right; }
    .visible-md { display: block; }
    .hidden-md { display: none; }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }
}

@media (min-width: 1024px) {
    .ipad-show { display: block; }
    .ipad-hidden { display: none; }
}

@media (min-width: 1200px) {
    html { cursor: default; }
    .commonleft { float: left; }
    .commonright { float: right; }
    .visible-lg { display: block; }
    .hidden-lg { display: none; }
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.66666667%; }
    .col-lg-7 { width: 58.33333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.66666667%; }
    .col-lg-4 { width: 33.33333333%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.66666667%; }
    .col-lg-1 { width: 8.33333333%; }
}

@media (min-width: 1260px) {
    .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; }
}

/* layout start*/


@charset "UTF-8";
/*头部*/
 
 .index-dot { position: absolute; bottom: 10px; text-align: center; width: 100%; z-index: 9; }

.index-dot span { display: inline-block; width: 12px; height: 12px; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #9C292C; margin: 0 6px; vertical-align: middle; cursor: pointer; }

.index-dot span.swiper-pagination-bullet-active { width: 12px; height: 12px; background: #9C292C; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
 

 

/*产品列表*/
.product-banner { position: relative; overflow: hidden; }

.product-banner ul li img { display: block; position: relative; height: 200px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width: none; }

.productbanner-wrap { position: relative; }

.product-top-sort { position: absolute; top: 0; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; width: 100%; font-size: 16px; overflow: hidden; display: none; }

.Categories-list { width: 240px; height: 100%; background: rgba(0, 0, 0, 0.7); }

.Categories-list ul { padding: 17px 0; }

.Categories-list li { padding: 5px 0; }

.Categories-list li h4 a { display: block; padding: 0 30px; color: #fff; height: 50px; line-height: 50px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.Categories-list li h4 a em { margin-right: 15px; line-height: 0; display: inline-block; vertical-align: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.Categories-list li h4 a em img { vertical-align: middle; width: 30px; display: inline-block; }

.Categories-list li:hover h4 a { background: #6C1315; }

.Categories-list li:hover h4 a em { -webkit-transform: translateX(-3px); -moz-transform: translateX(-3px); -ms-transform: translateX(-3px); -o-transform: translateX(-3px); transform: translateX(-3px); }

.sub-categories, .three-categories, .four-categories { position: absolute; left: 240px; width: 230px; top: 0; height: 100%; background: #FFFFFF; padding: 22px 0; display: none; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.subcate-list { padding: 3px 0; }

.subcate-list a.a1 { height: 50px; line-height: 50px; display: block; padding-left: 38px; color: #666666; }

.subcate-list a.a1 img { vertical-align: middle; margin-right: 18px; }

.subcate-list a.a1.cur, .subcate-list a.a1:hover { background: #E6E6E6; }

.three-categories { background: #E6E6E6; left: 230px; }

.threecate-list { padding: 5px 0; }

.threecate-list a.a2 { height: 50px; line-height: 50px; display: block; padding-left: 38px; color: #666666; }

.threecate-list a.a2.cur, .threecate-list a.a2:hover { background: #D9D9D9; }

.four-categories { background: #D9D9D9; left: 230px; }

.four-categories a { height: 50px; line-height: 50px; display: block; padding-left: 38px; color: #666666; }

.four-categories a.cur, .four-categories a:hover { background: #9C292C; color: #fff; }

.slimScrollBar, .subscroll { -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 4px; height: auto; }

.mCustomScrollBox > .mCSB_scrollTools { opacity: 1; width: 4px; height: 100%; top: 0; right: 0; background: #fff; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }

.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; background: #991017; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }

.mCSB_scrollTools .mCSB_draggerRail { width: 8px; height: 100%; margin: 0 auto; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #000; width: 10px; }

.mCSB_container { text-align: justify; min-height: 100%; }

.productbg { background: #F2F2F2; padding: 23px 0 45px; }

.crumbs-box { height: 60px; line-height: 60px; background: #E6E6E6; padding: 0 32px; color: #999999; display: none; }

.crumbs-box a { color: #999999; }

.crumbs-box a.home-icon { padding-left: 20px; background: url(../images/wicon10.png) 0 2px no-repeat; }

.crumbs-box a:hover { color: #9c292c; }

.crumbs-box span { color: #9c292c; }

.pro-category { background: #fff; }

.pro-category dl { position: relative; font-size: 14px; min-height: 60px; border-bottom: 1px solid #E6E6E6; padding: 20px 10px 0 56px; }

.pro-category dl dt { color: #999999; position: absolute; top: 20px; left: 10px; text-align: center; }

.pro-category dl dd { position: relative; padding-right: 20px; }

.pro-category dl dd a { padding: 0 6px 10px; display: inline-block; }

.pro-category dl dd a:hover, .pro-category dl dd a.cur { color: #9c292c; }

.arrormore-btn { content: ""; position: absolute; width: 40px; height: 100%; display: block; right: 0; top: 4px; cursor: pointer; }

.arrormore-btn:after { content: ""; display: block; position: absolute; right: 5px; width: 12px; height: 12px; border-right: 2px solid #b3b3b3; border-top: 2px solid #b3b3b3; border-left: 0; border-bottom: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.arrormore-btn.cur:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 5px; }

.proheight { height: 32px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; overflow: hidden; }

.proheight.add { height: auto; }

.product-conright { padding: 30px 6%; }

.product-conright .protit { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; color: #333333; font-size: 16px; margin-bottom: 10px; }

.product-conright .protext { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; }

.product-conright .more-btn { width: 32px; height: 32px; display: block; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #cccccc; position: relative; margin-top: 30px; }

.product-conright .more-btn:after { content: ""; position: absolute; left: 5px; top: 9px; width: 12px; height: 12px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.prodcut-list { padding: 24px 0 0; }

.prodcut-list ul li { padding-bottom: 20px; }

.prodcut-list ul li a { display: block; background: #fff; color: #999999; }

.prodcut-list ul li a .zoom { position: relative; overflow: hidden; }

.prodcut-list ul li a .zoom img {  width: 100%; display: block; }

.prodcut-list ul li a:hover { color: #9c292c; }

.prodcut-list ul li a:hover .product-conright .protit { color: #9c292c; }

.prodcut-list ul li a:hover .product-conright .more-btn { border-color: #9c292c; }

.prodcut-list ul li a:hover .product-conright .more-btn:after { border-color: #9c292c; }

 
 

/*产品详情*/
.product-crumb { background: #333; color: #fff; height: 46px; line-height: 46px; }

.product-crumb h3 { font-size: 16px; font-weight: bold; }

.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: #666; max-height: 184px; }

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

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

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

.product-tab { background: #ededed; margin-top: 30px; 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: #9C292C; color: #fff; }

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

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

.small-list ul li { float: left; width: 25%; border: 1px solid #DCDCDC; margin-right: 29px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s;position:relative; }

.small-list ul li:before{
    content:"";
    position:relative;
    display:block;
    padding-bottom:100%;

}
.small-list ul li img { display: block; width: 100%;position:absolute;top:50%;left:0;transform: translateY(-50%); }

.small-list ul li:hover, .small-list ul li.cur { border-color: #991017; }

.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: #991017; }

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

.prode-tit { font-size: 20px; text-align: center; color: #1a1a1a; line-height: 30px; margin-bottom: 14px; }

.related-products { padding-bottom: 50px; }

.related-products .relatitle { font-size: 20px; margin-bottom: 25px; }

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

.related-list ul li { float: left; width: 25%; margin-right: 8px; }

.related-list ul li a { display: block; background-color: #fff; }

.related-list ul li a img { width: 100%; }

.related-list .index-dot { position: static; margin-top: 10px; }

.related-con { padding: 20px 0; text-align: center; }

.related-con h4 { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; color: #333; font-size: 16px; }

.related-con p { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; color: #999999; }
 
 
 

 
@media (min-width: 640px) {
    .index-dot {bottom:25px;}
    .product-banner ul li img { width: 100%; height: auto; left: 0; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); }
    .inside-banner img { width: 100%; height: auto; left: 0; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); }
    .product-conright { float: left; width: 50%; padding: 10.16949% 4% 0 8%; }
    .prodcut-list ul li a .zoom { float: left; width: 50%; }
    .welfareimg { width: 100%; height: auto; left: 0; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); }
 
 
   
  .training-swiper ul li{width:25%;padding:0 10px;}

  .prodcut-list ul li a .zoom:before { content: ""; display: block; padding-bottom: 100%; }

.prodcut-list ul li a .zoom img { position: absolute; left: 0; top: 0; width: 100%; display: block; }
}

 

@charset "UTF-8";

@media (min-width: 1024px) { /*头部*/
 
  
    .pro-category dl { font-size: 16px; padding: 20px 32px 0 94px; }
    .pro-category dl dt { left: 32px; }
    .pro-category dl dd { padding-right: 40px; }
    .pro-category dl dd a { padding: 0 14px 8px; }
    .arrormore-btn { top: -3px; }
    .arrormore-btn:after { width: 15px; height: 15px; }
    .crumbs-box { display: block; }
    .product-conright { padding: 16.94915% 4% 0 8%; }
    .prodcut-list ul li a { overflow: hidden; }
    .prodcut-list ul li a:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
    .prodcut-list ul li a img, .introduce-swiper ul li a img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -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; }
    .training-camp .introduce-swiper ul li a .zoom { overflow: hidden; }
    .introduce-swiper ul li a:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
    .prodcut-list ul li a:hover { color: #9c292c; }
    .prodcut-list ul li a:hover .product-conright .protit { color: #9c292c; }
    .prodcut-list ul li a:hover .product-conright .more-btn { border-color: #9c292c; }
    .prodcut-list ul li a:hover .product-conright .more-btn:after { border-color: #9c292c; }
     
    /*产品详情*/
    .product-crumb { height: 60px; line-height: 60px; }
    .product-crumb h3 { font-size: 20px; }
    .product-deatils { padding: 0 0 50px; }
    .product-deatils .productbig-img { float: left; width: 43.39964%; }
    .product-deatils .productbig-img .index-dot { display: none; }
    .product-deatils .product-box { float: right; width: 51.39766%; padding: 25px 0 0 0; font-size: 15px; line-height: 36px; }
    .product-deatils .product-box .pro-title { font-size: 32px; padding-bottom: 30px; margin-bottom: 40px; }
    .product-deatils .product-box .product-con { padding-bottom: 40px; }
    .biglist ul li { height: 480px; }
    .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; }
    .product-deatilsbox { font-size: 16px; }
    .prode-tit { font-size: 36px; line-height: 40px; margin-bottom: 14px; }
    .related-list .index-dot { display: none; }
    .productbg { padding: 23px 0 75px; }
   
  
 
}

 


/*弹窗*/
.probg { position: fixed; top: 0; width: 100%; height: 100%; left: 0; background: rgba(0, 0, 0, 0.9); z-index: 998; display: none; }

.product-popup { position: fixed; top: 0; left: 0; z-index: 999; display: none; }

.procut-btn { position: fixed; width: 50px; height: 50px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 1000; outline: none; }

.procut-left { left: -12px; }

.procut-right { right: -12px; }

.procut-btn:after { content: ""; position: absolute; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; display: block; top: 50%; left: 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%); }

.procut-left:after { border-right: 15px solid #fff; }

.procut-right:after { border-left: 15px solid #fff; }

.procut-btn:hover { border-color: #fff; }

.procut-left:hover:after { border-right-color: #fff; }

.procut-right:hover:after { border-left-color: #fff; }

.procut-popbox { width: 86%; position: fixed; top: 50%; left: 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%); word-wrap: break-word; line-height: 28px; z-index: 9; height:70%;overflow:hidden;}

.factoryview-swiper{height:100%;}
.honor-popup .procut-popbox li { position: relative; height: 100%; width: 100%; text-align: center; }

.honor-popup .procut-popbox img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; }

.honor-popup .procut-popbox .factoryview-swiper img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.procut-popbox .prodcutpop-swiper, .factoryview-swiper { position: relative; overflow: hidden; }

.closebtn { width: 35px; height: 35px; position: fixed; display: block; top: 20px; right: 3%; background-color: #9C292C; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor: pointer; z-index: 99; }

.closebtn:after, .closebtn:before { content: ''; position: absolute; height: 2px; width: 40%; top: 50%; left: 10px; margin-top: -1px; background: #fff; }

.closebtn:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.closebtn:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }