*{margin:0;padding:0}
body{color:#333; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Arial; font-size:16px;}
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){
.top1bj{background: rgba(255,255,255,1); position: absolute; top: 0; left:0; width: 100%; z-index: 2; position:fixed; border-bottom:#eee 1px solid;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 .logo{ margin-left:3rem;}
.top1bj .width-head .logo a{display:flex; flex-wrap:wrap; align-items: center; transition: all 1s;}
.top1bj .width-head .logo img{height:55px; margin-right:15px; transition: all 1s;}
.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:1rem;}
.top1bj .width-head .fr .search:hover img{filter:drop-shadow(#333 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:#666; display: flex; align-items: center; height:80px;}
.navBar .nav h3 .active{color:#151515;}
.navBar .nav h3 a:hover{color:#151515;}
.navBar .nav .m{float:left; margin:0 1.5rem; text-align:center;   }
.navBar .nav h3 a{display:block; display:flex; flex-wrap:wrap; align-items: center; height:80px;}
.navBar .nav h3 a i{ width:14px; height:80px; display:flex; flex-wrap:wrap; align-items: center;}
.navBar .nav h3 img{ width:14px; margin-left:10px;}
.navBar .nav .m:nth-child(5) h3 i,.navBar .nav .m:nth-child(6) h3 i,.navBar .nav .m:nth-child(7) h3 i{ display:none;}
.navBar .nav .sub{ display:none; /*默认隐藏*/ position:absolute; left:0; right:0; top:80px;  background:#fff;  line-height:30px; z-index:999999;}
.navBar .nav .sub .item{margin:0px 40px; display:flex; flex-wrap:wrap; justify-content:center;}
.navBar .nav .sub li{font-size:14px; line-height:20px; color:#787878; width:7.4%; margin-bottom:30px; margin-left:0.8%; margin-right:0.8%; border-bottom:#ddd 2px solid; padding-bottom:15px;}
.navBar .nav .sub li:nth-child(1),.navBar .nav .sub li:nth-child(2),.navBar .nav .sub li:nth-child(3),.navBar .nav .sub li:nth-child(4),.navBar .nav .sub li:nth-child(5),.navBar .nav .sub li:nth-child(6),.navBar .nav .sub li:nth-child(7),.navBar .nav .sub li:nth-child(8),.navBar .nav .sub li:nth-child(8),.navBar .nav .sub li:nth-child(9),.navBar .nav .sub li:nth-child(10),.navBar .nav .sub li:nth-child(11){ margin-top:20px;}
.navBar .nav .sub li .img{padding:10px 0px; overflow:hidden;}
.navBar .nav .sub li .img img{ width:90px;}
.navBar .nav .sub li .title{ text-align:center; margin-top:0px;}
.navBar .nav .sub li a:hover{ color:#151515;}
.navBar .nav .sub li:hover{border-bottom:#999 2px solid;}
.navBar .nav .m:nth-child(2) .sub li,.navBar .nav .m:nth-child(3) .sub li,.navBar .nav .m:nth-child(4) .sub li,.navBar .nav .m:nth-child(5) .sub li,.navBar .nav .m:nth-child(6) .sub li,.navBar .nav .m:nth-child(7) .sub li{ width:10.9%; margin-left:0.8%; margin-right:0.8%; border-bottom:none;}
.navBar .nav .m:nth-child(2) .sub li .img img,.navBar .nav .m:nth-child(3) .sub li .img img,.navBar .nav .m:nth-child(4) .sub li .img img,.navBar .nav .m:nth-child(5) .sub li .img img,.navBar .nav .m:nth-child(6) .sub li .img img,.navBar .nav .m:nth-child(7) .sub li .img img{ width:100%;}
.navBar .nav .m:nth-child(2) .sub dl,.navBar .nav .m:nth-child(3) .sub dl,.navBar .nav .m:nth-child(4) .sub dl,.navBar .nav .m:nth-child(5) .sub dl,.navBar .nav .m:nth-child(6) .sub dl,.navBar .nav .m:nth-child(7) .sub dl{ display:none;}
.navBar .nav .sub dl{width:7.4%; margin-bottom:30px; margin-left:0.8%; margin-right:0.8%; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#666;}
.navBar .nav .sub dl:hover{color:#333;}
.top1bj .width .logo:hover img{height:60px; margin-right:15px; transition: all 1s;}

.slideBox{ width:100%; height:100vh; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; width:100%; height:100vh;}
.slideBox .bd li img{position:absolute; width:100%; height:100vh; display:block; object-fit: cover; }
.slideBox .prev,.slideBox .next{width:80px;height:80px;position:absolute;bottom:40px;filter:alpha(opacity=50);opacity:0.5;}
.slideBox .prev{right:120px;background:url(../images/prev.png) no-repeat center;border:1px solid #fff;border-right:none !important;}
.slideBox .next{right:40px;background:url(../images/next.png) no-repeat center; border:1px solid #fff;}
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.index1{ overflow:hidden; padding:5rem 2rem;}
.index1 .txt{text-align:center;}
.index1 .txt dt{font-size:1.8rem; color:#999;}
.index1 .txt dd{ font-size:1rem; width:800px; margin:auto; margin-top:15px; line-height:24px; text-align:left;}
.index1 .ladyScroll{margin-top:40px;}
.index1 .ladyScroll .zuoyou{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; border:#ddd 1px solid; width:151px; height:70px; margin:auto; margin-top:60px;}
.index1 .ladyScroll .prev,.index1 .ladyScroll .next{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; width:74px; height:70px;}
.index1 .ladyScroll .prev img,.index1 .ladyScroll .next img{filter:drop-shadow(#333 0px 5000px); transform: translateY(-5000px); width:40px; filter:alpha(opacity=20) !important;opacity:0.2 !important;}
.index1 .ladyScroll .prev:hover img,.index1 .ladyScroll .next:hover img{filter:alpha(opacity=80) !important;opacity:0.8 !important;}
.index1 .ladyScroll .zuoyou p{ width:1px; height:45px; background:#ddd;}
.index1 .ladyScroll .scrollWrap{}
.index1 .ladyScroll .dlList{display:flex; flex-wrap:wrap; align-items: center;}
.index1 .ladyScroll .dlList dl{width:20%;}
.index1 .ladyScroll .dlList dt{position:relative; padding-bottom:120%; padding-top:5%;}
.index1 .ladyScroll .dlList dt .img{ position:absolute;left:0; right:0; bottom:0; top:6%;}
.index1 .ladyScroll .dlList dt .img img{ width:100%; height:84%;}
.index1 .ladyScroll .dlList dt .info{ position:absolute; left:5%; right:5%; bottom:0px; height:2%; background:#ddd; transition: all 1s;}
.index1 .ladyScroll .dlList dt .titi{ position:absolute; left:3%; right:3%; bottom:6%; text-align:center;}
.index1 .ladyScroll .dlList dl:hover .info{height:100%; transition: all 1s;}
.index1-wap{display:none;}

.sousuo{font-size:1rem; overflow:hidden; width:100%; margin:auto; background:#f5f5f5;}
.sousuo .bod{ width:70%; margin:70px auto; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.sousuo .bod dl{width:32%; border:#666 2px solid; height:50px; line-height:50px; overflow:hidden; text-align:center; background:#f5f5f5; transition: all 1s; color:#666;}
.sousuo .bod dl:hover{background:#333; border:#333 2px solid; transition: all 1s; color:#FFF;}
.sousuo .bod ul{width:32%;height:50px; line-height:50px; background:#333; color:#FFF; text-align:center;}
.sousuo .bod ul:hover{color:rgba(255,255,255,0.6);}

.index-txt{ text-align:center; width:70%; margin: auto;}
.index-txt dt{ font-size:1.8rem;}
.index-txt dd{ font-size:1rem; margin-top:1rem; line-height:1.8rem; color:#666; text-align:left;}

.index2{margin-top:80px;}
.index2 .bod{ width:100%; overflow:hidden; margin-top:80px;}
.index2 .bod dl{width:49.5%; background:#999; float:left; margin-bottom:1%; margin-left:1%;}
.index2 .bod dl dt{padding-bottom:49%; position:relative;}
.index2 .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.index2 .bod dl dt ul{ position:absolute;top:0;right:0;left:0;bottom:0;font:24px;color:#FFF;transition:0.5s ease-in;border:rgba(255,255,255,0.3) 1px solid;display:flex;flex-wrap:wrap;align-items:flex-end; justify-content:center;}
.index2 .bod dl dt ul dd{font-size:2.2rem; text-align:center; margin-bottom:2rem;}
.index2 .bod dl dt ul dd p{font-size:1rem; margin-top:10px;}
.index2 .bod dl dt ul:hover{top:25px; right:25px; left:25px; bottom:25px; transition:0.5s ease-in; background:rgba(0,0,0,0.2); border:rgba(255,255,255,0.3) 1px solid;}
.index2 .bod dl:nth-child(1){margin-left:0px;}
.index2 .bod dl:nth-child(2n){margin-left:0px;}
.index2 .bod dl:nth-child(2){margin-left:1%;}
.index2 .bod dl:nth-child(1) dt{padding-bottom:100%;}

.sousuo1{font-size:1rem; overflow:hidden; width:100%; margin:auto; margin-top:5rem;}
.sousuo1 .bod{ width:70%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.sousuo1 .bod dl{width:32%; border:#666 2px solid; height:50px; line-height:50px; overflow:hidden; text-align:center; background:#f5f5f5; transition: all 1s; color:#666;}
.sousuo1 .bod dl:hover{background:#333; border:#333 2px solid; transition: all 1s; color:#FFF;}
.sousuo1 .bod ul{width:32%;height:50px; line-height:50px; background:#333; color:#FFF; text-align:center;}
.sousuo1 .bod ul:hover{color:rgba(255,255,255,0.6);}

.index3{overflow:hidden; margin-top:6rem; background:#fff;}
.index3 .txt{width:70%; margin:auto;}
.index3 .txt li{font-size:1.8rem; text-align:center;}
.index3 .txt ul{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; margin-top:4rem;}
.index3 .txt ul dl{width:25%; transition: all 0.5s;}
.index3 .txt ul dl dt{ width:45%; margin:auto;}
.index3 .txt ul dl dt img{ width:100%;}
.index3 .txt ul dl dd{ width:90%; margin:auto; margin-top:1rem; text-align:center; line-height:1.6rem;}
.index3 .txt ul dl:hover{ margin-top:-1.5rem; transition: all 0.5s;}
.index3 .bod{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:6rem; background:#f5f5f5;}
.index3 .bod .fl{width:60%;}
.index3 .bod .fl dt{ position:relative; padding-bottom:55%;}
.index3 .bod .fl dt img{ position:absolute; width:100%; height:100%;}
.index3 .bod .fl dt .info{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.2); display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index3 .bod .fl dt .info img{ width:80px; height:80px;}
.index3 .bod .fr{width:35%;}
.index3 .bod .fr dt{font-size:1.8rem; margin-right:5rem;}
.index3 .bod .fr dt p{ font-size:1.4rem; margin-top:1rem;}
.index3 .bod .fr dd{ margin-top:1rem; font-size:1rem; line-height:1.6rem; margin-right:5rem; color:#757575;}

.index4{overflow:hidden; margin-top:5rem; margin-left:3rem; margin-right:3rem;}
.index4 .bod{display:flex; flex-wrap:wrap; justify-content:space-between;}
.index4 .bod dl{width:49%; background:#FFF;}
.index4 .bod dl dt{position:relative; padding-bottom:60%;}
.index4 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index4 .bod dl dt .info{position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(51,51,51,0.2);  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transition: all 0.5s;}
.index4 .bod dl dt .info ul{text-align:center; color:#FFF; width:80%; text-shadow: 2px 2px 5px #333333;}
.index4 .bod dl dt .info dd{font-size:2rem;}
.index4 .bod dl dt .info li{margin-top:1rem; line-height:1.6rem; font-size:1rem;}
.index4 .bod dl:hover dt .info{background:rgba(51,51,51,0.5); transition: all 0.5s;}

.index5{overflow:hidden; width:100%; background:#f5f5f5; padding-top:4rem ; padding-bottom:5rem; margin-top:5rem;}
.index5 .picScroll-left{width:100%;  overflow:hidden;}
.index5 .picScroll-left .hd{margin-left:3rem; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; position:relative;}
.index5 .picScroll-left .hd .txt dt{font-size:1.8rem;}
.index5 .picScroll-left .hd .txt dd{font-size:1rem; margin-top:10px; width:700px; line-height:24px; color:#666;}
.index5 .picScroll-left .hd .zuoyou{position:absolute; bottom:0; right:3rem; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; border:#ddd 1px solid; width:151px; height:70px; margin-top:60px;}
.index5 .picScroll-left .hd .prev,.index5 .picScroll-left .hd .next{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; width:74px; height:70px;}
.index5 .picScroll-left .hd .prev img,.index5 .picScroll-left .hd .next img{filter:drop-shadow(#333 0px 5000px); transform: translateY(-5000px); width:40px; filter:alpha(opacity=20) !important;opacity:0.2 !important;}
.index5 .picScroll-left .hd .prev:hover img,.index5 .picScroll-left .hd .next:hover img{filter:alpha(opacity=80) !important;opacity:0.8 !important;}
.index5 .picScroll-left .hd .zuoyou p{width:1px; height:45px; background:#ddd;}
.index5 .picScroll-left .bd{overflow:hidden; width:100%; margin-top:3rem;}
.index5 .picScroll-left .bd ul{overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index5 .picScroll-left .bd ul li{overflow:hidden; width:33.33333%;}
.index5 .picScroll-left .bd ul li dt{position:relative; padding-bottom:67%;}
.index5 .picScroll-left .bd ul li dt img{position:absolute; width:94%; height:95%; margin-left:3%;}
.index5 .picScroll-left .bd ul li dd{ width:94%; margin:auto; margin-top:0px; font-size:1.1rem;}
.index5 .picScroll-left .bd ul li p{ width:94%; margin:auto; font-size:0.9rem; color:#666; line-height:24px; margin-top:0.6rem;}
.index5-wap{display:none;}

.index6{ overflow:hidden; margin:5rem 3rem;}
.index6 .txt{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index6 .txt dl{}
.index6 .txt dl dt{font-size:1.8rem;}
.index6 .txt dl dd{font-size:1rem; margin-top:10px; width:900px; line-height:24px; color:#666;}
.index6 .txt span{width:fit-content; background:#333; padding:10px 25px; color:#fff;}
.index6 .bod{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:3rem;}
.index6 .bod dl{ width:23.5%;}
.index6 .bod dl dt{ position:relative; padding-bottom:130%;}
.index6 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index6 .bod dl dd{ margin-top:1.8rem; font-size:1.2rem;}
.index6 .bod dl li{display: flex; flex-wrap:wrap; align-items: center; margin-top:1rem;}
.index6 .bod dl li img{margin-left:0.5rem; filter:drop-shadow(#333 0px 5000px); transform: translateY(-5000px);}

.modal {display:none; position:fixed; z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);}
.modal-content {background-color:rgba(100%,100%,100%,1);margin: 15% auto;padding: 20px;border: 1px solid #888;width:40%; height:100px; position:relative;}
.modal-content .txt{ width:80%;}
.modal-content .txt dt{ font-size:1rem;}
.modal-content .txt dd{ font-size:1.2rem; width:fit-content; background:#333;text-transform:uppercase; color:#FFF; padding-top:0.5rem; padding-bottom:0.6rem; padding-left:3rem; padding-right:3rem; margin-top:15px;}
.close {color: #aaa;font-size: 28px;font-weight: bold; position:absolute; right:20px; top:10px;}
.close:hover,.close:focus {color: black;text-decoration: none;cursor: pointer;}

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

.foot{overflow: hidden; border-top:#eee 1px solid; padding-top:4rem; padding-bottom:4rem; width:100%; border-bottom:#eee 1px solid;}
.foot .bod{display: flex; flex-wrap:wrap;align-items: center; justify-content:space-between; margin-left:3rem; margin-right:3rem;}
.foot .bod .item1{width:75%; display: flex; flex-wrap:wrap; justify-content:space-between;}
.foot .bod .item1 ul{ 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:10px; border:#CCC 1px solid;}
.foot .bod .item1 form input{ width:77%; border:none; height:45px; 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:47px; background:#333; color:#FFF; font-size:1.1rem; outline:none;}
.foot .bod .item1 .item2{ width:63%; 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;}
.foot .bod .item3{width:20%;}
.foot .bod .item3 li{float:right; margin-left:20px;}
.foot .bod .item3 li img{ width:18px; filter:alpha(opacity=60) !important;opacity:0.6 !important;}
.foot .bod .item3 li:hover img{filter:alpha(opacity=100) !important;opacity:1 !important;}

.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:50px;position:fixed; right:5px; top:65%; z-index:999;}
.toolbar dd {width:50px; height:50px; margin-bottom:2px; position:relative; background:#333; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#fff; font-size:12px; border:#333 1px solid；}
.toolbar dd i p img{width:25px;}
.toolbar dd i{font-style:normal;}
.toolbar .pop {position:absolute; right:52px !important; background:#333; display:none; border:#333 1px solid; top:0px;}
.toolbar .pop-code { padding:10px; border-radius:2px;}
.toolbar .pop-code1{bottom:12px; color:#fff; font-size:16px; border-radius:2px; width:260px; height:50px; line-height:50px;}
.toolbar .pop-code2{width: 180px; bottom:12px; color:#fff; font-size:14px; padding:5px 10px; border-radius:2px;}
.toolbar .pop-code img {width: 120px;height: 120px;display: block; margin:auto;}
.toolbar .pop-code h3 {text-align: center;color: #fff;font-size: 12px;font-weight:normal; white-space: nowrap; margin-top:10px; font-style: normal;}
.toolbar dd:nth-child(1){ border-radius:5px;}
.toolbar dd:nth-child(2){border-radius:5px;}
.toolbar dd:nth-child(3){ border-radius:5px;}
.toolbar dd:nth-child(4){border-radius:5px;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{position:relative; height:650px;}
.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{font-size:1rem; padding:1.5rem 3rem; margin-top:80px;}

.p-list {column-count:5;column-gap:2.5rem; margin-left:3rem; margin-right:3rem; margin-top:80px; 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;}
.p-list .p-item dt img{width: 100%;  display: block;}
.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:2rem;}
.p-list .p-item:hover dt .info dl p{ margin-top:0.5rem;}

.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%; display:block; margin-bottom:2rem;}
.productlist .fr .bod dl:nth-child(5n){margin-right:0;}
.productlist .fr .bod dt{position:relative; padding-bottom:130%; border: #eee 1px solid; background:#FFF;}
.productlist .fr .bod dt .img{ position:absolute;left:0; right:0; bottom:0; top:6%;}
.productlist .fr .bod dt .img img{ width:100%;}
.productlist .fr .bod dt .info{ position:absolute; left:0; right:0; bottom:0; height:2%; background:#ddd; transition: all 1s;}
.productlist .fr .bod dt .titi{ position:absolute; left:3%; right:3%; bottom:6%; text-align:center;}
.productlist .fr .bod dl:hover .info{height:100%; transition: all 1s;}
.active-pp{background:url(../images/active-pp-2.png) left center no-repeat; background-size:14px;}

.sideMenu{border-top:none; position:relative;}
.sideMenu dl{ margin-bottom:1.5rem;}
.sideMenu h3{ height:3rem; line-height:3rem; padding-left:1rem; border: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;}
.sideMenu h3 img{width:16px; margin-right:1rem;}
.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;}

.fenlei-p{overflow:hidden; padding-top:20px; border-bottom:#ddd 1px dashed;}
.fenlei-p dl{margin-bottom:20px; border-top:#ddd 1px dashed; padding-top:20px;}
.fenlei-p dl dt{ font-size:16px !important; color:#333 !important;}
.fenlei-p dl dt span{ margin-left:15px;}
.fenlei-p dl dt .btn-light{ background:url(../images/active-pp-1.png) left center no-repeat; padding-left:20px; color:#333 !important; background-size:15px;}
.fenlei-p dl dt .active-11{background:url(../images/active-pp-2.png) left center no-repeat; padding-left:25px; color:#333 !important; background-size:15px;}
.fenlei-p dl dd{}
.fenlei-p dl dd p{ margin-top:15px;}
.fenlei-p dl dd a{background:url(../images/active-pp-1.png) left center no-repeat; padding-left:25px; font-size:16px; color:#666; background-size:15px;}
.fenlei-p dl dd a.active-22{background:url(../images/active-pp-2.png) left center no-repeat; padding-left:25px; background-size:15px;}

.productlist1{margin-bottom:50px; padding-top:2.5rem; margin-left:3rem; margin-right:3rem; overflow:hidden}
.productlist1 .bod{display: flex; flex-wrap:wrap;}
.productlist1 .bod dl{width:15.5%; margin-right:1.4%; display:block; margin-bottom:2rem;}
.productlist1 .bod dl:nth-child(6n){margin-right:0;}
.productlist1 .bod dt{position:relative; padding-bottom:130%; border: #eee 1px solid; background:#FFF;}
.productlist1 .bod dt .img{ position:absolute;left:0; right:0; bottom:0; top:6%;}
.productlist1 .bod dt .img img{ width:100%;}
.productlist1 .bod dt .info{ position:absolute; left:0; right:0; bottom:0; height:2%; background:#ddd; transition: all 1s;}
.productlist1 .bod dt .titi{ position:absolute; left:3%; right:3%; bottom:6%; text-align:center;}
.productlist1 .bod dl:hover .info{height:100%; transition: all 1s;}

.product{overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between; width:1200px; margin:auto; margin-top:4rem; padding-bottom:3rem;;}
.product .zuobian{ display:none;}
.product .zuobian dt{ font-size:1.2rem; color:#999;}
.product .bod{display: flex; flex-wrap:wrap; justify-content: space-between; width:1200px;}
.product .bod .fl{width:580px;}
.product .bod .fl .game163{overflow:hidden; z-index:999999999999999;}
.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:560px;}
.product .bod .fr .title{font-size:24px; margin-bottom:10px; display:block;}
.product .bod .fr .shijian{color:#666; font-size:14px; margin-bottom:10px;}
.product .bod .fr .shijian span{ text-transform:uppercase; margin-right:10px;}
.product .bod .fr .cishu{color:#666; 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:#666;}
.product .bod .fr .jiage span{text-transform:uppercase; margin-right:10px;}
.product .bod .fr .jiage i{font-size:30px; font-style:normal; color:#F00;}
.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 .xiazai{width:fit-content; background:#333; color:#fff; padding:15px 40px; border-radius:5px;}
.product .bod .fr .yanse{margin-bottom:10px; font-size:16px; background:#f5f5f5; border:#ddd 1px solid; border-radius:5px; margin-top:20px; padding-top:15px; padding-left:15px; padding-right:15px; padding-bottom:5px;}
.product .bod .fr .yanse dd{}
.product .bod .fr .yanse dd p{ margin-bottom: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:#ddd 1px solid !important; border:none; margin-bottom:30px; padding-bottom:18px; outline:none; font-size:16px;}
.product .message dl textarea{width:100%; border-bottom:#ddd 1px solid !important; border:none; outline:none; margin-bottom:30px; font-family:Arial; font-size:16px; color:#f52f3d}
.product .message li textarea{width:100%; border-bottom:#ddd 1px solid !important; border:none; height:100px; outline:none; margin-bottom:30px; font-family:Arial; font-size:16px; color:#666;}
.product .message button{width:100%; height:50px; border:#ccc 1px solid; background:none; font-size:16px;}
.product .message button:hover{ background:#333; color:#FFF;}

.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:#999;}
.about1 dd{ margin-top:1rem;}
.about1 dd p{ font-size:1rem; line-height:1.6rem; margin-top:1rem; color:#666;}
.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:#aaa; border-radius:100%; margin-left:3px}
.history .item:hover .fl li{background:#333;}
.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:#FFF; 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; color:#333;}
.history .item .fr dl dt span{ font-size:16px; color:#666; margin-left:10px;}
.history .item .fr dl dd{ margin-top:10px; font-size:16px; color:#666; line-height:24px;}
.history .item .fr dl dd p{ font-size:16px; color:#666; line-height:24px;}
.history .item .fr dl dd span{font-size:16px; color:#666; 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:#ddd 1px solid !important; overflow: hidden;}
.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-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: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:#ddd 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;}
.contact .bod .message li{border:#ddd 1px solid !important; margin-bottom:30px; overflow: hidden;}
.contact .bod .message li textarea{ height:100px; outline:none; font-family:Arial; font-size:16px; color:#666; border:none; width:100%; padding-left:1rem; padding-top:1rem;}
.contact .bod .message button{width:100%; height:50px; border:#ccc 1px solid; background:none; font-size:16px;}
.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:30px;}
.searchlist form{display: flex; flex-wrap:wrap; align-items: center;}
.searchlist form input{ width:780px; border:#CCC 1px solid; padding-left:20px; height:55px; border-radius:none; font-size:16px;}
.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;}

.top1bj{background:rgba(255,255,255,1); position: absolute; top:0rem; 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:2rem; margin-right:1rem; z-index:999;}
.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{ display:none;}
.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;}
.top1bj .width-head #Menu-btn-h{overflow: hidden; display:none; background-color:rgba(255,255,255,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;}
.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:#FFF; position:absolute; top:3rem; left:0; right:0; border-top:#ccc 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:#ddd 1px solid; color:#666;}
.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;}

.index1-wap{ overflow:hidden; padding:2rem 1rem;}
.index1-wap .txt{text-align:center;}
.index1-wap .txt dt{font-size:1.4rem; color:#999;}
.index1-wap .txt dd{ font-size:1rem; margin-top:1rem; line-height:1.5rem; text-align:left;}
.index1-wap .ladyScroll-wap{margin-top:1rem;}
.index1-wap .ladyScroll-wap .zuoyou{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:2rem;}
.index1-wap .ladyScroll-wap .prev,.index1-wap .ladyScroll-wap .next{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; border:#ddd 0.1rem solid; width:2.5rem; height:2.5rem;}
.index1-wap .ladyScroll-wap .prev img,.index1-wap .ladyScroll-wap .next img{filter:drop-shadow(#333 0px 5000px); transform: translateY(-5000px); width:1.5rem; filter:alpha(opacity=20) !important;opacity:0.2 !important;}
.index1-wap-wap .ladyScroll-wap .prev:hover img,.index1-wap .ladyScroll-wap .next:hover img{filter:alpha(opacity=80) !important;opacity:0.8 !important;}
.index1-wap-wap .ladyScroll-wap .zuoyou p{ display:none;}
.index1-wap-wap .ladyScroll-wap .scrollWrap-wap{}
.index1-wap .ladyScroll-wap .dlList-wap{display:flex; flex-wrap:wrap; align-items: center;}
.index1-wap .ladyScroll-wap .dlList-wap dl{width:50%;}
.index1-wap .ladyScroll-wap .dlList-wap dt{position:relative; padding-bottom:134%; padding-top:5%;}
.index1-wap .ladyScroll-wap .dlList-wap dt .img{ position:absolute;left:0; right:0; bottom:0; top:6%;}
.index1-wap .ladyScroll-wap .dlList-wap dt .img img{ width:100%;}
.index1-wap .ladyScroll-wap .dlList-wap dt .info{ position:absolute; left:3%; right:3%; bottom:0px; height:2%; background:#ddd; transition: all 1s;}
.index1-wap .ladyScroll-wap .dlList-wap dt .titi{ position:absolute; left:3%; right:3%; bottom:7%; text-align:center; font-size:1rem;}
.index1-wap .ladyScroll-wap .dlList-wap dl:hover .info{height:100%; transition: all 1s;}
.index1{ display:none;}

.sousuo{font-size:1rem; overflow:hidden; width:100%; margin:auto; background:#f5f5f5;}
.sousuo .bod{ width:90%; margin:2rem auto; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.sousuo .bod dl{width:100%; border:#666 0.2rem solid; height:3rem; line-height:3rem; overflow:hidden; text-align:center; background:#f5f5f5; transition: all 1s; color:#666; margin-bottom:1rem; font-size:1rem;}
.sousuo .bod dl:hover{background:#333; border:#333 0.2rem solid; transition: all 1s; color:#FFF;}
.sousuo .bod ul{width:100%;height:3rem; line-height:3rem; background:#333; color:#FFF; text-align:center; font-size:1rem;}
.sousuo .bod ul:hover{color:rgba(255,255,255,0.6);}

.index-txt{ text-align:center; width:90%; margin: auto;}
.index-txt dt{ font-size:1.4rem;}
.index-txt dd{ font-size:1rem; margin-top:0.5rem; line-height:1.5rem; color:#666; text-align:left;}

.index2{margin-top:2rem;}
.index2 .bod{ width:94%; margin:auto; overflow:hidden; margin-top:2rem;}
.index2 .bod dl{width:100%; background:#999; float:left; margin-bottom:1rem;}
.index2 .bod dl dt{padding-bottom:49%; position:relative;}
.index2 .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.index2 .bod dl dt ul{ position:absolute;top:0;right:0;left:0;bottom:0;font:24px;color:#FFF;transition:0.5s ease-in;border:rgba(255,255,255,0.3) 1px solid;display:flex;flex-wrap:wrap;align-items:flex-end; justify-content:center;}
.index2 .bod dl dt ul dd{font-size:1.4rem; text-align:center; margin-bottom:1rem;}
.index2 .bod dl dt ul dd p{font-size:1rem; margin-top:0rem;}
.index2 .bod dl dt ul:hover{top:1rem; right:1rem; left:1rem; bottom:1rem; transition:0.5s ease-in; background:rgba(0,0,0,0.2); border:rgba(255,255,255,0.3) 1px solid;}
.index2 .bod dl:nth-child(1) dt{padding-bottom:100%;}

.sousuo1{font-size:1rem; overflow:hidden; width:100%; margin:auto; margin-top:1rem;}
.sousuo1 .bod{ width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.sousuo1 .bod dl{width:100%; border:#666 0.2rem solid; height:3rem; line-height:3rem; overflow:hidden; text-align:center; background:#f5f5f5; transition: all 1s; color:#666; margin-bottom:1rem; font-size:1rem;}
.sousuo1 .bod dl:hover{background:#333; border:#333 0.2rem solid; transition: all 1s; color:#FFF;}
.sousuo1 .bod ul{width:100%;height:3rem; line-height:3rem; background:#333; color:#FFF; text-align:center; font-size:1rem;}
.sousuo1 .bod ul:hover{color:rgba(255,255,255,0.6);}

.index3{overflow:hidden; margin-top:2rem; background:#fff;}
.index3 .txt{width:90%; margin:auto;}
.index3 .txt li{font-size:1.4rem; text-align:center;}
.index3 .txt ul{display: flex; flex-wrap:wrap;  justify-content: space-between; margin-top:2rem;}
.index3 .txt ul dl{width:48%; transition: all 0.5s; margin-bottom:2rem;}
.index3 .txt ul dl dt{ width:60%; margin:auto;}
.index3 .txt ul dl dt img{ width:100%;}
.index3 .txt ul dl dd{ width:90%; margin:auto; margin-top:1rem; text-align:center; line-height:1.5rem; font-size:1rem;}
.index3 .bod{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:0rem; background:#f5f5f5; padding-bottom:2rem; margin-bottom:2rem;}
.index3 .bod .fl{width:100%;}
.index3 .bod .fl dt{ position:relative; padding-bottom:55%;}
.index3 .bod .fl dt img{ position:absolute; width:100%; height:100%;}
.index3 .bod .fl dt .info{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.2); display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index3 .bod .fl dt .info img{ width:80px; height:80px;}
.index3 .bod .fr{width:90%; margin:auto;}
.index3 .bod .fr dt{font-size:1.4rem; margin-top:1rem;}
.index3 .bod .fr dt p{font-size:1.1rem; margin-top:1rem;}
.index3 .bod .fr dd{margin-top:0.5rem; font-size:1rem; line-height:1.5rem; color:#757575;}

.index4{overflow:hidden; margin-bottom:1rem;}
.index4 .bod{display:flex; flex-wrap:wrap; justify-content:space-between;}
.index4 .bod dl{width:100%; background:#FFF; margin-bottom:1rem;}
.index4 .bod dl dt{position:relative; padding-bottom:60%;}
.index4 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index4 .bod dl dt .info{position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(51,51,51,0.2);  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transition: all 0.5s;}
.index4 .bod dl dt .info ul{text-align:center; color:#FFF; width:80%; text-shadow: 2px 2px 5px #333333;}
.index4 .bod dl dt .info dd{font-size:1.3rem;}
.index4 .bod dl dt .info li{margin-top:0.5rem; line-height:1.2rem; font-size:0.9rem;}
.index4 .bod dl:hover dt .info{background:rgba(51,51,51,0.5); transition: all 0.5s;}

.index5{ display:none;}
.index5-wap{overflow:hidden; width:100%; background:#f5f5f5; padding-top:2rem ; padding-bottom:2rem;}
.index5-wap .picScroll-left-wap{width:100%;  overflow:hidden;}
.index5-wap .picScroll-left-wap .hd-wap{margin-left:3%; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:center; margin-right:3%; text-align:center;}
.index5-wap .picScroll-left-wap .hd-wap .txt dt{font-size:1.4rem;}
.index5-wap .picScroll-left-wap .hd-wap .txt dd{font-size:1rem; margin-top:1rem; width:100%; line-height:1.5rem; color:#666;}
.index5-wap .picScroll-left-wap .hd-wap .zuoyou{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:1.5rem;}
.index5-wap .picScroll-left-wap .hd-wap .prev,.index5-wap .picScroll-left-wap .hd-wap .next{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; border:#ddd 0.1rem solid; width:2.5rem; height:2.5rem;}
.index5-wap .picScroll-left-wap .hd-wap .prev img,.index5-wap .picScroll-left-wap .hd-wap .next img{filter:drop-shadow(#333 0px 5000px); transform: translateY(-5000px); width:1.5rem; filter:alpha(opacity=20) !important;opacity:0.2 !important;}
.index5-wap .picScroll-left-wap .hd-wap .prev:hover img,.index5-wap .picScroll-left-wap .hd-wap .next:hover img{filter:alpha(opacity=80) !important;opacity:0.8 !important;}
.index5-wap .picScroll-left-wap .hd-wap .zuoyou p{ display:none;}
.index5-wap .picScroll-left-wap .bd-wap{overflow:hidden; width:100%; margin-top:2rem;}
.index5-wap .picScroll-left-wap .bd-wap ul{overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index5-wap .picScroll-left-wap .bd-wap ul li{overflow:hidden; width:100%;}
.index5-wap .picScroll-left-wap .bd-wap ul li dt{position:relative; padding-bottom:67%;}
.index5-wap .picScroll-left-wap .bd-wap ul li dt img{position:absolute; width:94%; height:95%; margin-left:3%;}
.index5-wap .picScroll-left-wap .bd-wap ul li dd{ width:94%; margin:auto; margin-top:0.5px; font-size:1rem;}
.index5-wap .picScroll-left-wap .bd-wap ul li p{ width:94%; margin:auto; font-size:0.9rem; color:#666; line-height:1.4rem; margin-top:0.5rem;}

.index6{ overflow:hidden; margin-left:3%; margin-right:3%; margin-top:2rem; padding-bottom:1rem;}
.index6 .txt dt{font-size:1.8rem;}
.index6 .txt dd{font-size:1rem; margin-top:0.5rem; line-height:1.5rem; color:#666;}
.index6 .bod{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:1.5rem;}
.index6 .bod dl{ width:48%; margin-bottom:2rem;}
.index6 .bod dl dt{ position:relative; padding-bottom:130%;}
.index6 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index6 .bod dl dd{ margin-top:1rem; font-size:1rem; font-weight:bold;}
.index6 .bod dl li{display: flex; flex-wrap:wrap; align-items: center; margin-top:1rem;}
.index6 .bod dl li img{margin-left:0.5rem; filter:drop-shadow(#333 0px 5000px); transform: translateY(-5000px);}

.modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);}
.modal-content {background-color:rgba(100%,100%,100%,1);margin:40% auto;border: 1px solid #888;width:90%; height:100px; position:relative; padding:1.5rem 0rem;}
.modal-content .txt{ width:80%;margin-left:5%;}
.modal-content .txt dt{ font-size:1rem;}
.modal-content .txt dd{ font-size:1.2rem; width:fit-content; background:#333; text-transform:uppercase; color:#FFF; padding-top:0.5rem; padding-bottom:0.6rem; padding-left:3rem; padding-right:3rem; margin-top:15px;}
.close {color: #aaa;font-size: 28px;font-weight: bold; position:absolute; right:1rem; top:1rem;}
.close:hover,.close:focus {color: black;text-decoration: none;cursor: pointer;}

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

.foot{overflow: hidden; border-top:#ccc 0.1rem solid; padding-top:2rem; padding-bottom:1rem; width:100%; border-bottom:#ccc 0.1rem solid;}
.foot .bod{display: flex; flex-wrap:wrap;align-items: center; justify-content:space-between; margin-left:1rem; margin-right:1rem;}
.foot .bod .item1{width:100%; display: flex; flex-wrap:wrap; justify-content:space-between;}
.foot .bod .item1 ul{width:100%;}
.foot .bod .item1 dt{font-size:1.2rem; text-transform:uppercase;}
.foot .bod .item1 form{display: flex; flex-wrap:wrap; align-items: center; margin-top:0.7rem; border:#CCC 0.1rem solid;}
.foot .bod .item1 form input{width:72%; border:none; height:3rem; 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:25%; border:none; height:3rem; background:#333; color:#FFF; font-size:1rem; outline:none;}
.foot .bod .item1 .item2{width:100%; display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:1.5rem; }
.foot .bod .item1 .item2 dd{ width:48; margin-bottom:1.5rem;}
.foot .bod .item1 .item2 li{font-size:1rem; font-weight: bold; margin-bottom:1rem; }
.foot .bod .item1 .item2 p{margin-top:0.5rem; color:#666; font-size:1rem}
.foot .bod .item3{width:100%; border-top:#ccc 0.1rem solid; display: flex; flex-wrap:wrap;align-items: center; justify-content:center; padding-top:1rem;}
.foot .bod .item3 li{margin:0rem 0.5rem;}
.foot .bod .item3 li img{width:1.4rem; filter:alpha(opacity=60) !important;opacity:0.6 !important;}
.foot .bod .item3 li:hover img{filter:alpha(opacity=100) !important;opacity:1 !important;}

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

.toolbar{ display:none;}

.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;}
.position4{font-size:1rem; color:#666; margin-top:4rem; border-bottom:#ddd 1px solid; padding-bottom:1rem;}
.position4 dl{margin-left:1rem; margin-right:1em; margin-bottom: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:100%;}
.productlist .fr .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .fr .bod dl{width:48.5%; display:block; margin-bottom:1rem;}
.productlist .fr .bod dt{position:relative; padding-bottom:132%; border: #eee 1px solid; background:#FFF;}
.productlist .fr .bod dt .img{ position:absolute;left:0; right:0; bottom:0; top:6%;}
.productlist .fr .bod dt .img img{ width:100%;}
.productlist .fr .bod dt .info{ position:absolute; left:0; right:0; bottom:0; height:2%; background:#ddd; transition: all 1s;}
.productlist .fr .bod dt .titi{ position:absolute; left:3%; right:3%; bottom:6%; text-align:center; font-size:1rem}
.productlist .fr .bod dl:hover .info{height:100%; transition: all 1s;}

.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 #ccc; 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;}
.sideMenu h3 img{width:1.2rem; margin-right:1rem;}
.sideMenu h3.on{ border:#333 0.1rem solid;}
.sideMenu ul{color:#999; display:none; /* 默认都隐藏 */ position:absolute; left:0; right:0; z-index:999; background:#fff; border:#bbb 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;}

.productlist1{margin-bottom:1rem; padding-top:1rem; margin-left:1rem; margin-right:1rem; overflow:hidden;}
.productlist1 .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist1 .bod dl{width:48.5%; display:block; margin-bottom:1rem;}
.productlist1 .bod dt{position:relative; padding-bottom:132%; border: #eee 1px solid; background:#FFF;}
.productlist1 .bod dt .img{ position:absolute;left:0; right:0; bottom:0; top:6%;}
.productlist1 .bod dt .img img{ width:100%;}
.productlist1 .bod dt .info{ position:absolute; left:0; right:0; bottom:0; height:2%; background:#ddd; transition: all 1s;}
.productlist1 .bod dt .titi{ position:absolute; left:3%; right:3%; bottom:6%; text-align:center; font-size:1rem}
.productlist1 .bod dl:hover .info{height:100%; transition: all 1s;}

.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:#666; font-size:1rem; margin-bottom:1rem;}
.product .bod .fr .shijian span{text-transform:uppercase; margin-right:1rem;}
.product .bod .fr .cishu{color:#666; 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:#F00;}
.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:#999;}
.about1 dd{ margin-top:1rem;}
.about1 dd p{ font-size:1rem; line-height:1.6rem; margin-top:1rem; color:#666;}
.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:#ddd 1px solid !important; overflow: hidden; padding-bottom:1rem;}
.contact .bod .item1 P{padding-left:1.5rem; margin-top:1rem; margin-left:1rem; margin-right:1rem; font-size:1rem; color:#666;}
.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:#ddd 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;}
.contact .bod .message li{border:#ddd 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;}
.contact .bod .message button{width:100%; height:3rem; border:#ccc 1px solid; background:none; font-size:1rem;}
.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;}
}

@media only screen and (max-width:767px){
.slideBox{ width:100%; height:100vh; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; width:100%; height:100vh;}
.slideBox .bd li img{position:absolute; width:100%; height:100vh; display:block; object-fit: cover; }
.slideBox .prev,.slideBox .next{width:80px;height:80px;position:absolute;bottom:40px;filter:alpha(opacity=50);opacity:0.5;}
.slideBox .prev{right:120px;background:url(../images/prev.png) no-repeat center;border:1px solid #fff;border-right:none !important;}
.slideBox .next{right:40px;background:url(../images/next.png) no-repeat center; border:1px solid #fff;}
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.p-list {column-count:2;column-gap:0.5rem; margin-left:0.5rem; margin-right:0.5rem; margin-top:5rem; padding-bottom:1rem;}
.p-list .p-item {break-inside: avoid-column;margin-bottom:2rem;}
.p-list .p-item dt{ position:relative;}
.p-list .p-item dt img{width: 100%;  display: block;}
.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;}

.fenlei-p{overflow:hidden; padding-top:20px; border-bottom:#ddd 1px dashed;}
.fenlei-p dl{margin-bottom:20px; border-top:#ddd 1px dashed; padding-top:20px;}
.fenlei-p dl dt{ font-size:16px !important; color:#333 !important;}
.fenlei-p dl dt span{ margin-left:15px;}
.fenlei-p dl dt .btn-light{ background:url(../images/active-pp-1.png) left center no-repeat; padding-left:20px; color:#333 !important; background-size:15px;}
.fenlei-p dl dt .active-11{background:url(../images/active-pp-2.png) left center no-repeat; padding-left:25px; color:#333 !important; background-size:15px;}
.fenlei-p dl dd{display:flex; flex-wrap:wrap; justify-content:space-between;}
.fenlei-p dl dd p{ margin-top:15px; width:48%;}
.fenlei-p dl dd a{background:url(../images/active-pp-1.png) left center no-repeat; padding-left:25px; font-size:16px; color:#666; background-size:15px;}
.fenlei-p dl dd a.active-22{background:url(../images/active-pp-2.png) left center no-repeat; padding-left:25px; background-size:15px;}
}

@media (min-width:768px)and (max-width:1199px){
.slideBox{ width:100%; height:100vh; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; width:100%; height:100vh;}
.slideBox .bd li img{position:absolute; width:100%; height:100vh; display:block; object-fit: cover; }
.slideBox .prev,.slideBox .next{width:80px;height:80px;position:absolute;bottom:40px;filter:alpha(opacity=50);opacity:0.5;}
.slideBox .prev{right:120px;background:url(../images/prev.png) no-repeat center;border:1px solid #fff;border-right:none !important;}
.slideBox .next{right:40px;background:url(../images/next.png) no-repeat center; border:1px solid #fff;}
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
    
.p-list {column-count:5;column-gap:2.5rem; margin-left:3rem; margin-right:3rem; margin-top:80px; 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;}
.p-list .p-item dt img{width: 100%;  display: block;}
.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:2rem;}
.p-list .p-item:hover dt .info dl p{ margin-top:0.5rem;}

.fenlei-p{overflow:hidden; padding-top:20px; border-bottom:#ddd 1px dashed;}
.fenlei-p dl{margin-bottom:20px; border-top:#ddd 1px dashed; padding-top:20px;}
.fenlei-p dl dt{ font-size:16px !important; color:#333 !important;}
.fenlei-p dl dt span{ margin-left:15px;}
.fenlei-p dl dt .btn-light{ background:url(../images/active-pp-1.png) left center no-repeat; padding-left:20px; color:#333 !important; background-size:15px;}
.fenlei-p dl dt .active-11{background:url(../images/active-pp-2.png) left center no-repeat; padding-left:25px; color:#333 !important; background-size:15px;}
.fenlei-p dl dd{display:flex; flex-wrap:wrap; justify-content:space-between;}
.fenlei-p dl dd p{ margin-top:15px; width:32%;}
.fenlei-p dl dd a{background:url(../images/active-pp-1.png) left center no-repeat; padding-left:25px; font-size:16px; color:#666; background-size:15px;}
.fenlei-p dl dd a.active-22{background:url(../images/active-pp-2.png) left center no-repeat; padding-left:25px; background-size:15px;}
}