﻿*{margin:0;padding:0}
body{color:#333; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size:16px; font-family:Arial;}
a{text-decoration:none; color: inherit; }
img{border:0}
li{list-style:none}
.width{margin:0 auto;}
.fl{float:left;}
.fr{ float:right;}

@media(min-width:1400px)and (max-width:300000px){
.top1bj{background: rgba(255,255,255,1); width: 100%; z-index:999; position: fixed; top:0px; box-shadow:0px 5px 10px 0px rgb(0 0 0 / 30%);}
.top1bj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:120px; width:85%;}
.top1bj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:120px;}
.top1bj .width .logo dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:120px;}
.top1bj .width .logo dl img{ height:80px; padding-top:3px;}
.top1bj .width #Menu-btn{display:none;}
.top1bj .width #Menu-btn dl{display:none;}
.top1bj .width #Menu-btn-h{display:none;}
.top1bj .width #menu1{display:none;}
.top1bj .width .fr{display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .width .fr form{display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .width .fr form input{ background:#ec9811; color:#FFF; border:none; outline:none; height:50px; width:150px; border-radius:30px 0px 0px 30px; padding-left:30px;}
.top1bj .width .fr form button{background:#ec9811; border:none; outline:none; height:50px; width:60px; border-radius:0px 30px 30px 0px;}
.top1bj .width .fr form button img{ width:16px;}

.navBar{position:relative; z-index:1; margin-left:20px;}
.nav h3{ font-size:100%; font-weight:normal; height:120px; line-height:120px; font-size:16px; padding:0px 20px;}
.nav .m{position:relative; float:left; display:inline; text-align:center;}
.nav .m h3 i{width:10px; height:120px; overflow:hidden; filter:alpha(opacity=60);opacity:0.6; margin-left:7px; display:flex; flex-wrap:wrap; align-items:center; float:right; overflow:hidden;}
.nav .m h3 i img{width:10px; height:5px;}
.nav .m:nth-child(1) h3 i,.nav .m:nth-child(6) h3 i{ display:none;}
.nav h3:hover{color:#ec9811;}
.nav h3:hover i{filter:drop-shadow(#ec9811 0px 120px); transform: translateY(-120px);}
.nav .sub{ display:none; /*默认隐藏*/ width:260px; position:absolute; left:0px; top:120px;  float:left; border-radius:0px; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1); background:#FFF; border-radius:0px 0px 10px 10px;}
.nav .sub dd{color:#666; text-align:left; border-bottom:#ddd 1px dashed; position: relative; z-index:99999; padding:15px 0px; width:260px;}
.nav .sub dd p{margin-left:20px; margin-right:20px;}
.nav .sub dd p a{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.nav .sub dd p a img{ display:none;}
.nav .sub dd:hover{color:#fff; background:#ec9811;}
.nav .sub dd .iinnoo{ position: absolute; left:260px; top:0px; width:0px; background:#fff;}
.nav .sub dd .iinnoo dl{ display:none;}
.nav .sub dd:hover .iinnoo{width:260px; z-index:99; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1); border-radius:0px 10px 10px 0px;}
.nav .sub dd:hover .iinnoo dl{display: block;color:#666; margin-left:15px; margin-right:15px; padding:15px 0px; border-bottom:#ddd 1px dashed;}
.nav .sub dd:hover .iinnoo dl:hover{color:#fff; background:#ec9811;}
#mainCate-18 .iinnoo{ top:auto; bottom:0; }
#mainCate-17 .iinnoo{ top:auto; bottom:0; }
#mainCate-16 .iinnoo{ top:auto; bottom:0; }
#mainCate-15 .iinnoo{ top:auto; bottom:0; }
#mainCate-14 .iinnoo{ top:auto; bottom:0; }
#mainCate-13 .iinnoo{ top:auto; bottom:0; }
#mainCate-12 .iinnoo{ top:auto; bottom:0; }
#mainCate-11 .iinnoo{ top:auto; bottom:0; }
#mainCate-10 .iinnoo{ top:auto; bottom:0; }
.nav .m:nth-child(3) .sub dd p img{ display: block;}
.nav .m:nth-child(3) .sub dd:hover p img{filter:drop-shadow(#ec9811 0px 200000px); transform: translateY(-200000px);}

.active-head{height:80px; line-height:80px; display:block;}
.active-head h3{color:#ec9811;}
.active-head h3 i img{filter:drop-shadow(#ec9811 0px 80px); transform: translateY(-80px);}

.focusBox {position: relative; width:100%; height:100vh; overflow: hidden; }
.focusBox .pic{position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:100vh; display: block; object-fit: cover;}
.focusBox .hd { width:100%; position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; height:6px; overflow: hidden; width: 100px; cursor: pointer;display:inline-block; *display:inline; zoom:1; background:#FFF; border-radius:10px;}
.focusBox .hd .on{ background:#ec9811;}
.focusBox .prev,.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.focusBox .gengduo{position: absolute; bottom:0; left:0; right:7.5%; background:#FFF;}
.focusBox .gengduo .item{ padding-left:8%; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; height:150px;}
.focusBox .gengduo .item dl{ width:20%; text-align:center;}
.focusBox .gengduo .item dl dt{ width:58px; height:58px; overflow:hidden; margin:auto;}
.focusBox .gengduo .item dl dt img{width:58px; height:58px;}
.focusBox .gengduo .item dl:hover dt img{filter:drop-shadow(#ec9811 0px 120px); transform: translateY(-120px);}
.focusBox .gengduo .item dl dd{ margin-top:10px;}
.focusBox .gengduo .item dl:hover dd{ color:#ec9811;}
.focusBox .gengduo .item ul{ width:20%; background:#ec9811; height:150px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.focusBox .gengduo .item ul p{ font-size:17px; font-weight:bold; color:#FFF; margin-right:5px;}
.focusBox-wap{ display:none;}

.index1{ width:100%; overflow:hidden;}
.index1-product{position:relative; width:1400px; margin:auto;}
.index1-product .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index1-product .img{width:55%;display:flex; flex-wrap:wrap; justify-content: space-between;}
.index1-product .img dl{width:100%; transition:all 0.5s; position:relative; padding-bottom:100%;}
.index1-product .img dl img{width:100%; height:100%; position:absolute;}
.index1-product .tit{ width:40%;}
.index1-product .tit dt{ font-size:50px; color:#ec9811;}
.index1-product .tit dt p{color:#0085db; font-weight:bold;}
.index1-product .tit dd{ margin-top:10px; font-size:20px; font-weight:bold;}
.index1-product .tit li{ margin-top:35px; line-height:36px;}
.index1-product .swiper-button-prev{content:"";width:60px;height:60px;background: url(../images/2.png);position:absolute;top:50%;left:0px;}
.index1-product .swiper-button-next{content:"";width:60px;height:60px;background: url(../images/3.png);position:absolute;top:50%;right:0px;}
.index1-product .swiper-button-prev:after{content:"";width:60px;height:60px;background: url(../images/2.png);position:absolute;top:0px;right:0px;}
.index1-product .swiper-button-next:after{content:"";width:60px;height:60px;background: url(../images/3.png);position:absolute;top:0px;right:0px;}

.index2{width:85%; margin:auto; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index2 dl{width:23.5%; border:#eee 1px solid; margin-bottom:30px;}
.index2 dl dt{position:relative; padding-bottom:100%;}
.index2 dl dt img{position:absolute; width:100%; height:100%;}
.index2 dl dt .info{position:absolute; bottom:0; left:0; right:0; text-align:center;}
.index2 dl dt .info dd{display:none;}
.index2 dl dt .info li{display:none;}
.index2 dl dt .info p{display:none;}
.index2 dl dt .info .title{margin-bottom:20px;}
.index2 dl:hover .info{position:absolute; bottom:0; left:0; right:0; top:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(255,255,255,0.8);}
.index2 dl:hover .info dd{display:block; font-size:30px; color:#ec9811;}
.index2 dl:hover .info li{display:block; font-size:28px; color:#0085db; font-weight:bold; margin-top:5px;}
.index2 dl:hover .info .title{margin-top:20px; font-size:30px; color:#454545;}
.index2 dl:hover .info p{display:block; width:160px; background:#ec9811; color:#FFF; margin:auto; margin-top:40px; height:45px; line-height:45px;}

.index3{ width:100%; overflow:hidden; background:url(../images/index3.jpg) no-repeat center center; background-size:cover; padding-top:140px; margin-top:60px; padding-bottom:110px;}
.index3 .bod{ width:85%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index3 .bod .fl{ width:56%; background:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.index3 .bod .fl dd{ font-size:16px; line-height:32px; width:86%;}
.index3 .bod .fl dd p{ margin:22px 0px;}
.index3 .bod .fr{ width:42%;}
.index3 .bod .fr dt img{ width:100%;}
.index3 .bod .fr dd{ margin-top:40px; border-left:#ec9811 5px solid; padding:10px 0px}
.index3 .bod .fr dd p{ margin-left:30px; font-size:18px; line-height:30px;}
.index3 .item{width:85%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:30px;}
.index3 .item dl{ width:19%;}
.index3 .item dl dt{position:relative; padding-bottom:70%;}
.index3 .item dl dt img{position:absolute; width:100%; height:100%;}
.index3 .item dl dd{ margin-top:15px; text-align:center;}

.index4{width:85%; margin:auto; overflow:hidden; margin-top:100px;}
.index4 .txt{ text-align:center;}
.index4 .txt dt{ font-size:40px; font-weight:bold;}
.index4 .txt dd{ margin-top:10px; font-size:18px;}
.index4 .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index4 .bod dl{ width:49%; background:#f5f5f5; margin-top:120px;}
.index4 .bod dl dt{ width:120px; height:120px; background:#e5dcc8; margin:auto; margin-top:-60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100%;}
.index4 .bod dl p{ font-size:20px; font-weight:bold; text-align:center; margin-top:20px;}
.index4 .bod dl dd{ margin-top:30px; margin-left:40px; margin-right:40px; margin-bottom:50px; text-align:center; line-height:30px;}
.index4 .bod dl:hover dt{background:#ec9811;}

.index5{width:85%; margin:auto; overflow:hidden; margin-top:100px; margin-bottom:80px;}
.index5 .txt{ text-align:center;}
.index5 .txt dt{ font-size:40px; font-weight:bold;}
.index5 .txt dd{ margin-top:10px;}
.index5 .bod{ margin-top:60px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index5 .bod dl{ width:31.5%;}
.index5 .bod dl dt{ position:relative; padding-bottom:65%;}
.index5 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index5 .bod dl dd{ margin-top:15px; display:flex; flex-wrap:wrap; align-items:center;}
.index5 .bod dl dd img{ margin-right:10px;}
.index5 .bod dl li{ margin-top:15px; font-size:18px; font-weight:bold;}
.index5 .bod dl ul{ margin-top:10px; color:#666; line-height:26px;}
.index5 .bod dl p{ margin-top:15px;}

.active-foot{color:#ec9811;}

.bottom{ background:#f5f5f5; width:100%; overflow:hidden; padding:40px 0px;}
.bottom .bod{ width:85%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between;}
.bottom .bod  dl{width:13%;}
.bottom .bod  dl dt{ font-size:18px; margin-top:40px; margin-bottom:20px; font-weight:bold;}
.bottom .bod  dl dd{ margin-top:10px;}
.bottom .bod  dl dd p{ margin-top:20px; display:flex; flex-wrap:wrap; align-items:center;}
.bottom .bod  dl dd p img{ margin-right:5px;}
.bottom .bod  dl dd p:hover{ color:#ec9811;}
.bottom .bod  dl li{margin-top:20px; color:#666;}
.bottom .bod  dl:nth-child(3){ width:35%;}
.bottom .bod  dl:nth-child(4){ width:30%;}
.bottom .bod form{  margin-top:30px; display:flex; flex-wrap:wrap; align-items:center;}
.bottom .bod form input{border:#ddd 1px solid; width:100%; padding-left:15px; height:50px; font-size:16px; outline:none;}
.bottom .bod form button{margin-top:15px; width:100%; background:#ec9811; color:#FFF; height:50px; font-size:16px; outline:none; border:#ddd 1px solid;}
.bottom .foot{width:100px; margin:auto; margin-top:50px;}
.bottom .foot img{ width:100px; }

.bottom1{background:#ddd; width:100%; overflow:hidden; padding:30px 0px;}
.bottom1 .bod{width:85%; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.bottom1 .bod .fl{font-size:16px;}
.bottom1 .bod .fr{display:flex; flex-wrap:wrap; align-items:center;}
.bottom1 .bod .fr p{width:42px; height:42px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#333; margin-left:10px;}
.bottom1 .bod .fr p img{width:21px; height:21px;}
.bottom1 .bod .fr p:hover{background:#ec9811;}
.bottom1 .bod1{width:1400px; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-top:#c5c5c5 1px solid; padding-top:30px;}

.toolbar {width:60px;position:fixed; right:0px; top:40%; z-index:999;}
.toolbar dd {width:60px; height:60px; margin-bottom:3px; position:relative; background:#0085db; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#FFF; font-size:12px; border-radius:5px;}
.toolbar dd i p img{width:32px; margin-top:3px;}
.toolbar dd i{font-style:normal;}
.toolbar .pop {position:absolute; right:0px; top:-30px; background:#0085db; display:none;}
.toolbar .pop-code {width: 160px;}
.toolbar .pop-code1{width: 220px;}
.toolbar .pop-code2{width: 220px;}
.toolbar .pop-code img {width: 140px;height: 140px;display: block; margin:auto; margin-top:10px;}
.toolbar .pop-code h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar .pop-code1 h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar .pop-code2 h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar-wap{ display:none;}

.nybanner{width:100%;overflow: hidden; margin-top:0px;}
.nybanner li{position:relative; height:650px; background:url(../images/rfidshouhuan.jpg) no-repeat center center; background-size:cover;}
.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; background:rgba(0,0,0,0); display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.nybanner li .info dl{ width:1400px; margin:auto; color:#FFF; text-align:center; font-size:60px; text-shadow: 5px 2px 10px #000000;}
.nybanner li .info1{position:absolute; left:0; right:0; top:50px; bottom:0;}
.nybanner li .info1 dl{width:1400px; margin:auto;}
.nybanner li .info1 dl dt{width:680px; position:relative; padding-bottom:70%; margin-left:780px;}
.nybanner li .info1 dl img{position:absolute; width:680px; height:440px;}

.nybanner-about{ position: relative; width:100%; height:100Vh; overflow: hidden;}
.nybanner-about li{width:100%; height:100Vh;}
.nybanner-about li video{width:100%; height:100vh; object-fit: cover;}

.position{font-size:16px; background:#fff; overflow:hidden; box-shadow:0px 5px 10px 0px rgb(0 0 0 / 10%);}
.position .bod{width:85%; margin:auto; }
.position .bod .fl{ font-size:16px; height:80px; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.position .bod .fr{ height:80px; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.position .bod .fr form{display:flex; flex-wrap:wrap; align-items: center;}
.position .bod .fr form input{ height:40px; border:#ddd 1px solid; width:300px; outline:none; padding-left:15px; border-radius:30px 0px 0px 30px;}
.position .bod .fr form button{height:42px; border:#ec9811 1px solid;width:80px; background:#ec9811; outline:none; border-radius:0px 30px 30px 0px;}
.position .bod .fr form button img{ width:18px;}
.position1{padding-top:30px; font-size:16px; background:#f5f5f5; overflow:hidden; padding-bottom:30px;}
.position1 .bod{width:85%; margin:auto; }
.position2{padding-top:30px; font-size:16px; background:#f5f5f5; overflow:hidden; padding-bottom:30px;}
.position2 .bod{width:1200px; margin:auto; }

.ny-daohang{overflow:hidden; width:100%; margin-top:50px;}
.ny-daohang .bod{ width:85%; margin:auto; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.ny-daohang .bod dl{width: fit-content; background:#f5f5f5; margin:0px 10px;}
.ny-daohang .bod dl a{padding:15px 30px; display:block;}
.ny-daohang .bod dl:hover{background:#ec9811; color:#FFF;}
.ny-daohang-active{background:#ec9811; color:#FFF;}

.aboutus{overflow:hidden; background:#fff; margin-bottom:70px; width:85%; margin:auto; margin-top:80px; margin-bottom:80px;}
.aboutus .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.aboutus .bod .fl{width:45%;}
.aboutus .bod .fl dt{ font-size:24px; text-transform:uppercase; font-weight:bold; color:#ec9811; margin-bottom:30px;}
.aboutus .bod .fl dt p{ font-size:36px; margin-top:5px; color:#333; text-transform:none; font-weight:normal;}
.aboutus .bod .fl dd{ font-size:16px; line-height:26px;}
.aboutus .bod .fl dd p{ margin-top:15px; text-wrap:wrap !important; color:#666;}
.aboutus .bod .fl dd p span{text-wrap:wrap !important;}
.aboutus .bod .fl dd span{text-wrap:wrap !important;}
.aboutus .bod .fl li{ margin-top:50px; background:#ec9811; width:160px; height:50px; line-height:50px; text-align:center; color:#FFF; border-radius:5px; transition:all 0.5s;}
.aboutus .bod .fl li:hover{background:#87386c; transition:all 0.5s;}
.aboutus .bod .fr{width:50%;}
.aboutus .bod .fr img{width:100%;}

.aboutus-youshi{background:#FFF; width:100%; background:#f5f5f5;}
.aboutus-youshi .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; height:200px; width:85%; margin:auto;}
.aboutus-youshi .item dl{ width:25%; text-align:center;}
.aboutus-youshi .item dl dt{ width:58px; height:58px; overflow:hidden; margin:auto;}
.aboutus-youshi .item dl dt img{width:58px; height:58px;}
.aboutus-youshi .item dl:hover dt img{filter:drop-shadow(#ec9811 0px 120px); transform: translateY(-120px);}
.aboutus-youshi .item dl dd{ margin-top:10px;}
.aboutus-youshi .item dl:hover dd{ color:#ec9811;}

.aboutus-factory{width:85%; margin:auto; overflow:hidden; margin-top:70px;}
.aboutus-factory .txt{ text-align:center;}
.aboutus-factory .txt dt{ font-size:36px; font-weight:bold;}
.aboutus-factory .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:40px;}
.aboutus-factory .bod dl{ width:19%; margin-bottom:30px;}
.aboutus-factory .bod dl dt{position:relative; padding-bottom:70%;}
.aboutus-factory .bod dl dt img{position:absolute; width:100%; height:100%;}
.aboutus-factory .bod dl dd{ margin-top:15px; text-align:center;}

.zizhi{width:85%; margin:auto; overflow:hidden; margin-top:70px;}
.zizhi .txt{ text-align:center;}
.zizhi .txt dt{ font-size:36px; font-weight:bold;}
.zizhi .bod{display:flex; flex-wrap:wrap; overflow:hidden; margin-top:40px;}
.zizhi .bod dl{ width:18.4%; margin-bottom:30px; margin-right:2%;}
.zizhi .bod dl:nth-child(5n){ margin-right:0px;}
.zizhi .bod dl dt{position:relative; padding-bottom:144%;}
.zizhi .bod dl dt img{position:absolute; width:100%; height:100%;}
.zizhi .bod dl dd{ margin-top:15px; text-align:center;}

.shipin{width:85%; margin:auto; overflow:hidden; margin-top:70px;}
.shipin .txt{ text-align:center;}
.shipin .txt dt{ font-size:36px; font-weight:bold;}
.shipin .bod{display:flex; flex-wrap:wrap; overflow:hidden; margin-top:40px;}
.shipin .bod dl{ width:32%; margin-bottom:30px; margin-right:2%;}
.shipin .bod dl video{ width:100%;}
.shipin .bod dl:nth-child(3n){ margin-right:0px;}
.shipin .bod dl dd{ margin-top:15px; text-align:center;}

.productlist{overflow:hidden; width:85%; margin:auto; padding:40px 0px;}
.productlist .txt{ overflow:hidden;}
.productlist .txt dt{ font-size:48px; color:#ec9811; font-weight:bold;}
.productlist .txt dd{display: flex; flex-wrap:wrap; align-items:center;}
.productlist .txt dd p{width:33%; font-size:20px; margin-top:15px; overflow:hidden;}
.productlist .txt dd p img{margin-right:10px;}
.productlist .txt dd p:hover{ color:#ec9811;}
.productlist .txt dd p:hover img{filter:drop-shadow(#ec9811 0px 90px); transform: translateY(-90px);}
.productlist .bod{width:100%; overflow:hidden; margin-top:50px;}
.productlist .bod .item{ overflow:hidden; display: flex; flex-wrap:wrap;}
.productlist .bod .item dl{width:23.5%; margin-bottom:30px; float:left; margin-right:2%;}
.productlist .bod .item dl:nth-child(4n){ margin-right:0px;}
.productlist .bod .item dl dt{position:relative; padding-bottom:100%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5; border:#ddd 1px solid;}
.productlist .bod .item dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.productlist .bod .item dl dd{margin-top:15px; margin-bottom:10px; text-align:center;}
.productlist .bod .item dl:hover dd{ color:#ec9811;}
.productlist .bod .item dl p{width:fit-content; padding:8px 20px; border:#ec9811 1px solid; color:#ec9811; font-size:16px; margin:auto; transition: all 0.5s;}
.productlist .bod .item dl:hover p{ background:#ec9811; color:#FFF; transition: all 0.5s;}
.productlist .bod .item dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.lainxi{margin-top:15px; display:block;}
.lainxi dl img{ width:100%; height:100%;}
.lainxi ul{ background:#ec9811; margin-top:-5px; color:#FFF; display: flex; flex-wrap:wrap; justify-content:center; padding:25px 0px;}
.lainxi ul li{ width:100%; display: flex; flex-wrap:wrap; justify-content:center;}
.lainxi ul li span{ margin-left:10px;}
.lainxi ul p{ width:100%; font-size:30px; text-align:center; margin-top:10px; font-weight:bold;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:10px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:15px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:7px 10px; font-size:15px;}
.fanye .fenye2 .page-num-current{color:#fff;overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;padding:7px 10px; background:#ec9811; border:#ec9811 1px solid; border-radius:0px; font-size:15px;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; padding:6px 10px; margin:0px 4px; background:#f5f5f5; transition: all 0.5s; border-radius:0px; font-size:15px;}
.fanye a:hover{background:#ec9811; color:#fff; transition: all 0.5s; border:#ec9811 1px solid;}

.tiao{ overflow:hidden; margin-top:120px; width:100%;}

.ppp{width:1400px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:30px; padding-bottom:0px;}
.product{overflow:hidden; width:1200px; display:block;}
.product .bod{margin-top:30px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .bod .fl{width:45%;}
.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:100%; }
.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:#5c1717;}
.product .bod .fl .game163 .sNext:hover{ color:#5c1717;}
.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:25%;}
.product .bod .fl .game163 .smallImg li p{position:relative; padding-bottom:92%; 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:#5c1717;}
.product .bod .fr{ width:50%;}
.product .bod .fr .txt dt{font-size:30px; margin-top:30px;}
.product .bod .fr .txt li{ font-size:16px; margin-top:15px;}
.product .bod .fr .txt dl{overflow:hidden; line-height:28px; margin-top:15px;}
.product .bod .fr .lainxi{margin-top:25px; border-top:#eee 1px dashed; padding-top:25px; overflow:hidden;}
.product .bod .fr .lainxi dl{ background:#f5f5f5; color:#231815; width:180px; padding:15px 0px; text-align:center; border-radius:5px; border:#eee 1px solid;}
.product .bod .fr .lainxi dl:hover{background:#ec9811; color:#FFF;}
.product .bod .fr .lainxi ul{color:#333; display:block; background:#fff; margin-top:10px;}
.product .bod .fr .lainxi ul span{ font-size:24px; color:#ff7f00; font-weight:bold; }
.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; background:#ec9811; padding:0px 5px;}
.product .www360buy .hd li{height:50px; line-height:50px; text-align:center; width:120px; font-size:18px; border-radius:5px 5px 0px 0px; color:#fff;}
.product .www360buy .hd li.on{background:#fff; color:#333; height:45px; line-height:45px; margin-top:5px;}
.product .www360buy .bd{ margin-top:30px;}
.product .www360buy .lh{overflow:hidden; line-height:24px;}
.product .www360buy .lh .xiazai{ margin-bottom:20px; font-size:16px;}
.product .www360buy .lh .pdf_iframe{ height:1000px;}
.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;}
.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;text-align:center;padding-top:10px !important;padding-bottom:10px !important;}
.product .www360buy .lh table tr:nth-child(2n){ background:#FFF !important;}
.product .www360buy .lh video{ width:80%; height:100%;}
.product .www360buy .lh h3{ font-size:24px; color:#234189; margin-top:30px; margin-bottom:10px;}
.product .www360buy .lh h1{ font-size:48px; margin-bottom:30px; margin-top:50px; color:#234189;}
.product .www360buy .lh p{ margin-top:10px;}
.product .www360buy .lh img{}
.product .message{overflow:hidden; display:block; padding-top:50px;}
.product .message .txt{ text-align:center; margin-bottom:70px;}
.product .message .txt dt{ font-size:48px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.product .message .txt dd{ font-size:30px; font-weight:bold; text-transform:uppercase; 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-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 ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-bottom:30px;}
.product .message ul p{ width:48%;}
.product .message ul p input{width:100%; border-bottom:#ddd 1px solid !important; border:none; padding-bottom:18px; outline:none; font-size:16px;}
.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:60px; border:#ec9811 1px solid; color:#fff; font-size:18px; text-transform:uppercase; background:#ec9811; transition: all 0.5s;}
.product .message button:hover{ background:#893b6f; color:#FFF; border:#893b6f 1px solid; transition: all 0.5s;}
.product .xiangguan{ margin-top:15px;}
.product .xiangguan dl{width:23.5%; margin-bottom:40px; float:left; 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:#fff; border:#ddd 1px solid;}
.product .xiangguan dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.product .xiangguan dl dd{margin-top:10px; margin-bottom:10px; text-align:center;}
.product .xiangguan dl:hover dd{ color:#ec9811;}
.product .xiangguan dl p{width:fit-content; padding:8px 20px; border:#ec9811 1px solid; color:#ec9811; font-size:16px; margin:auto; transition: all 0.5s;}
.product .xiangguan dl:hover p{ background:#ec9811; 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%;position:relative;cursor:pointer;overflow:hidden;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:25%; 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:80%; 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 #ec9811;}

.caselist{ width:85%; margin:auto; overflow:hidden; padding-top:30px;}
.caselist .txt{ overflow:hidden;}
.caselist .txt dd{display: flex; flex-wrap:wrap; align-items:center;}
.caselist .txt dd p{font-size:18px; overflow:hidden; margin-right:60px;}
.caselist .txt dd p img{margin-right:10px;}
.caselist .txt dd p:hover{ color:#ec9811;}
.caselist .txt dd p:hover img{filter:drop-shadow(#ec9811 0px 90px); transform: translateY(-90px);}
.caselist .bod{ margin-top:30px; overflow:hidden;}
.caselist .bod .item{display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.caselist .bod dl{width:49%; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-bottom:30px; background:#f5f5f5;}
.caselist .bod dl dt{ width:45%;}
.caselist .bod dl dt p{ position:relative; padding-bottom:70%;}
.caselist .bod dl dt p img{ position:absolute; width:100%; height:100%;}
.caselist .bod dl dd{ width:45%; margin-right:5%;}
.caselist .bod dl dd li{ font-size:18px; font-weight:bold; margin-top:15px;}
.caselist .bod dl dd ul{ font-size:15px; color:#666; margin-top:10px;}
.caselist .bod dl dd p{ margin-top:10px; margin-bottom:15px;}
.caselist .bod dl:hover{ background:#ec9811;}
.caselist .bod dl:hover dd li{ color:#FFF;}
.caselist .bod dl:hover dd ul{ color:#FFF;}
.caselist .bod dl:hover dd p{ color:#FFF;}

.case{ overflow:hidden; width:1400px; margin:80px auto}
.case .txt{font-size:48px; text-align:center; margin-bottom:50px;}
.case .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.case .bod dl{ width:31.5%;}
.case .bod dl dt{ position:relative; padding-bottom:70%;}
.case .bod dl dt img{ position:absolute; width:100%; height:100%;}
.case .bod dl dd{ margin-top:20px; font-size:22px;}
.case .bod dl p{ font-size:16px; margin-top:10px; line-height:24px; }

.lianxi{overflow:hidden; width:1400px; margin:80px auto;display: flex; flex-wrap:wrap; justify-content: space-between;}
.lianxi .fl{width:50%;}
.lianxi .fl dt img{ width:100%;}
.lianxi .fr{width:50%; background:#ec9811;}
.lianxi .fr dl{ margin:50px; color:#FFF;}
.lianxi .fr dl dt{ font-size:48px;}
.lianxi .fr dl dd{ margin-top:30px; font-size:18px; line-height:30px;}
.lianxi .fr dl p{ margin-top:40px; width:240px; height:45px; line-height:45px; border:rgba(255,255,255,0.8) 2px solid; border-radius:30px; text-align:center; font-size:18px; transition: all 0.5s;}
.lianxi .fr dl p:hover{ background:rgba(255,255,255,0.8); color:#ec9811; transition: all 0.5s;}

.newslist{overflow:hidden; width:1400px; margin:30px auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.newslist .bod{width:100%;}
.newslist .bod dt{font-size:20px; border-bottom:#ddd 1px solid; padding-bottom:10px; color:#ec9811; font-weight:bold;}
.newslist .bod dt span{border-bottom:#ec9811 1px solid; padding-bottom:10px;}
.newslist .bod dl{border-bottom:#ddd 1px dashed; padding:20px 0px;}
.newslist .bod dl a{display:flex; flex-wrap:wrap; align-items:center;}
.newslist .bod dl li{width:10%; background:#ec9811; text-align:center; color:#FFF; font-size:30px; padding:10px 0px; margin-right:2.5%;}
.newslist .bod dl li p{font-size:16px;}
.newslist .bod dl dd{width:75%; margin-right:2%;}
.newslist .bod dl dd span{ margin-right:10px; color:#666;}
.newslist .bod dl dd p{ font-size:15px; color:#999; margin-top:10px;}
.newslist .bod dl .more{width:10%; border:#ddd 1px solid; text-align:center; padding:6px 0px; font-size:15px; color:#666;}
.newslist .bod dl:hover{border-bottom:#ec9811 1px dashed;}
.newslist .bod dl:hover dd{ color:#ec9811;}
.newslist .bod dl:hover .more{ background:#ec9811; color:#FFF;}

.news{ overflow:hidden; background:#fff; padding-top:50px; width:1400px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; padding-bottom:10px; margin-top:15px;}
.news .fl{ width:71%;}
.news .txt{ border-bottom:#CCC 1px dashed; padding-bottom:30px; margin-bottom:30px;}
.news .txt dt{font-size:20px; font-weight:bold;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:10px; color:#999; font-size:14px;}
.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;}
.news .gengduo{ border-top:#CCC 1px dashed; padding-top:30px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .gengduo dl{display: flex; flex-wrap:wrap; align-items:center; margin-bottom:20px; font-size:14px;}
.news .gengduo dl span{ color:#999;}
.news .gengduo dl:nth-child(2){ float:right;}
.news .fr{ width:24%;}
.news .fr ul{ background:#ec9811; color:#FFF; font-size:20px; padding:15px 0px; padding-left:15px;}
.news .fr dl{ margin-top:15px; border-bottom:#CCC 1px dashed; padding-bottom:15px;}
.news .fr dl dd{ font-size:15px; margin-top:15px;}
.news .fr dl:hover{ color:#ec9811; border-bottom:#ec9811 1px dashed;}

.contact{margin-top:80px; background:#fff; margin-bottom:70px; width:100%;}
.contact .bod{display:flex; flex-wrap:wrap; justify-content:space-between; width:85%; margin:auto;}
.contact .bod .fl{ width:30%;}
.contact .bod .fl dl p{ margin:20px 0px;}
.contact .bod .fr{ width:65%;}
.contact .bod .fr iframe{height: 400px;width: 100%;}

.contact1{overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; width:85%; margin:auto; margin-top:60px;}
.contact1 dl{width:33%;}
.contact1 dl dt{ font-size:16px;}
.contact1 dl dd img{ width:50%;}

.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:#ec9811; border:#ec9811 1px solid; height:62px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px; transition: all 0.5s;}
.p-search form button img{ width:22px; padding-top:4px;}
.p-search form button:hover{background:#87396d; transition: all 0.5s;}
}

@media(min-width:1200px)and (max-width:1399px){
.top1bj{background: rgba(255,255,255,1); width: 100%; z-index:999; position: fixed; top:0px; box-shadow:0px 5px 10px 0px rgb(0 0 0 / 30%);}
.top1bj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:120px; width:1200px;}
.top1bj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:120px;}
.top1bj .width .logo dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:120px;}
.top1bj .width .logo dl img{ height:80px; padding-top:3px;}
.top1bj .width #Menu-btn{display:none;}
.top1bj .width #Menu-btn dl{display:none;}
.top1bj .width #Menu-btn-h{display:none;}
.top1bj .width #menu1{display:none;}
.top1bj .width .fr{display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .width .fr form{display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .width .fr form input{ background:#ec9811; color:#FFF; border:none; outline:none; height:50px; width:150px; border-radius:30px 0px 0px 30px; padding-left:30px;}
.top1bj .width .fr form button{background:#ec9811; border:none; outline:none; height:50px; width:60px; border-radius:0px 30px 30px 0px;}
.top1bj .width .fr form button img{ width:16px;}

.navBar{position:relative; z-index:1;}
.navBar .nav{}
.navBar .nav ul{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
.navBar .nav li{background:url(../images/line.png) no-repeat left center; display:flex; flex-wrap:wrap; justify-content:center; align-items: center;}
.navBar .nav h3{height:120px; line-height:120px; font-size:16px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; align-items: center; font-weight: normal; text-transform:uppercase; padding:0px 25px;}
.navBar .nav h3 img{ margin-left:8px;}
.navBar .nav .m{position:relative; float:left; text-align:center;}
.navBar .nav .m:nth-child(6) img,.navBar .nav .m:nth-child(8) img{ display:none;}
.navBar .nav .m:nth-child(7){ color:#0085db;}
.navBar .nav .m:nth-child(7) img{filter:drop-shadow(#0085db 0px 120px); transform: translateY(-120px);}
.navBar .nav .m:nth-child(7) .sub dd:hover{background:#0085db; color:#FFF;}
.navBar .nav .m:nth-child(7) h3:hover{color:#0085db;}
.navBar .nav h3:hover{color:#ec9811;}
.navBar .nav h3:hover img{filter:drop-shadow(#ec9811 0px 120px); transform: translateY(-120px);}
.navBar .nav .sub{ display:none; /*默认隐藏*/ width:200px; position:absolute; left:0px; top:120px;  float:left; border-radius:0px; overflow:hidden; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);}
.navBar .nav .sub dd{color:#666; text-align:left; background:#FFF; padding:18px 25px; border-bottom:#eee 1px solid; }
.navBar .nav .sub dd:hover{background:#ec9811; color:#FFF;}
.navBar .active-head{color:#ec9811; height:120px; line-height:120px; display:block; }
.navBar .active-head h3 img{filter:drop-shadow(#ec9811 0px 120px); transform: translateY(-120px);}

.focusBox {position: relative; width:100%; height:100vh; overflow: hidden; }
.focusBox .pic{position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:100vh; display: block; object-fit: cover;}
.focusBox .hd { width:100%; position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; height:6px; overflow: hidden; width: 100px; cursor: pointer;display:inline-block; *display:inline; zoom:1; background:#FFF; border-radius:10px;}
.focusBox .hd .on{ background:#ec9811;}
.focusBox .prev,.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.focusBox .gengduo{position: absolute; bottom:0; left:0; right:7.5%; background:#FFF;}
.focusBox .gengduo .item{ padding-left:8%; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; height:150px;}
.focusBox .gengduo .item dl{ width:20%; text-align:center;}
.focusBox .gengduo .item dl dt{ width:58px; height:58px; overflow:hidden; margin:auto;}
.focusBox .gengduo .item dl dt img{width:58px; height:58px;}
.focusBox .gengduo .item dl:hover dt img{filter:drop-shadow(#ec9811 0px 120px); transform: translateY(-120px);}
.focusBox .gengduo .item dl dd{ margin-top:10px;}
.focusBox .gengduo .item dl:hover dd{ color:#ec9811;}
.focusBox .gengduo .item ul{ width:20%; background:#ec9811; height:150px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.focusBox .gengduo .item ul p{ font-size:17px; font-weight:bold; color:#FFF; margin-right:5px;}
.focusBox-wap{ display:none;}

.index1{ width:100%; overflow:hidden;}
.index1-product{position:relative; width:1200px; margin:auto;}
.index1-product .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index1-product .img{width:55%;display:flex; flex-wrap:wrap; justify-content: space-between;}
.index1-product .img dl{width:100%; transition:all 0.5s; position:relative; padding-bottom:100%;}
.index1-product .img dl img{width:100%; height:100%; position:absolute;}
.index1-product .tit{ width:40%;}
.index1-product .tit dt{ font-size:50px; color:#ec9811;}
.index1-product .tit dt p{color:#0085db; font-weight:bold;}
.index1-product .tit dd{ margin-top:10px; font-size:20px; font-weight:bold;}
.index1-product .tit li{ margin-top:35px; line-height:36px;}
.index1-product .swiper-button-prev{content:"";width:60px;height:60px;background: url(../images/2.png);position:absolute;top:50%;left:0px;}
.index1-product .swiper-button-next{content:"";width:60px;height:60px;background: url(../images/3.png);position:absolute;top:50%;right:0px;}
.index1-product .swiper-button-prev:after{content:"";width:60px;height:60px;background: url(../images/2.png);position:absolute;top:0px;right:0px;}
.index1-product .swiper-button-next:after{content:"";width:60px;height:60px;background: url(../images/3.png);position:absolute;top:0px;right:0px;}

.index2{width:85%; margin:auto; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index2 dl{width:23.5%; border:#eee 1px solid; margin-bottom:30px;}
.index2 dl dt{position:relative; padding-bottom:100%;}
.index2 dl dt img{position:absolute; width:100%; height:100%;}
.index2 dl dt .info{position:absolute; bottom:0; left:0; right:0; text-align:center;}
.index2 dl dt .info dd{display:none;}
.index2 dl dt .info li{display:none;}
.index2 dl dt .info p{display:none;}
.index2 dl dt .info .title{margin-bottom:20px;}
.index2 dl:hover .info{position:absolute; bottom:0; left:0; right:0; top:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(255,255,255,0.8);}
.index2 dl:hover .info dd{display:block; font-size:30px; color:#ec9811;}
.index2 dl:hover .info li{display:block; font-size:28px; color:#0085db; font-weight:bold; margin-top:5px;}
.index2 dl:hover .info .title{margin-top:20px; font-size:30px; color:#454545;}
.index2 dl:hover .info p{display:block; width:160px; background:#ec9811; color:#FFF; margin:auto; margin-top:40px; height:45px; line-height:45px;}

.index3{ width:100%; overflow:hidden; background:url(../images/index3.jpg) no-repeat center center; background-size:cover; padding-top:140px; margin-top:60px; padding-bottom:110px;}
.index3 .bod{ width:85%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index3 .bod .fl{ width:56%; background:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.index3 .bod .fl dd{ font-size:16px; line-height:32px; width:86%;}
.index3 .bod .fl dd p{ margin:22px 0px;}
.index3 .bod .fr{ width:42%;}
.index3 .bod .fr dt img{ width:100%;}
.index3 .bod .fr dd{ margin-top:40px; border-left:#ec9811 5px solid; padding:10px 0px}
.index3 .bod .fr dd p{ margin-left:30px; font-size:18px; line-height:30px;}
.index3 .item{width:85%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:30px;}
.index3 .item dl{ width:24%;}
.index3 .item dl dt{position:relative; padding-bottom:70%;}
.index3 .item dl dt img{position:absolute; width:100%; height:100%;}
.index3 .item dl dd{ margin-top:15px; text-align:center;}
.index3 .item dl:nth-child(5){ display:none;}

.index4{width:1200px; margin:auto; overflow:hidden; margin-top:100px;}
.index4 .txt{ text-align:center;}
.index4 .txt dt{ font-size:40px; font-weight:bold;}
.index4 .txt dd{ margin-top:10px; font-size:18px;}
.index4 .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index4 .bod dl{ width:49%; background:#f5f5f5; margin-top:100px;}
.index4 .bod dl dt{ width:100px; height:100px; background:#e5dcc8; margin:auto; margin-top:-50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100%;}
.index4 .bod dl dt img{ width:60px; height:60px;}
.index4 .bod dl p{ font-size:20px; font-weight:bold; text-align:center; margin-top:20px;}
.index4 .bod dl dd{ margin-top:30px; margin-left:40px; margin-right:40px; margin-bottom:50px; text-align:center; line-height:30px;}
.index4 .bod dl:hover dt{background:#ec9811;}

.index5{width:1200px; margin:auto; overflow:hidden; margin-top:100px; margin-bottom:80px;}
.index5 .txt{ text-align:center;}
.index5 .txt dt{ font-size:40px; font-weight:bold;}
.index5 .txt dd{ margin-top:10px;}
.index5 .bod{ margin-top:60px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index5 .bod dl{ width:31.5%;}
.index5 .bod dl dt{ position:relative; padding-bottom:65%;}
.index5 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index5 .bod dl dd{ margin-top:15px; display:flex; flex-wrap:wrap; align-items:center;}
.index5 .bod dl dd img{ margin-right:10px;}
.index5 .bod dl li{ margin-top:15px; font-size:18px; font-weight:bold;}
.index5 .bod dl ul{ margin-top:10px; color:#666; line-height:26px;}
.index5 .bod dl p{ margin-top:15px;}

.active-foot{color:#ec9811;}

.bottom{ background:#f5f5f5; width:100%; overflow:hidden; padding:40px 0px;}
.bottom .bod{ width:1200px; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between;}
.bottom .bod  dl{width:12%;}
.bottom .bod  dl dt{ font-size:18px; margin-top:40px; margin-bottom:20px; font-weight:bold;}
.bottom .bod  dl dd{ margin-top:10px;}
.bottom .bod  dl dd p{ margin-top:20px; display:flex; flex-wrap:wrap; align-items:center;}
.bottom .bod  dl dd p img{ margin-right:5px;}
.bottom .bod  dl dd p:hover{ color:#ec9811;}
.bottom .bod  dl li{margin-top:20px; color:#666;}
.bottom .bod  dl:nth-child(3){ width:36%;}
.bottom .bod  dl:nth-child(4){ width:30%;}
.bottom .bod form{  margin-top:30px; display:flex; flex-wrap:wrap; align-items:center;}
.bottom .bod form input{border:#ddd 1px solid; width:100%; padding-left:15px; height:50px; font-size:16px; outline:none;}
.bottom .bod form button{margin-top:15px; width:100%; background:#ec9811; color:#FFF; height:50px; font-size:16px; outline:none; border:#ddd 1px solid;}
.bottom .foot{width:100px; margin:auto; margin-top:50px;}
.bottom .foot img{ width:100px; }

.bottom1{background:#ddd; width:100%; overflow:hidden; padding:30px 0px;}
.bottom1 .bod{width:1200px; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.bottom1 .bod .fl{font-size:16px;}
.bottom1 .bod .fr{display:flex; flex-wrap:wrap; align-items:center;}
.bottom1 .bod .fr p{width:42px; height:42px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#333; margin-left:10px;}
.bottom1 .bod .fr p img{width:21px; height:21px;}
.bottom1 .bod .fr p:hover{background:#ec9811;}

.toolbar {width:60px;position:fixed; right:0px; top:40%; z-index:999;}
.toolbar dd {width:60px; height:60px; margin-bottom:3px; position:relative; background:#0085db; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#FFF; font-size:12px; border-radius:5px;}
.toolbar dd i p img{width:32px; margin-top:3px;}
.toolbar dd i{font-style:normal;}
.toolbar .pop {position:absolute; right:0px; top:-30px; background:#0085db; display:none;}
.toolbar .pop-code {width: 160px;}
.toolbar .pop-code1{width: 220px;}
.toolbar .pop-code2{width: 220px;}
.toolbar .pop-code img {width: 140px;height: 140px;display: block; margin:auto; margin-top:10px;}
.toolbar .pop-code h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar .pop-code1 h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar .pop-code2 h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar-wap{ display:none;}

.nybanner{width:100%;overflow: hidden; margin-top:0px;}
.nybanner li{position:relative; height:550px; background:url(../images/rfidshouhuan.jpg) no-repeat center center; background-size:cover;}
.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; background:rgba(0,0,0,0); display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.nybanner li .info dl{ width:1200px; margin:auto; color:#FFF; text-align:center; font-size:60px; text-shadow: 5px 2px 10px #000000;}

.nybanner-about{ position: relative; width:100%; overflow: hidden; margin-top:120px;}
.nybanner-about li{width:100%;}
.nybanner-about li video{width:100%;}

.position{font-size:16px; background:#fff; overflow:hidden; box-shadow:0px 5px 10px 0px rgb(0 0 0 / 10%);}
.position .bod{width:1200px; margin:auto; }
.position .bod .fl{ font-size:16px; height:80px; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.position .bod .fr{ height:80px; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.position .bod .fr form{display:flex; flex-wrap:wrap; align-items: center;}
.position .bod .fr form input{ height:40px; border:#ddd 1px solid; width:300px; outline:none; padding-left:15px; border-radius:30px 0px 0px 30px;}
.position .bod .fr form button{height:42px; border:#ec9811 1px solid;width:80px; background:#ec9811; outline:none; border-radius:0px 30px 30px 0px;}
.position .bod .fr form button img{ width:18px;}
.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; }

.ny-daohang{overflow:hidden; width:100%; margin-top:50px;}
.ny-daohang .bod{ width:85%; margin:auto; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.ny-daohang .bod dl{width: fit-content; background:#f5f5f5; margin:0px 10px;}
.ny-daohang .bod dl a{padding:15px 30px; display:block;}
.ny-daohang .bod dl:hover{background:#ec9811; color:#FFF;}
.ny-daohang-active{background:#ec9811; color:#FFF;}

.aboutus{overflow:hidden; background:#fff; margin-bottom:70px; width:85%; margin:auto; margin-top:80px; margin-bottom:80px;}
.aboutus .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.aboutus .bod .fl{width:45%;}
.aboutus .bod .fl dt{ font-size:24px; text-transform:uppercase; font-weight:bold; color:#ec9811; margin-bottom:30px;}
.aboutus .bod .fl dt p{ font-size:36px; margin-top:5px; color:#333; text-transform:none; font-weight:normal;}
.aboutus .bod .fl dd{ font-size:16px; line-height:26px;}
.aboutus .bod .fl dd p{ margin-top:15px; text-wrap:wrap !important; color:#666;}
.aboutus .bod .fl dd p span{text-wrap:wrap !important;}
.aboutus .bod .fl dd span{text-wrap:wrap !important;}
.aboutus .bod .fl li{ margin-top:50px; background:#ec9811; width:160px; height:50px; line-height:50px; text-align:center; color:#FFF; border-radius:5px; transition:all 0.5s;}
.aboutus .bod .fl li:hover{background:#87386c; transition:all 0.5s;}
.aboutus .bod .fr{width:50%;}
.aboutus .bod .fr img{width:100%;}

.aboutus-youshi{background:#FFF; width:100%; background:#f5f5f5;}
.aboutus-youshi .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; height:200px; width:85%; margin:auto;}
.aboutus-youshi .item dl{ width:25%; text-align:center;}
.aboutus-youshi .item dl dt{ width:58px; height:58px; overflow:hidden; margin:auto;}
.aboutus-youshi .item dl dt img{width:58px; height:58px;}
.aboutus-youshi .item dl:hover dt img{filter:drop-shadow(#ec9811 0px 120px); transform: translateY(-120px);}
.aboutus-youshi .item dl dd{ margin-top:10px;}
.aboutus-youshi .item dl:hover dd{ color:#ec9811;}

.aboutus-factory{width:85%; margin:auto; overflow:hidden; margin-top:70px;}
.aboutus-factory .txt{ text-align:center;}
.aboutus-factory .txt dt{ font-size:36px; font-weight:bold;}
.aboutus-factory .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:40px;}
.aboutus-factory .bod dl{ width:23%; margin-bottom:30px;}
.aboutus-factory .bod dl dt{position:relative; padding-bottom:70%;}
.aboutus-factory .bod dl dt img{position:absolute; width:100%; height:100%;}
.aboutus-factory .bod dl dd{ margin-top:15px; text-align:center;}
.aboutus-factory .bod dl:nth-child(13),.aboutus-factory .bod dl:nth-child(14),.aboutus-factory .bod dl:nth-child(15){ display:none;}

.zizhi{width:85%; margin:auto; overflow:hidden; margin-top:70px;}
.zizhi .txt{ text-align:center;}
.zizhi .txt dt{ font-size:36px; font-weight:bold;}
.zizhi .bod{display:flex; flex-wrap:wrap; overflow:hidden; margin-top:40px;}
.zizhi .bod dl{ width:18.4%; margin-bottom:30px; margin-right:2%;}
.zizhi .bod dl:nth-child(5n){ margin-right:0px;}
.zizhi .bod dl dt{position:relative; padding-bottom:144%;}
.zizhi .bod dl dt img{position:absolute; width:100%; height:100%;}
.zizhi .bod dl dd{ margin-top:15px; text-align:center;}

.shipin{width:85%; margin:auto; overflow:hidden; margin-top:50px;}
.shipin .txt{ text-align:center;}
.shipin .txt dt{ font-size:36px; font-weight:bold;}
.shipin .bod{display:flex; flex-wrap:wrap; overflow:hidden; margin-top:40px;}
.shipin .bod dl{ width:32%; margin-bottom:30px; margin-right:2%;}
.shipin .bod dl video{ width:100%;}
.shipin .bod dl:nth-child(3n){ margin-right:0px;}
.shipin .bod dl dd{ margin-top:15px; text-align:center;}

.productlist{overflow:hidden; width:1200px; margin:auto; padding:40px 0px;}
.productlist .txt{ overflow:hidden;}
.productlist .txt dt{ font-size:48px; color:#ec9811; font-weight:bold;}
.productlist .txt dd{display: flex; flex-wrap:wrap; align-items:center;}
.productlist .txt dd p{width:33%; font-size:20px; margin-top:15px; overflow:hidden;}
.productlist .txt dd p img{margin-right:10px;}
.productlist .txt dd p:hover{ color:#ec9811;}
.productlist .txt dd p:hover img{filter:drop-shadow(#ec9811 0px 90px); transform: translateY(-90px);}
.productlist .bod{width:100%; overflow:hidden; margin-top:50px;}
.productlist .bod .item{ overflow:hidden; display: flex; flex-wrap:wrap;}
.productlist .bod .item dl{width:23.5%; margin-bottom:30px; float:left; margin-right:2%;}
.productlist .bod .item dl:nth-child(4n){ margin-right:0px;}
.productlist .bod .item dl dt{position:relative; padding-bottom:100%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5; border:#ddd 1px solid;}
.productlist .bod .item dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.productlist .bod .item dl dd{margin-top:15px; margin-bottom:10px; text-align:center;}
.productlist .bod .item dl:hover dd{ color:#ec9811;}
.productlist .bod .item dl p{width:fit-content; padding:8px 20px; border:#ec9811 1px solid; color:#ec9811; font-size:16px; margin:auto; transition: all 0.5s;}
.productlist .bod .item dl:hover p{ background:#ec9811; color:#FFF; transition: all 0.5s;}
.productlist .bod .item dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:10px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:15px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:7px 10px; font-size:15px;}
.fanye .fenye2 .page-num-current{color:#fff;overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;padding:7px 10px; background:#ec9811; border:#ec9811 1px solid; border-radius:3px; font-size:15px;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; padding:6px 10px; margin:0px 2px; background:#f5f5f5; transition: all 0.5s; border-radius:3px; font-size:15px;}
.fanye a:hover{background:#ec9811; color:#fff; transition: all 0.5s; border:#ec9811 1px solid;}

.tiao{ overflow:hidden; margin-top:120px; width:100%;}

.ppp{width:1200px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:30px; padding-bottom:0px;}
.product{overflow:hidden; width:1200px; display:block;}
.product .bod{margin-top:30px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .bod .fl{width:45%;}

.product .bod .fr{ width:50%;}
.product .bod .fr .txt dt{font-size:30px; margin-top:30px;}
.product .bod .fr .txt li{ font-size:16px; margin-top:15px;}
.product .bod .fr .txt dl{overflow:hidden; line-height:28px; margin-top:15px;}
.product .bod .fr .txt ul{margin-top:20px;}
.product .bod .fr .txt ul span{ font-size:30px;}
.product .bod .fr .lainxi{margin-top:25px; border-top:#eee 1px dashed; padding-top:25px; overflow:hidden;}
.product .bod .fr .lainxi dl{ background:#f5f5f5; color:#231815; width:180px; padding:15px 0px; text-align:center; border-radius:5px; border:#eee 1px solid;}
.product .bod .fr .lainxi dl:hover{background:#ec9811; color:#FFF;}
.product .bod .fr .lainxi ul{color:#333; display:block; background:#fff; margin-top:10px;}
.product .bod .fr .lainxi ul span{ font-size:24px; color:#ff7f00; font-weight:bold; }
.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; background:#ec9811; padding:0px 5px;}
.product .www360buy .hd li{height:50px; line-height:50px; text-align:center; width:120px; font-size:18px; border-radius:5px 5px 0px 0px; color:#fff;}
.product .www360buy .hd li.on{background:#fff; color:#333; height:45px; line-height:45px; margin-top:5px;}
.product .www360buy .bd{ margin-top:30px;}
.product .www360buy .lh{overflow:hidden; line-height:24px;}
.product .www360buy .lh .xiazai{ margin-bottom:20px; font-size:16px;}
.product .www360buy .lh .pdf_iframe{ height:1000px;}
.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;}
.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;text-align:center;padding-top:10px !important;padding-bottom:10px !important;}
.product .www360buy .lh table tr:nth-child(2n){ background:#FFF !important;}
.product .www360buy .lh video{ width:80%; height:100%;}
.product .www360buy .lh h3{ font-size:24px; color:#234189; margin-top:30px; margin-bottom:10px;}
.product .www360buy .lh h1{ font-size:48px; margin-bottom:30px; margin-top:50px; color:#234189;}
.product .www360buy .lh p{ margin-top:10px;}
.product .www360buy .lh img{}
.product .message{overflow:hidden; display:block; padding-top:50px;}
.product .message .txt{ text-align:center; margin-bottom:70px;}
.product .message .txt dt{ font-size:48px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.product .message .txt dd{ font-size:30px; font-weight:bold; text-transform:uppercase; 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-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 ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-bottom:30px;}
.product .message ul p{ width:48%;}
.product .message ul p input{width:100%; border-bottom:#ddd 1px solid !important; border:none; padding-bottom:18px; outline:none; font-size:16px;}
.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:60px; border:#ec9811 1px solid; color:#fff; font-size:18px; text-transform:uppercase; background:#ec9811; transition: all 0.5s;}
.product .message button:hover{ background:#893b6f; color:#FFF; border:#893b6f 1px solid; transition: all 0.5s;}
.product .gengduo-txt li{ width:100%; font-size:20px; border-bottom:#ddd 1px solid; color:#ec9811; margin-top:50px; padding-bottom:10px;}
.product .xiangguan{ margin-top:15px;}
.product .xiangguan dl{width:23.5%; margin-bottom:40px; float:left; 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:#fff; border:#ddd 1px solid;}
.product .xiangguan dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.product .xiangguan dl dd{margin-top:10px; margin-bottom:10px; text-align:center;}
.product .xiangguan dl:hover dd{ color:#ec9811;}
.product .xiangguan dl p{width:fit-content; padding:8px 20px; border:#ec9811 1px solid; color:#ec9811; font-size:16px; margin:auto; transition: all 0.5s;}
.product .xiangguan dl:hover p{ background:#ec9811; 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%;position:relative;cursor:pointer;overflow:hidden;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:25%; 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:80%; 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 #ec9811;}

.caselist{ width:1200px; margin:auto; overflow:hidden; padding-top:30px;}
.caselist .txt{ overflow:hidden;}
.caselist .txt dd{display: flex; flex-wrap:wrap; align-items:center;}
.caselist .txt dd p{font-size:18px; overflow:hidden; margin-right:60px;}
.caselist .txt dd p img{margin-right:10px;}
.caselist .txt dd p:hover{ color:#ec9811;}
.caselist .txt dd p:hover img{filter:drop-shadow(#ec9811 0px 90px); transform: translateY(-90px);}
.caselist .bod{ margin-top:30px; overflow:hidden;}
.caselist .bod .item{display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.caselist .bod dl{width:49%; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-bottom:30px; background:#f5f5f5;}
.caselist .bod dl dt{ width:45%;}
.caselist .bod dl dt p{ position:relative; padding-bottom:70%;}
.caselist .bod dl dt p img{ position:absolute; width:100%; height:100%;}
.caselist .bod dl dd{ width:45%; margin-right:5%;}
.caselist .bod dl dd li{ font-size:18px; font-weight:bold; margin-top:15px;}
.caselist .bod dl dd ul{ font-size:15px; color:#666; margin-top:10px;}
.caselist .bod dl dd p{ margin-top:10px; margin-bottom:15px;}
.caselist .bod dl:hover{ background:#ec9811;}
.caselist .bod dl:hover dd li{ color:#FFF;}
.caselist .bod dl:hover dd ul{ color:#FFF;}
.caselist .bod dl:hover dd p{ color:#FFF;}

.case{ overflow:hidden; width:1200px; margin:80px auto}
.case .txt{font-size:48px; text-align:center; margin-bottom:50px;}
.case .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.case .bod dl{ width:31.5%;}
.case .bod dl dt{ position:relative; padding-bottom:70%;}
.case .bod dl dt img{ position:absolute; width:100%; height:100%;}
.case .bod dl dd{ margin-top:20px; font-size:22px;}
.case .bod dl p{ font-size:16px; margin-top:10px; line-height:24px; }

.lianxi{overflow:hidden; width:1200px; margin:80px auto;display: flex; flex-wrap:wrap; justify-content: space-between;}
.lianxi .fl{width:50%;}
.lianxi .fl dt img{ width:100%;}
.lianxi .fr{width:50%; background:#ec9811;}
.lianxi .fr dl{ margin:50px; color:#FFF;}
.lianxi .fr dl dt{ font-size:48px;}
.lianxi .fr dl dd{ margin-top:30px; font-size:18px; line-height:30px;}
.lianxi .fr dl p{ margin-top:40px; width:240px; height:45px; line-height:45px; border:rgba(255,255,255,0.8) 2px solid; border-radius:30px; text-align:center; font-size:18px; transition: all 0.5s;}
.lianxi .fr dl p:hover{ background:rgba(255,255,255,0.8); color:#ec9811; transition: all 0.5s;}

.newslist{overflow:hidden; width:1200px; margin:30px auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.newslist .bod{width:100%;}
.newslist .bod dt{font-size:20px; border-bottom:#ddd 1px solid; padding-bottom:10px; color:#ec9811; font-weight:bold;}
.newslist .bod dt span{border-bottom:#ec9811 1px solid; padding-bottom:10px;}
.newslist .bod dl{border-bottom:#ddd 1px dashed; padding:20px 0px;}
.newslist .bod dl a{display:flex; flex-wrap:wrap; align-items:center;}
.newslist .bod dl li{width:10%; background:#ec9811; text-align:center; color:#FFF; font-size:30px; padding:10px 0px; margin-right:2.5%;}
.newslist .bod dl li p{font-size:16px;}
.newslist .bod dl dd{width:75%; margin-right:2%;}
.newslist .bod dl dd span{ margin-right:10px; color:#666;}
.newslist .bod dl dd p{ font-size:15px; color:#999; margin-top:10px;}
.newslist .bod dl .more{width:10%; border:#ddd 1px solid; text-align:center; padding:6px 0px; font-size:15px; color:#666;}
.newslist .bod dl:hover{border-bottom:#ec9811 1px dashed;}
.newslist .bod dl:hover dd{ color:#ec9811;}
.newslist .bod dl:hover .more{ background:#ec9811; color:#FFF;}

.news{ overflow:hidden; background:#fff; padding-top:50px; width:1200px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; padding-bottom:10px; margin-top:15px;}
.news .fl{ width:71%;}
.news .txt{ border-bottom:#CCC 1px dashed; padding-bottom:30px; margin-bottom:30px;}
.news .txt dt{font-size:20px; font-weight:bold;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:10px; color:#999; font-size:14px;}
.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;}
.news .gengduo{ border-top:#CCC 1px dashed; padding-top:30px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .gengduo dl{display: flex; flex-wrap:wrap; align-items:center; margin-bottom:20px; font-size:14px;}
.news .gengduo dl span{ color:#999;}
.news .gengduo dl:nth-child(2){ float:right;}
.news .fr{ width:24%;}
.news .fr ul{ background:#ec9811; color:#FFF; font-size:20px; padding:15px 0px; padding-left:15px;}
.news .fr dl{ margin-top:15px; border-bottom:#CCC 1px dashed; padding-bottom:15px;}
.news .fr dl dd{ font-size:15px; margin-top:15px;}
.news .fr dl:hover{ color:#ec9811; border-bottom:#ec9811 1px dashed;}

.contact{margin-top:80px; background:#fff; margin-bottom:70px; width:100%;}
.contact .bod{display:flex; flex-wrap:wrap; justify-content:space-between; width:1200px; margin:auto;}
.contact .bod .fl{ width:30%;}
.contact .bod .fl dl p{ margin:20px 0px;}
.contact .bod .fr{ width:65%;}
.contact .bod .fr iframe{height: 400px;width: 100%;}

.contact1{overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; width:1200px; margin:auto; margin-top:60px;}
.contact1 dl{width:33%;}
.contact1 dl dt{ font-size:16px;}
.contact1 dl dd img{ width:50%;}

.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:#ec9811; border:#ec9811 1px solid; height:62px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px; transition: all 0.5s;}
.p-search form button img{ width:22px; padding-top:4px;}
.p-search form button:hover{background:#87396d; transition: all 0.5s;}
}

@media(min-width:980px)and (max-width:1199px){
.top1bj{background: rgba(255,255,255,1); width: 100%; z-index:999; position: fixed; top:0px; box-shadow:0px 5px 10px 0px rgb(0 0 0 / 30%);}
.top1bj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:100px; width:980px;}
.top1bj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:100px;}
.top1bj .width .logo dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:100px;}
.top1bj .width .logo dl img{ height:70px; padding-top:3px;}
.top1bj .width #Menu-btn{display:none;}
.top1bj .width #Menu-btn dl{display:none;}
.top1bj .width #Menu-btn-h{display:none;}
.top1bj .width #menu1{display:none;}
.top1bj .width .fr{ display:none;}

.navBar{position:relative; z-index:1;}
.navBar .nav{}
.navBar .nav ul{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
.navBar .nav li{background:url(../images/line.png) no-repeat left center; display:flex; flex-wrap:wrap; justify-content:center; align-items: center;}
.navBar .nav h3{height:100px; line-height:100px; font-size:16px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; align-items: center; font-weight: normal; text-transform:uppercase; padding-left:40px;}
.navBar .nav h3 img{ margin-left:8px;}
.navBar .nav .m{position:relative; float:left; text-align:center;}
.navBar .nav .m:nth-child(6) img,.navBar .nav .m:nth-child(8) img{ display:none;}
.navBar .nav .m:nth-child(7){ color:#0085db;}
.navBar .nav .m:nth-child(7) img{filter:drop-shadow(#0085db 0px 120px); transform: translateY(-120px);}
.navBar .nav .m:nth-child(7) .sub dd:hover{background:#0085db; color:#FFF;}
.navBar .nav .m:nth-child(7) h3:hover{color:#0085db;}
.navBar .nav h3:hover{color:#ec9811;}
.navBar .nav h3:hover img{filter:drop-shadow(#ec9811 0px 120px); transform: translateY(-120px);}
.navBar .nav .sub{ display:none; /*默认隐藏*/ width:200px; position:absolute; left:20px; top:100px;  float:left; border-radius:0px; overflow:hidden; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);}
.navBar .nav .sub dd{color:#666; text-align:left; background:#FFF; padding:18px 20px; border-bottom:#eee 1px solid; }
.navBar .nav .sub dd:hover{background:#ec9811; color:#FFF;}
.navBar .active-head{color:#ec9811; height:120px; line-height:120px; display:block; }
.navBar .active-head h3 img{filter:drop-shadow(#ec9811 0px 120px); transform: translateY(-120px);}

.focusBox {position: relative; width:100%; height:100vh; overflow: hidden; }
.focusBox .pic{position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:100vh; display: block; object-fit: cover;}
.focusBox .hd { width:100%; position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; height:6px; overflow: hidden; width: 100px; cursor: pointer;display:inline-block; *display:inline; zoom:1; background:#FFF; border-radius:10px;}
.focusBox .hd .on{ background:#ec9811;}
.focusBox .prev,.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.focusBox .gengduo{position: absolute; bottom:0; left:0; right:0; background:#FFF;}
.focusBox .gengduo .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; height:120px;}
.focusBox .gengduo .item dl{ width:20%; text-align:center;}
.focusBox .gengduo .item dl dt{ width:40px; height:40px; overflow:hidden; margin:auto;}
.focusBox .gengduo .item dl dt img{width:40px; height:40px;}
.focusBox .gengduo .item dl:hover dt img{filter:drop-shadow(#ec9811 0px 40px); transform: translateY(-40px);}
.focusBox .gengduo .item dl dd{ margin-top:10px;}
.focusBox .gengduo .item dl:hover dd{ color:#ec9811;}
.focusBox .gengduo .item ul{ width:20%; background:#ec9811; height:120px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.focusBox .gengduo .item ul p{ font-size:17px; font-weight:bold; color:#FFF; margin-right:5px;}
.focusBox-wap{ display:none;}

.index1{ width:100%; overflow:hidden;}
.index1-product{position:relative; width:980px; margin:auto;}
.index1-product .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index1-product .img{width:55%;display:flex; flex-wrap:wrap; justify-content: space-between;}
.index1-product .img dl{width:100%; transition:all 0.5s; position:relative; padding-bottom:100%;}
.index1-product .img dl img{width:100%; height:100%; position:absolute;}
.index1-product .tit{ width:40%;}
.index1-product .tit dt{ font-size:36px; color:#ec9811;}
.index1-product .tit dt p{color:#0085db; font-weight:bold;}
.index1-product .tit dd{ margin-top:10px; font-size:20px; font-weight:bold;}
.index1-product .tit li{ margin-top:35px; line-height:36px;}
.index1-product .swiper-button-prev{content:"";width:40px;height:40px;background: url(../images/2.png);position:absolute;top:50%;left:0px; background-size:40px;}
.index1-product .swiper-button-next{content:"";width:40px;height:40px;background: url(../images/3.png);position:absolute;top:50%;right:0px; background-size:40px;}
.index1-product .swiper-button-prev:after{content:"";width:40px;height:40px;background: url(../images/2.png);position:absolute;top:0px;right:0px; background-size:40px;}
.index1-product .swiper-button-next:after{content:"";width:40px;height:40px;background: url(../images/3.png);position:absolute;top:0px;right:0px; background-size:40px;}

.index2{width:85%; margin:auto; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index2 dl{width:23.5%; border:#eee 1px solid; margin-bottom:30px;}
.index2 dl dt{position:relative; padding-bottom:100%;}
.index2 dl dt img{position:absolute; width:100%; height:100%;}
.index2 dl dt .info{position:absolute; bottom:0; left:0; right:0; text-align:center;}
.index2 dl dt .info dd{display:none;}
.index2 dl dt .info li{display:none;}
.index2 dl dt .info p{display:none;}
.index2 dl dt .info .title{margin-bottom:10px;}
.index2 dl:hover .info{position:absolute; bottom:0; left:0; right:0; top:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(255,255,255,0.8);}
.index2 dl:hover .info dd{display:block; font-size:30px; color:#ec9811;}
.index2 dl:hover .info li{display:block; font-size:28px; color:#0085db; font-weight:bold; margin-top:5px;}
.index2 dl:hover .info .title{margin-top:20px; font-size:30px; color:#454545;}
.index2 dl:hover .info p{display:block; width:160px; background:#ec9811; color:#FFF; margin:auto; margin-top:40px; height:45px; line-height:45px;}

.index3{ width:100%; overflow:hidden; background:url(../images/index3.jpg) no-repeat center center; background-size:cover; padding-top:60px; margin-top:60px; padding-bottom:40px;}
.index3 .bod{ width:85%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index3 .bod .fl{ width:100%; background:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.index3 .bod .fl dd{ font-size:16px; line-height:32px; width:92%;}
.index3 .bod .fl dd p{ margin:30px 0px;}
.index3 .bod .fr{ width:100%;}
.index3 .bod .fr dt{ position:relative; padding-bottom:60%;}
.index3 .bod .fr dt img{ width:100%; height:100%; position:absolute;}
.index3 .item{width:85%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:20px;}
.index3 .item dl{ width:32%;}
.index3 .item dl dt{position:relative; padding-bottom:70%;}
.index3 .item dl dt img{position:absolute; width:100%; height:100%;}
.index3 .item dl dd{ margin-top:15px; text-align:center;}
.index3 .item dl:nth-child(4),.index3 .item dl:nth-child(5){ display:none;}

.index4{width:980px; margin:auto; overflow:hidden; margin-top:70px;}
.index4 .txt{ text-align:center;}
.index4 .txt dt{ font-size:30px; font-weight:bold;}
.index4 .txt dd{ margin-top:10px; font-size:18px;}
.index4 .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index4 .bod dl{ width:49%; background:#f5f5f5; margin-top:100px;}
.index4 .bod dl dt{ width:90px; height:90px; background:#e5dcc8; margin:auto; margin-top:-45px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100%;}
.index4 .bod dl dt img{ width:50px; height:50px;}
.index4 .bod dl p{ font-size:20px; font-weight:bold; text-align:center; margin-top:20px;}
.index4 .bod dl dd{ margin-top:30px; margin-left:40px; margin-right:40px; margin-bottom:40px; text-align:center; line-height:30px;}
.index4 .bod dl:hover dt{background:#ec9811;}

.index5{width:980px; margin:auto; overflow:hidden; margin-top:70px; margin-bottom:50px;}
.index5 .txt{ text-align:center;}
.index5 .txt dt{ font-size:30px; font-weight:bold;}
.index5 .txt dd{ margin-top:10px;}
.index5 .bod{ margin-top:40px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index5 .bod dl{ width:31.5%;}
.index5 .bod dl dt{ position:relative; padding-bottom:65%;}
.index5 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index5 .bod dl dd{ margin-top:15px; display:flex; flex-wrap:wrap; align-items:center;}
.index5 .bod dl dd img{ margin-right:10px;}
.index5 .bod dl li{ margin-top:15px; font-size:18px; font-weight:bold;}
.index5 .bod dl ul{ margin-top:10px; color:#666; line-height:26px;}
.index5 .bod dl p{ margin-top:15px;}

.active-foot{color:#ec9811;}

.bottom{ background:#f5f5f5; width:100%; overflow:hidden; padding:40px 0px;}
.bottom .bod{ width:90%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between;}
.bottom .bod  dl{width:12%;}
.bottom .bod  dl dt{ font-size:18px; margin-top:40px; margin-bottom:20px; font-weight:bold;}
.bottom .bod  dl dd{ margin-top:10px;}
.bottom .bod  dl dd p{ margin-top:20px; display:flex; flex-wrap:wrap; align-items:center;}
.bottom .bod  dl dd p img{ margin-right:5px;}
.bottom .bod  dl dd p:hover{ color:#ec9811;}
.bottom .bod  dl li{margin-top:20px; color:#666;}
.bottom .bod  dl:nth-child(3){ width:36%;}
.bottom .bod  dl:nth-child(4){ width:30%;}
.bottom .bod form{  margin-top:30px; display:flex; flex-wrap:wrap; align-items:center;}
.bottom .bod form input{border:#ddd 1px solid; width:100%; padding-left:15px; height:50px; font-size:16px; outline:none;}
.bottom .bod form button{margin-top:15px; width:100%; background:#ec9811; color:#FFF; height:50px; font-size:16px; outline:none; border:#ddd 1px solid;}
.bottom .foot{width:100px; margin:auto; margin-top:50px;}
.bottom .foot img{ width:100px; }

.bottom1{background:#ddd; width:100%; overflow:hidden; padding:30px 0px;}
.bottom1 .bod{width:90%; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.bottom1 .bod .fl{font-size:16px;}
.bottom1 .bod .fr{display:flex; flex-wrap:wrap; align-items:center;}
.bottom1 .bod .fr p{width:42px; height:42px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#333; margin-left:10px;}
.bottom1 .bod .fr p img{width:21px; height:21px;}
.bottom1 .bod .fr p:hover{background:#ec9811;}

.toolbar {width:60px;position:fixed; right:0px; top:40%; z-index:999;}
.toolbar dd {width:60px; height:60px; margin-bottom:3px; position:relative; background:#0085db; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#FFF; font-size:12px; border-radius:5px;}
.toolbar dd i p img{width:32px; margin-top:3px;}
.toolbar dd i{font-style:normal;}
.toolbar .pop {position:absolute; right:0px; top:-30px; background:#0085db; display:none;}
.toolbar .pop-code {width: 160px;}
.toolbar .pop-code1{width: 220px;}
.toolbar .pop-code2{width: 220px;}
.toolbar .pop-code img {width: 140px;height: 140px;display: block; margin:auto; margin-top:10px;}
.toolbar .pop-code h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar .pop-code1 h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar .pop-code2 h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar-wap{ display:none;}

.nybanner{width:100%;overflow: hidden; margin-top:0px;}
.nybanner li{position:relative; height:450px; background:url(../images/rfidshouhuan.jpg) no-repeat center center; background-size:cover;}
.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; background:rgba(0,0,0,0); display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.nybanner li .info dl{ width:980px; margin:auto; color:#FFF; text-align:center; font-size:60px; text-shadow: 5px 2px 10px #000000;}

.nybanner-about{ position: relative; width:100%; overflow: hidden; margin-top:100px;}
.nybanner-about li{width:100%;}
.nybanner-about li video{width:100%;}

.position{font-size:16px; background:#fff; overflow:hidden; box-shadow:0px 5px 10px 0px rgb(0 0 0 / 10%);}
.position .bod{width:980px; margin:auto; }
.position .bod .fl{ font-size:16px; height:80px; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.position .bod .fr{ height:80px; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.position .bod .fr form{display:flex; flex-wrap:wrap; align-items: center;}
.position .bod .fr form input{ height:40px; border:#ddd 1px solid; width:300px; outline:none; padding-left:15px; border-radius:30px 0px 0px 30px;}
.position .bod .fr form button{height:42px; border:#ec9811 1px solid;width:80px; background:#ec9811; outline:none; border-radius:0px 30px 30px 0px;}
.position .bod .fr form button img{ width:18px;}
.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:980px; margin:auto; }

.ny-daohang{overflow:hidden; width:100%; margin-top:50px;}
.ny-daohang .bod{ width:980px; margin:auto; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.ny-daohang .bod dl{width: fit-content; background:#f5f5f5; margin:0px 10px;}
.ny-daohang .bod dl a{padding:15px 30px; display:block;}
.ny-daohang .bod dl:hover{background:#ec9811; color:#FFF;}
.ny-daohang-active{background:#ec9811; color:#FFF;}

.aboutus{overflow:hidden; background:#fff; margin-bottom:70px; width:90%; margin:auto; margin-top:80px; margin-bottom:80px;}
.aboutus .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.aboutus .bod .fl{width:45%;}
.aboutus .bod .fl dt{ font-size:24px; text-transform:uppercase; font-weight:bold; color:#ec9811; margin-bottom:30px;}
.aboutus .bod .fl dt p{ font-size:36px; margin-top:5px; color:#333; text-transform:none; font-weight:normal;}
.aboutus .bod .fl dd{ font-size:16px; line-height:26px;}
.aboutus .bod .fl dd p{ margin-top:15px; text-wrap:wrap !important; color:#666;}
.aboutus .bod .fl dd p span{text-wrap:wrap !important;}
.aboutus .bod .fl dd span{text-wrap:wrap !important;}
.aboutus .bod .fl li{ margin-top:50px; background:#ec9811; width:160px; height:50px; line-height:50px; text-align:center; color:#FFF; border-radius:5px; transition:all 0.5s;}
.aboutus .bod .fl li:hover{background:#87386c; transition:all 0.5s;}
.aboutus .bod .fr{width:50%;}
.aboutus .bod .fr img{width:100%;}

.aboutus-youshi{background:#FFF; width:100%; background:#f5f5f5;}
.aboutus-youshi .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; height:200px; width:90%; margin:auto;}
.aboutus-youshi .item dl{ width:25%; text-align:center;}
.aboutus-youshi .item dl dt{ width:58px; height:58px; overflow:hidden; margin:auto;}
.aboutus-youshi .item dl dt img{width:58px; height:58px;}
.aboutus-youshi .item dl:hover dt img{filter:drop-shadow(#ec9811 0px 120px); transform: translateY(-120px);}
.aboutus-youshi .item dl dd{ margin-top:10px;}
.aboutus-youshi .item dl:hover dd{ color:#ec9811;}

.aboutus-factory{width:90%; margin:auto; overflow:hidden; margin-top:70px;}
.aboutus-factory .txt{ text-align:center;}
.aboutus-factory .txt dt{ font-size:36px; font-weight:bold;}
.aboutus-factory .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:40px;}
.aboutus-factory .bod dl{ width:23%; margin-bottom:30px;}
.aboutus-factory .bod dl dt{position:relative; padding-bottom:70%;}
.aboutus-factory .bod dl dt img{position:absolute; width:100%; height:100%;}
.aboutus-factory .bod dl dd{ margin-top:15px; text-align:center;}
.aboutus-factory .bod dl:nth-child(13),.aboutus-factory .bod dl:nth-child(14),.aboutus-factory .bod dl:nth-child(15){ display:none;}

.zizhi{width:980px; margin:auto; overflow:hidden; margin-top:70px;}
.zizhi .txt{ text-align:center;}
.zizhi .txt dt{ font-size:36px; font-weight:bold;}
.zizhi .bod{display:flex; flex-wrap:wrap; overflow:hidden; margin-top:40px;}
.zizhi .bod dl{ width:23.5%; margin-bottom:30px; margin-right:2%;}
.zizhi .bod dl:nth-child(5n){ margin-right:0px;}
.zizhi .bod dl dt{position:relative; padding-bottom:144%;}
.zizhi .bod dl dt img{position:absolute; width:100%; height:100%;}
.zizhi .bod dl dd{ margin-top:15px; text-align:center;}

.shipin{width:85%; margin:auto; overflow:hidden; margin-top:50px;}
.shipin .txt{ text-align:center;}
.shipin .txt dt{ font-size:36px; font-weight:bold;}
.shipin .bod{display:flex; flex-wrap:wrap; overflow:hidden; margin-top:40px;}
.shipin .bod dl{ width:32%; margin-bottom:30px; margin-right:2%;}
.shipin .bod dl video{ width:100%;}
.shipin .bod dl:nth-child(3n){ margin-right:0px;}
.shipin .bod dl dd{ margin-top:15px; text-align:center;}

.productlist{overflow:hidden; width:980px; margin:auto; padding:40px 0px;}
.productlist .txt{ overflow:hidden;}
.productlist .txt dt{ font-size:36px; color:#ec9811; font-weight:bold;}
.productlist .txt dd{display: flex; flex-wrap:wrap; align-items:center;}
.productlist .txt dd p{width:33%; font-size:18px; margin-top:15px; overflow:hidden;}
.productlist .txt dd p img{margin-right:10px;}
.productlist .txt dd p:hover{ color:#ec9811;}
.productlist .txt dd p:hover img{filter:drop-shadow(#ec9811 0px 90px); transform: translateY(-90px);}
.productlist .bod{width:100%; overflow:hidden; margin-top:40px;}
.productlist .bod .item{ overflow:hidden; display: flex; flex-wrap:wrap;}
.productlist .bod .item dl{width:32%; margin-bottom:30px; float:left; margin-right:2%;}
.productlist .bod .item dl:nth-child(3n){ margin-right:0px;}
.productlist .bod .item dl dt{position:relative; padding-bottom:100%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5; border:#ddd 1px solid;}
.productlist .bod .item dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.productlist .bod .item dl dd{margin-top:15px; margin-bottom:10px; text-align:center;}
.productlist .bod .item dl:hover dd{ color:#ec9811;}
.productlist .bod .item dl p{width:fit-content; padding:8px 20px; border:#ec9811 1px solid; color:#ec9811; font-size:16px; margin:auto; transition: all 0.5s;}
.productlist .bod .item dl:hover p{ background:#ec9811; color:#FFF; transition: all 0.5s;}
.productlist .bod .item dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:10px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:15px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:7px 10px; font-size:15px;}
.fanye .fenye2 .page-num-current{color:#fff;overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;padding:7px 10px; background:#ec9811; border:#ec9811 1px solid; border-radius:3px; font-size:15px;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; padding:6px 10px; margin:0px 2px; background:#f5f5f5; transition: all 0.5s; border-radius:3px; font-size:15px;}
.fanye a:hover{background:#ec9811; color:#fff; transition: all 0.5s; border:#ec9811 1px solid;}

.tiao{ overflow:hidden; margin-top:100px; width:100%;}

.ppp{width:980px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:30px; padding-bottom:0px;}
.product{overflow:hidden; width:1200px; display:block;}
.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 .txt dt{font-size:30px; margin-top:30px;}
.product .bod .fr .txt li{ font-size:16px; margin-top:15px;}
.product .bod .fr .txt dl{overflow:hidden; line-height:28px; margin-top:15px;}
.product .bod .fr .txt ul{margin-top:20px;}
.product .bod .fr .txt ul span{ font-size:30px;}
.product .bod .fr .lainxi{margin-top:25px; border-top:#eee 1px dashed; padding-top:25px; overflow:hidden;}
.product .bod .fr .lainxi dl{ background:#f5f5f5; color:#231815; width:180px; padding:15px 0px; text-align:center; border-radius:5px; border:#eee 1px solid;}
.product .bod .fr .lainxi dl:hover{background:#ec9811; color:#FFF;}
.product .bod .fr .lainxi ul{color:#333; display:block; background:#fff; margin-top:10px;}
.product .bod .fr .lainxi ul span{ font-size:24px; color:#ff7f00; font-weight:bold; }
.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; background:#ec9811; padding:0px 5px;}
.product .www360buy .hd li{height:50px; line-height:50px; text-align:center; width:120px; font-size:18px; border-radius:5px 5px 0px 0px; color:#fff;}
.product .www360buy .hd li.on{background:#fff; color:#333; height:45px; line-height:45px; margin-top:5px;}
.product .www360buy .bd{ margin-top:30px;}
.product .www360buy .lh{overflow:hidden; line-height:24px;}
.product .www360buy .lh .xiazai{ margin-bottom:20px; font-size:1rem;}
.product .www360buy .lh .pdf_iframe{ height:60rem;}
.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;}
.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;text-align:center;padding-top:10px !important;padding-bottom:10px !important;}
.product .www360buy .lh table tr:nth-child(2n){ background:#FFF !important;}
.product .www360buy .lh video{ width:80%; height:100%;}
.product .www360buy .lh h3{ font-size:24px; color:#234189; margin-top:30px; margin-bottom:10px;}
.product .www360buy .lh h1{ font-size:48px; margin-bottom:30px; margin-top:50px; color:#234189;}
.product .www360buy .lh p{ margin-top:10px;}
.product .www360buy .lh img{}
.product .message{overflow:hidden; display:block; padding-top:50px;}
.product .message .txt{ text-align:center; margin-bottom:70px;}
.product .message .txt dt{ font-size:48px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.product .message .txt dd{ font-size:30px; font-weight:bold; text-transform:uppercase; 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-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 ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-bottom:30px;}
.product .message ul p{ width:48%;}
.product .message ul p input{width:100%; border-bottom:#ddd 1px solid !important; border:none; padding-bottom:18px; outline:none; font-size:16px;}
.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:60px; border:#ec9811 1px solid; color:#fff; font-size:18px; text-transform:uppercase; background:#ec9811; transition: all 0.5s;}
.product .message button:hover{ background:#893b6f; color:#FFF; border:#893b6f 1px solid; transition: all 0.5s;}
.product .gengduo-txt li{ width:100%; font-size:20px; border-bottom:#ddd 1px solid; color:#ec9811; margin-top:50px; padding-bottom:10px;}
.product .xiangguan{ margin-top:15px;}
.product .xiangguan dl{width:23.5%; margin-bottom:40px; float:left; 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:#fff; border:#ddd 1px solid;}
.product .xiangguan dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.product .xiangguan dl dd{margin-top:10px; margin-bottom:10px; text-align:center;}
.product .xiangguan dl:hover dd{ color:#ec9811;}
.product .xiangguan dl p{width:fit-content; padding:8px 20px; border:#ec9811 1px solid; color:#ec9811; font-size:16px; margin:auto; transition: all 0.5s;}
.product .xiangguan dl:hover p{ background:#ec9811; 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%;position:relative;cursor:pointer;overflow:hidden;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:25%; 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:80%; 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 #ec9811;}

.caselist{ width:90%; margin:auto; overflow:hidden; padding-top:30px;}
.caselist .txt{ overflow:hidden;}
.caselist .txt dd{display: flex; flex-wrap:wrap; align-items:center;}
.caselist .txt dd p{font-size:18px; overflow:hidden; margin-right:60px;}
.caselist .txt dd p img{margin-right:10px;}
.caselist .txt dd p:hover{ color:#ec9811;}
.caselist .txt dd p:hover img{filter:drop-shadow(#ec9811 0px 90px); transform: translateY(-90px);}
.caselist .bod{ margin-top:30px; overflow:hidden;}
.caselist .bod .item{display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.caselist .bod dl{width:100%; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-bottom:30px; background:#f5f5f5;}
.caselist .bod dl dt{ width:45%;}
.caselist .bod dl dt p{ position:relative; padding-bottom:70%;}
.caselist .bod dl dt p img{ position:absolute; width:100%; height:100%;}
.caselist .bod dl dd{ width:45%; margin-right:5%;}
.caselist .bod dl dd li{ font-size:18px; font-weight:bold; margin-top:15px;}
.caselist .bod dl dd ul{ font-size:15px; color:#666; margin-top:10px;}
.caselist .bod dl dd p{ margin-top:10px; margin-bottom:15px;}
.caselist .bod dl:hover{ background:#ec9811;}
.caselist .bod dl:hover dd li{ color:#FFF;}
.caselist .bod dl:hover dd ul{ color:#FFF;}
.caselist .bod dl:hover dd p{ color:#FFF;}

.case{ overflow:hidden; width:980px; margin:80px auto}
.case .txt{font-size:48px; text-align:center; margin-bottom:50px;}
.case .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.case .bod dl{ width:31.5%;}
.case .bod dl dt{ position:relative; padding-bottom:70%;}
.case .bod dl dt img{ position:absolute; width:100%; height:100%;}
.case .bod dl dd{ margin-top:20px; font-size:22px;}
.case .bod dl p{ font-size:16px; margin-top:10px; line-height:24px; }

.lianxi{overflow:hidden; width:980px; margin:80px auto;display: flex; flex-wrap:wrap; justify-content: space-between;}
.lianxi .fl{width:50%;}
.lianxi .fl dt img{ width:100%;}
.lianxi .fr{width:50%; background:#ec9811;}
.lianxi .fr dl{ margin:40px; color:#FFF;}
.lianxi .fr dl dt{ font-size:36px;}
.lianxi .fr dl dd{ margin-top:20px; font-size:16px; line-height:24px;}
.lianxi .fr dl p{ margin-top:30px; width:240px; height:45px; line-height:45px; border:rgba(255,255,255,0.8) 2px solid; border-radius:30px; text-align:center; font-size:18px; transition: all 0.5s;}
.lianxi .fr dl p:hover{ background:rgba(255,255,255,0.8); color:#ec9811; transition: all 0.5s;}

.newslist{overflow:hidden; width:980px; margin:30px auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.newslist .bod{width:100%;}
.newslist .bod dt{font-size:20px; border-bottom:#ddd 1px solid; padding-bottom:10px; color:#ec9811; font-weight:bold;}
.newslist .bod dt span{border-bottom:#ec9811 1px solid; padding-bottom:10px;}
.newslist .bod dl{border-bottom:#ddd 1px dashed; padding:20px 0px;}
.newslist .bod dl a{display:flex; flex-wrap:wrap; align-items:center;}
.newslist .bod dl li{width:10%; background:#ec9811; text-align:center; color:#FFF; font-size:30px; padding:10px 0px; margin-right:2.5%;}
.newslist .bod dl li p{font-size:16px;}
.newslist .bod dl dd{width:75%; margin-right:2%;}
.newslist .bod dl dd span{ margin-right:10px; color:#666;}
.newslist .bod dl dd p{ font-size:15px; color:#999; margin-top:10px;}
.newslist .bod dl .more{width:10%; border:#ddd 1px solid; text-align:center; padding:6px 0px; font-size:15px; color:#666;}
.newslist .bod dl:hover{border-bottom:#ec9811 1px dashed;}
.newslist .bod dl:hover dd{ color:#ec9811;}
.newslist .bod dl:hover .more{ background:#ec9811; color:#FFF;}

.news{ overflow:hidden; background:#fff; padding-top:50px; width:980px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; padding-bottom:10px; margin-top:15px;}
.news .fl{ width:100%;}
.news .txt{ border-bottom:#CCC 1px dashed; padding-bottom:30px; margin-bottom:30px;}
.news .txt dt{font-size:20px; font-weight:bold;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:10px; color:#999; font-size:14px;}
.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;}
.news .gengduo{ border-top:#CCC 1px dashed; padding-top:30px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .gengduo dl{display: flex; flex-wrap:wrap; align-items:center; margin-bottom:20px; font-size:14px;}
.news .gengduo dl span{ color:#999;}
.news .gengduo dl:nth-child(2){ float:right;}
.news .fr{ display:none;}

.contact{margin-top:80px; background:#fff; margin-bottom:70px; width:100%;}
.contact .bod{display:flex; flex-wrap:wrap; justify-content:space-between; width:980px; margin:auto;}
.contact .bod .fl{ width:30%;}
.contact .bod .fl dl p{ margin:20px 0px;}
.contact .bod .fr{ width:65%;}
.contact .bod .fr iframe{height: 400px;width: 100%;}

.contact1{overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; width:980px; margin:auto; margin-top:60px;}
.contact1 dl{width:33%;}
.contact1 dl dt{ font-size:16px;}
.contact1 dl dd img{ width:50%;}

.p-search{width:980px; 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:#ec9811; border:#ec9811 1px solid; height:62px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px; transition: all 0.5s;}
.p-search form button img{ width:22px; padding-top:4px;}
.p-search form button:hover{background:#87396d; transition: all 0.5s;}
}

@media(min-width:640px)and (max-width:979px){
.top1bj{background: rgba(255,255,255,1); width: 100%; z-index:999; position:fixed; top:0rem;}
.top1bj .heng{ display:none;}
.top1bj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:6rem; width:94%; margin:auto; top:0px;}
.top1bj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:6rem;}
.top1bj .width .logo dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:6rem;}
.top1bj .width .logo dl img{ height:4rem; margin-top:0.5rem;}
.top1bj .width .fr{ display:none;}
.top1bj .width #Menu-btn{ position:absolute; right:3%; top:0; height:6rem; display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .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)}
.top1bj .width #Menu-btn dl{ margin-left:2.5rem;}
.top1bj .width #Menu-btn dl img{width:1.3rem;}
.top1bj .width #Menu-btn-h{overflow: hidden; display:none; background-color:rgba(255,255,255,1); position:absolute; left:3%; right:2%;}
.top1bj .width #Menu-btn-h .tutu{display: flex; align-items: center; justify-content: space-between; height:6rem;}
.top1bj .width #Menu-btn-h .tutu dd{}
.top1bj .width #Menu-btn-h .tutu dd img{height:4rem; margin-top:0.5rem;}
.top1bj .width #Menu-btn-h .tutu dl{display: flex; align-items: center;}
.top1bj .width #Menu-btn-h .tutu dl li{color:#FFF; font-size:2.6rem; width: fit-content; border:#FFF 1px solid; padding:0.5rem 1.5rem; border-radius:1rem; background:rgba(255,255,255,0.2)}
.top1bj .width #Menu-btn-h .tutu dl dt{ margin-left:2rem;}
.top1bj .width #Menu-btn-h .tutu dl dt img{width:1.8rem;overflow:hidden;}
.top1bj .width #menu1{position:absolute; display:none; top:0rem; right:0; left:0; bottom:0; margin:0; padding:0; z-index:5;}
.top1bj .width #menu1 .menu-wap{font-size:3rem;list-style:none; background:#FFF; position:absolute; top:6rem; left:0; right:0; border-top:#eee 1px solid; height:100vh;}
.top1bj .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; border-bottom:#eee 1px solid;}
.top1bj .width #menu1 .menu-wap li a{display: flex; align-items: center; justify-content: space-between; color:#231815;}
.top1bj .width #menu1 .menu-wap li a span{ font-size:1.2rem;}

.navBar{ display:none;}

.focusBox {position: relative; width:100%; height:33rem; overflow: hidden; margin-top:6rem;}
.focusBox .pic{position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:25rem; display: block; object-fit: cover;}
.focusBox .hd { width:100%; position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; height:6px; overflow: hidden; width: 100px; cursor: pointer;display:inline-block; *display:inline; zoom:1; background:#FFF; border-radius:10px;}
.focusBox .hd .on{ background:#ec9811;}
.focusBox .prev,.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 40%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.focusBox .gengduo{position: absolute; bottom:0; left:3%; right:3%; background:#FFF;}
.focusBox .gengduo .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; height:8rem;}
.focusBox .gengduo .item dl{ width:20%; text-align:center;}
.focusBox .gengduo .item dl dt{ width:40px; height:40px; overflow:hidden; margin:auto;}
.focusBox .gengduo .item dl dt img{width:40px; height:40px;}
.focusBox .gengduo .item dl:hover dt img{filter:drop-shadow(#ec9811 0px 40px); transform: translateY(-40px);}
.focusBox .gengduo .item dl dd{ margin-top:10px;}
.focusBox .gengduo .item dl:hover dd{ color:#ec9811;}
.focusBox .gengduo .item ul{display:none;}

.index1{ width:100%; overflow:hidden; border-top:#eee 1px solid; padding:2rem 0rem;}
.index1-product{position:relative; width:90%; margin:auto;}
.index1-product .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index1-product .img{width:55%;display:flex; flex-wrap:wrap; justify-content: space-between;}
.index1-product .img dl{width:100%; transition:all 0.5s; position:relative; padding-bottom:100%;}
.index1-product .img dl img{width:100%; height:100%; position:absolute;}
.index1-product .tit{ width:42%;}
.index1-product .tit dt{ font-size:1.4rem; color:#ec9811;}
.index1-product .tit dt p{color:#0085db; font-weight:bold;}
.index1-product .tit dd{ margin-top:0rem; font-size:1rem; font-weight:bold;}
.index1-product .tit li{ margin-top:0.5rem; line-height:1.5rem; font-size:1rem;}
.index1-product .swiper-button-prev{content:"";width:40px;height:40px;background: url(../images/2.png);position:absolute;top:50%;left:0px; background-size:40px;}
.index1-product .swiper-button-next{content:"";width:40px;height:40px;background: url(../images/3.png);position:absolute;top:50%;right:0px; background-size:40px;}
.index1-product .swiper-button-prev:after{content:"";width:40px;height:40px;background: url(../images/2.png);position:absolute;top:0px;right:0px; background-size:40px;}
.index1-product .swiper-button-next:after{content:"";width:40px;height:40px;background: url(../images/3.png);position:absolute;top:0px;right:0px; background-size:40px;}

.index2{width:94%; margin:auto; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index2 dl{width:31.5%; border:#eee 1px solid; margin-bottom:1rem;}
.index2 dl dt{position:relative; padding-bottom:100%;}
.index2 dl dt img{position:absolute; width:100%; height:100%;}
.index2 dl dt .info{position:absolute; bottom:0; left:0; right:0; text-align:center;}
.index2 dl dt .info dd{display:none;}
.index2 dl dt .info li{display:none;}
.index2 dl dt .info p{display:none;}
.index2 dl dt .info .title{margin-bottom:10px;}
.index2 dl:hover .info{position:absolute; bottom:0; left:0; right:0; top:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(255,255,255,0.8);}
.index2 dl:hover .info dd{display:block; font-size:30px; color:#ec9811;}
.index2 dl:hover .info li{display:block; font-size:28px; color:#0085db; font-weight:bold; margin-top:5px;}
.index2 dl:hover .info .title{margin-top:20px; font-size:30px; color:#454545;}
.index2 dl:hover .info p{display:block; width:160px; background:#ec9811; color:#FFF; margin:auto; margin-top:40px; height:45px; line-height:45px;}
.index2 dl:nth-child(7),.index2 dl:nth-child(8){ display:none;}

.index3{ width:100%; overflow:hidden; background:url(../images/index3.jpg) no-repeat center center; background-size:cover; padding-top:2rem; margin-top:2rem; padding-bottom:2rem;}
.index3 .bod{ width:94%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index3 .bod .fl{ width:100%; background:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content: center; padding:1rem 0rem;}
.index3 .bod .fl dd{ font-size:1rem; line-height:1.6rem; width:92%;}
.index3 .bod .fl dd p{ margin:1rem 0px;}
.index3 .bod .fr{ width:100%;}
.index3 .bod .fr dt{ position:relative; padding-bottom:60%;}
.index3 .bod .fr dt img{ width:100%; height:100%; position:absolute;}
.index3 .item{width:94%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:1rem;}
.index3 .item dl{ width:32%;}
.index3 .item dl dt{position:relative; padding-bottom:70%;}
.index3 .item dl dt img{position:absolute; width:100%; height:100%;}
.index3 .item dl dd{ margin-top:1rem; text-align:center; font-size:1rem;}
.index3 .item dl:nth-child(4),.index3 .item dl:nth-child(5){ display:none;}

.index4{width:94%; margin:auto; overflow:hidden; margin-top:3rem;}
.index4 .txt{ text-align:center;}
.index4 .txt dt{ font-size:1.6rem; font-weight:bold;}
.index4 .txt dd{ margin-top:0.5rem; font-size:1rem;}
.index4 .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index4 .bod dl{ width:48.5%; background:#f5f5f5; margin-top:5rem;}
.index4 .bod dl dt{ width:6rem; height:6rem; background:#e5dcc8; margin:auto; margin-top:-3rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100%;}
.index4 .bod dl dt img{ width:3rem; height:3rem;}
.index4 .bod dl p{ font-size:1.2rem; font-weight:bold; text-align:center; margin-top:1rem;}
.index4 .bod dl dd{ margin-top:1rem; margin-left:1rem; margin-right:1rem; margin-bottom:2rem; text-align:center; line-height:1.5rem; font-size:1rem;}
.index4 .bod dl:hover dt{background:#ec9811;}

.index5{width:94%; margin:auto; overflow:hidden; margin-top:3rem; margin-bottom:0;}
.index5 .txt{ text-align:center;}
.index5 .txt dt{ font-size:1.6rem; font-weight:bold;}
.index5 .txt dd{ margin-top:0.5rem; font-size:1rem;}
.index5 .bod{ margin-top:2rem; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index5 .bod dl{ width:100%; margin-bottom:2rem;}
.index5 .bod dl dt{ position:relative; padding-bottom:65%;}
.index5 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index5 .bod dl dd{ margin-top:1rem; display:flex; flex-wrap:wrap; align-items:center; font-size:1rem;}
.index5 .bod dl dd img{ margin-right:0.6rem;}
.index5 .bod dl li{ margin-top:1rem; font-size:1.1rem; font-weight:bold;}
.index5 .bod dl ul{ margin-top:0.5rem; color:#666; line-height:1.5rem;}
.index5 .bod dl p{ margin-top:1rem;}

.active-foot{color:#ec9811;}

.bottom{ background:#f5f5f5; width:100%; overflow:hidden; padding:2rem 0px;}
.bottom .bod{ width:94%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between;}
.bottom .bod  dl{width:48%;}
.bottom .bod  dl dt{ font-size:1.1rem; margin-top:0; margin-bottom:1rem; font-weight:bold;}
.bottom .bod  dl dd{ margin-top:0.5rem;}
.bottom .bod  dl dd p{ margin-top:1.5rem; display:flex; flex-wrap:wrap; align-items:center;}
.bottom .bod  dl dd p img{ margin-right:0.3rem;}
.bottom .bod  dl dd p:hover{ color:#ec9811;}
.bottom .bod  dl li{margin-top:1rem; color:#666;}
.bottom .bod  dl:nth-child(3){ width:100%; border-top:#ddd 1px solid; margin-top:2rem; padding-top:2rem;}
.bottom .bod  dl:nth-child(4){ width:100%; border-top:#ddd 1px solid; margin-top:2rem; padding-top:2rem;}
.bottom .bod form{  margin-top:1.5rem; display:flex; flex-wrap:wrap; align-items:center;}
.bottom .bod form input{border:#ddd 1px solid; width:100%; padding-left:1rem; height:3rem; font-size:1rem; outline:none;}
.bottom .bod form button{margin-top:1rem; width:100%; background:#ec9811; color:#FFF; height:3rem; font-size:1rem; outline:none; border:#ddd 1px solid;}
.bottom .foot{width:6rem; margin:auto; margin-top:2rem;}
.bottom .foot img{ width:6rem; }

.bottom1{background:#ddd; width:100%; overflow:hidden; padding:2rem 0px;}
.bottom1 .bod{width:94%; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content: center; }
.bottom1 .bod .fl{font-size:1rem; width:100%; margin-bottom:1rem; text-align:center;}
.bottom1 .bod .fr{display:flex; flex-wrap:wrap; align-items:center; justify-content: center; width:100%;}
.bottom1 .bod .fr p{width:2.4rem; height:2.4rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#333; margin-left:0.3rem; margin-right:0.3rem;}
.bottom1 .bod .fr p img{width:1.2rem; height:1.2rem;}
.bottom1 .bod .fr p:hover{background:#ec9811;}

.toolbar{ display:none;}

.nybanner{width:100%;overflow: hidden; margin-top:6rem;}
.nybanner li{position:relative; height:18rem; background:url(../images/rfidshouhuan.jpg) no-repeat center center;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{position:absolute; left:3%; right:0; top:0; bottom:0; background:rgba(0,0,0,0); display:flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.nybanner li .info dl{color:#FFF; font-size:2rem;}

.nybanner-about{ position: relative; overflow: hidden; margin-top:6rem;}
.nybanner-about li{width:100%; }
.nybanner-about li video{width:100%;}

.position{font-size:1rem; background:#f5f5f5; overflow:hidden; padding:1rem 0rem;}
.position .bod{width:90%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between;}
.position .bod .fl{ font-size:16px; display: flex; flex-wrap:wrap; align-items:center; width:50%;}
.position .bod .fr{ display: flex; flex-wrap:wrap; align-items:center; justify-content:center; width:45%;}
.position .bod .fr form{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; width:100%; border:#CCC 1px solid;}
.position .bod .fr form input{border:none; width:78%; outline:none; display:block; height:2.6rem; padding-left:2%;}
.position .bod .fr form button{border:none; width:20%; background:#ec9811; outline:none; display:block; height:2.6rem;}
.position .bod .fr form button img{ width:18px;}

.ny-daohang{overflow:hidden; width:100%; margin-top:2rem;}
.ny-daohang .bod{ width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.ny-daohang .bod dl{width: fit-content; background:#f5f5f5; margin:0px 0.3rem;}
.ny-daohang .bod dl a{padding:0.8rem 1.4rem; display:block;}
.ny-daohang .bod dl:hover{background:#ec9811; color:#FFF;}
.ny-daohang-active{background:#ec9811; color:#FFF;}

.aboutus{overflow:hidden; background:#fff; width:90%; margin:auto; margin-top:2rem; margin-bottom:2rem;}
.aboutus .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.aboutus .bod .fl{width:100%; margin-bottom:2rem}
.aboutus .bod .fl dt{ font-size:1.5rem; text-transform:uppercase; font-weight:bold; color:#ec9811; margin-bottom:1.2rem;}
.aboutus .bod .fl dt p{ font-size:2rem; margin-top:5px; color:#333; text-transform:none; font-weight:normal;}
.aboutus .bod .fl dd{ font-size:1rem; line-height:1.5rem;}
.aboutus .bod .fl dd p{ margin-top:1rem; text-wrap:wrap !important; color:#666;}
.aboutus .bod .fl dd p span{text-wrap:wrap !important;}
.aboutus .bod .fl dd span{text-wrap:wrap !important;}
.aboutus .bod .fl li{ margin-top:2.5rem; background:#ec9811; width:10rem; height:3rem; line-height:3rem; text-align:center; color:#FFF; border-radius:0.5rem; transition:all 0.5s; font-size:1rem;}
.aboutus .bod .fl li:hover{background:#87386c; transition:all 0.5s;}
.aboutus .bod .fr{width:100%;}
.aboutus .bod .fr img{width:100%;}

.aboutus-youshi{background:#FFF; width:100%; background:#f5f5f5;}
.aboutus-youshi .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; height:10rem; width:90%; margin:auto;}
.aboutus-youshi .item dl{ width:25%; text-align:center;}
.aboutus-youshi .item dl dt{ width:3rem; height:3rem; overflow:hidden; margin:auto;}
.aboutus-youshi .item dl dt img{width:3rem; height:3rem;}
.aboutus-youshi .item dl:hover dt img{filter:drop-shadow(#ec9811 0px 120px); transform: translateY(-120px);}
.aboutus-youshi .item dl dd{ margin-top:10px;}
.aboutus-youshi .item dl:hover dd{ color:#ec9811;}

.aboutus-factory{width:90%; margin:auto; overflow:hidden; margin-top:3rem;}
.aboutus-factory .txt{ text-align:center;}
.aboutus-factory .txt dt{ font-size:1.8rem; font-weight:bold;}
.aboutus-factory .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:2rem;}
.aboutus-factory .bod dl{ width:31.5%; margin-bottom:1.5rem;}
.aboutus-factory .bod dl dt{position:relative; padding-bottom:70%;}
.aboutus-factory .bod dl dt img{position:absolute; width:100%; height:100%;}
.aboutus-factory .bod dl dd{ margin-top:0.7rem; text-align:center;}

.zizhi{width:90%; margin:auto; overflow:hidden; margin-top:2rem;}
.zizhi .txt{ text-align:center;}
.zizhi .txt dt{ font-size:1.8rem; font-weight:bold;}
.zizhi .bod{display:flex; flex-wrap:wrap; overflow:hidden; margin-top:1.5rem;}
.zizhi .bod dl{ width:31.5%; margin-bottom:1.5rem; margin-right:2%;}
.zizhi .bod dl:nth-child(3n){ margin-right:0px;}
.zizhi .bod dl dt{position:relative; padding-bottom:144%;}
.zizhi .bod dl dt img{position:absolute; width:100%; height:100%;}
.zizhi .bod dl dd{ margin-top:0.8rem; text-align:center;}

.shipin{width:90%; margin:auto; overflow:hidden; margin-top:3rem;}
.shipin .txt{ text-align:center;}
.shipin .txt dt{ font-size:1.8rem; font-weight:bold;}
.shipin .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:2rem;}
.shipin .bod dl{ width:48%; margin-bottom:1.5rem;}
.shipin .bod dl video{ width:100%;}
.shipin .bod dl dd{ margin-top:0.8rem; text-align:center;}

.productlist{overflow:hidden; width:90%; margin:auto; padding:2rem 0px;}
.productlist .txt{ overflow:hidden;}
.productlist .txt dt{ font-size:2.6rem; color:#ec9811; font-weight:bold;}
.productlist .txt dd{display: flex; flex-wrap:wrap; align-items:center;}
.productlist .txt dd p{width:33%; font-size:1.1rem; margin-top:1rem; overflow:hidden;}
.productlist .txt dd p img{margin-right:0.5rem;}
.productlist .txt dd p:hover{ color:#ec9811;}
.productlist .txt dd p:hover img{filter:drop-shadow(#ec9811 0px 90px); transform: translateY(-90px);}
.productlist .bod{width:100%; overflow:hidden; margin-top:2rem;}
.productlist .bod .item{ overflow:hidden; display: flex; flex-wrap:wrap;}
.productlist .bod .item dl{width:32%; margin-bottom:2rem; float:left; margin-right:2%;}
.productlist .bod .item dl:nth-child(3n){ margin-right:0px;}
.productlist .bod .item dl dt{position:relative; padding-bottom:100%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5; border:#ddd 1px solid;}
.productlist .bod .item dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.productlist .bod .item dl dd{margin-top:1rem; margin-bottom:0.6rem; text-align:center; font-size:1rem;}
.productlist .bod .item dl:hover dd{ color:#ec9811;}
.productlist .bod .item dl p{width:fit-content; padding:0.5rem 1rem; border:#ec9811 1px solid; color:#ec9811; font-size:1rem; margin:auto; transition: all 0.5s;}
.productlist .bod .item dl:hover p{ background:#ec9811; color:#FFF; transition: all 0.5s;}
.productlist .bod .item dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:10px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:0.4rem;font-size:1rem;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:0.4rem 0.7rem; font-size:1rem;}
.fanye .fenye2 .page-num-current{color:#fff;overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;padding:0.4rem 0.7rem; background:#ec9811; border:#ec9811 1px solid; border-radius:3px; font-size:15px;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; padding:0.4rem 0.7rem; margin:0px 0.2rem; background:#f5f5f5; transition: all 0.5s; border-radius:3px; font-size:1rem;}
.fanye a:hover{background:#ec9811; color:#fff; transition: all 0.5s; border:#ec9811 1px solid;}

.tiao{ overflow:hidden; margin-top:6rem; width:100%;}

.ppp{width:94%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:30px; padding-bottom:0px;}
.product{overflow:hidden; width:100%; display:block;}
.product .bod{margin-top:30px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.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:100%; }
.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:#5c1717;}
.product .bod .fl .game163 .sNext:hover{ color:#5c1717;}
.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:25%;}
.product .bod .fl .game163 .smallImg li p{position:relative; padding-bottom:92%; 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:#5c1717;}
.product .bod .fr{ width:50%;}
.product .bod .fr .txt dt{font-size:2.4rem; margin-top:2rem;}
.product .bod .fr .txt li{ font-size:1.1rem; margin-top:1.5rem;}
.product .bod .fr .txt dl{overflow:hidden; line-height:2rem; margin-top:2rem;}
.product .bod .fr .txt ul{margin-top:2rem;}
.product .bod .fr .txt ul span{ font-size:3rem;}
.product .bod .fr .lainxi{margin-top:2rem; border-top:#eee 1px dashed; padding-top:25px; overflow:hidden;}
.product .bod .fr .lainxi dl{ background:#f5f5f5; color:#231815; width:20rem; padding:1rem 0px; text-align:center; border-radius:0.5rem; border:#eee 1px solid; font-size:1.1rem;}
.product .bod .fr .lainxi dl:hover{background:#ec9811; color:#FFF;}
.product .bod .fr .lainxi ul{color:#333; display:block; background:#fff; margin-top:10px;}
.product .bod .fr .lainxi ul span{ font-size:1.8rem; color:#ff7f00; font-weight:bold; }
.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; border-bottom:#CCC 1px solid;}
.product .www360buy .hd li{height:3rem; line-height:3rem; text-align:center; width:33%; background:#f5f5f5; font-size:1.1rem; border-radius:5px 5px 0px 0px;}
.product .www360buy .hd li.on{background:#ec9811; color:#fff; }
.product .www360buy .bd{ margin-top:1.5rem;}
.product .www360buy .lh{overflow:hidden; line-height:1.6rem;}
.product .www360buy .lh .xiazai{ margin-bottom:20px; font-size:1rem;}
.product .www360buy .lh .pdf_iframe{ height:60rem;}
.product .www360buy .lh table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:1rem; 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:#CCC 1px solid !important; padding-left:0.5rem; padding-right:0.5rem;text-align:center;padding-top:0.8rem !important;padding-bottom:0.8rem !important; font-size:1rem;}
.product .www360buy .lh table tr:nth-child(2n){ background:#FFF !important;}
.product .www360buy .lh video{ width:80%; height:100%;}
.product .www360buy .lh h3{ font-size:1.2rem; color:#234189; margin-top:1rem; margin-bottom:1rem;}
.product .www360buy .lh h2{ font-size:1.4rem; color:#234189; margin-top:1rem; margin-bottom:1rem;}
.product .www360buy .lh h1{ font-size:1.6rem; margin-bottom:1rem; margin-top:1rem; color:#234189;}
.product .www360buy .lh p{ margin-top:0.6rem; font-size:1rem;}
.product .www360buy .lh img{}
.product .message{overflow:hidden; display:block; padding-top:2rem;}
.product .message .txt{ text-align:center; margin-bottom:2rem;}
.product .message .txt dt{ font-size:48px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.product .message .txt dd{ font-size:30px; font-weight:bold; text-transform:uppercase; 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-bottom:#ddd 1px solid !important; border:none; margin-bottom:2rem; padding-bottom:1rem; outline:none; font-size:1rem;}
.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 ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-bottom:2rem;}
.product .message ul p{ width:48%;}
.product .message ul p input{width:100%; border-bottom:#ddd 1px solid !important; border:none; padding-bottom:1rem; outline:none; font-size:1rem;}
.product .message li textarea{width:100%; border-bottom:#ddd 1px solid !important; border:none; height:8rem; outline:none; margin-bottom:2rem; font-family:Arial; font-size:1rem; color:#666;}
.product .message button{width:100%; height:3.5rem; border:#ec9811 1px solid; color:#fff; font-size:1rem; text-transform:uppercase; background:#ec9811;}
.product .message button:hover{ background:#ff7f00; color:#FFF; border:#ff7f00 1px solid;}
.product .gengduo-txt li{ width:100%; font-size:20px; border-bottom:#ddd 1px solid; color:#ec9811; margin-top:1.5rem; padding-bottom:10px;}
.product .xiangguan{ margin-top:15px;}
.product .xiangguan dl{width:32%; margin-bottom:40px; float:left; margin-right:2%;}
.product .xiangguan dl:nth-child(3n){ margin-right:0px;}
.product .xiangguan dl dt{position:relative; padding-bottom:100%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5; border:#ddd 1px solid;}
.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:hover dt .info{position:absolute;left:0;bottom:0; right:0; background:rgba(10,65,140,0.4); height:100%; transition: all 0.5s; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.product .xiangguan dl dd{margin-top:0.6rem; margin-bottom:0.6rem; text-align:center; font-size:1rem;}
.product .xiangguan dl:hover dd{ color:#ec9811;}
.product .xiangguan dl p{width:fit-content; padding:8px 20px; border:#ec9811 1px solid; color:#ec9811; font-size:16px; margin:auto; transition: all 0.5s;}
.product .xiangguan dl:hover p{ background:#ec9811; 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{ width:90%; margin:auto; overflow:hidden; padding-top:2rem;}
.caselist .txt{ overflow:hidden;}
.caselist .txt dd{display: flex; flex-wrap:wrap; align-items:center;}
.caselist .txt dd p{font-size:1rem; overflow:hidden; margin-right:60px;}
.caselist .txt dd p img{margin-right:10px;}
.caselist .txt dd p:hover{ color:#ec9811;}
.caselist .txt dd p:hover img{filter:drop-shadow(#ec9811 0px 90px); transform: translateY(-90px);}
.caselist .bod{ margin-top:2rem; overflow:hidden;}
.caselist .bod .item{display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.caselist .bod dl{width:100%; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-bottom:1.5rem; background:#f5f5f5;}
.caselist .bod dl dt{ width:45%;}
.caselist .bod dl dt p{ position:relative; padding-bottom:70%;}
.caselist .bod dl dt p img{ position:absolute; width:100%; height:100%;}
.caselist .bod dl dd{ width:45%; margin-right:5%;}
.caselist .bod dl dd li{ font-size:1rem; font-weight:bold; margin-top:1rem;}
.caselist .bod dl dd ul{ font-size:0.9rem; color:#666; margin-top:0.5rem;}
.caselist .bod dl dd p{ margin-top:0.5rem; margin-bottom:1rem;}
.caselist .bod dl:hover{ background:#ec9811;}
.caselist .bod dl:hover dd li{ color:#FFF;}
.caselist .bod dl:hover dd ul{ color:#FFF;}
.caselist .bod dl:hover dd p{ color:#FFF;}

.case{ overflow:hidden; width:90%; margin:2rem auto}
.case .txt{font-size:2.4rem; text-align:center; margin-bottom:1.5rem;}
.case .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.case .bod dl{ width:48%; margin-bottom:1.5rem}
.case .bod dl dt{ position:relative; padding-bottom:70%;}
.case .bod dl dt img{ position:absolute; width:100%; height:100%;}
.case .bod dl dd{ margin-top:20px; font-size:1.3rem;}
.case .bod dl p{ font-size:1rem; margin-top:0.6rem; line-height:1.5rem; }

.lianxi{overflow:hidden; width:90%; margin:2rem auto;display: flex; flex-wrap:wrap; justify-content: space-between;}
.lianxi .fl{width:100%;}
.lianxi .fl dt img{ width:100%;}
.lianxi .fr{width:100%; background:#ec9811;}
.lianxi .fr dl{ margin:2.5rem; color:#FFF;}
.lianxi .fr dl dt{ font-size:2.4rem;}
.lianxi .fr dl dd{ margin-top:1rem; font-size:1rem; line-height:1.5rem;}
.lianxi .fr dl p{ margin-top:30px; width:15rem; height:3rem; line-height:3rem; border:rgba(255,255,255,0.8) 2px solid; border-radius:3rem; text-align:center; font-size:1.1rem; transition: all 0.5s;}
.lianxi .fr dl p:hover{ background:rgba(255,255,255,0.8); color:#ec9811; transition: all 0.5s;}

.newslist{overflow:hidden; width:94%; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px;}
.newslist .txt{width:100%;}
.newslist .txt dt{background:#ec9811; color:#FFF; padding:1rem 0px; font-size:1.2rem; text-align:center;}
.newslist .bod{width:100%; margin-top:1.5rem;}
.newslist .bod dt{font-size:1rem; border-bottom:#ddd 1px solid; padding-bottom:0.6rem; color:#ec9811; font-weight:bold;}
.newslist .bod dt span{border-bottom:#ff7f00 1px solid; padding-bottom:10px;}
.newslist .bod dl{border-bottom:#ddd 1px dashed; padding:1rem 0px;}
.newslist .bod dl a{display:flex; flex-wrap:wrap; align-items:center;}
.newslist .bod dl li{width:15%; background:#ec9811; text-align:center; color:#FFF; font-size:2rem; padding:0.7rem 0px; margin-right:2.5%;}
.newslist .bod dl li p{font-size:1rem;}
.newslist .bod dl dd{width:65%; margin-right:2%; font-size:1rem;}
.newslist .bod dl dd span{ margin-right:0.5rem; color:#666;}
.newslist .bod dl dd p{ font-size:0.9rem; color:#999; margin-top:10px;}
.newslist .bod dl .more{width:15%; border:#ddd 1px solid; text-align:center; padding:0.4rem 0rem; font-size:15px; color:#666;}
.newslist .bod dl:hover{border-bottom:#ec9811 1px dashed;}
.newslist .bod dl:hover dd{ color:#ec9811;}
.newslist .bod dl:hover .more{ background:#ec9811; color:#FFF;}

.news{ overflow:hidden; background:#fff; padding-top:2rem; width:94%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; padding-bottom:1rem; margin-top:1rem;}
.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.1rem; font-weight:bold;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:0.6rem; color:#999; font-size:0.9rem;}
.news .txt dd p{ margin-right:2rem;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:2rem;}
.news .bod p{ font-size:1rem; color:#666; line-height:1.6rem; margin-bottom:1rem; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}
.news .gengduo{ border-top:#CCC 1px dashed; padding-top:1.5rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .gengduo dl{display: flex; flex-wrap:wrap; align-items:center; margin-bottom:1.5rem; font-size:0.9rem;}
.news .gengduo dl span{ color:#999;}
.news .gengduo dl:nth-child(2){ float:right;}
.news .fr{ width:100%;}
.news .fr ul{ background:#ec9811; color:#FFF; font-size:20px; padding:15px 0px; padding-left:15px;}
.news .fr dl{ margin-top:1rem; border-bottom:#CCC 1px dashed; padding-bottom:1rem;}
.news .fr dl dd{ font-size:15px; margin-top:15px;}
.news .fr dl:hover{ color:#ec9811; border-bottom:#ec9811 1px dashed;}

.contact{margin-top:0rem; background:#fff; margin-bottom:2rem; width:100%;}
.contact .bod{display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto;}
.contact .bod .fl{ width:100%;}
.contact .bod .fl dl p{ margin:1.5rem 0px; font-size:1rem;}
.contact .bod .fr{ width:100%; margin-top:2rem;}
.contact .bod .fr iframe{height:400px;width: 100%;}

.contact1{overflow:hidden; display:flex; flex-wrap:wrap; width:90%; margin:auto; margin-top:2rem;}
.contact1 dl{width:50%; margin-bottom:1.5rem;}
.contact1 dl dt{ font-size:1rem;}
.contact1 dl dd img{ width:50%;}

.p-search{width:90%; margin:auto; padding-top:3rem; 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:23rem; height:60px; outline:none; border:#CCC 1px solid; border-radius:60px 0px 0px 60px; padding-left:2rem; font-size:1rem;}
.p-search form button{ width:8rem; background:#ec9811; border:#ec9811 1px solid; height:62px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px; transition: all 0.5s;}
.p-search form button img{ width:1.4rem; padding-top:4px;}
.p-search form button:hover{background:#87396d; transition: all 0.5s;}
}

@media only screen and (max-width:639px){
.top1bj{background: rgba(255,255,255,1); width: 100%; z-index:999; position:fixed; top:0rem;}
.top1bj .heng{ display:none;}
.top1bj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:4rem; width:94%; margin:auto; top:0px;}
.top1bj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:4rem;}
.top1bj .width .logo dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:4rem;}
.top1bj .width .logo dl img{ height:2.5rem; margin-top:0.5rem;}
.top1bj .width .fr{ display:none;}
.top1bj .width #Menu-btn{ position:absolute; right:3%; top:0; height:4rem; display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .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)}
.top1bj .width #Menu-btn dl{ margin-left:2.5rem;}
.top1bj .width #Menu-btn dl img{width:1.3rem;}
.top1bj .width #Menu-btn-h{overflow: hidden; display:none; background-color:rgba(255,255,255,1); position:absolute; left:3%; right:2%;}
.top1bj .width #Menu-btn-h .tutu{display: flex; align-items: center; justify-content: space-between; height:4rem;}
.top1bj .width #Menu-btn-h .tutu dd{}
.top1bj .width #Menu-btn-h .tutu dd img{height:2.5rem; margin-top:0.5rem;}
.top1bj .width #Menu-btn-h .tutu dl{display: flex; align-items: center;}
.top1bj .width #Menu-btn-h .tutu dl li{color:#FFF; font-size:2.6rem; width: fit-content; border:#FFF 1px solid; padding:0.5rem 1.5rem; border-radius:1rem; background:rgba(255,255,255,0.2)}
.top1bj .width #Menu-btn-h .tutu dl dt{ margin-left:2rem;}
.top1bj .width #Menu-btn-h .tutu dl dt img{width:1.8rem;overflow:hidden;}
.top1bj .width #menu1{position:absolute; display:none; top:0rem; right:0; left:0; bottom:0; margin:0; padding:0; z-index:5;}
.top1bj .width #menu1 .menu-wap{font-size:3rem;list-style:none; background:#FFF; position:absolute; top:4rem; left:0; right:0; border-top:#eee 1px solid; height:100vh;}
.top1bj .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; border-bottom:#eee 1px solid;}
.top1bj .width #menu1 .menu-wap li a{display: flex; align-items: center; justify-content: space-between; color:#231815;}
.top1bj .width #menu1 .menu-wap li a span{ font-size:1.2rem;}

.navBar{ display:none;}

.focusBox {position: relative; width:100%; height:30rem; overflow: hidden; margin-top:4rem;}
.focusBox .pic{position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:18rem; display: block; object-fit: cover;}
.focusBox .hd { width:100%; position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; height:6px; overflow: hidden; width: 100px; cursor: pointer;display:inline-block; *display:inline; zoom:1; background:#FFF; border-radius:10px;}
.focusBox .hd .on{ background:#ec9811;}
.focusBox .prev,.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 40%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.focusBox .gengduo{position: absolute; bottom:0; left:3%; right:3%; background:#FFF; height:12rem;}
.focusBox .gengduo .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; height:12rem;}
.focusBox .gengduo .item dl{width:48.5%; text-align:center;}
.focusBox .gengduo .item dl dt{ width:2.5rem; height:2.5rem; overflow:hidden; margin:auto;}
.focusBox .gengduo .item dl dt img{width:2.5rem; height:2.5rem;}
.focusBox .gengduo .item dl:hover dt img{filter:drop-shadow(#ec9811 0px 2.5rem); transform: translateY(-2.5rem);}
.focusBox .gengduo .item dl dd{ margin-top:0.5rem;}
.focusBox .gengduo .item dl:hover dd{ color:#ec9811;}
.focusBox .gengduo .item ul{display:none;}

.index1{ width:100%; overflow:hidden; border-top:#eee 1px solid; padding:2rem 0rem; width:94%; margin:auto;}
.index1-product{position:relative;}
.index1-product .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:#f5f5f5; padding-bottom:1.5rem;}
.index1-product .img{width:100%;display:flex; flex-wrap:wrap; justify-content: space-between;}
.index1-product .img dl{width:100%; transition:all 0.5s; position:relative; padding-bottom:100%;}
.index1-product .img dl img{width:98%; height:98%; position:absolute; margin-left:1%; margin-top:1%;}
.index1-product .tit{ width:90%; margin:auto; margin-top:1.5rem}
.index1-product .tit dt{ font-size:1.4rem; color:#ec9811;}
.index1-product .tit dt p{color:#0085db; font-weight:bold;}
.index1-product .tit dd{ margin-top:0rem; font-size:1rem; font-weight:bold;}
.index1-product .tit li{ margin-top:0.5rem; line-height:1.5rem; font-size:1rem;}
.index1-product .swiper-button-prev{content:"";width:40px;height:40px;background: url(../images/2.png);position:absolute;top:33%;left:0px; background-size:40px;}
.index1-product .swiper-button-next{content:"";width:40px;height:40px;background: url(../images/3.png);position:absolute;top:33%;right:0px; background-size:40px;}
.index1-product .swiper-button-prev:after{content:"";width:40px;height:40px;background: url(../images/2.png);position:absolute;top:0px;right:0px; background-size:40px;}
.index1-product .swiper-button-next:after{content:"";width:40px;height:40px;background: url(../images/3.png);position:absolute;top:0px;right:0px; background-size:40px;}

.index2{width:94%; margin:auto; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index2 dl{width:48%; border:#eee 1px solid; margin-bottom:1rem;}
.index2 dl dt{position:relative; padding-bottom:100%;}
.index2 dl dt img{position:absolute; width:100%; height:100%;}
.index2 dl dt .info{position:absolute; bottom:0; left:0; right:0; text-align:center;}
.index2 dl dt .info dd{display:none;}
.index2 dl dt .info li{display:none;}
.index2 dl dt .info p{display:none;}
.index2 dl dt .info .title{margin-bottom:0.6rem;}
.index2 dl:hover .info{position:absolute; bottom:0; left:0; right:0; top:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(255,255,255,0.8);}
.index2 dl:hover .info dd{display:block; font-size:30px; color:#ec9811;}
.index2 dl:hover .info li{display:block; font-size:28px; color:#0085db; font-weight:bold; margin-top:5px;}
.index2 dl:hover .info .title{margin-top:20px; font-size:30px; color:#454545;}
.index2 dl:hover .info p{display:block; width:160px; background:#ec9811; color:#FFF; margin:auto; margin-top:40px; height:45px; line-height:45px;}

.index3{ width:100%; overflow:hidden; background:url(../images/index3.jpg) no-repeat center center; background-size:cover; padding-top:2rem; margin-top:2rem; padding-bottom:2rem;}
.index3 .bod{ width:94%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index3 .bod .fl{ width:100%; background:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content: center; padding:1rem 0rem;}
.index3 .bod .fl dd{ font-size:1rem; line-height:1.6rem; width:92%;}
.index3 .bod .fl dd p{ margin:1rem 0px;}
.index3 .bod .fr{ width:100%;}
.index3 .bod .fr dt{ position:relative; padding-bottom:60%;}
.index3 .bod .fr dt img{ width:100%; height:100%; position:absolute;}
.index3 .item{width:94%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:1rem;}
.index3 .item dl{ width:32%;}
.index3 .item dl dt{position:relative; padding-bottom:70%;}
.index3 .item dl dt img{position:absolute; width:100%; height:100%;}
.index3 .item dl dd{ margin-top:1rem; text-align:center; font-size:1rem;}
.index3 .item dl:nth-child(4),.index3 .item dl:nth-child(5){ display:none;}

.index4{width:94%; margin:auto; overflow:hidden; margin-top:3rem;}
.index4 .txt{ text-align:center;}
.index4 .txt dt{ font-size:1.4rem; font-weight:bold;}
.index4 .txt dd{ margin-top:0.5rem; font-size:1rem;}
.index4 .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index4 .bod dl{ width:100%; background:#f5f5f5; margin-top:4rem;}
.index4 .bod dl dt{ width:5rem; height:5rem; background:#e5dcc8; margin:auto; margin-top:-2.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100%;}
.index4 .bod dl dt img{ width:3rem; height:3rem;}
.index4 .bod dl p{ font-size:1.2rem; font-weight:bold; text-align:center; margin-top:1rem;}
.index4 .bod dl dd{ margin-top:1rem; margin-left:1rem; margin-right:1rem; margin-bottom:2rem; text-align:center; line-height:1.5rem; font-size:1rem;}
.index4 .bod dl:hover dt{background:#ec9811;}

.index5{width:94%; margin:auto; overflow:hidden; margin-top:3rem; margin-bottom:0;}
.index5 .txt{ text-align:center;}
.index5 .txt dt{ font-size:1.6rem; font-weight:bold;}
.index5 .txt dd{ margin-top:0.5rem; font-size:1rem;}
.index5 .bod{ margin-top:2rem; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index5 .bod dl{ width:100%; margin-bottom:2rem;}
.index5 .bod dl dt{ position:relative; padding-bottom:65%;}
.index5 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index5 .bod dl dd{ margin-top:1rem; display:flex; flex-wrap:wrap; align-items:center; font-size:1rem;}
.index5 .bod dl dd img{ margin-right:0.6rem;}
.index5 .bod dl li{ margin-top:1rem; font-size:1.1rem; font-weight:bold;}
.index5 .bod dl ul{ margin-top:0.5rem; color:#666; line-height:1.5rem;}
.index5 .bod dl p{ margin-top:1rem;}

.active-foot{color:#ec9811;}

.bottom{ background:#f5f5f5; width:100%; overflow:hidden; padding:2rem 0px;}
.bottom .bod{ width:94%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between;}
.bottom .bod  dl{width:48%;}
.bottom .bod  dl dt{ font-size:1.1rem; margin-top:0; margin-bottom:1rem; font-weight:bold;}
.bottom .bod  dl dd{ margin-top:1rem;}
.bottom .bod  dl dd p{ margin-top:1.5rem; display:flex; flex-wrap:wrap; align-items:center;}
.bottom .bod  dl dd p img{ margin-right:5px;}
.bottom .bod  dl dd p:hover{ color:#ec9811;}
.bottom .bod  dl li{margin-top:0.5rem; color:#666;}
.bottom .bod  dl:nth-child(3){ width:100%;  border-top:#ddd 1px solid; margin-top:2rem; padding-top:2rem;}
.bottom .bod  dl:nth-child(4){ width:100%; border-top:#ddd 1px solid; margin-top:2rem; padding-top:2rem; text-align:center;}
.bottom .bod  dl:nth-child(4) dt{ margin-bottom:0rem;}
.bottom .bod form{  margin-top:1.5rem; display:flex; flex-wrap:wrap; align-items:center;}
.bottom .bod form input{border:#ddd 1px solid; width:100%; padding-left:1rem; height:3rem; font-size:1rem; outline:none;}
.bottom .bod form button{margin-top:1rem; width:100%; background:#ec9811; color:#FFF; height:3rem; font-size:1rem; outline:none; border:#ddd 1px solid;}
.bottom .foot{width:6rem; margin:auto; margin-top:2rem;}
.bottom .foot img{ width:6rem; }

.bottom1{background:#ddd; width:100%; overflow:hidden; padding:2rem 0px;}
.bottom1 .bod{width:94%; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.bottom1 .bod .fl{font-size:1rem; width:100%; margin-bottom:1rem; text-align:center;}
.bottom1 .bod .fr{display:flex; flex-wrap:wrap; align-items:center; justify-content: center; width:100%;}
.bottom1 .bod .fr p{width:2.4rem; height:2.4rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#333; margin-left:0.3rem; margin-right:0.3rem;}
.bottom1 .bod .fr p img{width:1.2rem; height:1.2rem;}
.bottom1 .bod .fr p:hover{background:#ec9811;}

.toolbar{ display:none;}

.nybanner{width:100%;overflow: hidden; margin-top:4rem;}
.nybanner li{position:relative; height:8rem; background:url(../images/rfidshouhuan.jpg) no-repeat center center;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{position:absolute; left:3%; right:0; top:0; bottom:0; background:rgba(0,0,0,0); display:flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.nybanner li .info dl{color:#FFF; font-size:2rem;}

.position{font-size:1rem; background:#f5f5f5; overflow:hidden; padding:1rem 0rem;}
.position .bod{width:94%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between;}
.position .bod .fl{font-size:16px; display: flex; flex-wrap:wrap; align-items:center; width:100%;}
.position .bod .fr{display:none;}

.nybanner-about{ position: relative; overflow: hidden; margin-top:4rem;}
.nybanner-about li{width:100%; }
.nybanner-about li video{width:100%;}

.ny-daohang{overflow:hidden; width:100%; margin-top:2rem;}
.ny-daohang .bod{ width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.ny-daohang .bod dl{width: fit-content; background:#f5f5f5; margin:0px 0.3rem; margin-top:0.5rem;}
.ny-daohang .bod dl a{padding:0.8rem 1rem; display:block;}
.ny-daohang .bod dl:hover{background:#ec9811; color:#FFF;}
.ny-daohang-active{background:#ec9811; color:#FFF;}

.aboutus{overflow:hidden; background:#fff; width:94%; margin:auto; margin-top:1.5rem; margin-bottom:1.5rem;}
.aboutus .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.aboutus .bod .fl{width:100%; margin-bottom:2rem}
.aboutus .bod .fl dt{ font-size:1.5rem; text-transform:uppercase; font-weight:bold; color:#ec9811; margin-bottom:1.2rem;}
.aboutus .bod .fl dt p{ font-size:2rem; margin-top:5px; color:#333; text-transform:none; font-weight:normal;}
.aboutus .bod .fl dd{ font-size:1rem; line-height:1.5rem;}
.aboutus .bod .fl dd p{ margin-top:1rem; text-wrap:wrap !important; color:#666;}
.aboutus .bod .fl dd p span{text-wrap:wrap !important;}
.aboutus .bod .fl dd span{text-wrap:wrap !important;}
.aboutus .bod .fl li{ margin-top:2.5rem; background:#ec9811; width:10rem; height:3rem; line-height:3rem; text-align:center; color:#FFF; border-radius:0.5rem; transition:all 0.5s; font-size:1rem;}
.aboutus .bod .fl li:hover{background:#87386c; transition:all 0.5s;}
.aboutus .bod .fr{width:100%;}
.aboutus .bod .fr img{width:100%;}

.aboutus-youshi{background:#FFF; width:100%; background:#f5f5f5;}
.aboutus-youshi .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; width:94%; margin:auto; padding-top:2rem;}
.aboutus-youshi .item dl{ width:50%; text-align:center; margin-bottom:2rem;}
.aboutus-youshi .item dl dt{ width:3rem; height:3rem; overflow:hidden; margin:auto;}
.aboutus-youshi .item dl dt img{width:3rem; height:3rem;}
.aboutus-youshi .item dl:hover dt img{filter:drop-shadow(#ec9811 0px 120px); transform: translateY(-120px);}
.aboutus-youshi .item dl dd{ margin-top:10px;}
.aboutus-youshi .item dl:hover dd{ color:#ec9811;}

.aboutus-factory{width:94%; margin:auto; overflow:hidden; margin-top:3rem;}
.aboutus-factory .txt{ text-align:center;}
.aboutus-factory .txt dt{ font-size:1.8rem; font-weight:bold;}
.aboutus-factory .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:2rem;}
.aboutus-factory .bod dl{ width:31.5%; margin-bottom:1.5rem;}
.aboutus-factory .bod dl dt{position:relative; padding-bottom:70%;}
.aboutus-factory .bod dl dt img{position:absolute; width:100%; height:100%;}
.aboutus-factory .bod dl dd{ margin-top:0.7rem; text-align:center;}

.zizhi{width:90%; margin:auto; overflow:hidden; margin-top:2rem;}
.zizhi .txt{ text-align:center;}
.zizhi .txt dt{ font-size:1.8rem; font-weight:bold;}
.zizhi .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:1.5rem;}
.zizhi .bod dl{ width:48%; margin-bottom:1.5rem;}
.zizhi .bod dl dt{position:relative; padding-bottom:144%;}
.zizhi .bod dl dt img{position:absolute; width:100%; height:100%;}
.zizhi .bod dl dd{ margin-top:0.8rem; text-align:center;}

.shipin{width:90%; margin:auto; overflow:hidden; margin-top:3rem;}
.shipin .txt{ text-align:center;}
.shipin .txt dt{ font-size:1.8rem; font-weight:bold;}
.shipin .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:2rem;}
.shipin .bod dl{ width:100%; margin-bottom:1.5rem;}
.shipin .bod dl video{ width:100%;}
.shipin .bod dl dd{ margin-top:0.8rem; text-align:center;}

.productlist{overflow:hidden; width:90%; margin:auto; padding:1.5rem 0px;}
.productlist .txt{overflow:hidden;}
.productlist .txt dt{font-size:1.8rem; color:#ec9811; font-weight:bold;}
.productlist .txt dd{display: flex; flex-wrap:wrap; align-items:center;}
.productlist .txt dd p{width:48%; font-size:1rem; margin-top:1rem; overflow:hidden;}
.productlist .txt dd p img{margin-right:0.5rem;}
.productlist .txt dd p:hover{ color:#ec9811;}
.productlist .txt dd p:hover img{filter:drop-shadow(#ec9811 0px 90px); transform: translateY(-90px);}
.productlist .bod{width:100%; overflow:hidden; margin-top:2rem;}
.productlist .bod .item{ overflow:hidden; display: flex; flex-wrap:wrap;}
.productlist .bod .item dl{width:48%; margin-bottom:2rem; float:left; margin-right:4%;}
.productlist .bod .item dl:nth-child(2n){ margin-right:0px;}
.productlist .bod .item dl dt{position:relative; padding-bottom:100%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5; border:#ddd 1px solid;}
.productlist .bod .item dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.productlist .bod .item dl dd{margin-top:1rem; margin-bottom:0.6rem; text-align:center; font-size:1rem;}
.productlist .bod .item dl:hover dd{ color:#ec9811;}
.productlist .bod .item dl p{width:fit-content; padding:0.5rem 1rem; border:#ec9811 1px solid; color:#ec9811; font-size:1rem; margin:auto; transition: all 0.5s;}
.productlist .bod .item dl:hover p{ background:#ec9811; color:#FFF; transition: all 0.5s;}
.productlist .bod .item dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:10px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:0.4rem;font-size:1rem;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:0.4rem 0.7rem; font-size:1rem;}
.fanye .fenye2 .page-num-current{color:#fff;overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;padding:0.4rem 0.7rem; background:#ec9811; border:#ec9811 1px solid; border-radius:3px; font-size:15px;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; padding:0.4rem 0.7rem; margin:0px 0.2rem; background:#f5f5f5; transition: all 0.5s; border-radius:3px; font-size:1rem;}
.fanye a:hover{background:#ec9811; color:#fff; transition: all 0.5s; border:#ec9811 1px solid;}

.tiao{ overflow:hidden; margin-top:4rem; width:100%;}

.ppp{width:94%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:30px; padding-bottom:0px;}
.product{overflow:hidden; width:100%; display:block;}
.product .bod{margin-top:30px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.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:100%; }
.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:#5c1717;}
.product .bod .fl .game163 .sNext:hover{ color:#5c1717;}
.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:25%;}
.product .bod .fl .game163 .smallImg li p{position:relative; padding-bottom:92%; 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:#5c1717;}
.product .bod .fr{ width:50%;}
.product .bod .fr .txt dt{font-size:2.4rem; margin-top:2rem;}
.product .bod .fr .txt li{ font-size:1.1rem; margin-top:1.5rem;}
.product .bod .fr .txt dl{overflow:hidden; line-height:2rem; margin-top:2rem;}
.product .bod .fr .txt ul{margin-top:2rem;}
.product .bod .fr .txt ul span{ font-size:3rem;}
.product .bod .fr .lainxi{ display:none;}
.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; border-bottom:#CCC 1px solid;}
.product .www360buy .hd li{height:3rem; line-height:3rem; text-align:center; width:50%; background:#f5f5f5; font-size:1.1rem; border-radius:5px 5px 0px 0px;}
.product .www360buy .hd li.on{background:#ec9811; color:#fff; }
.product .www360buy .bd{ margin-top:1.5rem;}
.product .www360buy .lh{overflow:hidden; line-height:1.6rem;}
.product .www360buy .lh .xiazai{ margin-bottom:20px; font-size:1rem;}
.product .www360buy .lh .pdf_iframe{ height:50rem;}
.product .www360buy .lh table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:1rem; 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:#CCC 1px solid !important; padding-left:0.5rem; padding-right:0.5rem;text-align:center;padding-top:0.8rem !important;padding-bottom:0.8rem !important; font-size:1rem;}
.product .www360buy .lh table tr:nth-child(2n){ background:#FFF !important;}
.product .www360buy .lh video{ width:80%; height:100%;}
.product .www360buy .lh h3{ font-size:1.2rem; color:#234189; margin-top:1rem; margin-bottom:1rem;}
.product .www360buy .lh h2{ font-size:1.4rem; color:#234189; margin-top:1rem; margin-bottom:1rem;}
.product .www360buy .lh h1{ font-size:1.6rem; margin-bottom:1rem; margin-top:1rem; color:#234189;}
.product .www360buy .lh p{ margin-top:0.6rem; font-size:1rem;}
.product .www360buy .lh img{}
.product .message{overflow:hidden; display:block; padding-top:2rem;}
.product .message .txt{ text-align:center; margin-bottom:2rem;}
.product .message .txt dt{ font-size:48px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.product .message .txt dd{ font-size:30px; font-weight:bold; text-transform:uppercase; 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-bottom:#ddd 1px solid !important; border:none; margin-bottom:2rem; padding-bottom:1rem; outline:none; font-size:1rem;}
.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 ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-bottom:2rem;}
.product .message ul p{ width:48%;}
.product .message ul p input{width:100%; border-bottom:#ddd 1px solid !important; border:none; padding-bottom:1rem; outline:none; font-size:1rem;}
.product .message li textarea{width:100%; border-bottom:#ddd 1px solid !important; border:none; height:8rem; outline:none; margin-bottom:2rem; font-family:Arial; font-size:1rem; color:#666;}
.product .message button{width:100%; height:3.5rem; border:#ec9811 1px solid; color:#fff; font-size:1rem; text-transform:uppercase; background:#ec9811;}
.product .message button:hover{ background:#ff7f00; color:#FFF; border:#ff7f00 1px solid;}
.product .gengduo-txt li{ width:100%; font-size:20px; border-bottom:#ddd 1px solid; color:#ec9811; margin-top:1.5rem; padding-bottom:10px;}
.product .xiangguan{ margin-top:15px;}
.product .xiangguan dl{width:48%; margin-bottom:40px; float:left; margin-right:4%;}
.product .xiangguan dl:nth-child(2n){ margin-right:0px;}
.product .xiangguan dl dt{position:relative; padding-bottom:100%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5; border:#ddd 1px solid;}
.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:hover dt .info{position:absolute;left:0;bottom:0; right:0; background:rgba(10,65,140,0.4); height:100%; transition: all 0.5s; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.product .xiangguan dl dd{margin-top:0.6rem; margin-bottom:0.6rem; text-align:center; font-size:1rem;}
.product .xiangguan dl:hover dd{ color:#ec9811;}
.product .xiangguan dl p{width:fit-content; padding:8px 20px; border:#ec9811 1px solid; color:#ec9811; font-size:16px; margin:auto; transition: all 0.5s;}
.product .xiangguan dl:hover p{ background:#ec9811; 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{ width:94%; margin:auto; overflow:hidden; padding-top:2rem;}
.caselist .txt{ overflow:hidden;}
.caselist .txt dd{display: flex; flex-wrap:wrap; justify-content: space-between;}
.caselist .txt dd p{font-size:1rem; overflow:hidden; width:49%; margin-bottom:0.5rem;}
.caselist .txt dd p img{margin-right:10px;}
.caselist .txt dd p:hover{ color:#ec9811;}
.caselist .txt dd p:hover img{filter:drop-shadow(#ec9811 0px 90px); transform: translateY(-90px);}
.caselist .bod{ margin-top:2rem; overflow:hidden;}
.caselist .bod .item{display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.caselist .bod dl{width:100%; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-bottom:1.5rem; background:#f5f5f5;}
.caselist .bod dl dt{ width:100%;}
.caselist .bod dl dt p{ position:relative; padding-bottom:70%;}
.caselist .bod dl dt p img{ position:absolute; width:100%; height:100%;}
.caselist .bod dl dd{ width:90%; margin-right:5%; margin-left:5%;}
.caselist .bod dl dd li{ font-size:1rem; font-weight:bold; margin-top:1rem;}
.caselist .bod dl dd ul{ font-size:0.9rem; color:#666; margin-top:0.5rem;}
.caselist .bod dl dd p{ margin-top:0.5rem; margin-bottom:1rem;}
.caselist .bod dl:hover{ background:#ec9811;}
.caselist .bod dl:hover dd li{ color:#FFF;}
.caselist .bod dl:hover dd ul{ color:#FFF;}
.caselist .bod dl:hover dd p{ color:#FFF;}

.case{ overflow:hidden; width:90%; margin:auto; margin-top:2rem;}
.case .txt{font-size:2.4rem; text-align:center; margin-bottom:1.5rem;}
.case .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.case .bod dl{ width:100%; margin-bottom:1.5rem}
.case .bod dl dt{ position:relative; padding-bottom:70%;}
.case .bod dl dt img{ position:absolute; width:100%; height:100%;}
.case .bod dl dd{ margin-top:20px; font-size:1.3rem;}
.case .bod dl p{ font-size:1rem; margin-top:0.6rem; line-height:1.5rem; }

.lianxi{overflow:hidden; width:90%; margin:2rem auto;display: flex; flex-wrap:wrap; justify-content: space-between;}
.lianxi .fl{width:100%;}
.lianxi .fl dt img{ width:100%;}
.lianxi .fr{width:100%; background:#ec9811;}
.lianxi .fr dl{ margin:1.5rem; color:#FFF;}
.lianxi .fr dl dt{ font-size:2.4rem;}
.lianxi .fr dl dd{ margin-top:1rem; font-size:1rem; line-height:1.5rem;}
.lianxi .fr dl p{ margin-top:30px; width:15rem; height:3rem; line-height:3rem; border:rgba(255,255,255,0.8) 2px solid; border-radius:3rem; text-align:center; font-size:1.1rem; transition: all 0.5s;}
.lianxi .fr dl p:hover{ background:rgba(255,255,255,0.8); color:#ec9811; transition: all 0.5s;}

.newslist{overflow:hidden; width:94%; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:1rem;}
.newslist .txt{width:100%;}
.newslist .txt dt{background:#ec9811; color:#FFF; padding:1rem 0px; font-size:1.2rem; text-align:center;}
.newslist .bod{width:100%; margin-top:1.5rem;}
.newslist .bod dt{font-size:1rem; border-bottom:#ddd 1px solid; padding-bottom:0.6rem; color:#ec9811; font-weight:bold;}
.newslist .bod dt span{border-bottom:#ff7f00 1px solid; padding-bottom:10px;}
.newslist .bod dl{border-bottom:#ddd 1px dashed; padding:1rem 0px;}
.newslist .bod dl a{display:flex; flex-wrap:wrap; align-items:center;}
.newslist .bod dl li{width:100%; background:#ec9811; color:#FFF; font-size:1rem; padding:0.7rem 0px; margin-right:2.5%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-bottom:0.8rem;}
.newslist .bod dl li p{ margin-left:1.5rem}
.newslist .bod dl dd{width:100%; margin-right:2%; font-size:1rem;}
.newslist .bod dl dd span{ margin-right:0.5rem; color:#666;}
.newslist .bod dl dd p{ font-size:0.9rem; color:#999; margin-top:10px;}
.newslist .bod dl .more{width:50%; border:#ddd 1px solid; text-align:center; padding:0.4rem 0rem; font-size:1rem; color:#666; margin-top:1rem;}
.newslist .bod dl:hover{border-bottom:#ec9811 1px dashed;}
.newslist .bod dl:hover dd{ color:#ec9811;}
.newslist .bod dl:hover .more{ background:#ec9811; color:#FFF;}

.news{ overflow:hidden; background:#fff; padding-top:2rem; width:94%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; padding-bottom:1rem;}
.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.1rem; font-weight:bold;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:0.6rem; color:#999; font-size:0.9rem;}
.news .txt dd p{ margin-right:2rem;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:2rem;}
.news .bod p{ font-size:1rem; color:#666; line-height:1.6rem; margin-bottom:1rem; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}
.news .gengduo{ border-top:#CCC 1px dashed; padding-top:1.5rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .gengduo dl{display: flex; flex-wrap:wrap; align-items:center; margin-bottom:1.5rem; font-size:0.9rem;}
.news .gengduo dl span{ color:#999;}
.news .gengduo dl:nth-child(2){ float:right;}
.news .fr{ width:100%;}
.news .fr ul{ background:#ec9811; color:#FFF; font-size:20px; padding:15px 0px; padding-left:15px;}
.news .fr dl{ margin-top:1rem; border-bottom:#CCC 1px dashed; padding-bottom:1rem;}
.news .fr dl dd{ font-size:15px; margin-top:15px;}
.news .fr dl:hover{ color:#ec9811; border-bottom:#ec9811 1px dashed;}

.contact{margin-top:1rem; background:#fff; margin-bottom:2rem; width:100%;}
.contact .bod{display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto;}
.contact .bod .fl{ width:100%;}
.contact .bod .fl dl p{ margin:1.5rem 0px; font-size:1rem;}
.contact .bod .fr{ width:100%; margin-top:2rem;}
.contact .bod .fr iframe{height:400px;width: 100%;}

.contact1{overflow:hidden; display:flex; flex-wrap:wrap; width:90%; margin:auto; margin-top:2rem; border-bottom:#ddd 1px solid }
.contact1 dl{width:50%; margin-bottom:1.5rem;}
.contact1 dl dt{ font-size:1rem;}
.contact1 dl dd img{ width:70%;}

.p-search{width:90%; margin:auto; padding-top:2rem; 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:12rem; height:50px; outline:none; border:#CCC 1px solid; border-radius:60px 0px 0px 60px; padding-left:2rem; font-size:1rem;}
.p-search form button{ width:4rem; background:#ec9811; border:#ec9811 1px solid; height:52px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px; transition: all 0.5s;}
.p-search form button img{ width:1.4rem; padding-top:4px;}
.p-search form button:hover{background:#87396d; transition: all 0.5s;}
}
