﻿*{margin:0;padding:0}
body{color:#241717; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size:16px; font-family:Arial; background:#f1f3f5; white-space:normal !important;}
a{text-decoration:none; color: inherit; white-space:normal !important;}
p{white-space:normal !important;}
span{white-space:normal !important;}
dl{white-space:normal !important;}
dt{white-space:normal !important;}
dd{white-space:normal !important;}
img{border:0}
li{list-style:none; white-space:normal !important;}
.width{margin:0 auto;}
.fl{float:left;}
.fr{ float:right;}

@media screen and (max-width: 1199px) {
#wap_logo_main{ display: block; }
.product .detail_table{ max-width: 100%; width: 100%; }
.product .product_swiper{ padding: 0; margin: 0 auto; overflow: hidden; float: none; }
}

@keyframes clockwiseRotate { 
from{ transform: rotate(0deg); }
to{ transform: rotate(90deg); }}
@keyframes anticlockwiseRotate {
from{ transform: rotate(90deg); }
to{ transform: rotate(0deg); }
}
.clockwiseRotate:before { animation-name: clockwiseRotate; animation-duration: 1.5s; animation-fill-mode: both; }
.anticlockwiseRotate:before { animation-name: anticlockwiseRotate; animation-duration: 1.5s; animation-fill-mode: both; }

@keyframes click_slideOutRight {
from{ transform: translateX(-100%); }
to{ transform: translateX(0); }
}
.click_slideOutRight { animation-name: click_slideOutRight; animation-duration: .5s; animation-fill-mode: both; }

@keyframes click_slideInRight {
from{ opacity: 0; transform: translateX(0); }
to{ opacity: 1; transform: translateX(-100%); }
}
.click_slideInRight { animation-name: click_slideInRight; animation-duration: .5s; animation-fill-mode: both; }


@media(min-width:1200px)and (max-width:300000px){
.top1bj{background: rgba(241,243,245,1); width: 100%; z-index:999; position: fixed; top:0px;}
.top1bj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:80px; margin-left:80px; margin-right:80px;}
.top1bj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; height:80px;}
.top1bj .width .logo dl{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; height:85px;}
.top1bj .width .logo dl img{ height:50px;}
.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; margin-right:50px;}
.top1bj .width .fr dl{display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .width .fr dl p{ width:30px; height:30px; border-radius:5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-right:5px; overflow:hidden;}
.top1bj .width .fr dl p img{ width:16px; margin-top:3px;}
.top1bj .width .fr dl p:hover{background:#19846f;}
.top1bj .width .fr dl p:hover img{filter:drop-shadow(#fff 0px 35px); transform: translateY(-35px);}
.top1bj .width .fr dl dd{ margin-left:20px; font-size:16px; text-transform:uppercase;}
.top1bj .width .fr dl dd img{filter:drop-shadow(#333 0px 100000px); transform: translateY(-100000px); width:16px; height:16px; margin-top:3px;}
.top1bj .width .fr dl dd:hover{ color:#19846f;}
.top1bj .width .fr dl dd:hover img{filter:drop-shadow(#19846f 0px 100000px); transform: translateY(-100000px);}

.top1bj #wap_logo_main{position: relative; height:80px; display: block; position: absolute; top:0; right:8vh; z-index: 999; margin:auto;}
.top1bj #wap_logo{position:relative; z-index: 99; background-color:rgba(255,255,255,0);}
.top1bj #wap_logo .WebLogo{display: flex; align-items: center; max-height:80px; }
.top1bj #wap_logo .WebLogo .WebLogo{display:none;}
.top1bj #wap_logo .WebLogo .languagebtn{display: flex; align-items: center; max-height:80px;}
.top1bj #wap_logo .WebLogo .shownavbtn{width:20px; height:12px; margin-top:32px; border-top: 2px solid #101c3b; border-bottom: 2px solid #101c3b;display: flex; flex-direction: column; align-items: center; justify-content: center;}
.top1bj #wap_logo .WebLogo .shownavbtn:before{content:""; display: block; width: 100%; height: 2px; background:#101c3b; }
.top1bj #wap_logo .WebLogo img{max-height:1.8rem; display:block;margin-left: 15px;}

.top1bj #wap_navigationshade {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2003; background: rgba(0,0,0,.5); display: none; }
.top1bj #wap_navigationshade:after,#wap_navigationshade:before{ content: ""; display:block; position:absolute; width:20px; height:2px; left:80%; margin-left:-40px;top:40px; background:#FFF;border-radius:3px;}
.top1bj #wap_navigationshade:after{transform: rotate(45deg); }
.top1bj #wap_navigationshade:before{transform: rotate(-45deg); }

.top1bj .wap_navigationlist{position: fixed; right:-20%; top: 0; background: #FFF; overflow-y: scroll; width:20%; height: 100%; z-index: 999999999; }
.top1bj .wap_navigationlist li{position: relative; } 
.top1bj .wap_navigationlist li i.showmore{position: absolute; width: 80px; height: 50px; right: 0; top: 0; }
.top1bj .wap_navigationlist li i.showmore:after,.wap_navigationlist li i.showmore:before{ content:''; display: block; background: #666; margin: auto; border-radius: 2px;position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 2px; }
.top1bj .wap_navigationlist li i.showmore:before{width: 2px; height: 10px; }
.top1bj .wap_navigationlist a{ position: relative; line-height: 50px; font-size:14px; color:#444; overflow:hidden; display:block; margin-left: 30px; }
.top1bj .wap_navigationlist a.current{ color:#04a07b; }
.top1bj .wap_navigationlist li.depth2 a{ text-indent: 30px; line-height: 35px; color: #555; }

.top1bj .wap_subnavigationlist{ display: none; }
.top1bj .wap_subnavigationlist a{ margin-left: 60px; }

.top1bj .wap_subnavigationlist .thirdwrap .depth3{ padding-left: 20px; height: 50px; display: flex; align-items: center; }
.top1bj .wap_subnavigationlist .thirdwrap .depth3 a{ line-height: 1.4em; }

.top1bj .seachwrap{ padding: 20px 1rem; }
.top1bj .seachwrap form { max-width: 550px; background: #f5f5f5; border-radius: 50px; border: 1px solid #ddd; margin: 0 auto; overflow: hidden; display:flex; }
.top1bj .seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; height: 40px; outline: none; background: #f5f5f5; }
.top1bj .seachwrap input.Keywords {float: left; padding-left:5%;}
.top1bj .seachwrap input.btnSearch {float: right; opacity: .5; background: #f5f5f5;}
.top1bj .seachwrap button{border:none; outline:none; background: #f5f5f5; padding-right:5%;}
.top1bj .seachwrap button img{ width:1rem; filter:drop-shadow(#0093d9 0px 10000000px); transform:translateY(-10000000px);}

.navBar{z-index:1; margin-left:2vw;}
.navBar .nav{}
.navBar .nav ul{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
.navBar .nav li{display:flex; flex-wrap:wrap; justify-content:center; align-items: center;}
.navBar .nav .m h3{height:8vh; line-height:8vh; font-size:16px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; align-items: center; font-weight: normal; padding:0px 20px; margin-top:0px !important; margin-bottom:0px !important;}
.navBar .nav .m h3 img{ margin-left:8px;}
.navBar .nav .m{float:left; text-align:center;}
.navBar .nav .m:nth-child(1) img,.navBar .nav .m:nth-child(2) img,.navBar .nav .m:nth-child(4) img,.navBar .nav .m:nth-child(5) img,.navBar .nav .m:nth-child(6) img{ display:none;}
.navBar .nav .m h3:hover{color:#224471;}
.navBar .nav .m h3:hover img{filter:drop-shadow(#224471 0px 80px); transform: translateY(-80px);}
.navBar .nav .m .sub{ display:none; /*默认隐藏*/ width:100%; position:absolute; left:0px; right:0; width:100%; top:80px; border-radius:0px; overflow:hidden; background:#f1f3f5;  border-top:#ddd 1px solid; text-align:center;}
.navBar .nav .m .sub .item{display:flex; flex-wrap:wrap; justify-content:center; overflow:hidden; margin-left:80px; margin-right:80px;}
.navBar .nav .m .sub .item dd{color:#666; margin-bottom:30px; margin-left:25px; margin-right:25px;}
.navBar .nav .m .sub .item dd:nth-child(1){ margin-top:30px;}
.navBar .nav .m .sub .item dd:hover{color:#b70005;}
.navBar .nav .m .sub .item1{overflow:hidden; margin-left:60px; margin-right:60px; display:flex; flex-wrap:wrap; justify-content:center;}
.navBar .nav .m .sub .item1 a{color:#666; margin-bottom:30px; float:left; width:180px; text-align:center; margin-left:20px; margin-right:20px;}
.navBar .nav .m .sub .item1 a dt{ width:180px; height:140px; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.navBar .nav .m .sub .item1 a dt img{ width:140px; transition: all 1s;}
.navBar .nav .m .sub .item1 a dt:hover img{transition: all 1s; transform: scale(1.1);}
.navBar .nav .m .sub .item1 a dd{ font-size:16px; color:#444;}
.navBar .nav .m .sub .item1 a dd:hover{color:#b70005;}
.navBar .active-head{color:#224471; height:8vh; line-height:8vh; display:block;}
.navBar .active-head h3 img{filter:drop-shadow(#224471 0px 8000000px); transform: translateY(-8000000px);}

.focusBox {position: relative; height:84vh; margin-top:8vh; margin-left:8vh; margin-right:8vh; border-radius:20px;}
.focusBox .pic{position:relative; z-index:0; width:100%; overflow: hidden; border-radius:20px;}
.focusBox .pic img {width:100%; height:84vh; display: block; object-fit: cover; border-radius:20px;}
.focusBox .hd {width:100%; position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin:0 5px; height:15px; overflow:hidden; width:15px; cursor:pointer; display:inline-block; *display:inline; zoom:1; background:#FFF; border-radius:10px;}
.focusBox .hd .on{background:#19846f;}
.focusBox .prev {position: absolute; top: 50%; left:-8vh; width:8vh; height:8vh; margin-top:-4vh; filter:alpha(opacity=100) !important;opacity:1 !important; display:block !important; }
.focusBox .prev img{width:7vh; margin-left:0.5vh;}
.focusBox .next {position: absolute; top: 50%; right:-8vh; width:8vh; height:8vh; margin-top:-4vh; filter:alpha(opacity=100) !important;opacity:1 !important; display:block !important; }
.focusBox .next img{width:7vh; margin-left:0.5vh;}
.focusBox .prev:hover,.focusBox .next:hover {filter:alpha(opacity=70) !important;opacity:0.7 !important;  }
.focusBox-wap{display:none;}

.index1{overflow:hidden; margin-left:8vh; margin-right:8vh; margin-top:8vh; background:#fff; border-radius:20px;}
.index1 .txt{text-align:center; margin-top:8vh;}
.index1 .txt dt{font-size:42px; text-transform:uppercase;}
.index1 .txt dd{margin-top:15px; font-size:16px; color:#666;}
.index1 .bod{display:flex; flex-wrap:wrap; justify-content: space-between; margin-left:4%; margin-right:4%; margin-top:7vh; margin-bottom:7vh;}
.index1 .bod dl{width:32%; margin-right:2%;}
.index1 .bod dl:nth-child(3){margin-right:0;}
.index1 .bod dl dt{width:79px; height:78px; margin:auto;}
.index1 .bod dl dt img{width:79px; height:79px; filter:drop-shadow(#101c3b 0px 8000000px); transform: translateY(-8000000px);}
.index1 .bod dl dd{text-align:center; margin-top:30px; font-size:20px; font-weight:bold; margin-left:1vw; margin-right:1vw;}
.index1 .bod dl li{margin-top:15px; text-align:center; color:#666; margin-left:1vw; margin-right:1vw; line-height:24px;}
.index1 .bod dl:hover dt img{filter:drop-shadow(#19846f 0px 8000000px); transform: translateY(-8000000px);}
.index1 .bod dl:hover dd{color:#19846f;}

.index2{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:90px;}
.index2 .txt{text-align:center; width:100%;}
.index2 .txt dt{font-size:42px; font-weight:bold; text-transform:uppercase;}
.index2 .txt dd{width:1000px; margin:auto; margin-top:15px; line-height:28px; color:#666;}
.index2 .bod{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:80px;}
.index2 .bod .fl{width:45%;}
.index2 .bod .fl .tit{overflow:hidden; text-align:left; margin-left:8vh;}
.index2 .bod .fl .tit dt{font-size:30px; font-weight:bold; text-transform:uppercase; color:#333;}
.index2 .bod .fl .tit dd{margin-top:25px; width:100%;}
.index2 .bod .fl .tit dd p{line-height:30px; margin-top:15px; color:#666;}
.index2 .bod .fl .tit li{ width:200px; height:50px; line-height:50px; font-size:18px; color:#FFF; text-align:center; background:#19846f; margin-top:60px; border-radius:60px;}
.index2 .bod .fr{ width:50%;}
.index2 .bod .fr dt{position:relative; padding-bottom:60%;}
.index2 .bod .fr dt img{position:absolute; width:100%; height:100%; object-fit: cover; border-radius:20px 0px 0px 20px;}

.index3{margin-top:90px; margin-left:7vh; margin-right:7vh;}
.index3 .ladyScroll{position:relative;}
.index3 .ladyScroll .prev{width:7vh;height:100%; position:absolute; top:0;left:-7vh;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index3 .ladyScroll .prev img{width:14px;height:22px;}
.index3 .ladyScroll .next{width:7vh;height:100%; position:absolute; top:0;right:-7vh;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index3 .ladyScroll .next img{width:14px;height:22px;}
.index3 .ladyScroll .dlList{width:100%}
.index3 .ladyScroll dl{width:20%; border-radius:20px; overflow:hidden;}
.index3 .ladyScroll dl dt{position:relative; padding-bottom:70%;}
.index3 .ladyScroll dl dt p{ position:absolute; width:94%; height:94%; left:3%; bottom:0; border-radius:20px 20px 0px 0px; overflow:hidden;}
.index3 .ladyScroll dl dt p img{width:100%;height:100%; transition: all 1s;}
.index3 .ladyScroll dl:hover dt p img{transition: all 1s; transform: scale(1.1);}
.index3 .ladyScroll dl dd{text-align:center; font-size:16px; font-weight:bold; background:#fff; width:94%; margin-left:3%; padding:15px 0px; border-radius:0px 0px 20px 20px;}

.index3-wap{ display:none;}

.index4{margin-top:100px; margin-left:7vh; margin-right:7vh;}
.index4 .txt{ width:1000px; margin:auto; text-align:center;}
.index4 .txt dt{font-size:42px; text-transform:uppercase; font-weight: bold;}
.index4 .txt dd{margin-top:15px; font-size:16px; color:#666; line-height:28px; color:#666;}
.index4 .index4-ladyScroll{position:relative; margin-top:50px;}
.index4 .index4-ladyScroll .prev{width:7vh;height:100%; position:absolute; top:0;left:-7vh;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index4 .index4-ladyScroll .prev img{width:14px;height:22px;}
.index4 .index4-ladyScroll .next{width:7vh;height:100%; position:absolute; top:0;right:-7vh;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index4 .index4-ladyScroll .next img{width:14px;height:22px;}
.index4 .index4-ladyScroll .index4-dlList{width:100%}
.index4 .index4-ladyScroll dl{width:33.33%; border-radius:20px; overflow:hidden;}
.index4 .index4-ladyScroll dl dt{position:relative; padding-bottom:75%;}
.index4 .index4-ladyScroll dl dt p{position:absolute; width:94%; height:94%; left:3%; bottom:0; border-radius:20px; overflow:hidden;}
.index4 .index4-ladyScroll dl dt p img{width:100%;height:100%; transition: all 1s;}
.index4 .index4-ladyScroll dl:hover dt p img{transition: all 1s; transform: scale(1.1);}
.index4 .index4-ladyScroll dl dd{text-align:center; font-size:18px; font-weight:bold; width:94%; margin-left:3%;border-radius:0px 0px 20px 20px; padding-top:30px; padding-bottom:35px;}

.index4-wap{display:none;}

.index5{overflow:hidden; margin-left:8vh; margin-right:8vh; margin-top:8vh;}
.index5 .txt{text-align:center; width:1000px; margin:auto; margin-bottom:40px;}
.index5 .txt dt{font-size:42px; text-transform:uppercase; font-weight: bold;}
.index5 .www360buy{width:100%; overflow:hidden;}
.index5 .www360buy .hd{overflow:hidden;}
.index5 .www360buy .hd ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index5 .www360buy .hd li{text-align:center; width:fit-content; border:1px solid #19846f; margin:0px 10px; padding:15px 40px; border-radius:60px;}
.index5 .www360buy .hd li.on{background:#19846f; border:1px solid #19846f; color:#fff;  }
.index5 .www360buy .bd{margin-top:60px;}
.index5 .www360buy .lh{overflow:hidden; display:flex; flex-wrap:wrap;}
.index5 .www360buy .lh li{ width:23.5%; margin-right:2%; background:#FFF;}
.index5 .www360buy .lh li:nth-child(4n){ margin-right:0;}
.index5 .www360buy .lh li .p-img{ position:relative; padding-bottom:70%; margin-left:10px; margin-right:10px; margin-top:10px;}
.index5 .www360buy .lh li .p-img img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.index5 .www360buy .lh li .p-name{margin-left:10px; margin-right:10px; text-align:center; font-size:18px; font-weight:bold; margin-top:20px;}
.index5 .www360buy .lh li .p-neirong{ color:#666; margin-left:20px; margin-right:20px; text-align:center; margin-top:15px; margin-bottom:30px; line-height:24px;}

.index5-wap{ display:none;}

.index8{overflow:hidden; margin-top:90px; margin-right:80px; margin-left:80px;}
.index8 .txt dt{ font-size:40px; font-weight:bold;}
.index8 .bod{ margin-top:25px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index8 .bod dl{width:20%; background:#FFF; border-radius:20px;}
.index8 .bod dl dt{position:relative; padding-bottom:60%; border-radius:20px; overflow:hidden; display:none;}
.index8 .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.index8 .bod dl dd{display:flex; flex-wrap:wrap; align-items:center; margin-top:50px; margin-left:30px; margin-right:30px; font-size:30px; color:#ec9811;}
.index8 .bod dl dd img{ margin-right:5px;}
.index8 .bod dl dd p{ width:100%; font-size:18px; margin-top:5px; color:#666}
.index8 .bod dl li{ margin-top:25px; font-size:18px; font-weight:bold; margin-left:30px; margin-right:30px;}
.index8 .bod dl ul{ margin-top:20px; color:#666; line-height:26px; margin-left:30px; margin-right:30px;}
.index8 .bod dl ul p{ margin-top:40px; width:140px; height:40px; background:#19846f; color:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100px}
.index8 .bod dl ul p:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}
.index8 .bod dl:nth-child(1){ width:35%; margin-right:1%; background:none;}
.index8 .bod dl:nth-child(1) dt{ display:block;}
.index8 .bod dl:nth-child(1) dd{ display:none;}
.index8 .bod dl:nth-child(1) li{ margin-left:0px; margin-right:0px;}
.index8 .bod dl:nth-child(1) ul{ margin-left:0px; margin-right:0px; margin-top:10px;}
.index8 .bod dl:nth-child(1) ul p{margin-top:20px;}

.active-foot{color:#b70005;}

.foot-message{ overflow:hidden; width:100%; padding-top:80px;}
.foot-message .txt{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-left:8vh; margin-right:8vh; background:#FFF; padding:0px 80px; border-radius:20px 20px 0px 0px; padding-top:80px;}
.foot-message .txt dl{ font-size:36px; font-weight:bold;}
.foot-message .txt ul{display:flex; flex-wrap:wrap; align-items:center;}
.foot-message .txt ul p{ width:35px; height:35px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-left:5px; overflow:hidden; border-radius:5px;}
.foot-message .txt ul p img{ width:18px; height:18px; margin-top:3px;}
.foot-message .txt ul p:hover{background:#19846f;}
.foot-message .txt ul p:hover img{filter:drop-shadow(#fff 0px 35px); transform: translateY(-35px);}
.foot-message .bod{margin-left:80px; margin-right:80px;background:#FFF; padding:0px 80px; border-radius:0px 0px 20px 20px; padding-top:40px; padding-bottom:80px;}
.foot-message .bod form{display:flex; flex-wrap:wrap; justify-content: space-between;}
.foot-message .bod dl{ width:48%; margin-bottom:30px;}
.foot-message .bod dl p{ font-size:16px; margin-left:15px; margin-bottom:10px;}
.foot-message .bod dl p span{ margin-right:8px; color:#b70005;}
.foot-message .bod dl input{ width:100%; border:none; outline:none; background:#f1f3f5; height:45px; border-radius:100px; padding-left:25px;}
.foot-message .bod ul{ width:100%;}
.foot-message .bod ul p{font-size:16px; margin-left:15px; margin-bottom:10px;}
.foot-message .bod ul textarea{width:100%; font-size:16px; font-family:Arial; border:none; outline:none; background:#f1f3f5;height:120px;border-radius:25px;padding-left:25px;padding-top:10px;box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);}
.foot-message .bod button{width:25%; height:50px; background:#19846f; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100px; color:#FFF; border:none; outline:none; margin:auto; margin-top:40px; font-size:18px;}
.foot-message .bod button:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}

.bottom2{width:100%; background:#19846f; overflow:hidden; margin-top:8vh;}
.bottom2 .bod{padding:30px 0px; text-align:center; color:#FFF; font-size:14px; line-height:28px; margin-left:8vh; margin-right:8vh;}

.bottom{ background:#fff; width:100%; overflow:hidden;}
.bottom .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-left:8vh; margin-right:8vh; margin-top:5vh; margin-bottom:5vh;}
.bottom .bod  dl{display: grid; grid-template-columns: auto 1fr; display:flex; flex-wrap:wrap; align-items:center; margin:0px 40px;}
.bottom .bod  dl dt img{width:20px; height:20px; filter:drop-shadow(#666 0px 100000px); transform: translateY(-100000px);}
.bottom .bod  dl dd{ margin-left:10px; font-size:16px;}

.bottom1{background:#fff; width:100%; overflow:hidden;}
.bottom1 .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-left:80px; margin-right:80px; padding:30px 0px; border-top:#eee 1px solid;}
.bottom1 .bod dt{ margin:0px 60px;}

.nybanner{overflow: hidden; margin-top:80px; margin-left:8vh; margin-right:8vh; border-radius:20px;}
.nybanner li{position:relative; height:75vh; 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-p{overflow: hidden; margin-top:80px; margin-left:8vh; margin-right:8vh; border-radius:20px;}
.nybanner-p li{position:relative; height:50vh; background:url(../images/rfidshouhuan.jpg) no-repeat center center; background-size:cover;}
.nybanner-p li img{position:absolute; width:100%; height:100%; object-fit: cover;}

.aboutus{overflow:hidden; width:75%; margin:auto; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:90px;}
.aboutus .txt{text-align:center; width:100%;}
.aboutus .txt dt{font-size:42px; font-weight:bold; text-transform:uppercase;}
.aboutus .txt dd{margin-top:40px; line-height:28px; color:#666;}
.aboutus .txt dd p{ margin-top:20px;}

.position{overflow:hidden; margin-top:80px; width:100%; background:#FFF;}
.position dl{ margin:2vh 8vh;}

.position-p{overflow:hidden; margin-top:0vh; width:100%;}
.position-p dl{ margin:0 8vh; border-bottom:#CCC 1px dashed; padding:25px 0px;}

.productlist{overflow:hidden; margin-left:8vh; margin-right:8vh; margin-top:40px;}
.productlist .bod{width:100%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center;}
.productlist .bod dl{ width:23.5%; margin-right:2%; background:#FFF; margin-bottom:2vw; border-radius:20px; overflow:hidden; padding-bottom:30px;}
.productlist .bod dl:nth-child(4n){ margin-right:0;}
.productlist .bod dl dt{ position:relative; padding-bottom:75%; overflow:hidden;}
.productlist .bod dl dt img{ position:absolute; width:100%; height:100%; transition: all 1s;}
.productlist .bod dl dd{ text-align:center; margin-top:20px;}
.productlist .bod dl ul{ width:140px; height:40px; border-radius:60px; margin:auto; text-align:center; background:#19846f; color:#FFF; margin-top:15px; line-height:40px;}
.productlist .bod dl:hover dt img{transition: all 1s; transform: scale(1.1);}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding-left:10px; padding-top:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:16px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px 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:9px 10px; background:#19846f; border:#19846f 1px solid; border-radius:0px; font-size:15px;}
.fanye .fenye2 .page-num-current:hover{color:#19846f;}
.fanye a{border:#ddd 1px solid; padding:10px 10px; margin:0px 4px; background:#fff; transition: all 0.5s; border-radius:0px; font-size:16px;}
.fanye a:hover{background:#19846f; color:#fff; transition: all 0.5s; border:#19846f 1px solid;}

.product-bj{ overflow:hidden; width:100%; border-top:#eee 1px solid;}
.product-bj .product{background:#FFF; margin-left:8vh; margin-right:8vh; margin-top:3vh; overflow:hidden; border-radius:20px; padding:3vh 0px; }
.product-bj .product .fl{ width:45%; margin-left:2%; float:left;}
.product-bj .product .fl .game163{overflow:hidden;}
.product-bj .product .fl .game163 .bigImg{overflow:hidden; width:100%;}
.product-bj .product .fl .game163 .bigImg li{}
.product-bj .product .fl .game163 .bigImg li p{position:relative; padding-bottom:75%; border-radius:20px; overflow:hidden;}
.product-bj .product .fl .game163 .bigImg li p img{ position:absolute;width:100%; height:100%;}
.product-bj .product .fl .game163 .smallScroll{margin-top:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product-bj .product .fl .game163 .sPrev{ width:20px;}
.product-bj .product .fl .game163 .sPrev img{ width:10px; margin:auto;}
.product-bj .product .fl .game163 .sNext{ width:20px;}
.product-bj .product .fl .game163 .sNext img{ width:10px; margin:auto;}
.product-bj .product .fl .game163 .sPrev:hover{ color:#5c1717;}
.product-bj .product .fl .game163 .sNext:hover{ color:#5c1717;}
.product-bj .product .fl .game163 .smallImg{float:left;  display:inline; width:80%; overflow:hidden;}
.product-bj .product .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.product-bj .product .fl .game163 .smallImg li{width:20%;}
.product-bj .product .fl .game163 .smallImg li p{position:relative; padding-bottom:70%; margin:auto;}
.product-bj .product .fl .game163 .smallImg li p img{position:absolute; width:84%; height:84%; margin-left:5%; margin-top:5%; border:2px solid #eee;}
.product-bj .product .fl .game163 .smallImg .on img{border-color:#19846f;}
.product-bj .product .fr{width:49%; margin-right:2%; margin-left:2%;}
.product-bj .product .fr .txt{margin-top:30px;}
.product-bj .product .fr .txt dt{font-size:24px; font-weight:bold;}
.product-bj .product .fr .txt dl{margin-top:30px;}
.product-bj .product .fr .txt dl dd{font-size:16px; font-weight:bold; text-transform:uppercase; width:220px; text-align:center; margin-bottom:-8px;}
.product-bj .product .fr .txt dl li{background:#19846f; margin-bottom:10px; border-radius:30px; height:8px; width:220px; opacity:0.2;}
.product-bj .product .fr .txt dl p{ line-height:30px; color:#666;}
.product-bj .product .fr .txt dl table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important; margin-top:30px;}
.product-bj .product .fr .txt dl table tr{ background:#fff !important;}
.product-bj .product .fr .txt dl table tr:nth-child(2n){ background:#f5f5f5 !important;}
.product-bj .product .fr .txt dl table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding-left:10px;padding-right:10px; padding-top:10px !important;padding-bottom:10px !important;}
.product-bj .product .fr .txt dl table tr td span{ background:inherit !important; color:inherit !important;}
.product-bj .product .fr .txt dl table tr td p{ background:inherit !important; color:inherit !important;}
.product-bj .product .fr .txt dl table tr:nth-child(1) td{ font-size:18px; font-weight:bold; padding-top:15px !important;padding-bottom:15px !important;}
.product-bj .product .fr .txt dl table .firstRow{background:#19846f !important; color:#FFF;}

.product-content{background:#FFF; margin-left:8vh; margin-right:8vh; margin-top:3vh; overflow:hidden; border-radius:20px;}
.product-content .bod{ margin:30px;}

h6{ font-size:18px; margin-top:18px; margin-bottom:10px;}
h5{ font-size:20px; margin-top:20px; margin-bottom:10px;}
h4{ font-size:24px; margin-top:22px; margin-bottom:10px;}
h3{ font-size:30px; margin-top:24px; margin-bottom:10px;}
h2{ font-size:36px; margin-top:28px; margin-bottom:10px;}
h1{ font-size:40px; margin-bottom:30px; margin-top:50px; color:#234189;}

.product-pics{background:#FFF; margin-left:8vh; margin-right:8vh; margin-top:3vh; overflow:hidden; border-radius:20px;}
.product-pics .txt{margin-top:50px; font-size:30px; font-weight:bold; text-align:center;}
.product-pics .bod{margin:30px; display:flex; flex-wrap:wrap;}
.product-pics .bod dl{width:18.6%; margin-right:1.75%;}
.product-pics .bod dl:nth-child(5n){ margin-right:0px;}
.product-pics .bod dl dt{position:relative; padding-bottom:70%;}
.product-pics .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.product-pics .bod dl dd{ margin-top:20px; text-align:center; font-weight:bold;}

.case-txt{margin-left:8vh; margin-right:8vh; margin-top:4vh; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.case-txt li{width:fit-content; margin:0 10px; font-size:18px;}
.case-txt li a{ display:block; padding:15px 40px; border-radius:60px; border:#19846f 1px solid;}
.case-txt li:hover{ background:#19846f; color:#FFF; border-radius:60px;}
.case-txt-active{ background:#19846f; color:#FFF; border-radius:60px;}

.caselist{overflow:hidden; margin-top:0px; margin-left:8vh; margin-right:8vh;}
.caselist .bod{display:flex; flex-wrap:wrap; margin-bottom:40px;}
.caselist .bod dl{width:23.5%; margin-right:2%; border-radius:20px; overflow:hidden; background:#FFF; margin-top:40px;}
.caselist .bod dl:nth-child(4n){margin-right:0;}
.caselist .bod dl dt{position:relative; padding-bottom:70%; border-radius:20px 20px 0px 0px; overflow:hidden;}
.caselist .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 1s;}
.caselist .bod dl dt:hover img{transform: scale(1.1); transition: all 1s;}
.caselist .bod dl dd{margin-top:20px; margin-bottom:20px; text-align:center;}

.newslist{overflow:hidden; margin-top:50px; margin-right:80px; margin-left:80px;}
.newslist .bod{ margin-top:25px; display:flex; flex-wrap:wrap; width:100%; overflow:hidden;}
.newslist .bod dl{width:23.5%; background:#FFF; border-radius:20px; margin-right:2%; padding-bottom:30px; margin-bottom:40px;}
.newslist .bod dl:nth-child(4n){ margin-right:0;}
.newslist .bod dl dd{display:flex; flex-wrap:wrap; align-items:center; margin-top:30px; margin-left:30px; margin-right:30px; font-size:30px; color:#ec9811;}
.newslist .bod dl dd img{ margin-right:5px;}
.newslist .bod dl dd p{ width:100%; font-size:18px; margin-top:5px; color:#666}
.newslist .bod dl li{ margin-top:25px; font-size:18px; font-weight:bold; margin-left:30px; margin-right:30px;}
.newslist .bod dl ul{ margin-top:20px; color:#666; line-height:26px; margin-left:30px; margin-right:30px;}
.newslist .bod dl ul p{ margin-top:20px; width:140px; height:40px; background:#19846f; color:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100px}
.newslist .bod dl ul p:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}

.news{ overflow:hidden; width:1200px; margin-left:8vh; margin-top:80px;}
.news .fl{ width:100%; margin-top:60px;}
.news .txt{ border-bottom:#CCC 1px dashed; padding-bottom:30px; margin-bottom:30px;}
.news .txt dt{font-size:30px; line-height:44px;}
.news .txt dd{margin-top:20px; color:#999; font-size:16px;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:20px; border-radius:20px; margin-top:20px;}
.news .bod p{ font-size:16px; color:#666; line-height:30px; margin-bottom:15px; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}	

.contactus{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; height:84Vh; margin-left:8vh; margin-right:8vh; border-radius:20px; margin-top:80px;}
.contactus .fl{ width:60%; height:100Vh;}
.contactus .fl dt{ position:relative; height:100vh;}
.contactus .fl img{ position:absolute;width:100%; height:100%; object-fit: cover;}
.contactus .fr{ width:40%; height:100Vh; background:#FFF;}
.contactus .fr dt{ font-size:20px; margin-top:120px; margin-left:80px; margin-right:80px;}
.contactus .fr dd{font-size:36px; margin-top:20px; margin-left:80px; margin-right:80px; color:#aaa;}
.contactus .fr dd p{ margin-top:10px;}
.contactus .fr form{display:flex; flex-wrap:wrap; justify-content: space-between; margin-left:80px; margin-right:100px; margin-top:30px;}
.contactus .fr form dl{ width:45%; margin-bottom:25px;}
.contactus .fr form dl p{ font-size:16px; margin-left:15px; margin-bottom:10px;}
.contactus .fr form dl p span{ margin-right:8px; color:#b70005;}
.contactus .fr form dl input{ width:100%; border:none; outline:none; background:#f1f3f5; height:45px; border-radius:5px; padding-left:20px;}
.contactus .fr form ul{ width:100%;}
.contactus .fr form ul p{font-size:16px; margin-left:15px; margin-bottom:10px;}
.contactus .fr form ul textarea{width:100%; border:none; outline:none; background:#f1f3f5; height:120px; border-radius:10px; padding-left:20px; padding-top:10px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); font-size:16px; font-family:Arial;}
.contactus .fr form button{width:100%; height:45px; background:#19846f; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100px; color:#FFF; border:none; outline:none; margin:auto; margin-top:40px; font-size:18px;}
.contactus .fr form button:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}

.contact{margin-top:80px; overflow:hidden; margin-left:70px; margin-right:70px;}
.contact .bod{display:flex; flex-wrap:wrap; justify-content:space-between; margin-left:10px; margin-right:10px;}
.contact .bod .item{ width:32%; box-shadow:0px 0px 10px 0px rgb(0 0 0 / 20%); transition: all 0.5s; background:#fff; margin-top:15px; margin-bottom:15px; border-radius:20px;}
.contact .bod .item dl{ margin:50px; text-align:center;}
.contact .bod .item dl dt img{ width:24px;}
.contact .bod .item dl dd{ font-size:24px; margin-top:10px; transition: all 0.5s;}
.contact .bod .item dl p{ font-size:16px; margin-top:10px; transition: all 0.5s; line-height:24px;}
.contact .bod .item:hover{ margin-top:-20px; margin-bottom:-20px; transition: all 0.5s;}
.contact .bod .item:hover dd{ color:#b70005; transition: all 0.5s;}
.contact .bod .item:hover p{ color:#b70005; transition: all 0.5s;}

.p-search{width:1200px; margin:auto; padding-top:4vh; 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:#19846f; border:#19846f 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:#19846f; transition: all 0.5s;}
}

@media only screen and (max-width:1199px){
.top1bj{background: rgba(255,255,255,1); width: 100%; z-index:999; position:fixed; top:0rem; box-shadow: 0px 0.5rem 0.5rem 0px rgba(0, 0, 0, 0.1);}
.top1bj .heng{display:none;}
.top1bj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:3.5rem; width:94%; margin:auto; top:0px;}
.top1bj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:3.5rem;}
.top1bj .width .logo dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:3.5rem;}
.top1bj .width .logo dl img{height:2.2rem; margin-top:0.5rem;}
.top1bj .width .fr dl{ display:none;}

.navBar{ display:none;}

.top1bj #wap_logo_main{position: relative; height:3.5rem; display: block; position: absolute; top:0; right:1rem; z-index: 999; margin:auto;}
.top1bj #wap_logo{position:relative; z-index: 99; background-color:rgba(255,255,255,0);}
.top1bj #wap_logo .WebLogo{display: flex; align-items: center; max-height:3.5rem; }
.top1bj #wap_logo .WebLogo .WebLogo{display:none;}
.top1bj #wap_logo .WebLogo .languagebtn{display: flex; align-items: center; max-height:3.5rem;}
.top1bj #wap_logo .WebLogo .shownavbtn{width:1.4rem; height:0.6rem; margin-top:1.4rem; border-top: 2px solid #101c3b; border-bottom: 2px solid #101c3b;display: flex; flex-direction: column; align-items: center; justify-content: center;}
.top1bj #wap_logo .WebLogo .shownavbtn:before{content:""; display: block; width: 100%; height: 2px; background:#101c3b; }
.top1bj #wap_logo .WebLogo img{max-height:1.8rem; display:block;margin-left: 15px;}

.top1bj #wap_navigationshade {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2003; background: rgba(0,0,0,.5); display: none; }
.top1bj #wap_navigationshade:after,#wap_navigationshade:before{ content: ""; display:block; position:absolute; width:20px; height:2px; left:16%; margin-left:-40px;top:40px; background:#FFF;border-radius:3px;}
.top1bj #wap_navigationshade:after{transform: rotate(45deg); }
.top1bj #wap_navigationshade:before{transform: rotate(-45deg); }

.top1bj .wap_navigationlist{position: fixed; right:-86%; top: 0; background: #FFF; overflow-y: scroll; width:86%; height: 100%; z-index: 999999999; }
.top1bj .wap_navigationlist li{position: relative; } 
.top1bj .wap_navigationlist li i.showmore{position: absolute; width:3rem; height: 50px; right: 0; top: 0; }
.top1bj .wap_navigationlist li i.showmore:after,.wap_navigationlist li i.showmore:before{ content:''; display: block; background: #666; margin: auto; border-radius: 2px;position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 2px; }
.top1bj .wap_navigationlist li i.showmore:before{width: 2px; height: 10px; }
.top1bj .wap_navigationlist a{ position: relative; line-height: 50px; font-size:14px; color:#444; overflow:hidden; display:block; margin-left:1rem; }
.top1bj .wap_navigationlist a.current{ color:#04a07b; }
.top1bj .wap_navigationlist li.depth2 a{ text-indent: 30px; line-height: 35px; color: #555; }

.top1bj .wap_subnavigationlist{ display: none; }
.top1bj .wap_subnavigationlist a{ margin-left:2rem; }

.top1bj .wap_subnavigationlist .thirdwrap .depth3{ padding-left: 20px; height: 50px; display: flex; align-items: center; }
.top1bj .wap_subnavigationlist .thirdwrap .depth3 a{ line-height: 1.4em; }

.top1bj .seachwrap{ padding: 20px 1rem; }
.top1bj .seachwrap form { max-width: 550px; background: #f5f5f5; border-radius: 50px; border: 1px solid #ddd; margin: 0 auto; overflow: hidden; display:flex; }
.top1bj .seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; height: 40px; outline: none; background: #f5f5f5; }
.top1bj .seachwrap input.Keywords {float: left; padding-left:5%;}
.top1bj .seachwrap input.btnSearch {float: right; opacity: .5; background: #f5f5f5;}
.top1bj .seachwrap button{border:none; outline:none; background: #f5f5f5; padding-right:5%;}
.top1bj .seachwrap button img{ width:1rem; filter:drop-shadow(#0093d9 0px 10000000px); transform:translateY(-10000000px);}

.focusBox{ display:none;}
.focusBox-wap{ margin-left:1rem; margin-right:1rem; height:74vh; border-radius:20px; margin-top:4.5rem; position:relative; }
.focusBox-wap .pic{z-index:0; }
.focusBox-wap .pic img { width:100%; height:74vh; display: block; object-fit: cover; border-radius:1rem;}
.focusBox-wap .hd{position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; left:0; right:0;}
.focusBox-wap .hd li{margin: 0 5px; height:8px; overflow: hidden; width:8px; cursor: pointer;display:inline-block; *display:inline; zoom:1; background:#FFF; border-radius:10px;}
.focusBox-wap .hd .on{ background:#b70005; width:20px;}
.focusBox-wap .prev,.focusBox-wap .next{ display:none;}

.index1{overflow:hidden; margin-left:1rem; margin-right:1rem; margin-top:1rem; background:#fff; border-radius:1rem;}
.index1 .txt{text-align:center; margin-top:1.5rem;}
.index1 .txt dt{font-size:1.6rem; text-transform:uppercase;}
.index1 .txt dd{margin-top:0.5rem; margin-left:1rem; margin-right:1rem; font-size:1rem; color:#666; line-height:1.5rem;}
.index1 .bod{display:flex; flex-wrap:wrap; justify-content: space-between; margin-left:4%; margin-right:4%; margin-top:1.5rem;}
.index1 .bod dl{width:100%; margin-bottom:2rem;}
.index1 .bod dl dt{width:4rem; height:4rem; margin:auto;}
.index1 .bod dl dt img{width:4rem; height:4rem; filter:drop-shadow(#101c3b 0px 8000000px); transform: translateY(-8000000px);}
.index1 .bod dl dd{text-align:center; margin-top:1rem; font-size:1rem; font-weight:bold; margin-left:1vw; margin-right:1vw;}
.index1 .bod dl li{margin-top:0.5rem; text-align:center; color:#666; margin-left:1vw; margin-right:1vw; line-height:24px;}
.index1 .bod dl:hover dt img{filter:drop-shadow(#19846f 0px 8000000px); transform: translateY(-8000000px);}
.index1 .bod dl:hover dd{color:#19846f;}

.index2{overflow:hidden; margin-left:1rem; margin-right:1rem; margin-top:2rem;}
.index2 .txt{width:100%;}
.index2 .txt dt{font-size:1.6rem; font-weight:bold; text-transform:uppercase;}
.index2 .txt dd{margin-top:0.5rem; line-height:1.5rem; color:#666;}
.index2 .bod{margin-top:1.5rem;}
.index2 .bod .fl{width:100%;}
.index2 .bod .fl .tit{overflow:hidden; text-align:left;}
.index2 .bod .fl .tit dt{font-size:1.4rem; font-weight:bold; text-transform:uppercase; color:#333;}
.index2 .bod .fl .tit dd{margin-top:0.5rem; width:100%;}
.index2 .bod .fl .tit dd p{line-height:1.5rem; margin-top:0.5rem; color:#666;}
.index2 .bod .fl .tit li{ width:15rem; height:3rem; line-height:3rem; font-size:1rem; color:#FFF; text-align:center; background:#19846f; margin-top:1rem; border-radius:2rem;}
.index2 .bod .fr{ width:100%; margin-top:1.5rem;}
.index2 .bod .fr dt{position:relative; padding-bottom:60%;}
.index2 .bod .fr dt img{position:absolute; width:100%; height:100%; object-fit: cover; border-radius:20px;}

.index3{ display:none;}

.index3-wap{margin-top:1rem; margin-left:1rem; margin-right:1rem;}
.index3-wap .ladyScroll-wap{position:relative;}
.index3-wap .ladyScroll-wap .prev{width:3rem;height:100%; position:absolute; top:0;left:0rem;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index3-wap .ladyScroll-wap .prev img{width:14px;height:22px; filter:drop-shadow(#fff 0px 8000000px); transform: translateY(-8000000px);}
.index3-wap .ladyScroll-wap .next{width:3rem;height:100%; position:absolute; top:0;right:0rem;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index3-wap .ladyScroll-wap .next img{width:14px;height:22px; filter:drop-shadow(#fff 0px 8000000px); transform: translateY(-8000000px);}
.index3-wap .ladyScroll-wap .dlList-wap{width:100%}
.index3-wap .ladyScroll-wap dl{width:100%; border-radius:20px; overflow:hidden;}
.index3-wap .ladyScroll-wap dl dt{position:relative; padding-bottom:70%;}
.index3-wap .ladyScroll-wap dl dt p{ position:absolute; width:100%; height:100%; border-radius:20px 20px 0px 0px; overflow:hidden;}
.index3-wap .ladyScroll-wap dl dt p img{width:100%;height:100%; transition: all 1s;}
.index3-wap .ladyScroll-wap dl:hover dt p img{transition: all 1s; transform: scale(1.1);}
.index3-wap .ladyScroll-wap dl dd{text-align:center; font-size:1rem; background:#fff; padding:1rem 0px; border-radius:0px 0px 20px 20px;}

.index4{display:none;}

.index4-wap{margin-top:2rem; margin-left:1rem; margin-right:1rem;}
.index4-wap .txt{text-align:center;}
.index4-wap .txt dt{font-size:1.6rem; text-transform:uppercase; font-weight: bold;}
.index4-wap .txt dd{margin-top:0.5rem; font-size:1rem; color:#666; line-height:1.5rem; color:#666;}
.index4-wap .index4-ladyScroll-wap{position:relative; margin-top:1.5rem;}
.index4-wap .index4-ladyScroll-wap .prev{width:3rem;height:100%; position:absolute; top:0;left:0rem;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index4-wap .index4-ladyScroll-wap .prev img{width:14px;height:22px;}
.index4-wap .index4-ladyScroll-wap .next{width:3rem;height:100%; position:absolute; top:0;right:0rem;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index4-wap .index4-ladyScroll-wap .next img{width:14px;height:22px;}
.index4-wap .index4-ladyScroll-wap .index4-dlList-wap{width:100%}
.index4-wap .index4-ladyScroll-wap dl{width:100%; border-radius:20px; overflow:hidden;}
.index4-wap .index4-ladyScroll-wap dl dt{position:relative; padding-bottom:70%;}
.index4-wap .index4-ladyScroll-wap dl dt p{position:absolute; width:100%; height:100%; border-radius:20px 20px 0px 0px;}
.index4-wap .index4-ladyScroll-wap dl dt p img{width:100%;height:100%; transition: all 1s;}
.index4-wap .index4-ladyScroll-wap dl:hover dt p img{transition: all 1s; transform: scale(1.1);}
.index4-wap .index4-ladyScroll-wap dl dd{text-align:center; font-size:1rem; background:#fff; border-radius:0px 0px 20px 20px; padding-top:1.5rem; padding-bottom:1.5rem;}

.index5{ display:none;}

.index5-wap{overflow:hidden; margin-left:1rem; margin-right:1rem; margin-top:2rem;}
.index5-wap .txt{text-align:center; margin-bottom:1.2rem;}
.index5-wap .txt dt{font-size:1.6rem; text-transform:uppercase; font-weight: bold;}
.index5-wap .www360buy-wap{ width:100%; overflow:hidden;}
.index5-wap .www360buy-wap .hd{ overflow:hidden;}
.index5-wap .www360buy-wap .hd ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index5-wap .www360buy-wap .hd li{text-align:center; width:100%; border:1px solid #19846f; padding:0.7rem; border-radius:3rem; margin-bottom:1rem;}
.index5-wap .www360buy-wap .hd li.on{background:#19846f; border:1px solid #19846f; color:#fff;  }
.index5-wap .www360buy-wap .bd{margin-top:1rem;}
.index5-wap .www360buy-wap .lh{overflow:hidden; display:flex; flex-wrap:wrap;}
.index5-wap .www360buy-wap .lh li{ width:100%; background:#FFF; margin-bottom:1rem;}
.index5-wap .www360buy-wap .lh li .p-img{ position:relative; padding-bottom:70%; margin-left:10px; margin-right:10px; margin-top:10px;}
.index5-wap .www360buy-wap .lh li .p-img img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.index5-wap .www360buy-wap .lh li .p-name{margin-left:10px; margin-right:10px; text-align:center; font-size:18px; font-weight:bold; margin-top:1rem;}
.index5-wap .www360buy-wap .lh li .p-neirong{ color:#666; margin-left:1rem; margin-right:1rem; text-align:center; margin-top:0.5rem; margin-bottom:1.5rem; line-height:1.5rem;}

.index8{overflow:hidden; margin-top:1rem; margin-right:1rem; margin-left:1rem;}
.index8 .txt dt{font-size:1.6rem; text-align:center; font-weight:bold;}
.index8 .bod{ margin-top:1rem; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index8 .bod dl{width:100%; background:#FFF; border-radius:20px; margin-bottom:1rem;}
.index8 .bod dl dt{position:relative; padding-bottom:60%; border-radius:20px; overflow:hidden;}
.index8 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index8 .bod dl dd{display:flex; flex-wrap:wrap; align-items:center; margin-top:1rem; margin-left:1rem; margin-right:1rem; font-size:2rem; color:#ec9811;}
.index8 .bod dl dd img{margin-right:5px;}
.index8 .bod dl dd p{width:100%; font-size:1rem; margin-top:5px; color:#666}
.index8 .bod dl li{margin-top:1rem; font-size:1rem; font-weight:bold; margin-left:1rem; margin-right:1rem;}
.index8 .bod dl ul{margin-top:0.6rem; color:#666; line-height:1.5rem; margin-left:1rem; margin-right:1rem;}
.index8 .bod dl ul p{margin-top:1rem;width:10rem;height:3rem;background:#19846f;color:#FFF;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:3rem;margin-bottom:1.5rem;}
.index8 .bod dl ul p:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}
.index8 .bod dl:nth-child(1){background:none; margin-bottom:0rem;}
.index8 .bod dl:nth-child(1) dd{ display:none;}
.index8 .bod dl:nth-child(1) li{ margin-left:0px; margin-right:0px;}
.index8 .bod dl:nth-child(1) ul{ margin-left:0px; margin-right:0px; margin-top:0.5rem;}
.index8 .bod dl:nth-child(1) ul p{margin-top:1rem;}
.index8 .bod dl:nth-child(2) dt{ display:none;}
.index8 .bod dl:nth-child(3) dt{ display:none;}
.index8 .bod dl:nth-child(4) dt{ display:none;}

.active-foot{color:#b70005;}

.foot-message{ overflow:hidden; margin-left:1rem; margin-right:1rem; background:#FFF; border-radius:20px; padding:1.5rem 0.5rem;}
.foot-message .txt{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.foot-message .txt dl{ font-size:1.4rem; font-weight:bold;}
.foot-message .txt ul{display:flex; flex-wrap:wrap; align-items:center; margin-top:0.5rem;}
.foot-message .txt ul p{ width:1.8rem; height:1.8rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-right:0.5rem; overflow:hidden; border-radius:0.4rem; background:#19846f;}
.foot-message .txt ul p img{ width:1rem; height:1rem; filter:drop-shadow(#fff 0px 1.8rem); transform: translateY(-1.8rem); padding-top:0.3rem;}
.foot-message .bod{ margin-top:1rem;}
.foot-message .bod form{display:flex; flex-wrap:wrap; justify-content: space-between;}
.foot-message .bod dl{ width:100%; margin-bottom:1rem;}
.foot-message .bod dl p{ font-size:0.9rem; margin-left:0rem; margin-bottom:0.5rem;}
.foot-message .bod dl p span{ margin-right:8px; color:#b70005;}
.foot-message .bod dl input{ width:100%; border:none; outline:none; background:#f1f3f5; height:2.6rem; border-radius:0.5rem;}
.foot-message .bod ul{ width:100%;}
.foot-message .bod ul p{font-size:0.9rem; margin-left:0px; margin-bottom:10px;}
.foot-message .bod ul textarea{width:94%; border:none; outline:none; background:#f1f3f5; height:120px; border-radius:0.5rem; padding-left:1rem; padding-top:10px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); font-size:0.9rem; font-family:Arial;}
.foot-message .bod button{width:12rem; height:2.6rem; background:#b70005; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:2rem; color:#FFF; border:none; outline:none; margin:auto; margin-top:1rem; font-size:1rem;}
.foot-message .bod button:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}

.bottom2{width:100%; background:#19846f; overflow:hidden; margin-top:2rem;}
.bottom2 .bod{ width:90%; margin:auto; padding:1.5rem 0px; text-align:center; color:#FFF; font-size:1rem; line-height:1.6rem;}

.bottom{ background:#fff; width:100%; overflow:hidden;}
.bottom .bod{margin-left:1rem; margin-right:1rem; margin-top:1.5rem; margin-bottom:1.5rem; width:100%;}
.bottom .bod  dl{display: grid; grid-template-columns: auto 1fr; display:flex; flex-wrap:wrap; align-items:center; margin-bottom:1rem;}
.bottom .bod  dl dt img{width:1rem; height:1rem; filter:drop-shadow(#666 0px 100000px); transform: translateY(-100000px);}
.bottom .bod  dl dd{ margin-left:10px; font-size:16px;}

.bottom1{background:#fff; width:100%; overflow:hidden;}
.bottom1 .bod{margin-left:1rem; margin-right:1rem; padding:1.5rem 0px; border-top:#eee 1px solid;}
.bottom1 .bod dt{ margin-bottom:1rem;}

.nybanner{overflow: hidden; margin-left:1rem; margin-right:1rem; margin-top:4.5rem;}
.nybanner li{position:relative; height:10rem; background:url(../images/rfidshouhuan.jpg) no-repeat center center; border-radius:1rem; overflow:hidden;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}

.nybanner-p{overflow: hidden; margin-left:1rem; margin-right:1rem; margin-top:4.5rem;}
.nybanner-p li{position:relative; height:10rem; background:url(../images/rfidshouhuan.jpg) no-repeat center center; border-radius:1rem; overflow:hidden;}
.nybanner-p li img{position:absolute; width:100%; height:100%; object-fit: cover;}

.aboutus{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:2rem; margin-left:1rem; margin-right:1rem;}
.aboutus .txt{text-align:center; width:100%;}
.aboutus .txt dt{font-size:1.6rem; font-weight:bold; text-transform:uppercase;}
.aboutus .txt dd{margin-top:1rem; line-height:1.6rem; color:#666;}
.aboutus .txt dd p{ margin-top:1rem;}

.position{overflow:hidden; margin-top:3.5rem; width:100%;}
.position dl{ margin:1rem;}

.position-p{overflow:hidden; margin-top:0vh; width:100%;}
.position-p dl{ margin:0 1rem; padding:1rem 0px;}

.productlist{overflow:hidden; margin-left:1rem; margin-right:1rem; margin-top:1rem;}
.productlist .bod{width:100%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center;}
.productlist .bod dl{ width:100%; background:#FFF; margin-bottom:1rem; border-radius:1rem; overflow:hidden;}
.productlist .bod dl dt{ position:relative; padding-bottom:75%;}
.productlist .bod dl dt img{ position:absolute; width:100%; height:100%; transition: all 1s;}
.productlist .bod dl dd{ text-align:center; margin-top:1rem;}
.productlist .bod dl ul{ width:10rem; height:2.6rem; border-radius:3rem; margin:auto; text-align:center; background:#19846f; color:#FFF; margin-top:1rem; line-height:2.6rem; margin-bottom:1rem;}
.productlist .bod dl:hover dt img{transition: all 1s; transform: scale(1.1);}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; 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:#b70005; border:#b70005 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; margin-bottom:0.4rem;}
.fanye a:hover{background:#b70005; color:#fff; transition: all 0.5s; border:#b70005 1px solid;}

.product-bj{ overflow:hidden; width:100%; border-top:#eee 1px solid; background:#FFF; margin-top:0rem; padding-bottom:2rem;}
.product-bj .product{margin-left:1rem; margin-right:1rem; margin-top:1rem; overflow:hidden;}
.product-bj .product .fl{ width:100%;}
.product-bj .product .fl .game163{overflow:hidden;}
.product-bj .product .fl .game163 .bigImg{overflow:hidden; width:100%;}
.product-bj .product .fl .game163 .bigImg li{overflow:hidden;}
.product-bj .product .fl .game163 .bigImg li p{position:relative; padding-bottom:75%; border-radius:1rem; overflow:hidden;}
.product-bj .product .fl .game163 .bigImg li p img{ position:absolute;width:100%; height:100%;}
.product-bj .product .fl .game163 .smallScroll{margin-top:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product-bj .product .fl .game163 .sPrev{ width:20px;}
.product-bj .product .fl .game163 .sPrev img{ width:10px; margin:auto;}
.product-bj .product .fl .game163 .sNext{ width:20px;}
.product-bj .product .fl .game163 .sNext img{ width:10px; margin:auto;}
.product-bj .product .fl .game163 .sPrev:hover{ color:#5c1717;}
.product-bj .product .fl .game163 .sNext:hover{ color:#5c1717;}
.product-bj .product .fl .game163 .smallImg{float:left;  display:inline; width:84%; overflow:hidden;}
.product-bj .product .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.product-bj .product .fl .game163 .smallImg li{width:25%;}
.product-bj .product .fl .game163 .smallImg li p{position:relative; padding-bottom:75%; margin:auto;}
.product-bj .product .fl .game163 .smallImg li p img{position:absolute; width:84%; height:84%; margin-left:5%; margin-top:5%; border:2px solid #eee;}
.product-bj .product .fl .game163 .smallImg .on img{border-color:#19846f;}
.product-bj .product .fr{width:100%;}
.product-bj .product .fr .txt{margin-top:1rem;}
.product-bj .product .fr .txt dt{font-size:1.2rem; font-weight:bold;}
.product-bj .product .fr .txt dl{margin-top:1rem;}
.product-bj .product .fr .txt dl dd{font-size:1rem; font-weight:bold; text-transform:uppercase; margin-bottom:0.5rem;}
.product-bj .product .fr .txt dl li{ display:none;}
.product-bj .product .fr .txt dl p{ line-height:1.6rem; color:#666;}
.product-bj .product .fr .txt dl table{border:#ddd 1px solid !important; border-collapse:collapse; width:100% !important; margin-top:1rem;}
.product-bj .product .fr .txt dl table tr{ background:#fff !important;}
.product-bj .product .fr .txt dl table tr:nth-child(2n){ background:#f5f5f5 !important;}
.product-bj .product .fr .txt dl 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; padding-top:0rem !important;padding-bottom:10px !important;}
.product-bj .product .fr .txt dl table tr td span{ background:inherit !important; color:inherit !important;}
.product-bj .product .fr .txt dl table tr td p{ background:inherit !important; color:inherit !important;}
.product-bj .product .fr .txt dl table tr:nth-child(1) td{ font-size:1rem; font-weight:bold; padding-top:0.5rem !important;padding-bottom:0.5rem !important;}
.product-bj .product .fr .txt dl table .firstRow{background:#19846f !important; color:#FFF;}

.product-content{margin-left:1rem; margin-right:1rem; overflow:hidden;}
.product-content .bod{ width:100%;}

h6{ font-size:18px; margin-top:18px; margin-bottom:10px;}
h5{ font-size:20px; margin-top:20px; margin-bottom:10px;}
h4{ font-size:24px; margin-top:22px; margin-bottom:10px;}
h3{ font-size:30px; margin-top:24px; margin-bottom:10px;}
h2{ font-size:36px; margin-top:28px; margin-bottom:10px;}
h1{ font-size:40px; margin-bottom:30px; margin-top:50px; color:#234189;}

.product-pics{margin-left:1rem; margin-right:1rem; margin-top:2rem; overflow:hidden;}
.product-pics .txt{font-size:1.2rem; font-weight:bold; text-align:center;}
.product-pics .bod{display:flex; flex-wrap:wrap; margin-top:1.5rem;}
.product-pics .bod dl{width:100%; margin-bottom:4vw;}
.product-pics .bod dl dt{position:relative; padding-bottom:70%;}
.product-pics .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.product-pics .bod dl dd{ margin-top:1rem; font-size:1rem; font-weight:bold; text-align:center; margin-bottom:1rem;}

.case-txt{margin-left:1rem; margin-right:1rem; margin-top:0; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.case-txt li{width:100%; font-size:1rem; border-radius:60px; background:#FFF; margin-bottom:0.5rem; text-align:center;}
.case-txt li a{ display:block; padding:0.6rem; border-radius:60px; border:#19846f 1px solid;}
.case-txt li:hover{ background:#19846f; color:#FFF; border-radius:60px;}
.case-txt-active{ background:#19846f; color:#FFF; border-radius:60px;}

.caselist{ overflow:hidden; margin-top:0rem; margin-left:1rem; margin-right:1rem;}
.caselist .bod{display:flex; flex-wrap:wrap; justify-content: space-between;}
.caselist .bod dl{width:100%; border-radius:1rem; overflow:hidden; background:#FFF; margin-top:1rem;}
.caselist .bod dl dt{position:relative; padding-bottom:70%; border-radius:1rem 1rem 0rem 0rem; overflow:hidden;}
.caselist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.caselist .bod dl dd{ text-align:center; padding:1rem 0rem;}

.newslist{overflow:hidden; margin-top:1rem; margin-right:1rem; margin-left:1rem;}
.newslist .bod{ margin-top:1rem; display:flex; flex-wrap:wrap; justify-content: space-between;}
.newslist .bod dl{width:100%; background:#FFF; border-radius:20px; margin-bottom:1rem;}
.newslist .bod dl dd{display:flex; flex-wrap:wrap; align-items:center; margin-top:1rem; margin-left:1rem; margin-right:1rem; font-size:2rem; color:#ec9811;}
.newslist .bod dl dd img{margin-right:5px;}
.newslist .bod dl dd p{width:100%; font-size:1rem; margin-top:5px; color:#666}
.newslist .bod dl li{margin-top:1rem; font-size:1rem; font-weight:bold; margin-left:1rem; margin-right:1rem;}
.newslist .bod dl ul{margin-top:0.6rem; color:#666; line-height:1.5rem; margin-left:1rem; margin-right:1rem;}
.newslist .bod dl ul p{margin-top:1rem;width:10rem;height:3rem;background:#19846f;color:#FFF;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:3rem;margin-bottom:1.5rem;}
.newslist .bod dl ul p:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}

.news{ overflow:hidden; width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:3.5rem;}
.news .fl{ width:100%; margin-top:2rem;}
.news .txt{ border-bottom:#CCC 1px dashed; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.news .txt dt{font-size:1.4rem; line-height:2rem;}
.news .txt dd{margin-top:1rem; color:#999; font-size:1rem;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:1rem; border-radius:1rem; margin-top:1rem;}
.news .bod p{ font-size:1rem; color:#666; line-height:1.8rem; margin-bottom:1rem; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}	
.news .bod h1{ font-size:1.6rem;}
.news .bod h2{ font-size:1.5rem;}
.news .bod h3{ font-size:1.4rem;}
.news .bod h4{ font-size:1.3rem;}
.news .bod h5{ font-size:1.2rem;}
.news .bod h6{ font-size:1.1rem;}

.contactus{overflow:hidden; margin-top:4.5rem; margin-left:1rem; margin-right:1rem;}
.contactus .fl{width:100%; height:10rem;}
.contactus .fl dt{ position:relative; height:10rem;}
.contactus .fl img{ position:absolute;width:100%; height:100%; object-fit: cover; border-radius:1rem;}
.contactus .fr{ width:100%; background:#FFF; padding-bottom:2rem; margin-top:1rem; border-radius:1rem;}
.contactus .fr dt{ font-size:1.4rem; margin-top:2rem; margin-left:1rem; margin-right:1rem; color:#aaa;}
.contactus .fr dd{font-size:1.4rem; margin-top:0.5rem; margin-left:1rem; margin-right:1rem; color:#aaa;}
.contactus .fr form{display:flex; flex-wrap:wrap; justify-content: space-between; margin-left:1rem; margin-right:1rem; margin-top:1rem;}
.contactus .fr dl{ width:100%; margin-bottom:1rem;}
.contactus .fr dl p{ font-size:0.9rem; margin-left:0rem; margin-bottom:0.5rem;}
.contactus .fr dl p span{ margin-right:8px; color:#b70005;}
.contactus .fr dl input{ width:100%; border:none; outline:none; background:#f1f3f5; height:2.6rem; border-radius:0.5rem;}
.contactus .fr ul{ width:100%;}
.contactus .fr ul p{font-size:0.9rem; margin-left:0; margin-bottom:10px;}
.contactus .fr ul textarea{width:94%; border:none; outline:none; background:#f1f3f5; height:120px; border-radius:0.5rem; padding-left:1rem; padding-top:10px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); font-size:0.9rem; font-family:Arial; line-height:1.4rem;}
.contactus .fr button{width:12rem; height:2.6rem; background:#19846f; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:2rem; color:#FFF; border:none; outline:none; margin:auto; margin-top:1rem; font-size:1rem;}
.contactus .fr button:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}

.contact{margin-top:1rem; overflow:hidden;}
.contact .bod{display:flex; flex-wrap:wrap; justify-content:space-between; margin-left:1rem; margin-right:1rem; margin-bottom:1rem;}
.contact .bod .item{ width:100%; box-shadow:0px 0px 10px 0px rgb(0 0 0 / 20%); transition: all 0.5s; background:#fff; margin-top:1rem; border-radius:1rem;}
.contact .bod .item dl{ margin:2rem 1rem; text-align:center;}
.contact .bod .item dl dt img{ width:1.6rem;}
.contact .bod .item dl dd{ font-size:1.4rem; margin-top:0.8rem; transition: all 0.5s;}
.contact .bod .item dl p{ font-size:1rem; margin-top:0.8rem; transition: all 0.5s; line-height:1.6rem; color:#666;}
.contact .bod .item:hover dd{ color:#b70005; transition: all 0.5s;}
.contact .bod .item:hover p{ color:#b70005; transition: all 0.5s;}

.p-search{width:90%; margin:auto; padding-top:0rem; 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:40px; 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:#19846f; border:#19846f 1px solid; height:42px; font-size:1rem; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px; transition: all 0.5s;}
.p-search form button img{ width:1rem; padding-top:4px;}
.p-search form button:hover{background:#19846f; transition: all 0.5s;}
}
