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

@media(min-width:1200px)and (max-width:300000px){
.width{width:80%; margin:auto;}
.w70{ width:70%; margin:auto;}
.w75{ width:75%; margin:auto;}
.w80{ width:80%; margin:auto;}
.w85{ width:85%; margin:auto;}
.w90{ width:90%; margin:auto;}
.w92{ width:92%; margin:auto;}
.w94{ width:94%; margin:auto;}
.w96{ width:96%; margin:auto;}
.w98{ width:98%; margin:auto;}

.translateSelectLanguage{position:fixed; z-index:9999999; top:44px; right:4%; padding:6px 4px;}
select{outline:none !important; background:#000; color:#FFF;}

.topbj{background:#fff; top:0px; z-index:999; left:0; right:0; transition: all 0.5s; position:fixed; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);}
.topbj .width{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:100px; position:relative;}
.topbj .width .logo{}
.topbj .width .logo img{height:50px;}
.topbj .width .navBar{z-index:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:100px; border-top:rgba(255,255,255,0.2) 1px solid;}
.topbj .width .nav{display:flex; flex-wrap:wrap; justify-content:center; align-items: center;}
.topbj .width .nav h3{font-size:100%; height:100px; line-height:100px; font-size:16px; margin:0px 25px; font-weight:normal;}
.topbj .width .nav h3 a{ display:block;}
.topbj .width .nav .m{float:left; text-align:center; position:relative;}
.topbj .width .nav h3:hover{color:#0093d9;}
.topbj .width .nav .sub{display:none; position:absolute; left:0px; top:100px; width:300px;}
.topbj .width .nav .sub .bod{background:#fff; border-top:none; color:#333;}
.topbj .width .nav .sub .bod dd{text-align:left; padding-left:18px; padding-bottom:15px; padding-top:15px; border-bottom:#eee 1px dashed;}
.topbj .width .nav .sub .bod dd:nth-child(1){border-top:0px;}
.topbj .width .nav .sub .bod dd:hover{color:#0093d9;}
.topbj .width .navBar .search{ margin-left:50px;}
.topbj .width .navBar .search img{ width:18px; filter:drop-shadow(#0093d9 0px 1000000px); transform: translateY(-1000000px);}

.active-head{display:block; color:#0093d9; margin-top:0px;}

#wap_logo_main{ display:none;}
#wap_navigation{ display:none;}

.focusBox {position: relative; width:100%; height:750px; overflow: hidden; margin-top:100px;}
.focusBox .pic{position:relative; z-index:0;height:750px;}
.focusBox .pic img {position:absolute; width:100%; height:750px; display: block; object-fit: cover; }
.focusBox .hd {width:100%; position: absolute; bottom: 30px; font-size:0; z-index:1; left:10%;}
.focusBox .hd li{margin: 0 5px; width:16px; height: 16px; border-radius:100%; background:#fff; overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1; opacity:1;}
.focusBox .hd .on{background:#2baf32; opacity:1;}

.index-txt{overflow:hidden; margin-top:90px; text-align:center;}
.index-txt dt{font-size:36px; font-weight:bold; text-transform:uppercase;}
.index-txt p{width:50px; height:4px; margin:auto; margin-top:10px; background:#0093d9;}

.index1{width:90%; margin:auto; overflow:hidden;}
.index1 .bod{margin-top:80px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index1 .bod dl{width:10%; margin-left:1%; margin-right:1%; transition: all 0.5s;}
.index1 .bod dl dt{position:relative; width:127px; height:127px; margin:auto; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); border-radius:100%;}
.index1 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index1 .bod dl dd{margin-top:20px; text-align:center;}
.index1 .bod dl:hover{margin-top:-15px; transition: all 0.5s;}
.index1 .bod dl:hover dd{color:#0093d9;}

.index1-active{color:#0093d9; font-weight:bold;}

.index2{ width:100%; overflow:hidden; background:url(../images/index2-bj.jpg) no-repeat center center; background-size:cover; margin-top:90px;}
.index2 .fullSlide{width:80%; margin:auto; margin-bottom:70px; margin-top:50px;}
.index2 .fullSlide .bd{ margin:0 auto; z-index:0; overflow:hidden;  }
.index2 .fullSlide .bd ul{width:100% !important;  }
.index2 .fullSlide .bd li dd{ position:relative; padding-bottom:42%; width:100% !important;  overflow:hidden;}
.index2 .fullSlide .bd li dd img{ position:absolute; width:100%; height:100%;}
.index2 .fullSlide .hd{ width:100%; z-index:1; margin-top:40px;}
.index2 .fullSlide .hd ul{text-align:center;  padding-top:5px; }
.index2 .fullSlide .hd ul li{margin: 0 10px; width:16px; height: 16px; border-radius:100%; background:#fff; overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1; opacity:1; font-size:0px;}
.index2 .fullSlide .hd ul .on{background:#2baf32; opacity:1;}

.index3{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:90px;}
.index3 .fl{width:55%;}
.index3 .fl dt{font-size:36px; font-weight:bold;}
.index3 .fl dd{font-size:24px; font-weight:bold; margin-top:10px;}
.index3 .fl li{margin-top:30px;}
.index3 .fl li p{margin-top:15px; line-height:26px;  color:#666;}
.index3 .fl .counters{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:50px;}
.index3 .fl .counters dl{display:flex; flex-wrap:wrap; justify-content:center; width:23%; border-bottom:#ddd 1px solid; padding-bottom:20px; margin-bottom:30px; transition: all 0.5s;}
.index3 .fl .counters dl .counter{font-size:36px; font-weight:bold; color:#0093d9;}
.index3 .fl .counters dl span{font-size:16px; font-weight:normal; margin-left:5px; color:#0093d9;}
.index3 .fl .counters dl dt{font-size:36px; font-weight:bold;}
.index3 .fl .counters dl .bod{ width:100%; margin-top:5px; color:#666; display:flex; flex-wrap:wrap; justify-content:center;}
.index3 .fl .counters dl:hover{border-bottom:#f5f5f5 1px solid; transition: all 0.5s;}
.index3 .fr{width:35%;}
.index3 .fr dt{position:relative; padding-bottom:130%;}
.index3 .fr dt img{position:absolute; width:100%; height:100%; border-radius:20px;}

.index4{ overflow:hidden; margin-top:80px; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index4 dl{ width:49%;}
.index4 dl dt{position:relative; padding-bottom:56%;}
.index4 dl dt img{position:absolute; width:100%; height:100%; border-radius:20px; border-radius:20px;}

.index5{width:100%; overflow:hidden; background:#f7f7f7; padding-bottom:70px; margin-top:90px;}
.index5 .ladyScroll{position:relative; margin-top:30px;}
.index5 .ladyScroll .prev{width:4%;height:100%; position:absolute; top:0;left:-4%;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index5 .ladyScroll .prev img{width:14px;height:22px;}
.index5 .ladyScroll .next{width:4%;height:100%; position:absolute; top:0;right:-4%;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index5 .ladyScroll .next img{width:14px;height:22px;}
.index5 .ladyScroll .dlList{width:100%}
.index5 .ladyScroll dl{width:20.4%;}
.index5 .ladyScroll dl ul{background:#FFF; transition: all 0.5s; margin-bottom:30px; width:90%; margin-top:30px;}
.index5 .ladyScroll dl ul dt{position:relative; padding-bottom:140%; transition: all 0.5s;}
.index5 .ladyScroll dl ul dt img{position:absolute; width:100%; height:100%;}
.index5 .ladyScroll dl ul dd{text-align:center; font-size:16px; padding-bottom:15px; padding-top:10px; margin-left:25px; margin-right:25px;}
.index5 .ladyScroll dl ul:hover{transition: all 0.5s; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);}

.index5-wap{display:none;}

.index6{overflow:hidden; margin-bottom:90px;}
.index6 .bod{ margin-top:60px;}
.index6 .bod .item{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center;justify-content:space-between;}
.index6 .bod .item1 .fl{width:50%;}
.index6 .bod .item1 .fl dt{position:relative; padding-bottom:70%;}
.index6 .bod .item1 .fl dt img{position:absolute; width:100%; height:100%; border-radius:30px;}
.index6 .bod .item1 .fr{width:45%;}
.index6 .bod .item1 .fr .txt{font-size:30px; font-weight:bold;}
.index6 .bod .item1 .fr .content{ margin-top:30px; color:#666; line-height:26px;}
.index6 .bod .item1 .fr .more{ margin-top:45px; width: fit-content; background:#0093d9; padding:12px; display:flex; flex-wrap:wrap; align-items: center; border-radius:40px;}
.index6 .bod .item1 .fr .more dt{ margin-left:20px; font-size:18px; color:#FFF;}
.index6 .bod .item1 .fr .more dd{ width:36px; height:34px; line-height:32px; text-align:center; background:#FFF; border-radius:100%; margin-left:30px; color:#0093d9; padding-top:2px;}
.index6 .bod .item1 .fr .more:hover{opacity:0.8;}
.index6 .bod .item2 .fr{width:50%;}
.index6 .bod .item2 .fr dt{position:relative; padding-bottom:70%;}
.index6 .bod .item2 .fr dt img{position:absolute; width:100%; height:100%; border-radius:30px;}
.index6 .bod .item2 .fl{width:45%;}
.index6 .bod .item2 .fl .txt{font-size:30px; font-weight:bold;}
.index6 .bod .item2 .fl .content{ margin-top:30px; color:#666; line-height:26px;}
.index6 .bod .item2 .fl .more{ margin-top:45px; width: fit-content; background:#0093d9; padding:12px; display:flex; flex-wrap:wrap; align-items: center; border-radius:40px;}
.index6 .bod .item2 .fl .more dt{ margin-left:20px; font-size:18px; color:#FFF;}
.index6 .bod .item2 .fl .more dd{ width:36px; height:34px; line-height:32px; text-align:center; background:#FFF; border-radius:100%; margin-left:30px; color:#0093d9; padding-top:2px;}
.index6 .bod .item2 .fl .more:hover{ opacity:0.8;}

.foot{overflow:hidden; background:#0093d9;}
.foot .bod{overflow:hidden;display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; padding-top:20px; padding-bottom:20px; border-bottom:rgba(255,255,255,0.1) 1px solid;}
.foot .bod .fl img{height:50px; filter:drop-shadow(#fff 0px 10000000px); transform: translateY(-10000000px);}
.foot .bod .fl{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod .fl span{margin-left:15px; color:#FFF; font-size:24px;}
.foot .bod .fr{display: flex; flex-wrap:wrap;}
.foot .bod .fr dl{margin-left:30px; color:#FFF;}
.foot .bod1{overflow:hidden;display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; padding-bottom:40px; margin-top:25px; color:#FFF;}
.foot .bod1 dl{display: flex; flex-wrap:wrap; align-items: center; display: grid; grid-template-columns: auto 1fr;}
.foot .bod1 dl:nth-child(1){width:30%;}
.foot .bod1 dl:nth-child(2){width:15%;}
.foot .bod1 dl:nth-child(3){width:15%;}
.foot .bod1 dl dt{ width:30px; height:30px; background:#FFF; border-radius:100%; display:flex; flex-wrap:wrap; align-items: center;justify-content:center;}
.foot .bod1 dl dt p img{ width:15px; height:15px; padding-top:4px; filter:drop-shadow(#0093d9 0px 10000000px); transform: translateY(-10000000px);}
.foot .bod1 dl dd{ font-size:16px; margin-left:15px; font-size:16px; font-weight:bold;}
.foot .bod1 dl dd p{ margin-top:5px; font-size:14px; line-height:20px; font-weight:normal;}
.foot .bod1 ul{ width:25%;display:}
.foot .bod1 ul li{ width:40px; height:40px; float:right;  margin-left:20px; display:flex; flex-wrap:wrap; align-items: center;justify-content:center; background:#FFF; border-radius:100%;}
.foot .bod1 ul li img{ width:18px; height:18px; padding-top:4px;}

.foot .bod2{overflow:hidden;width:100%; background:#0093d9; padding:30px 0px; border-top:rgba(255,255,255,0.1) 1px solid;}
.foot .bod2 .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.foot .bod2 .fl{color:#fff; display: flex; flex-wrap:wrap;}
.foot .bod2 .fl dt{margin-right:25px;}
.foot .bod2 .fr{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod2 .fr dl{margin-left:25px; color:#fff; text-decoration: underline;}

.nybanner{width:100%;overflow: hidden; background:url(../images/product-bj.jpg) no-repeat center center; background-size: cover; margin-top:100px;}
.nybanner .bod{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:80px; margin-bottom:80px;}
.nybanner .bod .fl{ width:50%;}
.nybanner .bod .fl dt{ font-size:48px; font-weight:bold; color:#FFF;}
.nybanner .bod .fl dd{ margin-top:15px; font-size:24px; color:#FFF;}
.nybanner .bod .fl p{ width:180px; height:50px; line-height:50px; text-align:center; background:#0093d9; border-radius:30px; color:#FFF; font-size:18px; margin-top:40px;}
.nybanner .bod .fl p:hover{ opacity:0.8;}
.nybanner .bod .fr{ width:45%; background:#FFF; border-radius:20px; overflow:hidden;}
.nybanner .bod .fr dt{ margin:20px;}
.nybanner .bod .fr dt img{ width:100%;}

.nybanner1{width:100%;overflow: hidden; margin-top:100px;}
.nybanner1 li{ position:relative; height:500px;}
.nybanner1 li img{ position:absolute; width:100%; height:100%;}

.position{ width:100%; border-bottom:#eee 1px solid;}
.position .bod{ width:80%; margin:20px auto;}
.position1{ width:100%; border-bottom:#eee 1px solid; margin-top:100px; padding:20px 0px; overflow:hidden; background:#0093d9; color:#FFF;}
.position1 .bod{ width:80%; margin:auto;}

.aboutus{ overflow:hidden; margin-top:60px;}
.aboutus .txt{ text-align:center;}
.aboutus .txt dt{font-size:36px; font-weight:bold; color:#0093d9;}
.aboutus .txt dd{font-size:22px; font-weight:bold; margin-top:15px; color:#666;}
.aboutus .bod{width:1200px; margin:auto; overflow:hidden; margin-top:30px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.aboutus .bod table{ width:45%; font-size:16px; color:#666; line-height:26px; margin-bottom:60px;}
.aboutus .bod table img{ width:100%;}
.aboutus .bod p{ margin-top:15px; line-height:24px; color:#666;}
.aboutus .shili{width:1200px; margin:auto;  overflow:hidden; margin-top:30px;}
.aboutus .shili .counters{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:50px;}
.aboutus .shili .counters dl{display:flex; flex-wrap:wrap; justify-content:center; width:23.5%; border-bottom:#ddd 1px solid; padding-bottom:30px; transition: all 0.5s;}
.aboutus .shili .counters dl .counter{font-size:48px; color:#0093d9; font-weight:bold;}
.aboutus .shili .counters dl span{font-size:18px; font-weight:normal; margin-left:5px; color:#0093d9;}
.aboutus .shili .counters dl dt{font-size:36px; font-weight:bold;}
.aboutus .shili .counters dl .bod{width:100%; margin-top:15px; color:#666; display:flex; flex-wrap:wrap; justify-content:center;}
.aboutus .shili .counters dl:hover{border-bottom:#f5f5f5 1px solid; transition: all 0.5s;}

.productlist{margin-top:60px; display: flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:60px;}
.productlist .item{ width:100%; display: flex; flex-wrap:wrap;}
.productlist .item li{width:18.4%; margin-right:2%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); transition: all 0.5s; margin-bottom:2vw;}
.productlist .item li:nth-child(5n){ margin-right:0;}
.productlist .item li dt{ position:relative; padding-bottom:90%; width:90%; margin-left:5%; overflow:hidden;}
.productlist .item li dt img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.productlist .item li dd {width:90%; margin:auto; text-align:center; font-size:16px; margin-top:15px; margin-bottom:15px;}
.productlist .item li p{width:fit-content; background:#0093d9; margin:auto; margin-bottom:30px; padding:10px 30px; color:#FFF; transition: all 0.5s;}
.productlist .item li:hover{transition: all 0.5s; margin-top:-20px;}
.productlist .item li:hover dt img{transition: all 2s; transform: scale(1.1);}

.productlist1{overflow:hidden; margin-bottom:60px;}
.productlist1 .bod{ margin-top:60px;}
.productlist1 .bod .item{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center;justify-content:space-between; border-bottom:#CCC 1px dashed; padding-bottom:60px; margin-bottom:60px;}
.productlist1 .bod .item1 .fl{width:50%;}
.productlist1 .bod .item1 .fl dt{position:relative; padding-bottom:42%; border:#eee 5px solid; border-radius:20px; overflow:hidden;}
.productlist1 .bod .item1 .fl dt img{position:absolute; width:100%; height:100%; border-radius:30px;}
.productlist1 .bod .item1 .fr{width:45%;}
.productlist1 .bod .item1 .fr .txt{font-size:30px; font-weight:bold;}
.productlist1 .bod .item1 .fr .content{ margin-top:30px; color:#666; line-height:26px;}
.productlist1 .bod .item1 .fr .more{ margin-top:45px; width: fit-content; background:#0093d9; padding:12px; display:flex; flex-wrap:wrap; align-items: center; border-radius:40px;}
.productlist1 .bod .item1 .fr .more dt{ margin-left:20px; font-size:18px; color:#FFF;}
.productlist1 .bod .item1 .fr .more dd{ width:36px; height:34px; line-height:32px; text-align:center; background:#FFF; border-radius:100%; margin-left:30px; color:#0093d9; padding-top:2px;}
.productlist1 .bod .item1 .fr .more:hover{opacity:0.8;}
.productlist1 .bod .item2 .fr{width:50%;}
.productlist1 .bod .item2 .fr dt{position:relative; padding-bottom:42%;}
.productlist1 .bod .item2 .fr dt img{position:absolute; width:100%; height:100%; border-radius:30px;}
.productlist1 .bod .item2 .fl{width:45%;}
.productlist1 .bod .item2 .fl .txt{font-size:30px; font-weight:bold;}
.productlist1 .bod .item2 .fl .content{ margin-top:30px; color:#666; line-height:26px;}
.productlist1 .bod .item2 .fl .more{ margin-top:45px; width: fit-content; background:#0093d9; padding:12px; display:flex; flex-wrap:wrap; align-items: center; border-radius:40px;}
.productlist1 .bod .item2 .fl .more dt{ margin-left:20px; font-size:18px; color:#FFF;}
.productlist1 .bod .item2 .fl .more dd{ width:36px; height:34px; line-height:32px; text-align:center; background:#FFF; border-radius:100%; margin-left:30px; color:#0093d9; padding-top:2px;}
.productlist1 .bod .item2 .fl .more:hover{ opacity:0.8;}

.product-txt{ width:100%; overflow:hidden; padding-bottom:20px; border-bottom:#eee 1px solid;}
.product-txt .bod{}
.product-txt .bod dt{font-size:24px; font-weight:bold; padding:20px 0px; text-align:center;}
.product-txt .bod dd{display:flex;flex-wrap:wrap;}
.product-txt .bod dd p{ background:#f5f5f5; margin-right:6px; margin-bottom:6px;}
.product-txt .bod dd p a{padding:15px 30px; display:block;}

.product-active{ background:#0093d9; color:#FFF;}

.product-ico{ width:1200px; overflow:hidden; margin:auto; margin-top:40px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content: space-between;}
.product-ico .fl{ width:40%;}
.product-ico .fl dt{ position:relative; padding-bottom:100%; border-radius:20px; overflow:hidden; border:#eee 8px solid}
.product-ico .fl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.product-ico .fr{ width:55%;}
.product-ico .fr dt{ margin-top:30px; font-size:30px; font-weight:bold; color:#0093d9;}
.product-ico .fr dd{ margin-top:15px; font-size:20px;font-weight:bold; color:#0093d9;}
.product-ico .fr li{ margin-top:20px; font-size:16px; line-height:26px; color:#666;}

.product-pics{overflow:hidden; margin-top:40px; display:flex; flex-wrap:wrap; margin-bottom:20px;}
.product-pics dl{ width:18.8%; margin-right:1.5%; margin-bottom:20px;}
.product-pics dl:nth-child(5n){ margin-right:0;}
.product-pics dl dt{ position:relative; padding-bottom:100%; border-radius:10px; overflow:hidden; border:#eee 4px solid;}
.product-pics dl dt img{ position:absolute;width:100%; height:100%; object-fit: cover;}

.product{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; width:1200px; margin:auto;}
.product p{font-size:16px; color:#666; line-height:24px; margin-bottom:5px; width:100% !important; word-break: normal !important; text-wrap:wrap !important;}
.product p img{width:100% !important;}
.product span{word-break: normal !important; text-wrap:wrap !important;}
.product table{ width:45%; margin-bottom:20px;}
.product table:nth-child(2n){ margin-right:0}
.product table td{font-size:16px; line-height:26px; word-break: normal !important; text-wrap:wrap !important;}
.product table img{ width:100%;}

h6{ margin-bottom:10px; width:100%; word-break: normal !important; text-wrap:wrap !important;}
h5{ margin-bottom:10px; width:100%; word-break: normal !important; text-wrap:wrap !important;}
h4{ margin-bottom:15px; width:100%; word-break: normal !important; text-wrap:wrap !important;}
h3{ margin-bottom:15px; width:100%; word-break: normal !important; text-wrap:wrap !important;}
h2{ margin-bottom:20px; width:100%; word-break: normal !important; text-wrap:wrap !important;}
h1{ margin-bottom:20px; width:100%; word-break: normal !important; text-wrap:wrap !important;}

.product-jianjie{background:#FFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); overflow:hidden; border:#eee 1px solid; margin-top:40px; margin-bottom:40px;}
.product-jianjie li{margin:40px;}
.product-jianjie li img{ width:100%;}
.product-jianjie ul{margin:40px; line-height:26px; color:#666;}
.product-jianjie dl{ margin:40px; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.product-jianjie p{font-size:16px; color:#666; line-height:24px; margin-bottom:5px; width:100% !important; word-break: normal !important; text-wrap:wrap !important;}
.product-jianjie p img{width:100% !important;}
.product-jianjie span{word-break: normal !important; text-wrap:wrap !important;}
.product-jianjie table{ width:45%; margin-bottom:20px;}
.product-jianjie table:nth-child(2n){ margin-right:0}
.product-jianjie table td{font-size:16px; line-height:26px; word-break: normal !important; text-wrap:wrap !important;}
.product-jianjie table img{ width:100%;}

.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:5px 10px;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:6px 10px; background:#0093d9; border:#0093d9 1px solid;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; font-size:15px; padding:5px 10px; margin:0px 5px; background:#f5f5f5; transition: all 0.5s;}
.fanye a:hover{background:#0093d9; color:#fff; transition: all 0.5s; border:#0093d9 1px solid;}

.certifications{overflow:hidden; background:#f5f5f5; padding:60px 0px;}
.certifications .bod{display: flex; flex-wrap:wrap;}
.certifications .bod dl{ width:15%; margin-right:2%; margin-bottom:30px;}
.certifications .bod dl:nth-child(6n){ margin-right:0;}
.certifications .bod dl dt{ position:relative; padding-bottom:140%;}
.certifications .bod dl dt img{ position:absolute; width:100%; height:100%;}
.certifications .bod dl dd{ margin-top:1rem; text-align:center;}

.newslist{overflow:hidden; margin-top:50px; margin-bottom:50px;}
.newslist .fl{width: 75%;}
.newslist .fl .bod{overflow:hidden;}
.newslist .fl .bod .item{display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:50px;}
.newslist .fl .bod .item dl{width:55%; border-bottom:#eee 1px solid;}
.newslist .fl .bod .item dl dt{ font-size:22px;}
.newslist .fl .bod .item dl p{ margin-top:15px; color:#999;}
.newslist .fl .bod .item dl dd{ font-size:16px; color:#666; margin-top:15px;}
.newslist .fl .bod .item dl .more{ margin-top:20px; width:120px; height:40px; line-height:40px; text-align:center; background:#0093d9; color:#fff; border:#0093d9 1px solid;}
.newslist .fl .bod .item dl .more:hover{background:#fff; color:#0093d9; border:#0093d9 1px solid;}
.newslist .fl .bod .item ul{width:40%;}
.newslist .fl .bod .item ul li{position: relative; padding-bottom:70%; overflow:hidden;}
.newslist .fl .bod .item ul li img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.newslist .fl .bod .item ul li:hover img{transition: all 0.5s; transform: scale(1.03);}
.newslist .fr{ width:22%;}
.newslist .fr .txt{ border-bottom:#eee 1px solid; padding-bottom:15px;}
.newslist .fr .txt span{ margin-left:10px; font-size:20px;}
.newslist .fr .bod dl{border-bottom:#ddd 1px dashed; padding-top:20px; padding-bottom:20px;}
.newslist .fr .bod dl dt{ color:#666; line-height:24px;}
.newslist .fr .bod dl dd{ margin-top:10px; text-align:right; color:#999;}
.newslist .fr .logo{ margin-top:50px;}
.newslist .fr .logo dt img{ width:100%;}
.newslist .fr .logo dd{ margin-top:50px; width:95%; background:#0093d9; color:#fff; border:#0093d9 1px solid; height:40px; line-height:40px; text-align:center;}
.newslist .fr .logo dd:hover{background:#fff; color:#0093d9; border:#0093d9 1px solid;}

.news{ overflow:hidden; padding-top:50px; width:1000px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .fl{ width:1000px;}
.news .txt{padding-bottom:30; margin-bottom:30px; border-bottom:#ddd 1px dashed; padding-bottom:30px; width:100%;}
.news .txt dt{ font-size:36px; text-align:center; color:#0093d9;}
.news .txt dd{text-align:center; margin-top:20px; color:#999;}
.news .txt p{width:600px; margin:auto; margin-top:30px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}
.news .txt p img{ margin:30px; width:540px;}
.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;}

.message{overflow:hidden; margin-top:60px;}
.message .txt{ text-align:center;}
.message .txt dt{ font-size:36px;}
.message .txt p{ margin-top:15px; font-size:16px; color:#999;}
.message form{ margin-top:60px;}
.message form dl{ margin-bottom:20px; width:100%; overflow:hidden; display: flex; flex-wrap:wrap;}
.message form dl dt{ font-size:16px; width:100%; text-align:left; color:#787878;}
.message form dl dt span{ margin-right:5px; color:#0093d9;}
.message form dl input{ width:98%; padding-left:1%; height:35px; border-radius:5px; border:#ddd 1px solid; margin-top:5px; font-size:14px; color:#aaa;}
.message form dl input::placeholder{font-size:14px; color:#aaa;}
.message form ul{margin-bottom:20px; display:flex; flex-wrap:wrap; align-items:center;}
.message form ul li{font-size:16px; width:100%; margin-bottom:5px; color:#787878;}
.message form ul input{width:87%; border-radius:0px 5px 5px 0px; border:#ddd 1px solid; padding-left:1%; margin-left:-1px; height:35px; font-size:14px; color:#aaa;}
.message form ul input::placeholder{font-size:14px; color:#aaa;}
.message form ul input:nth-child(2){width:10%; border-radius:5px 0px 0px 5px; margin-left:0px; height:35px;}
.message form dl textarea{width:98%; padding-left:1%; height:100px; border-radius:5px; border:#ddd 1px solid; margin-top:5px; font-family:Arial; font-size:14px; color:#aaa; padding-top:8px;}
.message form dl button{ width:140px; margin:auto; height:38px; line-height:38px; background:#0093d9; border:none; color:#FFF;}

.contact{overflow:hidden; margin-top:60px; margin-bottom:70px;}
.contact .bod{display:flex; flex-wrap:wrap;}
.contact .bod dl{ width:30%; margin-right:5%; margin-bottom:3vw;}
.contact .bod dl:nth-child(3n){ margin-right:0;}
.contact .bod dl dt{border-bottom:#eee 1px solid; font-size:18px; padding-bottom:15px;}
.contact .bod dl li{ margin-top:10px; margin-right:30px; line-height:24px; color:#666; display: flex; flex-wrap:wrap; align-items: center; display: grid; grid-template-columns: auto 1fr;}
.contact .bod dl li img{ width:15px; height:15px; margin-right:5px;}
.contact .bod dl:nth-child(5){width:65%; margin-right:0;}

.p-search{border-bottom:#ddd 1px dashed; width:100%; display: flex; flex-wrap:wrap; justify-content:center; margin-top:160px; padding-bottom:60px;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center;}
.p-search form input{width:500px; height:50px; outline:none; border:#CCC 1px solid; border-radius:30px 0px 0px 30px; padding-left:30px; font-size:16px;}
.p-search form button{ width:140px; background:#0093d9; border:#0093d9 1px solid; height:52px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px;}
.p-search form button:hover{ opacity:0.8;}

}

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

.translateSelectLanguage{ position:fixed; z-index:9999999; top:1.8rem; right:20%;}
select{ outline:none !important; width:20% !important;}

.topNav{ display:none;}
.navBar{ display:none;}

.topbj{ display:none;}

#wap_logo_main{position: relative; height:3rem; display: none; position: fixed; top:0; left: 0; right: 0;z-index: 999; width:100%; margin:auto;}
#wap_logo{position:relative; z-index: 99; background-color:#fff; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);}
#wap_logo .WebLogo{display: flex; align-items: center; max-height:3rem; }
#wap_logo .WebLogo .WebLogo{flex: 1; }
#wap_logo .WebLogo .languagebtn{width: 30px; height:26px; margin-right: 15px; line-height:26px; text-align: center; background: #04a07b; color: #FFF; }
#wap_logo .WebLogo .shownavbtn{width: 1.6em; height: 1em; margin: 20px 15px 20px 0; border-top: 2px solid #0093d9; border-bottom: 2px solid #0093d9;display: flex; flex-direction: column; align-items: center; justify-content: center;}
#wap_logo .WebLogo .shownavbtn:before{content:""; display: block; width: 100%; height: 2px; background: #0093d9; }
#wap_logo .WebLogo img{max-height:1.8rem; display:block;margin-left: 15px;}

#wap_navigationshade {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2003; background: rgba(0,0,0,.5); display: none; }
#wap_navigationshade:after,#wap_navigationshade:before{ content: ""; display:block; position:absolute; width:20px; height:2px; left:30%; margin-left: -40px;top:40px; background:#FFF; border-radius:3px; }
#wap_navigationshade:after{transform: rotate(45deg); }
#wap_navigationshade:before{transform: rotate(-45deg); }

.wap_navigationlist{position: fixed; right:-70%; top: 0; background: #FFF; overflow-y: scroll; width:70%; height: 100%; z-index: 999999999; }
.wap_navigationlist li{position: relative; } 
.wap_navigationlist li i.showmore{position: absolute; width: 80px; height: 50px; right: 0; top: 0; }
.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; }
.wap_navigationlist li i.showmore:before{width: 2px; height: 10px; }
.wap_navigationlist a{ position: relative; line-height: 50px; font-size:14px; color:#444; overflow:hidden; display:block; margin-left: 30px; }
.wap_navigationlist a.current{ color:#04a07b; }
.wap_navigationlist li.depth2 a{ text-indent: 30px; line-height: 35px; color: #555; }

.wap_subnavigationlist{ display: none; }
.wap_subnavigationlist a{ margin-left: 60px; }

.wap_subnavigationlist .thirdwrap .depth3{ padding-left: 20px; height: 50px; display: flex; align-items: center; }
.wap_subnavigationlist .thirdwrap .depth3 a{ line-height: 1.4em; }

.seachwrap{ padding: 20px 1rem; }
.seachwrap form { max-width: 550px; background: #f5f5f5; border-radius: 50px; border: 1px solid #ddd; margin: 0 auto; overflow: hidden; display:flex; }
.seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; height: 40px; outline: none; background: #f5f5f5; }
.seachwrap input.Keywords {float: left; padding-left:5%;}
.seachwrap input.btnSearch {float: right; opacity: .5; background: #f5f5f5;}
.seachwrap button{border:none; outline:none; background: #f5f5f5; padding-right:5%;}
.seachwrap button img{ width:1rem; filter:drop-shadow(#0093d9 0px 10000000px); transform:translateY(-10000000px);}

.focusBox {position: relative; width:100%; margin-top:3rem; margin-bottom:2rem;}
.focusBox .pic{z-index:0;height:20rem;}
.focusBox .pic img {width:100%;}
.focusBox .hd {width:100%; position: absolute; bottom: -2rem; font-size:0; z-index:1; left:0; right:0; text-align:center;}
.focusBox .hd li{margin: 0 0.3rem; width:1rem; height:1rem; border-radius:100%; background:#ccc; overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1; opacity:1;}
.focusBox .hd .on{background:#2baf32; opacity:1;}

.index-txt{overflow:hidden; margin-top:2rem; text-align:center;}
.index-txt dt{font-size:1.4rem; font-weight:bold; text-transform:uppercase;}
.index-txt p{width:2rem; height:0.2rem; margin:auto; margin-top:0.5rem; background:#0093d9;}

.index1{width:90%; margin:auto; overflow:hidden;}
.index1 .bod{margin-top:2rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index1 .bod dl{width:45%; margin-left:1%; margin-right:1%; transition: all 0.5s; margin-bottom:2rem;}
.index1 .bod dl dt{position:relative; width:7rem; height:7rem; margin:auto; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); border-radius:100%;}
.index1 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index1 .bod dl dd{margin-top:1rem; text-align:center;}
.index1 .bod dl:hover{margin-top:-1rem; transition: all 0.5s;}
.index1 .bod dl:hover dd{color:#0093d9;}

.index1-active{color:#0093d9; font-weight:bold;}

.index2{ width:100%; overflow:hidden; background:url(../images/index2-bj.jpg) no-repeat center center; background-size:cover; margin-top:1rem;}
.index2 .fullSlide{width:100%; margin-bottom:1.5rem; margin-top:1.5rem;}
.index2 .fullSlide .bd{ margin:0 auto; z-index:0; overflow:hidden;  }
.index2 .fullSlide .bd ul{width:100% !important;  }
.index2 .fullSlide .bd li dd{ position:relative; padding-bottom:42%; width:100% !important;  overflow:hidden;}
.index2 .fullSlide .bd li dd img{ position:absolute; width:100%; height:100%;}
.index2 .fullSlide .hd{ width:100%; z-index:1; margin-top:1rem;}
.index2 .fullSlide .hd ul{text-align:center;  padding-top:5px; }
.index2 .fullSlide .hd ul li{margin: 0 0.3rem; width:1rem; height:1rem; border-radius:100%; background:#fff; overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1; opacity:1; font-size:0px;}
.index2 .fullSlide .hd ul .on{background:#2baf32; opacity:1;}

.index3{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; width:90%; margin:auto; margin-top:2rem;}
.index3 .fl{width:100%;}
.index3 .fl dt{font-size:1.6rem; font-weight:bold;}
.index3 .fl dd{font-size:1.1rem; font-weight:bold; margin-top:0.5rem;}
.index3 .fl li{margin-top:1rem;}
.index3 .fl li p{margin-top:1rem; line-height:1.6rem;  color:#666;}
.index3 .fl .counters{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2rem;}
.index3 .fl .counters dl{display:flex; flex-wrap:wrap; justify-content:center; width:100%; border-bottom:#ddd 1px solid; padding-bottom:20px; margin-bottom:30px; transition: all 0.5s;}
.index3 .fl .counters dl .counter{font-size:36px; font-weight:bold; color:#0093d9;}
.index3 .fl .counters dl span{font-size:16px; font-weight:normal; margin-left:5px; color:#0093d9;}
.index3 .fl .counters dl dt{font-size:36px; font-weight:bold;}
.index3 .fl .counters dl .bod{ width:100%; margin-top:5px; color:#666; display:flex; flex-wrap:wrap; justify-content:center;}
.index3 .fl .counters dl:hover{border-bottom:#f5f5f5 1px solid; transition: all 0.5s;}
.index3 .fr{width:100%;}
.index3 .fr dt{position:relative; padding-bottom:130%;}
.index3 .fr dt img{position:absolute; width:100%; height:100%; border-radius:20px;}

.index4{ overflow:hidden; width:90%; margin:auto; margin-top:1rem; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index4 dl{ width:100%; margin-bottom:1rem;}
.index4 dl dt{position:relative; padding-bottom:56%;}
.index4 dl dt img{position:absolute; width:100%; height:100%; border-radius:20px; border-radius:20px;}

.index5{ display:none;}

.index5-wap{width:100%; overflow:hidden; background:#f7f7f7; padding-bottom:2rem; margin-top:1rem;}
.index5-wap .ladyScroll-wap{position:relative; width:80%; margin:auto; margin-top:1.5rem;}
.index5-wap .ladyScroll-wap .prev{width:10%;height:100%; position:absolute; top:0;left:-10%;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index5-wap .ladyScroll-wap .prev img{width:14px;height:22px;}
.index5-wap .ladyScroll-wap .next{width:10%;height:100%; position:absolute; top:0;right:-10%;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index5-wap .ladyScroll-wap .next img{width:14px;height:22px;}
.index5-wap .ladyScroll-wap .dlList{width:100%}
.index5-wap .ladyScroll-wap dl{width:100%;}
.index5-wap .ladyScroll-wap dl ul{background:#FFF; transition: all 0.5s; width:100%;}
.index5-wap .ladyScroll-wap dl ul dt{position:relative; padding-bottom:140%; transition: all 0.5s;}
.index5-wap .ladyScroll-wap dl ul dt img{position:absolute; width:100%; height:100%;}
.index5-wap .ladyScroll-wap dl ul dd{text-align:center; font-size:1rem; padding-bottom:1rem; padding-top:1rem; margin-left:1rem; margin-right:1rem;}
.index5-wap .ladyScroll-wap dl ul:hover{transition: all 0.5s; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);}

.index6{overflow:hidden; width:90%; margin:auto;}
.index6 .bod{ margin-top:2rem;}
.index6 .bod .item{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center;justify-content:space-between; margin-bottom:2rem; border-bottom:#CCC 1px dashed; padding-bottom:2rem;}
.index6 .bod .item1 .fl{width:100%;}
.index6 .bod .item1 .fl dt{position:relative; padding-bottom:70%;}
.index6 .bod .item1 .fl dt img{position:absolute; width:100%; height:100%; border-radius:30px;}
.index6 .bod .item1 .fr{width:100%; margin-top:1rem;}
.index6 .bod .item1 .fr .txt{font-size:1.4rem; font-weight:bold;}
.index6 .bod .item1 .fr .content{ margin-top:1rem; color:#666; line-height:1.6rem;}
.index6 .bod .item1 .fr .more{ margin-top:1rem; width: fit-content; background:#0093d9; padding:0.5rem; display:flex; flex-wrap:wrap; align-items: center; border-radius:40px;}
.index6 .bod .item1 .fr .more dt{ margin-left:20px; font-size:18px; color:#FFF;}
.index6 .bod .item1 .fr .more dd{ width:2.6rem; height:2.6rem; line-height:2.5rem; text-align:center; background:#FFF; border-radius:100%; margin-left:1.5rem; color:#0093d9;}
.index6 .bod .item1 .fr .more:hover{opacity:0.8;}
.index6 .bod .item2 .fr{width:100%; margin-top:1.5rem;}
.index6 .bod .item2 .fr dt{position:relative; padding-bottom:70%;}
.index6 .bod .item2 .fr dt img{position:absolute; width:100%; height:100%; border-radius:30px;}
.index6 .bod .item2 .fl{width:100%;}
.index6 .bod .item2 .fl .txt{font-size:1.4rem; font-weight:bold;}
.index6 .bod .item2 .fl .content{ margin-top:1rem; color:#666; line-height:1.6rem;}
.index6 .bod .item2 .fl .more{margin-top:1rem; width: fit-content; background:#0093d9; padding:0.5rem; display:flex; flex-wrap:wrap; align-items: center; border-radius:40px;}
.index6 .bod .item2 .fl .more dt{ margin-left:20px; font-size:18px; color:#FFF;}
.index6 .bod .item2 .fl .more dd{ width:2.6rem; height:2.6rem; line-height:2.5rem; text-align:center; background:#FFF; border-radius:100%; margin-left:1.5rem; color:#0093d9;}
.index6 .bod .item2 .fl .more:hover{ opacity:0.8;}

.foot{overflow:hidden; background:#0093d9;}
.foot .bod{overflow:hidden;padding-top:1rem; padding-bottom:1rem; border-bottom:rgba(255,255,255,0.1) 1px solid;}
.foot .bod .fl img{height:2.5rem; filter:drop-shadow(#fff 0px 10000000px); transform: translateY(-10000000px); margin-right:1rem;}
.foot .bod .fl{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod .fl span{color:#FFF; font-size:24px; margin-top:1rem; width:100%;}
.foot .bod .fr{display: flex; flex-wrap:wrap; margin-top:1rem;}
.foot .bod .fr dl{margin-right:1.5rem; color:#FFF; margin-bottom:0.6rem;}
.foot .bod1{overflow:hidden;padding-bottom:1rem; margin-top:25px; color:#FFF;}
.foot .bod1 dl{display: flex; flex-wrap:wrap; align-items: center; display: grid; grid-template-columns: auto 1fr; border-bottom:rgba(255,255,255,0.2) 1px dashed; padding-bottom:1rem; margin-bottom:1rem;}
.foot .bod1 dl dt{ width:30px; height:30px; background:#FFF; border-radius:100%; display:flex; flex-wrap:wrap; align-items: center;justify-content:center;}
.foot .bod1 dl dt p img{ width:15px; height:15px; padding-top:4px; filter:drop-shadow(#0093d9 0px 10000000px); transform: translateY(-10000000px);}
.foot .bod1 dl dd{ font-size:16px; margin-left:15px; font-size:16px; font-weight:bold;}
.foot .bod1 dl dd p{ margin-top:5px; font-size:14px; line-height:20px; font-weight:normal;}
.foot .bod1 ul{ width:100%; display:flex; flex-wrap:wrap;}
.foot .bod1 ul li{ width:2.6rem; height:2.6rem; float:left;  margin-right:1rem; display:flex; flex-wrap:wrap; align-items: center;justify-content:center; background:#FFF; border-radius:100%;}
.foot .bod1 ul li img{ width:1.2rem; height:1.2rem; padding-top:4px;}

.foot .bod2{overflow:hidden;width:100%; background:#0093d9; padding:30px 0px; border-top:rgba(255,255,255,0.1) 1px solid;}
.foot .bod2 .item{}
.foot .bod2 .fl{color:#fff; width:100%; overflow:hidden;}
.foot .bod2 .fl dt{ margin-bottom:1rem;}
.foot .bod2 .fr{width:100%; overflow:hidden;}
.foot .bod2 .fr dl{ float:left; margin-right:25px; color:#fff; text-decoration: underline;}

.nybanner{width:100%;overflow: hidden; background:url(../images/product-bj.jpg) no-repeat center center; background-size: cover; margin-top:3rem;}
.nybanner .bod{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; width:90%; margin:auto; margin-top:2rem; margin-bottom:2rem;}
.nybanner .bod .fl{ width:100%;}
.nybanner .bod .fl dt{ font-size:1.6rem; font-weight:bold; color:#FFF;}
.nybanner .bod .fl dd{ margin-top:0.5rem; font-size:1.3rem; color:#FFF;}
.nybanner .bod .fl p{ width:10rem; height:2.5rem; line-height:2.5rem; text-align:center; background:#0093d9; border-radius:2rem; color:#FFF; font-size:18px; margin-top:1rem;}
.nybanner .bod .fl p:hover{ opacity:0.8;}
.nybanner .bod .fr{ width:100%; background:#FFF; border-radius:20px; overflow:hidden; margin-top:1.5rem}
.nybanner .bod .fr dt{ margin:20px;}
.nybanner .bod .fr dt img{ width:100%;}

.nybanner1{width:100%;overflow: hidden; margin-top:3rem;}
.nybanner1 li{width:100%;}
.nybanner1 li img{width:100%;}

.position{ width:100%; border-bottom:#eee 1px solid;}
.position .bod{ width:90%; margin:20px auto;}
.position1{ width:100%; border-bottom:#eee 1px solid; margin-top:3rem; padding:1rem 0px; overflow:hidden; background:#0093d9; color:#FFF;}
.position1 .bod{ width:90%; margin:auto;}

.aboutus{ overflow:hidden; width:100%; margin-top:2rem;}
.aboutus .txt{ text-align:center;}
.aboutus .txt dt{font-size:1.6rem; font-weight:bold; color:#0093d9;}
.aboutus .txt dd{font-size:1.2rem; font-weight:bold; margin-top:0.5rem; color:#666;}
.aboutus .bod{width:90%; margin:auto; overflow:hidden; margin-top:1rem; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.aboutus .bod table{width:100%; font-size:1rem; color:#666; line-height:1.6rem; margin-bottom:1rem;}
.aboutus .bod table img{ width:100%;}
.aboutus .bod p{ margin-top:1rem; line-height:1.6rem;}
.aboutus .shili{width:90%; margin:auto; overflow:hidden;}
.aboutus .shili .counters{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2rem;}
.aboutus .shili .counters dl{display:flex; flex-wrap:wrap; width:100%; border-bottom:#ddd 1px solid; padding-bottom:1.5rem; margin-bottom:2rem; transition: all 0.5s; display:flex; flex-wrap:wrap; justify-content:center;}
.aboutus .shili .counters dl .counter{font-size:2.4rem; color:#0093d9;}
.aboutus .shili .counters dl span{font-size:1.1rem; font-weight:normal; margin-left:5px; color:#0093d9;}
.aboutus .shili .counters dl dt{font-size:1.4rem; font-weight:bold;}
.aboutus .shili .counters dl .bod{width:100%; margin-top:0.5rem; color:#666; display:flex; flex-wrap:wrap; justify-content:center; text-align:center;}
.aboutus .shili .counters dl:hover{border-bottom:#f5f5f5 1px solid; transition: all 0.5s;}

.productlist1{overflow:hidden; width:90%; margin:auto; margin-bottom:2rem;}
.productlist1 .bod{ margin-top:2rem;}
.productlist1 .bod .item{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center;justify-content:space-between; border-bottom:#CCC 1px dashed; padding-bottom:2rem; margin-bottom:2rem;}
.productlist1 .bod .item1 .fl{width:100%;}
.productlist1 .bod .item1 .fl dt{position:relative; padding-bottom:42%; border:#eee 5px solid; border-radius:20px; overflow:hidden;}
.productlist1 .bod .item1 .fl dt img{position:absolute; width:100%; height:100%; border-radius:30px;}
.productlist1 .bod .item1 .fr{width:100%; margin-top:1rem;}
.productlist1 .bod .item1 .fr .txt{font-size:1.4rem; font-weight:bold;}
.productlist1 .bod .item1 .fr .content{ margin-top:1rem; color:#666; line-height:1.6rem;}
.productlist1 .bod .item1 .fr .more{ margin-top:1rem; width: fit-content; background:#0093d9; padding:0.5rem; display:flex; flex-wrap:wrap; align-items: center; border-radius:40px;}
.productlist1 .bod .item1 .fr .more dt{ margin-left:1rem; font-size:1rem; color:#FFF;}
.productlist1 .bod .item1 .fr .more dd{ width:2.5rem; height:2.5rem; line-height:2.4rem; text-align:center; background:#FFF; border-radius:100%; margin-left:30px; color:#0093d9;}
.productlist1 .bod .item1 .fr .more:hover{opacity:0.8;}
.productlist1 .bod .item2 .fr{width:100%; margin-top:1.5rem;}
.productlist1 .bod .item2 .fr dt{position:relative; padding-bottom:42%;}
.productlist1 .bod .item2 .fr dt img{position:absolute; width:100%; height:100%; border-radius:30px;}
.productlist1 .bod .item2 .fl{width:100%;}
.productlist1 .bod .item2 .fl .txt{font-size:1.4rem; font-weight:bold;}
.productlist1 .bod .item2 .fl .content{ margin-top:1rem; color:#666; line-height:1.6rem;}
.productlist1 .bod .item2 .fl .more{ margin-top:1rem; width: fit-content; background:#0093d9; padding:0.5rem; display:flex; flex-wrap:wrap; align-items: center; border-radius:40px;}
.productlist1 .bod .item2 .fl .more dt{ margin-left:1rem; font-size:1rem; color:#FFF;}
.productlist1 .bod .item2 .fl .more dd{ width:2.5rem; height:2.5rem; line-height:2.4rem; text-align:center; background:#FFF; border-radius:100%; margin-left:30px; color:#0093d9;}
.productlist1 .bod .item2 .fl .more:hover{ opacity:0.8;}

.productlist{margin-top:0rem; display: flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:60px;}
.productlist .item{ width:90%; margin:auto; display: flex; flex-wrap:wrap;}
.productlist .item li{width:48.5%; margin-right:3%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); transition: all 0.5s; margin-bottom:3vw;}
.productlist .item li:nth-child(2n){ margin-right:0;}
.productlist .item li dt{ position:relative; padding-bottom:90%; width:90%; margin-left:5%; overflow:hidden;}
.productlist .item li dt img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.productlist .item li dd {width:90%; margin:auto; text-align:center; font-size:1rem; margin-top:0.5rem; margin-bottom:0.5rem;}
.productlist .item li p{width:fit-content; background:#0093d9; margin:auto; margin-bottom:1rem; padding:0.3rem 1rem; color:#FFF; transition: all 0.5s;}
.productlist .item li:hover{transition: all 0.5s; margin-top:-20px;}
.productlist .item li:hover dt img{transition: all 2s; transform: scale(1.1);}
.productlist-active{color:#0093d9;}
.productlist-active img{filter:drop-shadow(#0093d9 0px 10000000px); transform: translateY(-10000000px);}

.product-txt{overflow:hidden; margin-top:0px; padding:10px 0px; border-bottom:#eee 1px solid;}
.product-txt .bod{display: grid; grid-template-columns: auto 1fr; display:flex;flex-wrap:wrap;align-items:center; width:90%; margin:auto;}
.product-txt .bod dt{display:none;}
.product-txt .bod dd{}
.product-txt .bod dd p{background:#f5f5f5; width:100%; margin-bottom:0.5rem;}
.product-txt .bod dd p a{display:block; padding:0.7rem 1.5rem;}

.product-active{ background:#0093d9; color:#FFF;}

h1{ font-size:1.8rem; font-weight:normal; color:#000; line-height:2rem; margin-top:0.7rem; margin-bottom:0.7rem; word-break: normal !important; text-wrap:wrap !important;}
h2{ font-size:1.6rem; font-weight:normal; color:#000; line-height:2rem; margin-top:0.7rem; margin-bottom:0.7rem; word-break: normal !important; text-wrap:wrap !important;}
h3{ font-size:1.4rem; font-weight:normal; color:#000; line-height:1.8rem; margin-top:0.7rem; margin-bottom:0.7rem; word-break: normal !important; text-wrap:wrap !important;}
h4{ font-size:1.3rem; font-weight:normal; color:#000; line-height:1.8rem; margin-top:0.7rem; margin-bottom:0.7rem; word-break: normal !important; text-wrap:wrap !important;}
h5{ font-size:1.2rem; font-weight:normal; color:#000; line-height:1.6rem; margin-top:0.7rem; margin-bottom:0.7rem; word-break: normal !important; text-wrap:wrap !important;}
h6{ font-size:1.1rem; font-weight:normal; color:#000; line-height:1.6rem; margin-top:0.7rem; margin-bottom:0.7rem; word-break: normal !important; text-wrap:wrap !important;}

.product-ico{ width:90%; overflow:hidden; margin:auto; margin-top:1.5rem; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content: space-between;}
.product-ico .fl{ width:100%;}
.product-ico .fl dt{ position:relative; padding-bottom:100%; border-radius:1rem; overflow:hidden; border:#eee 0.3rem solid}
.product-ico .fl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.product-ico .fr{ width:100%;}
.product-ico .fr dt{ margin-top:1rem; font-size:1.6rem; font-weight:bold; color:#0093d9;}
.product-ico .fr dd{ margin-top:1rem; font-size:1.2rem;font-weight:bold; color:#0093d9;}
.product-ico .fr li{ margin-top:1rem; font-size:1rem; line-height:1.6rem; color:#666;}

.product-pics{overflow:hidden; width:90%; margin:auto; margin-top:2rem; display:flex; flex-wrap:wrap; margin-bottom:20px;}
.product-pics dl{ width:48.5%; margin-right:3%; margin-bottom:3vw;}
.product-pics dl:nth-child(2n){ margin-right:0; }
.product-pics dl dt{ position:relative; padding-bottom:100%; border-radius:10px; overflow:hidden; border:#eee 4px solid;}
.product-pics dl dt img{ position:absolute;width:100%; height:100%; object-fit: cover;}

.product{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; width:90%; margin:auto;}
.product p{font-size:1rem; color:#666; line-height:1.6rem; margin-bottom:0.5rem; width:100% !important; word-break: normal !important; text-wrap:wrap !important;}
.product p img{width:100% !important;}
.product span{word-break: normal !important; text-wrap:wrap !important;}
.product table{ width:100%; margin-bottom:1rem; }
.product table td{font-size:1rem; line-height:26px; word-break: normal !important; text-wrap:wrap !important;}
.product table img{ width:100%;}

.product-jianjie{background:#FFF; width:90%; margin:auto; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); overflow:hidden; border:#eee 1px solid; margin-top:1.5rem; margin-bottom:2rem;}
.product-jianjie li{margin:1rem;}
.product-jianjie li img{ width:100%;}
.product-jianjie ul{margin:1rem; line-height:1.6rem; color:#666;}
.product-jianjie dl{ margin:1rem; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.product-jianjie p{font-size:16px; color:#666; line-height:24px; margin-bottom:5px; width:100% !important; word-break: normal !important; text-wrap:wrap !important;}
.product-jianjie p img{width:100% !important;}
.product-jianjie span{word-break: normal !important; text-wrap:wrap !important;}
.product-jianjie table{ width:100%; margin-bottom:1rem;}
.product-jianjie table:nth-child(2n){ margin-right:0}
.product-jianjie table td{font-size:1rem; line-height:1.6rem; word-break: normal !important; text-wrap:wrap !important;}
.product-jianjie table img{ width:100%;}

.certifications{overflow:hidden; background:#f5f5f5; padding:2rem 0px;}
.certifications .bod{display: flex; flex-wrap:wrap; width:90%; margin:auto}
.certifications .bod dl{ width:48.5%; margin-right:3%; margin-bottom:2rem;}
.certifications .bod dl:nth-child(2n){ margin-right:0;}
.certifications .bod dl dt{ position:relative; padding-bottom:140%;}
.certifications .bod dl dt img{ position:absolute; width:100%; height:100%;}
.certifications .bod dl dd{ margin-top:1rem; text-align:center;}

.newslist{overflow:hidden; width:90%; margin:auto; margin-top:2rem;}
.newslist .fl{width:100%;}
.newslist .fl .bod{overflow:hidden;}
.newslist .fl .bod .item{display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:2rem; border-bottom:#eee 1px solid; padding-bottom:2rem;}
.newslist .fl .bod .item dl{width:100%;}
.newslist .fl .bod .item dl dt{ font-size:1.2rem;}
.newslist .fl .bod .item dl p{ margin-top:0.7rem; color:#999;}
.newslist .fl .bod .item dl dd{ font-size:1rem; color:#666; margin-top:0.7rem; line-height:1.4rem;}
.newslist .fl .bod .item dl .more{ margin-top:1rem; width:10rem; height:2.5rem; line-height:2.5rem; text-align:center; background:#0093d9; color:#fff; border:#0093d9 1px solid;}
.newslist .fl .bod .item dl .more:hover{background:#fff; color:#0093d9; border:#0093d9 1px solid;}
.newslist .fl .bod .item ul{width:100%; margin-top:1rem;}
.newslist .fl .bod .item ul li{position: relative; padding-bottom:70%; overflow:hidden;}
.newslist .fl .bod .item ul li img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.newslist .fl .bod .item ul li:hover img{transition: all 0.5s; transform: scale(1.03);}
.newslist .fr{ width:100%;}
.newslist .fr .txt{ border-bottom:#eee 1px solid; padding-bottom:15px;}
.newslist .fr .txt span{ margin-left:10px; font-size:20px;}
.newslist .fr .bod dl{border-bottom:#ddd 1px dashed; padding-top:20px; padding-bottom:20px;}
.newslist .fr .bod dl dt{ color:#666; line-height:24px;}
.newslist .fr .bod dl dd{ margin-top:10px; text-align:right; color:#999;}
.newslist .fr .logo{ margin-top:50px;}
.newslist .fr .logo dt img{ width:100%;}
.newslist .fr .logo dd{ margin-top:50px; width:95%; background:#0093d9; color:#fff; border:#0093d9 1px solid; height:40px; line-height:40px; text-align:center;}
.newslist .fr .logo dd:hover{background:#fff; color:#0093d9; border:#0093d9 1px solid;}

.news{ overflow:hidden; padding-top:1.5rem; width:100%; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .fl{width:90%; margin:auto;}
.news .txt{padding-bottom:1.5rem; margin-bottom:30px; border-bottom:#ddd 1px dashed; padding-bottom:30px; width:100%;}
.news .txt dt{ font-size:1.4rem; text-align:center; color:#0093d9;}
.news .txt dd{text-align:center; margin-top:1rem; color:#999;}
.news .txt p{width:100%; margin:auto; margin-top:1.5rem; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}
.news .txt p img{ width:90%; margin:auto; margin-left:5%; margin-top:4vw; margin-bottom:3vw;}
.news .bod{overflow:hidden;}
.news .bod img{width:100%; margin-bottom:40px;}
.news .bod p{ font-size:1rem; color:#666; line-height:1.6rem; margin-bottom:0.7rem; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}

.message{overflow:hidden; width:90%; margin:auto; margin-top:2rem;}
.message .txt{ text-align:center;}
.message .txt dt{ font-size:1.4rem;}
.message .txt p{ margin-top:0.7rem; font-size:1rem; color:#999;}
.message form{ margin-top:2rem;}
.message form dl{ margin-bottom:1rem; width:100%; overflow:hidden; display: flex; flex-wrap:wrap;}
.message form dl dt{ font-size:1rem; width:100%; text-align:left; color:#787878;}
.message form dl dt span{ margin-right:0.3rem; color:#0093d9;}
.message form dl input{ width:98%; padding-left:1%; height:2.2rem; border-radius:0.3rem; border:#ddd 1px solid; margin-top:0.2rem; font-size:0.9rem; color:#aaa;}
.message form dl input::placeholder{font-size:14px; color:#aaa;}
.message form ul{margin-bottom:1rem; display:flex; flex-wrap:wrap; align-items:center;}
.message form ul li{font-size:1rem; width:100%; margin-bottom:0.2rem; color:#787878;}
.message form ul input{width:77%; border-radius:0px 0.3rem 0.3rem 0px; border:#ddd 1px solid; padding-left:1%; margin-left:-1px; height:35px; font-size:14px; color:#aaa;}
.message form ul input::placeholder{font-size:14px; color:#aaa;}
.message form ul input:nth-child(2){width:20%; border-radius:0.3rem 0px 0px 0.3rem; margin-left:0px; height:35px;}
.message form dl textarea{width:98%; padding-left:1%; height:6rem; border-radius:0.3rem; border:#ddd 1px solid; margin-top:0.3rem; font-family:Arial; font-size:0.9rem; color:#aaa; padding-top:0.4rem;}
.message form dl button{ width:10rem; margin:auto; height:2.2rem; line-height:2.2rem; background:#0093d9; border:none; color:#FFF;}

.contact{overflow:hidden; width:90%; margin:auto; margin-top:2rem; margin-bottom:2rem;}
.contact .bod{display:flex; flex-wrap:wrap;}
.contact .bod dl{ width:100%; margin-right:5%; margin-bottom:3vw; background:#f5f5f5; padding:1rem 0rem;}
.contact .bod dl dt{border-bottom:#eee 1px solid; font-size:18px; padding-bottom:0.7rem; padding-left:1rem; padding-right:1rem;}
.contact .bod dl li{ margin-top:10px; margin-right:30px; line-height:24px; color:#666; display: flex; flex-wrap:wrap; align-items:center; padding-left:1rem; padding-right:1rem; display: flex; flex-wrap:wrap; align-items: center; display: grid; grid-template-columns: auto 1fr;}
.contact .bod dl li img{ width:15px; height:15px; margin-right:5px;}


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

}

@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; }