body{color:#333;font-family:-apple-system,sans-serif,Helvetica,Arial,"Times New Roman";background-color:#f5f5f5;-webkit-font-smoothing:antialiased}
.wall{max-width:1420px;margin:auto;position:relative}
a{color:var(--maincolor,#39c);text-decoration:none}
a:hover{color:#369}
img{border:none;max-width:100%}
.tr{text-align:right}
.tc{text-align:center;}
.txt_ell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fr{float:right}
.fl{float:left}
.fn{clear:both}
.dn{display:none}
.wall:after,.clearfix:after{content:"";clear:both;display:block}
.wp40{width:20%;float:left;min-height:50px;position:relative}
.wp60{width:79%;float:left;margin-left:1%}
.pa20{padding:20px}
.head{background-color:var(--maincolor,#39c);color:#fff;left:0;padding-top:8px;top:0;width:100%;z-index:10000}
.head .tophide{margin-bottom:8px}
.head.fixed .menu{position:fixed;top:0;left:0;right:0;z-index:2;box-shadow:0 0 1em #0003}
.iconsapp img{width:26px;height:26px;margin:0 4px;border-radius:50%;overflow:hidden; filter:invert(100%)}
.logo img{height:50px;padding:10px}
.language {right: 0;}
.language b{color:#333;}
.headright{float:right;margin-right:6.5em}
.headright .slogan{float:right; padding:0 1em;line-height:2;white-space:nowrap}
.search{border-radius:1em;background-color:#fff;overflow:hidden; border:2px solid #fff;}
.search input{outline:none;padding:3px 10px;width:20em; transition:width 0.3s;}
.search button{background-color:#333;padding:3px 8px;color:#fff;border-radius:1em}
/*.search input:focus{width:15em;}*/
.menu{background-color:#fff;overflow-x:auto;white-space:nowrap;text-align:right; text-transform: capitalize;}
.menu p a{color:var(--maincolor,#39c);display:inline-block;position:relative;padding:1em 5px;margin:0 1em;white-space:nowrap;font-size:1.15em}
.menu p a:after{content:"";position:absolute;left:0;width:0;border-bottom:4px solid var(--act-color,#39c);bottom:10px;transition:width 0.2s}
.menu p a:hover,.menu p a.cur{color:var(--act-color,#39c)}
.menu p a:hover:after,.menu p a.cur:after{width:100%}
.focus .bd li a{padding:36vh 0 !important; }
.caption{position:absolute;top:50%;left:50px;width:550px;text-align:left;background:rgba(0,0,0,0.8);padding:1.5em}
.caption h2{color:#fff;margin-bottom:0.5em}
.caption p{margin:0;line-height:1.5em;font-size:1.05em;color:#999;font-family:monospace}
#products li{float:left;width:20%; padding:1.5%; transition:all .3s;}
#products img{margin:auto;border-radius:0.5em;}
#products li:hover{transform:scale(1.1)}
#products .price{color:#e82b4b;height:1em;font-size:1.25em}
.homelist{padding:3em 0}
.homelist h2{white-space:nowrap}
.homelist h2 span{display:block;font-size:2em;line-height:1.2;text-align:center;text-transform:uppercase}
.homelist h2 p{overflow:auto;text-align:right;padding-right:0.5em;font-size:14px;vertical-align:middle;font-weight:normal}
.homelist h2 p a{color:#777;display:inline-block;margin-left:1em;padding:5px;border:1px solid #ddd}
.homelist li{padding:1em 0}
.homelist .list-img{float:left;width:40%;margin-right:10px}
.homelist .list-memo{font-size:12px;height:5.5em;text-align:justify;text-indent:2em;overflow:hidden;color:#999}
.homelist .list-time{text-align:right;border-bottom:1px solid #ddd;font-size:12px;line-height:2}
#news{background-color:#fff}
#news li{float:left;width:33.33%;padding:1em;box-sizing:border-box}
#news li:hover h3{color:var(--act-color,#f90)}
.contact{padding:100px 0;background-color:rgba(238,238,238,0.8);position:relative}
.contact .form-control{width:100%;background-color:#eee;margin-bottom:1em;border:1px solid #ccc;border-radius:5px;padding:5px;box-sizing:border-box;resize:none}
.contact .fr{line-height:2}
.contact .btn{background-color:var(--act-color,#f60);border:none;color:#fff;line-height:2}
.contact h2{margin-bottom:2em;position:relative}
.contact h3{margin-top:10%}
.homelinks{background-color:#f5f5f5;padding:2em 0}
.homelinks .wall div{column-count:6;margin-bottom:2em}
.homelinks a{display:block;margin-bottom:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .5s}
.link_pic img{height:6em;opacity:.75;padding:.25em;transition:all .3s;border:1px solid #ddd;border-radius:5px}
.link_pic img:hover{opacity:1;padding:0}
.link_txt a:hover{color:var(--act-color,#f90)}
.banner{background-position:center;background-image:url('banner.gif'); background-repeat:repeat; text-transform: capitalize;}
.banner p{padding:2% 0;text-align:right}
.banner span{display:block;line-height:2}
.banner.hasImg{ background-size:cover; color:transparent;  /*text-shadow:0 0 5px #0006;*/}
.article{padding:1em 0}
.article .wp60,.article .site{background-color:#fff;padding:1em;border-radius:0.5em}
.site.sitefix{position:fixed;top:72px;bottom:0;overflow:auto}
.article .title h1{font-size:1.5em;margin:0.3em 0;text-align:center}
.article .title p{font-size:.875em;margin-bottom:1em;color:#777;text-indent:2em}
.article .content p{line-height:1.67;word-break:break-word; text-align:justify; text-indent:2em; margin-bottom:.5em;}
.content h2{font-size:1.25em; line-height:2; margin-top:1em; text-indent:1.5em;}
.content img{display:block; margin:auto;}
.content table{width:100%; border-collapse:collapse;}
.content th, .content td{border:1px solid #ddd; padding:4px;}
/* 内页缩略图 */
dl.imgs{display:flex; align-items:flex-start; margin-bottom:1em;}
dl.imgs dt{flex:1 1 0;text-align:center;margin-right:20px}
dl.imgs dt img{max-height:640px;border:1px solid #eee;border-radius:6px;object-fit:contain;background:#fafbfc;transition:box-shadow 0.2s;box-shadow:0 2px 8px rgba(0,0,0,0.07)}
dl.imgs dd{display:flex;flex-direction:column;gap:8px;width:80px}
dl.imgs dd img{width:70px;height:70px;object-fit:cover;border:2px solid transparent;border-radius:4px;cursor:pointer;background:#f2f2f2;transition:border-color .18s,box-shadow .18s}
dl.imgs dd img.selected,dl.imgs dd img:hover{border-color:#3896e5;box-shadow:0 0 2px #3896e5}
.goodsattr{background-color:#f5f5f5;margin-bottom:1.5em;clear:both;padding:1em 0;border-radius:0.5em}
.goodsattr:after{content:"";display:block;clear:both}
.goodsattr li{white-space:nowrap;float:left;width:33%;line-height:2;overflow:hidden;text-overflow:ellipsis}
.goodsattr li em{display:inline-block; overflow:hidden; color:#999;padding:0 0.5em;vertical-align:middle}
.qrcode-box{text-align:center;overflow:hidden}
.qrcode-box img{width:100px}
.site h3{margin-left:-1em;padding:0.5em;font-size:1.3em;text-transform:capitalize;white-space:nowrap}
.site h3:before{content:"";border-left:5px solid var(--act-color,#39c);margin-right:.5em}
.site ul{padding:0;list-style:none}
.site li{line-height:2;overflow:hidden;}
.site li a{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}
.site .social{line-height:2}
.site .social a{display:inline-block;vertical-align:middle;margin:0.5em 0.25em}
.list li{padding:1em 0em;border-bottom:1px solid #eee;cursor:pointer;transition:all 0.3s;background-color:#fff}
.list li:hover{background-color:#f5f5f5;transform: scale(1.1)}
.list li a{display:block;}
.list li a:after{clear:both;content:"";display:block}
.list div{overflow:hidden}
.list h2,.list h3{font-size:1.15em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list .list-img{width:20%;max-height:16em;float:left;margin-right:1em}
.list .list-time{border-bottom:1px solid #ddd;color:#999;padding-bottom:0.5em}
.list .list-memo{text-align:justify;text-indent:2em;font-size:0.875em;line-height:1.5;color:#777}
.photolist:after,.roundlist:after{content:"";clear:both;display:block}
.photolist{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5em;}
.photolist li{position:relative;box-sizing:border-box; text-align:center; border-bottom:none; padding:0; border-radius:0.5em; overflow:hidden;}
.photolist .list-img{width:100%; object-fit:cover;}
.photolist .list-time,.photolist .list-memo, .list button{display:none}
.photolist li h2{position:absolute;bottom:15%;left:0;right:0;transition:all .5s;top:72%;font-size:1em;background-color:rgba(0,0,0,.5);color:#fff;padding:.5em;text-overflow:ellipsis;overflow:hidden}
.photolist li:hover h2{top:0;line-height:1.67;white-space:normal;font-weight:normal; padding-top:1em;}
#products button, .photolist button{display:inline-block; margin:0.5em ; white-space:nowrap; background-color:#f90; color:#fff; padding:0.5em 1em; border-radius:0.25em; font-size:14px; cursor:pointer;}
.photolist li:hover button{opacity:1;}
.pager{border-top:1px solid #ddd;padding-top:1em}
.pager a{background-color:#f1f1f1;border:1px solid #ddd;color:#333;display:inline-block;line-height:1.35;padding:5px;margin:5px;min-width:2em;text-align:center}
.pager a:hover{background-color:#f9f9f9}
.pager a.cur{background-color:var(--menu-color,#f90);color:#fff}
.pager a.txt_ell{text-align:justify;width:48%}
.pager a.tr{text-align:right}
.align-right{text-align:right}
.cate a{color:var(--maincolor,#39c);display:block;white-space:nowrap;border-bottom:1px solid #eee;line-height:2;}
.cate a.selected,.cate a:hover{color:var(--menu-color,#f90);border-color:var(--menu-color,#f90); font-weight:bold;}
.footer{position:relative;z-index:3; color:#fff; background-color:#555 /* url("Drilling.jpg") center*/; background-size:cover; }
.footer .wall{padding:72px 6% 30px}
.footer_news,.footer_content{float:left;overflow:hidden}
.footer_news{width:30%}
.footer .news_title{font-size:18px; font-weight:bold;margin-bottom:16px;line-height:22px}
.footer .lists-item li{line-height:28px}
.footer a{font-size:14px;color:#eee;letter-spacing:.1px;transition:color .2s ease}
.footer_content{width:30%}
.footer h2 a{width:100%;max-height:44px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.footer dd{padding-right:30px;margin-bottom:10px}
.footer dd a{display:block;font-size:14px; line-height:20px;transition:color .2s ease;position:relative;padding-left:10px;font-weight:normal}
.footer dd a::before{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;top:8px;left:0}
.footer_leave{float:right;width:30%}
.footer_leave input,.footer_leave textarea{display:block;width:100%;border-radius:4px;outline:0;font-size:14px;padding:12px 20px;border:0;margin-bottom:1em;resize:none}
.footer .but{margin-top:15px}
.footer .but button{background-color:#ff771c;float:right;outline:0;cursor:pointer;border:0;border-radius:2px;font-size:18px;padding:12px 40px;color:#fff;transition:background-color .2s ease}
.copyright{background-color:#000;padding:1em;font-size:12px;text-align:center}
.copyright a:hover{color:#f90;}
@media (max-width:767px){body{font-size:13px;margin-top:30px}
.fl,.fr,.wp60,.wp40,#news li{float:none;width:100%;clear:both}
.article{display:block}
.site{border-left:none}
.homelist .list-img{width:25%}
#products li,.photolist li{width:50%}
.pager a.txt_ell{width:100%}
td{display:block}
.homelinks .wall div{column-count:4}
}@media (max-width:479px){body{margin-top:0}
.menu a{display:block}
.menu{position:fixed;z-index:2;left:100% !important;right:0;top:1em;transition:left .3s}
.menu::before{content:"三";width:3em;margin-left:-3em;background-color:#eee;z-index:11;position:fixed;line-height:3;text-align:center}
.menu:hover{left:50% !important}
.menu a:first-child,.list-memo{display:none}
.list h2{white-space:normal}
.list .list-img{width:100%;float:none;display:block}
.headright{display:none}
.logo img{display:block;margin:auto;float:none}
.homelinks .wall div{column-count:2}
}