@font-face {
  font-family: 'iconfont';
  src: url('/IconFont/iconfont.eot');
  src: url('/IconFont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('/IconFont/iconfont.ttf') format('truetype'),
  url('/IconFont/iconfont.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/* IE 8 会显示粗边框  */
img{ border-style:none; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.15; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { margin: 0; font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; line-height: 1.42857143; font-size: 14px; min-width: 1230px; background: #fff; color: #333; }
html, body, div, a, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-weight:normal;
}
ol, ul, li { list-style: none outside none; }
table { border-collapse: collapse; border-spacing: 0; }
a{ text-decoration:none; transition: all .3s; }


/* 清除浮动 */
.clear,.clearfix,.clear-float { height:0; line-height:0; font-size:0; clear:both; }
.clearXJ { zoom: 1; }
.clearXJ:before, .clearXJ:after { display: table; line-height: 0; content: ""; }
.clearXJ:after { clear: both; }

body{ background:#f5f5f5; }
.city-header{  }
.city-header-top{ background:#fafafa; height:35px; line-height:35px; border-bottom:1px solid #eee; position:relative; }
.city-header-top-c{ position:relative; width:1250px; margin:0 auto;  }
.city-header-top p{ float:left; font-size:12px; color:#666; line-height:35px; }
.operate{ float:right; }
.operate span{ margin-right:20px; font-size:12px; color:#666; cursor:pointer; }
.operate span b{ display:inline-block; font-size:11px; -webkit-transform: rotate(90deg);  transform: rotate(90deg); margin-left:3px; line-height:33px; vertical-align:top; }
.operate span.fav{ display:inline-block; background:url(/img/city/fav.png) left 9px no-repeat; padding-left:20px; }
.operate a{ font-size:12px; color:#666; }
#share{ display:none; position:absolute; right:0; top:36px; background:#fff; border:1px solid #ccc; box-shadow:2px 3px 7px rgba(0,0,0,0.3); -webkit-box-shadow:2px 3px 7px rgba(0,0,0,0.3); } 
.share-title{ background:#f5f5f5; padding:0 15px; font-weight:bold; font-size:15px; }
.social-share{ margin:15px 15px;}

.city-header-zy{ background:#fff; height:116px; }
.city-header-zy ul { width:1250px; margin:0 auto;  height:100px; }
.city-header-zy ul li{ float:left; }
.city-header-zy ul li .logo{ display:block; width:198px; height:58px; margin-top:26px; background:url(/img/city/city-logo.png) left bottom no-repeat; }

.city-header-zy ul li:nth-child(2){ width:680px; margin-left:50px; padding-left:20px; height:68px; margin-top:28px; }
.search { width: 100%; margin:0 auto; padding:0; }
.search-box{ margin:0px auto; text-align:center; height:50px; }
.ss-range{ float:left; position:relative; border:2px solid #ef1f1f; padding:0 15px; height:36px; line-height:36px; border-right:none; font-size:14px; cursor:pointer; }
.ss-range:hover{ border-bottom:none; }
.ss-range:hover .ss-range-item{ display:block; }
.ss-range span{ display:inline-block; color:#666; }
.ss-range b{ display:inline-block; font-size:16px; -webkit-transform: rotate(90deg);  transform: rotate(90deg); margin-left:8px; line-height:32px; vertical-align:top; }
.ss-range i{ width: 1px; height: 14px; border-left: solid 1px #D8D8D8; position: absolute; top: 13px; right: 0px;} 
.ss-range .ss-range-item{ display:none; position: absolute; left: -2px; top: 36px; border: 2px solid #ef1f1f; border-top:0; width: 80px; z-index: 9999999; background:#fff; }
.ss-range .ss-range-item span{ display:block; color:#000; cursor:pointer; }
.ss-range .ss-range-item span:hover{ background:#eee;  }
.ss-input{ float:left; }
.ss-input .input-box{ width:460px; height:40px; line-height:40px; border:2px solid #ef1f1f; outline:none; border-left:none; padding-left:15px; font-size:14px; }
.ss-submit{ float:left; }
.ss-submit a{ display:block; background:#e60012; color:#fff; width:100px; height:40px; line-height:40px; text-align:center; border-top-right-radius:5px; border-bottom-right-radius:5px; }
.ss-submit a:hover{ background:#f00; color:#fff; text-decoration:none; }
.ss-submit span{ display:inline-block; color:#fff; line-height:40px; font-size:15px;  }
.ss-submit .icon{ width:18px; height:18px; fill: currentColor; vertical-align: -3px; overflow:hidden; margin-right:8px; }
.ss-submit #icon-search{ color:#fff; }

.search-tip{  }
.search-tip span{ font-size:12px; color:#999; }

.city-header-zy ul li:nth-child(3){float:right; background:url(/images/icons.png) -434px -973px no-repeat; padding-left:46px;  }
.city-header-zy ul li:nth-child(3) span{display:block; }
.city-header-zy ul li:nth-child(3) span:nth-child(1){ font-size:12px; text-align:right; margin-top:26px; color:#333; }
.city-header-zy ul li:nth-child(3) span:nth-child(2){ font-size:26px; color:#d80808; line-height:28px;  }
#nav-menu{ display:none; }
.city-header-mobile{ display:none; }
#city-product-nav-mobile{ display:none; }


.city-header-navigation{ width:100%; background:#fff; border-bottom:2px solid #e60012; padding-top: 8px; }
.city-header-navigation #mobile-nav-mask{ display:none; }
.city-header-navigation-c{ width:1250px; margin:0 auto; position:relative;}
.product-cate{ width:240px; height:42px; line-height:42px; text-align:center; font-size:14px; background:#e60012; color:#fff; border-top-left-radius:5px; border-top-right-radius:5px; position:relative;  }
.product-cate:hover .product-sub-cate{ display:block; }
.product-cate .icon{ width:18px; height:18px; fill: currentColor; color:#fff; vertical-align: -3px; overflow:hidden; margin-right:3px; }
.product-cate #icon-whole{ color:#fff; }
.product-cate span{ font-size:16px; font-weight:bold; }

.main-menu { position:absolute; left:240px; top:0; }
.main-menu li{ float:left; margin-left:40px; }
.main-menu li:first-child{ width:35px; background:url(/images/nav/hp.jpg) left top no-repeat; overflow:hidden;  }
.main-menu li:first-child a{ text-indent:3em; }
.main-menu li:nth-child(2n){ margin-left:39px; width:1px; height:16px; position:relative; }
.main-menu li:nth-child(2n) i{ display:block; position:absolute; width:1px; height:16px; left:0; top:14px; background:#ddd; }
.main-menu li a{ display:block; height:42px; line-height:42px; font-size:16px; font-weight:bold; color:#000; }
.main-menu li a:hover{ color:#e60012; }

.product-sub-cate{ display:none; position:absolute; left:0; top:42px; width:238px; background:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:1px solid #e60012; border-top:none; 
                   z-index:10000; box-shadow:2px 3px 15px rgba(0,0,0,0.2); -webkit-box-shadow:2px 3px 15px rgba(0,0,0,0.2); }
.product-sub-cate ul{ padding:10px 0; position:relative; }
.product-sub-cate ul li a{ display:block; padding:10px 0 10px 20px; line-height:normal; text-align:left; }
.product-sub-cate ul li a:hover{ background:#ffeded; }
.product-sub-cate ul li a:hover span{ color:#e60012; }
.product-sub-cate ul li a span{ display:block; color:#333; font-weight:bold; font-size:14px; width:204px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }

.product-sub-cate ul li.pro-list{ }
.product-sub-cate ul li.pro-list .sub-pro-list{ position:absolute; border:0 solid #e60012; border-top:none; left:238px; top:2px; width:0; height:438px; background:#fff; 
                                                overflow:hidden; opacity:0.98; z-index:10000; box-shadow:2px 3px 15px rgba(0,0,0,0.2); -webkit-box-shadow:2px 3px 15px rgba(0,0,0,0.2); }
.product-sub-cate ul li.pro-list .sub-pro-list ol{ margin:30px 15px; width:1010px; }
.product-sub-cate ul li.pro-list .sub-pro-list ol li{ text-align:center; float:left; margin-bottom:30px; border-right:1px solid #eee; padding:0 10px; }
.product-sub-cate ul li.pro-list .sub-pro-list ol li a{ padding:0; margin:0; }
.product-sub-cate ul li.pro-list .sub-pro-list ol li a:hover{ background:none;  }
.product-sub-cate ul li.pro-list .sub-pro-list ol li a:hover span{ color:#d80808; }
.product-sub-cate ul li.pro-list .sub-pro-list img{ display:block; margin:0 auto; text-align:center; height:80px; }
.product-sub-cate ul li.pro-list .sub-pro-list span{ display:block; font-size:12px; text-align:center; margin:10px auto 0 auto; color:#999; font-weight:normal; }

.city-nav-fixed{ position:fixed; z-index:100000; left:0; top:-100px; background:#fff; width:100%; height:80px; -webkit-transition: top .3s linear; transition: top .3s linear; box-shadow:2px 3px 15px rgba(0,0,0,0.3); -webkit-box-shadow:2px 3px 15px rgba(0,0,0,0.3); }
.city-nav-fixed-content{ width:1250px; height:80px; margin:0 auto; }
.city-nav-fixed ul li .logo{ display:block; width:198px; height:58px; margin-top:11px; background:url(/img/city/city-logo.png) left bottom no-repeat; }
.city-nav-fixed ul li .search{ margin-top:21px; }
.city-nav-fixed ul li .search .search-box{ height:auto; }
.city-nav-fixed ul li { float:left; }
.city-nav-fixed ul li:last-child{ float:right; }
.city-nav-fixed ul li:nth-child(2){ margin:0 50px 0 50px; }
.city-nav-fixed .ss-range .ss-range-item{  }
.city-nav-fixed ul li .search .search-box .ss-input .input-box{ width:420px; }
.city-nav-fixed ul li .search .search-box .pro-btn{ float:left; margin-left:10px; }
.city-nav-fixed ul li .search .search-box .pro-btn > span{ display:block; border:1px solid #f00; background:#fff; text-align:center; width:100px; height:38px; line-height:38px; border-radius: 5px; color: #e60012; font-size: 15px; }
.city-nav-fixed ul li .search .pro-btn{ position:relative; }
.city-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list{ display:none; position:absolute; left:-862px; width:1250px; top:40px; background:#fff; z-index:100; overflow:hidden; opacity:0.98; box-shadow:2px 3px 15px rgba(0,0,0,0.3); -webkit-box-shadow:2px 3px 15px rgba(0,0,0,0.3); }
.city-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list .nav-fixed-pro-list-wrapper{ margin:20px auto; }
.city-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list ol{ margin:30px auto 0 auto; width:1000px; height:136px; text-align:center; }
.city-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list ol li{ text-align:center; float:left; margin:0; padding:0; }
.city-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list ol li a{ padding:0; margin:0; color:#000; }
.city-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list ol li a:hover{ background:none;  }
.city-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list ol li a:hover span{ color:#d80808; }
.city-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list img{ display:block; margin:0; border-right:1px solid #eee; padding:0 45px; height:80px; }
.city-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list span{ display:block; margin-top:10px; font-size:12px; line-height:initial; }
.city-nav-fixed .city-nav-fixed-content > ul > li:nth-child(3){ margin-top: 16px; }
.city-nav-fixed .city-nav-fixed-content > ul > li:nth-child(3) i{ display:inline; font-size:36px; color:#9e1009; vertical-align:middle; }
.city-nav-fixed .city-nav-fixed-content > ul > li:nth-child(3) span{ display:inline;  font-size:26px; color:#d80808; margin-left:6px; vertical-align:middle; font-family:Arial; }

.city-pos { margin:15px auto; }
.city-pos h3{ width:1250px; margin:0 auto; }
.city-pos span.city-pos-icon{ display:inline-block; padding-left:22px; background:url(/images/icons.png) -100px 2px no-repeat; color:#ababab; font-size:14px; }
.city-pos a{ color:#000; font-size:14px; }
.city-pos a:hover{ color:#f00; }
.city-pos span{ color:#888; font-size:14px; }
.city-pos i{ display:inline-block; margin:0 5px; color:#aaa; font-size:13px; font-style:normal; }


.city-product{ margin:0 auto; background:#f5f5f5; padding:0 0 20px 0;}
.city-product-c{ width:1250px; margin:0 auto; }
.city-product-nav{ float:left; width:290px; }
.city-product-cate{  }
.city-product-cate h3{ background:#ce0111; color:#fff; font-size:30px; letter-spacing:2px; height:90px;line-height:90px; text-align:center; border-top-left-radius:5px; border-top-right-radius:5px; }
.city-product-cate ul{ }
.city-product-cate ul li:nth-child(1) a{ margin-top:1px; }
.city-product-cate ul li a{ display:block; position:relative; margin:15px 0; padding-left:25px; height:45px; line-height:45px; margin:2px 0; color:#333; 
                          background-color:#ddd; font-size:16px; background-image:url(/images/icons.png); background-position:-730px -130px; background-repeat:no-repeat;}
.city-product-cate ul li a:hover{ background-color:#810802; color:#fff; background-position:-730px -74px; }
.city-product-cate ul li dl dt a{ background:#d8d8d8; color:#333;  }
.city-product-cate ul li dl dd a{ background:#ececec; color:#666; padding-left:50px; margin:1px 0; }
.city-product-cate ul li dl dd a:after { content: ""; width: 8px; height: 8px; border: 2px solid #bbb; border-style: solid solid none none; position: absolute; top: 22px; right: 20px;
            -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.city-product-cate ul li dl dd a:hover{ color:#dd0101; background-color:#ececec; }
.city-product-cate ul li dl dd a:hover::after{ border-color:#dd0101; }

.city-product-xc{ margin:15px 0; }
.pj{ margin-bottom:30px; }

.city-product-zx{ margin-top:10px; background:#fff; }
.city-product-zx h3{background:#810802; color:#fff; font-size:20px; height:50px;line-height:50px; text-align:center; }
.city-product-zx ul li{  }
.city-product-zx ul li a{ display:block; border-bottom:1px dashed #ccc; padding:15px 0 15px 10px; font-size:13px; color:#000;  }
.city-product-zx ul li a:hover{ color:#dd0101;  }
.city-product-zx ul li:last-child a{ border-bottom:0; }

.city-product-case{ margin-top:10px; background:#fff; padding-bottom:13px; }
.city-product-case h3{ background:#810802; color:#fff; font-size:20px; height:50px;line-height:50px; text-align:center; }
.city-product-case ul{ margin-top:0px; }
.city-product-case li{ padding:20px 6px; margin:0 5px; border-bottom:1px dashed #eee;}
.city-product-case ul li:last-child{ border-bottom-width:0; }
.city-product-case li img{ display:block; width:100%; text-align:center; margin:0 auto; border:1px solid #fafafa; }
.city-product-case li span{ display:block; text-align:center; font-size:12px; margin:6px auto 0 auto; color:#333; width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.city-product-case li a:hover span{ color:#d80808; }


.city-product-lx{ margin-top:10px; background:#fff; }
.city-product-lx-bg{ width:230px; height:116px; background:url(/images/icons.png) right -884px no-repeat; }
.city-product-lx-qq{ margin:20px 15px 0 20px; }
.city-product-lx-qq a{ display:block; color:#666; font-size:13px; background:url(/images/icons.png) -188px -731px no-repeat; padding-left:28px; height:30px; line-height:21px; margin-top:10px; }
.city-product-lx-wt{ border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; margin:20px 15px; padding:18px 0; }
.city-product-lx-wt span:nth-child(1){ display:block; background:Url(/images/icons.png) -176px -80px no-repeat; padding-left:35px; font-size:16px; height:30px; line-height:25px;  }
.city-product-lx-wt span:nth-child(2){ font-size:12px; margin-left:35px; }
.city-product-lx-fs{ margin:0 0 20px 15px; padding: 0 0 30px 0; }
.city-product-lx-fs span:nth-child(1){ display:block; background:Url(/images/icons.png) -176px -41px no-repeat; padding-left:30px; font-size:16px; height:30px; line-height:18px;  }
.city-product-lx-fs span{ font-size:12px; margin-top:10px; display:block;}

.city-product-detail{ float:right; width:935px; }
.city-product-detail-gy{ padding:20px 0 20px 20px; border:1px solid #f3f3f3; background:#fff; border-radius:5px; }
.city-product-dg-img{ float:left; display:block; border:1px solid #eee; }
.city-product-dg-wz{ float:left; margin-left:25px; width:445px; overflow: hidden; position: relative; }
.city-product-dg-wz h1{ font-size:22px; border-bottom:1px dashed #bbb; padding-bottom:15px; }
.city-product-dg-wz ul{ margin-top:15px; }
.city-product-dg-wz ul li{ color:#999; font-size:14px; margin-top:10px; }
.city-product-dg-wz ul li:nth-child(2){ margin-left:1000px; position:absolute; }
.city-product-dg-wz ul li:nth-child(2) em{ font-style:normal; }
.city-product-dg-wz ul li:nth-child(2) i{ font-style:normal; }
.city-product-dg-wz ul li span{ color:#000;  }
.city-product-dg-wz-zx{ margin-top:10px; }
.city-product-dg-wz-zx i{display:inline-block; font-size:40px; color:#9e1009; vertical-align:middle; }
.city-product-dg-wz-zx span:nth-child(2){ display:inline-block; color:#000; font-size:24px; font-family:Arial; height:41px;line-height:41px; vertical-align:middle; }
.city-product-dg-wz-zx span:last-child{ display:inline-block; cursor:pointer; width:130px; height:36px; line-height:36px; margin-left:50px; font-size:16px; text-align:center; color:#fff; background:#ce0111; border-radius:5px; }

#city-ewm-product{ margin-top:8px; }
#city-ewm-product div{ position:relative; float:left; width:33%; cursor:pointer; }
#city-ewm-product div span{ font-size:12px;  }
#city-ewm-product div img{ width:50px; height:50px; vertical-align:middle; }
#city-ewm-product div img:nth-child(2){ width:40px; height:40px; }
#city-ewm-product div p{ position:absolute; background:#fff; padding:5px; opacity: 0; -webkit-transition:opacity .5s;transition:opacity .5s; border:1px solid #f1f1f1; }
#city-ewm-product div:hover p{ opacity:1; }
#city-ewm-product div p img{ width:150px; height:auto;  }

.city-product-dg-wz .link-3d{ position:absolute; right:20px; top:66px; 
                               animation: threedD 2s linear infinite alternate both; -webkit-animation: threedD 2s linear infinite alternate both; 
                               -moz-animation: threedD 2s linear infinite alternate both; -o-animation: threedD 2s linear infinite alternate both;  }
.city-product-dg-wz .link-3d i{ font-size:30px; color:#015cb5; font-style:normal; vertical-align:middle; }
.city-product-dg-wz .link-3d span{ font-size: 14px; color: #015cb5; }

@keyframes threedD {
    0% { transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
    100% { transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
}

@-webkit-keyframes threedD {
    0% { transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
    100% { transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
}

@-moz-keyframes threedD {
    0% { transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
    100% { transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
}

@-o-keyframes threedD {
    0% { transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
    100% { transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
}

#vf-3d{ margin-bottom:50px; margin-top:50px; background: #fff;  padding: 25px 25px 40px 25px; border-radius:5px; }
#vr { width: 880px; height: 600px; margin-top:20px; border-radius:15px; overflow:hidden; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.3); }
#progress-bar { width: 500px; height: 32px; margin: -330px auto 0 auto; text-align: center; background-color: #dcdbd7; position: relative; border-radius: 32px; box-shadow: 0 1px 0 rgba(255,255,255,0.8),inset 0 2px 3px rgba(0,0,0,0.2); position: relative; height: 35px; padding-right: 2px; background-color: #abb2bc; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#b6bcc6),color-stop(1,#9da5b0)); background: -moz-linear-gradient(#9da5b0 0,#b6bcc6 100%); -webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.5),0px 1px 0 0 #FFF; -moz-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.5),0px 1px 0 0 #FFF; box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.5),0px 1px 0 0 #FFF }
#pb-bg { height: 32px; width: 16px; background: #7eea19; position: relative; display: block; overflow: hidden; height: 33px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -webkit-background-size: 44px 44px; background-color: #74d04c; background: -webkit-gradient(linear,0 0,44 44,color-stop(0.00,rgba(255,255,255,0.17)),color-stop(0.25,rgba(255,255,255,0.17)),color-stop(0.26,rgba(255,255,255,0)),color-stop(0.50,rgba(255,255,255,0)),color-stop(0.51,rgba(255,255,255,0.17)),color-stop(0.75,rgba(255,255,255,0.17)),color-stop(0.76,rgba(255,255,255,0)),color-stop(1.00,rgba(255,255,255,0))),-webkit-gradient(linear,left bottom,left top,color-stop(0,#74d04c),color-stop(1,#9bdd62)); background: -moz-repeating-linear-gradient(top left -30deg,rgba(255,255,255,0.17),rgba(255,255,255,0.17) 15px,rgba(255,255,255,0) 15px,rgba(255,255,255,0) 30px),-moz-linear-gradient(#9bdd62 0,#74d04c 100%); -webkit-box-shadow: inset 0 1px 0 0 #dbf383,inset 0 -1px 1px #58c43a; -moz-box-shadow: inset 0 1px 0 0 #dbf383,inset 0 -1px 1px #58c43a; box-shadow: inset 0 1px 0 0 #dbf383,inset 0 -1px 1px #58c43a; border: 1px solid #4c8932; -webkit-animation: animate-stripes 2s linear infinite; overflow: hidden; }
#pb-text { position: absolute; top: 1px; right: 0; font-size: 13px; padding-right: 12px; line-height: 32px; color: rgba(0,0,0,0.6); text-shadow: rgba(255,255,255,0.45) 0 1px 0; white-space: nowrap }
#opearte{ margin:30px 0 0 10px; }
#opearte ul li{ list-style:inside; color:#999; margin-top:5px; }
#opearte ul li span{ list-style:inside; font-weight:bold; color:#000; }


.city-product-detail-ug{ margin-top:15px; background: #fff; border-radius:5px; padding:0 26px; border:1px solid #f3f3f3; }
.city-product-detail-ug h2, .city-product-detail-ug h3{ display:inline-block; font-size:24px; color:#000; margin:20px 0 20px 0; }

.city-product-detail-ug div:nth-child(2){ background:#fff; font-size:14px; line-height:24px; padding:0px 0px 18px 0px; }
.city-product-detail-ug a{ color:#0995dc;  }
.city-product-detail-ug div:nth-child(2) img{ max-width:880px; }
.city-product-detail-ug ul{ background:#fff; font-size:14px; line-height:24px; padding:0px 5px 30px 15px; }
.city-product-detail-ug ul li { position:relative; padding-left:16px; margin:10px 0; }
/*.city-product-detail-ug ul li span{ display:block; position:absolute; color:#d80808; font-size:24px; left:0px; top:-8px; }
*/

#city-product-detail-ug-cp{ background:url(/img/cp/cp_bg.jpg) left top no-repeat; padding:0; overflow:hidden; }
#city-product-detail-ug-cp h4{ color:#fff; font-size:40px; margin:50px 0 15px 40px; letter-spacing:5px; }
#city-product-detail-ug-cp .city-product-detail-ug-cp-cj{ width:580px; background:none; color:#fff; padding-bottom:30px; margin-left:43px; }
#city-product-detail-ug-cp .city-product-detail-ug-cp-cj p{ color:#fff; font-size:18px; line-height:38px; font-weight:lighter; }
#city-product-detail-ug-cp .fgx{ margin:0 40px 0 40px; height:10px; border-top:1px solid #444e58;}
#city-product-detail-ug-cp  ul{ margin:20px 0 0 12px; background:none; padding:0; }
#city-product-detail-ug-cp  ul li{ float:left; margin-left:150px; }
#city-product-detail-ug-cp  ul li:first-child{ margin-left:35px; }
#city-product-detail-ug-cp  ul li span{ display:block; color:#fff; font-size:16px; position:static; margin-top:6px; }
#city-product-detail-ug-cp .seka{ margin:30px 0 30px 47px; }

.city-product-detail-ug-cj p{ margin-bottom:15px; }
#cp-img{ background:#fff; padding-bottom:36px; overflow:hidden; }
#cp-img p{ margin:0 auto; text-align:center; }
#cp-img p img{ width:100%; }
#cp-img p:first-child{ margin-top:36px; }


#cp-shijingtu{ background:#fff; padding-bottom:36px; }
#cp-shijingtu h4, #cp-img h4{ font-size:28px; text-align:center; padding:60px 0 30px 0; }
#cp-shijingtu div{ width:880px; margin:0 auto; padding:0; }
#cp-shijingtu div img{ display:block; margin:0; padding:0; width:880px; max-width:none;  }
#cp-shijingtu p{ margin:15px 0 0 0px; font-size:16px; color:#000; }

#city-cunpai-video{ width: 720px; margin: 50px auto; }
#city-cunpai-video #video{ width:100%; height:auto; object-fit: cover; object-position: 50% 50%; background-color: #000; }
#city-cunpai-video h4{ text-align:center; font-size:14px; font-weight:normal; color:#999; padding:0; }


.city-product-detail-ug-c{ background:#fff; }
.city-product-detail-ug-c table{ width:100%; margin-bottom:30px; border-collapse: collapse; border-spacing: 0;  font-family:"PingFang SC","微软雅黑","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体"; }
.city-product-detail-ug-c table tr:nth-child(1) th{ background:#f4f4f6;  text-indent:30px; color:#000; font-size:16px; font-weight:bold; text-align:left; }
.city-product-detail-ug-c table th{border:1px solid #dedede; color:#000; padding:10px 0 10px 30px; background:#fafafa; font-size:13px; text-align:left; font-weight:bold; }
.city-product-detail-ug-c table td{ border:1px solid #dedede; padding:10px 20px; font-size:13px; color:#666; line-height:26px; }
.city-product-detail-ug-c table a{ color:#000; }
.product-sm{ margin-bottom:20px; }
.product-sm p{ text-indent:2em; margin:15px 0 0 0; font-size:15px; color:#000; }
.product-sm span{ color:#f00; margin-right:5px; }
.product-sm i{ font-size:18px; color:#f00; margin-right:3px; }
.product-sm a{ color:#aaa; }
.product-more{ display:none; margin-top:50px; }
.city-product-gongyi li span{ display: block; position: absolute; color: #d80808; font-size: 24px; left: 0px; top: -8px; } 

#comment{ }
#comment-wrapper{ }
#comment-wrapper ul{ margin:0; padding:0; }
#comment-wrapper ul li{ padding-left:5px; margin:0 0 20px 0; }
#comment-wrapper .user-img{ float:left; }
#comment-wrapper .user-img img{ display:block; width:42px; height:42px; border-radius:30px; border:1px solid #eee; }
#comment-wrapper .user-comment{ float:left; width:800px; margin-left:15px; }
#comment-wrapper .user-comment .user-nickname{ position: initial; color: #000; font-size: 15px; left: initial; top: initial; }
#comment-wrapper .user-comment .user-publish-date{ display:inline-block; color:#999; margin-left:20px;  font-size: 15px; }
#comment-wrapper .user-comment p{ color:#999; font-size:13px; line-height:20px; margin-top:5px; }

.product-service{ margin:0px 0px 20px 20px;}
.product-service img{ display:block; margin:5px 0 25px 0; }
.product-service h6{ font-size:18px; font-weight:bold; margin-bottom:6px;}
.product-service ol{ margin-bottom:25px; margin-left:30px;}
.product-service ol:last-child{ margin-bottom:0px; }
.product-service li{ list-style: decimal; margin-bottom:6px; color:#666;}

.product-dingzhi ul li{ margin:0 30px 20px 0; }
.product-dingzhi #product-dingzhi-img img{ display:block; width:810px; margin:10px 0 30px 31px; }
.product-dingzhi ul li h6{ font-size:15px; font-weight:bold; }
.product-dingzhi ul li h6 i{ color:#9e1009; font-size:16px; font-weight:bold; margin-right:5px; font-family:Arial; }
.product-dingzhi ul li p{ color:#666; font-size:12px; line-height:20px; margin-left:2em; }

#video{ height:480px; }

.city-product-detail-ug table{ }
.city-product-detail-ug table tr td { border:1px solid #dfdfdf; width:280px;  padding:15px; background:#fff; }
.city-product-detail-ug table tr td span{ display:block;  text-align:center; color:#333; font-size:16px; }
.city-product-detail-ug table tr td img{ display:block; width:210px; height:150px; margin-left:35px; }
.city-product-detail-ug div.xgal { padding:0 0 30px 0; }
.city-product-detail-ug .xgal ul { margin:0; padding:0; }
.city-product-detail-ug .xgal ul li{ float:left; padding-left:0; margin:0 15px 0 0;  }
.city-product-detail-ug .xgal ul li.right0{ margin-right:0px; }
.city-product-detail-ug .xgal ul li img{ display:block; width:283px; height:auto; }
.city-product-detail-ug .xgal ul li.xgcp_ljx img{ width:190px; height:250px; }
.city-product-detail-ug .xgal ul li.xgcp_ljx{ margin-right:40px; }
.city-product-detail-ug .xgal ul li.right00{ margin-right:0px; }
.city-product-detail-ug .xgal ul li span{ position:inherit; display:block; font-size:12px; color:#000; text-align:center; margin-top:6px; width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.city-product-detail-ug .xgal ul li.xgcp_ljx span{ width:180px;}
.city-product-detail-ug .xgal ul li a:hover span{ color:#d80808; }

.city-product-detail-ug div.qa { padding-bottom:10px; }
.city-product-detail-ug .qa ul{ padding:0; }
.city-product-detail-ug .qa ul li{ width:auto; padding:20px 0; border-bottom:1px dashed #eee; }
.city-product-detail-ug .qa ul li:last-child{ border-bottom:0; }
.city-product-detail-ug .qa ul li:first-child{ padding-top:0px; }
.city-product-detail-ug .qa ul li a{ display:inline-block; font-size:15px; font-weight:bold; color:#000; width:86%; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.city-product-detail-ug .qa ul li > span{ position:initial; display:inline-block; background:#999; color:#fff; padding:1px 5px; margin-right:10px; font-size:13px; vertical-align:top; }
.city-product-detail-ug .qa ul li div{ margin-top:10px; }
.city-product-detail-ug .qa ul li div span{ position:initial; font-size:13px; display:block; float:left; background:#9e1009; color:#fff; padding:1px 5px; margin-right:10px; }
.city-product-detail-ug .qa ul li div p{ text-indent:0; font-size:14px; float:left; width:88%; color:#888; font-size:12px; line-height:20px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

#city_qa div:nth-child(1) span:nth-child(3){ width: 740px; }
#city-qa-wrapper{ padding:5px 15px 30px 15px; background:#fff; }
#city-qa-content{ padding:0; margin: 0; height:500px; overflow:hidden;}
#city-qa-list{ padding:0; }
#city-qa-list li{ margin:0; padding: 20px 0; border-bottom: 1px dashed #ccc; position:initial; }
#city-qa-list li .city-qa-q{ margin-bottom:15px;}
#city-qa-list li .city-qa-q span{ display:inline-block; background:#999; color:#fff; padding:1px 4px; font-size:14px; margin-right:10px; position:initial; }
#city-qa-list li .city-qa-q a{ font-size:15px; color:#000; width: 750px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }
#city-qa-list li .city-qa-q a:hover{ color:#d80808; }
#city-qa-list li .city-qa-a{ padding:0; }
#city-qa-list li .city-qa-a span{ display:block; float:left; padding:1px 4px; margin-right:10px; background:#9e1009; color:#fff; font-size:14px; position:initial; }
#city-qa-list li .city-qa-a p{ width:678px; float:left; color:#999; font-size:12px; line-height:24px; margin-top:-5px; }


.city-footer{ background:#000; }
.city-footer-c{ width:1200px; margin:0px auto; padding-top:50px; } 
.city-footer-c-1{ float:left; border-right:1px solid #333; padding-top:10px; }
.city-footer-c-1 ul{ width:253px; }
.city-footer-c-1 ul li{ float:left; font-size:14px; margin-right:30px; margin-bottom:30px; }
.city-footer-c-1 ul li a{ color:#fff; font-size:14px; }
.city-footer-c-2{ float:left; width:530px; border-right:1px solid #333; margin-left:60px; padding-right:30px; padding-top:10px; }
.city-footer-c-2 li{ color:#fff; margin-bottom:20px; font-size:14px; }
.city-footer-c-2 li a{ color:#fff; }
.city-footer-c-3{ float:left; width:200px; margin-left:80px; padding-top:10px;}
.city-footer-c-3 img{ display:block; margin-bottom:5px; }
.city-footer-c-3 span{ display:block; color:#fff; font-size:12px; margin-left:8px; }

.city-rz{ text-align:center; margin:30px 0; }
.city-rz a{ width:110px; height:47px; margin:0 20px; display:inline-block;}
.city-rz a:nth-child(1){ background:url(/images/icons.png) -560px top no-repeat; }
.city-rz a:nth-child(2){ background:url(/images/icons.png) -670px top no-repeat; }
.city-rz a:nth-child(3){ background:url(/images/icons.png) -780px top no-repeat; }
.city-rz a:nth-child(4){ background:url(/images/icons.png) -890px top no-repeat; }
.city-rz a:nth-child(5){ background:url(/images/icons.png) -450px top no-repeat; }

.zj_cpr{ padding:15px; background:#111;  }
.zj_cpr p{ width:1200px; margin:0px auto; text-align:center; font-size:13px; color:#ccc;  }
.zj_cpr p a{ color:#ddd;  }

.city-zxzx{ width:141px; position:fixed; right:0;  }
.city-zxzx-top{ background:url(/images/icons.png) left -708px; height:242px; color:#000; font-size:14px;}
.city-zxzx-top div{ padding:75px 0 0 0; text-align:center; }
.city-zxzx-top div img{ display:block; width:108px; margin:5px auto; text-align:center; height:108px; }
.city-zxzx-top div span:nth-child(1){ font-family:Arial; color:#ce031d; display:block; font-size:16px; font-weight:bold; }
.city-zxzx-top div span.gw{ display:block; color:#bd0b22; font-size:14px; }

.city-zxzx-bottom{ background:#a71427; width:121px; height:96px; padding:20px 10px; }
.city-zxzx-bottom span{ font-size:14px; color:#fff; margin-bottom:15px; text-align:center; display:block; background:#5c010d; padding:10px 10px; border-radius:25px; cursor:pointer; }
.city-zxzx-bottom span:hover{ color:#ff0; }
.city-zxzx-bottom div{ font-size:12px; color:#370108; text-align:center; }

input { outline: none; }
.xunjiadan { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.7); text-align: center; z-index: 9999; }
.xunjiadan .xunjiadan-container + i { display: inline-block; vertical-align: middle; height: 100%; }
.xunjiadan .xunjiadan-container { max-width: 780px; width: 90%; background: #FFFFFF; display: inline-block; vertical-align: middle; position: relative; }
.xunjiadan .xunjiadan-close-btn { cursor: pointer; position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; }
.xunjiadan .xunjiadan-close-btn span { display:block; font-size:18px; margin:0; padding:0; background-color:transparent; }
.xunjiadan .xunjiadan-close-btn span:hover { color:#f00; }
.xunjiadan .xunjiadan-content { padding: 45px 70px 65px; text-align: left; }
.xunjiadan .tit { margin-bottom: 30px; position: relative; text-align: center; font-size: 26px; color: #333333; padding-bottom: 20px; font-weight: bold; letter-spacing: 5px; }
.xunjiadan .tit:after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -17px; width: 34px; height: 2px; background: #ae5b08; }
.xunjiadan .box { max-width: 540px; margin: 0 auto; position: relative; padding-right: 100px; }
.xunjiadan .box .in { position: relative; float: left; width: 49%;  margin:0 0 20px 0; }
.xunjiadan .box .in:nth-child(2n) { float:right; }
.xunjiadan .box .in input { display:block; width:82%; padding: 0 12px; font-size: 13px; line-height: 34px; height: 34px; border: 1px solid #e5e5e5; }
.xunjiadan .box .in label { position: absolute; top: 11px; left: 8px; font-size: 13px; line-height:14px; color: #aaa; padding:0 6px; background:#fff; }
.xunjiadan .box .in label span { font-size: 14px; color: #ff0000; margin-right:6px; vertical-align:middle; }
.xunjiadan .box .in input:focus { border-color:#cb0707; }

.xunjiadan .box .row img{ height:34px; }
.xunjiadan .box .right { position: absolute; top: 0; right: 0; cursor:pointer; background: #9e1009; color: #FFFFFF; font-size: 13px; padding: 24px 18px; line-height: 22px; text-align: center; }
.xunjiadan .box-text { margin-top: 15px; color: #8a8a8a; text-align: center; letter-spacing: 1px; }
.xunjiadan .box-text span { font-size: 16px; }
.xunjiadan .box-text i { font-style: normal; color: #ae5b08; font-size: 16px; }
.xunjiadan .box-text em { font-style: normal; padding-left: 50px; color: #ae5b08; font-size: 16px; }
.xunjiadan .box-text em:before { content: ""; display:inline-block; margin:0 42px 3px 0; width: 6px; height: 6px; border-radius: 50%; background: #ae5b08; }
.xunjiadan .box-text em b{ font-style: normal; font-weight:lighter; /*color:#c00; */font-family:Arial; font-size:18px; }

.city-ewm{ margin-top:38px; }
.city-ewm div{ position:relative; float:left; width:33%; cursor:pointer; }
.city-ewm div span{ font-size:12px;  }
.city-ewm div img{ width:100px; height:100px; vertical-align:middle; }
.city-ewm div p{ position:absolute; background:#fff; padding:5px; opacity: 0; -webkit-transition:opacity .5s;transition:opacity .5s; border:1px solid #f1f1f1; }
.city-ewm div:hover p{ opacity:1; }
.city-ewm div p img{ width:150px; height:auto;  }

#nav_zhiding{ position:fixed; z-index:100; top:0px; margin-top:-60px;  background:#fff; height:55px; width:100%; border-bottom:1px solid #ccc; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.3); box-shadow: 0px 5px 5px rgba(0,0,0,0.3); -webkit-transition: margin-top .3s linear; transition: margin-top .3s linear;  }
#nav_zhiding ul{ width:1200px; margin:0 auto; text-align:center; }
#nav_zhiding ul li{ float:left; }
#nav_zhiding ul li:last-child{ float:right; }
#nav_zhiding ul li a{ display:block; margin-right:35px; height:55px; line-height:55px; color:#000; font-size:16px; }
#nav_zhiding ul li a.imp{ color:#d80808; }
#nav_zhiding ul li a:hover{ color:#d80808; }
#nav_zhiding ul li:first-child span{ display:block; margin-top:16px; margin-right:10px; }
#nav_zhiding ul li:first-child i{ color:#fff; font-size:14px; margin:0; padding:4px 5px 5px 6px; background:#9e1009; border-radius:9px; text-align:center;  }
#nav_zhiding ul li:last-child i{ display:inline; font-size:36px; color:#9e1009; vertical-align:middle; }
#nav_zhiding ul li:last-child span{ display:inline;  font-size:26px; color:#d80808; margin-left:6px; vertical-align:middle; font-family:Arial; }



@media screen and (min-width: 800px) {
    .nav-fixed{ position:fixed; left: 0; top: 0; z-index: 100; }
}

@media screen and (max-width: 800px) {
    body { min-width: 320px; }
    .city-header{width:100%; background:#fff; }
    .city-header-top{display:none; }
    .city-header-zy { display:none; }
    .city-header-zy ul{ width:auto; height:34px; padding:8px 0; }
    .city-header-zy ul li{ float:none;}
    .city-header-zy ul li:nth-child(2),.city-header-zy ul li:nth-child(3){ display:none;}
    .city-header-zy ul li .logo{ height:34px; width:108px; line-height:34px; background:url(/images/logo_m.jpg) no-repeat; background-size:cover; margin:0 0 0 5px; }
    .bar-fixed{ position:fixed;  z-index:10; }
        
    .city-header-mobile{ display:block; width:100%; background:#fff; position:fixed; left:0; top:0; height:auto; z-index:10000; opacity:0; }
    .shadow{ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); }
    .city-header-mobile-c{ margin:13px 10px; }
    .city-header-mobile .logo-container{ display:block; float:left; }
    .city-header-mobile .logo-container .logo{ display:block; height: 36px; margin-top:4px; }
    .city-header-mobile .search{ float:right; position:relative; width:auto; }
    .city-header-mobile .searchBox{ display:block; border:1px solid #f0f0f0; background-color:#f6f6f6; border-radius: 25px; padding-left:35px; padding-right:50px; width: 208px; height: 42px; line-height:42px; font-size:13px; color:#000; }
    .city-header-mobile .searchLogo{ position:absolute; top:13px; left:11px; width:18px; height:18px; }
    .city-header-mobile .searchButton { display:block; cursor:pointer; position:absolute; right:5px; top:4px; width:53px; height: 36px; text-align: center; background:#b30404; border-radius: 20px; color:#fff; font-size: 12px; line-height:36px;}
    ::-webkit-search-cancel-button{ display: none; -webkit-appearance: none; }
    input[type="search"]{ outline: none; } 
    .city-header-navigation{ display:none; }
   
    #city-product-nav-mobile{ display:block; width:100%; margin:0 auto; padding-top:10px; background-color: #fff; }
    .product-cate{  margin:0px 10px 0 10px; padding-top: 0px; }
    .product-cate-title{ font-size:20px; margin:0 0 10px 0;  }
    .product-cate ul li{ float:left; width:31%; background-color:#ffffff; height:70px; border:1px solid #eee; border-radius: 10px; margin:0 9px 12px 0; position: relative; }
    .product-cate ul li:nth-child(3n){ float:right; margin-right:0; }
    .product-cate ul li:nth-child(1){ background-color: #f9f9f5; }
    .product-cate ul li:nth-child(2){ background-color: #cef4f5; }
    .product-cate ul li:nth-child(3){ background-color: #ffedcb; }
    .product-cate ul li:nth-child(4){ background-color: #f6f7e7; }
    .product-cate ul li:nth-child(5){ background-color: #ebe6df; }
    .product-cate ul li:nth-child(6){ background-color: #89c7bc;  }
    .product-cate ul li a{ display:block; color:#000; width: 100%; height: 100%; }
    .product-cate ul li span{ display:block; font-size: 11px; font-weight:normal; margin: 8px 0 0 8px;}
    .product-cate ul li img{ display:block; height:36px; width:auto; position:absolute; right:10px; bottom:0; opacity: 0.89; }
    .product-cate ul li img.more{ height:32px; right:30px; bottom:5px; opacity: 0.8; }

    .city-header-nav{ height:100%; width:100%; position:fixed; left:0; top:0; z-index:1000; display:none; background:none;  }
    .city-header-nav #mobile-nav-mask{ display:block; float:left; width:40%; height:100%; background:#000; opacity:0.8; }
    .city-header-nav #mobile-nav-mask #closeMenu{  }
    .city-header-nav #mobile-nav-mask #closeMenu i{ font-size:36px; color:#fff; display:block; margin:10px 20px;}
    .city-header-nav .city-header-nav-c{ float:left; width:60%; height:100%; background:#260000; overflow-y:scroll; }
    .city-header-nav ul{  }
    .city-header-nav ul > li{ float:none; position:relative; border-bottom:1px solid #3a0000; }
    .city-header-nav ul > li a{ display:block; height:auto; line-height:initial; padding:8px 0 8px 15px; color:#fff; font-size:14px; position:static; border-bottom:1px solid #0d0000; }
    .city-header-nav ul > li a.s{ background:none;  }
    .city-header-nav ul > li:after{ display:none; }
    .city-header-nav ul > li:hover:after{display:none;}
    .city-header-nav ul li.pro-list a{ border-bottom:0; padding-bottom:0; }
    .city-header-nav ul li.pro-list .sub-pro-list{ display:block; position:static; height:auto; background:none; overflow:auto;  border-bottom:1px solid #0d0000;  opacity:1; }
    .city-header-nav ul li.pro-list .sub-pro-list ol { margin: 5px 0 5px 15px; width: auto; height: auto;}
    .city-header-nav ul li.pro-list .sub-pro-list ol li{ float:none; text-align:left; padding-left:2em; }
    .city-header-nav ul li.pro-list .sub-pro-list ol li a{ color:#fff; border-bottom:0; margin-top:0; }
    .city-header-nav ul li.pro-list .sub-pro-list ol li a span{ font-size:13px; margin:0; padding:8px 0; }
    .city-header-nav ul li.pro-list .sub-pro-list ol li a img{ display:none; }

    .city-banner{ display:none; width:auto; height:130px; margin:10px 12px 0px 12px; }

    .city-pos { display:none; }
    .city-pos h3{ width:100%; margin:0 auto; }
    .city-pos span.city-pos-icon{ display:inline-block; padding-left:22px; background:url(/images/icons.png) -100px 2px no-repeat; color:#ababab; font-size:14px; }
    .city-pos a{ color:#000; font-size:13px; }
    .city-pos a:hover{ color:#f00; }
    .city-pos span{ color:#888; font-size:13px; }
    .city-pos i{ display:inline-block; margin:0 5px; color:#aaa; font-size:13px; font-style:normal; }

    .city-product{ margin:0 auto; background:#f5f5f5; padding:0; width:100%; }
    .city-product-c{ width:auto; margin:0; }

    .city-product-detail{ float:none; width:auto; margin:0; }
    .city-product-detail-gy{ padding:0; border:0; background:none; }
    .city-product-dg-img{ float:none; display:block; border:0; }
    .city-product-dg-img img{ width:100%; height:auto; }
    .city-product-dg-wz{ float:none; margin:5px 8px 10px 8px; padding:12px 10px 12px 15px; width:auto; overflow:hidden; background:#fff; border-radius:10px; }
    .city-product-dg-wz h1{ font-size:16px; border-bottom:1px dotted #ddd; padding-bottom:8px; font-weight:bold; }
    .city-product-dg-wz ul{ margin-top:15px; }
    .city-product-dg-wz ul li{ color:#999; font-size:12px; margin-top:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .city-product-dg-wz ul li span{ color:#000; }
    .city-product-dg-wz-zx{ margin-top:10px; }
    .city-product-dg-wz-zx i{  font-size:40px; color:#9e1009;  }
    .city-product-dg-wz-zx span:nth-child(2){ font-size:22px; font-family:Arial; height:41px;line-height:41px;  }
    .city-product-dg-wz-zx span:last-child{ cursor:pointer; width:auto; height:auto; line-height:initial; padding:4px 16px; margin-left:10px; font-size:14px; border-radius:5px; }

    #city-ewm-product{ margin-top:8px; height:60px; overflow:hidden; }
    #city-ewm-product div{ position:relative; float:left; width:32.5%; cursor:pointer; }
    #city-ewm-product div:last-child{ float:right; }
    #city-ewm-product div span{ font-size:11px;  }
    #city-ewm-product div img{ width:50px; height:50px; vertical-align:middle; }
    #city-ewm-product div img:nth-child(2){ width:40px; height:40px; }
    #city-ewm-product div p{ display:none; }
	
    .city-product-detail-ug{ margin:0 8px 10px 8px; padding:0; width:auto; overflow:hidden; background:#fff; border-radius:10px; }
    .city-product-detail-ug h2, .city-product-detail-ug h3{ margin:16px 0 5px 12px; font-size:18px; color:#000;}

    .city-product-detail-ug div:nth-child(2){ background:#fff; font-size:12px; line-height:24px; padding:10px 15px; }
    .city-product-detail-ug a{ color:#0995dc;  }
    .city-product-detail-ug div:nth-child(2) img{ width:100%; height:auto; text-indent:-2em; display:block; }
    .city-product-detail-ug div:nth-child(2) p{ text-indent:2em; line-height:26px; font-size: 14px; color: #000; }

    .city-product-detail-ug div.xgal { padding:0; background:none; margin:0 10px 5px 10px; }
    .city-product-detail-ug .xgal ul { margin:0; padding:0; }
    .city-product-detail-ug .xgal ul li{ float:left; padding-left:0; margin:0 0 8px 0;  width:48.8%; background:#f2f2f2; }
    .city-product-detail-ug .xgal ul li:nth-child(2n){ float:right; }
    .city-product-detail-ug .xgal ul li a{ margin:6px 6px 3px 6px; display:block; }
    .city-product-detail-ug .xgal ul li img{ display:block; width:100%; height:auto; }
    .city-product-detail-ug .xgal ul li.xgcp_ljx img{ width:48.8%; height:auto; }
    .city-product-detail-ug .xgal ul li.xgcp_ljx{ margin-right:0; }
    .city-product-detail-ug .xgal ul li span{ position:inherit; display:block; font-size:12px; color:#000; text-align:center; margin-top:0px; width:auto; }
    .city-product-detail-ug .xgal ul li.xgcp_ljx span{ width:auto;}

    .city-product-detail-ug ul{ background:#fff; font-size:12px; line-height:20px; padding:10px; }
    .city-product-detail-ug ul li { position:relative; padding-left:15px; margin:10px 0; font-size:14px; line-height:24px; }
    .city-product-gongyi li span{ display: block; position: absolute; color: #d80808; font-size: 24px; left: 0px; top: -8px; } 

    .city-product-detail-ug table.pj{ margin:10px 15px 20px 15px; }
    .city-product-detail-ug table.pj tr td { width:30%;  padding:10px; background:#fff; }
    .city-product-detail-ug table.pj tr td span{ display:block;  text-align:center; color:#333; font-size:12px; }
    .city-product-detail-ug table.pj tr td img{ display:block; width:100%; height:auto; margin-left:0; }

    .city-product-detail-ug div p.cmp-img{ text-indent:0;  margin-bottom:10px; }
    .city-product-detail-ug div p.cmp-img img{ width:100%; height:auto; }

    .city-product-detail-ug-c{ background:#fff; }
    .city-product-detail-ug-c table{ width:100%; margin-bottom:20px;}
    .city-product-detail-ug-c table tr:nth-child(1) th{ background:#f4f4f6;  text-indent:20px; color:#000; font-size:14px; font-weight:bold; text-align:left; }
    .city-product-detail-ug-c table tr th{border:1px solid #dedede; color:#000; padding:8px 0; width:22%; background:#fafafa; font-size:12px; text-align:center; font-weight:bold; }
    .city-product-detail-ug-c table tr td{ border:1px solid #dedede; padding:8px; font-size:12px; line-height:20px; }
    .city-product-detail-ug-c table tr td a{ color:#000; }
    .product-sm{ margin-bottom:8px; }

    .city-product-nav{ float:none; width:auto; margin:0 8px; padding-bottom:10px; }
    .city-product-cate{ display:none; }
    .city-product-lx{ display:none; }
    .city-product-zx, .city-product-case{ margin:0 0 10px 0; padding:0; width:auto; overflow:hidden; background:#fff; border-radius:10px; }
    .city-product-zx h3, .city-product-case h3{ margin:8px 0 0 15px; font-size:20px; background:none; color:#000; text-align:left; }
    .city-product-zx h3:before, .city-product-case h3:before{ margin-right: 0; width:0; border:0; }
    .city-product-zx ul{ background:#fff; padding: 0 15px 12px 15px; }
    .city-product-zx ul li a{ display:block; border-bottom:1px dashed #ccc; padding:10px 6px; font-size:14px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .city-product-zx ul li:last-child a{ border-bottom:0; }

    .city-product-case{ padding-bottom:10px; }
    .city-product-case ul{ background:#fff; margin:0 10px; }
    .city-product-case li{ float:left; padding:0px; background:#f2f2f2; margin:0 0 8px 0; border-bottom:0; width:49%; }
    .city-product-case li:nth-child(2n){ float:right; }
    .city-product-case ul li.noboder{ border-bottom-width:0; }
    .city-product-case li img{ display:block; width:100%; height:auto; text-align:center; margin:0 auto; border:0; }
    .city-product-case li span{ display:block; text-align:center; font-size:12px; margin:6px auto 0 auto; color:#333;  }
    .city-product-case li a{ display:block; margin:6px; }


    .product-sm p{ text-indent:2em; margin:15px 0 0 0;}
    .product-sm span{ color:#f00; margin-right:5px; }
    .product-sm i{ font-size:18px; color:#f00; margin-right:3px; }
    .product-sm a{ color:#aaa; }
    .product-more{ display:none; margin-top:50px; }

    .product-service{}
    .product-service h6{ font-size:14px; font-weight:bold; margin-bottom:6px;}
    .product-service ol{ margin-bottom:30px; margin-left:30px;}
    .product-service ol:last-child{ margin-bottom:0px; }
    .product-service li{ list-style: decimal; margin-bottom:6px; color:#666;}

    #video{ width:100%; height:auto; }



    #city-product-info .city-product-img{ margin:15px 10px 0 10px; text-align:center;}
    #city-product-info .city-product-img img{ width:100%; }
    #city-product-cs{ width:auto; background:#fff; padding:50px 0 10px 0; }
    #city-product-cs table{ width:auto; margin:0 10px; }
    #city-product-cs table tr th{ border:1px solid #dfdfdf; width:24%; padding-left:0; text-align:center; background:#fcfcfc; font-size:13px; color:#666; }
    #city-product-cs table tr td{ width:auto; font-size:12px; padding:8px; }

    #city-product-cs .city-product-c{ width:auto; padding-bottom:0; }
    #city-product-cs .city-product-cmp{ margin:20px 0; text-indent:2em;  }
    #city-product-cs .city-product-cmp span{ display:inline; background:none;  }
    #city-product-cs .city-product-cmp p{ margin-top:20px; font-size:13px; line-height:24px;  text-indent:2em; }
    #city-product-cs .city-product-more{ padding:0; display:none; }
    #city-product-cs .city-product-more p{ margin-top:20px; font-size:13px; color:#666; line-height:24px;  text-indent:2em; }

    /* cun pai  css background 完整显示背景  */
    #city-product-detail-ug-cp{ width:auto; margin: 6px 12px; background-size:100% 100%; }
    #city-product-detail-ug-cp h4{ color:#fff; font-size:22px; font-weight:bold; margin:30px 0 0 20px; letter-spacing:5px; }
    #city-product-detail-ug-cp .city-product-detail-ug-cp-cj{ width:60%; background:none; color:#fff; padding-bottom:20px; margin-left:10px;  }
    #city-product-detail-ug-cp .city-product-detail-ug-cp-cj p{ color:#fff; font-size:12px; line-height:22px; font-weight:lighter; text-indent:initial; }
    #city-product-detail-ug-cp .fgx{ margin:0 20px 0 20px; height:10px; border-top:1px solid #444e58;}
    #city-product-detail-ug-cp  ul{ margin:10px 0 0 8px; background:none; padding:0; }
    #city-product-detail-ug-cp  ul li{ float:left; margin-left:8px; margin-right:8px; width:15%; }
    #city-product-detail-ug-cp  ul li:first-child{ margin-left:0px; }
    #city-product-detail-ug-cp  ul li img{ width:100%; }
    #city-product-detail-ug-cp  ul li span{ font-size:11px; margin-top:6px; }

    #city-product-detail-ug-cp .seka{ margin:30px 20px 30px 20px; }
    #city-product-detail-ug-cp .seka img{ width:100%; }

    #cp-img{ background:#fff; padding-bottom:36px; margin: 0 12px; }
    #cp-img img{ width:100%; height: auto; }
    #cp-img p{ margin:0 auto; width:auto; text-align:center; }
    #cp-img p:first-child{ margin-top:10px; }

    #cp-shijingtu{ margin: 0 12px; background:#fff; padding-bottom:36px; }
    #cp-shijingtu h4, #cp-img h4{ font-size:20px; text-align:center; padding:0px 0 15px 0; }
    #cp-shijingtu div{ width:100%; margin:0 auto; padding:0; }
    #cp-shijingtu div a{ margin:0 8px;  }
    #cp-shijingtu div img{ display:block; margin:0; padding:0; width:100%; max-width:none;  }
    #cp-shijingtu p{ margin:5px 8px 0 10px; font-size: 14px; color: #000; line-height: 28px; }
       
    #city-cunpai-video{ width: 100%; margin: 30px auto; }
    #city-cunpai-video #video{ width:100%; height:auto; object-fit: cover; object-position: 50% 50%; background-color: #000; }
    #cp-img #city-cunpai-video h4{ text-align:center; font-size:12px; font-weight:normal; color:#999; padding:0; }

    #city-qa-wrapper{ padding:10px 18px 15px 18px; background:#fff; }
    #city-qa-content{ padding:0; margin: 0; height:500px; overflow:hidden;}
    #city-qa-list{ padding:0; }
    #city-qa-list li{ margin:0; padding: 20px 0; border-bottom: 1px dashed #ccc; position:initial; }
    #city-qa-list li .city-qa-q{ margin-bottom:15px;}
    #city-qa-list li .city-qa-q span{ display:inline-block; background:#999; color:#fff; padding:1px 4px; font-size:13px; margin-right:5px; position:initial; }
    #city-qa-list li .city-qa-q a{ font-size:15px; color:#000; width: 86%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }
    #city-qa-list li .city-qa-q a:hover{ color:#d80808; }
    #city-qa-list li .city-qa-a{ padding:0; }
    #city-qa-list li .city-qa-a span{ display:block; float:left; padding:1px 4px; margin-right:10px; background:#9e1009; color:#fff; font-size:14px; position:initial; }
    #city-qa-list li .city-qa-a p{ width:86%; float:left; color:#999; font-size:12px; line-height:24px; margin-top:-5px; text-indent:0; }

    #comment{ }
    #comment-wrapper{ }
    #comment-wrapper ul{ margin:0; padding:0; }
    #comment-wrapper ul li{ padding-left:5px; margin:0 0 20px 0; }
    #comment-wrapper .user-img{ float:left; width:10%; }
    #comment-wrapper .user-img img{ display:block; width:100%; height:auto; border-radius:30px; border:1px solid #eee; }
    #comment-wrapper .user-comment{ float:right; width:86%; margin-left:0px; padding:0; }
    #comment-wrapper .user-comment .user-nickname{ position: initial; color: #000; font-size: 13px; left: initial; top: initial; }
    #comment-wrapper .user-comment .user-publish-date{ display:inline-block; color:#999; margin-left:10px;  font-size: 13px; }
    #comment-wrapper .user-comment p{ color:#999; font-size:12px; line-height:20px; margin-top:5px; text-indent:0; }

    .city-product-detail-ug .product-dingzhi ul{ margin:15px 0 0 0; padding: 0;}
    .city-product-detail-ug .product-dingzhi ul li{ margin:0 0 15px 0; padding:0; }
    .city-product-detail-ug .product-dingzhi #product-dingzhi-img img{ display:block; width:100%; margin:0; }
    .city-product-detail-ug .product-dingzhi ul li h6{ font-size:15px; font-weight:bold; }
    .city-product-detail-ug .product-dingzhi ul li h6 i{ color:#9e1009; font-size:16px; font-weight:bold; margin-right:5px; font-family:Arial; }
    .city-product-detail-ug .product-dingzhi ul li p{ color:#666; font-size:12px; line-height:20px; margin-left:2em; text-indent:0; }
        
    .product-service{ margin:0px 0px 20px 0;}
    .product-service img{ display:block; margin:0 0 15px 0; width:100%; }
    .product-service h6{ font-size:16px; font-weight:bold; margin-bottom:6px;}
    .product-service ol{ margin-bottom:25px; margin-left:30px;}
    .product-service ol:last-child{ margin-bottom:0px; }
    .product-service li{ list-style: decimal; margin-bottom:6px; color:#666;}


    .city-footer{ background:#000; width:100%; overflow:hidden; margin-bottom:59px; }
    .city-footer-c{ margin:0px auto; padding:15px; } 
    .city-footer-c-1{ display:none; }
    .city-footer-c-3{ display:none;}
    .city-rz{ display:none; }
    .zj_cpr{ display:none; }
    .city-footer-c-2{ float:none; width:100%; border:0; margin:0; padding:0px; }
    .city-footer-c-2 li{ color:#fff; margin-bottom:10px; font-size:12px; width:96%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .city-footer-c-2 li a{ color:#ddd; }
    .city-footer-c-2 li:last-child{ margin-bottom:0; }

    .city-footer-nav{ background:#fff; width:100%; overflow:hidden; position:fixed; bottom:0; border-top:1px solid #eee; }
    .city-footer-nav ul{ margin:0; padding: 10px 0; overflow:hidden; }
    .city-footer-nav ul li{ float:left; margin:0 auto; text-align:center; }
    .city-footer-nav ul li:nth-child(1){ width:10%; text-align:right; }
    .city-footer-nav ul li:nth-child(2){ width:20%; }
    .city-footer-nav ul li.nav-button-1{ width:35%; }
    .city-footer-nav ul li.nav-button-2{ width:35%; }
    .city-footer-nav ul li a{ display:block; font-size:12px; color:#000;  margin:0; padding:0; }
    .city-footer-nav ul li a i{ display:block; font-size:20px; color:#000; padding-top:0; }
    .city-footer-nav ul li a span{ display:block; font-size:12px; color:#000; }
    .city-footer-nav ul li:first-child a i{ font-size:16px; }
    .city-footer-nav ul li:nth-child(2) a img{ display:block; margin:1px auto; width:20px; }
    .city-footer-nav ul li a span{ display:block; font-size:11px; color:#000; padding-top:0px; }
    .city-footer-nav ul li.nav-button-1 a { display:block; background-color: transparent; border:1px solid #ee0101; color: #ee0101; border-radius: 8px;  height: 36px; line-height:36px; 
                                          padding:0; width:85%; text-align: center;  }
    .city-footer-nav ul li.nav-button-1 a span{ margin:0; padding:0;  color:#ef1f1f; font-size: 14px; }
    .city-footer-nav ul li.nav-button-2 a { display:block; border:1px solid #c90000; background:#d00; border-radius: 8px;  height: 36px; line-height:36px;
                                          padding:0; width:85%; text-align: center; }
    .city-footer-nav ul li.nav-button-2 a span{ margin:0; padding:0;  color:#ffffff; font-size: 14px; }


    .xunjiadan .xunjiadan-container { max-width: auto; width: 96%; }
    .xunjiadan .xunjiadan-close-btn { cursor: pointer; position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; }
    .xunjiadan .xunjiadan-close-btn span { display:block; font-size:20px; margin:0; padding:0; background-color:transparent; }
    .xunjiadan .xunjiadan-close-btn span:hover { color:#f00; }
    .xunjiadan .xunjiadan-content { padding: 38px 20px 45px 20px; text-align: left; }
    .xunjiadan .tit { margin-bottom: 30px; position: relative; text-align: center; font-size: 26px; color: #333333; padding-bottom: 20px; font-weight: bold; letter-spacing: 5px; }
    .xunjiadan .tit:after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -17px; width: 34px; height: 2px; background: #ae5b08; }
    .xunjiadan .box { max-width:auto; margin: 0 auto; position: relative; padding-right: 75px; }
    .xunjiadan .box .in { position: relative; float: left; width: 49%;  margin:0 0 15px 0; }
    .xunjiadan .box .in:nth-child(2n) { float:right; }
    .xunjiadan .box .in input { display:block; width:75%; padding: 0 12px; font-size: 12px; line-height: 30px; height: 30px; }
    .xunjiadan .box .in label { position: absolute; top: 9px; left: 8px; font-size: 12px; line-height:12px; padding:0 6px; }
    .xunjiadan .box .in label span { font-size: 14px; color: #ff0000; margin-right:4px; vertical-align:middle; }
    .xunjiadan .box .in input:focus { border-color:#cb0707; }

    .xunjiadan .box .row img{ height:32px; }
    .xunjiadan .box .right { position: absolute; top: 0; right: 0; cursor:pointer; background: #9e1009; color: #ffffff; font-size: 13px; padding: 17px 8px; line-height: 22px; text-align: center; }
    .xunjiadan .box-text { margin-top: 15px; color: #8a8a8a; text-align: center; letter-spacing: 1px; }
    .xunjiadan .box-text span { font-size: 13px; }
    .xunjiadan .box-text i { font-style: normal; color: #ae5b08; font-size: 13px; font-weight:bold; }
    .xunjiadan .box-text em { font-style: normal; padding-left: 33px; color: #ae5b08; font-size: 13px; }
    .xunjiadan .box-text em:before { content: ""; display:inline-block; margin:0 30px 2px 0; width: 6px; height: 6px; border-radius: 50%; background: #ae5b08; }
    .xunjiadan .box-text em b{ font-style: normal; font-weight:bold; font-family:Arial; font-size:14px; }

    .city-ewm{ margin-top:20px; }
    .city-ewm div{ position:relative; float:left; width:33%; cursor:pointer; }
    .city-ewm div span{ font-size:12px; display: block; margin-bottom: 3px; }
    .city-ewm div img{ width:70px; height:70px; vertical-align:middle; }
    .city-ewm div:nth-child(2) img{ width:68px; height:68px; }
    .city-ewm div p{ display:none; }
    .city-ewm div:hover p{ opacity:0; }
    .city-ewm div p img{ display:none;  }
}

/*
-webkit-line-clamp需要和 display、-webkit-box-orient 和 overflow 结合使用：

display: -webkit-box;  //必须结合的属性，将对象作为弹性伸缩盒子模型显示。
-webkit-box-orient: vertical; //必须结合的属性，设置伸缩盒子的子元素排列方式，vertical是从上到下排列
-webkit-line-clamp: 3;（行数）//不是css的规范属性，需要组合上面两个属性使用
text-overflow: ellipsis; //可选属性，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本。

示例： overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;

*/