*{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:94%; margin:auto;}
.w70{ width:70%; margin:auto;}

.translateSelectLanguage{ position:fixed; z-index:9999999; top:35px; right:5%; padding:3px 0px;}
select{ outline:none !important;}

.topbj{background:rgba(5,97,174,0.7); top:20px; z-index:999; left:5%; right:5%; transition: all 0.5s; position:fixed; border-radius:60px; box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.1);}
.topbj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:80px; width:96%; margin:auto;}
.topbj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:80px;}
.topbj .width .logo dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:80px;}
.topbj .width .logo dl img{ height:40px;}
.topbj .width #Menu-btn{display:none;}
.topbj .width #Menu-btn dl{display:none;}
.topbj .width #Menu-btn-h{display:none;}
.topbj .width #menu1{display:none;}
.topbj .width .fr{display:flex; flex-wrap:wrap; align-items:center;}
.topbj .width .fr .search{}
.topbj .width .fr .search img{width:16px; height:16px; filter:drop-shadow(#94d900 0px 1000000px); transform: translateY(-1000000px);}
.topbj .width .navBar{z-index:1; margin-left:20px;}
.topbj .width .nav h3{font-size:100%; font-weight:normal; height:80px; line-height:80px; font-size:16px; margin:0px 20px; text-transform:uppercase; color:#FFF;}
.topbj .width .nav h3 a{ display:block;}
.topbj .width .nav .m{float:left; text-align:center; position:relative;}
.topbj .width .nav .m h3 i{width:15px; height:74px; overflow:hidden; filter:alpha(opacity=100);opacity:1; margin-left:7px; display:flex; flex-wrap:wrap; align-items:center; float:right; overflow:hidden;}
.topbj .width .nav .m h3 i img{width:15px; height:8px; filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}
.topbj .width .nav .m:nth-child(2) h3 i,.topbj .width .nav .m:nth-child(5) h3 i,.topbj .width .nav .m:nth-child(6) h3 i,.topbj .width .nav .m:nth-child(7) h3 i{ display:none;}
.topbj .width .nav.on h3 i img{filter:drop-shadow(#0561ae 0px 10000000px); transform: translateY(-10000000px);}
.topbj .width .nav h3:hover{color:#94d900;}
.topbj .width .nav h3:hover i img{filter:drop-shadow(#94d900 0px 10000000px); transform: translateY(-10000000px);}
.topbj .width .nav .sub{display:none; position:absolute; left:0px; top:80px; width:240px;}
.topbj .width .nav .sub .bod{ background:#0561ae; border-radius:0px 0px 20px 20px; border-top:none; color:#FFF;}
.topbj .width .nav .sub .bod dd{text-align:left; padding-left:20px; padding-bottom:20px; position:relative;}
.topbj .width .nav .sub .bod dd:nth-child(1){padding-top:20px;}
.topbj .width .nav .sub .bod dd:hover{color:#94d900;}
.topbj .width .nav .sub .bod dd .info{position:absolute; left:100%; top:0; width:0px; display:none; transition: all 0.5s; background:#000; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);}
.topbj .width .nav .sub .bod dd:hover .info{display:block; width:240px; transition: all 0.5s;}
.topbj .width .nav .sub .bod dd:hover .info p{color:#fff; text-align:left; padding-left:20px; padding-bottom:10px;}
.topbj .width .nav .sub .bod dd .info p:nth-child(1){padding-top:10px;}
.topbj .width .nav .sub .bod dd .info p:hover{color:#0561ae;}
.active-head{height:80px; line-height:80px; display:block; color:#94d900;}

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

.focusBox {position: relative; width:100%; height:100vh; overflow: hidden; }
.focusBox .pic{position:relative; z-index:0;height:100vh;}
.focusBox .pic img {position:absolute; width:100%; height:100vh; display: block; object-fit: cover; }
.focusBox .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:#7eb900; overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1; }
.focusBox .hd .on{background:#0561ae;}
#scrollLayer1{position: absolute;bottom:0;left:0;width:300%;height:158px;background:url(../images/bolang1.png) repeat-x center bottom;background-size:70% auto;}
#scrollLayer2{position: absolute;bottom:0;right:0;width:300%;height:158px;background:url(../images/bolang1.png) repeat-x center bottom;background-size:70% auto; opacity:0.5;}

.focusBox-wap{ display:none;}

.index1{overflow:hidden; width:90%; margin:auto; margin-top:90px; margin-bottom:80px;}
.index1 .txt{text-align:center; width:1000px; margin:auto;}
.index1 .txt dt{font-size:48px; font-weight:bold;}
.index1 .txt p{ margin-top:15px; font-size:16px; color:#666; line-height:24px;}
.index1 .bod{display: flex; flex-wrap:wrap; margin-top:50px;}
.index1 .bod dl{ width:18.4%; margin-bottom:2%; margin-right:2%; background:#eee; padding-bottom:15px; transition: all 0.5s; border-radius:10px;}
.index1 .bod dl:nth-child(5n){margin-right:0;}
.index1 .bod dl dt{ position:relative; padding-bottom:100%;}
.index1 .bod dl dt img{ position:absolute; width:94%; height:94%; margin-left:3%; margin-top:3%;}
.index1 .bod dl dd{font-size:16px; border-top:none;display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index1 .bod dl:hover{ background:#0561ae; color:#FFF; transition: all 0.5s;}

.shipin123{ position: relative; width:100%; height:100Vh; overflow: hidden;}
.shipin123 li{background:#000; background-size:contain; width:100%; height:100Vh;}
.shipin123 li video{width:100% !important; height:100vh !important;}

.index3{width:100%; margin:auto; overflow:hidden; background:#f5f5f5; padding:80px 0px;}
.index3 .txt{text-align:center; width:1000px; margin:auto;}
.index3 .txt dt{font-size:48px; font-weight:bold;}
.index3 .bod{width:94%; margin:auto; margin-top:50px; display:flex; flex-wrap:wrap;}
.index3 .bod dl{width:23.5%; margin-right:2%; background:#fff; border-radius:10px; padding:40px 0px; margin-bottom:30px; transition: all 0.5s;}
.index3 .bod dl:nth-child(4){ margin-right:0;}
.index3 .bod dl dt{width:110px; height:110px; margin:auto;}
.index3 .bod dl dt img{width:110px; height:110px;}
.index3 .bod dl dd{ margin-top:20px; font-size:24px; font-weight:bold; margin-left:30px; margin-right:30px; text-align:center;}
.index3 .bod dl p{ width:40px; height:1px; background:#151515; margin:auto; margin-top:20px;}
.index3 .bod dl li{margin-left:30px; margin-right:30px; text-align:center; margin-top:20px; color:#666; line-height:24px;}
.index3 .bod dl:hover{box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.1); transition: all 0.5s; background:#0561ae; color:#FFF;}
.index3 .bod dl:hover dt img{filter:drop-shadow(#fff 0px 10000000px); transform: translateY(-10000000px);}
.index3 .bod dl:hover p{background:#fff;}
.index3 .bod dl:hover li{ color:rgba(255,255,255,0.9);}
.index3 .bod dl:hover:nth-child(2n){background:#94d900;}
.index3 .bod dl:hover:nth-child(2n) li{color:rgba(255,255,255,1);}

.index2{width:100%; margin:auto; overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:90px; margin-bottom:90px;}
.index2 .bod{width:90%; margin:auto; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index2 .bod .fl{width:50%;}
.index2 .bod .fl .txt{ overflow:hidden;}
.index2 .bod .fl .txt dt{ font-size:48px; font-weight:bold; text-transform:uppercase;}
.index2 .bod .fl .txt li{ font-size:20px; margin-top:10px; font-weight:bold;}
.index2 .bod .fl .txt dd{ margin-top:25px;}
.index2 .bod .fl .txt dd p{ font-size:16px; margin-bottom:25px; line-height:28px; color:#666;}
.index2 .bod .fl .counters{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:15px;}
.index2 .bod .fl .counters dl{text-align:center; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center; width:33%;}
.index2 .bod .fl .counters dl .counter{ font-size:36px; font-weight:bold; color:#0561ae; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center;}
.index2 .bod .fl .counters dl span{ font-size:18px; font-weight:normal; margin-left:5px; color:#0561ae;}
.index2 .bod .fl .counters dl dt{font-size:36px; font-weight:bold; color:#0561ae;}
.index2 .bod .fl .counters dl .bod{ width:100%; margin-top:10px;}
.index2 .bod .fr{ width:45%;}
.index2 .bod .fr dt{ position:relative; padding-bottom:66%;}
.index2 .bod .fr dt img{ position:absolute; width:100%; height:100%; object-fit: cover; border-radius:30px;}

.index4{width:100%; margin:auto; padding-top:80px; background:#f5f5f5; padding-bottom:60px;}
.index4 .txt{text-align:center; width:1000px; margin:auto;}
.index4 .txt dt{font-size:48px; font-weight:bold;}
.index4 .txt p{ margin-top:15px; font-size:16px; color:#666; line-height:24px;}
.index4 .ladyScroll{position:relative; width:92%; margin:auto; margin-top:25px;}
.index4 .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;}
.index4 .ladyScroll .prev img{width:14px;height:22px;}
.index4 .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;}
.index4 .ladyScroll .next img{width:14px;height:22px;}
.index4 .ladyScroll .dlList{width:100%}
.index4 .ladyScroll dl{width:25%;}
.index4 .ladyScroll dl dt{position:relative; padding-bottom:66%;}
.index4 .ladyScroll dl dt p{ position:absolute; width:94%; height:94%; margin-left:3%; margin-top:3%; border-radius:15px; overflow:hidden;}
.index4 .ladyScroll dl dt p img{width:100%;height:100%;}
.index4 .ladyScroll dl dd{ text-align:center; margin-top:15px; font-size:20px;}

.index4-wap{display:none;}

.index5{width:100%; margin:80px 0px; background:#f5f5f5;}
.index5 .txt{text-align:center; width:1000px; margin:auto;}
.index5 .txt dt{font-size:36px; font-weight:bold;}
.index5 .bod{width:90%; margin:auto; overflow:hidden; margin-top:50px; display:flex; flex-wrap:wrap;}
.index5 .bod dl{width:31%; border-radius:10px; margin-bottom:30px; margin-right:3.5%;}
.index5 .bod dl:nth-child(3n){margin-right:0;}
.index5 .bod dl li{position:relative; padding-bottom:66%;}
.index5 .bod dl li img{ position:absolute; width:100%; height:100%; border-radius:20px;}
.index5 .bod dl ul{position: relative; width:84%; margin:auto; margin-top:-80px; background:#f5f5f5; padding:30px 0px; transition: all 0.5s;}
.index5 .bod dl ul dt{font-size:14px; color:#999; margin-left:30px; margin-right:30px;}
.index5 .bod dl ul dd{margin-top:10px; font-size:24px; font-weight:bold; margin-left:30px; margin-right:30px;}
.index5 .bod dl ul p{margin-top:10px; font-size:16px; color:#999; line-height:26px; margin-left:30px; margin-right:30px;}
.index5 .bod dl ul .more{width:140px; height:45px; border-radius:30px; background:#0561ae; color:#FFF; margin-left:30px; margin-right:30px; margin-top:20px; line-height:45px; text-align:center;}
.index5 .bod dl:hover ul{background:#0561ae; transition: all 0.5s; color:#FFF;}
.index5 .bod dl:hover ul dt{color:rgba(255,255,255,0.8)}
.index5 .bod dl:hover ul p{color:rgba(255,255,255,0.8)}
.index5 .bod dl:hover ul .more{background:#94d900; color:#FFF;}

.index6{width:100%; margin:80px 0px;}
.index6 .txt{text-align:center; width:1000px; margin:auto;}
.index6 .txt dt{font-size:36px; font-weight:bold;}
.index6 .bod{width:90%; margin:auto; overflow:hidden; margin-top:50px; display:flex; flex-wrap:wrap;}
.index6 .bod dl{width:31%; border-radius:10px; margin-bottom:30px; margin-right:3.5%;}
.index6 .bod dl:nth-child(3n){margin-right:0;}
.index6 .bod dl li{position:relative; padding-bottom:66%; overflow:hidden;}
.index6 .bod dl li img{ position:absolute; width:100%; height:100%; border-radius:20px; transition: all 0.5s;}
.index6 .bod dl li .info{position:absolute; top:0; bottom:0; left:0; right:0; display:none; transition: all 0.5s;}
.index6 .bod dl li .info dd{color:#fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); font-size:30px; font-weight:blod; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index6 .bod dl li:hover .info{ display:block; transition: all 0.5s;}
.index6 .bod dl li:hover img{transform: scale(1.2); transition: all 0.5s;}

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

.foot{overflow:hidden; background:#f5f5f5; padding:60px 0px; border-top:#e5e5e5 1px solid;}
.foot .bod{overflow:hidden;width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; border-bottom:#e5e5e5 1px solid; padding-bottom:30px;}
.foot .bod .fr .item{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod .fr .item dl{ margin-left:30px;}
.foot .bod .fr .item dl img{ width:40px;}
.foot .bod .fl .item{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod .fl .item li{ margin-left:30px; font-size:15px; font-weight:bold;}
.foot .bod1{overflow:hidden;width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; border-bottom:#e5e5e5 1px solid; padding-bottom:40px; margin-top:40px;}
.foot .bod1 .fl{ width:100%; display: flex; flex-wrap:wrap;}
.foot .bod1 .fl dl{display: flex; flex-wrap:wrap; display: grid; grid-template-columns: auto 1fr; width:14%;}
.foot .bod1 .fl dl:nth-child(2){ width:12%;}
.foot .bod1 .fl dl:nth-child(3){ width:17%;}
.foot .bod1 .fl dl:nth-child(4){ width:21%;}
.foot .bod1 .fl dl:nth-child(5){ width:36%;}
.foot .bod1 .fl dl dt{ margin-right:15px;}
.foot .bod1 .fl dl dt img{width:40px;}
.foot .bod1 .fl dl dd{ font-weight:bold; font-size:15px;}
.foot .bod1 .fl dl dd p{ font-weight:normal; margin-top:5px; font-size:16px;}
.foot .bod2{overflow:hidden;width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:40px;}
.foot .bod2 .fl{ color:#787878; 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:#787878; text-decoration: underline;}

.foot-active{ color:#0561ae;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{overflow: hidden; padding-top:250px; padding-bottom:100px; width:100%;}
.nybanner li .bod{ width:70%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden;}
.nybanner li .bod .zuobian{width:45%; font-size:60px; color:#FFF; font-weight:bold;}
.nybanner li .bod .youbian{ width:48%; color:#FFF;}
.nybanner li .bod .youbian ul{ font-size:16px; line-height:28px; margin-top:60px;}
.nybanner li .bod .youbian dl{ margin-top:35px; width: fit-content; background:#FFF; color:#225b8d; padding:12px; padding-left:30px; border-radius:40px;display:flex;flex-wrap:wrap;align-items:center;}
.nybanner li .bod .youbian dl span{font-size:18px;}
.nybanner li .bod .youbian dl p{margin-left:25px; background:#94d900; width:36px; height:36px; float:left; color:#FFF; font-size:18px; text-align:center; line-height:32px; border-radius:100%;}
.nybanner li .counters{ width:70%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden; margin-top:150px;}
.nybanner li .counters dl{text-align:center; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center; width:32%; background:#0561ae; border-radius:40px; padding:50px 0px;}
.nybanner li .counters dl .counter{ font-size:48px; font-weight:bold; color:#fff; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center;}
.nybanner li .counters dl span{ font-size:20px; font-weight:normal; margin-left:5px; color:#fff;}
.nybanner li .counters dl dt{font-size:48px; font-weight:bold; color:#fff;}
.nybanner li .counters dl .bod{ width:100%; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:15px; color:rgba(255,255,255,0.8)}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{overflow: hidden; width:100%;}
.nybanner1 li .info{width:100%; overflow:hidden;}
.nybanner1 li .info .bod{ width:70%; margin:auto; margin-top:200px; margin-bottom:450px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.nybanner1 li .info .bod .zuobian{width:45%; font-size:60px; color:#FFF; font-weight:bold; text-shadow: 3px 3px 5px rgba(0,0,0,0.5);}
.nybanner1 li .info .bod .youbian{ width:48%; color:#FFF;}
.nybanner1 li .info .bod .youbian ul{ font-size:16px; line-height:28px; margin-top:60px;}
.nybanner1 li .info .bod .youbian dl{ margin-top:35px; width: fit-content; background:#FFF; color:#225b8d; padding:12px; padding-left:30px; border-radius:40px;display:flex;flex-wrap:wrap;align-items:center;}
.nybanner1 li .info .bod .youbian dl span{font-size:18px;}
.nybanner1 li .info .bod .youbian dl p{margin-left:25px; background:#225b8d; width:36px; height:36px; float:left; color:#FFF; font-size:18px; text-align:center; line-height:32px; border-radius:100%;}

.nybanner2{width:100%;overflow: hidden;}
.nybanner2 li{overflow: hidden; width:100%;}
.nybanner2 li .info{width:100%; overflow:hidden;}
.nybanner2 li .info .bod{ width:800px; margin:auto; margin-top:300px; margin-bottom:250px; text-align:center;}
.nybanner2 li .info .bod dt{font-size:48px; font-weight:bold; color:#FFF; text-shadow: 3px 3px 5px rgba(0,0,0,0.5);}
.nybanner2 li .info .bod dd{font-size:16px; color:#FFF; margin-top:20px;}

.nybanner3{width:100%;overflow: hidden;}
.nybanner3 li{overflow: hidden; width:100%;}
.nybanner3 li .info{width:100%; overflow:hidden;}
.nybanner3 li .info .bod{ width:70%; margin:auto; margin-top:150px; margin-bottom:250px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.nybanner3 li .info .bod .zuobian{width:50%;}
.nybanner3 li .info .bod .zuobian img{width:100%; border-radius:30px;}
.nybanner3 li .info .bod .youbian{ width:40%; color:#FFF;}
.nybanner3 li .info .bod .youbian ul{ font-size:48px; text-shadow: 3px 3px 5px rgba(0,0,0,0.5);}
.nybanner3 li .info .bod .youbian dt{ margin-top:30px; font-size:24px;}
.nybanner3 li .info .bod .youbian dd{ margin-top:20px; font-size:16px;}
.nybanner3 li .info .bod .youbian dl{ margin-top:35px; width: fit-content; background:#FFF; color:#225b8d; padding:12px; padding-left:30px; border-radius:40px;display:flex;flex-wrap:wrap;align-items:center;}
.nybanner3 li .info .bod .youbian dl span{font-size:18px;}
.nybanner3 li .info .bod .youbian dl p{margin-left:25px; background:#225b8d; width:36px; height:36px; float:left; color:#FFF; font-size:18px; text-align:center; line-height:32px; border-radius:100%;}

.nybanner4{width:100%;overflow: hidden;}
.nybanner4 li{overflow: hidden; padding-top:200px; padding-bottom:100px; width:100%;}
.nybanner4 li .txt{width:90%; margin:auto; text-align:center; font-size:60px; font-weight:bold; color:#FFF;}
.nybanner4 li .bod{ width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content:space-between; overflow:hidden; margin-top:80px;}
.nybanner4 li .bod dl{width:31%; background:#FFF; border-left:#0561ae 6px solid; margin-bottom:60px; border-radius:0px 60px 0px 0px; transition: all 0.5s;}
.nybanner4 li .bod dl ul{ margin:30px 40px;}
.nybanner4 li .bod dl ul dt{ font-size:30px;}
.nybanner4 li .bod dl ul dd{ margin-top:15px;}
.nybanner4 li .bod dl ul dd p{ margin-top:10px;}
.nybanner4 li .bod dl:hover{ background:#0561ae; border-left:#94d900 6px solid; color:#FFF; transition: all 0.5s;}
.nybanner4 li .bod dl:hover:nth-child(2n){ background:#94d900; border-left:#0561ae 6px solid; color:#FFF; transition: all 0.5s;}

.productlist{overflow:hidden; width:90%; margin:auto; margin-top:-300px;}
.productlist .txt{display: flex; flex-wrap:wrap; justify-content:center;}
.productlist .txt dl{ width:fit-content; margin:0px 10px; font-size:18px; border-radius:60px; background:#0561ae; color:#FFF;} 
.productlist .txt dl a{padding:20px 40px; display:block; border-radius:60px;}
.productlist .txt dl:hover{background:#94d900; border-radius:60px;}
.productlist .bod{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:80px;}
.productlist .bod dl{width:23.5%; margin-bottom:40px; margin-right:2%;}
.productlist .bod dl:nth-child(4n){ margin-right:0;}
.productlist .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden; background:#f5f5f5; border-radius:20px;}
.productlist .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.productlist .bod dl dt .info{position:absolute; left:5%; bottom:5%; right:5%; height:60px; background:rgba(5,97,174,0.8); transition: all 0.5s; border-radius:10px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF; font-size:16px;}
.productlist .bod dl:hover dt .info{height:90%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

.productlist1{overflow:hidden; width:90%; margin:auto; margin-top:50px;}
.productlist1 .txt{display: flex; flex-wrap:wrap; justify-content:center;}
.productlist1 .txt dl{ width:fit-content; margin:0px 10px; font-size:18px; border-radius:60px; background:#0561ae; color:#FFF;} 
.productlist1 .txt dl a{padding:20px 40px; display:block; border-radius:60px;}
.productlist1 .txt dl:hover{background:#94d900; border-radius:60px;}
.productlist1 .bod{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:80px;}
.productlist1 .bod dl{width:23.5%; margin-bottom:40px; margin-right:2%;}
.productlist1 .bod dl:nth-child(4n){ margin-right:0;}
.productlist1 .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden; background:#f5f5f5; border-radius:20px;}
.productlist1 .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.productlist1 .bod dl dt .info{position:absolute; left:5%; bottom:5%; right:5%; height:60px; background:rgba(5,97,174,0.8); transition: all 0.5s; border-radius:10px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF; font-size:16px;}
.productlist1 .bod dl:hover dt .info{height:90%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

.product-active{background:#94d900;}

.product{width:70%; margin:auto; overflow:hidden; margin-top:-180px; background:#FFF; border-radius:20px; padding:30px; box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.1); margin-bottom:80px;}
.product ul{display: flex; flex-wrap:wrap; justify-content: space-between;}
.product ul li{width:23.5%; margin-bottom:40px; margin-right:2%;}
.product ul li:nth-child(4n){ margin-right:0;}
.product ul li img{ width:100%;}
.product table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important; margin-top:30px;}
.product table tr{ background:#eee !important;}
.product 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 table tr td span{ background:inherit !important; color:inherit !important;}
.product table tr td p{ background:inherit !important; color:inherit !important;}
.product table tr td img{ width:200px;}
.product table tr:nth-child(2n){ background:#FFF !important;}
.product h6{ font-size:18px; margin-top:18px; margin-bottom:10px;}
.product h5{ font-size:20px; margin-top:20px; margin-bottom:10px;}
.product h4{ font-size:22px; margin-top:22px; margin-bottom:10px;}
.product h3{ font-size:24px; margin-top:24px; margin-bottom:10px;}
.product h2{ font-size:28px; margin-top:28px; margin-bottom:10px;}
.product h1{ font-size:30px; margin-bottom:30px; margin-top:50px; color:#234189;}
.product p{ margin-top:10px;}
.product p span{background:inherit !important; color:inherit !important;}
.product img,.product p img{ width:100% !important;}
.product table .firstRow{background:#0561ae !important; color:#FFF; font-weight:bold; font-size:16px;}
.product table tr td img{ width:120px; height:120px;}

.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:#0561ae; border:#0561ae 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:#0561ae; color:#fff; transition: all 0.5s; border:#0561ae 1px solid;}

.news-list{width:1280px; margin:auto; overflow:hidden; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-top:60px;}
.news-list .bod{width:900px;}
.news-list .bod .item1{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:40px; margin-top:30px;}
.news-list .bod .item1 .zuo{width:35%;}
.news-list .bod .item1 .zuo dt{position:relative; padding-bottom:100%;}
.news-list .bod .item1 .zuo dt img{position:absolute; width:100%; height:100%; border-radius:10px; object-fit: cover;}
.news-list .bod .item1 .you{width:60%;}
.news-list .bod .item1 .you dt{ font-size:24px; line-height:32px;}
.news-list .bod .item1 .you dd{ font-size:15px; color:#666; line-height:28px; margin-top:10px;}
.news-list .bod .item1 .you p{ margin-top:20px; color:#666;}
.news-list .bod .item1:hover .you dt{color:#0561ae;}
.news-list .txt{ width:340px; background:#225b8d; border-radius:20px;}
.news-list .txt .txt3{ padding:30px; overflow:hidden; color:#FFF;}
.news-list .txt .txt3 li{ font-size:24px; overflow:hidden}
.news-list .txt .txt3 p{ margin-top:15px;}
.news-list .txt .txt3 form{ margin-top:30px;}
.news-list .txt .txt3 form input{width:260px; margin-bottom:15px; height:50px; border:none; padding-left:20px; border-radius:10px; outline:none; font-size:16px; color:#999;}
.news-list .txt .txt3 form input::placeholder{ font-size:16px; color:#999;}
.news-list .txt .txt3 form textarea{width:260px; margin-bottom:15px; height:120px; border:none; padding-left:20px;border-radius:10px; padding-top:10px; font-size:16px; color:#999; outline:none;font-family:Arial;}
.news-list .txt .txt3 form button{ width:160px; height:50px; background:#94d900; border:none; border-radius:10px; outline:none; color:#FFF; font-size:16px;}

.news{ overflow:hidden; padding-top:50px; width:1280px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .fl{ width:900px;}
.news .txt{padding-bottom:30; margin-bottom:30px;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:10px; color:#666;}
.news .txt dd p{ margin-right:40px;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:40px;}
.news .bod p{ font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}
.news .txt3{width:280px; background:#225b8d; border-radius:20px; padding:30px; overflow:hidden; color:#FFF;}
.news .txt3 li{ font-size:24px; overflow:hidden}
.news .txt3 p{ margin-top:15px;}
.news .txt3 form{ margin-top:30px;}
.news .txt3 form input{width:260px; margin-bottom:15px; height:50px; border:none; padding-left:20px; border-radius:10px; outline:none; font-size:16px; color:#999;}
.news .txt3 form input::placeholder{ font-size:16px; color:#999;}
.news .txt3 form textarea{width:260px; margin-bottom:15px; height:120px; border:none; padding-left:20px; border-radius:10px; padding-top:10px; font-size:16px; color:#999; outline:none; font-family:Arial;}
.news .txt3 form button{ width:160px; height:50px; background:#94d900; border:none; border-radius:10px; outline:none; color:#FFF; font-size:16px;}

.Industry{ overflow:hidden; padding-top:50px; width:1000px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.Industry .fl{ width:100%;}
.Industry .txt{padding-bottom:30; margin-bottom:30px;}
.Industry .txt dd{display: flex; flex-wrap:wrap; margin-top:10px; color:#666;}
.Industry .txt dd p{ margin-right:40px;}
.Industry .bod{overflow:hidden;}
.Industry .bod img{ width:100%; margin-bottom:40px;}
.Industry .bod p{ font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important;}
.Industry .bod span{text-wrap:wrap !important;}

.about{overflow:hidden; position:relative; margin-top:160px; margin-bottom:40px; width:100%; border-bottom:#eee 1px solid; padding-bottom:40px;}
.about .bod{width:70%; margin:auto;}
.about .bod dt{ font-size:36px; font-weight:bold;}
.about .bod dd{ font-size:16px; margin-top:30px;}

.contact{overflow:hidden; margin-top:200px; margin-bottom:70px; width:100%; }
.contact .bod{display:flex; flex-wrap:wrap; justify-content:space-between; width:1280px; margin:auto;}
.contact .bod dl{ width:31.5%; border:#eee 1px solid; text-align:center;  padding:30px 0px; border-radius:20px;}
.contact .bod dl dt img{ width:40px;}
.contact .bod dl dd{ margin-top:10px; font-weight:bold;}
.contact .bod dl li{ margin-top:10px; margin-left:30px; margin-right:30px; line-height:24px; color:#666;}

.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:#333; border:#014a7b 1px solid; height:52px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px;}
.p-search form button:hover{background:#000;}

}

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

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

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

.topbj{ display:none;}

#wap_logo_main{position: relative; height:58px; display: none; position: fixed; top:1rem; left: 0; right: 0;z-index: 999; width:90%; margin:auto;}
#wap_logo{position:relative; z-index: 99; background-color:#0561ae; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); border-radius:3rem;}
#wap_logo .WebLogo{display: flex; align-items: center; max-height: 58px; }
#wap_logo .WebLogo .WebLogo{flex: 1; }
#wap_logo .WebLogo .languagebtn{width: 30px; height: 30px; margin-right: 15px; line-height: 30px; 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 #fff; border-bottom: 2px solid #fff;display: flex; flex-direction: column; align-items: center; justify-content: center;}
#wap_logo .WebLogo .shownavbtn:before{content:""; display: block; width: 100%; height: 2px; background: #fff; }
#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 0; }
.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 { padding: 0 0 0 15px; width: 80%; float: left; }
.seachwrap input.btnSearch { width: 50px; padding: 0; background:url(../images/searchbtn.png) no-repeat center; float: right; opacity: .5; }
.seachwrap button{border:none; outline:none;}

.focusBox{ display:none;}

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

.index2{width:100%; margin:auto; overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:2rem; margin-bottom:2rem;}
.index2 .bod{width:90%; margin:auto;}
.index2 .bod .fl{width:100%;}
.index2 .bod .fl .txt{ overflow:hidden;}
.index2 .bod .fl .txt dt{ font-size:1.8rem; font-weight:bold; text-transform:uppercase;}
.index2 .bod .fl .txt li{ font-size:1.1rem; margin-top:1rem; font-weight:bold;}
.index2 .bod .fl .txt dd{ margin-top:1rem;}
.index2 .bod .fl .txt dd p{ font-size:1rem; margin-bottom:1rem; line-height:1.6rem; color:#666;}
.index2 .bod .fl .counters{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:1rem;}
.index2 .bod .fl .counters dl{text-align:center; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center; width:100%; margin-bottom:1rem; background:#f5f5f5; padding:1.5rem 0rem; border-radius:1rem;}
.index2 .bod .fl .counters dl .counter{ font-size:2.6rem; font-weight:bold; color:#0561ae; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center;}
.index2 .bod .fl .counters dl span{ font-size:1.4rem; font-weight:normal; margin-left:0.5rem; color:#0561ae;}
.index2 .bod .fl .counters dl dt{font-size:2.6rem; font-weight:bold; color:#0561ae;}
.index2 .bod .fl .counters dl .bod{ width:100%; margin-top:0.5rem;}
.index2 .bod .fr{ width:100%; margin-top:1rem;}
.index2 .bod .fr dt{ position:relative; padding-bottom:66%;}
.index2 .bod .fr dt img{ position:absolute; width:100%; height:100%; object-fit: cover; border-radius:1rem;}

.shipin123{ position: relative; width:100%; background:#000;}
.shipin123 li{ width:100%;}
.shipin123 li video{width:100% !important; object-fit: cover;}

.index3{width:100%; margin:auto; overflow:hidden; background:#f5f5f5; padding:2rem 0px;}
.index3 .txt{text-align:center; width:90%; margin:auto;}
.index3 .txt dt{font-size:1.8rem; font-weight:bold;}
.index3 .bod{width:94%; margin:auto; margin-top:1.5rem; display:flex; flex-wrap:wrap;}
.index3 .bod dl{width:100%; background:#fff; border-radius:1rem; padding:2rem 0px; margin-bottom:1rem; transition: all 0.5s;}
.index3 .bod dl dt{width:6rem; height:6rem; margin:auto;}
.index3 .bod dl dt img{width:6rem; height:6rem;}
.index3 .bod dl dd{ margin-top:1rem; font-size:1.4rem; font-weight:bold; margin-left:1rem; margin-right:1em; text-align:center;}
.index3 .bod dl p{ width:2rem; height:0.1rem; background:#151515; margin:auto; margin-top:1rem;}
.index3 .bod dl li{margin-left:1rem; margin-right:1rem; text-align:center; margin-top:1rem; color:#666; line-height:1.6rem;}
.index3 .bod dl:hover{box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.1); transition: all 0.5s; background:#0561ae; color:#FFF;}
.index3 .bod dl:hover dt img{filter:drop-shadow(#fff 0px 10000000px); transform: translateY(-10000000px);}
.index3 .bod dl:hover p{background:#fff;}
.index3 .bod dl:hover li{ color:rgba(255,255,255,0.9);}
.index3 .bod dl:hover:nth-child(2n){background:#94d900;}
.index3 .bod dl:hover:nth-child(2n) li{color:rgba(255,255,255,1);}

.index1{overflow:hidden; width:90%; margin:auto; margin-top:2rem;}
.index1 .txt{text-align:center; width:90%; margin:auto;}
.index1 .txt dt{font-size:1.8rem; font-weight:bold;}
.index1 .txt p{ margin-top:15px; font-size:16px; color:#666; line-height:24px;}
.index1 .bod{display: flex; flex-wrap:wrap; margin-top:1.5rem;}
.index1 .bod dl{ width:100%; margin-bottom:1rem; background:#eee; padding-bottom:1rem; transition: all 0.5s; border-radius:1rem;}
.index1 .bod dl dt{ position:relative; padding-bottom:100%;}
.index1 .bod dl dt img{ position:absolute; width:94%; height:94%; margin-left:3%; margin-top:3%;}
.index1 .bod dl dd{font-size:1rem; border-top:none;display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index1 .bod dl:hover{ background:#0561ae; color:#FFF; transition: all 0.5s;}

.index4{ display:none;}

.index4-wap{width:100%; margin:auto; padding-top:2rem; background:#f5f5f5; padding-bottom:2rem; margin-top:2rem;}
.index4-wap .txt{text-align:center; width:90%; margin:auto;}
.index4-wap .txt dt{font-size:1.8rem; font-weight:bold;}
.index4-wap .ladyScroll-wap{position:relative; width:90%; margin:auto; margin-top:1.5rem;}
.index4-wap .ladyScroll-wap .prev{width:5%;height:100%; position:absolute; top:0;left:-5%;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index4-wap .ladyScroll-wap .prev img{width:14px;}
.index4-wap .ladyScroll-wap .next{width:5%;height:100%; position:absolute; top:0;right:-5%;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index4-wap .ladyScroll-wap .next img{width:14px;}
.index4-wap .ladyScroll-wap .dlList-wap{width:100%; overflow:hidden;}
.index4-wap .ladyScroll-wap .dlList-wap dl{width:100%; overflow:hidden;}
.index4-wap .ladyScroll-wap .dlList-wap dl dt{position:relative; padding-bottom:66%; overflow:hidden; border-radius:15px;}
.index4-wap .ladyScroll-wap .dlList-wap dl dt img{position:absolute; width:100%; height:100%;}
.index4-wap .ladyScroll-wap .dlList-wap dl dt .info{ text-align:center; font-size:1.2rem; position:absolute; bottom:0; color:#FFF; background:rgba(5,97,174,0.8); left:0; right:0; padding:0.5rem;}

.index5{width:100%; margin:2rem 0px;}
.index5 .txt{text-align:center; width:90%; margin:auto;}
.index5 .txt dt{font-size:1.8rem; font-weight:bold;}
.index5 .bod{width:90%; margin:auto; overflow:hidden; margin-top:1.5rem;}
.index5 .bod dl{width:100%; border-radius:10px; margin-bottom:1.5rem; background:#f5f5f5;}
.index5 .bod dl:nth-child(3n){margin-right:0;}
.index5 .bod dl li{position:relative; padding-bottom:66%;}
.index5 .bod dl li img{ position:absolute; width:100%; height:100%; border-radius:1rem 1rem 0rem 0rem;}
.index5 .bod dl ul{padding:1rem 0px; transition: all 0.5s;}
.index5 .bod dl ul dt{font-size:0.9rem; color:#999; margin-left:1rem; margin-right:1rem;}
.index5 .bod dl ul dd{margin-top:0.5rem; font-size:1.4rem; font-weight:bold; margin-left:1rem; margin-right:1rem;}
.index5 .bod dl ul p{margin-top:0.5rem; font-size:1rem; color:#999; line-height:1.6rem; margin-left:1rem; margin-right:1rem;}
.index5 .bod dl ul .more{width:10rem; height:2.6rem; border-radius:3rem; background:#0561ae; color:#FFF; margin-left:1rem; margin-right:1rem; margin-top:1rem; line-height:2.6rem; text-align:center;}
.index5 .bod dl:hover ul{background:#0561ae; transition: all 0.5s; color:#FFF;}
.index5 .bod dl:hover ul dt{color:rgba(255,255,255,0.8)}
.index5 .bod dl:hover ul p{color:rgba(255,255,255,0.8)}
.index5 .bod dl:hover ul .more{background:#94d900; color:#FFF;}

.index6{width:100%; margin:2rem 0px;}
.index6 .txt{text-align:center; width:100%; margin:auto;}
.index6 .txt dt{font-size:1.8rem; font-weight:bold;}
.index6 .bod{width:90%; margin:auto; overflow:hidden; margin-top:1.5rem; display:flex; flex-wrap:wrap;}
.index6 .bod dl{width:100%; border-radius:0.5rem; margin-bottom:1rem;}
.index6 .bod dl li{position:relative; padding-bottom:66%; overflow:hidden;}
.index6 .bod dl li img{ position:absolute; width:100%; height:100%; border-radius:1rem; transition: all 0.5s;}
.index6 .bod dl li .info{position:absolute; top:0; bottom:0; left:0; right:0; transition: all 0.5s;}
.index6 .bod dl li .info dd{color:#fff; text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2); font-size:1.4rem; font-weight:blod; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index6 .bod dl li:hover img{transform: scale(1.2); transition: all 0.5s;}

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

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

.nybanner{width:100%;overflow: hidden;}
.nybanner li{overflow: hidden; padding-top:8rem; padding-bottom:3rem; width:100%;}
.nybanner li .bod{ width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden;}
.nybanner li .bod .zuobian{width:100%; font-size:2rem; color:#FFF; font-weight:bold;}
.nybanner li .bod .youbian{ width:100%; color:#FFF;}
.nybanner li .bod .youbian ul{ font-size:1rem; line-height:1.6rem; margin-top:1.5rem;}
.nybanner li .bod .youbian dl{ margin-top:1.5rem; width: fit-content; background:#FFF; color:#225b8d; padding:0.5rem; padding-left:2rem; border-radius:2rem;display:flex;flex-wrap:wrap;align-items:center;}
.nybanner li .bod .youbian dl span{font-size:1.1rem;}
.nybanner li .bod .youbian dl p{margin-left:1rem; background:#94d900; width:2rem; height:2rem; float:left; color:#FFF; font-size:1.1rem; text-align:center; line-height:1.7rem; border-radius:100%;}
.nybanner li .counters{ width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden; margin-top:2rem;}
.nybanner li .counters dl{text-align:center; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center; width:100%; background:#0561ae; border-radius:2rem; padding:2rem 0px; margin-bottom:1.5rem;}
.nybanner li .counters dl .counter{ font-size:2.8rem; font-weight:bold; color:#fff; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center;}
.nybanner li .counters dl span{ font-size:1.2rem; font-weight:normal; margin-left:5px; color:#fff;}
.nybanner li .counters dl dt{font-size:2.8rem; font-weight:bold; color:#fff;}
.nybanner li .counters dl .bod{ width:100%; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:0.5rem; color:rgba(255,255,255,0.8)}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{overflow: hidden; width:100%;}
.nybanner1 li .info{width:100%; overflow:hidden;}
.nybanner1 li .info .bod{ width:90%; margin:auto; margin-top:8rem; margin-bottom:30rem; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.nybanner1 li .info .bod .zuobian{width:100%; font-size:2rem; color:#FFF; font-weight:bold; text-shadow: 3px 3px 5px rgba(0,0,0,0.5);}
.nybanner1 li .info .bod .youbian{ width:100%; color:#FFF;}
.nybanner1 li .info .bod .youbian ul{ font-size:1rem; line-height:1.6rem; margin-top:1rem;}
.nybanner1 li .info .bod .youbian dl{ margin-top:1.5rem; width: fit-content; background:#FFF; color:#225b8d; padding:0.5rem; padding-left:2rem; border-radius:2rem;display:flex;flex-wrap:wrap;align-items:center;}
.nybanner1 li .info .bod .youbian dl span{font-size:1.1rem;}
.nybanner1 li .info .bod .youbian dl p{margin-left:1rem; background:#94d900; width:2rem; height:2rem; float:left; color:#FFF; font-size:1.1rem; text-align:center; line-height:1.7rem; border-radius:100%;}

.nybanner2{width:100%;overflow: hidden;}
.nybanner2 li{overflow: hidden; width:100%;}
.nybanner2 li .info{width:100%; overflow:hidden;}
.nybanner2 li .info .bod{ width:90%; margin:auto; margin-top:8rem; margin-bottom:4rem; text-align:center;}
.nybanner2 li .info .bod dt{font-size:2rem; font-weight:bold; color:#FFF; text-shadow: 3px 3px 5px rgba(0,0,0,0.5);}
.nybanner2 li .info .bod dd{font-size:1rem; color:#FFF; margin-top:1rem;}

.nybanner3{width:100%;overflow: hidden;}
.nybanner3 li{overflow: hidden; width:100%;}
.nybanner3 li .info{width:90%; margin:auto; overflow:hidden;}
.nybanner3 li .info .bod{ width:100%; margin:auto; margin-top:6rem; margin-bottom:250px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.nybanner3 li .info .bod .zuobian{width:100%;}
.nybanner3 li .info .bod .zuobian img{width:100%; border-radius:30px;}
.nybanner3 li .info .bod .youbian{ width:100%; color:#FFF; text-align:center;}
.nybanner3 li .info .bod .youbian ul{ font-size:2rem; text-shadow: 3px 3px 5px rgba(0,0,0,0.5); margin-top:2rem;}
.nybanner3 li .info .bod .youbian dt{ margin-top:1rem; font-size:1.2rem;}
.nybanner3 li .info .bod .youbian dd{ margin-top:20px; font-size:16px;}
.nybanner3 li .info .bod .youbian dl{ margin-top:1.5rem; width: fit-content; background:#FFF; color:#225b8d; padding:0.5rem; padding-left:2rem; border-radius:2rem;display:flex;flex-wrap:wrap;align-items:center; margin:auto;}
.nybanner3 li .info .bod .youbian dl span{font-size:1rem;}
.nybanner3 li .info .bod .youbian dl p{margin-left:1rem; background:#94d900; width:2rem; height:2rem; float:left; color:#FFF; font-size:1.1rem; text-align:center; line-height:1.7rem; border-radius:100%;}

.nybanner4{width:100%;overflow: hidden;}
.nybanner4 li{overflow: hidden; padding-top:8rem; padding-bottom:3rem; width:100%;}
.nybanner4 li .txt{width:90%; margin:auto; text-align:center; font-size:2rem; font-weight:bold; color:#FFF;}
.nybanner4 li .bod{ width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content:space-between; overflow:hidden; margin-top:2rem;}
.nybanner4 li .bod dl{width:100%; background:#FFF; border-left:#0561ae 6px solid; margin-bottom:1rem; border-radius:0px 2rem 0px 0px; transition: all 0.5s;}
.nybanner4 li .bod dl ul{ margin:1rem 1.5rem;}
.nybanner4 li .bod dl ul dt{ font-size:1.4rem;}
.nybanner4 li .bod dl ul dd{ margin-top:0.5rem;}
.nybanner4 li .bod dl ul dd p{ margin-top:0.5rem; line-height:1.4rem; font-size:0.9rem;}
.nybanner4 li .bod dl:hover{ background:#0561ae; border-left:#94d900 6px solid; color:#FFF; transition: all 0.5s;}
.nybanner4 li .bod dl:hover:nth-child(2n){ background:#94d900; border-left:#0561ae 6px solid; color:#FFF; transition: all 0.5s;}

.productlist{overflow:hidden; width:90%; margin:auto; margin-top:-26rem;}
.productlist .txt{display: flex; flex-wrap:wrap; justify-content:center;}
.productlist .txt dl{ width:100%; margin:0px 0.5rem; font-size:1rem; border-radius:60px; background:#0561ae; color:#FFF; margin-bottom:1rem;} 
.productlist .txt dl a{padding:1rem 2rem; display:block; border-radius:60px; text-align:center;}
.productlist .txt dl:hover{background:#94d900; border-radius:60px;}
.productlist .bod{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:2rem;}
.productlist .bod dl{width:100%; margin-bottom:1rem;}
.productlist .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden; background:#f5f5f5; border-radius:20px;}
.productlist .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.productlist .bod dl dt .info{position:absolute; left:5%; bottom:5%; right:5%; height:60px; background:rgba(5,97,174,0.8); transition: all 0.5s; border-radius:10px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF; font-size:1rem;}
.productlist .bod dl:hover dt .info{height:90%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

.productlist1{overflow:hidden; width:90%; margin:auto; margin-top:2rem;}
.productlist1 .txt{display: flex; flex-wrap:wrap; justify-content:center;}
.productlist1 .txt dl{ width:100%; margin:0px 0.5rem; font-size:1rem; border-radius:60px; background:#0561ae; color:#FFF; margin-bottom:1rem;} 
.productlist1 .txt dl a{padding:1rem 2rem; display:block; border-radius:60px; text-align:center;}
.productlist1 .txt dl:hover{background:#94d900; border-radius:60px;}
.productlist1 .bod{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:1rem;}
.productlist1 .bod dl{width:100%; margin-bottom:1rem;}
.productlist1 .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden; background:#f5f5f5; border-radius:20px;}
.productlist1 .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.productlist1 .bod dl dt .info{position:absolute; left:5%; bottom:5%; right:5%; height:60px; background:rgba(5,97,174,0.8); transition: all 0.5s; border-radius:10px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF; font-size:1rem;}
.productlist1 .bod dl:hover dt .info{height:90%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

.product-active{background:#94d900;}

.product{width:80%; margin:auto; overflow:hidden; margin-top:-11rem; background:#FFF; border-radius:1rem; padding:5%; box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.1); margin-bottom:3rem;}
.product ul{display: flex; flex-wrap:wrap; justify-content: space-between;}
.product ul li{width:100%; margin-bottom:1rem; margin-right:2%;}
.product ul li img{ width:100%;}
.product table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important; margin-top:30px;}
.product table tr{ background:#eee !important;}
.product 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 table tr td span{ background:inherit !important; color:inherit !important;}
.product table tr td p{ background:inherit !important; color:inherit !important;}
.product table tr td img{ width:200px;}
.product table tr:nth-child(2n){ background:#FFF !important;}
.product h6{ font-size:1rem; margin-top:1rem; margin-bottom:1rem;}
.product h5{ font-size:1.1rem; margin-top:1rem; margin-bottom:1rem;}
.product h4{ font-size:1.2rem; margin-top:1rem; margin-bottom:1rem;}
.product h3{ font-size:1.3rem; margin-top:1rem; margin-bottom:1rem;}
.product h2{ font-size:1.4rem; margin-top:1rem; margin-bottom:1rem;}
.product h1{ font-size:1.6rem; margin-top:1rem; margin-bottom:1rem; color:#234189;}
.product p{ margin-top:1rem; line-height:1.6rem;}
.product p span{background:inherit !important; color:inherit !important;}
.product img,.product p img{ width:100% !important;}
.product table .firstRow{background:#0561ae !important; color:#FFF; font-weight:bold; font-size:16px;}
.product table tr td img{ width:120px; height:120px;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:0; font-size:0.9rem;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666; padding:0.3rem; flex:1; overflow:hidden; overflow:hidden; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0.3rem;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0.55rem; background:#0561ae; border:none;}
.fanye .fenye2 .page-num-current:hover{color:#0561ae;}
.fanye a{padding:0.5rem; background:#f5f5f5; transition: all 0.5s; margin:0.1rem; margin-bottom:0.2rem;}
.fanye a:hover{background:#0561ae; color:#fff; transition: all 0.5s;}

.news-list{width:90%; margin:auto; overflow:hidden; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-top:2rem;}
.news-list .bod{width:100%;}
.news-list .bod .item1{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:1.5rem;}
.news-list .bod .item1 .zuo{width:100%;}
.news-list .bod .item1 .zuo dt{position:relative; padding-bottom:100%;}
.news-list .bod .item1 .zuo dt img{position:absolute; width:100%; height:100%; border-radius:0.5rem; object-fit: cover;}
.news-list .bod .item1 .you{width:100%; margin-top:1rem;}
.news-list .bod .item1 .you dt{ font-size:1.4rem; line-height:1.8rem;}
.news-list .bod .item1 .you dd{ font-size:0.9rem; color:#666; line-height:1.5rem; margin-top:0.5rem;}
.news-list .bod .item1 .you p{ margin-top:0.7rem; color:#666;}
.news-list .bod .item1:hover .you dt{color:#0561ae;}
.news-list .txt{ width:100%; background:#225b8d; border-radius:1rem; margin-top:2rem; margin-bottom:2rem;}
.news-list .txt .txt3{overflow:hidden; color:#FFF; padding:1.5rem 0rem;}
.news-list .txt .txt3 li{ font-size:1.6rem; overflow:hidden; margin-left:1rem; margin-right:1rem;}
.news-list .txt .txt3 p{ margin-top:0.5rem; margin-left:1rem; margin-right:1rem;}
.news-list .txt .txt3 form{ margin-top:1rem; margin-left:1rem; margin-right:1rem;}
.news-list .txt .txt3 form input{width:95%; margin-bottom:0.5rem; height:2.8rem; border:none; padding-left:5%; border-radius:0.5rem; outline:none; font-size:1rem; color:#999;}
.news-list .txt .txt3 form input::placeholder{ font-size:1rem; color:#999;}
.news-list .txt .txt3 form textarea{width:95%; margin-bottom:0.5rem; height:6rem;border:none; padding-left:5%;border-radius:0.5rem; padding-top:0.5rem; font-size:1rem; color:#999; outline:none;font-family:Arial;}
.news-list .txt .txt3 form button{ width:100%; height:2.8rem; background:#94d900; border:none; border-radius:0.5rem; outline:none; color:#FFF; font-size:1rem;}

.news{ overflow:hidden; padding-top:1rem; width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .fl{ width:100%;}
.news .txt{padding-bottom:30; margin-bottom:1rem;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:10px; color:#666;}
.news .txt dd p{ margin-right:2rem; margin-bottom:1rem;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:1.5rem;}
.news .bod p{ font-size:1rem; color:#666; line-height:1.6rem; margin-bottom:1rem; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}
.news .txt3{width:100%; background:#225b8d; border-radius:1rem; padding:1rem 0rem; overflow:hidden; color:#FFF; margin-top:1rem; margin-bottom:2rem;}
.news .txt3 li{font-size:1.6rem; overflow:hidden; margin-left:1rem; margin-right:1rem;}
.news .txt3 p{ margin-top:0.5rem; margin-left:1rem; margin-right:1rem;}
.news .txt3 form{ margin-top:1rem; margin-left:1rem; margin-right:1rem;}
.news .txt3 form input{width:95%; margin-bottom:0.5rem; height:2.8rem; border:none; padding-left:5%; border-radius:0.5rem; outline:none; font-size:1rem; color:#999;}
.news .txt3 form input::placeholder{ font-size:1rem; color:#999;}
.news .txt3 form textarea{width:95%; margin-bottom:0.5rem; height:6rem;border:none; padding-left:5%;border-radius:0.5rem; padding-top:0.5rem; font-size:1rem; color:#999; outline:none;font-family:Arial;}
.news .txt3 form button{ width:100%; height:2.8rem; background:#94d900; border:none; border-radius:0.5rem; outline:none; color:#FFF; font-size:1rem;}

.Industry{ overflow:hidden; padding-top:1rem; width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.Industry .fl{ width:100%;}
.Industry .txt{padding-bottom:30; margin-bottom:1rem;}
.Industry .txt dd{display: flex; flex-wrap:wrap; margin-top:10px; color:#666;}
.Industry .txt dd p{ margin-right:2rem; margin-bottom:1rem;}
.Industry .bod{overflow:hidden;}
.Industry .bod img{ width:100%; margin-bottom:1.5rem;}
.Industry .bod p{ font-size:1rem; color:#666; line-height:1.6rem; margin-bottom:1rem; text-wrap:wrap !important;}
.Industry .bod span{text-wrap:wrap !important;}

.about{overflow:hidden; position:relative; margin-top:6rem; margin-bottom:40px; width:100%; border-bottom:#eee 1px solid; padding-bottom:40px;}
.about .bod{width:90%; margin:auto;}
.about .bod dt{ font-size:1.4rem; font-weight:bold;}
.about .bod dd{ font-size:1rem; margin-top:1rem;}

.contact{overflow:hidden; margin-top:120px; margin-bottom:2rem; width:100%;}
.contact .bod{display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto;}
.contact .bod dl{width:100%; border:#eee 1px solid; text-align:center;  padding:1.5rem 0px; border-radius:20px; margin-bottom:1.5rem;}
.contact .bod dl dt img{width:2.5rem;}
.contact .bod dl dd{margin-top:0.5rem; font-weight:bold;}
.contact .bod dl li{margin-top:0.5rem; margin-left:1.5rem; margin-right:1.5rem; line-height:1.5rem; color:#666;}

.p-search{width:100%; display: flex; flex-wrap:wrap; align-items:center; justify-content: center; margin-top:110px;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center; justify-content: center; width:100%; overflow:hidden; border:#ddd 1px solid; border-radius:2rem;}
.p-search form input{ width:65%; height:2.5rem; outline:none; font-size:0.9rem; padding-left:5%; border:none;}
.p-search form button{ width:30%; background:#014a7b; border:none; height:2.6rem; font-size:1rem; color:#FFF; text-transform:uppercase;}
}

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