@charset "utf-8";
/* CSS Document */


body { background:#fff; font-size:14px;  font-family:"Microsoft YaHei,arial,sans-serif"; color:#333; overflow-x:hidden; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-size:14px; font-family:"Microsoft YaHei,arial,sans-serif"; -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#ff8000; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1200px; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none !important;}


/**index**/
.dbHead-top{ background:#f7f7f7; line-height:35px; font-size:12px; color:#666; border-bottom:1px #e8e8e8 solid;}
.dbHead-top .tel{ margin-left:15px;}
.dbHead-top .tools a{ margin:0 10px; color:#666;}
.dbHead-site{ padding:30px 0 20px 0;}
.dbHead-site .logo{ width:245px;}
.dbHead-site .search{ width:614px; margin-left:120px; display:inline-block;}
.dbHead-site .search-box{ border:2px #ff8000 solid; border-radius:3px;}
.dbHead-site .search-box .inpt{ background:url(../images/srh.png) no-repeat 12px center; width:493px; height:36px; padding-left:34px; float:left; color:#999;}
.dbHead-site .search-box .btn{ background-color:#ff8000; width:117px; height:36px; cursor:pointer; float:left; font-size:16px; color:#fff;}
.dbHead-site .search-hot{ margin-top:10px;}
.dbHead-site .search-hot a{ font-size:12px; color:#888; margin-right:17px;}
.dbHead-site .search-hot a:hover{ color:#ff8000;}
.dbHead-site .hotline p:first-child{ background:url(../images/hotline.png) no-repeat left center; padding-left:24px; line-height:18px; font-size:12px; color:#999;}
.dbHead-site .hotline .n{ font-size:16px; color:#ff8000; font-style:italic; margin-top:5px;}



.dbHead-menu{ width:100%; position:relative; z-index:10; border-bottom:2px #ff8000 solid;}
.dbHead-menu .category{ width:214px; position:relative; }
.dbHead-menu .category:hover .category-sidebar{ display:block !important;}
.dbHead-menu .category-tit{ background:#ff8000 url(../images/category.png) no-repeat 12px center; line-height:41px; font-size:16px; font-weight:bold; display:block; position:relative; color:#fff; padding-left:54px; cursor:pointer;}
.dbHead-menu .navbar{ width:calc(100% - 214px); padding-left:10px;}
.dbHead-menu .navbar li{ position:relative; float:left; }
.dbHead-menu .navbar li a.far{ line-height:41px; font-size:16px; padding:0 32px; display:block; }
.dbHead-menu .navbar li.active a.far, .dbHead-menu .navbar li:hover a.far{ color:#ff8000; font-weight:bold;}
.dbHead-menu .navbar li .subnav{ background:#ff8000; width:100%; position:absolute; left:0; top:100%; display:none;}
.dbHead-menu .navbar li .subnav a{ display:block; line-height:22px; padding:5px 0; text-align:center; color:#fff; cursor:pointer;}
.dbHead-menu .navbar li .subnav a:hover{ background:#fff; color:#ff8000;}




.category-sidebar{ background:rgba(0,0,0,.6); width:214px; height:450px; padding:13px 0; position:absolute; left:0; top:100%;}
.category-sidebar li{ padding:12px 13px 12px 36px; color:#fff; }
.category-sidebar li .icon{ width:18px; position:absolute; top:13px; left:13px;}
.category-sidebar li .cate{ position:relative;}
.category-sidebar li .cate img{ position:absolute; left:-25px; top:0;}
.category-sidebar li .type { max-width:160px; margin-top:6px; overflow:hidden; }
.category-sidebar li .type a { font-size:12px; margin-right:8px; color:#fff; }
.category-sidebar li .type a:hover{ color:#ff8000;}
.category-sidebar li.active, .category-sidebar li:hover{ background:#fff; color:#ff8000; border-left:2px solid rgba(239,131,52,.5);}
.category-sidebar li.active .type a, .category-sidebar li:hover .type a{ color:#666;}
.category-sidebar li:hover .sidebar-inner{ display:block;}
.sidebar-inner{ background-color:#fff; width:986px; padding:20px; position:absolute; top:0; right:-986px; z-index:1000; overflow:hidden; border:1px solid #ced3d9; box-shadow:1px 3px 5px rgba(0,0,0,.1); display:none;} 
.sidebar-inner dl{ display:flex; padding:10px 0 0 0; line-height:1.5; border-bottom:1px solid #edf0f2; }
.sidebar-inner dl dt { width:100px; margin-right:10px; }
.sidebar-inner dl dt a{ font-weight:700; font-size:12px; display:block; text-align:right;}	
.sidebar-inner dl dd { display:flex; flex:1; flex-wrap:wrap; }
.sidebar-inner dl dd a { margin-bottom:10px; color:#666; position:relative; padding:0 8px 0 9px; font-size:12px; display:block; }
.sidebar-inner dl dd a:hover{ color:#ff8000;}
.sidebar-inner dl dd a:after { content:""; background-color:#edf0f2; position:absolute; top:0; left:0; width:1px; height:100%; }


.dbBanner{ overflow:hidden; position:relative;}
.dbBanner li img{ width:100%;}
.dbBanner .swiper-pagination{ bottom:34px !important;}
.dbBanner .swiper-pagination-bullet{ background:#fff; width:32px; height:8px; margin:0 4px !important;  opacity:.2; border-radius:4px;}
.dbBanner .swiper-pagination-bullet-active{ opacity:1;}


.dbMain{ background:#f1f3f5; padding:15px 0 50px 0;}
.dbMain-advert{ margin-top:17px;}
.dbBrand a{ background:#fff; width:calc(16.66% - 1px); float:left; position:relative; margin-right:1px; margin-bottom:1px;}
.dbBrand a .pic{ display:flex; justify-content:center; align-items:center; height:100px;}
.dbBrand a .pic > img{ max-height:90px;}
.dbBrand a .show{ background:rgba(255,128,0,.8); width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; color:#fff; padding-top:20px; opacity:0; z-index:1; text-align:.19s ease-in;}
.dbBrand a .show > p{ font-size:16px; line-height:24px;}
.dbBrand a .show > span{ font-size:12px; display:inline-block; line-height:18px; padding:0 3px; margin-top:10px; border:1px #fff solid;}
.dbBrand a:hover .show{ opacity:1;}
.dbBrand a.more{ line-height:100px; text-align:center;}
.dbBrand a.more .icon{ font-family:"宋体"; font-style:normal; margin-left:8px; font-weight:700;}


.dbMarket{ margin-top:35px;}
.dbMarket-head .title{ font-size:26px; line-height:1;}
.dbMarket-head .tips{ color:#666; padding:7px 0 0 10px;}
.dbMarket-head .more{ font-size:16px; color:#666; line-height:26px;}
.dbMarket-head .more:hover{ color:#ff8000;}

.dbMarket-list{ padding-top:20px; margin-left:-12px; position:relative; display:flex; flex-wrap:wrap;}
.dbMarket-list li{ background:#fff; width:230px; margin:11px 0 0 12px; float:left; display:inline-block; position:relative; padding:20px 15px; transition:all 0.4s ease;}
.dbMarket-list li .figure{ display:flex; justify-content:center; align-items:center; height:165px;}
.dbMarket-list li .figure > img{ max-height:100%;}
.dbMarket-list li .title{ height:56px; margin-top:10px; font-size:16px; line-height:28px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.dbMarket-list li .price{ margin-top:10px; color:#e21b1b; }
.dbMarket-list li .price strong{ font-size:20px; font-weight:normal;}
.dbMarket-list li:first-child{ width:473px;}
.dbMarket-list li:first-child .title{ font-size:18px; font-weight:bold; position:absolute; padding:0 25px; left:0; top:30px;}
.dbMarket-list li:first-child .figure{ display:block; position:absolute; right:25px; bottom:20px;}
.dbMarket-list li:first-child .price{ position:absolute; left:25px; top:90px;}
.dbMarket-list li:first-child .price strong{ font-size:24px;}
.dbMarket-list li:hover{ box-shadow:0 0 10px rgba(0,0,0,.2);}


.dbProduct{ margin-top:30px;}
.dbProduct-tab a{ font-size:18px; color:#666; float:left; margin-right:55px; line-height:24px;}
.dbProduct-tab a.active{ font-size:24px; color:#333;}

.dbProduct-list{ margin-left:-11px; padding-top:15px; position:relative;}
.dbProduct-list li{ background:#fff; width:calc(25% - 11px); float:left; margin:13px 0 0 11px; display:inline-block; padding:20px 15px; transition:all 0.4s ease;}
.dbProduct-list li .figure{ height:230px; display:flex; justify-content:center; align-items:center;}
.dbProduct-list li .figure img{ max-height:100%;}
.dbProduct-list li .title{ height:56px; margin-top:10px; font-size:16px; line-height:28px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.dbProduct-list li .botm{ color:#999; margin-top:20px; display:flex; justify-content:space-between;}
.dbProduct-list li .botm .price{ color:#e21b1b;}
.dbProduct-list li .botm .price strong{ font-size:20px; line-height:1; display:inline-block; font-weight:normal;}
.dbProduct-list li:hover{ box-shadow:0 0 10px rgba(0,0,0,.2);}



.dbFooter-common{ padding:48px 0; border-bottom:1px #f2f2f2 solid;}
.dbFooter-common li{ width:25%; float:left; line-height:24px; font-size:16px; padding-left:55px;}
.dbFooter-common li img{ margin-right:15px;}
.dbFooter-middle{ padding:30px 0 20px 0; border-bottom:1px #f5f5f5 solid;}
.dbFooter-middle .serve{ min-width:160px; float:left;}
.dbFooter-middle .serve .st{ font-size:14px; padding-bottom:20px;}
.dbFooter-middle .serve .sc a{ font-size:12px; line-height:30px; display:block; color:#999;}
.dbFooter-middle .serve .sc a:hover{ color:#ff8000;}
.dbFooter-middle .code{ padding-left:64px; border-left:1px #f2f2f2 solid;}
.dbFooter-middle .code .ct{ font-size:14px; padding-bottom:25px;}
.dbFooter-middle .code .cc li{ width:140px; float:left; margin-right:14px; text-align:center; color:#999;}
.dbFooter-middle .code .cc li .pic{ padding:10px; margin-bottom:12px; border:1px #f5f5f5 solid;}
.dbFooter-copy{ text-align:center; line-height:30px; color:rgba(102,102,102,.8); padding:20px 0;}


.dbOffer-title{ width:179px; position:fixed; left:-120px; top:50%; z-index:999; cursor:pointer; transition:all 0.4s ease;}
.dbOffer-title:hover{ left:0;}
.dbOffer-consulta{ background-image:url(../images/offer-bg.jpg); background-position:center; background-size:cover; width:100%; position:fixed; left:0; bottom:0; z-index:999;}
.dbOffer-consulta .w{ position:relative;}
.dbOffer-consulta .co-close{ background:url(../images/close.png) no-repeat left center; padding-left:37px; line-height:26px; font-size:16px; color:#fff; position:absolute; right:0; top:12px;}
.dbOffer-consulta .co-name{ background:url(../images/offer-name.png) no-repeat; width:136px; height:136px; font-size:16px; line-height:24px; color:#fff; text-align:center; display:flex; justify-content:center; align-items:center;}
.dbOffer-consulta .co-filed{ padding:28px 0 40px 54px;}
.dbOffer-consulta .co-filed li{ margin-top:12px; overflow:hidden; line-height:40px; color:#fff;}
.dbOffer-consulta .co-filed li .aside:last-child{ margin-left:33px;}
.dbOffer-consulta .co-filed li label{ float:left; font-weight:bold; padding-right:12px;}
.dbOffer-consulta .co-filed li .red{ color:#c70909;}
.dbOffer-consulta .co-filed li .inpt{ background:#fff; width:260px; height:40px; line-height:40px; float:left; padding-left:15px; border-radius:3px;}
.dbOffer-consulta .co-filed li .address-inpt{ width:604px;}
.dbOffer-consulta .co-filed li .check{ float:left; margin-right:30px; cursor:pointer;}
.dbOffer-consulta .co-filed li .check > input{ width:14px; height:14px; margin-right:4px; position:relative; top:2px;}
.dbOffer-consulta .co-btn{ background:#d6ac59; width:205px; height:40px; line-height:40px; font-size:16px; color:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%); border-radius:3px; cursor:pointer;}



/**走进德邦**/
.pbanner img{ width:100%;}
.pabout-Introd{ padding:100px 0;}
.pabout-Introd .word{ width:530px;}
.pabout-Introd .word .en{ font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; position:relative; line-height:1; text-transform:uppercase;}
.pabout-Introd .word .en:before{ content:''; background:#ee8518; width:64px; height:1px; position:absolute; left:-77px; top:50%;}
.pabout-Introd .word .cn{ font-size:20px; margin-top:15px;}
.pabout-Introd .word .tx{ line-height:30px; color:#555; margin-top:10px; height:180px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.pabout-Introd .word .mo{ background:#ff8000 url(../images/pabout-arrow.png) no-repeat 104px center; width:150px; height:50px; font-size:16px; line-height:50px; display:inline-block; color:#fff; text-indent:23px;}
.pabout-Introd .figure{ width:568px; position:relative;}
.pabout-Introd .figure:before{ content:''; background:url(../images/pabout-bg.png) no-repeat; width:225px; height:202px; position:absolute; right:-133px; top:50%; transform:translateY(-50%); z-index:-1;}
.pabout-Introd .figure .play{ background:url(../images/play.png) no-repeat; width:67px; height:68px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; cursor:pointer;}


.pabout-honor{ background-image:url(../images/pabout-honorBg.jpg); background-position:center; background-size:cover; padding:95px 0 145px 0;}
.pabout-honor .pcontact-head{ text-align:center; color:#fff;}
.pabout-honor .pcontact-head .en:before{ display:none;}
.pabout-honor-listBox{ margin-top:60px; position:relative;}
.pabout-honor-list{ overflow:hidden;}
.pabout-honor-list li{ background:#fff; text-align:center; padding:35px 15px; border-bottom:2px #fff solid; transition:all 0.4s;}
.pabout-honor-list li .thumb{ height:212px; position:relative;}
.pabout-honor-list li .thumb img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pabout-honor-list li .title{ font-size:14px; margin-top:20px;}
.pabout-honor-list li:hover{ background:#eee; border-color:#ee8518;}
.pabout-honor-list .swiper-button-next, .pabout-honor-list .swiper-button-prev{ background:url(../images/honor-arrow.png) no-repeat; width:24px; height:42px; margin-top:-21px;}
.pabout-honor-list .swiper-button-next{ right:-54px; transform:rotate(180deg);}
.pabout-honor-list .swiper-button-prev{ left:-54px;}


.pabout-results{ background-image:url(../images/pabout-resultsBg.jpg); background-position:center; background-size:cover; padding:100px 0 125px 0;}
.pabout-results .pcontact-head{ text-align:center; color:#fff;}
.pabout-results .pcontact-head .en:before{ display:none;}
.pabout-results-listBox{ margin-top:60px; position:relative;}
.pabout-results-list{ overflow:hidden;}
.pabout-results-list li{ background:#fff; height:402px; position:relative;}
.pabout-results-list li img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pabout-results-list .swiper-button-next, .pabout-results-list .swiper-button-prev{ background:url(../images/honor-arrow.png) no-repeat; width:24px; height:42px; margin-top:-21px;}
.pabout-results-list .swiper-button-next{ right:-54px; transform:rotate(180deg);}
.pabout-results-list .swiper-button-prev{ left:-54px;}


.pabout-organ{ background:#f2f3f5; padding:95px 0 85px 0;}
.pabout-organ .pcontact-head{ text-align:center;}
.pabout-organ .pcontact-head .en:before{ display:none;}
.pabout-organ-thumb{ background:#fff; margin-top:50px; text-align:center; padding:50px 0;}


.pabout-culture{ padding:90px 0;}
.pabout-culture .pcontact-head{ text-align:center;}
.pabout-culture .pcontact-head .en:before{ display:none;}
.pabout-culture-list{ margin-top:55px;}
.pabout-culture-list li{ width:33.33%; height:612px; float:left; position:relative; display:flex; text-align:center; justify-content:center; align-items:center;}
.pabout-culture-list li:before{ content:''; background:rgba(0,0,0,.3); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.pabout-culture-list li .li-thumb{ background-position:center; background-size:cover; width:100%; height:100%; position:absolute; left:0; top:0;}
.pabout-culture-list li .li-cover{ width:320px; position:relative; z-index:2; display:flex; justify-content:center; align-items:center;  transition:all 0.4s ease;}
.pabout-culture-list li .li-cover .icon{ width:46px; display:inline-block; vertical-align:top;}
.pabout-culture-list li .li-cover .icon .img-hide{ display:none;}
.pabout-culture-list li .li-cover .cn{ font-size:24px; margin-top:12px; color:#fff; transition:all 0.4s ease;}
.pabout-culture-list li .li-cover .en{ font-size:12px; color:rgba(255,255,255,.7); transition:all 0.4s ease;}
.pabout-culture-list li .li-cover .line{ background:#a0a0a0; width:1px; height:0; display:inline-block; margin-top:15px; transition:all 0.4s ease;}
.pabout-culture-list li .li-cover .txt{ line-height:30px; color:#666; height:0; visibility:hidden; margin-top:10px; transition:all 0.4s ease;}
.pabout-culture-list li:hover .li-cover{ background:rgba(255,255,255,.92); height:440px; }
.pabout-culture-list li:hover .li-cover .img-show{ display:none;}
.pabout-culture-list li:hover .li-cover .img-hide{ display:block;}
.pabout-culture-list li:hover .li-cover .cn{ color:#333;}
.pabout-culture-list li:hover .li-cover .en{ color:#666;}
.pabout-culture-list li:hover .li-cover .line{ height:50px;}
.pabout-culture-list li:hover .li-cover .txt{ height:auto; visibility:visible;}

.pabout-details{ padding:60px 0;}
.pabout-details-head{ text-align:center;}
.pabout-details-head .cn{ font-size:30px; font-weight:bold;}
.pabout-details-head .en{ margin-top:6px;}
.pabout-details-text{ font-size:16px; line-height:30px; margin-top:50px;}



/**新闻动态**/
.pnews-main{ padding:30px 0;}
.pnews-left{ width:970px;}
.pnews-left-tab{ padding:55px 0 25px 0;}
.pnews-left-tab a{ float:left; font-size:18px; color:#666; margin-right:50px; position:relative;}
.pnews-left-tab a.active{ font-weight:bold; color:#333;}
.pnews-left-tab a.active:before{ content:''; background:#ff8000; width:100%; height:4px; position:absolute; left:0; bottom:-10px;}
.pnews-left-list li{ overflow:hidden; padding:20px 0; transition:all 0.4s ease;}
.pnews-left-list li .thumb{ width:250px; height:160px; overflow:hidden;}
.pnews-left-list li .thumb img{ -o-object-fit:cover; object-fit:cover; width:100%; height:100%; transition:.19s ease-in;}
.pnews-left-list li .word{ width:calc(100% - 250px); padding-left:30px;}
.pnews-left-list li .word .t{ font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-left-list li .word .c{ line-height:24px; color:#666; height:48px; margin-top:20px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.pnews-left-list li .word .d{ color:#999; margin-top:45px; display:inline-block;}
.pnews-left-list li:hover{ padding:20px; box-shadow:0 0 14px rgba(0,0,0,.14);}
.pnews-left-list li:hover .thumb img{ transform:scale(1.05);}

.pnews-left-load{ text-align:center; margin-top:40px;}
.pnews-left-load > a{ background:#f7f7f7; line-height:40px; display:block; color:#666;}
.pnews-left-load > a .arrow{ background:url(../images/pnews-arrow.png) no-repeat; width:14px; height:8px; display:inline-block; margin-left:8px;}


.pnews-product{ background:#fff; width:210px; border:1px #ebeff2 solid;}
.pnews-product-title{ font-size:16px; line-height:48px; padding-left:10px; border-bottom:1px #ebeff2 solid;}
.pnews-product-list{ padding:0 10px 17px 10px;}
.pnews-product-list li{ padding:10px 0 15px 0; border-bottom:1px #ebeff2 dashed;}
.pnews-product-list li .thumb{ overflow:hidden;}
.pnews-product-list li .thumb img{ width:100%; display:block; transition:all 0.4s;}
.pnews-product-list li .tit{ font-size:14px; line-height:25px; margin-top:6px;}
.pnews-product-list li .price{ font-weight:bold; color:#e21b1b; margin-top:6px; display:inline-block;}
.pnews-product-list li:hover .thumb img{ transform:scale(1.05);}


.pnews-details-head{ padding-bottom:15px; border-bottom:1px #e5e5e5 solid;}
.pnews-details-head .title{ font-size:24px; font-weight:bold; margin-bottom:15px;}
.pnews-details-head .desc span{ color:#999; margin-right:20px;}
.pnews-details-word{ font-size:16px; line-height:30px; margin-top:35px;}


/**联系我们**/
.pcontact-head .en{ font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; line-height:1; text-transform:uppercase; position:relative;}
.pcontact-head .en:before{ content:''; background:#ee8518; width:64px; height:1px; position:absolute; left:-77px; top:50%;}
.pcontact-head .cn{ font-size:20px; margin-top:12px;}
.pcontact-head .ts{ color:#666; margin-top:30px;}

.pcontact-inner{ margin-top:55px; display:flex; flex-wrap:wrap;}
.pcontact-inner li{ background:#f2f2f2; width:25%; height:288px; padding-top:63px; text-align:center; border-right:1px #d9d9d9 solid;}
.pcontact-inner li .icon{ width:68px; display:inline-block; vertical-align:top;}
.pcontact-inner li .tel{ font-size:24px; font-weight:bold; color:#e67015; line-height:1; margin-top:25px;}
.pcontact-inner li .tips{ color:#666; margin-top:15px;}
.pcontact-inner li .code{ width:120px;}

.pcontact-map{ margin-top:60px;}


/**案例展示**/
.pcase-tab{ border-bottom:2px #ff8000 solid;}
.pcase-tab a{ float:left; font-size:16px; padding:0 35px 25px 35px; position:relative;}
.pcase-tab a.active{ color:#ff8000; font-weight:bold;}
.pcase-tab a.active:before{content:''; height:0; width:0; display:block; border:6px transparent solid; border-top-width:0; border-bottom-color:#ff8000; position:absolute; left:50%; margin-left:-3px; bottom:0;}

.pcase-list{ margin-left:-30px; margin-top:15px; position:relative;}
.pcase-list li{ width:calc(33.333% - 30px); margin:30px 0 0 30px; float:left; display:inline-block; padding:20px; border-radius:5px; box-shadow:0 0 14px rgba(0,0,0,.1);}
.pcase-list li .pic{ height:190px; overflow:hidden;}
.pcase-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pcase-list li .tit{ font-size:16px; margin-top:20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pcase-list li:hover .pic img{ transform:scale(1.05);}


.pcase-ppage{ padding-top:60px; line-height:34px; font-size:14px; text-align:center;}
.pcase-ppage a{ background:#fff; line-height:34px; padding:0 13px; margin-left:-1px; vertical-align:top; display:inline-block; border:1px solid #e3e2e8;}
.pcase-ppage .nowpage{ line-height:34px; margin-left:-1px; padding:0 13px; vertical-align:top; display:inline-block; color:#f23a73;  border:1px solid #e3e2e8;}
.pcase-ppage .inpt{ width:60px; height:36px; text-align:center; line-height:34px; margin:0 5px; border:1px #e3e2e8 solid;}
.pcase-ppage .all{ margin:0 10px;}
.pcase-ppage .btn{ background:#fff; height:36px; text-align:center; line-height:34px; margin-left:10px; padding:0 13px; border:1px #e3e2e8 solid; cursor:pointer;}
.pcase-ppage a.prev{ background:url(../images/page-prev.jpg) no-repeat center; min-width:34px; font-size:0;}
.pcase-ppage a.next{ background:url(../images/page-next.jpg) no-repeat center; min-width:34px; font-size:0;}
.pcase-ppage a:hover{ color:#f23a73;}


.pcase-details-left{ width:955px;}
.pcase-details-head{ padding-bottom:25px; border-bottom:1px #f0efef solid;}
.pcase-details-head .title{ font-size:30px; text-align:center;}
.pcase-details-head .date{ color:#999; margin-top:40px;}
.pcase-details-text{ font-size:18px; line-height:36px; margin-top:30px;}
.pcase-details-page { margin-top:55px;}
.pcase-details-page a{ display:block; padding:30px 0; font-size:16px; border-top:1px #e5e5e5 solid;}
.pcase-details-page a span{ padding-right:40px; color:#999;}
.pcase-details-page a:hover{ color:#ff8000;}
.pcase-details-page a:hover span{ color:#ff8000;}
.pcase-details-page a.return{ color:#999;}
.pcase-details-page a.return:hover{ color:#ff8000;}

.pcase-details-right{ width:210px;}
.pcase-details-right .ri-head{ background:#ff8000; line-height:45px; padding:0 15px; border-radius:5px 5px 0 0;}
.pcase-details-right .ri-head .cn{ font-size:16px; color:#fff;}
.pcase-details-right .ri-head .mo{ color:#fff;}
.pcase-details-right .ri-list{ padding:0 10px 15px 10px; border:1px #e5e5e5 solid;}
.pcase-details-right .ri-list li{ background:#fff; margin-top:15px; border-radius:5px; overflow:hidden; box-shadow:0 0 10px rgba(62,57,57,.1);}
.pcase-details-right .ri-list li .thumb{ overflow:hidden;}
.pcase-details-right .ri-list li .thumb img{ width:100%; display:block; transition:all 0.4s;}
.pcase-details-right .ri-list li .name{ font-size:14px; text-align:center; padding:18px 0;}
.pcase-details-right .ri-list li:hover .thumb img{ transform:scale(1.05);}


/**人才招聘**/
.pjoin-concept{ padding:65px 0 85px 0; text-align:center;}
.pjoin-concept .pcontact-head .en:before{ display:none;}
.pjoin-concept .co-text{ font-size:16px; line-height:36px; margin-top:40px;}
.pjoin-concept .co-tel{ font-size:16px; color:#666; margin-top:40px;}
.pjoin-concept .co-tel strong{ font-size:24px; color:#ff8000; font-weight:bold;}


.pjoin-posit{ background-image:url(../images/pjoin-positBg.jpg); background-position:center; background-size:cover; padding:110px 0;}
.pjoin-posit .pcontact-head .en{ color:#fff;}
.pjoin-posit .pcontact-head .en:before{ background:#fff;}
.pjoin-posit .pcontact-head .cn{ color:#fff;}
.pjoin-posit-list{ padding-top:30px;}
.pjoin-posit-list li{ background:#fff; overflow:hidden; margin-top:18px; position:relative; line-height:72px; font-size:16px; color:#666; padding-left:45px; border:1px #d6d6d6 solid;}
.pjoin-posit-list li > span{ width:220px; float:left;}
.pjoin-posit-list li > span.name{ width:310px; font-size:20px; font-weight:bold; color:#333;}
.pjoin-posit-list li .arrow{ background:#b2b2b2 url(../images/pjoin-arrow.png) no-repeat center; width:72px; height:72px; position:absolute; right:0; top:0;}


.pjoin-marsk{ background:rgba(0,0,0,.8); width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0; z-index:998; display:none;}
.pjoin-pup{ background:#fff; width:1200px; height:80%; position:fixed; left:50%; top:10%; margin-left:-600px; z-index:999; padding:40px 45px; display:none;}
.pjoin-pup .close{ background:url(../images/pjoin-close.png) no-repeat left center; padding-left:36px; color:#fff; line-height:26px; position:absolute; right:0; top:-38px;}
.pjoin-pup .title{ font-size:18px; padding-bottom:20px; border-bottom:2px #ff7f00 solid;}
.pjoin-pup .word{ height:calc(100% - 46px); line-height:28px; color:#666; text-align:justify; margin-top:20px; overflow-y:auto;}
.pjoin-pup .word::-webkit-scrollbar{  background:#dadada; width:7px;height:7px;}
.pjoin-pup .word::-webkit-scrollbar-thumb{border-radius:0;width:17px;height:17px;background-color:#ff7f00;}


/**售后服务**/
.service-team{ padding:65px 0 80px 0;}
.service-team .pcontact-head{ text-align:center;}
.service-team .pcontact-head .en:before{ display:none;}

.service-team-list{ padding-top:45px;}
.service-team-list li{ background:#f1f3f5; line-height:34px; padding:15px 24px; margin-top:2px;}

.service-team-inner{ text-align:center; margin-top:70px;}
.service-team-inner .title{ font-size:24px; color:#ff8000; padding-bottom:35px;}
.service-team-inner .tel strong{ font-size:24px; font-weight:bold;}
.service-team-inner .text{ line-height:34px; text-align:left; margin-top:30px;}

.service-security{ background:#f1f3f5; padding:50px 0;}
.service-security .se-title{ font-size:24px; font-weight:bold;}
.service-security .se-thumb{ margin-left:-25px; position:relative;}
.service-security .se-thumb li{ width:calc(25% - 25px); height:288px; float:left; margin:25px 0 0 25px; display:inline-block; overflow:hidden;}


/**商品列表**/
.pproduct-main{ background:#f1f3f5; padding:20px 0 80px 0;}
.pproduct-add{ color:#999; padding-bottom:20px;}

.pproduct-panel{ background:#fff; margin-bottom:20px; padding:0 20px; margin-bottom:15px;}
.pproduct-panel dl{ padding:10px 0; line-height:24px; border-bottom:1px #edf0f2 solid;}
.pproduct-panel dl:last-child{ border-bottom:0;}
.pproduct-panel dl dt{ min-width:70px; float:left;}
.pproduct-panel dl dd{ overflow:hidden;}
.pproduct-panel dl dd a{ min-width:120px; float:left; margin-right:10px;}
.pproduct-panel dl dd a.active{ color:#ff8000;}

.pproduct-right{ width:977px;}
.pproduct-sorte { background:#fff; padding:20px 0;}
.pproduct-sorte a{ font-size:16px; padding:0 30px; float:left; margin-right:20px;}
.pproduct-sorte a img{ margin-left:5px; position:relative; top:5px;}
.pproduct-sorte a.active{ font-weight:bold; color:#ff8000;}

.pproduct-list{ margin-left:-14px; position:relative;}
.pproduct-list li{ background:#fff; width:calc(25% - 14px); float:left; margin:14px 0 0 14px; display:inline-block; padding:20px 15px; transition:all 0.4s ease;}
.pproduct-list li .figure{ height:165px; display:flex; justify-content:center; align-items:center;}
.pproduct-list li .figure img{ max-height:100%;}
.pproduct-list li .title{ height:56px; margin-top:10px; font-size:16px; line-height:28px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pproduct-list li .botm{ color:#999; margin-top:10px; display:flex; justify-content:space-between;}
.pproduct-list li .botm .price{ color:#e21b1b;}
.pproduct-list li .botm .price strong{ font-size:20px; line-height:1; display:inline-block;}
.pproduct-list li:hover{ box-shadow:0 0 10px rgba(0,0,0,.2);}

.pproduct-ppage{ padding-top:50px; font-size:0; text-align:center;}
.pproduct-ppage a{ background:#fff; line-height:30px; margin:0 5px; padding:0 11px; vertical-align:top; display:inline-block; font-size:14px; color:#666;}
.pproduct-ppage .nowpage{ background:#6a6a6f; line-height:30px; margin:0 5px; padding:0 11px; vertical-align:top; display:inline-block; font-size:14px; color:#fff;}
.pproduct-ppage a:hover{ background:#6a6a6f; color:#fff;}



/**商品详情**/
.goods-detail-top{ background:#fff; padding:12px 22px 35px 12px; margin-bottom:12px;}
.goods-detail-top .gdt-photo{ width:495px;}
.goods-detail-top .big-img li{ width:100%; height:430px; position:relative; display:none;}
.goods-detail-top .big-img li:first-child{ display:block;}
.goods-detail-top .big-img li img { position:absolute; left:50%; top:50%; max-height:100%; transform:translate(-50%,-50%);}
.goods-detail-top .small-img{ margin-top:34px; position:relative;  padding:0 60px;}
.goods-detail-top .small-imgSider{ overflow:hidden;}
.goods-detail-top .small-img li { background-color:#fff; width:100%; height:68px; overflow:hidden; display:flex; justify-content:center; align-items:center; border:1px solid #fff; }
.goods-detail-top .small-img li img { max-height:100%; }
.goods-detail-top .small-img li.active{ border:1px solid #ff8000;}
.goods-detail-top .small-img .swiper-button-next, .goods-detail-top .small-img .swiper-button-prev{ background:url(../images/goods-arrow.png) no-repeat; width:30px; height:30px; margin-top:-15px;}
.goods-detail-top .small-img .swiper-button-prev{ left:15px;}
.goods-detail-top .small-img .swiper-button-next{ right:15px; transform:rotate(180deg);}

.goods-detail-top .gdt-info{ width:630px; padding-top:15px;}
.goods-detail-top .gdi-name{ padding-bottom:20px;}
.goods-detail-top .gdi-name .st{ font-size:24px; font-weight:bold;}
.goods-detail-top .gdi-name .sc{ font-size:16px; color:#666; margin-top:12px;}
.goods-detail-top .gdi-price{ background:#f5f5f5; padding:8px 20px; }
.goods-detail-top .gdi-price dl{ padding:8px 0; line-height:24px;}
.goods-detail-top .gdi-price dl dt{ float:left;}
.goods-detail-top .gdi-price dl dd{ overflow:hidden; padding-left:7px;}
.goods-detail-top .gdi-price dl dd .price{ color:#e21b1b;}
.goods-detail-top .gdi-price dl dd .price strong{ font-size:24px;}
.goods-detail-top .gdi-price dl dd del{ color:#999; margin-left:7px;}
.goods-detail-top .gdi-price dl dd del strong{ font-size:18px; font-weight:normal;}
.goods-detail-top .gdi-price dl dd .sale{ color:#ff8000;}
.goods-detail-top .gdi-common{ margin-top:20px; font-size:16px;}
.goods-detail-top .gdi-common .model{ padding-top:10px;}
.goods-detail-top .gdi-common .model span{ background-color:#f7f7f7; line-height:38px; margin:7px 7px 0 0; float:left; font-size:14px; padding:0 10px; border:1px solid #ced3d9; cursor:pointer; }
.goods-detail-top .gdi-common .model span.selected{ background:url(../images/choice.png) no-repeat right bottom; background-color:#f7f7f7; border:1px solid #ff8000;}
.goods-detail-top .gdi-number{ margin-top:20px; font-size:16px;}
.goods-detail-top .gdi-number .model{ margin-top:14px;}
.goods-detail-top .gdi-number .jian{ background:url(../images/jian.png) no-repeat; width:40px; height:40px; float:left;}
.goods-detail-top .gdi-number .jia{ background:url(../images/jia.png) no-repeat; width:40px; height:40px; float:left;}
.goods-detail-top .gdi-number .inpt{ width:44px; height:40px; float:left; font-size:18px; text-align:center;}
.goods-detail-top .gdi-cart{ background:#ca151d; width:172px; height:46px; line-height:46px; text-align:center; font-size:18px; color:#fff; display:inline-block; margin-top:30px; border-radius:3px;}


.goods-detail-main { background:#fff; width:977px;}
.goods-detail-main .gpw-title{ padding:0 18px; border-bottom:1px #ebeff2 solid;}
.goods-detail-main .gpw-title .cn{ font-size:16px; color:#ff8000; display:inline-block; position:relative; padding:23px 0;}
.goods-detail-main .gpw-title .cn:before{ content:''; background:#ff8000; width:100%; height:2px; position:absolute; left:0; bottom:-1px;}

.goods-detail-main .gpw-body { padding:35px; border-bottom:1px #ebeff2 solid;}
.goods-detail-main .gpw-body dl{ width:25%; float:left; line-height:25px; color:#666;}
.goods-detail-main .gpw-body dl dt{ float:left;}
.goods-detail-main .gpw-body dl dd{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.goods-detail-main .gpw-thumb{ padding:17px;}