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

@media(min-width:1200px)and (max-width:300000px){
.width{width:80%; margin:auto;}
.w70{ width:70%; margin:auto;}

.top2bj{ display:none;}

.active-head{border-top:rgba(88,179,62,1) 3px solid; height:94px; line-height:94px; display:block; margin-top:-3px; color:#58b33e;}

.topbj{background:rgba(255,255,255,1); top:0; width: 100%; z-index:999; right:0; transition: all 0.5s; position:fixed; box-shadow:6px 6px 6px rgba(0,0,0,0.1);}
.topbj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:100px;}
.topbj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:100px;}
.topbj .width .logo dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:100px;}
.topbj .width .logo dl img{ height:55px;}
.topbj .width #Menu-btn{display:none;}
.topbj .width #Menu-btn dl{display:none;}
.topbj .width #Menu-btn-h{display:none;}
.topbj .width #menu1{display:none;}
.topbj .width .fr{display:flex; flex-wrap:wrap; align-items:center;}
.topbj .width .fr .search{}
.topbj .width .fr .search img{width:16px; height:16px; filter:drop-shadow(#58b33e 0px 1000000px); transform: translateY(-1000000px);}
.topbj .width .navBar{z-index:1; margin-left:20px;}
.topbj .width .nav h3{font-size:100%; font-weight:normal; height:94px; line-height:94px; font-size:16px; border-top:rgba(255,255,255,0) 3px solid; margin:0px 20px; text-transform:uppercase;}
.topbj .width .nav h3 a{ display:block;}
.topbj .width .nav .m{float:left; text-align:center; position:relative;}
.topbj .width .nav .m h3 i{width:15px; height:94px; overflow:hidden; filter:alpha(opacity=100);opacity:1; margin-left:7px; display:flex; flex-wrap:wrap; align-items:center; float:right; overflow:hidden;}
.topbj .width .nav .m h3 i img{width:15px; height:8px; filter:drop-shadow(#666 0px 1000000px); transform: translateY(-1000000px);}
.topbj .width .nav .m:nth-child(6) h3 i,.topbj .width .nav .m:nth-child(67) h3 i,.topbj .width .nav .m:nth-child(8) h3 i{ display:none;}
.topbj .width .nav.on h3 i img{filter:drop-shadow(#fff 0px 10000000px); transform: translateY(-10000000px);}
.topbj .width .nav h3:hover{border-top:rgba(255,255,255,1) 3px solid;}
.topbj .width .nav .sub{display:none; position:absolute; left:-40px; top:100px; width:200px;}
.topbj .width .nav .sub .bod{ background:#fff; box-shadow:0px 0px 8px 8px rgba(0,0,0,0.1); border-radius:5px;}
.topbj .width .nav .sub .bod p{color:#666; text-align:center; padding-bottom:20px;}
.topbj .width .nav .sub .bod p:nth-child(1){ padding-top:20px;}

.focusBox {position: relative; width:100%; height:100vh; overflow: hidden; }
.focusBox .pic{position:relative; z-index:0;height:100vh;}
.focusBox .pic img {position:absolute; width:100%; height:100vh; display: block; object-fit: cover; }
.focusBox .pic .info{position:absolute; left:12%; top:30vh;}
.focusBox .pic .info dl{width:660px;}
.focusBox .pic .info dl dt{font-size:60px; font-weight:bold; color:#17689f;}
.focusBox .pic .info dl dd{ font-size:18px; color:#333; padding-top:15px; line-height:30px;}
.focusBox .hd {width:100%; position: absolute; bottom: 30px; font-size:0; z-index:1; left:10%;}
.focusBox .hd li{background:#58b33e; height:5px; overflow: hidden; width:100px; cursor: pointer; display:inline-block; *display:inline; zoom:1; border-radius:2px; opacity:0.3; margin-right:20px;}
.focusBox .hd dd{ display:none;}
.focusBox .hd .on{background:#58b33e; opacity:1;}
#scrollLayer1{position: absolute;bottom:0;left:0;width:300%;height:158px;background:url(../images/bolang1.png) repeat-x center bottom;background-size:70% auto;}
#scrollLayer2{position: absolute;bottom:0;right:0;width:300%;height:158px;background:url(../images/bolang1.png) repeat-x center bottom;background-size:70% auto; opacity:0.5;}

.focusBox-wap{ display:none;}

.index1{overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; position:relative; padding-top:80px;}
.index1 .fl{ width:48%;}
.index1 .fl dt{ font-size:36px; font-weight:bold; color:#58b33e;}
.index1 .fl dd{ font-size:18px; font-weight:bold; margin-top:10px;}
.index1 .fl ul{ margin-top:30px;}
.index1 .fl ul p{ margin-top:25px; line-height:30px; color:#666;}
.index1 .fr{ width:45%;}
.index1 .fr dt{position:relative; padding-bottom:70%;}
.index1 .fr dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}

.index2{margin-top:100px; overflow:hidden; margin-bottom:60px;}
.index2 .bod1{display:flex; flex-wrap:wrap; justify-content:space-between;}
.index2 .bod1 .item{ width:49.4%; background: url(../images/index-bod2-item1-bj.jpg) no-repeat center center; background-size: cover; margin-bottom:1%;}
.index2 .bod1 .item dl{ position: relative; height:550px;}
.index2 .bod1 .item dl img{position:absolute; height:550px; right:40px;}
.index2 .bod1 .item dl .info{position:absolute; left:40px; bottom:30%;}
.index2 .bod1 .item dl .info dt{background:#000; padding:10px 20px; color:#FFF; width: fit-content; margin-top:15px;}
.index2 .bod1 .item dl .info dd{ font-size:24px; overflow:hidden; margin-top:20px; color:#FFF; text-shadow: 2px 2px 4px #000000;}
.index2 .bod1 .item:nth-child(2) dl img{height:450px; margin-top:50px;}
.index2 .txt{ text-align:center; overflow:hidden; margin-top:70px;}
.index2 .txt dt{font-size:36px; font-weight:bold; color:#58b33e;}
.index2 .txt dd{ width:800px; margin:auto; line-height:26px; margin-top:10px;}
.index2 .bod2{width:80%; margin:auto; margin-top:60px;}
.index2 .bod2 .www360buy{ width:100%; overflow:hidden;}
.index2 .bod2 .www360buy .hd{ overflow:hidden; }
.index2 .bod2 .www360buy .hd ul{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index2 .bod2 .www360buy .hd li{color:#333; font-size:16px; margin-left:40px; width: fit-content; padding:15px 30px; background:#f5f5f5;}
.index2 .bod2 .www360buy .hd li.on{color:#fff;  background:#58b33e;}
.index2 .bod2 .www360buy .lh{display:flex; flex-wrap:wrap; width:100%; margin-top:50px;}
.index2 .bod2 .www360buy .lh li{width:32%; margin-right:2%; margin-bottom:2%;}
.index2 .bod2 .www360buy .lh li:nth-child(3n){ margin-right:0;}
.index2 .bod2 .www360buy .lh li dt{ position:relative; padding-bottom:80%; border:#f5f5f5 8px solid;}
.index2 .bod2 .www360buy .lh li dt img{width:100%; height:100%; position:absolute;}
.index2 .bod2 .www360buy .lh li dd{text-align:center; font-size:16px; background:#f5f5f5; padding-top:10px; padding-bottom:20px;}

.index3{ width:100%; overflow:hidden;}
.index3 dt{ position:relative; height:100vh;}
.index3 dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.index3 dt .info{ position:absolute; left:0; right:0; top:0; bottom:0;display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index3 dt .info img{ width:123px; height:123px;}

.index4{overflow:hidden; width:80%; margin: auto;}
.index4 .txt{ text-align:center; overflow:hidden; margin-top:70px;}
.index4 .txt dt{font-size:36px; font-weight:bold; color:#58b33e;}
.index4 .txt dd{ width:800px; margin:auto; line-height:26px; margin-top:10px;}
.index4 .bod{display:flex; flex-wrap:wrap; margin-top:50px;}
.index4 .bod dl{width:32%; margin-right:2%; padding:0px !important; overflow:hidden; margin-bottom:30px; display:block !important;}
.index4 .bod dl iframe{width:100%; height:350px;}
.index4 .bod dl:nth-child(3n){ margin-right:0px !important;}
.index4 .bod dl p{ text-align:center; margin-top:10px;}
.index4 .bod dl .hidden {display: none;}

.index5{ width:100%; position:relative; height:760px; overflow:hidden;}
.index5 img{ position:absolute; width:100%; height:760px; object-fit: cover;}
.index5 .info{position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,51,85,0.5); color:#FFF; display:flex;align-items:center;justify-content:center;}
.index5 .info .item{width:80%; margin:auto;}
.index5 .info .item .txt{text-align:center; overflow:hidden; color:#fff;}
.index5 .info .item .txt dt{font-size:36px; font-weight:bold;}
.index5 .info .item .txt dd{ width:800px; margin:auto; line-height:26px; margin-top:10px;}
.index5 .info .item .bod{ margin-top:90px; display: flex; flex-wrap:wrap; justify-content:space-between;}
.index5 .info .item .bod dl{ text-align:center;}
.index5 .info .item .bod dl dt{width:160px; height:160px; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#FFF; border-radius:100%;}
.index5 .info .item .bod dl dt img{ width:78px; height:78px;}
.index5 .info .item .bod dl dd{ margin-top:15px;}
.index5 #scrollLayer1_3{position: absolute;top:0;left:0;width:300%;height:158px;background:url(../images/bolang2.png) repeat-x center top;background-size:70% auto;}
.index5 #scrollLayer2_3{position: absolute;top:0;right:0;width:300%;height:158px;background:url(../images/bolang2.png) repeat-x center top;background-size:70% auto; opacity:0.5;}
.index5 #scrollLayer3_3{position: absolute;bottom:0;left:0;width:300%;height:158px;background:url(../images/bolang1.png) repeat-x center bottom;background-size:70% auto;}
.index5 #scrollLayer4_3{position: absolute;bottom:0;right:0;width:300%;height:158px;background:url(../images/bolang1.png) repeat-x center bottom;background-size:70% auto; opacity:0.5;}

.index6{width:80%; margin:90px auto; }
.index6 .txt{text-align:center; overflow:hidden;}
.index6 .txt dt{font-size:36px; font-weight:bold; color:#58b33e;}
.index6 .txt dd{ width:800px; margin:auto; line-height:26px; margin-top:10px;}
.index6 .bod{width:100%; overflow:hidden; margin-top:50px; display: flex; flex-wrap:wrap;}
.index6 .bod dl{width:32%; margin-right:2%;}
.index6 .bod dl:nth-child(3n){ margin-right:0;}
.index6 .bod dl dt{ position:relative; padding-bottom:65%;}
.index6 .bod dl dt img{ position:absolute; position:absolute; width:100%; height:100%; object-fit:cover;}
.index6 .bod dl dd{ margin-top:20px; font-size:18px; font-weight:bold;}
.index6 .bod dl p{ margin-top:10px; font-size:16px; color:#666; line-height:26px;}

.index-message{background: url(../images/index-message-bj.jpg) repeat-x bottom; width:100%; padding-bottom:80px;}
.index-message .item{box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1); width:70%; margin:auto; border-radius:20px; background:#fff;}
.index-message .item .bod{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; padding:80px;}
.index-message .item .bod .wenan{width:45%;}
.index-message .item .bod .wenan .txt dt{font-size:24px; color:#333}
.index-message .item .bod .wenan .txt dd{font-size:30px; font-weight:bold; margin-top:10px;}
.index-message .item .bod .wenan .txt p{margin-top:10px; font-size:16px; color:#666; line-height:24px;}
.index-message .item .bod .wenan .neirong{border-top:#ddd 1px solid; margin-top:50px; padding-top:50px;}
.index-message .item .bod .wenan .neirong dl{display: grid; grid-template-columns: auto 1fr; margin-bottom:15px;}
.index-message .item .bod .wenan .neirong dl img{width:18px;}
.index-message .item .bod .wenan .neirong dl span{margin-left:10px; line-height:20px; color:#666;}
.index-message .item .bod .message{width:45%;}
.index-message .item .bod .message dt{font-size:24px;}
.index-message .item .bod .message form{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:20px;}
.index-message .item .bod .message form input{width:46%; background:#58b33e; border:none; height:45px; margin-bottom:20px; padding-left:2%; color:#FFF; font-size:16px; border-radius:10px;}
.index-message .item .bod .message form input::placeholder{color:#FFF; font-size:16px;}
.index-message .item .bod .message form textarea{width:100%; height:100px; background:#58b33e; border:none; border-radius:10px; color:#FFF; font-size:16px; font-family:Arial; padding-top:10px; padding-left:2%;}
.index-message .item .bod .message form button{ width:25%; height:40px; border-radius:10px; background:#58b33e; border:none;color:#FFF; font-size:16px; margin-top:20px; margin-left:75%;}

.foot{overflow:hidden; background:#fff; padding:60px 0px;}
.foot .bod{overflow:hidden;width:70%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; border-bottom:#eee 1px solid; padding-bottom:30px;}
.foot .bod .fl .item{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod .fl .item img{ width:40px;}
.foot .bod .fl .item span{ font-size:20px; margin-left:15px;}
.foot .bod .fr .item{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod .fr .item li{ margin-left:30px; font-size:15px; font-weight:bold;}
.foot .bod1{overflow:hidden;width:70%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; border-bottom:#eee 1px solid; padding-bottom:40px; margin-top:40px;}
.foot .bod1 .fl{ width:65%; display: flex; flex-wrap:wrap;}
.foot .bod1 .fl dl{display: flex; flex-wrap:wrap; margin-right:50px; display: grid; grid-template-columns: auto 1fr;}
.foot .bod1 .fl dl dt{ margin-right:15px;}
.foot .bod1 .fl dl dt img{width:40px;}
.foot .bod1 .fl dl dd{ font-weight:bold; font-size:15px;}
.foot .bod1 .fl dl dd p{ font-weight:normal; margin-top:5px; font-size:16px;}
.foot .bod1 .fr{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod1 .fr dl{ margin-left:20px;}
.foot .bod1 .fr dl img{width:40px;}
.foot .bod2{overflow:hidden;width:70%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:40px;}
.foot .bod2 .fl{ color:#787878;}
.foot .bod2 .fr{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod2 .fr dl{ margin-left:25px; color:#787878; text-decoration: underline;}

.foot-active{ color:#ff8400;}

.active-about{background:#7cb736; color:#FFF;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{position:relative; height:800px;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{ position:absolute; left:0; right:0; top:100px; bottom:0; }
.nybanner li .info .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; height:100%; width:86%; margin:auto;}
.nybanner li .info .item .fl{ width:50%; color:#FFF; font-size:36px;}
.nybanner li .info .item .fl dt{font-size:36px;}
.nybanner li .info .item .fl dd{ margin-top:30px;}
.nybanner li .info .item .fl dd p{ margin-right:30px; font-size:18px;}
.nybanner li .info .item .fr{ width:50%; height:100%;}
.nybanner li .info .item .fr dt{ position:relative; height:600px; margin-top:50px;}
.nybanner li .info .item .fr dt img{ position:absolute; width:600px; height:600px;}
.nybanner li .info1{ position:absolute; left:10%; width:600px; top:0; bottom:0; display: flex; flex-wrap:wrap; align-items: center;font-size:72px; color:#fff; font-weight:bold; text-shadow: 3px 3px 5px #333;}

.position{padding-top:30px; font-size:16px; background:#f5f5f5; overflow:hidden; padding-bottom:30px;}
.position .bod{width:80%; margin:auto; }
.position1{padding-top:30px; font-size:16px; background:#f5f5f5; overflow:hidden; padding-bottom:30px;}
.position1 .bod{width:80%; margin:auto; }
.position2{padding-top:30px; font-size:16px; background:#f5f5f5; overflow:hidden; padding-bottom:30px;}
.position2 .bod{width:1200px; margin:auto; }

.tiao{width:100%; overflow:hidden; height:100px;}

.shipin{width:100%; overflow:hidden; height:100vh; background:#000;}
.shipin video{width:100%;  height:100%; object-fit: cover;}

.about-txt{ width:100%; margin:auto; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1); padding:50px 0px;}
.about-txt dl{ background:#f5f5f5; margin:0px 10px;}
.about-txt dl a{ display:block; font-size:20px; padding:20px 40px;}
.about-txt dl:hover{ background:#58b33e; color:#FFF;}
.active-about-txt{background:#58b33e; color:#FFF;}

.about-rongyu{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content:space-between; padding-top:80px;}
.about-rongyu .fl{width:36%; padding-left:3%; padding-right:3%; background:#58b33e; background-size:100%; color:#fff;}
.about-rongyu .fl dt{font-size:36px; margin-top:40px;}
.about-rongyu .fl ul{margin-top:30px;display:flex; flex-wrap:wrap; justify-content:space-between; margin-right:15%; margin-bottom:60px;}
.about-rongyu .fl ul dd{}
.about-rongyu .fl ul dd li{ font-size:60px; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;}
.about-rongyu .fl ul dd li span{ font-size:20px; padding-top:10px; margin-left:10px; font-weight:normal;}
.about-rongyu .fl ul dd p{ text-align:center; margin-top:10px;}
.about-rongyu .fl img{ margin-top:50px;}
.about-rongyu .fr{width:60%; display: flex; flex-wrap:wrap; overflow:hidden; padding-right:3%;}
.about-rongyu .fr dl{width:23.5%; margin-bottom:30px; margin-right:2%;}
.about-rongyu .fr dl:nth-child(4n){ margin-right:0px;}
.about-rongyu .fr dl dt{position:relative; padding-bottom:144%;}
.about-rongyu .fr dl dt p{position:absolute; width:100%; height:100%; display: grid; place-items: center;}
.about-rongyu .fr dl dt img{width:100%;}
.about-rongyu .fr dl dd{ text-align:center;}

.wenhua{width:100%; margin:auto; padding-top:100px;}
.wenhua .txt{text-align:center; width:1000px; margin:auto;}
.wenhua .txt dt{font-size:36px; font-weight:bold;}
.wenhua .txt p{ margin-top:15px; font-size:16px; color:#666; line-height:24px;}
.wenhua .ladyScroll{position:relative; width:80%; margin:auto; margin-top:50px;}
.wenhua .ladyScroll .prev{width:14px;height:22px;position:absolute;top:50%;left:-1.5%;z-index:100; margin-top:-17px;}
.wenhua .ladyScroll .prev img{width:14px;height:22px;}
.wenhua .ladyScroll .next{width:14px;height:22px;position:absolute;top:50%;right:-1.5%;z-index:100; margin-top:-17px;}
.wenhua .ladyScroll .next img{width:14px;height:22px;}
.wenhua .ladyScroll .dlList{width:100%;overflow:hidden;position:absolute;}
.wenhua .ladyScroll dl{float:left;width:25%;}
.wenhua .ladyScroll dl dt{position:relative; padding-bottom:65.8%; width:94%; margin-left:3%;}
.wenhua .ladyScroll dl dt img{width:100%;height:100%; position:absolute; object-fit: cover;}
.wenhua .ladyScroll dl p{ text-align:center; margin-top:15px;}

.wenhua-wap{display:none;}

.about-case{ width:80%; margin:auto; overflow:hidden; padding-top:80px; margin-bottom:60px;}
.about-case .txt{text-align:center; width:1000px; margin:auto;}
.about-case .txt dt{font-size:36px; font-weight:bold;}
.about-case .txt p{ margin-top:15px; font-size:16px; color:#666; line-height:24px;}
.about-case .bod{display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:40px;}
.about-case .bod dl{ width:23.5%; margin-bottom:20px; border:#ddd 1px solid;}
.about-case .bod dl:nth-child(4n){ margin-right:0;}
.about-case .bod dl dt{ position:relative; padding-bottom:70%;}
.about-case .bod dl dt img{ position:absolute; width:100%; height:100%;}
.about-case .bod dl dd{ font-size:16px; text-align:center; background:#f5f5f5; border-top:#ddd 1px solid; padding:10px 0px;}

.productlist{overflow:hidden; display: flex; flex-wrap:wrap; justify-content:space-between; padding:40px 0px; margin-top:60px;}
.productlist .txt{ overflow:hidden; width:20%;}
.productlist .txt dt{ font-size:24px; font-weight:bold; text-transform:uppercase; background:url(../images/index1-bj-1.png) left center no-repeat; padding-left:25px; background-size:16px;}
.productlist .txt dd{margin-top:20px;}
.productlist .txt dd li{border:#eee 1px solid; transition: all 1s; display:block; margin:5px; background:#FFF;}
.productlist .txt dd li p{padding:20px;}
.productlist .txt dd li:hover p{transition: all 1s; color:#fff; background:#58b33e;}
.productlist .txt dd li .active p{transition: all 1s; color:#fff; background:#000;}
.productlist .bod{width:78%; display: flex; flex-wrap:wrap; justify-content:space-between;}
.productlist .bod dl{ width:23.5%; margin-right:2%; margin-bottom:30px;}
.productlist .bod dl:nth-child(4n){ margin-right:0;}
.productlist .bod dl dt{ position:relative; padding-bottom:80%; border:5px #f5f5f5 solid; border-bottom:none;}
.productlist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.productlist .bod dl dd{background:rgba(255,255,255,0.6); border:5px #f5f5f5 solid; border-top:none; padding-left:20px; padding-bottom:20px; font-size:16px; margin-top:15px;}
.productlist .bod dl dd p{ width:100px; height:30px; line-height:30px; text-align:center; background:#333; color:#FFF; font-size:16px; margin-top:10px;}
.product-active{color:#fff; background:#58b33e;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:20px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:16px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px 20px;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px 20px; background:#58b33e; border:#58b33e 1px solid;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; padding:10px 20px; margin:0px 5px; background:#f5f5f5; transition: all 0.5s;}
.fanye a:hover{background:#58b33e; color:#fff; transition: all 0.5s; border:#58b33e 1px solid;}

.ppp{width:70%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:30px; padding-bottom:40px;}
.ppp .ppp-l{overflow:hidden; width:25%;}
.ppp .ppp-l .txt{ }
.ppp .ppp-l .txt dt{ font-size:24px; color:#58b33e; font-weight:bold; text-transform:uppercase; background:url(../images/index1-bj-1.png) left center no-repeat; padding-left:25px; background-size:16px;}
.ppp .ppp-l .txt dd{margin-top:20px;}
.ppp .ppp-l .txt dd li{border:#eee 1px solid; transition: all 1s; display:block; margin:5px; background:#FFF;}
.ppp .ppp-l .txt dd li p{padding:20px;}
.ppp .ppp-l .txt dd li:hover p{transition: all 1s; color:#fff; background:#58b33e;}
.ppp .ppp-l .txt dd li .active p{transition: all 1s; color:#fff; background:#58b33e;}
.product{overflow:hidden; width:72%;}
.product .bod{margin-top:30px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .bod .fl{width:45%;}
.product .bod .fl .game163{ display:none;}
.product .bod .fr{ width:50%;}
.product .bod .fr .tit{ font-size:30px; color:#58b33e; margin-bottom:25px;}
.product .bod .fr .tit1{ font-size:16px; margin-top:10px; line-height:26px; color:#666; border-top:#ddd 1px dashed; padding-top:20px;}
.product .bod .fr .tit2{ margin-top:20px; display: flex; flex-wrap:wrap; }
.product .bod .fr .tit2 p{ width:35px; height:35px; background:#58b33e; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-right:10px; border-radius:100%; overflow:hidden;}
.product .bod .fr .tit2 p img{ width:18px; height:18px;}
.product .bod .fr .lainxi{display: flex; flex-wrap:wrap; align-items:center;margin-top:25px;}
.product .bod .fr .lainxi dl{ background:#f5f5f5; color:#231815; width:180px; padding:12px 0px; text-align:center; border-radius:10px; border:#eee 1px solid;}
.product .bod .fr .lainxi dl:hover{background:#58b33e; color:#FFF; }
.product .bod .fr .lainxi ul{background:#fff; color:#231815; width:180px; padding:12px 0px; text-align:center; border-radius:10px; border:#e5e5e5 1px solid; margin-left:15px;}
.product .bod .fr .lainxi ul:hover{background:#58b33e; color:#FFF;}
.product .www360buy{width:100%; margin-top:40px; display:block; overflow:hidden; }
.product .www360buy .hd{overflow:hidden;}
.product .www360buy .hd ul{display: flex; flex-wrap:wrap; align-items:center; border-bottom:#CCC 1px solid; border-left:#CCC 1px solid; }
.product .www360buy .hd li{height:50px; line-height:50px; text-align:center; width:200px; background:#f5f5f5; font-size:20px; border-top:#CCC 1px solid; border-right:#CCC 1px solid;}
.product .www360buy .hd li.on{background:#58b33e; color:#fff;border-top:#58b33e 1px solid;}
.product .www360buy .bd{ margin-top:30px;}
.product .www360buy .lh{overflow:hidden; line-height:24px;}
.product .www360buy .lh table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important;}
.product .www360buy .lh table tr{ background:#eee !important; display: flex;}
.product .www360buy .lh table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding-left:10px; padding-right:10px;padding-top:10px !important;padding-bottom:10px !important; flex:1;}
.product .www360buy .lh table tr td img{width:100%;}
.product .www360buy .lh table tr:nth-child(2n){ background:#FFF !important;}
.product .www360buy .lh video{width:80%; height:100%; margin-left:10%;}
.product .www360buy .lh h6{ font-size:16px !important; color:#333; margin-top:30px; margin-bottom:10px;}
.product .www360buy .lh h5{ font-size:18px !important; color:#333; margin-top:30px; margin-bottom:10px;}
.product .www360buy .lh h4{ font-size:22px !important; color:#333; margin-top:30px; margin-bottom:10px;}
.product .www360buy .lh h3{ font-size:24px !important; color:#234189; margin-top:30px; margin-bottom:10px;}
.product .www360buy .lh h2{ font-size:28px !important; color:#234189; margin-top:30px; margin-bottom:10px;}
.product .www360buy .lh h1{ font-size:30px !important; margin-bottom:30px; margin-top:50px; color:#234189;}
.product .www360buy .lh p{ margin-top:10px;}
.product .www360buy .lh img{width:100%;}
.product .message{overflow:hidden; display:block; padding-top:50px;}
.product .message .txt{ text-align:center; margin-bottom:70px;}
.product .message .txt dt{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.product .message .txt dd{ font-size:36px; margin-top:-40px;}
.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:none; margin-bottom:30px; padding-bottom:15px; outline:none; font-size:16px; padding-top:15px; padding-left:10px; background:#f5f5f5;}
.product .message dl p textarea{border:none; outline:none; font-family:Arial; font-size:12px; color:#fff; background:#fff; width:100%;}
.product .message dl:nth-child(3){ display:none;}
.product .message li textarea{width:100%; border:none; height:100px; outline:none; margin-bottom:30px; font-family:Arial; font-size:16px; color:#666; padding-left:10px; padding-top:15px; background:#f5f5f5;}
.product .message button{width:100%; height:60px; border:#58b33e 1px solid; background:none; color:#fff; font-size:18px; text-transform:uppercase; background:#58b33e;}
.product .message button:hover{ background:#231815; color:#FFF;}
.product .gengduo-txt li{ width:100%; font-size:30px; border-bottom:#58b33e 1px solid; color:#58b33e; margin-top:50px; padding-bottom:15px;}
.product .xiangguan{ margin-top:40px; display: flex; flex-wrap:wrap;}
.product .xiangguan dl{width:23.5%; margin-bottom:40px; margin-right:2%;}
.product .xiangguan dl:nth-child(4n){ margin-right:0px;}
.product .xiangguan dl dt{position:relative; padding-bottom:100%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5;}
.product .xiangguan dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.product .xiangguan dl dt .info{position:absolute; left:0; bottom:0; right:0; height:0px; background:rgba(10,65,140,0); transition: all 0.5s;}
.product .xiangguan dl dt .info img{ display:none;}
.product .xiangguan dl dd{margin-top:20px; margin-bottom:20px; text-align:center;}
.product .xiangguan dl:hover dd{ color:#58b33e;}
.product .xiangguan dl p{width:fit-content; padding:10px 30px; border:#58b33e 1px solid; color:#58b33e; font-size:18px; margin:auto; transition: all 0.5s;}
.product .xiangguan dl:hover p{ background:#58b33e; color:#FFF; transition: all 0.5s;}
.product .xiangguan dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.jqzoom{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.jqzoom img{ width:100%;}
.zoomdiv{z-index:200;position:absolute;top:0;left:0;width:500px;height:352px;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;width:20px;height:20px;border:1px solid #ddd;background:#fafafa;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(Opacity=50)}
.jqZoomPup img{ width:100%;}
.spec-preview{width: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:20px;}
.spec-scroll .prev{float:left; font-size:36px; font-family:"宋体"; line-height:100px;}
.spec-scroll .next{float:right; font-size:36px; font-family:"宋体"; line-height:100px;}
.spec-scroll .next,.spec-scroll .prev{display:block;text-align:center;height:100px;cursor:pointer}
.spec-scroll .items{float:left;position:relative;width:88%;height:100px;overflow:hidden; }
.spec-scroll .items ul{position:absolute;width:100% !important;height:100px;overflow:hidden;}
.spec-scroll .items ul li{float:left;width:20%; height:100px; display: flex; flex-wrap:wrap; align-items:center;}
.spec-scroll .items ul li span{box-sizing:border-box;display:block;width:90%; border:1px solid #ddd; position:relative; padding-bottom:86%; margin-left:5%;}
.spec-scroll .items ul li span>img{width:100%;height:100%;position:absolute;}
.spec-scroll .items ul li span.active,.spec-scroll .items ul li span:hover{border:2px solid #58b33e;}

.caselist{overflow:hidden;}
.caselist .bod{ overflow:hidden; display: flex; flex-wrap:wrap; margin-top:40px;}
.caselist .bod dl{width:32%; margin-bottom:40px; float:left; margin-right:2%;}
.caselist .bod dl:nth-child(3n){ margin-right:0px;}
.caselist .bod dl dt{position:relative; padding-bottom:65.8%; overflow:hidden; background:#f5f5f5; border:#ddd 1px solid;}
.caselist .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s; object-fit: cover;}
.caselist .bod dl dd{margin-top:20px; margin-bottom:15px; text-align:center;}
.caselist .bod dl:hover dd{ color:#58b33e;}
.caselist .bod dl p{width:fit-content; padding:10px 30px; border:#58b33e 1px solid; color:#58b33e; font-size:16px; margin:auto; transition: all 0.5s;}
.caselist .bod dl:hover p{ background:#58b33e; color:#FFF; transition: all 0.5s;}
.caselist .bod dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.caselist1{overflow:hidden; margin-bottom:80px;}
.caselist1 .bod{ overflow:hidden; display: flex; flex-wrap:wrap; margin-top:40px;}
.caselist1 .bod dl{width:18.4%; margin-bottom:40px; float:left; margin-right:2%;}
.caselist1 .bod dl:nth-child(5n){ margin-right:0px;}
.caselist1 .bod dl dt{position:relative; padding-bottom:65.8%; overflow:hidden; background:#f5f5f5; border:#ddd 1px solid;}
.caselist1 .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s; object-fit: cover;}
.caselist1 .bod dl dd{margin-top:20px; margin-bottom:15px; text-align:center;}
.caselist1 .bod dl:hover dd{ color:#58b33e;}
.caselist1 .bod dl p{width:fit-content; padding:10px 30px; border:#58b33e 1px solid; color:#58b33e; font-size:16px; margin:auto; transition: all 0.5s;}
.caselist1 .bod dl:hover p{ background:#58b33e; color:#FFF; transition: all 0.5s;}
.caselist1 .bod dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}
.caselist1 .gengduo{width:400px; height:60px; line-height:60px; background:#f5f5f5; text-align:center; margin:auto;}
.caselist1 .gengduo:hover{background:#58b33e; color:#FFF;}

.newslist{ overflow:hidden; width:100%; margin-top:60px; margin-bottom:60px;}
.newslist .bod{display: flex; flex-wrap:wrap; justify-content:space-between;}
.newslist .bod dl{ width:32%; margin-right:2%; margin-bottom:30px;}
.newslist .bod dl:nth-child(3n){ margin-right:0;}
.newslist .bod dl dt{ position:relative; padding-bottom:60%;}
.newslist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.newslist .bod dl dd{ font-size:18px; margin-top:15px;}
.newslist .bod dl ul{ margin-top:10px; line-height:24px; color:#666;}
.newslist .bod dl p{ margin-top:15px;}
.newslist .bod dl:hover dd{color:#58b33e;}
.newslist .bod dl:hover p{color:#58b33e;}

.news{ overflow:hidden; padding-top:50px; width:1200px; margin:auto;}
.news .txt{ border-bottom:#CCC 1px dashed; padding-bottom:50px; margin-bottom:50px;}
.news .txt dt{font-size:30px; font-weight:bold;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:10px; color:#666;}
.news .txt dd p{ margin-right:40px;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:40px;}
.news .bod p{ font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}

.video{overflow:hidden; width:80%; margin:auto; display:block; margin-top:50px;}
.video dl{width:23.5%; float:left; margin-right:2%; padding:0px !important; overflow:hidden; margin-top:30px; display:block !important;}
.video dl iframe{width:100%; height:280px; background:#333;}
.video dl:nth-child(4n){ margin-right:0px !important;}
.video dl p{ text-align:center; margin-top:10px;}
.video dl .hidden {display: none;}

.Download{overflow:hidden; margin-left:80px; margin-right:80px; margin-top:20px; background:#FFF; padding:20px 30px;}
.Download .bod{ margin-bottom:20px;}
.Download .bod dl{display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:#ddd 1px dashed; padding-bottom:15px; padding-top:15px; transition: all 0.5s;}
.Download .bod dl dt{ font-size:16px; transition: all 0.5s;}
.Download .bod dl dt a{display: flex; flex-wrap:wrap; align-items:center;}
.Download .bod dl dt img{ width:30px; margin-right:10px;}
.Download .bod dl dd{width: fit-content; background:#0054a6; padding:5px 15px; color:#FFF; border-radius:5px; font-size:15px;}
.Download .bod dl:hover{box-shadow: 0px 0px 6px 6px rgba(10, 10, 10, 0.06);}
.Download .bod dl:hover dt{ margin-left:15px; transition: all 0.5s;}
.Download .bod dl:hover dt span{color:#0054a6}
.Download .bod dl:hover dd{ margin-right:15px; transition: all 0.5s;}

.about{overflow:hidden; display:flex; align-items:center; justify-content:space-between; padding-top:100px; padding-bottom:100px; position:relative; margin-top:40px; margin-bottom:40px;}
.about .fl{ margin-right:200px;}
.about .fl dt{ font-size:36px; font-weight:bold; color:#58b33e;}
.about .fl dd{ font-size:20px; font-weight:bold; margin-top:10px;}
.about .fl ul{ margin-top:30px;}
.about .fl ul p{ margin-top:25px; line-height:30px; color:#666;}
.about .fr{width:600px;}
.about .fr dl{width:600px; overflow:hidden;}
.about .fr dl img{width:100%; height:100%;}

.contact{overflow:hidden; background:#fff; width:100%; padding-top:60px; border-top:#eee 1px solid; padding-bottom:60px;}
.contact .txt{width:70%; margin:auto;}
.contact .txt dt{ color:#58b33e; font-weight:bold;}
.contact .txt dd{ font-size:60px; font-weight:bold; margin-top:20px;}
.contact .bod{display:flex; flex-wrap:wrap; width:70%; margin:auto; margin-top:30px;}
.contact .bod dl{ width:49%; border-top:#ddd 1px solid; padding:30px 0px; margin-left:-1px; margin-top:-1px; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; border-right:#ddd 1px solid;}
.contact .bod dl:nth-child(1),.contact .bod dl:nth-child(2){ border-top:none;}
.contact .bod dl:nth-child(2),.contact .bod dl:nth-child(4){border-right:none;}
.contact .bod dl dt{ width:20%;}
.contact .bod dl dt img{width:50%; margin-left:25%;}
.contact .bod dl ul{ width:73%; margin-right:4%; margin-left:3%;}
.contact .bod dl ul dd{ margin-top:10px; font-weight:bold;}
.contact .bod dl ul li{ margin-top:10px; line-height:24px; color:#666;}
.contact .bod1{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; width:70%; margin:auto; margin-top:60px;}
.contact .bod1 dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#c5001b; width:48%; padding:30px 0px; border-radius:10px;}
.contact .bod1 dl a{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.contact .bod1 dl dt{ margin-right:5px;}
.contact .bod1 dl dt img{ height:20px; margin-top:7px;}
.contact .bod1 dl dd{ font-size:20px; color:#FFF; font-weight:bold;}
.contact .bod1 dl:nth-child(2){ background:#273e8d;}
.contact .bod1 dl:hover{background:#58b33e;}

.joblist{ width:1200px; margin:auto; overflow: hidden; margin-top:40px; }
.joblist .txt{ font-size:18px; line-height:36px; color:#666; text-align:center;}
.joblist .bod{overflow:hidden;}
.joblist .bod .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-bottom:40px; border:#CCC 1px solid; border-radius:10px;}
.joblist .bod .item .fl{width:15%; font-size:24px; padding-left:5%;}
.joblist .bod .item .fr{ width:79%; border-left:#CCC 1px solid;}
.joblist .bod .item .fr dl{ margin:20px 50px;}
.joblist .bod .item .fr dl dt{ font-size:16px; line-height:26px; color:#666;} 
.joblist .bod .item .fr dl dd{width:100%; text-align:right; margin-top:20px; color:#ac835e;}

.job{width:100%; overflow:hidden; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-bottom:60px;}
.job .fl{ width:70%;}
.job .fl .txt-content{ width:100%; overflow:hidden;}
.job .fl .txt-content form{}
.job .fl .txt-content form dt textarea{font-size:24px; border:none; background:none; font-family:"微软雅黑"; outline:none; height:40px;}
.job .fl .txt-content form ul{width:100%; display: flex; flex-wrap:wrap; align-items: center;}
.job .fl .txt-content form ul p{ width:100px; text-align:right; height:40px; line-height:40px;}
.job .fl .txt-content form ul input{font-size:16px; border:none; background:#eef8fe; font-family:"微软雅黑"; outline:none; height:40px; border-radius:8px; width:400px; margin-bottom:15px; border:none; padding-left:15px;}
.job .fl .txt-content form dl{display: flex; flex-wrap:wrap; align-items:flex-start;}
.job .fl .txt-content form dl p{width:100px; text-align:right; height:40px; line-height:40px;}
.job .fl .txt-content form dl textarea{font-size:16px; border:none; background:none; outline:none; height:40px; width:700px; border-radius:10px; height:200px; background:#eef8fe; padding:15px;}
.job .fl .txt-content form button{background:#58b33e; color:#FFF; border:none; width:160px; height:45px; line-height:45px; margin-top:20px; border-radius:8px; font-size:18px; margin-left:100px;}
.job .fl .txt-content dd{ margin-top:10px; display: flex; flex-wrap:wrap; align-items: center;}
.job .fl .txt-content dd p{ margin-right:30px; color:#666}
.job .fl .txt-content li{ margin-top:30px; line-height:26px;}
.job .fl .txt-content li p{ margin-bottom:10px;}
.job .fr{ width:25%; border-radius:5px; background:#58b33e;}
.job .fr .youbian{ margin:30px; color:#FFF;}
.job .fr .youbian li{ font-size:24px;}
.job .fr .youbian dl{ margin-top:15px; border-bottom:rgba(255,255,255,0.5) 1px dashed; padding-bottom:15px;}
.job .fr .youbian dl a{ display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.job .fr .youbian dl a span{ opacity:0.6}

.p-search{width:1200px; margin:auto; padding-top:80px; display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.p-search form input{ width:600px; height:60px; outline:none; border:#CCC 1px solid; border-radius:60px 0px 0px 60px; padding-left:40px; font-size:16px;}
.p-search form button{ width:140px; background:#58b33e; border:#58b33e 1px solid; height:62px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px;}
.p-search form button:hover{background:#231815;}
}

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

.topbj{background:rgba(255,255,255,1); position: absolute; top:0px; left:0; width: 100%; z-index:999; position:fixed; border-bottom:rgba(0,0,0,0.1) 1px solid; box-shadow:6px 6px 6px rgba(0,0,0,0.1);}
.topbj .width{height:3rem; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.topbj .width .logo{display: flex; align-items:center;}
.topbj .width .logo dl{}
.topbj .width .logo dl img{ height:2rem; margin-top:0.3rem;}
.topbj .width .fr{ margin-right:14%;}
.topbj .width .fr .search{ z-index:999; display:none;}
.topbj .width .fr .search img{ height:1.2rem; z-index:999;}
.topbj .width #Menu-btn{ position:absolute; right:4%; top:0; height:3rem; display:flex; flex-wrap:wrap; align-items:center;}
.topbj .width #Menu-btn li{ color:#FFF; font-size:2.6rem; width: fit-content; border:#FFF 1px solid; border-radius:1rem; background:rgba(255,255,255,0.2)}
.topbj .width #Menu-btn dl{ margin-left:2.5rem;}
.topbj .width #Menu-btn dl img{width:1.1rem;}
.topbj .width #Menu-btn-h{overflow: hidden; display:none; background:rgba(255,255,255,1); position:absolute; left:60%; right:3%; text-align:right; background:#FFF;}
.topbj .width #Menu-btn-h img{height:1.6rem; margin-top:0.6rem;}
.topbj .width #menu1{position:absolute; display:none; top:0rem; right:0; left:0; bottom:0; margin:0; padding:0; z-index:5; border-top:rgba(0,0,0,0.1) 1px solid;}
.topbj .width #menu1 .menu-wap{font-size:3rem;list-style:none; background:#FFF; position:absolute; top:3rem; left:0; right:0; height:100vh;}
.topbj .width #menu1 .menu-wap li{font-weight:normal; font-size:1rem; padding-left:1.5rem; padding-right:1.5rem; padding-top:1rem; padding-bottom:1rem; text-transform:uppercase; text-align:center;}
.topbj .width #menu1 .menu-wap li a{color:#231815;}
.topbj .width #menu1 .menu-wap li a span{ font-size:1.2rem;}

#scrollLayer1{position: absolute;bottom:0;left:0;width:300%;height:158px;background:url(../images/bolang1.png) repeat-x center bottom;background-size:70% auto;}
#scrollLayer2{position: absolute;bottom:0;right:0;width:300%;height:158px;background:url(../images/bolang1.png) repeat-x center bottom;background-size:70% auto; opacity:0.5;}

.focusBox{ display:none;}

.focusBox-wap {position: relative; width:100%; height:100vh; overflow: hidden; }
.focusBox-wap .pic-wap{position:relative; z-index:0;height:100vh;}
.focusBox-wap .pic-wap img {position:absolute; width:100%; height:100vh; display: block; object-fit: cover; }
.focusBox-wap .hd { width:100%; position: absolute; bottom:6vh; font-size:0; z-index:1; left:10%;}
.focusBox-wap .hd li{margin: 0 0.5rem; background:rgba(100%,100%,100%,0.5); height: 1rem; overflow: hidden; width: 1rem; cursor: pointer;display:inline-block; *display:inline; zoom:1; border-radius:100%;}
.focusBox-wap .hd .on{background:rgba(100%,100%,100%,1);}
#scrollLayer3_2{position: absolute;bottom:0;left:0;width:300%;height:158px;background:url(../images/bolang1.png) repeat-x center bottom;background-size:70% auto;}
#scrollLayer4_2{position: absolute;bottom:0;right:0;width:300%;height:158px;background:url(../images/bolang1.png) repeat-x center bottom;background-size:70% auto; opacity:0.5;}

.index1{overflow:hidden; margin-top:2rem; margin-bottom:2rem;}
.index1 .fl{ width:100%;}
.index1 .fl dt{ font-size:1.4rem; font-weight:bold; color:#58b33e;}
.index1 .fl dd{ font-size:1rem; font-weight:bold; margin-top:0.5rem;}
.index1 .fl ul{ margin-top:1rem;}
.index1 .fl ul p{ margin-top:1rem; line-height:1.6rem; color:#666;}
.index1 .fr{ width:100%; margin-top:1.5rem;}
.index1 .fr dt{position:relative; padding-bottom:70%;}
.index1 .fr dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}

.index2{ width:94%; margin:auto; margin-top:2rem; overflow:hidden; margin-bottom:1rem;}
.index2 .bod1{display:flex; flex-wrap:wrap; justify-content:space-between;}
.index2 .bod1 .item{ width:100%; background: url(../images/index-bod2-item1-bj.jpg) no-repeat center center; background-size: cover; margin-bottom:1rem;}
.index2 .bod1 .item dl{ position: relative; padding-bottom:50%;}
.index2 .bod1 .item dl img{position:absolute; width:45%; right:1rem; top:0.5rem;}
.index2 .bod1 .item dl .info{position:absolute; left:1rem; right:50%; bottom:30%;}
.index2 .bod1 .item dl .info dt{background:#000; padding:0.5rem 1rem; color:#FFF; width: fit-content; margin-top:0.5rem;}
.index2 .bod1 .item dl .info dd{ font-size:1.3rem; overflow:hidden; color:#FFF; text-shadow: 2px 2px 4px #000000;}
.index2 .txt{ text-align:center; overflow:hidden; margin-top:1rem;}
.index2 .txt dt{font-size:1.4rem; font-weight:bold; color:#58b33e;}
.index2 .txt dd{line-height:1.6rem; margin-top:0.5rem;}
.index2 .bod2{width:100%; margin:auto; margin-top:2rem;}
.index2 .bod2 .www360buy{ width:100%; overflow:hidden;}
.index2 .bod2 .www360buy .hd{ overflow:hidden; }
.index2 .bod2 .www360buy .hd ul{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index2 .bod2 .www360buy .hd li{color:#333; font-size:16px; background:#f5f5f5; width:100%; text-align:center; padding:0.7rem 1rem;}
.index2 .bod2 .www360buy .hd li.on{color:#fff;  background:#58b33e;}
.index2 .bod2 .www360buy .lh{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin-top:1.5rem;}
.index2 .bod2 .www360buy .lh li{width:48.5%; margin-bottom:1rem;}
.index2 .bod2 .www360buy .lh li dt{ position:relative; padding-bottom:80%; border:#f5f5f5 8px solid;}
.index2 .bod2 .www360buy .lh li dt img{width:100%; height:100%; position:absolute;}
.index2 .bod2 .www360buy .lh li dd{text-align:center; font-size:16px; background:#f5f5f5; padding-top:10px; padding-bottom:20px;}

.index3{ width:94%; margin:auto; overflow:hidden;}
.index3 dt{ position:relative; padding-bottom:120%;}
.index3 dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.index3 dt .info{ position:absolute; left:0; right:0; top:0; bottom:0;display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index3 dt .info img{ width:6rem; height:6rem;}

.index4{overflow:hidden; width:94%; margin: auto;}
.index4 .txt{ text-align:center; overflow:hidden; margin-top:2rem;}
.index4 .txt dt{font-size:1.6rem; font-weight:bold; color:#58b33e;}
.index4 .txt dd{line-height:1.6rem; margin-top:0.5rem;}
.index4 .bod{display:flex; flex-wrap:wrap; margin-top:1.5rem;}
.index4 .bod dl{width:100%; margin-right:2%; padding:0px !important; overflow:hidden; margin-bottom:1.5rem; display:block !important;}
.index4 .bod dl iframe{width:100%; height:14rem;}
.index4 .bod dl p{ text-align:center; margin-top:0.6rem;}
.index4 .bod dl .hidden {display: none;}

.index5{ width:100%; position:relative; height:100vh; overflow:hidden;}
.index5 img{ position:absolute; width:100%; height:100vh; object-fit: cover;}
.index5 .info{position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,51,85,0.5); color:#FFF; display:flex;align-items:center;justify-content:center;}
.index5 .info .item{width:94%; margin:auto;}
.index5 .info .item .txt{text-align:center; overflow:hidden; color:#fff;}
.index5 .info .item .txt dt{font-size:1.6rem; font-weight:bold;}
.index5 .info .item .txt dd{line-height:1.6rem; margin-top:0.5rem;}
.index5 .info .item .bod{ margin-top:2rem; display: flex; flex-wrap:wrap; justify-content:space-between;}
.index5 .info .item .bod dl{ text-align:center; width:50%; text-align:center; margin-bottom:1.5rem;}
.index5 .info .item .bod dl dt{width:8rem; height:8rem; margin:auto; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#FFF; border-radius:100%;}
.index5 .info .item .bod dl dt img{ width:60px; height:60px;}
.index5 .info .item .bod dl dd{ margin-top:0.5rem;}
.index5 #scrollLayer1_3{position: absolute;top:0;left:0;width:300%;height:158px;background:url(../images/bolang2.png) repeat-x center top;background-size:70% auto;}
.index5 #scrollLayer2_3{position: absolute;top:0;right:0;width:300%;height:158px;background:url(../images/bolang2.png) repeat-x center top;background-size:70% auto; opacity:0.5;}
.index5 #scrollLayer3_3{position: absolute;bottom:0;left:0;width:300%;height:158px;background:url(../images/bolang1.png) repeat-x center bottom;background-size:70% auto;}
.index5 #scrollLayer4_3{position: absolute;bottom:0;right:0;width:300%;height:158px;background:url(../images/bolang1.png) repeat-x center bottom;background-size:70% auto; opacity:0.5;}

.index6{width:100%; margin-top:2rem;}
.index6 .txt{text-align:center; width:94%; margin:auto;}
.index6 .txt dt{font-size:1.4rem; font-weight:bold; color:#58b33e;}
.index6 .txt p{ margin-top:0.5rem; font-size:1rem; color:#666; line-height:1.6rem;}
.index6 .bod{width:94%; margin:auto; overflow:hidden; margin-top:1rem;}
.index6 .bod dl{width:100%; float:left; margin-left:1.15%; margin-right:1.15%; margin-bottom:2rem;}
.index6 .bod dl dt{ position:relative; padding-bottom:70%;}
.index6 .bod dl dt img{ position:absolute; position:absolute; width:100%; height:100%; object-fit:cover;}
.index6 .bod dl dd{ margin-top:1rem; font-size:1rem; font-weight:bold;}
.index6 .bod dl p{ margin-top:0.5rem; font-size:0.9rem; color:#666; line-height:26px;}

.index-message{width:100%; padding-bottom:1rem;}
.index-message .item{box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1); width:94%; margin:auto; background:#fff;}
.index-message .item .bod{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; padding:2rem;}
.index-message .item .bod .wenan{width:100%;}
.index-message .item .bod .wenan .txt dt{font-size:1.2rem; color:#58b33e}
.index-message .item .bod .wenan .txt dd{font-size:1.6rem; font-weight:bold; margin-top:0.5rem; line-height:1.6rem;}
.index-message .item .bod .wenan .txt p{margin-top:0.5rem; font-size:1rem; color:#666; line-height:1.5rem;}
.index-message .item .bod .wenan .neirong{border-top:#ddd 1px solid; margin-top:1.5rem; padding-top:1.5rem;}
.index-message .item .bod .wenan .neirong dl{display: grid; grid-template-columns: auto 1fr; margin-bottom:15px;}
.index-message .item .bod .wenan .neirong dl img{width:1rem;}
.index-message .item .bod .wenan .neirong dl span{margin-left:0.5rem; line-height:1.4rem; color:#666; font-size:1rem;}
.index-message .item .bod .message{width:100%; margin-top:1rem;}
.index-message .item .bod .message dt{font-size:1.4rem;}
.index-message .item .bod .message form{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:20px;}
.index-message .item .bod .message form input{width:100%; background:#333; border:none; height:2.8rem; margin-bottom:1rem; padding-left:2%; color:#FFF; font-size:1rem; border-radius:0.5rem;}
.index-message .item .bod .message form input::placeholder{color:#FFF; font-size:16px;}
.index-message .item .bod .message form textarea{width:100%; height:100px; background:#333; border:none; border-radius:0.5rem; color:#FFF; font-size:1rem; font-family:Arial; padding-top:0.5rem; padding-left:2%;}
.index-message .item .bod .message form button{ width:40%; height:2.8rem; border-radius:0.5rem; background:#333; border:none;color:#FFF; font-size:1rem; margin-top:1rem; margin-left:60%;}

.foot{overflow:hidden; background:#fff; padding:2rem 0px;}
.foot .bod{overflow:hidden;width:90%; margin:auto; border-bottom:#eee 1px solid; padding-bottom:1.5rem;}
.foot .bod .fl{ width:100%;}
.foot .bod .fl .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod .fl .item img{ width:2.5rem;}
.foot .bod .fl .item span{ font-size:1.2rem; margin-left:0.5rem;}
.foot .bod .fr{ width:100%; margin-top:1rem;}
.foot .bod .fr .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod .fr .item li{ font-size:1rem; font-weight:bold; width:33.33%; text-align:center; margin-top:1rem;}
.foot .bod1{overflow:hidden;width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; border-bottom:#eee 1px solid; padding-bottom:1.5rem; margin-top:1.5rem;}
.foot .bod1 .fl{ width:100%; display: flex; flex-wrap:wrap; justify-content:space-between;}
.foot .bod1 .fl dl{display: flex; flex-wrap:wrap; display: grid; grid-template-columns: auto 1fr; margin-bottom:1rem;}
.foot .bod1 .fl dl dt{ margin-right:0.5rem;}
.foot .bod1 .fl dl dt img{width:2.5rem;}
.foot .bod1 .fl dl dd{ font-weight:bold; font-size:0.9rem;}
.foot .bod1 .fl dl dd p{ font-weight:normal; margin-top:0.3rem; font-size:1rem;}
.foot .bod1 .fr{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; width:100%; margin-top:0rem; border-top:#eee 1px solid; padding-top:1.5rem;}
.foot .bod1 .fr dl{ margin-left:20px;}
.foot .bod1 .fr dl img{width:2.5rem;}
.foot .bod2{overflow:hidden;width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:1.5rem;}
.foot .bod2 .fl{ color:#787878; width:100%; text-align:center;}
.foot .bod2 .fr{display: flex; flex-wrap:wrap; align-items: center; width:100%; margin-top:1rem;}
.foot .bod2 .fr dl{ margin-left:25px; color:#787878; text-decoration: underline;}

.foot-active{ color:#ff8400;}

.active-about{background:#7cb736; color:#FFF;}

.nybanner{width:100%;overflow: hidden; margin-top:3rem;}
.nybanner li{position:relative; height:18rem;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{ position:absolute; left:0; right:0; top:0; bottom:0; }
.nybanner li .info .item{margin:auto; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.nybanner li .info .item .fl{margin:auto; color:#FFF; font-size:1.6rem; margin-left:1rem;}
.nybanner li .info .item .fl dt{font-size:1.6rem;}
.nybanner li .info .item .fl dd{display:none;}
.nybanner li .info .item .fr{ width:15rem;}
.nybanner li .info .item .fr dt{ position:relative; height:12rem; margin-top:2rem;}
.nybanner li .info .item .fr dt img{ position:absolute; width:12rem; height:12rem;}
.nybanner li .info1{ position:absolute; left:0; right:0; top:0; bottom:0; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; font-size:1.4rem; color:#fff; font-weight:bold; text-shadow: 3px 3px 5px #333;}

.position{padding-top:1rem; font-size:1rem; color:#666; overflow:hidden; background:#f5f5f5; padding-bottom:1rem;}
.position .bod{width:90%; margin:auto; }
.position1{padding-top:3rem; font-size:2.6rem; color:#666; overflow:hidden; background:#f5f5f5; padding-bottom:3rem;}
.position1 .bod{width:90%; margin:auto; }
.position2{padding-top:3rem; font-size:2.6rem; color:#666; overflow:hidden; background:#f5f5f5; padding-bottom:3rem;}
.position2 .bod{width:90%; margin:auto; }

.shipin{width:100%; overflow:hidden; background:#fff; margin-top:3rem;}
.shipin video{width:100%; height:100%; object-fit: cover;}

.about-txt{ width:90%; margin:auto; margin-top:1rem; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.about-txt dl{ background:#f5f5f5; width:100%; margin-bottom:0.5rem;}
.about-txt dl a{font-size:1rem; width:100%; display:block; text-align:center; padding:1rem 0rem;}
.about-txt dl:hover{ background:#58b33e; color:#FFF;}
.active-about-txt{background:#58b33e; color:#FFF;}

.about-rongyu{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content:space-between;}
.about-rongyu .fl{width:100%; padding-left:3%; padding-right:3%; background:#58b33e; background-size:100%; color:#fff;}
.about-rongyu .fl dt{font-size:1.4rem; font-weight:bold; margin-top:1.5rem;}
.about-rongyu .fl ul{margin-top:2rem;display:flex; flex-wrap:wrap; justify-content:space-between; margin-left:5%; margin-right:5%;}
.about-rongyu .fl ul dd{}
.about-rongyu .fl ul dd li{ font-size:3rem; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; font-weight:bold;}
.about-rongyu .fl ul dd li span{ font-size:20px; padding-top:10px; margin-left:10px; font-weight:normal;}
.about-rongyu .fl ul dd p{ text-align:center; margin-top:0.5rem;}
.about-rongyu .fl dl{ margin-top:2rem; font-size:1rem; font-weight:bold; margin-bottom:2rem;}
.about-rongyu .fl dl span{ margin:0px 0.6rem;}
.about-rongyu .fl img{ margin-top:1rem;}
.about-rongyu .fr{width:100%; display: flex; flex-wrap:wrap; overflow:hidden; padding-left:3%; padding-right:3%; margin-top:2rem;}
.about-rongyu .fr dl{width:48.5%; margin-bottom:1.5rem; margin-right:3%;}
.about-rongyu .fr dl:nth-child(2n){ margin-right:0px;}
.about-rongyu .fr dl dt{position:relative; padding-bottom:144%;}
.about-rongyu .fr dl dt p{position:absolute; width:100%; height:100%; display: grid; place-items: center;}
.about-rongyu .fr dl dt img{width:100%;}
.about-rongyu .fr dl dd{ text-align:center; margin-top:0.6rem;}

.wenhua{ display:none;}

.wenhua-wap{width:100%; margin:auto; padding-top:2rem;}
.wenhua-wap .txt{text-align:center; width:94%; margin:auto;}
.wenhua-wap .txt dt{font-size:1.4rem; font-weight:bold; color:#014a7b;}
.wenhua-wap .txt p{ margin-top:0.5rem; font-size:1rem; color:#666; line-height:1.6rem;}
.wenhua-wap .ladyScroll-wap{position:relative; width:90%; margin:auto; margin-top:2rem;}
.wenhua-wap .ladyScroll-wap .prev{width:14px;height:22px;position:absolute;top:50%;left:-5%;z-index:100; margin-top:-17px;}
.wenhua-wap .ladyScroll-wap .prev img{width:14px;height:22px;}
.wenhua-wap .ladyScroll-wap .next{width:14px;height:22px;position:absolute;top:50%;right:-5%;z-index:100; margin-top:-17px;}
.wenhua-wap .ladyScroll-wap .next img{width:14px;height:22px;}
.wenhua-wap .ladyScroll-wap .dlList-wap{width:100%;overflow:hidden;position:absolute;}
.wenhua-wap .ladyScroll-wap dl{float:left;width:100%;}
.wenhua-wap .ladyScroll-wap dl dt{position:relative; padding-bottom:65.8%; width:94%; margin-left:3%;}
.wenhua-wap .ladyScroll-wap dl dt img{width:100%;height:100%; position:absolute; object-fit: cover;}
.wenhua-wap .ladyScroll-wap dl p{ text-align:center; margin-top:15px;}

.about-case{ width:94%; margin:auto; overflow:hidden; margin-top:2rem; margin-bottom:1rem;}
.about-case .txt{text-align:center; width:94%; margin:auto;}
.about-case .txt dt{font-size:1.4rem; font-weight:bold;}
.about-case .txt p{ margin-top:0.5rem; font-size:1rem; color:#666; line-height:1.6rem;}
.about-case .bod{display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:1rem;}
.about-case .bod dl{ width:48.5%; margin-bottom:1rem; border:#ddd 1px solid;}
.about-case .bod dl dt{ position:relative; padding-bottom:33.33%;}
.about-case .bod dl dt img{ position:absolute; width:60%; margin-left:20%; padding-top:7%;}
.about-case .bod dl dd{ font-size:16px; text-align:center; background:#f5f5f5; border-top:#ddd 1px solid; padding:10px 0px;}

.productlist{overflow:hidden; display: flex; flex-wrap:wrap; justify-content:space-between; padding:1rem 0px;}
.productlist .txt{ overflow:hidden; width:100%;}
.productlist .txt dt{ font-size:1.4rem; font-weight:bold; text-transform:uppercase; padding-left:0rem;}
.productlist .txt dd{margin-top:0.5rem;}
.productlist .txt dd li{border:#eee 1px solid; transition: all 1s; display:block; margin:0.3rem; background:#FFF;}
.productlist .txt dd li p{padding:0.8rem;}
.productlist .txt dd li:hover p{transition: all 1s; color:#fff; background:#000;}
.productlist .txt dd li .active p{transition: all 1s; color:#fff; background:#000;}
.productlist .bod{width:100%; display: flex; flex-wrap:wrap; justify-content:space-between;}
.productlist .bod dl{ width:100%; margin-bottom:1rem; border:0.5rem #f5f5f5 solid;}
.productlist .bod dl dt{ position:relative; padding-bottom:80%;}
.productlist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.productlist .bod dl dd{background:rgba(255,255,255,0.6); border-top:none; padding-left:1rem; padding-bottom:1rem; font-size:1.2rem;}
.productlist .bod dl dd p{ width:7rem; height:2rem; line-height:2rem; text-align:center; background:#333; color:#FFF; font-size:1rem; margin-top:0.5rem;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:0; font-size:1rem;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666; padding:5px; flex:1; overflow:hidden; overflow:hidden; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0.5rem;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0.5rem; background:#58b33e; border:#58b33e 1px solid;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; padding:0.5rem; background:#f5f5f5; transition: all 0.5s; margin-bottom:0.3rem;}
.fanye a:hover{background:#58b33e; color:#fff; transition: all 0.5s; border:#58b33e 1px solid;}

.tiao{ overflow:hidden; height:3rem;}

/*product*/
.ppp .ppp-l{ display:none;}
.product{overflow:hidden; margin-top:1.2rem;}
.product .neiye-txt{ font-size:1.2rem;}
.product .bod{margin-top:1rem; overflow:hidden; margin-bottom:0rem;}
.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{ }
.product .bod .fl .game163 .bigImg li p{position:relative; padding-bottom:80%; }
.product .bod .fl .game163 .bigImg li p img{ position:absolute;width:98%; height:98%; border:1px solid #dcdddd; margin:auto;}
.product .bod .fl .game163 .smallScroll{margin-top:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product .bod .fl .game163 .sPrev{font-size:2rem; font-family:"宋体"; color:#666;}
.product .bod .fl .game163 .sNext{font-size:2rem; font-family:"宋体"; color:#666;}
.product .bod .fl .game163 .sPrev:hover{ color:#58b33e;}
.product .bod .fl .game163 .sNext:hover{ color:#58b33e;}
.product .bod .fl .game163 .smallImg{float:left;  display:inline; width:84%; overflow:hidden;}
.product .bod .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.product .bod .fl .game163 .smallImg li{width:33%;}
.product .bod .fl .game163 .smallImg li p{position:relative; padding-bottom:76%; width:92%; margin:auto; border:1px solid #ddd;}
.product .bod .fl .game163 .smallImg li p img{ position:absolute; width:100%; height:100%;}
.product .bod .fl .game163 .smallImg .on img{border-color:#58b33e;}
.product .bod .fr{ width:100%; margin-top:1rem;}
.product .bod .fr .tit{ font-size:1.2rem; color:#58b33e; margin-bottom:1rem; margin-top:0.5rem; overflow:hidden;}
.product .bod .fr .tit1{ font-size:1rem; margin-top:0rem; line-height:1.5rem; color:#666; background:#fff; overflow:hidden;}
.product .bod .fr .tit2{ margin-top:20px; display: flex; flex-wrap:wrap; overflow:hidden;}
.product .bod .fr .tit2 p{ width:2.2rem; height:2.2rem; background:#58b33e; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-right:0.7rem; border-radius:100%;}
.product .bod .fr .tit2 p img{ width:1.1rem; height:1.1rem; filter:drop-shadow(#fff 0px 10000000px); transform: translateY(-10000000px);}
.product .bod .fr .lainxi{margin-top:1.5rem; border-top:#eee 1px dashed; padding-top:1.5rem; overflow:hidden;}
.product .bod .fr .lainxi dl{ background:#f5f5f5; color:#231815; width:47%; padding:0.6rem 0rem; text-align:center; border-radius:0.5rem; overflow:hidden; border:#eee 1px solid; font-size:1rem; float:left; margin-right:4%;}
.product .bod .fr .lainxi dl:hover{background:#58b33e; color:#FFF;}
.product .bod .fr .lainxi ul{ background:#fff; color:#231815; width:47%; padding:0.6rem 0px; text-align:center; border-radius:0.5rem; overflow:hidden; border:#eee 1px solid; font-size:1rem;}
.product .bod .fr .lainxi ul:hover{background:#58b33e; color:#FFF;}
.product .www360buy{width:100%; margin-top:2rem; display:block; overflow:hidden; }
.product .www360buy .hd{overflow:hidden;}
.product .www360buy .hd ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.product .www360buy .hd li{height:3rem; line-height:3rem; text-align:center; width:100%; background:#f5f5f5;font-size:1.2rem; margin-bottom:0.2rem;}
.product .www360buy .hd li.on{background:#58b33e; color:#fff; width:100%;}
.product .www360buy .bd{ margin-top:0.6rem;}
.product .www360buy .lh{overflow:hidden; line-height:24px;}
.product .www360buy .lh table{border:#ddd 1px solid !important; border-collapse:collapse; width:100% !important;}
.product .www360buy .lh table tr{ background:#eee !important;}
.product .www360buy .lh table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#ddd 1px solid !important; text-align:center;padding-top:0.5rem !important;padding-bottom:0.5rem !important; font-size:1rem; line-height:1.3rem;}
.product .www360buy .lh table tr:nth-child(2n){ background:#FFF !important;}
.product .www360buy .lh video{ width:100%; height:100%;}
.product .www360buy .lh h3{ font-size:1.4rem; color:#234189; margin-top:1rem; margin-bottom:0.5rem;}
.product .www360buy .lh h1{ font-size:1.8rem; margin-bottom:1rem; margin-top:1rem; color:#234189;}
.product .www360buy .lh h2{ font-size:1.6rem; margin-bottom:1rem; margin-top:1rem; color:#234189;}
.product .www360buy .lh h4{ font-size:1.2rem; margin-bottom:1rem; margin-top:1rem; color:#234189;}
.product .www360buy .lh h5{ font-size:1rem; margin-bottom:1rem; margin-top:1rem; color:#234189; font-weight:bold;}
.product .www360buy .lh p{ margin-top:0.7rem;}
.product .www360buy .lh img{ width:100%;}
.product .message{overflow:hidden; display:block; padding-top:1.5rem;}
.product .message .txt{ text-align:center; margin-bottom:1.5rem;}
.product .message .txt dt{ font-size:2rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.product .message .txt dd{ font-size:1.4rem; font-weight:bold; text-transform:uppercase; margin-top:-1.5rem;}
.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:none; height:3rem; line-height:3rem; outline:none; font-size:1rem; padding-left:1rem; margin-bottom:1rem; background:#f5f5f5;}
.product .message ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.product .message ul p{ width:47%;}
.product .message ul p input{width:100%; border:none; outline:none; font-size:1rem; height:3rem; line-height:3rem; padding-left:1rem; background:#f5f5f5;}
.product .message ul p img{ height:3rem;}
.product .message dl p textarea{width:100%; border:none; outline:none;  font-family:Arial; font-size:1rem; color:#f52f3d; height:3rem; line-height:3rem; padding-left:1rem; background:#f5f5f5; margin-bottom:1rem;}
.product .message li textarea{width:100%; border:none; height:6rem; outline:none; font-family:Arial; font-size:1rem; color:#666; margin-top:1rem; padding-left:1rem; padding-top:1rem; padding-right:1rem; background:#f5f5f5;}
.product .message button{width:100%; height:3rem; border:#58b33e 1px solid; background:none; color:#fff; font-size:1rem; text-transform:uppercase; background:#58b33e; margin-top:1rem;}
.product .message button:hover{ background:#18488a; color:#FFF;}
.product .gengduo-txt li{ width:100%; font-size:1.4rem; border-bottom:#58b33e 1px solid; color:#58b33e; margin-top:2rem; padding-bottom:0.5rem; font-weight:bold;}
.product .xiangguan{ margin-top:1rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .xiangguan dl{width:100%; margin-bottom:1.5rem; }
.product .xiangguan dl dt{position:relative; padding-bottom:100%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5; border:#eee 1px solid;}
.product .xiangguan dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.product .xiangguan dl dt .info{ display:none;}
.product .xiangguan dl dd{text-align:center; font-size:1rem; padding:1rem 0rem;}
.product .xiangguan dl:hover dd{ color:#58b33e;}
.product .xiangguan dl p{color:#58b33e; transition: all 0.5s; width: fit-content; margin:auto; padding:0.7rem 1.5rem; border:#58b33e 1px solid;}
.product .xiangguan dl:hover p{background:#58b33e; color:#FFF; transition: all 0.5s;}
.product .xiangguan dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}
.product-img{ display:none;}

.caselist{overflow:hidden;}
.caselist .bod{ overflow:hidden; display: flex; flex-wrap:wrap; margin-top:1rem;}
.caselist .bod dl{width:100%; margin-bottom:1.5rem;}
.caselist .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden; background:#f5f5f5; border:#ddd 1px solid;}
.caselist .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.caselist .bod dl dd{margin-top:1rem; margin-bottom:0.7rem; text-align:center;}
.caselist .bod dl:hover dd{ color:#58b33e;}
.caselist .bod dl p{width:fit-content; padding:0.5rem 2rem; border:#58b33e 1px solid; color:#58b33e; font-size:16px; margin:auto; transition: all 0.5s;}
.caselist .bod dl:hover p{ background:#58b33e; color:#FFF; transition: all 0.5s;}
.caselist .bod dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.caselist1{overflow:hidden; display:none;}

.newslist{ overflow:hidden; width:90%; margin:auto; margin-top:1rem; margin-bottom:1rem;}
.newslist .bod{display: flex; flex-wrap:wrap; justify-content:space-between;}
.newslist .bod dl{ width:100%; margin-bottom:1.5rem;}
.newslist .bod dl dt{ position:relative; padding-bottom:60%;}
.newslist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.newslist .bod dl dd{ font-size:1rem; margin-top:1rem;}
.newslist .bod dl ul{ margin-top:0.5rem; line-height:1.5rem; color:#666; font-size:0.9rem;}
.newslist .bod dl p{ margin-top:15px; }
.newslist .bod dl:hover dd{color:#58b33e;}
.newslist .bod dl:hover p{color:#58b33e;}

.news{ overflow:hidden; background:#fff; padding-top:1.5rem; width:90%; margin:auto;}
.news .fl{ width:100%;}
.news .txt{ border-bottom:#CCC 1px dashed; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.news .txt dt{font-size:1.2rem; font-weight:bold;}
.news .txt dd{margin-top:1rem; color:#666;}
.news .txt dd p{}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:1rem;}
.news .bod p{ font-size:1rem; color:#666; line-height:1.5rem; margin-bottom:0.5rem; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}

.video{overflow:hidden; display:block; margin-left:1rem; margin-right:1rem;}
.video dl{width:100%; padding:0px !important; overflow:hidden; margin-top:1rem; display:block !important;}
.video dl iframe{width:100%; height:12rem; background:#333;}
.video dl p{text-align:center; margin-top:0.5rem;}

.Download{overflow:hidden; margin-left:1rem; margin-right:1rem; margin-top:1rem; background:#FFF; padding:1rem;}
.Download .bod{ margin-bottom:20px;}
.Download .bod dl{display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:#ddd 1px dashed; padding-bottom:15px; padding-top:15px; transition: all 0.5s;}
.Download .bod dl dt{ font-size:16px; transition: all 0.5s;}
.Download .bod dl dt a{display: flex; flex-wrap:wrap; align-items:center;}
.Download .bod dl dt img{ display:none;}
.Download .bod dl dd{width: fit-content; background:#0054a6; padding:5px 15px; color:#FFF; border-radius:5px; font-size:1rem; margin-top:0.5rem;}
.Download .bod dl:hover{box-shadow: 0px 0px 6px 6px rgba(10, 10, 10, 0.06);}
.Download .bod dl:hover dt{ margin-left:15px; transition: all 0.5s;}
.Download .bod dl:hover dd{ margin-right:15px; transition: all 0.5s;}

.about{overflow:hidden; width:94%; margin:auto; position:relative; margin-top:2rem; margin-bottom:2rem;}
.about .fl{ width:100%;}
.about .fl dt{ font-size:1.4rem; font-weight:bold; color:#58b33e;}
.about .fl dd{ font-size:1rem; font-weight:bold; margin-top:1rem;}
.about .fl ul{ margin-top:1rem;}
.about .fl ul p{ margin-top:1rem; line-height:1.6rem; color:#666;}
.about .fr{width:100%; margin-top:2rem;}
.about .fr dl{width:100%; overflow:hidden;}
.about .fr dl img{width:100%; height:100%;}

.contact{overflow:hidden; background:#fff; width:100%; background:#f5f5f5; padding-top:2rem; border-top:#eee 1px solid; padding-bottom:2rem;}
.contact .txt{width:90%; margin:auto;}
.contact .txt dt{ color:#58b33e; font-weight:bold;}
.contact .txt dd{ font-size:1.6rem; font-weight:bold; margin-top:0.5rem;}
.contact .bod{display:flex; flex-wrap:wrap; width:90%; margin:auto; margin-top:30px;}
.contact .bod dl{ width:100%; padding:1rem 0px; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-top:-1px;}
.contact .bod dl dt{ width:20%;}
.contact .bod dl dt img{width:60%; margin-left:20%;}
.contact .bod dl ul{ width:73%; margin-right:4%; margin-left:3%;}
.contact .bod dl ul dd{ font-weight:bold;}
.contact .bod dl ul li{ line-height:1.4rem; color:#666;}
.contact .bod1{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; width:90%; margin:auto;}
.contact .bod1 dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#c5001b; width:100%; padding:1rem 0px; border-radius:0.5rem;  margin-top:1rem;}
.contact .bod1 dl a{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.contact .bod1 dl dt{ margin-right:5px;}
.contact .bod1 dl dt img{ height:1.2rem; margin-top:7px;}
.contact .bod1 dl dd{ font-size:1.2rem; color:#FFF; font-weight:bold;}
.contact .bod1 dl:nth-child(2){ background:#273e8d;}
.contact .bod1 dl:hover{background:#58b33e;}

.joblist{ width:94%; margin:auto; overflow: hidden; margin-top:2rem; margin-bottom:1rem;}
.joblist .bod{overflow:hidden;}
.joblist .bod .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-bottom:1rem; border:#CCC 1px solid; border-radius:10px;}
.joblist .bod .item .fl{width:100%; font-size:1.2rem; border-bottom:#CCC 1px solid; padding:1rem;}
.joblist .bod .item .fr{ width:100%;}
.joblist .bod .item .fr dl{ margin:1rem;}
.joblist .bod .item .fr dl dt{ font-size:1rem; line-height:1.5rem; color:#666;} 
.joblist .bod .item .fr dl dd{width:100%; margin-top:0.5rem; color:#ac835e;}

.job{width:94%; overflow:hidden; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin:auto;}
.job .fl{ width:100%;}
.job .fl .txt-content{ width:100%; overflow:hidden;}
.job .fl .txt-content form{}
.job .fl .txt-content form dt textarea{font-size:24px; border:none; background:none; font-family:"微软雅黑"; outline:none; height:40px;}
.job .fl .txt-content form ul{width:100%; display: flex; flex-wrap:wrap; align-items: center;}
.job .fl .txt-content form ul p{ width:100%; margin-bottom:0.3rem;}
.job .fl .txt-content form ul input{font-size:1rem; border:none; background:#eef8fe; font-family:"微软雅黑"; outline:none; height:2.5rem; border-radius:0.5rem; width:100%; margin-bottom:1rem; border:1px solid #ddd; padding-left:0.5rem;}
.job .fl .txt-content form dl{display: flex; flex-wrap:wrap; align-items:flex-start;}
.job .fl .txt-content form dl p{height:2.5rem; line-height:2.5rem;}
.job .fl .txt-content form dl textarea{font-size:1rem; border:1px solid #ddd; background:none; outline:none; height:8rem; width:100%; border-radius:0.5rem; background:#eef8fe; padding:0.5rem;}
.job .fl .txt-content form button{background:#58b33e; color:#FFF; border:none; width:10rem; height:2.5rem; line-height:2.5rem; margin-top:1.5rem; border-radius:0.5rem; font-size:1rem;}
.job .fl .txt-content dd{ margin-top:10px; display: flex; flex-wrap:wrap; align-items: center;}
.job .fl .txt-content dd p{ margin-right:30px; color:#666}
.job .fl .txt-content li{ margin-top:30px; line-height:26px;}
.job .fl .txt-content li p{ margin-bottom:10px;}
.job .fr{ width:100%; border-radius:10px; background:#58b33e; margin-top:2rem;}
.job .fr .youbian{ margin:1rem; color:#FFF;}
.job .fr .youbian li{ font-size:1.2rem;}
.job .fr .youbian dl{ margin-top:1rem; border-bottom:rgba(255,255,255,0.5) 1px dashed; padding-bottom:1rem;}
.job .fr .youbian dl a{ display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.job .fr .youbian dl a span{ opacity:0.6}

.p-search{width:94%; margin:auto; padding-top:1.5rem; display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center; justify-content: center; width:100%; overflow:hidden; border:#ddd 1px solid; border-radius:3rem;}
.p-search form input{ width:65%; height:3rem; outline:none; font-size:1rem; padding-left:5%; border:none;}
.p-search form button{ width:30%; background:#58b33e; border:none; height:3rem; font-size:18px; color:#FFF; text-transform:uppercase; font-size:1rem;}
}