*{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:rgba(255,255,255,1); top:0px; z-index:999; left:0; right:0; transition: all 0.5s; position:fixed; border-bottom:#e5e5e5 1px solid;}
.topbj .width{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:100px;}
.topbj .width .logo img{ height:50px;}
.topbj .width .navBar{z-index:1; margin-left:20px; display:flex; flex-wrap:wrap; align-items: center;}
.topbj .width .nav{display:flex; flex-wrap:wrap; justify-content:center; align-items: center;}
.topbj .width .nav h3{font-size:100%; height:103px; line-height:103px; font-size:16px; margin:0px 18px; text-transform:uppercase; color:#333;}
.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:100px; overflow:hidden; filter:alpha(opacity=100);opacity:1; margin-left:7px; display:flex; flex-wrap:wrap; align-items:center; float:right; overflow:hidden;}
.topbj .width .nav .m h3 i img{width:15px; height:8px; filter:drop-shadow(#666 0px 1000000px); transform: translateY(-1000000px);}
.topbj .width .nav .m:nth-child(3) 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 !important;}
.topbj .width .nav.on h3 i img{filter:drop-shadow(#cf1a05 0px 10000000px); transform: translateY(-10000000px);}
.topbj .width .nav h3:hover{color:#cf1a05;}
.topbj .width .nav h3:hover i img{filter:drop-shadow(#cf1a05 0px 10000000px); transform: translateY(-10000000px);}
.topbj .width .nav .sub{display:none; position:absolute; left:0px; top:101px; 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; position:relative; font-weight:bold; border-left: #cf1a05 1px solid; border-right: #cf1a05 1px solid;border-bottom: #cf1a05 1px solid;}
.topbj .width .nav .sub .bod dd span{ float:right; margin-right:18px; font-weight:bold;}
.topbj .width .nav .sub .bod dd:nth-child(1){border-top:0px; border-top: #cf1a05 1px solid;}
.topbj .width .nav .sub .bod dd:hover{color:#fff; background:#cf1a05 ;}
.topbj .width .nav .sub .bod dd .info{position:absolute; left:300px; top:-1px; width:0px; display:none; transition: all 0.5s; background:#fff; border:#cf1a05 1px solid;}
.topbj .width .nav .sub .bod dd:hover .info{display:block; width:300px; transition: all 0.5s;}
.topbj .width .nav .sub .bod dd:hover .info p{color:#333; text-align:left; padding-left:20px; padding-bottom:15px; padding-top:15px; border-top: #cf1a05 1px solid;}
.topbj .width .nav .sub .bod dd:hover .info p:nth-child(1){border-top: none;}
.topbj .width .nav .sub .bod dd .info p:hover{color:#fff; background:#cf1a05 ;}
.topbj .width .navBar .fr{margin-left:18px; display:flex; flex-wrap:wrap; align-items:center;}
.topbj .width .navBar .fr .yuyan{display:flex; flex-wrap:wrap; align-items:center;}
.topbj .width .navBar .fr .yuyan img{width:16px;}
.topbj .width .navBar .fr .yuyan span{margin-left:6px; font-size:16px; font-weight:bold;}
.topbj .width .navBar .fr .yuyan:hover img{filter:drop-shadow(#cf1a05 0px 10000000px); transform: translateY(-10000000px);}
.topbj .width .navBar .fr .yuyan:hover span{color:#cf1a05;}
.topbj .width .navBar .fr .search{margin-left:36px;}
.topbj .width .navBar .fr .search img{width:16px; filter:drop-shadow(#333 0px 10000000px); transform: translateY(-10000000px);}
.topbj .width .navBar .fr .search:hover img{filter:drop-shadow(#cf1a05 0px 10000000px); transform: translateY(-10000000px);}
.topbj .width .navBar .fr .contact-head{margin-left:36px;}
.topbj .width .navBar .fr .contact-head li{width:140px; background:#cf1a05; height:40px; line-height:40px !important; text-align:center; color:#FFF; font-weight:bold;}
.topbj .width .navBar .fr .contact-head li:hover{background:#d1340d;}
.active-head{height:97px; line-height:97px; display:block; color:#cf1a05; border-top:#cf1a05 3px solid; margin-top:0px; font-weight:bold;}
.active-head>i img{filter:drop-shadow(#cf1a05 0px 10000000px) !important; transform: translateY(-10000000px) !important;}

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

.focusBox {position: relative; width:100%; height:100vh; overflow: hidden; }
.focusBox .pic li{position:relative; z-index:0;height:100vh; width:100%; background:#000;}
.focusBox .pic li video{height:100vh; width:100%; height:100vh; position:absolute; object-fit: cover;}
.focusBox .hd {position: absolute; bottom: 30px; font-size:0; z-index:1; right:5%;}
.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:#cf1a05;}
.focusBox .info{position: absolute; bottom:80px; font-size:0; z-index:1; left:10%; width:500px;}
.focusBox .info dt{font-size:48px; color:#FFF; font-weight:bold;}
.focusBox .info dd{font-size:24px; color:#FFF; font-weight:bold; margin-top:15px;}
.focusBox .info p{ width:260px; height:50px; line-height:50px; font-size:18px; color:#FFF; text-align:center; background:#cf1a05; margin-top:20px;}

.index1{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:90px;}
.index1 .txt{text-align:center; width:760px; margin:auto;}
.index1 .txt dt{ font-size:48px; font-weight:bold; text-transform:uppercase; color:#cf1a05;}
.index1 .txt p{background:#cf1a05; width:70px; height:3px; margin:auto; margin-top:15px;}
.index1 .bod{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:80px;}
.index1 .bod .fl{width:50%;}
.index1 .bod .fl .tit{ overflow:hidden; text-align:left; width:100%;}
.index1 .bod .fl .tit dt{ font-size:24px; font-weight:bold; text-transform:uppercase; color:#333;}
.index1 .bod .fl .tit dd{ margin-top:25px; width:100%;}
.index1 .bod .fl .tit dd p{ line-height:24px;}
.index1 .bod .fl .tit li{ width:260px; height:50px; line-height:50px; font-size:18px; color:#FFF; text-align:center; background:#cf1a05; margin-top:60px;}
.index1 .bod .fr{ width:45%;}
.index1 .bod .fr dt{ position:relative; padding-bottom:66%;}
.index1 .bod .fr dt img{ position:absolute; width:100%; height:100%; object-fit: cover; border-radius:30px;}

.index2{ width:76%; margin:auto; margin-top:90px;}
.index2 .ladyScroll{position:relative;}
.index2 .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;}
.index2 .ladyScroll .prev img{width:14px;height:22px;}
.index2 .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;}
.index2 .ladyScroll .next img{width:14px;height:22px;}
.index2 .ladyScroll .dlList{width:100%}
.index2 .ladyScroll dl{width:25%;}
.index2 .ladyScroll dl dt{position:relative; padding-bottom:70%; overflow:hidden;}
.index2 .ladyScroll dl dt p{ position:absolute; width:94%; height:94%; left:3%; bottom:0; overflow:hidden;}
.index2 .ladyScroll dl dt p img{width:100%;height:100%; transition: all 1s;}
.index2 .ladyScroll dl:hover dt p img{transition: all 1s; transform: scale(1.1);}
.index2 .ladyScroll dl dd{text-align:center; font-size:16px; background:#eee; width:94%; margin-left:3%; padding:15px 0px;}

.index2-wap{ display:none;}

.index3{overflow:hidden; margin-top:100px; background:#f5f5f5;}
.index3 .txt{text-align:center; width:1000px; margin:auto; margin-top:90px;}
.index3 .txt dt{font-size:48px; font-weight:bold; color:#cf1a05;}
.index3 .txt p{background:#cf1a05; width:70px; height:3px; margin:auto; margin-top:15px;}
.index3 .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:70px; margin-bottom:120px;}
.index3 .bod dl{width:30%; margin-bottom:5%; background:#fff; padding-bottom:15px; transition: all 0.5s; padding:35px 0px; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);}
.index3 .bod dl:nth-child(2),.index3 .bod dl:nth-child(5){ margin-bottom:-120px;}
.index3 .bod dl p{ margin-left:30px; margin-right:30px; font-size:18px; line-height:28px; height:60px; font-weight:bold;}
.index3 .bod dl dt{ position:relative; padding-bottom:100%;}
.index3 .bod dl dt img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.index3 .bod dl dd{font-size:16px; width:fit-content; height:45px; line-height:45px; padding:0px 40px; background:#cf1a05; color:#FFF; margin:0px 30px; margin-top:20px; float:right; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.index3 .bod dl:hover{ background:#cf1a05; color:#FFF; transition: all 0.5s;}
.index3 .bod dl:hover dt img{transition: all 2s; transform: scale(1.2);}
.index3 .bod dl:hover dd{ background:#FFF; color:#cf1a05;}

.index4{overflow:hidden; padding-bottom:80px;}
.index4 .txt{text-align:center; width:1000px; margin:auto; margin-top:90px;}
.index4 .txt dt{font-size:48px; font-weight:bold; text-transform:uppercase; color:#cf1a05;}
.index4 .txt p{background:#cf1a05; width:70px; height:3px; margin:auto; margin-top:15px;}
.index4 .picScroll-left{ width:96%; margin:auto; position:relative; margin-top:50px;}
.index4 .picScroll-left .hd{ overflow:hidden;  height:30px;}
.index4 .picScroll-left .hd .prev{ position:absolute; left:-2%; top:50%; width:2%; text-align:center;}
.index4 .picScroll-left .hd .prev img{width:14px;height:22px;}
.index4 .picScroll-left .hd .next{ position:absolute; right:-2%; top:50%; width:2%; text-align:center;}
.index4 .picScroll-left .hd .next img{width:14px;height:22px;}
.index4 .picScroll-left .hd ul{overflow:hidden; zoom:1; margin-top:80px; zoom:1; position:absolute; left:0; right:0; display: flex; align-items:center; justify-content:center;}
.index4 .picScroll-left .hd ul li{float:left;  width:17px; height:17px; overflow:hidden; cursor:pointer; background:#ddd; margin:0px 10px; border-radius:100%; font-size:0px;}
.index4 .picScroll-left .hd ul li.on{ background:#cf1a05;}
.index4 .picScroll-left .bd{overflow:hidden;}
.index4 .picScroll-left .bd ul{overflow:hidden; zoom:1; display:flex; flex-wrap:wrap;}
.index4 .picScroll-left .bd ul li{overflow:hidden; width:20%;}
.index4 .picScroll-left .bd ul li .pic{ width:94%; margin-left:3%; margin-right:3%; background:#f5f5f5; transition: all 0.5s;}
.index4 .picScroll-left .bd ul li .pic p{position:relative; padding-bottom:100%; overflow:hidden; border:#f5f5f5 10px solid; transition: all 0.5s;}
.index4 .picScroll-left .bd ul li .pic p img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.index4 .picScroll-left .bd ul li .title{background:#f5f5f5; text-align:center; width:94%; margin-left:3%; padding-bottom:3%; padding-top:10px; padding-bottom:20px;}
.index4 .picScroll-left .bd ul li:hover .pic{background:#cf1a05; transition: all 0.5s;}
.index4 .picScroll-left .bd ul li:hover .pic p{border:#cf1a05 10px solid; transition: all 0.5s;}
.index4 .picScroll-left .bd ul li:hover .pic p img{transition: all 2s; transform: scale(1.2); }
.index4 .picScroll-left .bd ul li:hover .title{background:#cf1a05; color:#FFF; transition: all 0.5s;}

.index4-wap{ display:none;}

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

.index6{margin-top:50px;}
.index6 .txt{text-align:center; width:1000px; margin:auto;}
.index6 .txt dt{font-size:48px; font-weight:bold; text-transform:uppercase; color:#cf1a05;}
.index6 .txt p{background:#cf1a05; width:70px; height:3px; margin:auto; margin-top:15px;}
.index6 .sideMenu{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:60px;}
.index6 .sideMenu dl{width:48%; margin-bottom:0;}
.index6 .sideMenu dl:nth-child(1){margin-top:0px;}
.index6 .sideMenu h3{padding-left:10px;  border-top:1px solid #eee; background:#f5f5f5; cursor:pointer;font:normal 16px/28px "Microsoft YaHei"; border:1px solid #ddd; padding-top:10px; padding-bottom:10px; margin-bottom:10px !important; margin-top:0px !important;}
.index6 .sideMenu h3 em{float:right; display:block; width:40px; height:50px; background:url(../images/icoAdd.png) 16px 10px no-repeat; cursor:pointer; }
.index6 .sideMenu h3.on em{background-position:16px -57px; }
.index6 .sideMenu ul{padding:8px 25px; color:#999; display:none;}

.index7{ background:#f5f5f5; margin-top:90px; padding:90px 0px;}
.index7 .txt{text-align:center; width:1000px; margin:auto;}
.index7 .txt dt{font-size:48px; font-weight:bold; text-transform:uppercase; color:#cf1a05;}
.index7 .txt p{background:#cf1a05; width:70px; height:3px; margin:auto; margin-top:15px;}
.index7 .bod{overflow:hidden; margin-top:50px; display:flex; flex-wrap:wrap;}
.index7 .bod dl{width:31.4%; background:#f5f5f5; margin-right:2.9%;}
.index7 .bod dl:nth-child(3n){ margin-right:0;}
.index7 .bod dl li{ position:relative; padding-bottom:65%; overflow:hidden;}
.index7 .bod dl li img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.index7 .bod dl dt{color:#999; margin-top:15px;}
.index7 .bod dl dd{margin-top:20px; font-size:16px; font-weight:bold; }
.index7 .bod dl p{margin-top:10px; font-size:16px; color:#999; line-height:26px;}
.index7 .bod dl ul{ width:140px; height:50px; line-height:50px; text-align:center; background:#cf1a05; color:#FFF; margin-top:20px;}
.index7 .bod dl:hover li img{ transition: all 3s; transform: scale(1.1);}
.index7 .bod dl ul:hover{background:#d1340d;}
.index7 .bod dl:hover dd{ color:#cf1a05;}

.index-message{margin-top:90px; margin-bottom:90px;}
.index-message .txt{text-align:center; width:1000px; margin:auto;}
.index-message .txt dt{font-size:48px; font-weight:bold; text-transform:uppercase; color:#cf1a05;}
.index-message .txt p{background:#cf1a05; width:70px; height:3px; margin:auto; margin-top:15px;}
.index-message .message{ margin-top:60px;}
.index-message .message form{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:20px;}
.index-message .message form dl{width:32%; margin-bottom:30px; display:flex; flex-wrap:wrap; align-items: center;}
.index-message .message form dl dt{color:#cf1a05; margin-right:5px; font-size:20px;}
.index-message .message form dl dd{font-size:16px; font-weight:bold;}
.index-message .message form dl input{background:#f2f2f2; border:none; height:50px; width:100%; margin-top:10px;}
.index-message .message form dl input::placeholder{color:#333; font-size:16px;}
.index-message .message form ul{width:100%; margin-bottom:20px; display:flex; flex-wrap:wrap; align-items: center;}
.index-message .message form ul dt{color:#cf1a05; margin-right:5px; font-size:20px;}
.index-message .message form ul dd{font-size:16px; margin-bottom:10px; font-weight:bold;}
.index-message .message form ul textarea{width:100%; height:120px; background:#f2f2f2; border:none; color:#333; font-size:16px;font-family:Arial;}
.index-message .message form li{width:300px; margin:auto;}
.index-message .message form li button{width:300px; margin:auto; height:52px; background:#cf1a05; border:none;color:#fff; font-size:16px; margin-top:30px;}
.index-message .message form li button:hover{background:#d1340d;}

.foot{overflow:hidden; background:#f5f5f5; padding-top:60px;}
.foot .bod{overflow:hidden;display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; padding-bottom:20px; border-bottom:#ddd 1px solid;}
.foot .bod .fl{ font-size:20px; font-weight:bold; width:100%;}
.foot .bod .fr{width:100%; margin-top:30px;}
.foot .bod .fr .item{display: flex; flex-wrap:wrap; justify-content:space-between;}
.foot .bod .fr .item dl{margin-right:30px; font-size:16px;}
.foot .bod .fr .item dl dt{ font-weight:bold;}
.foot .bod .fr .item dl dd p{ margin-top:15px;}
.foot .bod1{overflow:hidden;display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; padding-bottom:40px; margin-top:25px;}
.foot .bod1 .fl{display: flex; flex-wrap:wrap; width:65%;}
.foot .bod1 .fl dl{display: flex; flex-wrap:wrap; display: grid; grid-template-columns: auto 1fr; margin-right:80px;}
.foot .bod1 .fl dl dt img{ width:15px;}
.foot .bod1 .fl dl dd{ margin-left:5px; line-height:15px; font-weight:bold;}
.foot .bod1 .fl dl dd span{ margin-left:5px; font-weight: normal;}
.foot .bod1 .fl dl:nth-child(3){ margin-right:0px;}
.foot .bod1 .fl ul{display: flex; flex-wrap:wrap; display: grid; grid-template-columns: auto 1fr; width:100%; margin-top:20px;}
.foot .bod1 .fl ul li img{ width:15px;}
.foot .bod1 .fl ul p{ margin-left:5px; line-height:15px; font-weight:bold;}
.foot .bod1 .fl ul p span{ margin-left:5px; font-weight: normal;}
.foot .bod1 .fr{width:30%;}
.foot .bod1 .fr dl{float:right; margin-left:15px;}
.foot .bod1 .fr dl img{width:30px; height:30px; border-radius:10px;}
.foot .bod2{overflow:hidden;width:100%; background:#282828; padding:30px 0px;}
.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;}

.foot-active{ color:#cf1a05;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{overflow: hidden; width:100%;}
.nybanner li .bod{ width:100%; margin:auto; overflow:hidden; background:rgba(0,0,0,0.7); padding-top:250px; color:#FFF; padding-bottom:150px;}
.nybanner li .bod .item{width:75%; margin:auto;}
.nybanner li .bod .item dt{ font-size:36px; font-weight:bold;}
.nybanner li .bod .item dd{ width:70%; margin-top:30px; font-size:18px;}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{overflow: hidden; width:100%;}
.nybanner1 li .info{width:100%; overflow:hidden; background:rgba(0,0,0,0.5);}
.nybanner1 li .info .bod{ width:70%; margin:auto; margin-top:240px; margin-bottom:180px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.nybanner1 li .info .bod .zuobian{width:100%; color:#FFF;}
.nybanner1 li .info .bod .zuobian dt{font-size:52px;}
.nybanner1 li .info .bod .zuobian p{ font-size:18px; margin-top:15px;}
.nybanner1 li .info .bod .zuobian dl{ margin-top:40px; width: fit-content; background:#cf1a05; color:#fff; padding:15px 60px; font-size:20px;}

.nybanner3{width:100%;overflow: hidden;}
.nybanner3 li{overflow: hidden; width:100%; margin-bottom:-1px; background-size:100%; background-position:bottom center;}
.nybanner3 li .info{width:100%; overflow:hidden;}
.nybanner3 li .info .bod{ width:80%; margin:auto; margin-top:180px; margin-bottom:0px; display: flex; flex-wrap:wrap; justify-content:space-between;}
.nybanner3 li .info .bod .youbian{width:30%; background:#FFF; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); margin-bottom:20px;}
.nybanner3 li .info .bod .youbian dt{text-align:center; font-size:18px; width:80%; margin:auto; background:#F60; color:#FFF; font-weight:bold; padding:8px 5%; margin-top:30px;}
.nybanner3 li .info .bod .youbian dd img{width:100%; border-radius:30px;}
.nybanner3 li .info .bod .youbian p{ text-align:center; width:90%; margin: auto; margin-top:20px; font-size:20px; font-weight:bold; color:#cf1a05;}
.nybanner3 li .info .bod .youbian ul{text-align:center; width:90%; margin: auto; margin-top:20px; font-size:18px; font-weight:bold; color:#666; margin-bottom:30px;}
.nybanner3 li .info .bod .zuobian{ width:60%; color:#FFF;}
.nybanner3 li .info .bod .zuobian ul{ font-size:36px; text-shadow: 3px 3px 5px rgba(0,0,0,0.5); margin-top:50px;}
.nybanner3 li .info .bod .zuobian dt{ margin-top:60px; font-size:40px; font-weight:bold; border-bottom:#FFF 1px solid; padding-bottom:30px;}
.nybanner3 li .info .bod .zuobian dd{ margin-top:60px; font-size:16px; width:96%; line-height:24px;}

.p-list{overflow:hidden;}
.p-list .txt{ text-align:center; margin-top:90px;}
.p-list .txt dt{ font-size:48px; font-weight:bold; text-transform:uppercase; color:#cf1a05;}
.p-list .txt dd{ margin-top:15px;}
.p-list .notice {margin-top:60px; overflow:hidden;}
.p-list .notice .tab-hd{color:#333; overflow:hidden;}
.p-list .notice .tab-hd ul{display: flex; flex-wrap:wrap; justify-content:center;}
.p-list .notice .tab-hd li{float: left; background:#eee; margin:0px 10px; margin-bottom:15px;}
.p-list .notice .tab-hd li a{display:block; padding:15px 20px; font-weight:bold;}
.p-list .notice .tab-hd li a:hover{background:#cf1a05; color:#FFF;}
.p-list .notice .tab-hd li.on{background:#cf1a05; color:#FFF;}
.p-list .notice .tab-bd{ margin-top:50px; zoom:1; margin-left:15px; margin-right:15px;}
.p-list .notice .tab-bd ul{display: flex; flex-wrap:wrap; justify-content:center;}
.p-list .notice .tab-bd ul li{width:31%; margin-right:3.5%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); transition: all 0.5s; margin-bottom:3vw;}
.p-list .notice .tab-bd ul li:nth-child(3n){ margin-right:0;}
.p-list .notice .tab-bd ul li dt{ position:relative; padding-bottom:90%; width:90%; margin-left:5%;}
.p-list .notice .tab-bd ul li dt img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.p-list .notice .tab-bd ul li dd {width:90%; margin:auto; text-align:center; font-size:18px; font-weight:bold; margin-top:15px; margin-bottom:20px;}
.p-list .notice .tab-bd ul li p{width:fit-content; background:#cf1a05; margin:auto; margin-bottom:30px; padding:15px 40px; color:#FFF; transition: all 0.5s;}
.p-list .notice .tab-bd ul li:hover{ background:#cf1a05; color:#FFF; transition: all 0.5s; margin-top:-20px;}
.p-list .notice .tab-bd ul li:hover dt img{transition: all 2s; transform: scale(1.2);}
.p-list .notice .tab-bd ul li:hover p{background:#fff; color:#cf1a05; transition: all 0.5s;}

.productlist{margin-top:60px;}
.productlist .txt{display: flex; flex-wrap:wrap; justify-content:center;}
.productlist .txt li{float: left; background:#eee; margin:0px 10px; margin-bottom:15px;}
.productlist .txt li a{display:block; padding:15px 20px; font-weight:bold;}
.productlist .txt li a:hover{background:#cf1a05; color:#FFF;}
.productlist .item{display: flex; flex-wrap:wrap; justify-content:center;  margin-top:50px;}
.productlist .item li{width:31%; margin-right:3.5%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); transition: all 0.5s; margin-bottom:3vw;}
.productlist .item li:nth-child(3n){ margin-right:0;}
.productlist .item li dt{ position:relative; padding-bottom:90%; width:90%; margin-left:5%;}
.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:18px; font-weight:bold; margin-top:15px; margin-bottom:20px;}
.productlist .item li p{width:fit-content; background:#cf1a05; margin:auto; margin-bottom:30px; padding:15px 40px; color:#FFF; transition: all 0.5s;}
.productlist .item li:hover{ background:#cf1a05; color:#FFF; transition: all 0.5s; margin-top:-20px;}
.productlist .item li:hover dt img{transition: all 2s; transform: scale(1.2);}
.productlist .item li:hover p{background:#fff; color:#cf1a05; transition: all 0.5s;}

.productlist-active{background:#cf1a05; color:#FFF;}

.product-txt{ width:100%; overflow:hidden; background:#f5f5f5; margin-top:40px; padding:10px 0px;}
.product-txt .bod{display: grid; grid-template-columns: auto 1fr; display:flex;flex-wrap:wrap;align-items:center; font-weight:bold;}
.product-txt .bod dt{ margin-right:10px;}
.product-txt .bod dd{display:flex;flex-wrap:wrap;}
.product-txt .bod dd p{ background:#CCC; color:#FFF; margin-right:20px;}
.product-txt .bod dd p a{padding:15px 30px; display:block;}

.product-active{ background:#cf1a05;}

.product-img{overflow:hidden; margin-top:40px;}
.product-img dt{width:100%; position:relative; padding-bottom:50%;}
.product-img dt img{width:100%; height:100%; position:absolute;}
.product-img dd{width:86%; margin:auto; position:relative; margin-top:-100px; background:#FFF; padding:1px 0px;}
.product-img dd li{margin:40px;}
.product-img dd li p{margin-bottom:20px; line-height:30px;}

.product-pics{overflow:hidden; margin-top:40px;}
.product-pics .bod{display:flex;flex-wrap:wrap;}
.product-pics .bod dl{ width:23.5%; margin-right:2%; margin-bottom:1.6vw;}
.product-pics .bod dl:nth-child(4n){ margin-right:0;}
.product-pics .bod dl dt{ position:relative; padding-bottom:60%;}
.product-pics .bod dl dt img{ position:absolute; width:100%; height:100%;}

.product-video{margin-top:40px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); padding:1px 0px;}
.product-video .bod{display:flex;flex-wrap:wrap;align-items:center; margin:30px;}
.product-video .bod .item1{ width:45%; margin-right:5%;}
.product-video .bod .item1 video{ width:100%;}
.product-video .bod .item2{ width:50%;}
.product-video .bod .item2 dl{ font-size:16px; font-weight:bold; line-height:30px;}

h6{ font-size:18px; margin-top:18px; margin-bottom:10px;}
h5{ font-size:20px; margin-top:20px; margin-bottom:10px;}
h4{ font-size:22px; margin-top:22px; margin-bottom:10px;}
h3{ font-size:24px; margin-top:24px; margin-bottom:10px;}
h2{ font-size:28px; margin-top:28px; margin-bottom:10px;}
h1{ font-size:30px; margin-bottom:30px; margin-top:50px; color:#234189;}

.product-biaoge{overflow:hidden; margin-top:60px;}
.product-biaoge dt{ text-align:center; font-size:36px; font-weight:bold;}
.product-biaoge table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important; margin-top:30px;}
.product-biaoge table tr{ background:#fff !important;}
.product-biaoge 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; text-align:center;}
.product-biaoge table tr td span{ background:inherit !important; color:inherit !important;}
.product-biaoge table tr td p{ background:inherit !important; color:inherit !important;}
.product-biaoge table tr td img{ width:200px;}
.product-biaoge table tr:nth-child(1) td{ font-size:18px; font-weight:bold; padding-top:15px !important;padding-bottom:15px !important;}
.product-biaoge table .firstRow{background:#cf1a05 !important; color:#FFF;}

.product-work{overflow:hidden; margin-top:80px;}
.product-work dt{text-align:center; font-size:36px; font-weight:bold;}
.product-work dd{ width:100%; margin-top:60px;}
.product-work dd img{ width:100%;}

.product{overflow:hidden; margin-top:80px; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.product p{font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important; width:100% !important;}
.product p img{width:100% !important;}
.product span{text-wrap:wrap !important;}
.product table{ width:45%; margin-bottom:60px;}
.product table td{font-size:16px; line-height:26px;}
.product table img{ width:100%;}

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

.about-txt{display: flex; flex-wrap:wrap; justify-content:center; margin-top:50px;}
.about-txt li{float: left; background:#eee; margin:0px 10px; margin-bottom:15px;}
.about-txt li a{display:block; padding:15px 20px; font-weight:bold;}
.about-txt li a:hover{background:#cf1a05; color:#FFF;}

.aboutus{ overflow:hidden; margin-top:80px;}
.aboutus li{ font-size:20px; font-weight:bold;}
.aboutus dt{ margin-top:30px;}
.aboutus dt p{ margin-bottom:20px; color:#666; line-height:30px;}
.aboutus dd{width:70%; margin:auto; margin-top:30px; }
.aboutus dd video{ width:100%;}

.newslist{}
.newslist .bod{display:flex; flex-wrap:wrap;}
.newslist .bod dl{width:31.4%; background:#f5f5f5; margin-right:2.9%; margin-top:50px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}
.newslist .bod dl:nth-child(3n){ margin-right:0;}
.newslist .bod dl li{ position:relative; padding-bottom:65%; overflow:hidden;}
.newslist .bod dl li img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.newslist .bod dl dt{color:#999; margin-top:15px; margin-left:20px; margin-right:20px;}
.newslist .bod dl dd{margin-top:20px; font-size:16px; font-weight:bold; margin-left:20px; margin-right:20px;}
.newslist .bod dl p{margin-top:10px; font-size:16px; color:#999; line-height:26px; margin-left:20px; margin-right:20px;}
.newslist .bod dl ul{ width:140px; height:50px; line-height:50px; text-align:center; background:#cf1a05; color:#FFF; margin-top:20px;}
.newslist .bod dl:hover li img{ transition: all 3s; transform: scale(1.1);}
.newslist .bod dl ul:hover{background:#d1340d;}
.newslist .bod dl:hover dd{ color:#cf1a05;}

.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 dt{ font-size:24px; font-weight:bold;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:10px; color:#666;}
.news .txt dd p{ margin-right:40px;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:40px;}
.news .bod p{ font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}
.news .txt3{width:280px; background:#cf1a05; 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:#fff; border:none; border-radius:10px; outline:none; color:#333; font-size:16px;}

.caselist{overflow:hidden; margin-top:60px;}
.caselist .txt{display: flex; flex-wrap:wrap; justify-content:center;}
.caselist .txt li{float: left; background:#eee; margin:0px 10px; margin-bottom:15px;}
.caselist .txt li a{display:block; padding:15px 20px; font-weight:bold;}
.caselist .txt li a:hover{background:#cf1a05; color:#FFF;}
.caselist .item{display: flex; flex-wrap:wrap; justify-content:center;  margin-top:50px; margin-left:15px; margin-right:15px;}
.caselist .item li{width:23.5%; margin-right:2%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); transition: all 0.5s; margin-bottom:1.5vw;}
.caselist .item li:nth-child(4n){ margin-right:0;}
.caselist .item li dt{ position:relative; padding-bottom:100%; overflow:hidden;}
.caselist .item li dt img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.caselist .item li dd {width:90%; margin:auto; text-align:center; font-size:18px; font-weight:bold; margin-top:15px; margin-bottom:20px;}
.caselist .item li p{width:fit-content; background:#cf1a05; margin:auto; margin-bottom:10px; padding:15px 40px; color:#FFF; transition: all 0.5s;}
.caselist .item li:hover{ background:#cf1a05; color:#FFF; transition: all 0.5s; margin-top:-20px;}
.caselist .item li:hover dt img{transition: all 2s; transform: scale(1.2);}
.caselist .item li:hover p{background:#fff; color:#cf1a05; transition: all 0.5s;}

.contact{overflow:hidden; margin-top:60px; 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; filter:drop-shadow(#cf1a05 0px 10000000px); transform: translateY(-10000000px);}
.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:#cf1a05; border:#cf1a05 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(min-width:1200px)and (max-width:300000px){
.topbj .width .nav h3{font-size:100%; height:103px; line-height:103px; font-size:16px; margin:0px 10px; text-transform:uppercase; color:#333;}
.topbj .width .navBar .fr .search{margin-left:26px;}
.topbj .width .navBar .fr .contact-head{margin-left:26px;}
	}

@media only screen and (max-width:1200px){
.w94{width:94%; 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 #cf1a05; border-bottom: 2px solid #cf1a05;display: flex; flex-direction: column; align-items: center; justify-content: center;}
#wap_logo .WebLogo .shownavbtn:before{content:""; display: block; width: 100%; height: 2px; background: #cf1a05; }
#wap_logo .WebLogo img{max-height:1.4rem; 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(#cf1a05 0px 10000000px); transform:translateY(-10000000px);}

.focusBox {width:100%; overflow: hidden; margin-top:3rem; background:#000; position:relative;}
.focusBox .pic{ width:96%; margin:auto; margin-top:1rem;}
.focusBox .pic li{z-index:0; width:100%;}
.focusBox .pic li video{width:100%;}
.focusBox .info{font-size:0; z-index:2; width:90%; margin:auto; margin-top:3rem; margin-bottom:2rem;}
.focusBox .info dt{font-size:1.6rem; color:#FFF;}
.focusBox .info dd{font-size:1.2rem; color:#FFF; margin-top:0.7rem;}
.focusBox .info p{ width:80%; height:2.6rem; line-height:2.6rem; font-size:1.1rem; color:#FFF; text-align:center; background:#cf1a05; margin-top:1rem;}

.index1{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:2rem; margin-bottom:2rem;}
.index1 .txt{width:90%; margin:auto;}
.index1 .txt dt{ font-size:1.6rem; font-weight:bold; text-transform:uppercase;}
.index1 .txt dd{ font-size:1rem; color:#666; margin-top:0.7rem; line-height:1.5rem;}
.index1 .bod{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; width:90%; margin:auto; margin-top:1.5rem;}
.index1 .bod .fl{width:100%;}
.index1 .bod .fl .txt{ overflow:hidden; text-align:left; width:100%;}
.index1 .bod .fl .txt dt{ font-size:1.6rem; font-weight:bold; text-transform:uppercase;}
.index1 .bod .fl .txt dd{ margin-top:0.7rem;}
.index1 .bod .fl .txt li{ width:70%; height:2.6rem; line-height:2.6rem; font-size:1rem; color:#FFF; text-align:center; background:#cf1a05; margin-top:1rem;}
.index1 .bod .fl .counters{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:15px;}
.index1 .bod .fl .counters dl{text-align:center;}
.index1 .bod .fl .counters dl .counter{ font-size:36px; font-weight:bold; color:#cf1a05;}
.index1 .bod .fl .counters dl span{ font-size:18px; font-weight:normal; margin-left:5px; color:#cf1a05;}
.index1 .bod .fl .counters dl dt{font-size:36px; font-weight:bold; color:#cf1a05;}
.index1 .bod .fl .counters dl p{ width:100%; margin-top:10px; display:flex; flex-wrap:wrap; align-items:‌center‌; text-align:center !important;}
.index1 .bod .fr{ width:100%; margin-top:2rem;}
.index1 .bod .fr dt{ position:relative; padding-bottom:66%;}
.index1 .bod .fr dt img{ position:absolute; width:100%; height:100%; object-fit: cover; border-radius:30px;}

.index2{ display:none;}

.index2-wap{ width:90%; margin:auto; margin-bottom:2rem;}
.index2-wap .ladyScroll-wap{position:relative;}
.index2-wap .ladyScroll-wap .prev{width:8%;height:100%; position:absolute; top:0;left:0;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index2-wap .ladyScroll-wap .prev img{width:14px;height:22px;}
.index2-wap .ladyScroll-wap .next{width:8%;height:100%; position:absolute; top:0;right:0;z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index2-wap .ladyScroll-wap .next img{width:14px;height:22px;}
.index2-wap .ladyScroll-wap .dlList-wap{width:100%;}
.index2-wap .ladyScroll-wap dl{width:100%;}
.index2-wap .ladyScroll-wap dl dt{position:relative; padding-bottom:70%; overflow:hidden;}
.index2-wap .ladyScroll-wap dl dt p{ position:absolute; width:100%; height:100%; overflow:hidden;}
.index2-wap .ladyScroll-wap dl dt p img{width:100%;height:100%; transition: all 1s;}
.index2-wap .ladyScroll-wap dl:hover dt p img{transition: all 1s; transform: scale(1.1);}
.index2-wap .ladyScroll-wap dl dd{text-align:center; font-size:1rem; background:#f5f5f5; width:100%; padding:1rem 0px;}

.index3{overflow:hidden; margin-top:2rem; background:#f5f5f5;}
.index3 .txt{text-align:center; width:90%; margin:auto; margin-top:2rem;}
.index3 .txt dt{font-size:1.6rem; font-weight:bold;}
.index3 .txt p{background:#cf1a05; width:4rem; height:3px; margin:auto; margin-top:1rem;}
.index3 .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:90%; margin:auto; margin-top:2rem; margin-bottom:2rem;}
.index3 .bod dl{width:100%; margin-bottom:1.2rem; background:#fff; padding-bottom:1rem; transition: all 0.5s; padding:2rem 0px; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);}
.index3 .bod dl p{ margin-left:1.5rem; margin-right:1.5rem; font-size:1rem; line-height:1.5rem;}
.index3 .bod dl dt{ position:relative; padding-bottom:100%;}
.index3 .bod dl dt img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.index3 .bod dl dd{font-size:1rem; width:fit-content; height:2.6rem; line-height:2.6rem; padding:0px 1.5rem; background:#cf1a05; color:#FFF; margin:0px 1.5rem; margin-top:1.2rem;}
.index3 .bod dl:hover{ background:#cf1a05; color:#FFF; transition: all 0.5s;}
.index3 .bod dl:hover dt img{transition: all 2s; transform: scale(1.2);}
.index3 .bod dl:hover dd{ background:#FFF; color:#cf1a05;}

.index4{ display:none;}

.index4-wap{overflow:hidden;}
.index4-wap .txt{text-align:center; width:90%; margin:auto; margin-top:2rem;}
.index4-wap .txt dt{font-size:1.6rem; font-weight:bold; text-transform:uppercase;}
.index4-wap .txt p{background:#cf1a05; width:4rem; height:3px; margin:auto; margin-top:1rem;}
.index4-wap .picScroll-left-wap{ width:82%; margin:auto; position:relative; margin-top:2rem; padding-bottom:2rem;}
.index4-wap .picScroll-left-wap .hd{ overflow:hidden; }
.index4-wap .picScroll-left-wap .hd .prev{ position:absolute; left:-10%; top:42%; width:10%; text-align:center;}
.index4-wap .picScroll-left-wap .hd .prev img{width:14px;height:22px;}
.index4-wap .picScroll-left-wap .hd .next{ position:absolute; right:-10%; top:42%; width:10%; text-align:center;}
.index4-wap .picScroll-left-wap .hd .next img{width:14px;height:22px;}
.index4-wap .picScroll-left-wap .hd ul{overflow:hidden; zoom:1; zoom:1; position:absolute; left:0; right:0; bottom:0; display: flex; align-items:center; justify-content:center;}
.index4-wap .picScroll-left-wap .hd ul li{float:left;  width:17px; height:17px; overflow:hidden; cursor:pointer; background:#ddd; margin:0px 10px; border-radius:100%; font-size:0px;}
.index4-wap .picScroll-left-wap .hd ul li.on{ background:#cf1a05;}
.index4-wap .picScroll-left-wap .bd{overflow:hidden;}
.index4-wap .picScroll-left-wap .bd ul{overflow:hidden; zoom:1; display:flex; flex-wrap:wrap;}
.index4-wap .picScroll-left-wap .bd ul li{overflow:hidden; width:100%;}
.index4-wap .picScroll-left-wap .bd ul li .pic{ width:100%; background:#f5f5f5; transition: all 0.5s;}
.index4-wap .picScroll-left-wap .bd ul li .pic p{position:relative; padding-bottom:100%; overflow:hidden; border:#f5f5f5 0.7rem solid; transition: all 0.5s;}
.index4-wap .picScroll-left-wap .bd ul li .pic p img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.index4-wap .picScroll-left-wap .bd ul li .title{background:#f5f5f5; text-align:center; width:100%; padding-top:0.3rem; padding-bottom:1rem;}
.index4-wap .picScroll-left-wap .bd ul li:hover .pic{background:#cf1a05; transition: all 0.5s;}
.index4-wap .picScroll-left-wap .bd ul li:hover .pic p{border:#cf1a05 10px solid; transition: all 0.5s;}
.index4-wap .picScroll-left-wap .bd ul li:hover .pic p img{transition: all 2s; transform: scale(1.2); }
.index4-wap .picScroll-left-wap .bd ul li:hover .title{background:#cf1a05; color:#FFF; transition: all 0.5s;}

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

.index6{margin-top:2rem;}
.index6 .txt{text-align:center; width:90%; margin:auto;}
.index6 .txt dt{font-size:1.6rem; font-weight:bold; text-transform:uppercase;}
.index6 .txt p{background:#cf1a05; width:4rem; height:3px; margin:auto; margin-top:1rem;}
.index6 .sideMenu{width:90%; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2rem;}
.index6 .sideMenu dl{width:100%; margin-bottom:10px;}
.index6 .sideMenu dl:nth-child(1){margin-top:0px;}
.index6 .sideMenu h3{padding-left:0.5rem; padding-top:0.5rem; padding-bottom:0.5rem;  border-top:1px solid #eee; background:#f5f5f5; cursor:pointer;font:normal 16px/1.4rem "Microsoft YaHei"; border:1px solid #ddd; margin-bottom:0rem !important; margin-top:0rem !important;}
.index6 .sideMenu h3 em{float:right; display:block; width:2rem; height:2rem; background:url(../images/icoAdd.png) 16px 1rem no-repeat; cursor:pointer; }
.index6 .sideMenu h3.on em{background-position:16px -52px; }
.index6 .sideMenu ul{padding:0.5rem; color:#999; display:none; line-height:1.5rem;}

.index7{ background:#f5f5f5; margin-top:2rem; padding:2rem 0px;}
.index7 .txt{text-align:center; width:90%; margin:auto;}
.index7 .txt dt{font-size:1.6rem; font-weight:bold;}
.index7 .txt p{background:#cf1a05; width:4rem; height:3px; margin:auto; margin-top:15px;}
.index7 .bod{overflow:hidden; width:90%; margin:auto; margin-top:2rem; display:flex; flex-wrap:wrap;}
.index7 .bod dl{width:100%; background:#f5f5f5; margin-bottom:2rem;}
.index7 .bod dl li{ position:relative; padding-bottom:65%; overflow:hidden;}
.index7 .bod dl li img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.index7 .bod dl dt{color:#999; margin-top:0.5rem;}
.index7 .bod dl dd{margin-top:1rem; font-size:1rem; font-weight:bold; }
.index7 .bod dl p{margin-top:0.5rem; font-size:1rem; color:#999; line-height:1.4rem;}
.index7 .bod dl ul{ width:60%; height:2.6rem; line-height:2.6rem; text-align:center; background:#cf1a05; color:#FFF; margin-top:0.7rem;}
.index7 .bod dl:hover li img{ transition: all 3s; transform: scale(1.1);}
.index7 .bod dl ul:hover{background:#d1340d;}
.index7 .bod dl:hover dd{ color:#cf1a05;}

.index-message{margin-top:2rem; margin-bottom:2rem;}
.index-message .txt{text-align:center; width:90%; margin:auto;}
.index-message .txt dt{font-size:1.6rem; font-weight:bold;}
.index-message .txt p{background:#cf1a05; width:4rem; height:3px; margin:auto; margin-top:1rem;}
.index-message .message{width:90%; margin:auto; margin-top:2rem;}
.index-message .message form{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:1rem;}
.index-message .message form dl{width:100%; margin-bottom:1.5rem; display:flex; flex-wrap:wrap; align-items: center;}
.index-message .message form dl dt{color:#cf1a05; margin-right:0.2rem; font-size:1.1rem;}
.index-message .message form dl dd{font-size:1rem;}
.index-message .message form dl input{background:#f2f2f2; border:none; height:2.6rem; width:100%; margin-top:0.5rem;}
.index-message .message form dl input::placeholder{color:#333; font-size:1rem;}
.index-message .message form ul{width:100%; margin-bottom:1rem; display:flex; flex-wrap:wrap; align-items: center;}
.index-message .message form ul dt{color:#cf1a05; margin-right:0.2rem; font-size:1.1rem;}
.index-message .message form ul dd{font-size:1rem; margin-bottom:0.5rem;}
.index-message .message form ul textarea{width:100%; height:6rem; background:#f2f2f2; border:none; color:#333; font-size:1rem;font-family:Arial;}
.index-message .message form li{width:100%; margin:auto;}
.index-message .message form li button{width:100%; margin:auto; height:2.7rem; background:#cf1a05; border:none;color:#fff; font-size:1rem; margin-top:1rem;}
.index-message .message form li button:hover{background:#d1340d;}

.foot{overflow:hidden; background:#f5f5f5; padding-top:2rem;}
.foot .bod{overflow:hidden;display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; width:90%; margin:auto;}
.foot .bod .fl{ width:100%;}
.foot .bod .fl img{height:2rem;}
.foot .bod .fr{ width:100%; margin-top:1rem; display:none;}
.foot .bod .fr .item{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod .fr .item li{ font-size:1rem; text-transform:uppercase; margin-right:1.5rem; margin-bottom:0.6rem;}
.foot .bod .fr .item li:nth-child(3n){ margin-right:0;}
.foot .bod .fr .item li:hover{color:#cf1a05;}
.foot .bod3{ font-size:1.1rem; font-weight:bold; width:90%; margin:auto; margin-top:0.4rem;}
.foot .bod1{overflow:hidden; width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; padding-bottom:1rem; margin-top:1rem;}
.foot .bod1 .fl{display: flex; flex-wrap:wrap; width:100%;}
.foot .bod1 .fl dl{display: flex; flex-wrap:wrap; display: grid; grid-template-columns: auto 1fr; width:100%; margin-bottom:1rem;}
.foot .bod1 .fl dl dt img{ width:1rem;}
.foot .bod1 .fl dl dd{ margin-left:0.2rem; line-height:1rem; font-weight:bold;}
.foot .bod1 .fl dl dd span{ margin-left:0.2rem; font-weight: normal;}
.foot .bod1 .fl ul{display: flex; flex-wrap:wrap; display: grid; grid-template-columns: auto 1fr; width:100%; margin-bottom:1rem;}
.foot .bod1 .fl ul li img{ width:1rem;}
.foot .bod1 .fl ul p{ margin-left:0.2rem; line-height:1rem; font-weight:bold;}
.foot .bod1 .fl ul p span{ margin-left:0.2rem; font-weight: normal;}
.foot .bod1 .fr{width:100%; display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod1 .fr dl{width:2rem; height:2rem; border-radius:100%; background:#151515; margin-right:0.5rem;}
.foot .bod1 .fr dl img{ width:2rem; height:2rem; border-radius:0.5rem;}
.foot .bod1 .fr dl:hover{ background:#cf1a05;}
.foot .bod2{overflow:hidden;width:100%; background:#282828; padding:1rem 0px;}
.foot .bod2 .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; width:90%; margin:auto;}
.foot .bod2 .fl{ color:#fff; display: flex; flex-wrap:wrap; width:100%;}
.foot .bod2 .fl dt{ margin-right:25px;}
.foot .bod2 .fr{display: flex; flex-wrap:wrap; align-items: center; width:100%; margin-top:1rem;}
.foot .bod2 .fr dl{ margin-right:1rem; color:#fff; text-decoration: underline;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{overflow: hidden; width:100%;}
.nybanner li .bod{ width:100%; margin:auto; overflow:hidden; background:rgba(0,0,0,0.7); padding-top:8rem; color:#FFF; padding-bottom:5rem;}
.nybanner li .bod .item{width:90%; margin:auto;}
.nybanner li .bod .item dt{ font-size:2rem; font-weight:bold;}
.nybanner li .bod .item dd{ width:100%; margin-top:1.5rem; font-size:1.1rem;}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{overflow: hidden; width:100%;}
.nybanner1 li .info{width:100%; overflow:hidden; background:rgba(0,0,0,0.5);}
.nybanner1 li .info .bod{ width:90%; margin:auto; margin-top:8rem; margin-bottom:5rem; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.nybanner1 li .info .bod .zuobian{width:100%; color:#FFF;}
.nybanner1 li .info .bod .zuobian dt{font-size:2rem; font-weight:bold;}
.nybanner1 li .info .bod .zuobian p{ font-size:1rem; margin-top:15px;}
.nybanner1 li .info .bod .zuobian dl{ margin-top:1.5rem; width: fit-content; background:#cf1a05; color:#fff; padding:0.7rem 2rem; font-size:1.1rem;}

.nybanner3{width:100%;overflow: hidden;}
.nybanner3 li{overflow: hidden; width:100%; margin-bottom:-1px; background-repeat:no-repeat; background-size:cover; background-position:bottom center;}
.nybanner3 li .info{width:100%; overflow:hidden;}
.nybanner3 li .info .bod{ width:90%; margin:auto; margin-top:5rem; margin-bottom:0px; display: flex; flex-wrap:wrap; justify-content:space-between;}
.nybanner3 li .info .bod .youbian{width:100%; background:#FFF; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); margin-bottom:20px; margin-top:2rem}
.nybanner3 li .info .bod .youbian dt{text-align:center; font-size:1rem; width:80%; margin:auto; background:#F60; color:#FFF; font-weight:bold; padding:0.7rem 1rem; margin-top:1.5rem;}
.nybanner3 li .info .bod .youbian dd img{width:100%;}
.nybanner3 li .info .bod .youbian p{ text-align:center; width:90%; margin: auto; margin-top:1rem; font-size:1.1rem; font-weight:bold; color:#cf1a05;}
.nybanner3 li .info .bod .youbian ul{text-align:center; width:90%; margin: auto; margin-top:1rem; font-size:1rem; font-weight:bold; color:#666; margin-bottom:1.5rem;}
.nybanner3 li .info .bod .zuobian{ width:100%; color:#FFF;}
.nybanner3 li .info .bod .zuobian ul{ font-size:1.6rem; text-shadow: 3px 3px 5px rgba(0,0,0,0.5);}
.nybanner3 li .info .bod .zuobian dt{ margin-top:1.5rem; font-size:1.8rem; font-weight:bold; border-bottom:#FFF 1px solid; padding-bottom:1.5rem;}
.nybanner3 li .info .bod .zuobian dd{ margin-top:2rem; font-size:1rem; line-height:1.6rem;}

.p-list{overflow:hidden;}
.p-list .txt{ text-align:center; margin-top:2rem;}
.p-list .txt dt{ font-size:1.6rem; font-weight:bold; text-transform:uppercase; color:#cf1a05;}
.p-list .txt dd{ margin-top:0.7rem; font-size:1rem;}
.p-list .notice {margin-top:2rem; overflow:hidden;}
.p-list .notice .tab-hd{color:#333; overflow:hidden;}
.p-list .notice .tab-hd ul{display: flex; flex-wrap:wrap; justify-content:center;}
.p-list .notice .tab-hd li{float: left; width:100%; background:#eee; margin:0px 10px; margin-bottom:0.5rem;}
.p-list .notice .tab-hd li a{display:block; padding:0.6rem 1rem; font-weight:bold; text-align:center;}
.p-list .notice .tab-hd li a:hover{background:#cf1a05; color:#FFF;}
.p-list .notice .tab-hd li.on{background:#cf1a05; color:#FFF;}
.p-list .notice .tab-bd{ margin-top:1.5rem; zoom:1; margin-left:15px; margin-right:15px;}
.p-list .notice .tab-bd ul{display: flex; flex-wrap:wrap; justify-content:center;}
.p-list .notice .tab-bd ul li{width:100%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); transition: all 0.5s; margin-bottom:1rem;}
.p-list .notice .tab-bd ul li dt{ position:relative; padding-bottom:90%; width:90%; margin-left:5%;}
.p-list .notice .tab-bd ul li dt img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.p-list .notice .tab-bd ul li dd {width:90%; margin:auto; text-align:center; font-size:1.1rem; font-weight:bold; margin-top:0.7rem; margin-bottom:1rem;}
.p-list .notice .tab-bd ul li p{width:fit-content; background:#cf1a05; margin:auto; margin-bottom:1.5rem; padding:0.7rem 2rem; color:#FFF; transition: all 0.5s;}
.p-list .notice .tab-bd ul li:hover{ background:#cf1a05; color:#FFF; transition: all 0.5s; margin-top:-20px;}
.p-list .notice .tab-bd ul li:hover dt img{transition: all 2s; transform: scale(1.2);}
.p-list .notice .tab-bd ul li:hover p{background:#fff; color:#cf1a05; transition: all 0.5s;}

.productlist{width:90%; margin:auto; margin-top:1rem;}
.productlist .txt{display: flex; flex-wrap:wrap; justify-content:center;}
.productlist .txt li{background:#eee; width:100%; margin-bottom:0.5rem; text-align:center; }
.productlist .txt li a{display:block; padding:0.7rem 1rem; font-weight:bold;}
.productlist .txt li a:hover{background:#cf1a05; color:#FFF;}
.productlist .item{display: flex; flex-wrap:wrap; justify-content:center;  margin-top:2rem;}
.productlist .item li{width:100%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); transition: all 0.5s; margin-bottom:1rem;}
.productlist .item li dt{ position:relative; padding-bottom:90%; width:90%; margin-left:5%;}
.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; font-weight:bold; margin-top:1rem; margin-bottom:1rem;}
.productlist .item li p{width:fit-content; background:#cf1a05; margin:auto; margin-bottom:1rem; padding:0.7rem 2rem; color:#FFF; transition: all 0.5s;}
.productlist .item li:hover{ background:#cf1a05; color:#FFF; transition: all 0.5s; margin-top:-20px;}
.productlist .item li:hover dt img{transition: all 2s; transform: scale(1.2);}
.productlist .item li:hover p{background:#fff; color:#cf1a05; transition: all 0.5s;}

.productlist-active{background:#cf1a05; color:#FFF;}

.product-txt{ width:100%; overflow:hidden; background:#f5f5f5; margin-top:2rem; padding:10px 0px;}
.product-txt .bod{ font-weight:bold; text-align:center;}
.product-txt .bod dt{ font-size:1rem; width:100%; text-align:center;}
.product-txt .bod dd{ width:90%; margin:auto; margin-top:1rem;}
.product-txt .bod dd p{  background:#CCC; color:#FFF;}
.product-txt .bod dd p a{padding:0.7rem 1rem; display:block; text-align:center; margin-bottom:0.7rem;}

.product-active{ background:#cf1a05;}

.product-img{overflow:hidden; margin-top:0rem; }
.product-img dt{width:100%; position:relative; padding-bottom:80%;}
.product-img dt img{width:100%; height:100%; position:absolute; object-fit: cover;}
.product-img dd{width:90%; margin:auto; position:relative; margin-top:-5rem; background:#FFF; padding:1px 0px;}
.product-img dd li{margin:1.5rem;}
.product-img dd li p{margin-bottom:1rem; line-height:1.6rem; font-size:1rem;}

.product-pics{overflow:hidden; width:90%; margin:auto; margin-top:1rem;}
.product-pics .bod{display:flex;flex-wrap:wrap;}
.product-pics .bod dl{ width:100%; margin-right:2%; margin-bottom:1rem;}
.product-pics .bod dl:nth-child(4n){ margin-right:0;}
.product-pics .bod dl dt{ position:relative; padding-bottom:60%;}
.product-pics .bod dl dt img{ position:absolute; width:100%; height:100%;}

.product-video{width:90%; margin: auto; margin-top:1rem; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); padding:1px 0px;}
.product-video .bod{display:flex;flex-wrap:wrap;align-items:center;}
.product-video .bod .item1{ width:100%;}
.product-video .bod .item1 video{ width:100%;}
.product-video .bod .item2{ width:90%; margin:auto; margin-top:1rem;}
.product-video .bod .item2 dl{ font-size:1rem; font-weight:bold; line-height:1.8rem; margin-bottom:1rem;}

h6{ font-size:18px; margin-top:18px; margin-bottom:10px;}
h5{ font-size:20px; margin-top:20px; margin-bottom:10px;}
h4{ font-size:22px; margin-top:22px; margin-bottom:10px;}
h3{ font-size:24px; margin-top:24px; margin-bottom:10px;}
h2{ font-size:28px; margin-top:28px; margin-bottom:10px;}
h1{ font-size:30px; margin-bottom:30px; margin-top:50px; color:#234189;}

.product-biaoge{overflow:hidden; width:90%; margin:auto; margin-top:2rem;}
.product-biaoge dt{ text-align:center; font-size:1.6rem; font-weight:bold;}
.product-biaoge table{border:#ddd 1px solid !important; border-collapse:collapse; width:100% !important; margin-top:1.5rem;}
.product-biaoge table tr{ background:#fff !important;}
.product-biaoge table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding-left:0.5rem;padding-right:0.5rem; padding-top:0.5rem !important;padding-bottom:0.5rem !important; text-align:center; font-size:0.9rem;}
.product-biaoge table tr td span{ background:inherit !important; color:inherit !important;}
.product-biaoge table tr td p{ background:inherit !important; color:inherit !important;}
.product-biaoge table tr td img{ width:200px;}
.product-biaoge table tr:nth-child(1) td{ font-size:1rem; font-weight:bold; padding-top:0.7rem !important;padding-bottom:0.7rem !important;}
.product-biaoge table .firstRow{background:#cf1a05 !important; color:#FFF;}

.product-work{overflow:hidden; width:90%; margin:auto; margin-top:1rem;}
.product-work dt{text-align:center; font-size:1.6rem; font-weight:bold;}
.product-work dd{ width:100%; margin-top:2rem;}
.product-work dd img{ width:100%;}

.product{overflow:hidden; width:90%; margin:auto; margin-top:2rem; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.product p{font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important; width:100% !important;}
.product p img{width:100% !important;}
.product span{text-wrap:wrap !important;}
.product table{ width:100%; background:#f5f5f5;}
.product table td{font-size:1rem; line-height:1.6rem;}
.product table img{ width:100%;}
.product table:nth-child(2){ padding:1rem; margin-bottom:1rem;}
.product table:nth-child(3){ padding:1rem;}
.product table:nth-child(4){margin-bottom:1rem;}
.product table:nth-child(6){ padding:1rem; margin-bottom:1rem;}
.product table:nth-child(7){ padding:1rem;}
.product table:nth-child(8){margin-bottom:21rem;}
.product table:nth-child(10){ padding:1rem; margin-bottom:1rem;}

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

.about-txt{display: flex; flex-wrap:wrap; justify-content:center; margin-top:1rem;}
.about-txt li{float: left; background:#eee; margin:0px 0.2rem; margin-bottom:.07rem;}
.about-txt li a{display:block; padding:0.7rem 2rem; font-weight:bold;}
.about-txt li a:hover{background:#cf1a05; color:#FFF;}

.aboutus{ overflow:hidden; width:90%; margin:auto; margin-top:2rem; margin-bottom:2rem;}
.aboutus li{ font-size:1.2rem; font-weight:bold;}
.aboutus dt{ margin-top:1rem;}
.aboutus dt p{ margin-bottom:1rem; color:#666; line-height:1.6rem;}
.aboutus dd{width:100%; margin:auto; margin-top:1rem; }
.aboutus dd video{ width:100%;}

.newslist{ width:90%; margin:auto;}
.newslist .bod{display:flex; flex-wrap:wrap;}
.newslist .bod dl{width:100%; background:#f5f5f5; margin-top:1rem; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}
.newslist .bod dl li{ position:relative; padding-bottom:65%; overflow:hidden;}
.newslist .bod dl li img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.newslist .bod dl dt{color:#999; margin-top:0.7rem; margin-left:1rem; margin-right:1rem;}
.newslist .bod dl dd{margin-top:1rem; font-size:1rem; font-weight:bold; margin-left:1rem; margin-right:1rem;}
.newslist .bod dl p{margin-top:0.5rem; font-size:1rem; color:#999; line-height:1.6rem; margin-left:1rem; margin-right:1rem;}
.newslist .bod dl ul{ width:100%; height:2.6rem; line-height:2.6rem; text-align:center; background:#cf1a05; color:#FFF; margin-top:1rem;}
.newslist .bod dl:hover li img{ transition: all 3s; transform: scale(1.1);}
.newslist .bod dl ul:hover{background:#d1340d;}
.newslist .bod dl:hover dd{ color:#cf1a05;}

.news{ overflow:hidden; padding-top:2rem; width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .fl{ width:100%;}
.news .txt{padding-bottom:1rem; margin-bottom:1rem;}
.news .txt dt{ font-size:1.2rem; font-weight:bold;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:0.5rem; color:#666;}
.news .txt dd p{ margin-right:2rem;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:2rem;}
.news .bod p{ font-size:1rem; color:#666; line-height:1.6rem; margin-bottom:1rem; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}
.news .txt3{ display:none;}

.caselist{overflow:hidden; width:90%; margin:auto;}
.caselist .txt{display: flex; flex-wrap:wrap; justify-content:center;}
.caselist .txt li{background:#eee; margin:0px 0.; margin-bottom:0.5rem; width:100%;}
.caselist .txt li a{display:block; padding:0.7rem 1rem; font-weight:bold;}
.caselist .txt li a:hover{background:#cf1a05; color:#FFF;}
.caselist .item{display: flex; flex-wrap:wrap; justify-content:center;  margin-top:2rem;}
.caselist .item li{width:90%; margin:auto; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); transition: all 0.5s; margin-bottom:1rem; }
.caselist .item li:nth-child(4n){ margin-right:0;}
.caselist .item li dt{ position:relative; padding-bottom:100%; overflow:hidden;}
.caselist .item li dt img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.caselist .item li dd {width:90%; margin:auto; text-align:center; font-size:18px; font-weight:bold; margin-top:0.7rem; margin-bottom:0.7rem;}
.caselist .item li p{width:fit-content; background:#cf1a05; margin:auto; margin-bottom:1rem; padding:0.7rem 2rem; color:#FFF; transition: all 0.5s;}
.caselist .item li:hover{ background:#cf1a05; color:#FFF; transition: all 0.5s; margin-top:-1rem;}
.caselist .item li:hover dt img{transition: all 2s; transform: scale(1.2);}
.caselist .item li:hover p{background:#fff; color:#cf1a05; transition: all 0.5s;}

.contact{overflow:hidden; margin-top:2rem; 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; filter:drop-shadow(#cf1a05 0px 10000000px); transform: translateY(-10000000px);}
.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:90%; margin:auto; display: flex; flex-wrap:wrap; align-items:center; justify-content: center; margin-top:5rem;}
.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:70%; height:2.5rem; outline:none; font-size:0.9rem; padding-left:5%; border:none;}
.p-search form button{ width:25%; background:#014a7b; border:none; height:2.6rem; font-size:1rem; color:#FFF;}
}

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