/*
  author：Yo
  data:2019-06-28
*/
body { background-color: #fff; }
.adm-inpage-banner { background-repeat: no-repeat; background-position: center center; }
.adm-product-center { height: 780px;}
.adm-procen-box { height: 100%; position: relative;}
.adm-procen-box .adm-procen-cont { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; }
.adm-procen-box img { display: block; width: 100%; height: auto; }
.adm-procen-box ul li {margin: 0 1%; width:23%; text-align: center;}
.adm-procen-box li a { display: block; width: 100%; color: #fff;}
.adm-procen-box li h2 { font-weight: 400; font-size: 24px; padding-bottom: 20px; }
.adm-procen-box li span.line { display: block; width: 100%; height: 23px; position: relative;}
.adm-procen-box li span.line i { width: 23px; height: 23px; background-position: -30px -30px; position: absolute; left: 50%; margin-left: -12px; }
.adm-procen-box li span.line:before,
.adm-procen-box li span.line:after { content: ''; display: block; width: 42%; height: 1px; background-color: rgba(255,255,255,.1); position: absolute; top: 50%; }
.adm-procen-box li span.line:before { left: 0; }
.adm-procen-box li span.line:after { right: 0; }
.adm-procen-box li p { font-size: 15px; padding: 20px 0 30px; }
.adm-procen-box li i.icon-jt { width: 19px; height: 6px; background-position: -55px -5px; margin: 0 auto; }
.adm-procen-box li span.img-box { display: block; margin-top: -45px; position: relative;}
.adm-procen-box li span.img-box img { position: relative; z-index: 2; }
.adm-procen-box li span.img-box:after { content: ''; display: block; width: 380px; height: 80px; background: url(../images/Inpage/pro_cur_bg.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 18%; left: 50%; margin-left: -190px; z-index: 1; opacity: 0; -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
.adm-procen-box li:first-child span.img-box:after { left: 40%; }
.adm-procen-box li:hover h2 { color: #c39a6b; }
.adm-procen-box li:hover span.line:before,
.adm-procen-box li:hover span.line:after { background-color: #c39a6b; }
.adm-procen-box li:hover span.line i { background-position: -5px -30px; }
.adm-prolist-banner { width: 100%; height: 650px; }
.adm-prolist-bannertxts { text-align: center; color: #fff; padding-top: 252px;}
.adm-prolist-bannertxts h1 { font-weight: 400; font-size: 38px; padding-bottom: 15px; text-shadow:1px 1px 1px #000;}
.adm-prolist-bannertxts p { font-size: 18px; padding-bottom: 60px; text-shadow:1px 1px 1px #000;}
.adm-prolist-bannertxts em { font-size: 14px;text-shadow:1px 1px 1px #000;}
.adm-prolist-cont { margin-top: -90px; position: relative; z-index: 3; border-bottom: solid 1px #e7e7e7;}
.adm-prolist-cont .adm-prolist-nav { width: 100%; height: 140px; background-color: #c39a6b; }
.adm-prolist-nav a { display: block; width: 33.33%; height: 100%; color: #fff; text-align: center; font-size: 16px; position: relative;}
.adm-prolist-nav a span { display: block; height: 90px; line-height: 100px; border-bottom: solid 1px rgba(255,255,255,.2);}
.adm-prolist-nav a i { width: 23px; height: 23px; background-position: -30px -30px; position: absolute; bottom: 38px; left: 50%; margin-left: -12px;}
.adm-prolist-nav a.cur, .adm-prolist-nav a:hover { color: #111; }
.adm-prolist-nav a.cur span, .adm-prolist-nav a:hover span { border-bottom-color: #111; }
.adm-prolist-nav a.cur i, .adm-prolist-nav a:hover i { background-position: -5px -65px; }
.adm-prolist-infos { padding: 90px 0 80px;}
.adm-prolist-infos .txts { text-align: center; padding-bottom: 25px; margin-bottom: 80px; position: relative;}
.adm-prolist-infos .txts h2 { font-weight: 400; color: #111; font-size: 26px; padding-bottom: 20px; }
.adm-prolist-infos .txts p { color: #333; font-size: 15px; line-height: 30px; }
.adm-prolist-infos .txts:after { content: ''; display: block; width: 25px; height: 1px; background-color: #c39a6b; position: absolute; bottom: 0; left: 50%; margin-left: -12px; }
.adm-prolist-infos ul li { height: 428px; overflow: hidden;}
.adm-prolist-infos ul li a.img-box { display: block; width: 50%; height: 100%; overflow: hidden;}
.adm-prolist-infos ul li .intro { width: 50%; height: 100%; padding: 3% 5%; box-sizing: border-box; position: relative;}
.adm-prolist-infos ul li img, .adm-prodetails-cont img { display: block; width: 100%; height: auto; }
.adm-prolist-infos ul li:nth-child(odd) a.img-box { float: left; }
.adm-prolist-infos ul li:nth-child(odd) .intro { float: right; }
.adm-prolist-infos ul li:nth-child(even) a.img-box { float: right; }
.adm-prolist-infos ul li:nth-child(even) .intro { float: left; }
.adm-prolist-infos li .intro h3 { font-size: 36px; font-weight: 400; padding-bottom: 20px; }
.adm-prolist-infos li .intro h3 a { color: #111; }
.adm-prolist-infos li .intro p { font-size: 15px; color: #666; line-height: 24px;}
.adm-prolist-infos li .intro p.Summary{margin-bottom:20px;/*min-height: 120px;*/max-height: 186px;overflow:hidden;/* display:-webkit-box; *//* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 8; */}
.adm-prolist-infos li .intro a.know-more { background-color: #111; color: #fff; position: absolute; bottom: 10%; left: 10%; z-index: 3; }
.adm-prolist-infos li .intro a.know-more:after { background-position: -55px -5px; }
.adm-prolist-infos li .intro a.know-more:hover { background-color: #c39a6b; }

/*产品详情*/
.adm-prodetails-banner { width: 100%; height: 540px; background-position: center top;}
.adm-prodetails-banner .adm-prolist-bannertxts { padding-top: 225px; }
.adm-prolist-bannertxts .mianbaoxie { font-size: 14px; }
.adm-prolist-bannertxts .mianbaoxie a { color: #fff; font-size: 14px; }
.adm-prolist-bannertxts .mianbaoxie a:hover { color: #c39a6b; text-decoration: underline; }
.adm-prodetails-cont { margin-top: 90px; margin-bottom: 90px; }
.adm-prodetails-intro { height: 428px; }
.adm-prodetails-intro .adm-prodetails-imgbox { width: 50%; height: 100%; position: relative; overflow: hidden;} 
.adm-prodetails-intro .adm-intro-info { width: 45%; height: 100%; position: relative;}
.adm-prodetails-imgbox .img-cont { width: 100%; height: 100%; }
.adm-prodetails-imgbox ul { height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.adm-prodetails-imgbox ul li { float: left;}
.adm-prodetails-nav { width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px; z-index: 9;}
.adm-prodetails-nav span { display: inline-block; width: 9px; height: 9px; border: solid 1px #b7b7b7; border-radius: 50%; margin-left: 15px; cursor: pointer;}
.adm-prodetails-nav span:first-child { margin-left: 0; }
.adm-prodetails-nav span.cur { background-color: #000; border-color: #000; }
.adm-intro-info h3 { font-weight: 400; font-size: 36px; color: #111; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #e5e5e5; }
.adm-intro-info .edit-cont { color: #666; font-size: 14px; line-height: 24px;     margin-bottom: 15px;}
.adm-intro-info .edit-cont p { padding-bottom: 15px;     min-height: 120px; }
.adm-intro-info .btns { width: 100%;/* position: absolute;*/ bottom: 0; left: 0; z-index: 9;}
.adm-intro-info .btns a.know-more { background-color: #111; color: #fff; }
.adm-intro-info .btns a.know-more:after { background-position: -55px -5px; }
.adm-intro-info .btns a.know-more:hover { background-color: #c39a6b; }
.adm-intro-info .btns .share {  position: relative; top: 14px;}
.adm-intro-info .btns .share a{float:none;color: #111; font-size: 14px; padding-right: 22px;background:none;}
.adm-intro-info .btns .share i { width: 17px; height: 17px; background-position: -180px -65px; position: absolute; right: 0; top: 50%; margin-top: -9px; }
.adm-prodetails-list { margin: 80px 0; border-top: solid 1px #e7e7e7; }
.adm-prodetails-list ul li { float: left; width: 50%; padding: 2% 0; border-bottom: solid 1px #e7e7e7; box-sizing: border-box; }
.adm-prodetails-list li:last-child { width: 100%; padding-right: 0; padding-left: 0; }
.adm-prodetails-list ul li:nth-child(odd) { padding-right: 5%; } 
.adm-prodetails-list ul li:nth-child(even) { padding-left: 5%; }
.adm-prodetails-list li h4 { font-weight: 400; font-size: 22px; color: #111; padding-bottom: 2.5%; }
.adm-prodetails-list li p { font-size: 14px; color: #666; height: 66px; line-height: 22px;}
.adm-prodetails-btns { width: 100%; height: 190px; background: url(../images/Inpage/prodetails_bg.jpg) no-repeat; background-size: 100% 100%; text-align: center; padding-top: 72px; box-sizing: border-box; }
.adm-prodetails-btns>a { display: inline-block; width: 158px; height: 43px; border: solid 1px #111; color: #111; text-align: center; font-size: 14px; line-height: 43px;}
.adm-prodetails-btns>a i { display: inline-block; width: 19px; height: 6px; position: relative; top: -2px;}
.adm-prodetails-btns>a.back-list { margin-right: 25px; }
.adm-prodetails-btns>a.back-list i { background-position: -55px -18px; margin-right: 12px;}
.adm-prodetails-btns>a.zixun i { background-position: -55px -30px; margin-left: 12px;}
.adm-prodetails-btns>a:hover { background-color: #111; color: #fff; }
.adm-prodetails-btns>a.back-list:hover i { background-position: -55px -45px; }
.adm-prodetails-btns>a.zixun:hover i { background-position: -55px -5px; }
.adm-xgpro-wrap { width: 100%; padding: 80px 0; background-color: #e8e8e8; }
.adm-xgpro-tt { text-align: center; }
.adm-xgpro-tt h3 { font-weight: 400; font-size: 36px; color: #111; padding-bottom: 8px;}
.adm-xgpro-tt span { color: #999; font-size: 12px; }
.adm-xgpro-box ul { margin-top: 36px; }
.adm-xgpro-box ul li { width: 23%; background-color: #fff; margin-left: 2.6666%;}
.adm-xgpro-box ul li:first-child { margin-left: 0; }
.adm-xgpro-box ul li a { display: block; width: 100%; }
.adm-xgpro-box li span.img-box { display: block; width: 100%; height: auto; overflow: hidden; }
.adm-xgpro-box li img { display: block; width: 100%; height: auto; }
.adm-xgpro-box li p { width: 100%; height: 60px; line-height: 60px; color: #111; font-size: 14px; padding: 0 18% 0 8%; box-sizing: border-box; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.adm-xgpro-box li p:after { content: ''; display: block; width: 19px; height: 6px; background: url(../images/Common/icons.png) no-repeat -55px -30px; position: absolute; right: 8%; top: 50%; margin-top: -3px; z-index: 3; }
.adm-xgpro-box li:hover p { background-color: #111; color: #fff; }
.adm-xgpro-box li:hover p:after { background-position: -55px -5px; }

/*匠心工艺*/
.adm-jxgy-banner { width: 100%; height: 760px; }
.adm-tt { text-align: center; margin-bottom: 50px; }
.adm-tt h2 { color: #111; font-weight: 400; font-size: 36px; padding-bottom: 16px; }
.adm-tt span { font-size: 18px; color: #333; }
.adm-lines { display: block; width: 100%; }
.adm-lines em { display: block; width: 100%; height: 1px; background-color: #f4f4f4; margin-top: 8px; }
.adm-jxgy-wrap { padding-bottom: 80px; border-bottom: solid 1px #e7e7e7;}
.adm-jxgy-pinao { margin-top: 60px;}
.adm-jxgy-box .adm-pinao-img { width: 85.7142%; margin: 0 auto; }
.adm-jxgy-box img, 
.adm-ques-img img, 
.adm-wbfw-box img { display: block; width: 100%; height: auto; }
.adm-pinao-box { position: relative; }
.adm-pinao-infos { width: 71.42857%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.adm-pinao-infos .adm-pinao-intro { width: 100%; position: absolute; left: 0; top: 0; }
.adm-pinao-infos .adm-pinao-intro:not(:first-child) { display: none; }
.adm-pinao-infos .adm-pinao-intro span.ava-img { display: block; width: 17.4%; height: 17.4%; border-radius: 50%; margin-top: 6%; overflow: hidden; }
.adm-pinao-infos .adm-pinao-intro h3 {width: 36%; font-weight: 400; font-size: 30px; color: #111; margin-bottom: 3%;padding-bottom: 3%;border-bottom: #c39a6b solid 1px;}
.adm-pinao-infos .adm-pinao-intro p {    text-align: justify; width: 36%; color: #333; font-size: 15px; line-height: 24px; position: relative; z-index: 2;}
.adm-pinao-infos .adm-pinao-intro span.tip-img { display: block; position: absolute; left: 0; z-index: 1; }
.adm-pinao-intro01 { margin-top: 13%; }
.adm-pinao-intro01 span.tip-img { width: 55.6%; padding-top: 12.5%; top: 16.5%;}
.adm-pinao-intro01 span.tip-img:before { content: ''; display: none; width: 100%; height: 100%; background: url(../images/Inpage/tip_img01.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.adm-pinao-parts { width: 21%; background-color: #111; font-size: 15px; position: absolute; right: 0; top: 10%; z-index: 9; }
.adm-pinao-parts ul li { float: left; width: 50%; padding: 9.2% 0; color: #666; padding-left: 20%; cursor: pointer; border-left: solid 1px rgba(255,255,255,.1); border-bottom: solid 1px rgba(255,255,255,.1); box-sizing: border-box; position: relative;}
.adm-pinao-parts ul li:last-child {margin-left:50%;}
.adm-pinao-parts ul li:before { content: ''; display: block; width: 23px; height: 23px; background: url(../images/Common/icons.png) no-repeat -30px -65px; position: absolute; left: 16%; top: 50%; margin-top: -11px; z-index: 2;}
.adm-pinao-parts ul li:hover, .adm-pinao-parts ul li.cur { color: #fff;}
.adm-pinao-parts ul li:hover:before, .adm-pinao-parts ul li.cur:before { background-position: -90px -5px;}
.adm-jxgy-craft { margin-top: 60px; }
.adm-craft-cont ul li { width: 100%; background-color: #f2f2f2; position: relative; overflow: hidden; }
.adm-craft-cont ul li span.img-box { display: block; width: 50%; overflow: hidden;}
.adm-craft-cont ul li .txts { width: 50%; height: 100%; padding: 5%; box-sizing: border-box; }
.adm-craft-cont ul li:nth-child(odd) .img-box { float: left; }
.adm-craft-cont ul li:nth-child(odd) .txts { float: right; }
.adm-craft-cont ul li:nth-child(even) .img-box { float: right; }
.adm-craft-cont ul li:nth-child(even) .txts { float: left; }
.adm-craft-cont ul li h3 { font-weight: 400; font-size: 28px; color: #111; padding-bottom: 6%; }
.adm-craft-cont li .txts p { font-size: 16px; color: #333; line-height: 26px; text-align: justify;}
.adm-craft-cont li:before { content: ''; display: block; width: 30px; height: 2px; background-color: #c39a6b; position: absolute; left: 55%; bottom: 15%; z-index: 3; }
.adm-craft-cont ul li:nth-child(even):before { left: 5%; }

/*常见问题*/
.adm-question-box, .adm-wbfw-box, .adm-jianyi-box { background-color: #f3f3f3; padding: 130px 0 80px; margin-top: -50px; }
.adm-ques-cont { width: 66%; border-top: solid 1px #e5e5e5; }
.adm-ques-cont ul li { padding: 20px 0; border-bottom: solid 1px #e5e5e5;}
.adm-ques-cont .q { position: relative; }
.adm-ques-cont .q span { display: block; width: 93%; font-size: 16px; color: #333; height: 38px; line-height: 38px; font-weight: bold; cursor: pointer;}
.adm-ques-cont li em { display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 16px; border-radius: 50%;}
.adm-ques-cont .q em { border: solid 1px #e5e5e5; color: #666; box-sizing: border-box;}
.adm-ques-cont .ans { display: none; }
.adm-ques-cont .ans em { background-color: #111; }
.adm-ques-cont .ans { margin-top: 12px; }
.adm-ques-cont .ans p { width: 93%; padding: 3% 3% 6%; box-sizing: border-box; background-color: #fff; font-size: 15px; color: #666; line-height: 24px; position: relative; top: 5px;}
.adm-ques-cont .ans p:before { content: ''; display: block; width: 7px; height: 8px; background: url(../images/Inpage/ques_icon.png) no-repeat; position: absolute; left: -7px; top: 0; z-index: 3;}
.adm-ques-cont li .show-icon { display: block; width: 13px; height: 13px; position: absolute; right: 0; top: 50%; margin-top: -6px; z-index: 9; }
.adm-ques-cont .show-icon:before,
.adm-ques-cont .show-icon:after { content: ''; display: block; background-color: #ccc;  position: absolute; z-index: 2; }
.adm-ques-cont .show-icon:before { width: 100%; height: 1px; top: 50%; left: 0; }
.adm-ques-cont .show-icon:after { width: 1px; height: 100%; left: 50%; top: 1px;}
.adm-ques-cont li.cur .q em { background-color: #c39a6b; border-color: #c39a6b; color: #fff; }
.adm-ques-cont li.cur .show-icon:after { display: none; }
.adm-ques-cont li.cur .ans{display:block;}
.adm-ques-img { width: 30%; height: auto; }

/*维保服务*/
.adm-wbfw-box .wbfw-nav { text-align: center; font-size: 24px; }
.adm-wbfw-box .wbfw-nav span { display: inline-block; color: #999; cursor: pointer; padding-bottom: 8px; }
.adm-wbfw-box .wbfw-nav span:first-child { margin-right: 40px; }
.adm-wbfw-box .wbfw-nav span.cur, .adm-wbfw-box .wbfw-nav span:hover { color: #111; border-bottom: solid 2px #111; }
.adm-wbfw-cont { margin-top: 60px; }
.adm-wbfw-cont .left-map { width: 50%; padding-top: 41.28895%; margin: 0 4% 0 1%; position: relative;}
.adm-wbfw-cont .left-map img { position: absolute; left: 0; top: 0; z-index: 1; }
.adm-wbfw-cont .right-select-box { width: 45%; height: 90%; border-left: solid 1px #dcdcdc; padding-left: 4%; box-sizing: border-box; position: relative; top: 5%; }
.adm-wbfw-cont .right-select-box .select-city { height: 50px; line-height: 50px; font-size: 16px; position: relative;}
.adm-wbfw-cont .select-city>em { display: block; width: 28%; background-color: #111; color: #fff; text-align: center; position: relative;}
.adm-wbfw-cont .select-city>em:after { content:''; display: block; width: 0; height: 0; border-top: solid 4px transparent; border-bottom: solid 4px transparent; border-left: solid 4px #111; position: absolute; right: -4px; top: 50%; margin-top: -2px; z-index: 2;}
.adm-wbfw-cont .select-city span { display: block; width: 72%; background-color: #fff; padding-left: 12%; box-sizing: border-box; position: relative; cursor: pointer;}
.adm-wbfw-cont .select-city span .icon-ads, .adm-wbfw-cont .select-result h4 i { width: 13px; height: 15px; background-position: -55px -65px; position: absolute; left: 10%; top: 50%; margin-top: -7px; }
.adm-wbfw-cont .select-city span .icon-jt { width: 13px; height: 8px; background-position: -5px -140px; position: absolute; right: 8%; top: 50%; margin-top: -4px; }
.adm-wbfw-cont .select-city .city-list { display: none; width: 72%; background-color: #fff; position: absolute; right: 0; top: 50px; z-index: 9;max-height:300px;overflow-x:hidden;overflow-y:scroll;}
.adm-wbfw-cont .select-city .city-list::-webkit-scrollbar {width:2px;}
.adm-wbfw-cont .select-city .city-list::-webkit-scrollbar-thum{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.adm-wbfw-cont .select-city .city-list p { padding-left: 16%; box-sizing: border-box; cursor: pointer; }
.adm-wbfw-cont .select-city .city-list p:hover { background-color: #c39a6b; color: #fff;}

.adm-wbfw-cont .select-result { max-height: 89%; overflow-y: auto; }
.adm-wbfw-cont .select-result ul li { padding: 8% 0; border-bottom: solid 1px #dcdcdc; }
.adm-wbfw-cont .select-result h4 { font-weight: 400; font-size: 18px; color: #111; padding-bottom: 2%; padding-left: 6%; position: relative;}
.adm-wbfw-cont .select-result h4 i { left: 0; top: 5px; margin-top: 0;}
.adm-wbfw-cont .select-result p { font-size: 15px; color: #666; padding-top: 10px; padding-left: 6%; }
.ads-move-box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9;}
.ads-move-box .ads-box01 { left: 50%; top: 49%;}
.ads-move-box .ads-box02 { left: 71%; top: 32%;}
.ads-move-box .ads-box03 { left: 74%; top: 44%;}
.ads-move-box .ads-box04 { left: 66%; top: 55%;}
.ads-move-box .ads-box05 { left: 56%; top: 62%;}
.ads-move-box .ads-box06 { left: 64%; top: 69%;}
.ads-move-box .ads-box07 { left: 73%; top: 65%;}
.ads-move-box .ads-box08 { left: 82%; top: 62%;}
.ads-move-box .ads-box09 { left: 78%; top: 72%;}
.ads-move-box .ads-box10 { left: 71%; top: 81%;}

 /*滚动条样式*/
.adm-wbfw-cont .select-result::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
.adm-wbfw-cont .select-result::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.adm-wbfw-cont .select-result::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

/*投诉建议*/
.adm-jianyi-cont { width: 66%; font-size: 16px; color: #666; }
.adm-jianyi-cont form>div { background-color: #fff; }
.adm-jianyi-cont .name, .adm-jianyi-cont .phone { width: 49%; height: 68px; position: relative;}
.adm-jianyi-cont input,
.adm-jianyi-cont textarea { display: block; width: 100%; height: 100%; padding: 0 6%; box-sizing: border-box;}
.adm-jianyi-cont .name i { width: 18px; height: 20px; background-position: -5px -165px; position: absolute; right: 6%; top: 50%; margin-top: -10px; }
.adm-jianyi-cont .phone i { width: 22px; height: 22px; background-position: -30px -165px; position: absolute; right: 6%; top: 50%; margin-top: -11px; }
.adm-jianyi-cont .jianyi { width: 100%; height: 290px; margin-top: 2%; position: relative;}
.adm-jianyi-cont textarea { padding: 2% 3%; resize: none; }
.adm-jianyi-cont .jianyi i { width: 19px; height: 19px; background-position: -55px -165px; position: absolute; right: 3%; top: 6%; }
.adm-jianyi-cont a.smt-btn { display: block; width: 100%; height: 68px; line-height: 68px; text-align: center; margin-top: 2%; background-color: #111; color: #fff; font-size: 16px; }
.adm-jianyi-cont a.smt-btn i { display: inline-block; width: 19px; height: 6px; background-position: -55px -5px; margin-left: 15px; position: relative; top: -2px; }

/*联系奥德曼*/
.adm-contact-box { width: 100%; background-color: #f3f3f3; }
.adm-contact-cont { top: -80px; background-color: #fff;}
.adm-contact-map { width: 50%; height: auto; padding: 5% 0 0 6%; box-sizing: border-box; position: relative;}
.adm-contact-map img, .adm-news-box img, .adm-about-wrap img { display: block; width: 100%; height: auto; }
.adm-contact-ads { width: 50%; padding: 5% 6%; border-top: solid 1px #e7e7e7; box-sizing: border-box;}
.adm-contact-ads01 { height: 359px; border-top: none 0;}
.adm-contact-ads02 { border-right: solid 1px #e7e7e7; }
.adm-contact-ads h3 { font-weight: 400; font-size: 30px; color: #111; padding-bottom: 25px; border-bottom: solid 1px #e7e7e7; margin-bottom: 25px; }
.adm-contact-ads h4 { font-size: 20px; color: #111; padding-left: 40px; padding-bottom: 12px; position: relative; font-weight:normal;}
.adm-contact-ads h4 i { width: 24px; height: 29px; background-position: -90px -165px; position: absolute; left: 0; top: 0; z-index: 2; }
.adm-contact-ads p {  font-size: 16px; color: #333; padding-top: 10px; padding-left: 40px;}
span.ads-box { display: block; width: 50px; height: 50px; background-color: rgba(17,17,17,.08); border-radius: 50%; position: absolute; left: 48%; top: 35%; z-index: 9; }
span.ads-box em { display: block; width: 25px; height: 25px; border-radius: 50%; border: solid 1px rgba(0,0,0,.3); position: absolute; left: 50%; top: 50%; margin: -12.5px 0 0 -12.5px; box-sizing: border-box;}
span.ads-box em:before { content: ''; display: block; width: 6px; height: 6px; background-color: #111; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin: -3px 0 0 -3px; }

/*新闻列表*/
.adm-news-box { padding: 50px 0; }
.adm-news-box ul { background-color: #fff; padding: 0 3.5% 3.5%; }
.adm-news-box ul li { padding-top: 3.5%;}
.adm-news-box ul li a { display: block; width: 100%; position: relative; overflow: hidden;}
.adm-news-box li .img-box { display: block; float: left; width: 20%; overflow:hidden;}
.adm-news-box li .txts { float: right; width: 76%; }
.adm-news-box li .txts em.time { color: #999; font-size: 12px; }
.adm-news-box li h3 { font-weight: bold; font-size: 18px; color: #111; padding: 2% 0 1.2%; }
.adm-news-box li p { font-size: 15px; height: 50px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.adm-news-box li a:after { content: ''; display: block; width: 76%; height: 1px; background-color: #e7e7e7; position: absolute; right: 0; bottom: 0; z-index: 3; }
.adm-news-box li a:before { content: ''; display: block; width: 19px; height: 6px; background: url(../images/Common/icons.png) no-repeat -55px -30px; position: absolute; right: 0; bottom: 10%; z-index: 2; }
.adm-news-box ul li:hover h3 { color: #c39a6b; }
.adm-news-box ul li:hover p { color: #333; }
/*翻页*/
.adm-pagination { width: 100%; height: 63px; line-height: 63px; margin: 50px 0; position: relative; }
.adm-pagination>a { display: block; width: 63px; height: 100%; text-indent: -9999px; position: absolute; top: 0; z-index: 1;}
.adm-pagination>a.prev-page { left: 0; }
.adm-pagination>a.next-page { right: 0; }
.adm-pagination>a:before,
.adm-pagination>a:after { content: ''; display: block; background: url(../images/Common/icons.png) no-repeat; position: absolute;}
.adm-pagination>a:before { width: 100%; height: 100%; background-position: -120px -100px; left: 0; top: 0; z-index: 1; }
.adm-pagination>a:after { width: 19px; height: 6px; background-position: -55px -18px; left: 50%; top: 
50%; margin: -3px 0 0 -10px; z-index: 2; }
.adm-pagination>a.next-page:after { background-position: -55px -30px; }
.adm-pagination>a:hover:before { background-position: -55px -100px; }
.adm-pagination>a.prev-page:hover:after { background-position: -55px -45px; } 
.adm-pagination>a.next-page:hover:after { background-position: -55px -5px; } 
.pagination-nums { width: 80%; height: 100%; text-align: center; position: absolute; left: 10%; top: 0; z-index: 2; }
.pagination-nums a { display: inline-block; width: 63px; height: 63px; color: #999; font-size: 14px;  }
.pagination-nums a.cur,.pagination-nums a:hover { background: url(../images/Common/icons.png) no-repeat -55px -100px; color: #fff; }

/*新闻详情*/
.adm-newsdetails-box { margin-bottom: 80px; }
.adm-newsdetails-box .news-tt-info { width: 100%; height: 160px; background-color: #c39a6b; margin-top: -160px; color: #fff; padding: 0 6%; box-sizing: border-box; position: relative;}
.adm-newsdetails-box .news-tt-info h3 { font-weight: 400; font-size: 26px; padding: 50px 0 22px; }
.news-tt-info .news-time { font-size: 14px; }
.news-tt-info .news-time span { padding-right: 50px; }
.news-tt-info .share-box {font-size: 14px;position: absolute;right: 6%;bottom: 35px;z-index: 2;}
.news-tt-info .share-box .browse i { display: inline-block; width: 21px; height: 14px; background-position: -150px -165px; margin-right: 6px; position: relative; top: 1px; }
.news-tt-info .share-box span { padding-left: 50px; }
.news-tt-info .share-box span span{padding-left:0;}
.news-tt-info .share-box .share a{margin:0;padding:0; color:#fff;cursor:pointer;float: none;font-size: 14px;background: none;}
.news-tt-info .share-box .share i {float:right;display: inline-block; width: 20px; height: 19px; background-position: -120px -165px; position: relative;margin-left: 6px; }
.adm-newsdetails-box .news-details .edit-cont { background-color: #fff; padding:30px 6%; box-sizing: border-box; font-size: 16px; color: #666; line-height: 30px; }
.news-details .edit-cont img { display: block; max-width: 100%; height: auto; margin: 20px auto; }
.news-page-box { width: 100%; height: 80px; line-height: 80px; background-color: #fff; border-top: solid 1px #f2f2f2; font-size: 15px; position: relative; }
.news-page-box .prev-article,.news-page-box .next-article{ width: 30%; height: 100%; color: #666;  box-sizing: border-box; position: absolute; top: 0; z-index: 2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news-page-box a:hover { color: #111; }
.news-page-box .prev-article { left: 0; }
.news-page-box .next-article { right: 0; text-align: right;}
.news-page-box a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-page-box .prev-article a {padding-left: 22%; background:url(../images/Common/page_prev.png) no-repeat 10% center;}
.news-page-box .next-article a {padding-right: 22%; background:url(../images/Common/page_next.png) no-repeat 90% center;}
.news-page-box .news-center-icon { display: block; width: 21px; height: 21px; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px; background-color: #111; }
.news-page-box .news-center-icon a{display: block; width: 21px; height: 21px; }
.news-page-box .news-center-icon:before,
.news-page-box .news-center-icon:after { content: ''; display: block; background-color: #fff; position: absolute; z-index: 2; }
.news-page-box .news-center-icon:before { width: 100%; height: 4px; left: 0; top: 50%; margin-top: -2px;}
.news-page-box .news-center-icon:after { width: 4px; height: 100%; top: 0; left: 50%; margin-left: -2px;}

/*相关新闻*/
.related-news { margin-bottom: 80px; }
.related-news h3 { font-weight: 400; font-size: 30px; color: #111; text-align: center; }
.related-news ul { width: 100%; margin-top: 60px; }
.related-news ul li { float: left; width: 31.333333%; padding-bottom: 5%; border-bottom: solid 1px #dcdcdc;}
.related-news ul li:nth-child(2) { margin: 0 3%; }
.related-news li .time { font-size: 12px; color: #999; }
.related-news li h4 { font-weight: 400; font-size: 18px; color: #111; padding: 5% 0 4%; }
.related-news li h4 a { color: #111; }
.related-news ul li p { font-size: 15px; color: #666; line-height: 24px;height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.related-news ul li:hover a { color: #c39a6b; }

/*关于奥德曼*/
.adm-about-nav a { width: 16.666666%; }
.adm-ppjs-box { background-color: #fff; margin-top: 60px; }
.adm-ppjs-cont { margin-top: 50px; border-top: solid 1px #e7e7e7; }
.adm-ppjs-cont .img-box-no { display: block; width: 44%; height: auto; overflow: hidden; }
.adm-ppjs-cont .txts { width: 50%; height: 403px; font-size: 15px; color: #333; padding-top: 1%; box-sizing: border-box; overflow: hidden;}
.adm-ppjs-cont .txts p { padding-bottom: 3%; line-height: 24px;text-align: justify; }
.grow-numbers { width: 100%; border-top: solid 1px #e7e7e7; padding: 60px 0; }
.grow-numbers>span { display: block; width: 25%; text-align: center; color: #111;}
.grow-numbers>span strong { display: block; font-size: 42px;}
.grow-numbers>span>em { display: block; font-size: 16px; padding-top: 12px; }
.grow-numbers>span p { display: inline-block; position: relative; }
.grow-numbers>span p em { position: absolute; right: -12px; top: 0; z-index: 2; }

/*大师团队*/
.adm-master-team { width: 100%; background-color: #e8e8e8; padding: 60px 0 50px; }
.adm-master-cont ul li {float: left;width: 285px;height: 280px;background-color: #fff;padding-bottom: 3.333%;position: relative;overflow: hidden;margin-right: 20px;}
.adm-master-cont ul li>span.img-box { display: block; width: 100%; overflow: hidden; }
.adm-master-cont ul li>p { color: #111; font-size: 24px; padding: 8% 10% 2%; }
.adm-master-cont ul li>span.intro { display: block; font-size: 15px; color: #666; padding: 0 10%; }
.adm-master-cont ul li>i { width: 19px; height: 6px; background-position: -55px -30px; position: absolute; right: 10%; bottom: 11.5%; z-index: 3;}
.adm-master-cont ul li .team-intro{width: 100%;height: 100%;padding: 12% 10%;box-sizing: border-box;background: url(../images/Inpage/master_h_bg.jpg) no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;z-index: 99;}
.adm-master-cont ul li .team-intro span { display: block; font-size: 20px; color: #fff; padding-bottom: 8%; }
.adm-master-cont ul li .team-intro p { color: #fff; font-size: 14px; line-height: 26px; }
.adm-master-cont .detailed-intro { width: 100%; height: 100%; padding: 4% 10%; box-sizing: border-box; background: url(../images/Inpage/master_h_bg.jpg) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: 99; -webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);overflow: hidden;}
.adm-master-cont .detailed-intro span { display: block; font-size: 20px; color: #fff; padding-bottom: 8%; }
.adm-master-cont .detailed-intro p { color: #fff; font-size: 13px; line-height: 20px; text-align: justify;}
/*.adm-master-cont .detailed-intro p.p6{ line-height: 18px; }*/
.adm-master-cont .detailed-intro:after,.adm-master-cont .team-intro:after { content: ''; display: block; width: 23px; height: 2px; background-color: #fff; position: absolute; left: 10%; bottom: 12%; z-index: 3; }
.adm-master-cont ul li:hover .detailed-intro {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
}

.adm-master-cont{position:relative;}
.adm-master-cont .prev,.adm-master-cont .next{position:absolute;z-index:99;top:50%;margin-top:-32px;width:63px;height:63px;cursor:pointer;background: url(../images/Common/icons.png) no-repeat -120px -100px;}
.adm-master-cont .prev{left:-80px;}
.adm-master-cont .next{right:-80px;}
.adm-master-cont .prev i,.adm-master-cont .next i { width: 21px; height: 9px; margin: 27px auto 0;}
.adm-master-cont .prev i { background-position: -150px -5px; }
.adm-master-cont .next i { background-position: -120px -5px; }
.adm-master-cont .prev:hover,.adm-master-cont .next:hover{ background-position: -55px -100px; }
.adm-master-cont .prev:hover i { background-position: -150px -18px; }
.adm-master-cont .next:hover i { background-position: -120px -18px; }


/*生产基地*/
.adm-scjd-wrap { padding-top: 80px; background-color: #e8e8e8;}
.adm-scjd-cont { margin-top: 50px; height: 462px; position: relative;}
.adm-scjd-cont .scjd-nav {width: 148px;height: 84%;background-color: rgba(0,0,0,.9);position: absolute;left: 0%;top: -30px;z-index: 3;padding-top: 30px;box-sizing: border-box;}
.adm-scjd-cont .scjd-imgs-box { width: 100%; height: 100%; position: relative; }
.adm-scjd-cont .scjd-imgs-box img { display: block; width: 100%; height: auto;}
.adm-scjd-cont .scjd-nav span { display: block; height: 25%; color: #fff; font-size: 16px; border-bottom: solid 1px rgba(255,255,255,.1); box-sizing: border-box; position: relative; cursor: pointer; }
.adm-scjd-cont .scjd-nav span em {display: block;position: absolute;left: 30px;top: 50%;margin-top: -10px;}
.adm-scjd-cont .scjd-nav span i {width: 23px;height: 23px;background-position: -30px -30px;position: absolute;left: 3px;top: 50%;margin-top: -11.5px;z-index: 2;}
.adm-scjd-cont .scjd-nav span:hover, .adm-scjd-cont .scjd-nav span.cur { background-color: #c39a6b; }
.adm-scjd-cont .scjd-nav span:hover i, .adm-scjd-cont .scjd-nav span.cur i { background-position: -90px -5px; }

/*2019-7-4 pengjin*/
.scjd-slide{position:relative;width:1200px;height:462px;overflow:hidden;}
.scjd-slide .arrow{position:absolute;right:0;bottom:0;width:241px;height:120px;background-color:rgba(0,0,0,0.8);}
.scjd-slide .arrow:after{position:absolute;display:block;top:20px;left:120px;width:1px;height:80px;content:"";background:rgba(195,154,107,0.1);}
.scjd-slide .sprev,.scjd-slide .snext{position:absolute;top:0;width:120px;height:120px;cursor:pointer;}
.scjd-slide .sprev{left:0;background:url(../images/Inpage/scjd_prev.png) no-repeat center;}
.scjd-slide .snext{right:0;background:url(../images/Inpage/scjd_next.png) no-repeat center;}
.scjd-slide .sprev:hover,.scjd-slide .snext:hover{background-color:rgba(0,0,0,0.5);}

/*品牌历程*/
.adm-pplc-wrap { width: 100%; padding: 80px 0; background: url(../images/Inpage/about_p5_bg.jpg) no-repeat center top; background-size: cover; }
.adm-pplc-wrap .adm-tt h2, .adm-pplc-wrap .adm-tt span { color: #fff; }
.adm-pplc-box { margin-top: 50px; border-top: solid 1px rgba(255,255,255,.1); position: relative;}
.adm-pplc-box .prev-btn,
.adm-pplc-box .next-btn { display: block; width: 6%; height: 254px; position: absolute; top: 50px; cursor: pointer;}
.adm-pplc-box .prev-btn { left: 0; }
.adm-pplc-box .next-btn { right: 0; }
.adm-pplc-box .prev-btn i,
.adm-pplc-box .next-btn i { width: 19px; height: 6px; position: absolute; top: 50%; margin-top: -3px; }
.adm-pplc-box .prev-btn i { left: 0; background-position: -55px -45px; }
.adm-pplc-box .next-btn i { right: 0; background-position: -55px -5px; }
.adm-pplc-cont { width: 88%; padding: 3.5% 0; margin: 0 auto; overflow: hidden;}
.adm-pplc-cont>div { width: 50000px; position: relative; overflow: hidden;}
.adm-pplc-cont .adm-pplc-infos { height: 330px; }
.adm-pplc-cont .img-box {position:relative;width: 450px;overflow: hidden;height: 330px;}
.adm-pplc-cont .img-box .bd li{overflow:hidden;}
.adm-pplc-cont .img-box .bd li img{display:block;width:100%;}
.adm-pplc-cont .img-box .hd{position:absolute;z-index:9;left:0;bottom:0;width:100%;padding:10px;height:30px;text-align:right;background:rgba(0,0,0,0.5);    box-sizing: border-box;}
.adm-pplc-cont .img-box .hd li{display:inline-block;margin:0 5px;width:10px;height:10px;text-indent:9999px;cursor:pointer;background:#fff;border-radius:50%;}
.adm-pplc-cont .img-box .hd li.cur{background-color:#c39a6b;}
.adm-pplc-cont .txts { width: 60%; height: 100%; color: #fff; padding: 0 4%; box-sizing: border-box; border-right: solid 1px rgba(255,255,255,.1);}
.adm-pplc-cont .txts span { display: block; font-size: 30px;  padding-bottom: 1%; }
.adm-pplc-cont .txts p { font-size: 14px; line-height: 25px; text-align: justify;}
.adm-pplc-box .years-box { width: 100%; font-size: 13px; color: #666; border-top: solid 1px rgba(255,255,255,.1); padding: 4% 2% 0; box-sizing: border-box;text-align: center;}
.adm-pplc-box .years-box .year { width: 8%; text-align: center; cursor: pointer;display: inline-block;}
.adm-pplc-box .years-box .year span { display: block; width: 23px; height: 50px; margin: 15px auto 0; position: relative;}
.adm-pplc-box .year span:before { content: ''; display: block; width: 1px; height: 100%; background-color: rgba(255,255,255,.1); position: absolute; left: 11px; top: 0; z-index: 1; }
.adm-pplc-box .year span i { width: 23px; height: 23px; background-position: -30px -30px; position: absolute; left: 0; top: -11px; z-index: 2; }
.adm-pplc-box .year.cur { color: #fff; }
.adm-pplc-box .year.cur span:before { background-color: #fff; }
.adm-pplc-box .year span i {
  opacity: 0;
  -webkit-transform:translateY(46px);
  -moz-transform:translateY(46px);
  -ms-transform:translateY(46px);
  transform:translateY(46px);
}
.adm-pplc-box .year.cur span i { 
  opacity: 1;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
}
@media(max-width:1600px){
.adm-pplc-cont .txts{width:59%;}
}

/*品牌荣誉*/
.adm-honors-wrap { background-color: #e8e8e8; padding: 60px 0 50px; }
.adm-honors-cont ul li { float: left; width: 285px; margin-right:20px;background-color: #fff;}
.adm-honors-cont ul li .img-box { display: block; width: 100%; overflow: hidden; }
.adm-honors-cont ul li p { height: 56px; line-height: 56px; font-size: 14px; color: #666; text-align: center; border-top: solid 1px #f2f2f2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.adm-honors-cont .more{clear: both;margin-top:30px;line-height: 25px;font-size:15px;color:#999;cursor: pointer;text-align: center;}

.adm-honors-cont{position:relative;}
.adm-honors-cont .prev,.adm-honors-cont .next{position:absolute;z-index:99;top:50%;margin-top:-32px;width:63px;height:63px;cursor:pointer;background: url(../images/Common/icons.png) no-repeat -120px -100px;}
.adm-honors-cont .prev{left:-80px;}
.adm-honors-cont .next{right:-80px;}
.adm-honors-cont .prev i,.adm-honors-cont .next i { width: 21px; height: 9px; margin: 27px auto 0;}
.adm-honors-cont .prev i { background-position: -150px -5px; }
.adm-honors-cont .next i { background-position: -120px -5px; }
.adm-honors-cont .prev:hover,.adm-honors-cont .next:hover{ background-position: -55px -100px; }
.adm-honors-cont .prev:hover i { background-position: -150px -18px; }
.adm-honors-cont .next:hover i { background-position: -120px -18px; }


.adm-procen-box ul li h2,
.adm-procen-box li span:before,
.adm-procen-box li span:after,
.adm-procen-box li span i,
.adm-procen-box li img,
.adm-prolist-infos ul li img,
.adm-xgpro-box li p,
.img-box img,
.adm-prodetails-btns>a,
.adm-ques-cont li em,
.adm-news-box li a,
.related-news ul li,
.adm-master-cont .detailed-intro,
.adm-scjd-cont .scjd-nav span,
.adm-scjd-cont .scjd-nav span i,
.adm-pplc-box .year span i,
.adm-procen-box li span.img-box:after,
.adm-prolist-infos li .intro a.know-more {
  -webkit-transition:all .5s ease-out; 
  -moz-transition:all .5s ease-out; 
  transition:all .5s ease-out;
}

.adm-news-box ul li:hover a { 
  -webkit-transform:translateX(-6px); 
  -moz-transform:translateX(-6px); 
  -ms-transform:translateX(-6px); 
  transform:translateX(-6px); 
}
.related-news ul li:hover { 
  -webkit-transform:translateY(-6px); 
  -moz-transform:translateY(-6px); 
  -ms-transform:translateY(-6px); 
  transform:translateY(-6px); 
}

.adm-procen-box li:hover img,
.img-box:hover img { 
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08); 
}
.adm-procen-box li:hover span.img-box:after {
  opacity: 1;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
}

@media screen and (min-width: 1600px){
  .width1200 { width: 1400px;}
  .adm-product-center { height: 880px; }
  .adm-prolist-infos ul li,
  .adm-prodetails-intro { height: 500px; }
  .adm-jianyi-cont .jianyi { height: 363px; }
  .adm-contact-ads01 { height: 419px; }
  .adm-ppjs-cont .txts { height: 470px; padding-top: 5%; }
  .adm-ppjs-cont .txts p { padding-bottom: 4%; line-height: 28px; text-align: justify;}
  .adm-scjd-cont { height: 539px; }
  .adm-pplc-cont .adm-pplc-infos { height: 330px; }
  .adm-pplc-box .prev-btn,
  .adm-pplc-box .next-btn { height: 297px; }
  .scjd-slide{width:1400px;}
  .adm-master-cont ul li,.adm-honors-cont ul li{margin-right:30px;width:322px;}
}

span.ads-box { -webkit-animation: circlemove 1.5s ease-out both infinite; animation: circlemove 1.5s ease-out both infinite; }
span.ads-box:nth-child(odd) { -webkit-animation-delay:.5s; animation-delay:.5s; }

@-webkit-keyframes circlemove {
  0%,100%;{
    -webkit-transform: scale(1);
    opacity: 1;
  }
  50%{
    -webkit-transform: scale(.6);
    opacity: .6;
  }
}
@-moz-keyframes circlemove {
  0%,100%;{
    -moz-transform: scale(1);
    opacity: 1;
  }
  50%{
    -moz-transform: scale(.6);
    opacity: .6;
  }
}
@keyframes circlemove {
  0%,100%;{
    transform: scale(1);
    opacity: 1;
  }
  50%{
    transform: scale(.6);
    opacity: .6;
  }
}



/*-- Pengjin 2019 -7 -5--*/
.adm-intro-info .attr{overflow:hidden;}
.adm-intro-info .attr .text{float:left;width:47%;font-size:14px;color:#666;border-right:#e7e7e7 solid 1px;}
.adm-intro-info .attr dd{margin-top:7px;height:20px;line-height:20px;overflow:hidden;}
.adm-intro-info .attr dd em{display:inline-block;margin-right:5px;width:20px;height:20px;text-align:center;font-size:12px;color:#fff;background:#c39a6b;border-radius:50%;}
.adm-intro-info .attr .pic{float:right;width:52%;overflow:hidden;}
.adm-intro-info .attr .pic img{display:block;width:100%;}

.p-aboutus{padding-top:80px;overflow:hidden; padding-bottom: 40px;}
.p-aboutus .pic{float:left;width:600px;overflow:hidden;background:#323232;}
.p-aboutus .pic img,.p-aboutus .pic video{display:block;width:100%;}
.p-aboutus .text{padding-left:40px;overflow:hidden;}
.p-aboutus .text .subTit{height:50px;line-height:25px;font-size:16px;color:#000;}
.p-aboutus .text .tit{margin-top:10px;height:35px;line-height:35px;font-size:24px;font-weight:normal;color:#000;}
.p-aboutus .text .summary{margin-top:26px;line-height:28px;font-size:14px;text-align: justify;}
.p-aboutus .text2{padding-top:20px;clear:both;line-height:28px;font-size:14px;overflow:hidden;text-align: justify;}
@media(max-width:1600px){
.p-aboutus .text .summary{margin-top:16px;line-height:23px;}
}

/*产品详情*/
.Details .item{float:left;width:32.19%;padding:50px 0;text-align:center;margin:0 .5%;border:1px solid #eee;transition:all .5s}
.Details .item:hover{box-shadow:0px 0px 10px #ddd}
.Details .item h3{font-weight:normal;color:24px;;;line-height:28px}
.Details .item h3 span{font-size:18px;color:#666;}
.Details .item  p{font-size:16px;margin-top:15px;color:#666;line-height:24px;padding:0 30px;}


/*产品价格列表*/
.adm-proPrice{margin:50px 0;}
.adm-proPrice ul.title{border-top:1px solid #ddd;border-left:1px solid #ddd;font-size:18px;background:#111;color:#fff}
.adm-proPrice ul{border-left:1px solid #ddd;font-size:15px;cursor:pointer}
.adm-proPrice li{float:left;line-height:30px;box-sizing:border-box;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:10px;text-align:center;width:12%;}
.adm-proPrice li.li1{width:20%;}
.adm-proPrice li.li7{width:20%;text-align:left}
.adm-proPrice ul.title li.li7{text-align:center}
.adm-proPrice ul:hover{background-color:#fff5e9}
.adm-proPrice ul.title:hover{background:#111;}


.product-show{overflow:hidden;}
.product-intro{overflow:hidden;}
.product-zoom{position:relative;float:left;width:352px;}
.product-zoom .layerBox{display:none;position:absolute;z-index:999;left:110%;top:0;width:400px;height:400px;border:#f0f0f0 solid 1px;overflow: hidden;background: #fff;}
.product-zoom .layerBox img{display:block;position:absolute;width:700px;}
.product-zoom .bigImg{position:relative;width:350px;height:350px;overflow:hidden;border:#e4e4e4 solid 1px;background:#fff;}
.product-zoom .bigImg .smallBox{position:relative;width:350px;height: 350px;}
.product-zoom .bigImg .smallBox img{display:block;width:350px;height:350px;}
.product-zoom .bigImg .smallBox .focusBox{display:none;position:absolute;z-index:10;width:225px;height:225px;background:rgba(0,0,0,0.2);cursor:pointer;border: #f0f0f0 solid 1px;}
.product-zoom .thumb-list{margin-top:10px;width:362px;overflow:hidden;}
.product-zoom .thumb-list li{position:relative;float:left;margin-right:10px;width:58px;height:58px;cursor:pointer;border:#f0f0f0 solid 2px;background:#fff;}
.product-zoom .thumb-list li img{display:block;width:100%;}
.product-zoom .thumb-list li.cur,.product-zoom .thumb-list li:hover{border-color:#c39a6b;}
.product-info{position: relative;float:right;width:480px;height:320px;overflow:hidden;}
.product-info h1{padding-bottom:38px;height:20px;line-height:52px;font-weight:normal;font-size:24px;color:#333;overflow:hidden;border-bottom:#e4e4e4 solid 1px;}
.product-info .summary{padding:15px 0 34px;overflow:hidden;}
.product-info .summary p{line-height:30px;font-size:15px;color:#333;}
.product-info .attr{padding:0px 0 6px;overflow:hidden;}
.product-info .attr p{height:24px;line-height:32px;font-size:15px;color:#333;}
.product-info .attr p span{color:#666;}
.product-info .zxBox{overflow:hidden;position:absolute;left:0;bottom: 1px;}
.product-info .zxBox a{display:block;width:120px;height:32px;line-height:32px;text-align:center;font-size:15px;color:#fff;background:#c39a6b;border-radius:5px;}
.product-info .pic{margin-top:4px;overflow:hidden;}
.product-editorBox{margin-top:40px;overflow:hidden;}
.product-editorBox p{font-size:14px;line-height:1.25;color:#666;}
.product-editorBox p img{display:block;width:100%;}

.sbuBox-pro{margin-top:20px;overflow:hidden;border:#e4e4e4 solid 1px;}
.sbuBox-pro .hd{position:relative;background:#c39a6b;}
.sbuBox-pro .hd h3{position:relative;padding-left:20px;line-height:45px;font-weight:normal;font-size:18px;color:#fff;}
.sbuBox-pro .hd h3:before{display:block;position:absolute;left:10px;top:50%;margin-top:-8px;width:2px;height:16px;content:"";background:#fff;}
.sbuBox-pro .bd{padding:20px;overflow:hidden;}
.sbuBox-pro .bd .item{margin-bottom:16px;overflow:hidden;}
.sbuBox-pro .bd .pic{overflow:hidden;}
.sbuBox-pro .bd .pic img{display:block;width:100%;transition:all .5s;}
.sbuBox-pro .bd .tit{margin-top:6px;height:30px;line-height:30px;font-size:14px;text-align:center;overflow:hidden;}
.sbuBox-pro .bd .tit a{color:#333;}
.sbuBox-pro .bd .item:hover .pic img{transform:scale(1.1);}
.sbuBox-pro .bd .item:hover .tit a{color:#c39a6b;}
@media screen and (min-width: 1600px){
.product-zoom{width:452px;}
.product-zoom .layerBox{width:450px;height:450px;}
.product-zoom .layerBox img{display:block;position:absolute;width:900px;}
.product-zoom .bigImg{width:450px;height:450px;}
.product-zoom .bigImg .smallBox,.product-zoom .bigImg .smallBox img{width:450px;height:450px;}
.product-zoom .thumb-list{width:462px;}
.product-zoom .thumb-list li{width:78px;height:78px;}
.product-info{width:580px;height: 452px;}
}

/*--钢琴详情--*/
.piano-intro{overflow:hidden;}
.piano-intro .top{margin-bottom:12px;overflow:hidden;background:#000;}
.piano-intro .list{margin:0 -6px;overflow:hidden;}
.piano-intro .item{float:left;margin:0 6px;width:calc(50% - 12px);background:#c39a6c;}
.piano-intro .top .pic,.piano-intro .item .pic{overflow:hidden;}
.piano-intro .top .pic img,.piano-intro .item .pic img{display:block;width:100%;}
.piano-intro .top .text{padding:32px 30px;overflow:hidden;}
.piano-intro .item .text{padding:32px 35px;overflow:hidden;}
.piano-intro .top dl,.piano-intro .item dl{height:50px;color:#fff;overflow:hidden;}
.piano-intro .top dt{float:left;width:130px;line-height:50px;font-size:30px;border-right:rgba(255,255,255,0.1) solid 1px;}
.piano-intro .item dt{float:left;width:86px;line-height:50px;font-size:24px;border-right:rgba(255,255,255,0.1) solid 1px;}
.piano-intro .top dd{padding-left:18px;line-height:20px;font-size:15px;overflow:hidden;}
.piano-intro .item dd{padding-left:20px;line-height:20px;font-size:15px;overflow:hidden;}
.piano-intro .item p,.piano-intro .top p{color:#fff;}
@media(max-width:1200px){
.piano-intro .list{margin:0;}
.piano-intro .item{float:none;margin:0 0 12px;width:100%;}
.piano-intro .item:last-child{margin-bottom:0;}
.piano-intro .top .text,.piano-intro .item .text{padding:20px 10px;}
.piano-intro .top dl,.piano-intro .item dl{height:95px;}
.piano-intro .top dt,.piano-intro .item dt{width:60px;font-size:24px;line-height:60px;}
.piano-intro .top dd{padding-left:18px;line-height:16px;font-size:14px;}
}
/*--end 钢琴详情--*/

/*--article-pager--*/
.article-pager{position:relative;margin-top:30px;font-size:14px;overflow:hidden;}
.article-pager .arrow{width:500px;overflow:hidden;}
.article-pager .arrow .prev,.article-pager .arrow .next{height:30px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.article-pager .arrow a{color:#333;}
.article-pager .arrow a:hover{color:#c39a6b;}
.article-pager .backlist{position:absolute;right:0;top:50%;margin-top:-20px;height:40px;line-height:40px;}
.article-pager .backlist a{color:#333;}
.article-pager .backlist a:hover{color:#c39a6b;}
/*--end article-pager--*/

/*page02*/
.page02-wrap { background-color: #fff; padding: 6% 0; position: relative;}
.page02-wrap span.page02-bg { display: block; width: 48.8%; padding-top: 61%; position: absolute; left: 0; top: 0; z-index: 1;}
.page02-wrap span.page02-bg:before { content: ''; display: block; width: 100%; height: 100%; background: url(../images/Index/p2_bg.png) no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1; }
.page02-wrap .page02-box { z-index: 9; }
.page02-wrap .page02-cont01 .page02-switch-cont { width: 65%; }
.adm-tt { text-align: center; }
.adm-tt h2 { font-weight: 400; font-size: 36px; color: #111;}
.adm-tt p { font-size: 18px; color: #333; }
.page02-cont01 .txts-infos .adm-tt { text-align: center; }
.page02-wrap .page02-switch { width: 100%; height: 130px; position: absolute; bottom: 0; left: 0; }
.page02-wrap .page02-switch:before { content: ''; display: block; width: 100%; height: 1px; background-color: #111; position: absolute; left: 0; top: 50%; }
.page02-wrap .page02-switch em { font-size: 14px; position: absolute; left: 0; }
.page02-wrap .page02-switch em.cur-num { color: #111; top: 36px; }
.page02-wrap .page02-switch em.total-num { color: #ccc; bottom: 36px;}
.page02-wrap .page02-switch span { display: block; width: 63px; height: 63px; position: absolute; right: 0; background: url(../images/Common/icons.png) no-repeat -120px -100px; cursor: pointer;}
.page02-wrap .page02-switch span.next-btn { top: 0; }
.page02-wrap .page02-switch span.prev-btn { bottom: 0; }
.page02-wrap .page02-switch span i { width: 21px; height: 9px; margin: 27px auto 0;}
.page02-wrap .page02-switch span.next-btn i { background-position: -120px -5px; }
.page02-wrap .page02-switch span.prev-btn i { background-position: -150px -5px; }
.page02-wrap .page02-switch span:hover { background-position: -55px -100px; }
.page02-wrap .page02-switch span.next-btn:hover i { background-position: -120px -18px; }
.page02-wrap .page02-switch span.prev-btn:hover i { background-position: -150px -18px; }
.page02-switch-cont{ height: 100%; position: relative; }
.page02-switch-infos { height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.page02-switch-infos:not(:first-child) { display: none; }
.page02-switch-cont a.img-box { display: block; width: 56%; height: 100%; overflow: hidden; }
.page02-switch-cont a.img-box img { display: block; width: 100%; height: auto;}
.page02-switch-cont .txts { width: 44%; height: 100%; color: #111; background-color: #c39a6b; padding: 5% 4% 0 5%; box-sizing: border-box; position: relative;}
.page02-switch-cont .txts .time { font-size: 12px; }
.page02-switch-cont .txts h3 { font-weight: 400; font-size: 20px; padding: 8% 0;}
.page02-switch-cont .txts a { color: #111;}
.page02-switch-cont .txts p { font-size: 14px; line-height: 24px; height: 42%; overflow: hidden; }
.page02-switch-cont .txts>a { border-color: #111; position: absolute; bottom: 7%; left: 11%;}
.page02-switch-cont .txts>a:hover { background-color: #111; color: #fff; }
.page02-switch-cont .txts>a:after { background-position: -55px -30px; }
.page02-switch-cont .txts>a:hover:after { background-position: -55px -5px; }
.page02-cont02 { margin-top: 3.5%; border-top: solid 1px #e7e7e7; padding-top: 3.5%;}
.news-list{overflow: hidden;}
.news-list .item{margin-right:50px;float:left;width:366px;overflow:hidden;}
.news-list .pic{overflow:hidden;}
.news-list .pic img{display:block;width:100%;transition:all 1s;}
.news-list .text{padding-top:20px;overflow:hidden;}
.news-list .text em{display:block;font-size:14px;color:#999;height: 42px;line-height: 40px;font-weight: bold;}
.news-list .text em i{display:block;float:left;margin-right:10px;width:46px;height:42px;text-align:center;font-size:16px;font-weight: bold;color:#333;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAqCAYAAADMKGkhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZWM0ZmNlOC0wNjYwLWU4NGMtYjJkZi0yZTdkNTQ5ODFiM2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NURGNDVBMkM1MjVBMTFFQjhGNjc5MkVDMDdFRjA3MTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NURGNDVBMkI1MjVBMTFFQjhGNjc5MkVDMDdFRjA3MTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTI0MmFmNWQtNDUyZi02MTRlLTllNGUtZjdkNTNhM2IzMDZkIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjAzNWRlYzEtYjU4ZC02NjQxLWE5OGYtYTM4YmI0NDk3MDdiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0ppJcQAAARJJREFUeNrs2T1rwlAUxvGTEEmgi4udFEepi5ZWnPtJ8yX8AF19qxREcZR2cqh2E0rU55BTyCAuSSBXngv/kO3+uDfJkOvFceyLSBc1UU2qPf7QN1oFuDyhB/SOjhWHR6iHOrraLfTpAFrMqNa2b4+HC+gsvuaLo4NwwgknnHDCCSeccMIJJ5xwwgknnHDCCSf87uD6lz9yyByqWeFfkv7lDx1B99FWj1LWkp4BvUm+M6ATmqLdjd0doMccc/yfAW0Cm3Bp5Rl1NESLK3hFv6AEjdC5Si/nAY1tK7Or6qFnu/8oAl3GV+Vgj4viG4bWe93Zue1uISMo4QXaoxl6Rb+2OJMi0WV+x38ML4ZOip7gIsAAt6gwNqkbTSgAAAAASUVORK5CYII=)}
.news-list .text h3{margin-top:10px;height:30px;line-height:30px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: normal;}
.news-list .text h3 a{color:#333;}
.news-list .text p{margin:10px 0;height:50px;line-height:25px;font-size:14px;color:#333;overflow:hidden;}
.news-list .btns{padding-top:10px;overflow:hidden;}
.news-list .btns a{color:#333;font-size:14px;font-weight:bold;}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text h3 a{color:#c39a6b;}
.page02-cont02 .hd{padding-top:30px;text-align:center;overflow:hidden;}
.page02-cont02 .hd li{display:inline-block;margin:0 5px;width:10px;height:10px;text-indent:-9999px;background:#333;border-radius:50%;}
.page02-cont02 .hd li.cur{background:#c39a6b;}
@media screen and (min-width: 1600px){
.news-list .item{margin-right:60px;width:430px;}
}