*{margin:0;padding:0}
body{color:#fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Arial; font-size:16px; background:#000;}
a{text-decoration:none; color: inherit; white-space:normal !important;}
p{white-space:normal !important;}
span{white-space:normal !important;}
dl{white-space:normal !important;}
dt{white-space:normal !important;}
dd{white-space:normal !important;}
img{border:0}
li{list-style:none; white-space:normal !important;}
.width{margin:0 auto;}
.fl{float:left;}
.fr{ float:right;}
.width{width:94%; margin:auto;}

@media(min-width:1200px)and (max-width:300000px){
.heng{background:#fff; text-align:center; height:30px; color:#333; line-height:30px; font-size:18px;position: absolute; top:0px; left:0; width: 100%; z-index: 2; position:fixed;}

.top1bj{background: rgba(0,0,0,1); position: absolute; top:30px; left:0; width: 100%; z-index: 2; position:fixed; transition: all 1s; height:80px; box-shadow:0px 2px 15px 0px rgba(0,0,0,.3); z-index:999999;}
.top1bj .width-head{display:flex; flex-wrap:wrap; align-items: center; justify-content: space-between; position:relative;}
.top1bj .width-head  .fl{display:flex; flex-wrap:wrap; align-items: center;}
.top1bj .width-head .logo{ margin-left:3rem; display:flex; flex-wrap:wrap; align-items: center;}
.top1bj .width-head .logo img{height:35px; margin-right:60px; transition: all 1s; margin-bottom:6px;}
.top1bj .width-head .logo span{ font-size:42px; font-weight:bold;}
.top1bj .width-head .fr{display: flex; align-items: center; margin-right:3rem; height:80px;}
.top1bj .width-head .fr .search{height:80px; display: flex; align-items: center;}
.top1bj .width-head .fr .search img{ width:1.1rem; filter:drop-shadow(#fff 0px 5000px); transform: translateY(-5000px);}
.top1bj .width-head .fr .huiyuan{ margin-top:0px; margin-bottom:0px; margin-left:1.5rem;}
.top1bj .width-head .fr .huiyuan a{display:flex; flex-wrap:wrap; align-items: center; color:#666;}
.top1bj .width-head .fr .huiyuan a img{width:1rem; margin-right:0.5rem; filter:drop-shadow(#666 0px 5000px); transform: translateY(-5000px);}
.top1bj .width-head .fr .huiyuan:hover a{ color:#333;}
.top1bj .width-head .fr .huiyuan:hover a img{filter:drop-shadow(#333 0px 5000px); transform: translateY(-5000px);}
.top1bj .width-head .fr .yuyan{display:flex; flex-wrap:wrap; align-items: center; margin-left:1.5rem; height:80px;}
.top1bj .width-head .fr .yuyan dl{display:flex; flex-wrap:wrap; align-items: center; margin-left:1rem; color:#666; height:80px;}
.top1bj .width-head .fr .yuyan dl:hover{ color:#333;}
.top1bj .width-head .fr .yuyan dl img{ height:0.9rem; margin-right:8px;}
.top1bj #Menu-btn{display:none;}
.top1bj #Menu-btn-h{display:none;}
.top1bj #menu1{display:none;}
.navBar{z-index:1; height:80px;}
.navBar .nav h3{font-weight:normal; font-size:1rem; color:rgba(255,255,255,0.8); display: flex; align-items: center; height:80px;}
.navBar .nav h3 .active{color:#fff;}
.navBar .nav h3 a:hover{color:#fff;}
.navBar .nav .m{float:left; margin:0 1.5rem; text-align:center;   }
.navBar .nav .m:nth-child(3) a{target:"_blank"}
.navBar .nav h3 a{display:block; display:flex; flex-wrap:wrap; align-items: center; height:80px;}
.navBar .nav .sub{ display:none; /*默认隐藏*/ position:absolute; left:0; right:0; top:80px;  background:rgba(0,0,0,1);  z-index:999999;}
.navBar .nav .sub .item{width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.navBar .nav .sub .item dl{width:15%; margin-bottom:30px; margin-left:0.8%; margin-right:0.8%; overflow:hidden; border:rgba(255,255,255,0.2) solid px; background:rgba(255,255,255,0.1)}
.navBar .nav .sub .item dl dt{ width:100%;}
.navBar .nav .sub .item dl dt img{width:86%; height:86%; margin:7%;}
.navBar .nav .sub .item dl dd{ margin-bottom:25px; color:rgba(255,255,255,0.8)}

.focusBox {width:100%; height:100vh; overflow: hidden;}
.focusBox .pic{z-index:0; }
.focusBox .pic li{position:relative; height:100vh;}
.focusBox .pic li:nth-child(2) p{ display:none;}
.focusBox .pic li:nth-child(3) p{ display:none;}
.focusBox .pic li img {position:absolute; width:100%; height:100vh; object-fit: cover;}
.focusBox .jiantou{position: absolute; top:50%; left:0px; right:0px; display:flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.focusBox .jiantou .prev,.focusBox .jiantou .next{display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.focusBox .jiantou .prev img,.focusBox .jiantou .next img{width:50px; filter:alpha(opacity=40) !important;opacity:0.4 !important; display:block;}
.focusBox .jiantou .prev:hover img,.focusBox .jiantou .next:hover img{filter:alpha(opacity=100) !important;opacity:1 !important;display:block;}
.focusBox .jiantou p{width:1px; height:45px; background:#ddd;}
.focusBox .hd{ position:absolute; left:0; right:0px; bottom:2rem; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.focusBox .hd li{ width:10px; height:10px; background:rgba(255,255,255,0.4); border-radius:100%; margin:0rem 0.3rem;}
.focusBox .hd li.on{ background:rgba(255,255,255,1)}
.focusBox-wap{ display:none;}

.index1{overflow:hidden; margin-top:8rem;}
.index1 .txt{width:1200px; margin:auto;}
.index1 .txt li{font-size:2.4rem; text-align:center; text-transform:uppercase;}
.index1 .txt li span{ color:#b89800;}
.index1 .txt dt{margin-top:4rem; font-size:1.4rem; text-align:center; line-height:2.5rem;}
.index1 .bod{display: flex; flex-wrap:wrap; justify-content:space-between; width:80%; margin:auto; margin-top:5rem; margin-bottom:6rem;}
.index1 .bod dl{ width:23.5%; text-align:center;}
.index1 .bod dl dt{font-size:5rem;}
.index1 .bod dl p{ font-size:1rem; color:rgba(255,255,255,0.7)}
.index1 .bod dl dd{ font-size:1.2rem; margin-top:1rem;}
.index1 .tu{width:100%; overflow:hidden;}
.index1 .tu li{ position:relative;}
.index1 .tu img{ width:100%;}
.index1 .tu li .info{ position:absolute; top:40%; left:40%; right:40%; bottom:40%; background:rgba(0,0,0,0); transition: all 1s;}
.index1 .tu li .info dl{ display:none; font-size:3rem;}
.index1 .tu li:hover .info{top:0; left:0; right:0; bottom:0; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; text-align:center; transition: all 1s; background:rgba(0,0,0,0.3);}
.index1 .tu li:hover .info dl{ display:block; font-size:3rem;}

.index2{width:100%; padding-top:8px; padding-bottom:20px; overflow:hidden;}
.index2 .www360buy{ width:100%;}
.index2 .www360buy .hd{ overflow:hidden;}
.index2 .www360buy .hd ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index2 .www360buy .hd li{ position:relative; height:80px; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; text-align:center; width:fit-content; background:rgba(100%,100%,100%,0.1); font-size:1.6rem; overflow:hidden; width:33%;}
.index2 .www360buy .hd li a{width:fit-content; background:#FFF; background: url(../images/index1.png) no-repeat center right; padding-right:25px;}
.index2 .www360buy .hd li.on{background:#b89800; color:#fff;  }
.index2 .www360buy .bd{ margin-top:10px;}
.index2 .www360buy .lh{ overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index2 .www360buy .lh li{ width:33%; background:rgba(255,255,255,0.1);}
.index2 .www360buy .lh li .p-img{ position:relative; padding-bottom:100%; overflow:hidden;}
.index2 .www360buy .lh li .p-img img{ position:absolute; width:90%; height:90%; margin:5%;}
.index2 .www360buy .lh li .p-img .info{ position:absolute; left:40%; right:40%; bottom:40%; top:40%; background:rgba(0,0,0,0); transition: all 1s; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index2 .www360buy .lh li .p-img .info dl{ display:none; font-size:2rem;}
.index2 .www360buy .lh li:hover .p-img .info{background:rgba(0,0,0,0.6); left:0; right:0; bottom:0; top:0; transition: all 1s;}
.index2 .www360buy .lh li:hover .p-img .info dl{ display:block; text-align:center;}
.index2 .www360buy .lh li:hover .p-img .info dl dt{font-size:2rem;}
.index2 .www360buy .lh li:hover .p-img .info dl dd{ font-size:1.2rem; margin-top:1rem;}

.index3{ overflow:hidden; width:75%; margin:auto; margin-top:5rem;}
.index3 .txt{font-size:2.4rem; text-align:center;}
.index3 .bod{ margin-top:4rem;display:flex; flex-wrap:wrap; justify-content:space-between;}
.index3 .bod dl{ width:30%; background:none; border:rgba(255,255,255,0.2) 0.1rem solid; transition: all 1s;}
.index3 .bod dl:nth-child(2){background:rgba(255,255,255,0.1);border:none;}
.index3 .bod dl dt{ width:52px; margin-left:40px; margin-top:25px;}
.index3 .bod dl dd{margin-left:40px; margin-top:10px; font-size:1.6rem; font-weight:bold;}
.index3 .bod dl p{ margin-left:40px; margin-top:30px; color:rgba(255,255,255,0.7); font-size:1rem; line-height:1.8rem; margin-right:40px;}
.index3 .bod dl li{margin-left:40px; margin-top:30px; background:#b89800; border:#b89800 2px solid; width:200px; height:50px; text-align:center; line-height:50px; font-size:1.2rem; margin-bottom:40px;transition: all 1s;}
.index3 .bod dl:hover{ margin-top:-30px; transition: all 1s;}
.index3 .bod dl li:hover{ border:#b89800 2px solid; background:none; width:220px; transition: all 1s; color:#b89800;}

.index4{width:100%; margin-top:6rem; overflow:hidden;}
.index4 li{ position:relative;}
.index4 img{ width:100%;}
.index4 li .info{ position:absolute; top:40%; left:40%; right:40%; bottom:40%; background:rgba(0,0,0,0); transition: all 1s; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; text-align:center;}
.index4 li .info dl{font-size:3rem;}
.index4 li:hover .info{top:0; left:0; right:0; bottom:0; transition: all 1s; background:rgba(0,0,0,0.3);}

.index5{margin-top:7rem; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:5rem; margin-left:3rem; margin-right:3rem;}
.index5 .txt{text-align:center;}
.index5 .txt dt{font-size:2.4rem; text-transform:uppercase;}
.index5 .txt dd{ font-size:1.2rem; width:80%; margin:auto; margin-top:1rem; line-height:2rem;}
.index5 .bod{display:flex; flex-wrap:wrap; margin-top:5rem; width:100%;}
.index5 .bod dl{width:22%; margin-right:4%; background:rgba(255,255,255,0.1); padding:2rem 0rem; border-radius:0px 20px 0px 0px; transition: all 1s;}
.index5 .bod dl:nth-child(4n){ margin-right:0px;}
.index5 .bod dl dt{margin-left:2rem; margin-right:2rem; font-size:2rem;}
.index5 .bod dl dd{margin-left:2rem; margin-right:2rem; margin-top:1rem; line-height:1.6rem;}
.index5 .bod dl:hover{margin-top:-20px; transition: all 1s;}

.index6{position: fixed; z-index:9; right:0px; bottom:20%; width:60px; height:60px; border-radius:100%; background:#000; display:none; flex-wrap:wrap;align-items: center; justify-content:center;}

.modal {position:fixed; z-index:99999999;left: 0;top: 0;width: 100%;height:100vh;overflow: auto; background:rgba(0,0,0,0.95);}
.modal-content {margin: 15% auto;padding: 20px;width:60%; height:100px; position:relative; text-align:center;}
.modal-content .txt{ width:100%;}
.modal-content .txt img{ width:400px;}
.modal-content .txt dl{ margin-top:15px; font-size:1.8rem;}
.modal-content .txt dt{ font-size:1rem; margin-top:1rem;}
.modal-content .txt dd{ margin-top:3rem; display:block}
.modal-content .txt dd a{ font-size:1.6rem; width:10rem; color:#FFF; padding-top:0.8rem; padding-bottom:0.9rem; border:2px #fff solid; border-radius:3rem; padding-left:2.5rem; padding-right:2.5rem;}
.modal-content .txt dd span{width:10rem; color:#FFF; padding-top:0.8rem; padding-bottom:0.9rem; border:2px #fff solid; border-radius:3rem; padding-left:5rem; padding-right:5rem;}
.close {font-size:1.6rem; margin-left:2rem;}
.close:hover,.close:focus {color:#fff;text-decoration: none;cursor: pointer;}
.modal-content .txt li{ font-size:1.4rem; margin-top:3rem;}

.footer{overflow:hidden; width:80%; margin:auto; margin-top:7rem; margin-bottom:7rem;}
.footer .txt{ text-align:center;}
.footer .txt dt{ font-size:2.4rem; font-weight:bold;}
.footer .txt dd{ font-size:1.2rem; margin-top:1rem;}
.footer .bod{display:flex; flex-wrap:wrap; justify-content:center; margin-top:4rem;}
.footer .bod dl{width:140px; text-align:center; border-radius:100%; border:#cfa911 3px solid; height:140px; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; margin:0px 2rem;}
.footer .bod dl dt img{ width:70px; filter:drop-shadow(#cfa911 0px 5000px); transform: translateY(-5000px);}

.foot{overflow: hidden; border-top:rgba(255,255,255,0.1) 1px solid; padding-top:4rem; padding-bottom:4rem; width:100%; border-bottom:rgba(255,255,255,0.1) 1px solid;}
.foot .bod{display: flex; flex-wrap:wrap;align-items: center; justify-content:space-between; width:80%; margin:auto;}
.foot .bod .item1{width:30%;}
.foot .bod .item1 dt{font-size:1.8rem; text-transform:uppercase;}
.foot .bod .item1 form{display: flex; flex-wrap:wrap; align-items: center; margin-top:15px;}
.foot .bod .item1 form input{ width:77%; border:none; height:50px; outline:none; padding-left:3%; color:#999; font-size:1rem;}
.foot .bod .item1 form input::placeholder{ color:#999; font-size:1rem;}
.foot .bod .item1 form button{ width:20%; border:none; height:52px; background:#cfa911; color:#FFF; font-size:1.1rem; outline:none;}
.foot .bod .item2{ width:60%; display: flex; flex-wrap:wrap; justify-content:space-between;}
.foot .bod .item2 li{ font-size:1rem; font-weight: bold; margin-bottom:15px;}
.foot .bod .item2 p{ margin-top:10px; color:#666;}

.bottom{ margin:3rem 0rem; overflow:hidden;}
.bottom dl{ width:150px; margin:auto;}
.bottom dl img{ width:100%;}
.bottom ul{ text-align:center; margin-top:1rem; color:#999}

.toolbar {width:60px;position:fixed; right:5px; bottom:10%; z-index:999999;}
.toolbar dd {width:60px; height:60px; margin-bottom:5px; position:relative; background:#fff; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#FFF; font-size:14px; border-radius:100%;}
.toolbar dd i p img{width:40px; border-radius:100%;}
.toolbar dd i{font-style:normal;}
.toolbar .pop {position:absolute; right:73px !important; top:-30px; background:#0085db; display:none;}
.toolbar .pop-code {width: 160px;}
.toolbar .pop-code1{width: 220px;}
.toolbar .pop-code2{width: 220px;}
.toolbar .pop-code img {width: 140px;display: block; margin:auto; margin-top:10px;}
.toolbar .pop-code h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar .pop-code1 h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar .pop-code2 h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar .top i p img{width:30px !important;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{position:relative; height:700px;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit:cover; transition:all 10s;}
.nybanner li .info{ position:absolute; left:0; right:0; top:0; bottom:0; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; background:rgba(0,0,0,0.3); color:#FFF; }
.nybanner li .info dl{ text-align:center;}
.nybanner li .info dl dt{font-size:48px;}
.nybanner li .info dl dd{font-size:16px; width:800px; margin:auto; margin-top:15px; line-height:1.6rem; font-size:1rem;}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{position:relative; height:750px;}
.nybanner1 li img{position:absolute; width:100%; height:100%; object-fit:cover; transition:all 10s;}
.nybanner1 li .info{ position:absolute; left:0; right:0; top:0; bottom:0; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; background:rgba(0,0,0,0.3); color:#FFF; }
.nybanner1 li .info dl{ text-align:center; margin-top:80px;}
.nybanner1 li .info dl dt{font-size:48px;}
.nybanner1 li .info dl dd{font-size:16px; width:800px; margin:auto; margin-top:15px; line-height:1.6rem; font-size:1rem;}

.nybanner2{width:100%;overflow: hidden;}
.nybanner2 li{position:relative; padding-bottom:44%;}
.nybanner2 li img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 10s;}
.nybanner2 li:hover img{transition: all 10s; transform: scale(1.2);}
.nybanner2 li .info1{ position:absolute; left:0; right:0; bottom:60px; display: flex; flex-wrap:wrap; width:1200px; color:#FFF; margin:auto;}
.nybanner2 li .info1 a{ width: fit-content; padding:10px 40px; border-radius:60px; background:#f52f3d; color:#fff; margin-bottom:20px; margin-right:20px;}
.nybanner2 li .info1 a:nth-child(2){ background:#fa9300;}
.nybanner2 li .info1 a:nth-child(3){ background:#009c7f;}
.nybanner2 li .info1 a:nth-child(4){ background:#0082cc;}
.nybanner2 li .info1 a:nth-child(5){ background:#86319c;}
.nybanner2 li .info2{position:absolute; left:0; right:0; top:120px; color:#FFF; width:1200px; margin:auto; font-size:16px;}
.nybanner2 .info11{ display:none;}

.huiyuan-banner{ overflow:hidden; width:100%; height:400px;}
.huiyuan-banner dt{ position:relative; height:400px;}
.huiyuan-banner dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.huiyuan-banner dt .info{ position:absolute; top:90px; bottom:0; left:0; right:0; display: flex; flex-wrap:wrap; align-items: center; color:#FFF; width:94%; margin:auto; font-size:36px;}

.position{font-size:1rem; padding:1.5rem 3rem;}
.position1{width:1200px; margin:auto;font-size:1rem; padding:1.5rem 0rem; margin-top:80px;}
.position2{margin:auto;font-size:1rem; padding-left:3rem; padding-right:3rem; padding-top:1.5rem;}
.position3{width:1200px; margin:auto;font-size:1rem; padding:1.5rem 0rem;}
.position4{margin:auto;font-size:1rem; padding-left:3rem; padding-right:3rem; padding-top:1.5rem; margin-top:80px; border-bottom:rgba(255,255,255,0.1) 1px solid; padding-bottom:1.5rem;}

.p-list {margin-left:3rem; margin-right:3rem; margin-top:2rem; padding-top:2.5rem; padding-bottom:3.5rem;}
.p-list .p-item {break-inside: avoid-column;margin-bottom:3.5rem;}
.p-list .p-item dt{ position:relative; padding-bottom:45%;}
.p-list .p-item dt img{width: 100%; position:absolute; height:100%; object-fit: cover;}
.p-list .p-item dt .info{ position:absolute; left:0; right:0; bottom:0; height:100%; transition: all 0.5s; background:rgba(0,0,0,0); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.p-list .p-item dt .info dl{display:none;}
.p-list .p-item:hover dt .info{height:100%; transition: all 0.5s; background:rgba(0,0,0,0.6);}
.p-list .p-item:hover dt .info dl{display: block; text-align:center; color:#FFF;}
.p-list .p-item:hover dt .info dl dd{ font-size:3rem;}
.p-list .p-item:hover dt .info dl p{ margin-top:0.7rem; font-size:1.2rem;}

.productlist{margin-bottom:50px; padding-top:2.5rem; margin-left:3rem; margin-right:3rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .fl{width:18%;}
.productlist .fl dt{ font-size:1.2rem; color:#999;}
.productlist .fr{ width:80%;}
.productlist .fr .bod{display: flex; flex-wrap:wrap;}
.productlist .fr .bod dl{width:18.4%; margin-right:2%; margin-bottom:2rem; background:rgba(255,255,255,0.1); transition: all 0.5s;}
.productlist .fr .bod dl a{border:rgba(255,255,255,0.2) 1px solid; display:block; height:100%;}
.productlist .fr .bod dl:nth-child(5n){margin-right:0;}
.productlist .fr .bod dt{position:relative; padding-bottom:100%;}
.productlist .fr .bod dt img{width:90%; position:absolute; height:90%; margin-left:5%; margin-top:5%;}
.productlist .fr .bod dd{text-align:center; padding-bottom:15px; padding-top:5px;}
.productlist .fr .bod dl:hover {background:rgba(0,0,0,1); transition: all 0.5s;}

.sideMenu{border-top:none; position:relative; margin-top:1.5rem;}
.sideMenu dl{ margin-bottom:1.5rem;}
.sideMenu h3{ height:3rem; line-height:3rem; padding-left:1rem; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.3); z-index:99; border-radius:0.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:1rem; font-weight:normal;}
.sideMenu h3 img{width:16px; margin-right:1rem; filter:drop-shadow(#fff 0px 5000px); transform: translateY(-5000px);}
.sideMenu h3.on{ border:#333 2px solid;}
.sideMenu h3.on em{background-position:16px -50px; }
.sideMenu ul{color:#999; display:none; /* 默认都隐藏 */ position:absolute; left:0; right:0; z-index:999; background:#fff; border:#CCC 1px solid; border-radius:0.5rem;}
.sideMenu ul li{margin-bottom:10px; font-size:1rem; margin-left:1rem;}
.sideMenu ul li:nth-child(1){margin-top:10px;}
.sideMenu ul li:hover{color:#ff7f00;}
.sideMenu ul li.onon{color:#ff7f00;}

.product{overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between; width:1200px; margin:auto; margin-top:4rem; padding-bottom:3rem;;}
.product .zuobian{width:300px;}
.product .zuobian dt{ font-size:1.2rem; color:#999;}
.product .bod{display: flex; flex-wrap:wrap; justify-content: space-between; width:870px;}
.product .bod .fl{width:420px;}
.product .bod .fl .game163{display:none;}
.product .bod .fr{width:400px;}
.product .bod .fr .title{font-size:24px; margin-bottom:10px; display:block;}
.product .bod .fr .shijian{color:rgba(255,255,255,0.8); font-size:14px; margin-bottom:10px;}
.product .bod .fr .shijian span{ text-transform:uppercase; margin-right:10px;}
.product .bod .fr .cishu{color:rgba(255,255,255,0.8); font-size:14px; margin-bottom:10px;}
.product .bod .fr .cishu span{ text-transform:uppercase; margin-right:10px;}
.product .bod .fr .jiage{font-size:14px; margin-bottom:20px; color:rgba(255,255,255,0.8);}
.product .bod .fr .jiage span{text-transform:uppercase; margin-right:10px;}
.product .bod .fr .jiage i{font-size:30px; font-style:normal; color:#cfa911;}
.product .bod .fr .leixing{margin-bottom:10px; font-size:16px; padding:10px 15px; border:#ddd 1px solid; border-radius:5px;}
.product .bod .fr .leixing span{text-transform:uppercase; margin-right:10px; font-size:16px; font-weight:bold;}
.product .bod .fr .yanse{margin-bottom:10px; font-size:16px; background:#f5f5f5; border:#ddd 1px solid; border-radius:5px; padding:15px 15px;}
.product .bod .fr .yanse dt{text-transform:uppercase; margin-right:10px; font-size:16px; font-weight:bold;}
.product .bod .fr .yanse dd{ display: flex; flex-wrap:wrap;}
.product .bod .fr .yanse dd p{width:fit-content; margin-right:30px; margin-top:10px;}
.product .bod .www360buy{width:100%; margin-top:40px; display:block; overflow:hidden;}
.product .bod .www360buy .hd{overflow:hidden; border-bottom:1px solid #45a160; background:#f5f5f5;}
.product .bod .www360buy .hd li{position:relative; height:38px; line-height:38px; text-align:center; float:left; border-top:0; padding:0px 25px;}
.product .bod .www360buy .hd li.on{background:#45a160; color:#fff; }
.product .bod .www360buy .bd{ margin-top:15px;}
.product .bod .www360buy .lh{overflow:hidden; line-height:22px;}
.product .bod .gao90{ margin-top:90px; overflow:hidden;}
.product .message{overflow:hidden; display:block; padding-top:50px;}
.product .message .txt{ text-align:center; margin-bottom:70px;}
.product .message .txt dd{ font-size:2rem; font-weight:bold; text-transform:uppercase;}
.product .message dl{display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .message dl p {width:48%;}
.product .message dl p input{width:100%; border-bottom:rgba(255,255,255,0.1) 1px solid !important; border:none; margin-bottom:30px; padding-bottom:18px; outline:none; font-size:16px; background:rgba(255,255,255,0.1);}
.product .message dl textarea{width:100%; border-bottom:rgba(255,255,255,0.1) 1px solid !important; border:none; outline:none; margin-bottom:30px; font-family:Arial; font-size:16px; color:#f52f3d;background:rgba(255,255,255,0.1);}
.product .message li textarea{width:100%; border-bottom:rgba(255,255,255,0.1) 1px solid !important; border:none; height:100px; outline:none; margin-bottom:30px; font-family:Arial; font-size:16px; color:#666;background:rgba(255,255,255,0.1);}
.product .message button{width:100%; height:50px; border:#ccc 1px solid; background:none; font-size:16px; background:rgba(255,255,255,0.1);}
.product .message button:hover{ background:#000; color:#FFF;}

.jqzoom{width:420px;height:420px;position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}
.jqzoom img{width:90%; height:90%; }
.zoomdiv{z-index:200;position:absolute;top:0;left:0;width:420px;height:420px;background:#fff;border:1px solid #ddd;display:none;overflow:hidden;}
.zoomdiv .bigimg{position:absolute;top:0;left:0;max-width:unset;max-height:unset}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0; bottom:0; right:0;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(Opacity=50);}
.spec-preview{width:100%;height:100%;border:1px solid #ddd}
.spec-scroll{clear:both;width:100%;height:100px; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-top:10px;}
.spec-scroll .prev{float:left; font-size:36px; font-family:"宋体"; line-height:90px; text-align:center}
.spec-scroll .next{float:right; font-size:36px; font-family:"宋体"; line-height:90px; text-align:center;}
.spec-scroll .next,.spec-scroll .prev{display:block;text-align:center;height:90px;cursor:pointer}
.spec-scroll .items{float:left;position:relative;width:360px;height:90px;overflow:hidden; }
.spec-scroll .items ul{position:absolute;width:12000px !important;height:90px;overflow:hidden;}
.spec-scroll .items ul li{float:left;width:90px; height:90px;}
.spec-scroll .items ul li span{box-sizing:border-box;display:block;vertical-align:middle;width:86px;height:84px;text-align:center;border:1px solid #ddd; margin-left:2px;}
.spec-scroll .items ul li img{width:90%;height:90%;object-fit:cover;cursor:pointer;margin:5% auto}
.spec-scroll .items ul li span.active,.spec-scroll .items ul li span:hover{border:2px solid #999; padding:0px}

.about{overflow:hidden; margin-top:70px; background:#fff; margin-bottom:70px; margin-left:3rem;}
.about .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.about .bod .fl{width:30%;}
.about .bod .fl dt{ font-size:36px;}
.about .bod .fl dd{ margin-top:30px; font-size:16px; line-height:30px;}
.about .bod .fl li{ margin-top:30px; font-size:16px; line-height:30px;}
.about .bod .fr{width:65%;}
.about .bod .fr img{width:100%;}
.about{overflow:hidden; margin-top:40px; margin-bottom:40px;}
.about .bod{ overflow:hidden; line-height:28px;}
.about .bod table{border-top:#CCC 1px solid; border-left:#CCC 1px solid; border-spacing:0;}
.about .bod table tr{ margin:0px; padding:0px;}
.about .bod table tr td{border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; padding:10px; margin:0px;}
.about .bod .firstRow{ background:#45a160; color:#FFF;}
.about .bod .firstRow td{border-right:#51bc70 1px solid; border-bottom:#51bc70 1px solid;}

.about1{width:1200px; margin:auto; margin-bottom:2rem;}
.about1 dt{ font-size:2rem; color:rgba(255,255,255,1);}
.about1 dd{ margin-top:1rem;}
.about1 dd p{ font-size:1rem; line-height:1.6rem; margin-top:1rem; color:rgba(255,255,255,0.8);}
.about1 dd img{ width:100%;}
.about1 table{border-top:#CCC 1px solid; border-left:#CCC 1px solid; border-spacing:0;}
.about1 table tr{ margin:0px; padding:0px;}
.about1 table tr td{border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; padding:10px; margin:0px;}
.about1 .firstRow{ background:#45a160; color:#FFF;}
.about1 .firstRow td{border-right:#51bc70 1px solid; border-bottom:#51bc70 1px solid;}

.index7-about{width:80%; margin:auto; overflow:hidden; text-align:center; margin-top:5rem; margin-bottom:5rem;}
.index7-about dt{font-size:1.8rem;}
.index7-about dd{font-size:1rem; line-height:1.6rem; margin-top:1.5rem; color:#666;}
.index7-about dd p{ margin-top:1.5rem;}

.history{overflow:hidden; margin-left:80px; margin-right:80px; margin-top:3rem; margin-bottom:4rem;}
.history .item{background:url(../images/history.png) repeat-y left; display: flex; flex-wrap:wrap; align-items:flex-start; width:1040px; margin:auto; padding-bottom:30px;}
.history .item .fl{width:270px;display: flex; flex-wrap:wrap; align-items:center;}
.history .item .fl li{width:10px; height:10px; background:#666; border-radius:100%; margin-left:3px}
.history .item:hover .fl li{background:#fff;}
.history .item .fl dd{width:120px; height:50px; background:rgba(0,0,0,0.3); margin-left:50px; color:#FFF; border-radius:20px 0px 20px 0px; text-align:center; line-height:50px; font-size:24px;}
.history .item:hover .fl dd{background:rgba(0,0,0,0.8);}
.history .item .fr{ width:750px; background:rgba(255,255,255,0.1); border-radius:20px 0px 20px 0px;}
.history .item:hover .fr{box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);}
.history .item .fr dl{margin-top:50px; margin-left:30px; margin-right:30px; margin-bottom:30px;}
.history .item .fr dl dt{font-size:24px;}
.history .item .fr dl dt span{font-size:16px; color:rgba(255,255,255,0.8); margin-left:10px;}
.history .item .fr dl dd{margin-top:10px; font-size:16px; color:rgba(255,255,255,0.8); line-height:24px;}
.history .item .fr dl dd p{font-size:16px; color:rgba(255,255,255,0.8); line-height:24px;}
.history .item .fr dl dd span{font-size:16px; color:rgba(255,255,255,0.8); line-height:24px;}

.news-list{overflow:hidden; background:#f5f5f5;padding-bottom:5rem; margin-left:3rem; margin-right:3rem; margin-top:5rem;}
.news-list .bod{overflow:hidden; display:flex; flex-wrap:wrap;}
.news-list .bod dl{overflow:hidden; width:32%; margin-right:2%;}
.news-list .bod dl:nth-child(3n){margin-right:0px;}
.news-list .bod dl dt{position:relative; padding-bottom:67%;}
.news-list .bod dl dt img{position:absolute; width:100%; height:100%;}
.news-list .bod dl dd{ margin-top:1rem; font-size:1rem; line-height:1.5rem;}
.news-list .bod dl p{font-size:0.9rem; color:#666; line-height:24px; margin-top:0.6rem;}

.news-list1{overflow:hidden; padding-bottom:5rem; margin-left:3rem; margin-right:3rem; margin-top:3rem;}
.news-list1 .bod{overflow:hidden; display:flex; flex-wrap:wrap;}
.news-list1 .bod dl{overflow:hidden; width:23.5%; margin-right:2%; margin-bottom:3rem;}
.news-list1 .bod dl:nth-child(4n){margin-right:0px;}
.news-list1 .bod dl dt{position:relative; padding-bottom:67%;}
.news-list1 .bod dl dt img{position:absolute; width:100%; height:100%;}
.news-list1 .bod dl dd{ margin-top:1rem; font-size:1rem; line-height:1.5rem;}
.news-list1 .bod dl p{font-size:0.9rem; color:#666; line-height:24px; margin-top:0.6rem;}

.newslist{overflow:hidden; margin-left:3rem; margin-right:3rem; display:flex; flex-wrap:wrap; justify-content:space-between;}
.newslist dl{width:49%; overflow:hidden; background:#FFF; margin-bottom:25px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:30px 0px; border-radius:5px;}
.newslist dl .fl{width:75%; margin-left:3%;}
.newslist dl .fl li{ font-size:16px;}
.newslist dl .fl p{ margin-top:10px; color:#999; line-height:24px;}
.newslist dl .fl a:hover li{color:#666;}
.newslist dl .fr {margin-right:3%;}
.newslist dl .fr ul{ text-align:center;}
.newslist dl .fr ul dd{ font-size:48px; color:#999;}
.newslist dl .fr ul p{ font-size:14px; color:#666;}
.newslist-more{ width:500px; height:50px; margin:auto; margin-top:50px; text-align:center; background:#ddd; line-height:50px; margin-bottom:80px;}
.newslist-more:hover{background:#333; color:#FFF;}

.news{ overflow:hidden; padding-top:40px;}
.news .txt{ }
.news .txt dt{text-align:center; font-size:30px; font-weight:bold;}
.news .txt dd{display: flex; flex-wrap:wrap; justify-content: center; margin-top:10px; color:#666;}
.news .txt dd p{margin:0px 20px;}
.news .bod{margin-top:60px; overflow:hidden; width:1200px; margin:50px auto; line-height:28px; color:#666;}
.news .bod img{margin-bottom:40px;}
.news .bod table{border-top:#CCC 1px solid; border-left:#CCC 1px solid; border-spacing:0;}
.news .bod table tr{ margin:0px; padding:0px;}
.news .bod table tr td{border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; padding:10px; margin:0px;}
.news .bod .firstRow{ background:#45a160; color:#FFF;}
.news .bod .firstRow td{border-right:#51bc70 1px solid; border-bottom:#51bc70 1px solid;}

.faq{ overflow:hidden; width:1200px; margin:auto; margin-top:1rem; margin-bottom:2rem;}
.sideMenu1{border-top:none; margin-top:1.5rem; display:flex; flex-wrap:wrap; justify-content:space-between;}
.sideMenu1 dl{ margin-bottom:1.5rem;width:100%;}
.sideMenu1 h3{ height:5rem; line-height:5rem; border-bottom:1px solid #ddd; background:#fff; z-index:99; border-radius:0.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:1rem; font-weight:normal;}
.sideMenu1 h3 img{width:16px;}
.sideMenu1 h3.on{}
.sideMenu1 ul{color:#999; display:none; /* 默认都隐藏 */background:#fff; border-radius:0.5rem;}
.sideMenu1 ul li{margin:1.5rem 0rem; line-height:1.6rem;}
.sideMenu1 ul li:hover{color:#ff7f00;}
.sideMenu1 ul li.onon{color:#ff7f00;}

.mulu-txt{text-align:center; width:1200px; margin:auto; padding:5rem 0rem; font-size:1.6rem; color:#999; line-height:2.6rem;}

.mulu{width:100%; background:url(../images/mulu.jpg) repeat-y left; display: flex; flex-wrap:wrap;}
.mulu .bod{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:5rem; overflow:hidden; width:100%;}
.mulu .fl{width:20%; margin-left:3rem;}
.mulu .fl dt{font-size:1.6rem; color:#666;}
.mulu .fl dd{margin-top:1rem; font-size:1rem; line-height:1.6rem; color:#999;}
.mulu .fr{width:70%; display: flex; flex-wrap:wrap; overflow:hidden; margin-right:3rem;}
.mulu .fr dl{ width:22.75%; margin-right:3%; margin-bottom:3rem;}
.mulu .fr dl:nth-child(4n){ margin-right:0px;}
.mulu .fr dl dt{ position:relative; padding-bottom:130%; box-shadow:4px 4px 8px 0px rgba(0,0,0,0.2);}
.mulu .fr dl dt img{ position:absolute; width:100%; height:100%;}
.mulu .fr dl dd{ margin-top:1rem; font-size:1rem; font-weight:bold;}
.mulu .fr dl li{display: flex; flex-wrap:wrap; align-items: center; margin-top:1rem;}
.mulu .fr dl li img{margin-left:0.5rem; filter:drop-shadow(#333 0px 5000px); transform: translateY(-5000px);}

.contact{overflow:hidden; margin-bottom:80px; margin-top:40px; margin-left:3rem; margin-right:3rem;}
.contact .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.contact .bod .item1{width:49%; border:rgba(255,255,255,0.1) 1px solid !important; overflow: hidden; background:rgba(255,255,255,0.1)}
.contact .bod .item1 P{padding-left:25px; margin-top:1.5rem; margin-left:2rem;}
.contact .bod .item1 P:nth-child(1){background:url(../images/contact-1.png) no-repeat left center;}
.contact .bod .item1 P:nth-child(2){background:url(../images/contact-3.png) no-repeat left center;}
.contact .bod .item1 P:nth-child(3){background:url(../images/contact-3.png) no-repeat left center;}
.contact .bod .item1 P:nth-child(4){background:url(../images/contact-2.png) no-repeat left center;}
.contact .bod .item1 P:nth-child(5){background:url(../images/contact-5.png) no-repeat left center;}
.contact .bod .message{ width:49%; font-size:16px; line-height:36px;}
.contact .bod .message .txt{ text-align:center; margin-bottom:70px;}
.contact .bod .message .txt dd{ font-size:2rem; font-weight:bold; text-transform:uppercase;}
.contact .bod .message dl{display: flex; flex-wrap:wrap; justify-content: space-between; width:100%;}
.contact .bod .message dl p {width:48%; border:rgba(255,255,255,0.1) 1px solid !important; margin-bottom:30px; overflow: hidden;}
.contact .bod .message dl p input{outline:none; font-size:16px; height:40px; width:100%; padding-left:1rem; border:none; background:rgba(255,255,255,0.1); color:#fff}
.contact .bod .message li{border:rgba(255,255,255,0.1) 1px solid !important; margin-bottom:30px; overflow: hidden;}
.contact .bod .message li textarea{ height:100px; outline:none; font-family:Arial; font-size:16px; background:rgba(255,255,255,0.1); color:#fff; border:none; width:100%; padding-left:1rem; padding-top:1rem;}
.contact .bod .message button{width:100%; height:50px; border:rgba(255,255,255,0.1) 1px solid; background:rgba(255,255,255,0.1); font-size:16px; color:#FFF;}
.contact .bod .message button:hover{ background:#333; color:#FFF;}

.container{ overflow:hidden; width:800px; margin:auto; padding-top:80px; padding-bottom:80px;}
.container dl{ margin-bottom:30px;}
.container form p{ margin-top:10px;}
.container form dl input{ font-size:16px; height:45px; padding-left:10px; outline:none; border:#CCC 1px solid; width:600px; font-size:14px;}
.container form ul{ margin-bottom:15px;}
.container form ul p{display: flex; flex-wrap:wrap; align-items: center;}
.container form ul p span{ margin-right:30px;}
.container form ul p img{ height:47px;}
.container form ul input{ font-size:16px; height:45px; padding-left:10px; outline:none; border:#CCC 1px solid; width:250px; font-size:14px;}
.container form li{ margin-top:20px;}
.container form li button{ width: fit-content; background:#333; border:none; color:#FFF; font-size:16px; margin-right:15px; padding:0rem 3rem; height:45px;}
.container form li span{ color:#666;}
.container form li span a{ color:#F00; margin-left:1rem;}

.container1{width:1200px; margin:auto; overflow:hidden;  padding-top:40px; padding-bottom:40px; display: flex; flex-wrap:wrap;}
.container1 .fl{width:250px;}
.container1 .fl dl{width:200px; border-radius:5px 5px 0px 0px; overflow:hidden;}
.container1 .fl dl dt{ background:#333; padding-left:15px; color:#FFF; padding:10px 15px;}
.container1 .fl dl dd{border:#CCC 1px solid; border-radius:0px 0px 5px 5px; border-top:none !important;}
.container1 .fl dl dd p{padding:10px 15px; border-top:#CCC 1px solid; margin-bottom:0px !important;}
.container1 .fr table{width:600px; border-top:#ddd 1px dashed; border-left:#ddd 1px dashed; margin-bottom:30px;}
.container1 .fr table tr td{border-bottom:#ddd 1px dashed; margin:0; padding:15px 10px; border-right:#ddd 1px dashed;}
.container1 .fr table tr td:nth-child(1){ width:120px;}
.container1 .fr a{ background:#333; color:#FFF; padding:10px 30px;}
.container1 .fr a:hover{ background:#000;}
.container1 .fr dl{font-size:16px; margin-bottom:10px; width:700px; padding-bottom:10px; display: flex; flex-wrap:wrap; align-items: center;}
.container1 .fr dl img{ margin-bottom:10px; width:80px;}
.container1 .fr dl li{ width:100%; margin-left:120px;}
.container1 .fr dl p input{ width:500px; outline:none; border:#ddd 1px solid; border-radius:5px; padding:7px 15px; }
.container1 .fr dl label{ width:120px;}
.container1 .fr dl select{ width:100px;}
.container1 .fr dl button{width: fit-content; background:#333; border:none; color:#FFF; padding:7px 30px; font-size:16px;margin-right:15px; }
.container1 .fr dl buttom{width: fit-content; background:#333; border:none; color:#FFF; padding:7px 30px; font-size:16px; margin-right:15px;}

.modal-dialog1{ width:900px; margin:auto; padding:40px 50px; background:#FFF; margin-top:200px;}
.modal-content1{ background:#FFF;}
.modal-header1{ margin-bottom:10px;}
.modal-header1 h4{ font-size:20px;}
.modal-body1{ margin-bottom:20px;}
.modal-body1 input{font-size:16px;}
.modal-footer1 .button1{border:none; background:#f52f3d; color:#FFF; padding:7px 15px; border-radius:5px;}
.modal-footer1 .button2{border:none; background:#45a160; color:#FFF; padding:7px 15px; border-radius:5px;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; margin-top:20px; background: none;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666; padding:5px 10px; font-size:14px; flex:1; overflow:hidden; overflow:hidden; border:#eee 1px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.fanye .fenye2 .page-num-current{ color:#fff; border:#45a160 1px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#45a160;}
.fanye a{margin:0 5px; border:#eee 1px solid; padding:5px 10px; font-size:16px; background:#FFF;}
.fanye a:hover{color:#fff; border:#ccc 1px solid; background:#333;}
.fanye .fenye2 .page-num:hover{color:#fff; border:#ccc 1px solid; background:#333;}

.searchlist{ width:1000px; margin:auto; margin-top:60px;}
.searchlist form{display: flex; flex-wrap:wrap; align-items: center;}
.searchlist form input{width:780px; border:rgba(255,255,255,0.1) 1px solid; padding-left:20px; height:55px; border-radius:none; font-size:16px; background:rgba(255,255,255,0.1); outline:none; color:#FFF;}
.searchlist form input::placeholder{font-size:16px;}
.searchlist form button{width:198px; height:57px; border-radius:none; background:#333; border:none; font-size:20px; color:#FFF;}
}

@media only screen and (max-width:1200px){
.w94{width:94%; margin:auto;}

.heng{background:#fff; text-align:center; height:2.2rem; color:#333; line-height:30px; font-size:0.85rem; position: absolute; top:0px; left:0; width: 100%; z-index: 2; position:fixed; line-height:1.1rem;}

.top1bj{background:rgba(0,0,0,1); position: absolute; top:2.2rem; left:0; width: 100%; z-index:9999999; position:fixed; box-shadow:0px 2px 15px 10px rgba(0,0,0,.1);}
.top1bj .width-head{height:3rem; display: flex; justify-content: space-between; align-items: center;}
.top1bj .width-head .logo{position:absolute; display: flex; align-items: center; top:0; left:0; right:0; bottom:0; display: flex; flex-wrap:wrap; justify-content:center;}
.top1bj .width-head .logo a{display: flex; align-items: center;}
.top1bj .width-head .logo img{height:1.5rem; margin-right:1rem; z-index:999; margin-bottom:0.2rem; filter:drop-shadow(#fff 0px 5000px); transform: translateY(-5000px);}
.top1bj .width-head .logo span{ font-size:4rem;}
.top1bj .width-head .fr{position:absolute; right:3%; display: flex; align-items: center; z-index:998;}
.top1bj .width-head .fr .search img{ height:1.2rem; filter:drop-shadow(#fff 0px 5000px); transform: translateY(-5000px);}
.top1bj .width-head .fr .huiyuan{ margin-top:0px; margin-bottom:0px; margin-left:1.5rem}
.top1bj .width-head .fr .huiyuan a{display:flex; flex-wrap:wrap; align-items: center; color:#666; font-size:1rem;}
.top1bj .width-head .fr .huiyuan a img{width:1.1rem; filter:drop-shadow(#666 0px 5000px); transform: translateY(-5000px);}
.top1bj .width-head .fr .huiyuan span{ display:none;}
.top1bj .width-head .fr .yuyan{ display:none;}
.top1bj .width-head #Menu-btn{position:absolute; left:3%;}
.top1bj .width-head #Menu-btn img{width:1.5rem; filter:drop-shadow(#fff 0px 5000px); transform: translateY(-5000px);}
.top1bj .width-head #Menu-btn-h{overflow: hidden; display:none; background-color:rgba(0,0,0,1); position:absolute; top:0; left:0; height:3rem; width:20%; z-index:997;}
.top1bj .width-head #Menu-btn-h img{height:1.5rem;overflow:hidden; margin-top:0.6rem; margin-left:0.6rem; filter:drop-shadow(#fff 0px 5000px); transform: translateY(-5000px);}
.top1bj .width-head #menu1{position:absolute; display:none; top:0rem; right:0; left:0; bottom:0; margin:0; padding:0; z-index:5;}
.top1bj .width-head #menu1 .menu-wap{font-size:3rem;list-style:none; background:#000; position:absolute; top:3rem; left:0; right:0; border-top:rgba(255,255,255,0.1) 1px solid; height:100vh;}
.top1bj .width-head #menu1 .menu-wap li{font-weight:normal; font-size:1rem; padding-left:1rem; padding-right:1rem; padding-top:1rem; padding-bottom:1rem; text-transform:uppercase; border-bottom: rgba(255,255,255,0.1) 1px solid; color:rgba(255,255,255,0.8);}
.top1bj .width-head #menu1 .menu-wap li a{display: flex; flex-wrap:wrap; justify-content:space-between;}
.top1bj .width-head #menu1 .menu-wap li span{}
.top1bj .width-head #menu1 .menu-wap li img{ width:3rem; margin-right:1.5rem;}
.top1bj .width-head #menu1 .menu-wap li a{display: flex; align-items: center;}
.top1bj .width-head #menu1 .menu-wap .navbar-text{ padding-top:3rem; padding-left:4rem; font-size:2.8rem;}
.top1bj .navBar{display:none;}

.focusBox{display:none;}
.focusBox-wap {width:100%; height:100vh; overflow: hidden;}
.focusBox-wap .pic-wap{z-index:0; }
.focusBox-wap .pic-wap li{position:relative; height:100vh;}
.focusBox-wap .pic-wap li:nth-child(2) p{ display:none;}
.focusBox-wap .pic-wap li:nth-child(3) p{ display:none;}
.focusBox-wap .pic-wap li img {position:absolute; width:100%; height:100vh; object-fit: cover; transition: all 10s;}
.focusBox-wap .pic-wap li:hover img{transition: all 10s; transform: scale(1.2);}
.focusBox-wap .hd{ position:absolute; left:0; right:0px; bottom:2rem; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.focusBox-wap .hd li{ width:10px; height:10px; background:rgba(255,255,255,0.4); border-radius:100%; margin:0rem 0.3rem;}
.focusBox-wap .hd li.on{ background:rgba(255,255,255,1)}

.index1{overflow:hidden; margin-top:4rem;}
.index1 .txt{width:94%; margin:auto;}
.index1 .txt li{font-size:1.8rem; text-align:center; text-transform:uppercase;}
.index1 .txt li span{ color:#b89800;}
.index1 .txt dt{margin-top:2rem; font-size:1.2rem; text-align:center; line-height:2rem;}
.index1 .bod{display: flex; flex-wrap:wrap; justify-content:space-between; width:94%; margin:auto; margin-top:2rem;}
.index1 .bod dl{ width:48%; text-align:center; background:rgba(255,255,255,0.1); margin-top:1rem; padding:2rem 0rem;}
.index1 .bod dl dt{font-size:3rem;}
.index1 .bod dl p{ font-size:1rem; color:rgba(255,255,255,0.7)}
.index1 .bod dl dd{ font-size:1.2rem; margin-top:1rem;}
.index1 .tu{width:100%; margin-top:2rem; overflow:hidden;}
.index1 .tu li{position:relative; padding-bottom:70%;}
.index1 .tu img{width:100%; position:absolute; height:100%;  object-fit: cover;}
.index1 .tu li .info{ position:absolute; top:40%; left:40%; right:40%; bottom:40%; background:rgba(0,0,0,0); transition: all 1s;}
.index1 .tu li .info dl{ display:none; font-size:2rem;}
.index1 .tu li:hover .info{top:0; left:0; right:0; bottom:0; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; text-align:center; transition: all 1s; background:rgba(0,0,0,0.3);}
.index1 .tu li:hover .info dl{ display:block; font-size:3rem;}

.index2{width:100%; margin-top:0.5rem; padding-bottom:20px; overflow:hidden;}
.index2 .www360buy{ width:100%;}
.index2 .www360buy .hd{ overflow:hidden;}
.index2 .www360buy .hd ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index2 .www360buy .hd li{position:relative; height:4rem; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; text-align:center; width:fit-content; background:rgba(100%,100%,100%,0.1); font-size:1.1rem; overflow:hidden; width:94%; margin:auto; margin-bottom:0.5rem;}
.index2 .www360buy .hd li a{width:fit-content; background:#FFF; background: url(../images/index1.png) no-repeat center right; padding-right:25px;}
.index2 .www360buy .hd li.on{background:#b89800; color:#fff;  }
.index2 .www360buy .bd{width:94%; margin:auto; }
.index2 .www360buy .lh{ overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index2 .www360buy .lh li{ width:100%; background:rgba(255,255,255,0.1); margin-bottom:0.5rem;}
.index2 .www360buy .lh li .p-img{overflow:hidden;}
.index2 .www360buy .lh li .p-img img{width:90%; height:90%; margin:5%;}
.index2 .www360buy .lh li .p-img .info{margin-top:0rem; margin-bottom:1rem; display:none;}
.index2 .www360buy .lh li .p-img .info dl{text-align:center;}
.index2 .www360buy .lh li .p-img .info dl dt{font-size:1.4rem;}
.index2 .www360buy .lh li .p-img .info dl dd{ font-size:1rem; margin-top:0.5rem;}

.index3{ overflow:hidden; width:94%; margin:auto; margin-top:2rem;}
.index3 .txt{font-size:1.8rem; text-align:center;}
.index3 .bod{ margin-top:2rem;display:flex; flex-wrap:wrap; justify-content:space-between;}
.index3 .bod dl{ width:100%; background:none; border:rgba(255,255,255,0.2) 0.1rem solid; transition: all 1s;}
.index3 .bod dl:nth-child(2){background:rgba(255,255,255,0.1);border:none;}
.index3 .bod dl dt img{ width:3rem; margin-left:1rem; margin-top:1rem;}
.index3 .bod dl dd{margin-left:1rem; margin-top:0.5rem; font-size:1.6rem; font-weight:bold;}
.index3 .bod dl p{ margin-left:1rem; margin-top:1rem; color:rgba(255,255,255,0.7); font-size:1rem; line-height:1.8rem; margin-right:1rem;}
.index3 .bod dl li{margin-left:1rem; margin-top:1.5rem; background:#b89800; border:#b89800 2px solid; width:200px; height:50px; text-align:center; line-height:50px; font-size:1.2rem; margin-bottom:40px;transition: all 1s;}
.index3 .bod dl:hover{ margin-top:-30px; transition: all 1s;}
.index3 .bod dl li:hover{ border:#b89800 2px solid; background:none; width:220px; transition: all 1s; color:#b89800;}

.index4{width:100%; margin-top:3rem; overflow:hidden;}
.index4 li{position:relative; padding-bottom:70%;}
.index4 img{width:100%; position:absolute; height:100%;  object-fit: cover;}
.index4 li .info{ position:absolute; top:40%; left:40%; right:40%; bottom:40%; background:rgba(0,0,0,0); transition: all 1s; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; text-align:center;}
.index4 li .info dl{font-size:2rem;}
.index4 li:hover .info{top:0; left:0; right:0; bottom:0; transition: all 1s; background:rgba(0,0,0,0.3);}

.index5{ overflow:hidden; width:94%; margin:auto; margin-top:2.5rem; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index5 .txt{text-align:center;}
.index5 .txt dt{font-size:1.8rem; text-transform:uppercase;}
.index5 .txt dd{ font-size:1.1rem; margin-top:1rem; line-height:1.8rem; color:rgba(255,255,255,0.8)}
.index5 .bod{display:flex; flex-wrap:wrap; margin-top:2rem; width:100%;}
.index5 .bod dl{width:100%; margin-right:4%; background:rgba(255,255,255,0.1); padding:1rem 0rem; border-radius:0px 20px 0px 0px; transition: all 1s; margin-bottom:0.5rem;}
.index5 .bod dl:nth-child(4n){ margin-right:0px;}
.index5 .bod dl dt{ margin-left:1rem; margin-right:1rem; font-size:2rem;}
.index5 .bod dl dd{ margin-left:1rem; margin-right:1rem; margin-top:0.5rem; line-height:1.6rem;}
.index5 .bod dl:hover{ margin-top:-20px; transition: all 1s;}

.index6{ display:none;}

.modal {position:fixed; z-index:99999999;left: 0;top: 0;width: 100%;height:100vh;overflow: auto; background:rgba(0,0,0,0.95);}
.modal-content {margin:20% auto;width:90%; height:100vh; position:relative; text-align:center;}
.modal-content .txt{ width:100%;}
.modal-content .txt img{ width:50%; margin:auto;}
.modal-content .txt dl{ margin-top:15px; font-size:1.6rem; line-height:2rem;}
.modal-content .txt dt{ font-size:1.1rem; margin-top:1rem; line-height:1.6rem;}
.modal-content .txt dd{ margin-top:2rem; display:flex; flex-wrap:wrap; justify-content:center;}
.modal-content .txt dd a{ font-size:1.6rem; width:10rem; color:#FFF; padding-top:0.8rem; padding-bottom:0.9rem; border:2px #fff solid; border-radius:3rem; ; margin-bottom:1rem;}
.modal-content .txt dd span{width:10rem; color:#FFF; padding-top:0.8rem; padding-bottom:0.9rem; border:2px #fff solid; border-radius:3rem; margin-bottom:1rem;}
.close {font-size:1.6rem;}
.close:hover,.close:focus {color:#fff;text-decoration: none;cursor: pointer;}
.modal-content .txt li{ font-size:1.6rem; margin-top:2rem;}

.footer{overflow:hidden; width:94%; margin:auto; margin-top:2.5rem; margin-bottom:1.5rem;}
.footer .txt{ text-align:center;}
.footer .txt dt{ font-size:1.8rem; font-weight:bold;}
.footer .txt dd{ font-size:1.1rem; margin-top:0.7rem;}
.footer .bod{display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto; margin-top:2rem;}
.footer .bod dl{width:44%; border-radius:100%; border:#cfa911 0.2rem solid; margin-bottom:1.5rem;}
.footer .bod dl dt{ position:relative; padding-bottom:100%; overflow:hidden;}
.footer .bod dl dt img{filter:drop-shadow(#cfa911 0px 5000px); transform: translateY(-5000px); width:50%; height:50%; position:absolute; margin:25%;}

.foot{overflow: hidden; border-top:rgba(255,255,255,0.1) 1px solid; padding-top:2rem; padding-bottom:0rem; width:100%; border-bottom:rgba(255,255,255,0.1) 1px solid;}
.foot .bod{display: flex; flex-wrap:wrap;align-items: center; justify-content:space-between; width:94%; margin:auto;}
.foot .bod .item1{width:100%;}
.foot .bod .item1 dt{font-size:1.8rem; text-transform:uppercase;}
.foot .bod .item1 form{display: flex; flex-wrap:wrap; align-items: center; margin-top:15px;}
.foot .bod .item1 form input{ width:70%; border:none; height:50px; outline:none; padding-left:3%; color:#999; font-size:1rem;}
.foot .bod .item1 form input::placeholder{ color:#999; font-size:1rem;}
.foot .bod .item1 form button{ width:27%; border:none; height:52px; background:#cfa911; color:#FFF; font-size:1.1rem; outline:none;}
.foot .bod .item2{width:100%; display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:1.5rem;}
.foot .bod .item2 dd{width:45%; margin-bottom:1.5rem}
.foot .bod .item2 li{font-size:1rem; font-weight: bold; margin-bottom:15px;}
.foot .bod .item2 p{margin-top:10px; color:#666;}

.bottom{overflow:hidden; margin-top:2rem;}
.bottom dl{ width:150px; margin:auto;}
.bottom dl img{ width:100%;}
.bottom ul{ text-align:center; margin-top:1rem; color:#999}

.toolbar { width:100%; text-align:center;}
.toolbar img{ width:4rem; filter:drop-shadow(#666 0px 500000rem); transform: translateY(-500000rem); margin:auto; margin-top:0rem; margin-bottom:1rem;}

.nybanner{width:100%;}
.nybanner li{position:relative; padding-bottom:80%;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{ position:absolute; left:0; right:0; top:3rem; bottom:0; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; background:rgba(0,0,0,0.3);}
.nybanner li .info dl{color:#FFF; text-align:center;}
.nybanner li .info dl dt{ font-size:2rem; text-transform:uppercase;}
.nybanner li .info dl dd{ width:90%; margin:auto; margin-top:0.5rem; font-size:1rem; line-height:1.2rem;}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{position:relative; padding-bottom:60%;}
.nybanner1 li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner1 li .info{ position:absolute; left:0; right:0; top:3rem; bottom:0; display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.nybanner1 li .info dl{color:#FFF; text-align:center;}
.nybanner1 li .info dl dt{ font-size:1.4rem; text-transform:uppercase;}
.nybanner1 li .info dl dd{width:90%; margin:auto; margin-top:0.5rem; font-size:1rem; line-height:1.2rem;}

.huiyuan-banner{ overflow:hidden; width:100%; height:15rem; margin-top:9rem;}
.huiyuan-banner dt{ position:relative; height:15rem;}
.huiyuan-banner dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.huiyuan-banner dt .info{ position:absolute; top:0; bottom:0; left:0; right:0; display: flex; flex-wrap:wrap; align-items: center; color:#FFF; width:94%; margin:auto; font-size:4rem;}

.position{font-size:1rem; color:#666;}
.position dl{margin:1rem;}
.position1{font-size:1rem; color:#666; margin-top:4rem;}
.position1 dl{margin-left:1rem; margin-right:1em; margin-bottom:1rem;}
.position2{font-size:1rem; color:#666;}
.position2 dl{margin:1rem;}
.position3{font-size:1rem; color:#666;}
.position3 dl{margin:1rem;}
.position4{font-size:1rem; color:#666; margin-top:4rem; border-bottom:rgba(255,255,255,0.1) 1px solid; padding-bottom:1rem;}
.position4 dl{margin-left:1rem; margin-right:1em; margin-bottom:1rem;}

.p-list {margin-left:0.5rem; margin-right:0.5rem; margin-top:1rem; padding-bottom:1rem;}
.p-list .p-item {break-inside: avoid-column;margin-bottom:1rem;}
.p-list .p-item dt{ position:relative; padding-bottom:80%;}
.p-list .p-item dt img{width: 100%; height:100%; position:absolute; object-fit: cover;}
.p-list .p-item dt .info{ position:absolute; left:0; right:0; bottom:0; height:100%; transition: all 0.5s; background:rgba(0,0,0,0); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.p-list .p-item dt .info dl{display:none;}
.p-list .p-item:hover dt .info{height:100%; transition: all 0.5s; background:rgba(0,0,0,0.5);}
.p-list .p-item:hover dt .info dl{display: block; text-align:center; color:#FFF;}
.p-list .p-item:hover dt .info dl dd{ font-size:1.4rem;}
.p-list .p-item:hover dt .info dl p{ margin-top:0.5rem; font-size:1rem;}

.productlist{margin-bottom:1rem; padding-top:0.5rem; margin-left:1rem; margin-right:1rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .fl{width:100%;}
.productlist .fl dt{font-size:1.1rem; color:#999;}
.productlist .fr{ width:1000%;}
.productlist .fr .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .fr .bod dl{width:48.5%; display:block; margin-bottom:1rem; background:rgba(255,255,255,0.1); transition: all 0.5s;}
.productlist .fr .bod dl a{border:rgba(255,255,255,0.2) 1px solid; display:block; height:100%;}
.productlist .fr .bod dt{position:relative; padding-bottom:100%;}
.productlist .fr .bod dt img{width:90%; position:absolute; height:90%; margin-left:5%; margin-top:5%;}
.productlist .fr .bod dd{text-align:center; padding-bottom:15px; padding-top:5px;}
.productlist .fr .bod dl:hover {background:rgba(0,0,0,1); transition: all 0.5s;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; margin-top:20px; background: none;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666; padding:1rem 2rem; font-size:2.4rem; flex:1; overflow:hidden; overflow:hidden; border:#ccc 2px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.fanye .fenye2 .page-num-current{ color:#fff; border:#45a160 1px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#45a160;}
.fanye a{margin:0 0.5rem; border:#ccc 2px solid; padding:1rem 2rem; font-size:2.4rem; margin-bottom:1rem; background:#FFF;}
.fanye a:hover{color:#fff; border:#45a160 2px solid; background:#45a160;}
.fanye .fenye2 .page-num:hover{color:#fff; border:#45a160 1px solid; background:#45a160;}

.sideMenu{border-top:none; position:relative; margin-top:1rem;}
.sideMenu dl{ margin-bottom:1rem;}
.sideMenu h3{ height:3rem; line-height:3rem; padding-left:1rem; border:0.1rem solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.1); z-index:99; border-radius:0.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:1rem; font-weight:normal;}
.sideMenu h3 img{width:1.2rem; margin-right:1rem; filter:drop-shadow(#fff 0px 5000px); transform: translateY(-5000px);}
.sideMenu h3.on{ border:#333 0.1rem solid;}
.sideMenu ul{color:#999; display:none; /* 默认都隐藏 */ position:absolute; left:0; right:0; z-index:999; background:rgba(255,255,255,0.1); border:rgba(255,255,255,0.2) 0.1rem solid; border-radius:0.5rem;}
.sideMenu ul li{margin-bottom:0.5rem; font-size:1rem; margin-left:1rem;}
.sideMenu ul li:nth-child(1){margin-top:0.5rem;}
.sideMenu ul li:hover{color:#ff7f00;}
.sideMenu ul li.onon{color:#ff7f00;}

.product{overflow:hidden; margin-top:1rem; padding-bottom:1rem; margin-left:1rem; margin-right:1rem;}
.product .zuobian{ display:none;}
.product .bod{overflow:hidden; margin-bottom:2rem;}
.product .bod .fl{width:100%;}
.product .bod .fl .game163{overflow:hidden;}
.product .bod .fl .game163 .bigImg{overflow:hidden; width:100%;}
.product .bod .fl .game163 .bigImg li{border:#eee 0.2rem solid; padding:1rem;}
.product .bod .fl .game163 .bigImg li p{position:relative; padding-bottom:100%;}
.product .bod .fl .game163 .bigImg li p img{ position:absolute;width:100%; height:100%; margin:auto;}
.product .bod .fl .game163 .smallScroll{margin-top:1rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product .bod .fl .game163 .sPrev{font-size:1.4rem; font-family:"宋体"; color:#666;}
.product .bod .fl .game163 .sNext{font-size:1.4rem; font-family:"宋体"; color:#666;}
.product .bod .fl .game163 .sPrev:hover{ color:#0095d5;}
.product .bod .fl .game163 .sNext:hover{ color:#0095d5;}
.product .bod .fl .game163 .smallImg{float:left;  display:inline; width:90%; overflow:hidden;}
.product .bod .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; width:100%;}
.product .bod .fl .game163 .smallImg li{width:25%;}
.product .bod .fl .game163 .smallImg li p{position:relative; padding-bottom:92%; width:92%; margin:auto; border:0.1rem solid #eee;}
.product .bod .fl .game163 .smallImg li p img{ position:absolute; width:100%; height:100%;}
.product .bod .fl .game163 .smallImg .on img{border-color:#0095d5;}
.product .bod .fr{ width:100%; margin-top:1rem;}
.product .bod .fr .title{font-size:1.4rem; margin-bottom:1rem; display:block;}
.product .bod .fr .shijian{color:rgba(255,255,255,0.8); font-size:1rem; margin-bottom:1rem;}
.product .bod .fr .shijian span{text-transform:uppercase; margin-right:1rem;}
.product .bod .fr .cishu{color:rgba(255,255,255,0.8); font-size:1rem; margin-bottom:1rem;}
.product .bod .fr .cishu span{text-transform:uppercase; margin-right:1rem;}
.product .bod .fr .jiage{font-size:1rem; margin-bottom:1rem;}
.product .bod .fr .jiage span{text-transform:uppercase; margin-right:1rem;}
.product .bod .fr .jiage i{font-size:2rem;font-style:normal; color:#cfa911;}
.product .bod .fr .leixing{margin-bottom:1rem; font-size:1rem; padding:1rem; border:#ccc 1px solid; border-radius:0rem;}
.product .bod .fr .leixing span{text-transform:uppercase; margin-right:1rem; font-size:1rem; font-weight:bold;}
.product .bod .fr .yanse{margin-bottom:1rem; font-size:1rem; background:#f5f5f5; border:#ccc 1px solid; border-radius:0; padding:1rem;}
.product .bod .fr .yanse dt{text-transform:uppercase; margin-right:1rem; font-size:1rem; font-weight:bold;}
.product .bod .fr .yanse dd{display: flex; flex-wrap:wrap;}
.product .bod .fr .yanse dd p{ margin-top:0.6rem; margin-right:1rem;}
.product .bod .fr .huiyuan1{margin-top:4rem;}
.product .bod .fr .huiyuan1 dl{background:#f52f3d; color:#FFF; padding:1.5rem 2rem; border-radius:1rem; font-size:2.4rem;}
.product .bod .fr .huiyuan1 dd{color: #F00; font-size:2.4rem;}
.product .bod .fr .huiyuan1 dd span{width: fit-content; background:#45a160; color:#FFF; padding:1rem 2rem; border-radius:1rem; font-size:2.4rem; display:block; margin-top:1.5rem;}
.product .bod .fr .huiyuan1 ul{display: flex; flex-wrap:wrap; align-items:center; font-size:2.6rem;}
.product .bod .fr .huiyuan1 ul li{color:#333; font-size:2.6rem}
.product .bod .fr .huiyuan1 ul span{margin-right:15px; font-size:2.6rem; color:#666;}
.product .bod .fr .huiyuan1 ul p span{color:#F00; margin-left:15px; font-size:2.6rem;}
.product .bod .fr .zixun{margin-top:2rem; background:#45a160; color:#FFF; padding:1.5rem 2rem; border-radius:1rem; font-size:2.4rem; margin-bottom:5rem;}
.product .bod .www360buy{width:100%; margin-top:1rem; display:block; overflow:hidden;}
.product .bod .www360buy .bd{margin-top:1rem; font-size:1rem; overflow:hidden;}
.product .bod .www360buy .lh{overflow:hidden; line-height:1.6rem;}
.product .bod .www360buy .lh img{width:100% !important;}
.product .bod .gao90{margin-top:0rem; overflow:hidden;}
.product .message{overflow:hidden; padding-top:2rem;}
.product .message .txt{text-align:center; margin-bottom:2rem;}
.product .message .txt dd{font-size:1.2rem; font-weight:bold; text-transform:uppercase;}
.product .message dl{display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .message dl p {width:100%;}
.product .message dl p input{width:100%; border-bottom:#ccc 1px solid !important; border:none; margin-bottom:1rem; padding-bottom:1rem; outline:none; font-size:1rem;}
.product .message dl textarea{width:100%; border-bottom:#ccc 1px solid !important; border:none; outline:none; margin-bottom:1rem; font-family:Arial; font-size:1rem; color:#666;}
.product .message li textarea{width:100%; border-bottom:#ccc 1px solid !important; border:none; height:8rem; outline:none; margin-bottom:1rem; font-family:Arial; font-size:1rem; color:#666;}
.product .message button{width:98%; height:3rem; border:#ddd 0.1rem solid; background:none; color:#333; font-size:1rem; margin:auto;}
.product .message button:hover{background:#333; color:#FFF;}
.product .bod .fl .product-img{display:none;}

.about{overflow:hidden; background:#fff; margin-left:1rem; margin-right:1rem;}
.about .bod{display:flex; flex-wrap:wrap; justify-content:space-between;}
.about .bod .fl{width:100%;}
.about .bod .fl dt{ font-size:1.6rem;}
.about .bod .fl dd{ margin-top:1rem; font-size:1rem; line-height:1.5rem;}
.about .bod .fl dd p{ margin-bottom:1rem; color:#666;}
.about .bod .fr{width:100%;}
.about .bod .fr img{width:100%;}
.about .bod table{border-top:#CCC 1px solid; border-left:#CCC 1px solid; border-spacing:0;}
.about .bod table tr{ margin:0px; padding:0px;}
.about .bod table tr td{border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; padding:10px; margin:0px;}
.about .bod .firstRow{ background:#45a160; color:#FFF;}
.about .bod .firstRow td{border-right:#51bc70 1px solid; border-bottom:#51bc70 1px solid;}

.about1{width:90%; margin:auto;}
.about1 dt{ font-size:2rem; color:rgba(255,255,255,1);}
.about1 dd{ margin-top:1rem;}
.about1 dd p{ font-size:1rem; line-height:1.6rem; margin-top:1rem; color:rgba(255,255,255,0.8);}
.about1 dd img{ width:100%;}
.about1 table{border-top:#CCC 1px solid; border-left:#CCC 1px solid; border-spacing:0;}
.about1 table tr{ margin:0px; padding:0px;}
.about1 table tr td{border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; padding:10px; margin:0px;}
.about1 .firstRow{ background:#45a160; color:#FFF;}
.about1 .firstRow td{border-right:#51bc70 1px solid; border-bottom:#51bc70 1px solid;}

.index7-about{width:90%; margin:auto; overflow:hidden; text-align:center; margin-top:2rem; margin-bottom:2rem;}
.index7-about dt{font-size:1.8rem;}
.index7-about dd{font-size:1rem; line-height:1.6rem; margin-top:1.5rem; color:#666;}
.index7-about dd p{ margin-top:1rem;}

.history{ overflow:hidden; margin-left:4%; margin-right:4%; margin-top:1rem;}
.history .item{background:url(../images/history.png) repeat-y left; display: flex; flex-wrap:wrap; align-items:flex-start; width:100%; margin:auto; padding-bottom:1rem;}
.history .item .fl{width:270px;display: flex; flex-wrap:wrap; align-items:center;}
.history .item .fl li{ width:0.6rem; height:0.6rem; background:#ccc; border-radius:100%; margin-left:0.2rem}
.history .item:hover .fl li{background:#0054a5;}
.history .item .fl dd{ width:8rem; height:3rem; background:rgba(0,84,165,0.4); margin-left:6rem; color:#FFF; border-radius:1rem 0px 1rem 0px; text-align:center; line-height:3rem; font-size:1.2rem;}
.history .item:hover .fl dd{background:rgba(0,84,165,1);}
.history .item .fr{ width:85%; background:#FFF; border-radius:1rem 0px 1rem 0px; margin-left:15%;}
.history .item:hover .fr{box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);}
.history .item .fr dl{ margin:1.5rem;}
.history .item .fr dl dt{ font-size:1.2rem; color:#333;}
.history .item .fr dl dt span{ font-size:1rem;}
.history .item .fr dl dd{ margin-top:0.5rem; font-size:1rem; color:#666; line-height:1.4rem;}
.history .item .fr dl dd p{font-size:1rem; color:#666; line-height:1.4rem;}
.history .item .fr dl dd span{font-size:1rem; color:#666; line-height:1.4rem;}

.news-list{overflow:hidden; background:#f5f5f5;}
.news-list .bod{overflow:hidden; display:flex; flex-wrap:wrap; width:94%; margin:auto;}
.news-list .bod dl{overflow:hidden; width:100%; margin-bottom:1.5rem;}
.news-list .bod dl dt{position:relative; padding-bottom:67%;}
.news-list .bod dl dt img{position:absolute; width:100%; height:100%;}
.news-list .bod dl dd{ margin-top:1rem; font-size:1rem; line-height:1.5rem;}
.news-list .bod dl p{font-size:0.9rem; color:#666; line-height:24px; margin-top:0.6rem;}

.news-list1{overflow:hidden; padding-bottom:5rem; margin-left:1rem; margin-right:1rem; margin-top:1rem;}
.news-list1 .bod{overflow:hidden; display:flex; flex-wrap:wrap;}
.news-list1 .bod dl{overflow:hidden; width:100%; margin-bottom:2rem;}
.news-list1 .bod dl:nth-child(4n){margin-right:0px;}
.news-list1 .bod dl dt{position:relative; padding-bottom:67%;}
.news-list1 .bod dl dt img{position:absolute; width:100%; height:100%;}
.news-list1 .bod dl dd{ margin-top:1rem; font-size:1rem; line-height:1.5rem;}
.news-list1 .bod dl p{font-size:0.9rem; color:#666; line-height:1.5rem; margin-top:0.6rem;}

.newslist{overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between; width:94%; margin:auto;}
.newslist dl{width:100%; overflow:hidden; background:#FFF; margin-bottom:1rem; display:flex; flex-wrap:wrap; align-items:center;justify-content:space-between; padding:1.5rem 0px; border-radius:5px;}
.newslist dl .fl{width:90%; margin-left:5%;}
.newslist dl .fl li{ font-size:16px;}
.newslist dl .fl p{ margin-top:10px; color:#999; line-height:24px;}
.newslist dl .fl a:hover li{color:#666;}
.newslist dl .fr {width:90%; margin-left:5%; margin-top:1rem;}
.newslist dl .fr ul{display: flex; flex-wrap:wrap; align-items:center;}
.newslist dl .fr ul dd{ font-size:1.4rem; color:#999; margin-right:1rem;}
.newslist dl .fr ul p{ font-size:1rem; color:#666;}
.newslist-more{ width:94%; height:3rem; margin:auto; margin-top:1rem; text-align:center; background:#ddd; line-height:50px; margin-bottom:2rem; font-size:1rem;}
.newslist-more:hover{background:#333; color:#FFF;}

.news{width:90%; margin:2rem auto; overflow:hidden;}
.news .txt{ }
.news .txt dt{text-align:center; font-size:1.2rem;}
.news .txt dd{ display:none;}
.news .bod{margin-top:1rem; overflow:hidden; font-size:1rem; line-height:1.5rem; color:#666;}
.news .bod img{ width:100%;}
.news .bod table{border-top:#CCC 1px solid; border-left:#CCC 1px solid; border-spacing:0;}
.news .bod table tr{ margin:0px; padding:0px;}
.news .bod table tr td{border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; padding:1rem; margin:0px;}
.news .bod .firstRow{ background:#333; color:#FFF;}
.news .bod .firstRow td{border-right:#ccc 1px solid; border-bottom:#ccc 1px solid;}

.faq{ overflow:hidden; margin-left:1rem; margin-right:1rem; margin-top:1rem; margin-bottom:2rem;}
.sideMenu1{border-top:none; display:flex; flex-wrap:wrap; justify-content:space-between;}
.sideMenu1 dl{ margin-bottom:1.5rem;width:100%;}
.sideMenu1 h3{ border-bottom:1px solid #ddd; background:#fff; z-index:99; border-radius:0.5rem; display: grid; grid-template-columns: auto 1fr; align-items:center; justify-content:space-between; font-size:1rem; font-weight:normal; padding-bottom:1rem; line-height:1.5rem; padding-top:1rem;}
.sideMenu1 h3 img{width:16px; margin-left:1rem;}
.sideMenu1 h3.on{}
.sideMenu1 ul{color:#999; display:none; /* 默认都隐藏 */background:#fff; border-radius:0.5rem;}
.sideMenu1 ul li{margin:1.5rem 0rem; line-height:1.6rem;}
.sideMenu1 ul li:hover{color:#ff7f00;}
.sideMenu1 ul li.onon{color:#ff7f00;}

.mulu-txt{text-align:center; width:90%; margin:auto; font-size:1.4rem; color:#999; line-height:2rem; padding-top:1rem; padding-bottom:2rem; }

.mulu{width:100%; background:url(../images/mulu.jpg) repeat-y left; display: flex; flex-wrap:wrap;}
.mulu .bod{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:2rem; overflow:hidden; width:100%;}
.mulu .fl{width:90%; margin:auto;}
.mulu .fl dt{font-size:1.6rem; color:#666;}
.mulu .fl dd{margin-top:1rem; font-size:1rem; line-height:1.6rem; color:#999;}
.mulu .fr{width:90%; margin:auto; display: flex; flex-wrap:wrap; overflow:hidden; margin-top:2rem;}
.mulu .fr dl{ width:48.5%; margin-right:3%; margin-bottom:2rem;}
.mulu .fr dl:nth-child(2n){ margin-right:0px;}
.mulu .fr dl dt{ position:relative; padding-bottom:130%; box-shadow:4px 4px 8px 0px rgba(0,0,0,0.2);}
.mulu .fr dl dt img{ position:absolute; width:100%; height:100%;}
.mulu .fr dl dd{ margin-top:1rem; font-size:1rem; font-weight:bold;}
.mulu .fr dl li{display: flex; flex-wrap:wrap; align-items: center; margin-top:1rem;}
.mulu .fr dl li img{margin-left:0.5rem; filter:drop-shadow(#333 0px 5000px); transform: translateY(-5000px);}

.contact{overflow:hidden; margin-top:1rem; margin-left:1rem; margin-right:1rem; margin-bottom:2rem;}
.contact .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.contact .bod .item1{width:96%; border:rgba(255,255,255,0.1) 1px solid !important; overflow: hidden; padding-bottom:1rem; background:rgba(255,255,255,0.1)}
.contact .bod .item1 P{padding-left:1.5rem; margin-top:1rem; margin-left:1rem; margin-right:1rem; font-size:1rem; color:rgba(255,255,255,1);}
.contact .bod .item1 P:nth-child(1){background:url(../images/contact-1.png) no-repeat left center;}
.contact .bod .item1 P:nth-child(2){background:url(../images/contact-3.png) no-repeat left center;}
.contact .bod .item1 P:nth-child(3){background:url(../images/contact-2.png) no-repeat left center;}
.contact .bod .item1 P:nth-child(4){background:url(../images/contact-4.png) no-repeat left center;}
.contact .bod .item1 P:nth-child(5){background:url(../images/contact-5.png) no-repeat left center;}
.contact .bod .message{ width:97%; font-size:1rem; margin-top:2rem;}
.contact .bod .message .txt{ text-align:center; margin-bottom:70px;}
.contact .bod .message .txt dd{ font-size:2rem; font-weight:bold; text-transform:uppercase;}
.contact .bod .message dl{display: flex; flex-wrap:wrap; justify-content: space-between; width:100%;}
.contact .bod .message dl p {width:100%; border:rgba(255,255,255,0.1) 1px solid !important; margin-bottom:1rem; overflow: hidden;}
.contact .bod .message dl p input{outline:none; font-size:0.9rem; height:3rem; width:100%; padding-left:1rem; border:none; background:rgba(255,255,255,0.1); color:#FFF;}
.contact .bod .message li{border:rgba(255,255,255,0.1) 1px solid !important; margin-bottom:1rem; overflow: hidden;}
.contact .bod .message li textarea{ height:6rem; outline:none; font-family:Arial; font-size:0.9rem; color:#666; border:none; width:100%; padding-left:1rem; padding-top:1rem; background:rgba(255,255,255,0.1)}
.contact .bod .message button{width:100%; height:3rem; border:rgba(255,255,255,0.1) 1px solid; background:none; font-size:1rem; background:rgba(255,255,255,0.1); color:#FFF;}
.contact .bod .message button:hover{ background:#333; color:#FFF;}

.container{ overflow:hidden; padding-top:2rem; padding-bottom:2rem; margin-left:1rem; margin-right:1rem;}
.container dl{ margin-bottom:1.5rem; font-size:1rem;}
.container form dl p{ margin-top:0.6rem;border:#CCC 1px solid; overflow:hidden;}
.container form dl input{outline:none; font-size:1rem; border:none; height:3rem; width:100%; padding-left:1rem;}
.container form ul{font-size:1rem;}
.container form ul p{display: flex; flex-wrap:wrap; align-items: center; margin-top:0.6rem;}
.container form ul p span{ margin-right:30px; border:#CCC 1px solid; width:50%;}
.container form ul p img{ height:3.2rem;}
.container form ul input{ font-size:1rem; outline:none; border:none; width:50%; height:3rem;}
.container form li{ margin-top:2rem; font-size:1rem;}
.container form li button{ width: fit-content; background:#333; border:none; color:#FFF; font-size:1rem; margin-right:1.5rem; padding:0rem 2rem; height:3rem;}
.container form li span{ color:#666;}
.container form li span a{ color:#F00;}

.container1{width:90%; margin:auto; overflow:hidden;  padding-top:2rem; padding-bottom:2rem; display: flex; flex-wrap:wrap;}
.container1 .fl{width:100%;}
.container1 .fl dl{width:100%; overflow:hidden; font-size:1rem;}
.container1 .fl dl dt{ background:#333; padding-left:1rem; color:#FFF; padding:0.8rem 1rem;}
.container1 .fl dl dd{border:#CCC 1px solid; border-top:none !important;}
.container1 .fl dl dd p{padding:0.8rem 1rem; border-top:#CCC 1px solid; margin-bottom:0px !important;}
.container1 .fr{ width:100%; margin-top:1rem;}
.container1 .fr table{width:100%; border-top:#ccc 1px solid; border-left:#ccc 1px solid; margin-bottom:2rem;}
.container1 .fr table tr td{border-bottom:#ccc 1px solid; margin:0; border-right:#ddd 1px solid; font-size:1rem; padding:0.8rem;}
.container1 .fr table tr td img{ width:8rem; height:8rem;}
.container1 .fr table tr td:nth-child(1){ width:40%;}
.container1 .fr table tr td:nth-child(2){ width:60%;}
.container1 .fr a{ background:#333; color:#FFF; padding:0.8rem 2rem; font-size:1rem; margin-top:2rem;}
.container1 .fr a:hover{ background:#000;}
.container1 .fr dl{font-size:1rem; margin-bottom:1rem; width:100%; display: flex; flex-wrap:wrap; align-items: center;}
.container1 .fr dl img{width:6rem;}
.container1 .fr dl li{ width:100%; font-size:1rem; margin-left:25%;}
.container1 .fr dl li .btn{ font-size:1rem !important; padding:0.8rem 1rem;}
.container1 .fr dl p{ width:75%;}
.container1 .fr dl p input{ width:98%; outline:none; border:#ccc 1px solid; padding:0.8rem 1rem; }
.container1 .fr dl label{ width:25%;}
.container1 .fr dl select{ width:100px;}
.container1 .fr dl button{width: fit-content; background:#333; border:none; color:#FFF; padding:0.8rem 2rem; font-size:1rem; margin-right:1.5rem; margin-top:1rem; border-radius:none !important;}
.container1 .fr .btn{width: fit-content; background:#333; border:none; color:#FFF; padding:0.8rem 2rem; font-size:1rem; margin-right:1.5rem; margin-top:1rem; border-radius:none !important;}
.container1 .fr .btn-info{width: fit-content; background:#333; border:none; color:#FFF; padding:0.8rem 2rem; font-size:1rem; margin-right:1.5rem; margin-top:1rem; border-radius:none !important;}

.modal-dialog1{ width:90%; margin:auto; padding:2rem 1rem; background:#FFF; margin-top:20rem;}
.modal-content1{ background:#FFF;}
.modal-header1{ margin-bottom:10px;}
.modal-header1 h4{ font-size:20px;}
.modal-body1{ margin-bottom:20px;}
.modal-body1 input{font-size:16px;}
.modal-footer1 .button1{border:none; background:#f52f3d; color:#FFF; padding:7px 15px; border-radius:5px;}
.modal-footer1 .button2{border:none; background:#45a160; color:#FFF; padding:7px 15px; border-radius:5px;}

.searchlist{ width:94%; margin:auto; margin-top:2rem;}
.searchlist form{display: flex; flex-wrap:wrap; align-items: center; }
.searchlist form input{ width:70%; border:#CCC 1px solid; padding-left:5%; height:55px; border-radius:none; font-size:16px;}
.searchlist form input::placeholder{font-size:1rem;}
.searchlist form button{ width:24%; height:57px; border-radius:none; background:#333; border:none; font-size:1.2rem; color:#FFF;}
}