*{margin:0;padding:0}
body{color:#000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size:1rem; font-family:Arial; background:#fff;}
@font-face {src: url('../fonts/aparaj.ttf') format('truetype'); font-family:"aparaj";}
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{top:0px; z-index:999; left:0; right:0; transition: all 0.5s; position: fixed; height:140px;}
.topbj .width{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:80px; position:relative;}
.topbj .width .search{margin-left:40px; display:flex; flex-wrap:wrap; align-items:center;}
.topbj .width .search img{ width:16px; filter:drop-shadow(rgba(255,255,255,0.5) 0px 1000000px); transform: translateY(-1000000px);}
.topbj .width .search span{ margin-left:10px; color:rgba(255,255,255,0.5); line-height:16px;}
.topbj .width .logo{ z-index:999;}
.topbj .width .logo img{height:40px;}
.topbj .width .youbian{display:flex; flex-wrap:wrap; align-items:center;}
.topbj .width .youbian .dingwei{ margin-right:20px;}
.topbj .width .youbian .dingwei img{ height:21px; filter:drop-shadow(#CCC 0px 1000000px); transform: translateY(-1000000px);}
.topbj .width .youbian .download-ico{ margin-right:20px;}
.topbj .width .youbian .download-ico img{height:20px;  filter:drop-shadow(#CCC 0px 1000000px); transform: translateY(-1000000px);}
.topbj .width .youbian .email-ico{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:3px;}
.topbj .width .youbian .email-ico img{height:15px; filter:drop-shadow(#CCC 0px 1000000px); transform: translateY(-1000000px);}
.topbj .width .youbian .email-ico span{ color:#CCC; line-height:15px; margin-left:10px;}
.topbj .navBar{z-index:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:60px; position:relative;}
.topbj .nav{display:flex; flex-wrap:wrap; justify-content:center; align-items: center;}
.topbj .nav h3{font-size:100%; height:60px; line-height:60px; font-size:16px; margin:0px 25px; font-weight:normal; color:#FFF; text-transform:uppercase; font-family:Arial;}
.topbj .nav h3 a{ display:block;}
.topbj .nav .m{float:left; text-align:center;}
.topbj .nav h3:hover{color:#ff9c00;}
.topbj .nav .sub{display:none; position:absolute; left:0px; right:0; top:60px;}
.topbj .nav .sub .bod{background:#000; color:#fff; display:flex; flex-wrap:wrap; justify-content:center;}
.topbj .nav .sub .bod dl{text-align:left; width:16vw; margin-right:2vw; margin-top:2vw;}
.topbj .nav .sub .bod dl:nth-child(6n){ margin-right:0;}
.topbj .nav .sub .bod dl dt{ position:relative; padding-bottom:70%;}
.topbj .nav .sub .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.topbj .nav .sub .bod dl dd{ text-align:left; color:#fff; margin-bottom:2vw; font-size:24px; font-family:"aparaj"; margin-top:1vw;}

.topbj #wap_logo_main{position: relative; height:80px; display: block; position: absolute; top:0; left:2%; z-index: 999; margin:auto;}
.topbj #wap_logo{position:relative; z-index: 99; background-color:rgba(255,255,255,0);}
.topbj #wap_logo .WebLogo{display: flex; align-items: center; max-height:80px; }
.topbj #wap_logo .WebLogo .WebLogo{display:none;}
.topbj #wap_logo .WebLogo .languagebtn{display: flex; align-items: center; max-height:80px;}
.topbj #wap_logo .WebLogo .shownavbtn{width:20px; height:12px; margin-top:32px; border-top: 2px solid rgba(255,255,255,1); border-bottom: 2px solid rgba(255,255,255,1);display: flex; flex-direction: column; align-items: center; justify-content: center;}
.topbj #wap_logo .WebLogo .shownavbtn:before{content:""; display: block; width: 100%; height: 2px; background:rgba(255,255,255,1); }
.topbj #wap_logo .WebLogo img{max-height:1.8rem; display:block;margin-left: 15px;}

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

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

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

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

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

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

.topbj1{top:0px; z-index:999; left:0; right:0; transition: all 0.5s; position: fixed; height:140px; background:#FFF;}
.topbj1 .width{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:80px; position:relative;}
.topbj1 .width .search{margin-left:40px; display:flex; flex-wrap:wrap; align-items:center;}
.topbj1 .width .search img{ width:16px; filter:drop-shadow(rgba(0,0,0,0.5) 0px 1000000px); transform: translateY(-1000000px);}
.topbj1 .width .search span{ margin-left:10px; color:rgba(0,0,0,0.5); line-height:16px;}
.topbj1 .width .logo{}
.topbj1 .width .logo img{height:40px;}
.topbj1 .width .youbian{display:flex; flex-wrap:wrap; align-items:center;}
.topbj1 .width .youbian .dingwei{ margin-right:20px;}
.topbj1 .width .youbian .dingwei img{ height:21px; filter:drop-shadow(#666 0px 1000000px); transform: translateY(-1000000px);}
.topbj1 .width .youbian .download-ico{ margin-right:20px;}
.topbj1 .width .youbian .download-ico img{height:20px;  filter:drop-shadow(#666 0px 1000000px); transform: translateY(-1000000px);}
.topbj1 .width .youbian .email-ico{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:3px;}
.topbj1 .width .youbian .email-ico img{height:15px; filter:drop-shadow(#666 0px 1000000px); transform: translateY(-1000000px);}
.topbj1 .width .youbian .email-ico span{ color:#333; line-height:15px; margin-left:10px;}
.topbj1 .navBar{z-index:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:60px; position:relative;}
.topbj1 .nav{display:flex; flex-wrap:wrap; justify-content:center; align-items: center;}
.topbj1 .nav h3{font-size:100%; height:60px; line-height:60px; font-size:16px; margin:0px 25px; font-weight:normal; color:#000; text-transform:uppercase; font-family:Arial;}
.topbj1 .nav h3 a{ display:block;}
.topbj1 .nav .m{float:left; text-align:center;}
.topbj1 .nav h3:hover{color:#ff9c00;}
.topbj1 .nav .sub{display:none; position:absolute; left:0px; right:0; top:60px;}
.topbj1 .nav .sub .bod{background:#fff; color:#000; display:flex; flex-wrap:wrap; justify-content:center;}
.topbj1 .nav .sub .bod dl{text-align:left; width:16vw; margin-right:2vw; margin-top:1vw;}
.topbj1 .nav .sub .bod dl:nth-child(6n){ margin-right:0;}
.topbj1 .nav .sub .bod dl dt{ position:relative; padding-bottom:70%;}
.topbj1 .nav .sub .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.topbj1 .nav .sub .bod dl dd{ text-align:left; margin-bottom:2vw; font-size:24px; font-family:"aparaj"; margin-top:1vw;}

.topbj1 #wap_logo_main{position: relative; height:80px; display: block; position: absolute; top:0; left:2%;z-index: 999;}
.topbj1 #wap_logo{position:relative; z-index:0; background-color:rgba(0,0,0,0);}
.topbj1 #wap_logo .WebLogo{display: flex; align-items: center; max-height:80px; }
.topbj1 #wap_logo .WebLogo .WebLogo{display:none;}
.topbj1 #wap_logo .WebLogo .languagebtn{display: flex; align-items: center; max-height:80px;}
.topbj1 #wap_logo .WebLogo .shownavbtn{width:20px; height:12px; margin-top:32px; border-top: 2px solid rgba(0,0,0,1); border-bottom: 2px solid rgba(0,0,0,1);display: flex; flex-direction: column; align-items: center; justify-content: center;}
.topbj1 #wap_logo .WebLogo .shownavbtn:before{content:""; display: block; width: 100%; height: 2px; background:rgba(0,0,0,1); }
.topbj1 #wap_logo .WebLogo img{max-height:1.8rem; display:block;margin-left: 15px;}

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

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

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

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

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

.topbj2{top:0px; z-index:999; left:0; right:0; transition: all 0.5s; position: fixed; height:140px; background:#000;}
.topbj2 .width{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:80px; position:relative;}
.topbj2 .width .search{margin-left:40px; display:flex; flex-wrap:wrap; align-items:center;}
.topbj2 .width .search img{ width:16px; filter:drop-shadow(rgba(255,255,255,0.5) 0px 1000000px); transform: translateY(-1000000px);}
.topbj2 .width .search span{ margin-left:10px; color:rgba(255,255,255,0.5); line-height:16px;}
.topbj2 .width .logo{}
.topbj2 .width .logo img{height:40px;}
.topbj2 .width .youbian{display:flex; flex-wrap:wrap; align-items:center;}
.topbj2 .width .youbian .dingwei{ margin-right:20px;}
.topbj2 .width .youbian .dingwei img{ height:21px; filter:drop-shadow(#ccc 0px 1000000px); transform: translateY(-1000000px);}
.topbj2 .width .youbian .download-ico{ margin-right:20px;}
.topbj2 .width .youbian .download-ico img{height:20px;  filter:drop-shadow(#ccc 0px 1000000px); transform: translateY(-1000000px);}
.topbj2 .width .youbian .email-ico{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:3px;}
.topbj2 .width .youbian .email-ico img{height:15px; filter:drop-shadow(#ccc 0px 1000000px); transform: translateY(-1000000px);}
.topbj2 .width .youbian .email-ico span{ color:#fff; line-height:15px; margin-left:10px;}
.topbj2 .navBar{z-index:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:60px; position:relative;}
.topbj2 .nav{display:flex; flex-wrap:wrap; justify-content:center; align-items: center;}
.topbj2 .nav h3{font-size:100%; height:60px; line-height:60px; font-size:16px; margin:0px 25px; font-weight:normal; color:#FFF; text-transform:uppercase; font-family:Arial;}
.topbj2 .nav h3 a{ display:block;}
.topbj2 .nav .m{float:left; text-align:center;}
.topbj2 .nav h3:hover{color:#ff9c00;}
.topbj2 .nav .sub{display:none; position:absolute; left:0px; right:0; top:60px;}
.topbj2 .nav .sub .bod{background:#000; color:#fff; display:flex; flex-wrap:wrap; justify-content:center;}
.topbj2 .nav .sub .bod dl{text-align:left; width:16vw; margin-right:2vw; margin-top:2vw;}
.topbj2 .nav .sub .bod dl:nth-child(6n){ margin-right:0;}
.topbj2 .nav .sub .bod dl dt{ position:relative; padding-bottom:70%;}
.topbj2 .nav .sub .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.topbj2 .nav .sub .bod dl dd{ text-align:left; color:#fff; margin-bottom:2vw; font-size:24px; font-family:"aparaj"; margin-top:1vw;}

.topbj2 #wap_logo_main{position: relative; height:80px; display: block; position: absolute; top:0; left:2%;z-index: 999;}
.topbj2 #wap_logo{position:relative; z-index:0; background-color:rgba(0,0,0,0);}
.topbj2 #wap_logo .WebLogo{display: flex; align-items: center; max-height:80px; }
.topbj2 #wap_logo .WebLogo .WebLogo{display:none;}
.topbj2 #wap_logo .WebLogo .languagebtn{display: flex; align-items: center; max-height:80px;}
.topbj2 #wap_logo .WebLogo .shownavbtn{width:20px; height:12px; margin-top:32px; border-top: 2px solid rgba(255,255,255,1); border-bottom: 2px solid rgba(255,255,255,1);display: flex; flex-direction: column; align-items: center; justify-content: center;}
.topbj2 #wap_logo .WebLogo .shownavbtn:before{content:""; display: block; width: 100%; height: 2px; background:rgba(255,255,255,1); }
.topbj2 #wap_logo .WebLogo img{max-height:1.8rem; display:block;margin-left: 15px;}

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

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

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

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

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

.focusBox {width:100%; height:100vh; overflow: hidden; }
.focusBox .pic{z-index:0; }
.focusBox .pic li{ position:relative; height:100vh;}
.focusBox .pic li img { position:absolute; width:100%; height:100%; object-fit: cover;}
.focusBox .pic .info-top{position:absolute; width:100%; top:0; height:45vh; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));}
.focusBox .pic .info-bottom{position:absolute; width:100%; left:0; right:0; top:65vh; color:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.focusBox .pic .info-bottom dl{width:180px; height:40px; border-radius:30px; background:rgba(0,0,0,0.47); border:rgba(255,255,255,0.7) 1px solid; color:#FFF; line-height:40px; text-align:center; margin-right:20px;}
.focusBox .pic .info-bottom dt{width:180px; height:40px; border-radius:30px; background:rgba(255,255,255,1); border:rgba(255,255,255,1) 1px solid; color:#000; line-height:40px; text-align:center;}
.focusBox .hd {width:96%; position: absolute; bottom:2vw; font-size:0; z-index:1; left:2%;}
.focusBox .hd li{margin: 0 5px; width:16px; height: 16px; border-radius:100%; background:rgba(255,255,255,0.2); overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1; opacity:1;}
.focusBox .hd .on{background:#ff9c00; opacity:1;}

.index1{width:100%; margin:auto; overflow:hidden;}
.index1 .txt{overflow:hidden; margin-top:90px; text-align:center;}
.index1 .txt dt{font-size:56px; text-transform:uppercase; transform: scaleX(1.1); font-family:"aparaj";}
.index1 .txt p{width:300px; height:45px; margin:auto; margin-top:10px; line-height:45px; text-align:center; text-transform:uppercase; border:#333 1px solid; border-radius:30px; transition: all 0.5s;}
.index1 .txt p:hover{border:#000 1px solid; background:#000; color:#FFF; transition: all 0.5s;}
.index1 .picScroll-left{ width:98%;  overflow:hidden; position:relative; margin-left:2%; background:#f5f5f5; margin-top:60px;}
.index1 .picScroll-left .hd{overflow:hidden; position:absolute; left:66%; right:2%; top:32vh; z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index1 .picScroll-left .hd .pageState{ font-size:52px !important; margin:0px 40px; font-family:"aparaj";}
.index1 .picScroll-left .hd .prev img,
.index1 .picScroll-left .hd .next img{transform: scaleX(1.1); opacity:0.6; transition: all 0.5s;}
.index1 .picScroll-left .hd .prev img:hover,.index1 .picScroll-left .hd .next img:hover{opacity:1; transition: all 0.5s;}
.index1 .picScroll-left .bd{margin-top:0px;}
.index1 .picScroll-left .bd ul{overflow:hidden; zoom:1; }
.index1 .picScroll-left .bd ul li{width:100%; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index1 .picScroll-left .bd ul li .pic{width:64%;}
.index1 .picScroll-left .bd ul li .pic p{width:100%; position:relative; padding-bottom:70%;}
.index1 .picScroll-left .bd ul li .pic p img{width:100%; object-fit: cover; display:block; position:absolute; height:100%;}
.index1 .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.index1 .picScroll-left .bd ul li .title{width:46%; margin-left:-12%; z-index:99; margin-right:2%; position:relative;}
.index1 .picScroll-left .bd ul li .title .biaoti{width:70%; margin-left:30%; text-align:center; margin-top:12vh;}
.index1 .picScroll-left .bd ul li .title .biaoti dt{font-size:56px; transform: scaleX(1.1); font-family:"aparaj";}
.index1 .picScroll-left .bd ul li .title .biaoti dd{font-size:28px; margin-top:5px; font-family:"aparaj"; transform: skewX(-10deg); opacity:0.7;}
.index1 .picScroll-left .bd ul li .title .products{position:absolute; left:0; right:0; bottom:0; display:flex; flex-wrap:wrap; background:#FFF; padding:0.9vw;}
.index1 .picScroll-left .bd ul li .title .products dl{width:32%; margin-right:2%;}
.index1 .picScroll-left .bd ul li .title .products dl:nth-child(3){ margin-right:0;}
.index1 .picScroll-left .bd ul li .title .products dl dt{ position:relative; padding-bottom:100%;}
.index1 .picScroll-left .bd ul li .title .products dl dt img{ position:absolute; width:100%; height:100%;}
.index1 .picScroll-left .bd ul li .title .products dl p{ margin-top:15px; font-family:"aparaj"; font-size:20px; opacity:0.7;}
.index1 .picScroll-left .bd ul li .title .products dl dd{ margin-top:0px; font-family:"aparaj"; font-size:28px; opacity:1;}

.index2{overflow:hidden; background:#f5f5f5; margin-top:90px; padding-top:110px; padding-bottom:110px; background:url(../images/index2-bj.jpg) no-repeat center center; background-size:cover;}
.index2 .douban{ width:100%;}
.index2 .douban .hd{height:62px; position:relative; display: flex; flex-wrap:wrap; align-items: center; width:96%; margin:auto;}
.index2 .douban .hd .txt dt{font-size:56px; text-transform:uppercase; font-family:"aparaj"; transform: scaleX(1.1); width:150%; margin-left:7%; color:#FFF; line-height:56px;}
.index2 .douban .hd .txt dd{font-size:16px; color:#FFF; opacity:0.5; font-weight:normal;}
.index2 .douban .hd .zuoyou{position:absolute; right:0; font-size:40px; border:#999 1px solid; width:130px; height:60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index2 .douban .hd .zuoyou .prev{width:64px; border-right:#999 1px solid; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#999; line-height:30px; font-family:"宋体";}
.index2 .douban .hd .zuoyou .next{width:65px; text-align:center; color:#999; font-family:"宋体";}
.index2 .douban .hd .zuoyou .prev:hover{color:#ccc;}
.index2 .douban .hd .zuoyou .next:hover{color:#ccc;}
.index2 .douban .bd{width:98%; margin:auto; margin-top:90px; margin-left:2%;}
.index2 .douban .bd ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index2 .douban .bd ul dl{width:33.175%;}
.index2 .douban .bd ul dl dt{position:relative; padding-bottom:94%; width:94%; overflow:hidden;}
.index2 .douban .bd ul dl dt p>img{position:absolute; width:100%; height:100%; transition: all 2s; }
.index2 .douban .bd ul dl:hover dt p img{transform: scale(1.1); transition: all 2s;}
.index2 .douban .bd ul dl dt .info{height:0;width:100%; bottom:0;position: absolute; background: linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0)); transition: all 0.5s;}
.index2 .douban .bd ul dl:hover dt .info{ height:100%; background:rgba(0,0,0,0.6); transition: all 0.5s;}
.index2 .douban .bd ul dl dt .info1{position:absolute; bottom:5%; left:5%; right:5%; color:#FFF; text-shadow: 2px 2px 5px #333333;}
.index2 .douban .bd ul dl dt .info1 li{}
.index2 .douban .bd ul dl dt .info1 li>img{ height:2.4vw;}
.index2 .douban .bd ul dl dt .info1 p{ font-size:20px; padding-top:10px;}

.index2-wap{ display:none;}

.index3{overflow:hidden; margin-top:90px;}
.index3 .txt{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index3 .txt dl dt{font-size:56px; text-transform:uppercase; font-family:"aparaj"; transform: scaleX(1.1); width:150%; margin-left:7.5%; line-height:56px;}
.index3 .txt dl dd{font-size:16px; color:#666; opacity:0.5; font-weight:normal;}
.index3 .txt ul{font-family:"aparaj"; font-size:24px; text-transform:uppercase;}
.index3 .bod{display:flex; flex-wrap:wrap; margin-top:60px;}
.index3 .bod dl{ width:32%; margin-right:2%; transition: all 0.5s;}
.index3 .bod dl:nth-child(3n){ margin-right:0;}
.index3 .bod dl dt{ position:relative; padding-bottom:136%; overflow:hidden;}
.index3 .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;}
.index3 .bod dl dt .info{ position:absolute;bottom:0; left:0; right:0; background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));}
.index3 .bod dl dt .info ul{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:2vw; margin-left:2.5vw;}
.index3 .bod dl dt .info ul li{font-family:"aparaj"; font-size:44px; line-height:30px; color:#FFF;}
.index3 .bod dl dt .info ul span{ margin-left:1vw; margin-bottom:1vw;}
.index3 .bod dl dt .info ul span img{ width:16px; height:16px;}
.index3 .bod dl:hover{ margin-top:-30px; transition: all 0.5s;}
.index3 .bod dl:hover dt img{transform: scale(1.1);transition: all 2s;}

.index4{ overflow:hidden; margin-top:100px; margin-bottom:90px;}
.index4 .txt{ background:#000; color:#FFF; height:22vw; overflow:hidden;}
.index4 .txt dl{ width:96%; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:6vw;}
.index4 .txt dl dt{font-size:56px; text-transform:uppercase; font-family:"aparaj"; transform: scaleX(1.1); margin-left:1%; line-height:56px;}
.index4 .txt dl ul{font-family:"aparaj"; font-size:24px; text-transform:uppercase;}
.index4 .bod{margin-top:-10vw; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index4 .bod .item{width:49%;}
.index4 .bod .item dt{ position:relative; padding-bottom:65%;}
.index4 .bod .item dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.index4 .bod .item dt .info{ position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.4);transition: all 0.5s;}
.index4 .bod .item dt .info ul{ margin-left:2.5vw; margin-right:2.5vw; text-align:center;}
.index4 .bod .item dt .info ul li{font-family:"aparaj"; font-size:36px; color:#FFF;}
.index4 .bod .item dt .info ul p{ color:rgba(255,255,255,0.9); margin-top:1vw; line-height:1.6rem;}
.index4 .bod .item dt .info ul dd{ width:fit-content; padding:5px 10px; border-bottom:rgba(255,255,255,0.5) 1px solid; margin:auto; margin-top:2vw; font-size:18px; color:#FFF; transition: all 0.5s;}
.index4 .bod .item dt .info ul dd:hover{padding:5px 60px; transition: all 0.5s; border-bottom:rgba(255,255,255,1) 1px solid;}
.index4 .bod .item:hover dt .info{background:rgba(0,0,0,0.6); transition: all 0.5s;}
.index4 .bod .item dt .info ul li:hover{ opacity:0.8;}
.index4 .bod .item dt .info ul p:hover{ opacity:0.8;}

.index5{overflow:hidden; margin-top:100px; margin-bottom:100px;}
.index5 .txt{font-size:56px; text-transform:uppercase; font-family:"aparaj"; transform: scaleX(1.2); width:100%; text-align:center;}
.index5 .bod{font-size:24px; font-family:"aparaj"; text-align:center; margin-top:40px; color:#666;}

.foot-logo{overflow:hidden;display: flex; flex-wrap:wrap; align-items: center; justify-content:center; padding-top:45px; padding-bottom:40px; border-top:#eee 1px solid; background:#f5f5f5;}
.foot-logo img{height:40px;}

.foot{overflow:hidden; background:#000;}
.foot .bod{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF; padding:40px 0px; border-bottom:rgba(255,255,255,0.15) 1px solid;}
.foot .bod dl{ margin:0px 30px; text-transform:uppercase;}
.foot .bod1{overflow:hidden;display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; padding-bottom:40px; margin-top:40px; color:#FFF;}
.foot .bod1 .fl{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod1 .fl dl{ color:#FFF; opacity:0.8;}
.foot .bod1 .fl li{ margin:0px 30px;}
.foot .bod1 .fr{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod1 .fr dl{ margin-left:20px;}
.foot .bod1 .fr dl img{height:21px; filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}
.foot .bod1 .fr dl:hover img{filter:drop-shadow(#ff9c00 0px 1000000px); transform: translateY(-1000000px);}

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

.nybanner{width:100%;overflow: hidden; margin-top:0px; border-bottom:#eee 5px solid;}
.nybanner li{position:relative; height:100vh;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{ position:absolute; left:0; right:0; top:0; bottom:0;display: flex; flex-wrap:wrap; align-items: center; background:rgba(0,0,0,0.2)}
.nybanner li .info .item{width:90%; margin:auto;}
.nybanner li .info .item dt{font-size:72px; font-family:"aparaj"; line-height:72px; color:#FFF; text-align:center; text-transform:uppercase;}
.nybanner li .info .item dd{color:#FFF; line-height:30px; font-size:30px; font-family:"aparaj"; width:1000px; margin:auto; text-align:center; margin-top:10px;}
.nybanner li .info .item dd p{ margin:20px 0px;}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{position:relative; height:90vh;}
.nybanner1 li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner1 li .info{ position:absolute; left:0; right:0; top:0; bottom:0;background: linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.5)); display: flex; flex-wrap:wrap; align-items: center;}
.nybanner1 li .info .item{width:90%; margin:auto;}
.nybanner1 li .info .item dt{font-size:56px; font-family:"aparaj"; line-height:56px; color:#FFF; margin-top:70px;}
.nybanner1 li .info .item dd{ margin-top:30px; color:#FFF; line-height:30px; font-size:30px; font-family:"aparaj"; width:1000px;}
.nybanner1 li .info .item dd p{ margin:20px 0px;}

.position{ width:100%; border-bottom:#eee 1px solid;}
.position .bod{ width:96%; margin:20px auto; color:#999; font-size:14px; text-transform:uppercase;}
.position1{ width:100%; margin-top:140px; padding:20px 0px; overflow:hidden; color:#999;}
.position1 .bod{ width:96%; margin:auto;}
.position2{ width:100%; margin-top:140px; padding:20px 0px; overflow:hidden; color:#999;}
.position2 .bod{ width:80%; margin:auto;}
.position3{ width:100%; margin-top:140px; padding:20px 0px; overflow:hidden; color:#999; background:#000; border-top:#333 1px solid;}
.position3 .bod{ width:96%; margin:auto;}

.aboutus{overflow:hidden;}
.aboutus1 {overflow:hidden; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.aboutus1 table{width:50%; font-size:16px; color:#666; line-height:26px; margin-bottom:0px;}
.aboutus1 table img{width:100%; transition: all 2s;}
.aboutus1 table img:hover{transform: scale(1.1); transition: all 2s;}
.aboutus1 table tr td{word-break: normal !important; text-wrap:wrap !important;}
.aboutus1 p{margin-top:15px; line-height:24px; color:#666; word-break: normal !important; text-wrap:wrap !important;}
.aboutus1 span{word-break: normal !important; text-wrap:wrap !important;}
.aboutus1 table:nth-child(1),.aboutus1 table:nth-child(4),.aboutus1 table:nth-child(5),.aboutus1 table:nth-child(8),.aboutus1 table:nth-child(9),.aboutus1 table:nth-child(12),.aboutus1 table:nth-child(13),.aboutus1 table:nth-child(16){ width:40%; margin-left:5%; margin-right:5%;}
.aboutus table h6{font-size:2.4rem; line-height:1.8rem; font-family:"aparaj"; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h5{font-size:2.6rem; line-height:1.9rem; font-family:"aparaj"; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h4{font-size:2.8rem; line-height:2.0rem; font-family:"aparaj"; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h3{font-size:3rem; line-height:2.4rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h2{font-size:3.4rem; line-height:2.5rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h1{font-size:3.8rem; line-height:2.6rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus2{overflow:hidden; width:96%; margin:auto; margin-top:90px;}
.aboutus2 .txt{font-size:30px; text-transform:uppercase; font-family:"aparaj"; transform: scaleX(1.1); text-align:center; color:#787878;}
.aboutus2 .txt p{font-size:56px; text-transform:uppercase; font-family:"aparaj"; transform: scaleX(1.1); text-align:center; color:#000;}
.aboutus2 .bod{display: flex; flex-wrap:wrap; margin-top:60px;}
.aboutus2 .bod dl{width:23.5%; margin-right:2%; margin-bottom:2vw;}
.aboutus2 .bod dl:nth-child(4n){margin-right:0;}
.aboutus2 .bod dl p{position:relative; padding-bottom:70%; overflow:hidden;}
.aboutus2 .bod dl p img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;}
.aboutus2 .bod dl:hover p img{transform: scale(1.1);transition: all 2s;}
.aboutus3 {overflow:hidden; width:96%; margin:auto; margin-top:70px; margin-bottom:90px;}
.aboutus3 ul{width:1000px; margin:auto; font-size:48px; text-transform:uppercase; font-family:"aparaj"; transform: scaleX(1.1); text-align:center; color:#000;}
.aboutus3 dl{display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-top:80px;}
.aboutus3 dl table{width:32%; font-size:16px; color:#666; line-height:26px; margin-bottom:0px;}
.aboutus3 dl table img{width:100%; transition: all 2s; padding-bottom:1vw;}
.aboutus3 dl table img:hover{transform: scale(1.1); transition: all 2s;}
.aboutus3 dl table tr td{word-break: normal !important; text-wrap:wrap !important;}
.aboutus3 dl p{margin-top:15px; line-height:24px; color:#666; word-break: normal !important; text-wrap:wrap !important;}
.aboutus3 dl span{word-break: normal !important; text-wrap:wrap !important;}

.p-list {column-count:3;column-gap:2vw; margin-left:2vw; margin-right:2vw; margin-top:-30vh;}
.p-list .p-item {break-inside: avoid-column; margin-bottom:2vw;}
.p-list .p-item dt{ position:relative; border:#eee 0.5vw solid;}
.p-list .p-item dt img{width: 100%;  display: block;}
.p-list .p-item dt .info{ position:absolute; left:0; right:0; bottom:0; height:100%; transition: all 0.5s; background:rgba(0,0,0,0); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.p-list .p-item dt .info dl{display:none;}
.p-list .p-item:hover dt .info{height:100%; transition: all 0.5s; background:rgba(0,0,0,0.5);}
.p-list .p-item:hover dt .info dl{display: block; text-align:center; color:#FFF; width:90%; margin:auto;}
.p-list .p-item:hover dt .info dl dd{font-size:3rem; font-family:"aparaj"; line-height:56px; color:#FFF; text-align:center;}
.p-list .p-item:hover dt .info dl dt{font-size:1.6rem; font-family:"aparaj"; width:fit-content; margin:auto; margin-top:2rem; padding:0.5rem 1rem; border:none; border-bottom:#fff 1px solid;}
.p-list .p-item:hover dt .info dl ul{display: flex; flex-wrap:wrap; margin-top:30px;}
.p-list .p-item:hover dt .info dl ul li{ width:32%; margin-right:2%;}
.p-list .p-item:hover dt .info dl ul li:nth-child(3){ margin-right:0;}
.p-list .p-item:hover dt .info dl ul li p{ position:relative; padding-bottom:100%;}
.p-list .p-item:hover dt .info dl ul li p img{position:absolute; width:100%; height:100%; object-fit: cover;}
.p-list .p-item .info1{ display:none;}

.productlist{margin-top:20px; display: flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:60px;}
.productlist .txt{ width:20%;}
.productlist .txt dt{ font-size:1.2rem; color:#999;}
.productlist .txt .sideMenu{border-top:none; position:relative;}
.productlist .txt .sideMenu dl{ margin-bottom:1.5rem;}
.productlist .txt .sideMenu h3{ height:3rem; line-height:3rem; padding-left:1rem; border:1px solid #ddd; background:#fff; z-index:99; border-radius:0.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:1rem; font-weight:normal;}
.productlist .txt .sideMenu h3 img{width:16px; margin-right:1rem;}
.productlist .txt .sideMenu h3.on{ border:#333 2px solid;}
.productlist .txt .sideMenu h3.on em{background-position:16px -50px; }
.productlist .txt .sideMenu ul{color:#999; display:none; /* 默认都隐藏 */ position:absolute; left:0; right:0; z-index:999; background:#fff; border:#CCC 1px solid; border-radius:0.5rem;}
.productlist .txt .sideMenu ul li{margin-bottom:10px; font-size:1rem; margin-left:1rem;}
.productlist .txt .sideMenu ul li:nth-child(1){margin-top:10px;}
.productlist .txt .sideMenu ul li:hover{color:#ff7f00;}
.productlist .txt .sideMenu ul li.onon{color:#ff7f00;}
.productlist .txt .fenlei-p{overflow:hidden; padding-top:20px; border-bottom:#ddd 1px dashed;}
.productlist .txt .fenlei-p dl{margin-bottom:20px; border-top:#ddd 1px dashed; padding-top:20px;}
.productlist .txt .fenlei-p dl dt{ font-size:16px !important; color:#333 !important;}
.productlist .txt .fenlei-p dl dt span{ margin-left:15px;}
.productlist .txt .fenlei-p dl dt .btn-light{ background:url(../images/active-pp-1.png) left center no-repeat; padding-left:20px; color:#333 !important; background-size:15px;}
.productlist .txt .fenlei-p dl dt .active-11{background:url(../images/active-pp-2.png) left center no-repeat; padding-left:25px; color:#333 !important; background-size:15px;}
.productlist .txt .fenlei-p dl dd{}
.productlist .txt .fenlei-p dl dd p{ margin-top:15px;}
.productlist .txt .fenlei-p dl dd a{background:url(../images/active-pp-1.png) left center no-repeat; padding-left:25px; font-size:16px; color:#666; background-size:15px;}
.productlist .txt .fenlei-p dl dd a.active-22{background:url(../images/active-pp-2.png) left center no-repeat; padding-left:25px; background-size:15px;}
.productlist .bod{ width:77%;}
.productlist .bod .item{ width:100%; display: flex; flex-wrap:wrap;}
.productlist .bod .item li{width:18.4%; margin-right:2%; transition: all 0.5s; margin-bottom:2vw;}
.productlist .bod .item li:nth-child(5n){ margin-right:0;}
.productlist .bod .item li dt{ position:relative; padding-bottom:100%; overflow:hidden; border-radius:10px;}
.productlist .bod .item li dt img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.productlist .bod .item li dd {font-size:16px; margin-top:15px; margin-bottom:10px;}
.productlist .bod .item li p{transition: all 0.5s; font-size:14px; color:#999;}
.productlist .bod .item li:hover{transition: all 0.5s; margin-top:-10px;}
.productlist .bod .item li:hover dt img{transition: all 2s; transform: scale(1.1);}

.product-ico{ width:96%; overflow:hidden; margin:auto; margin-top:0px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content: space-between;}
.product-ico .fl{ width:40%; border:#fff 1vw solid;}
.product-ico .fl dt{ position:relative; padding-bottom:100%; overflow:hidden;}
.product-ico .fl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.product-ico .fr{ width:55%;}
.product-ico .fr dt{ margin-top:30px;font-size:56px; font-family:"aparaj"; line-height:56px; margin-bottom:30px;}
.product-ico .fr dd{ margin-top:10px; font-size:16px; background:#FFF; border-radius:5px; padding:15px; color:#333;}
.product-ico .fr dd span{ float:right; font-weight:bold; color:#333;}
.product-ico .fr li{ margin-top:50px; font-size:16px; line-height:26px; color:#666;}
.product-ico .fr li table{ width:100%; border-collapse: collapse;}
.product-ico .fr li table tr td{border-bottom:#999 1px solid; padding:20px 0px;}
.product-ico .fr li table .firstRow{border-bottom:#333 2px solid; border-top:#333 2px solid; font-weight:bold; color:#000;}

.product-pics{overflow:hidden; margin-top:40px; display:flex; flex-wrap:wrap; margin-bottom:20px;}
.product-pics ul{width:100%; border-bottom:#ddd 1px solid; margin-bottom:2vw;}
.product-pics ul p{ font-size:36px; font-family:"aparaj"; width:fit-content; border-bottom:#000 3px solid;}
.product-pics dl{margin-right:2vw; margin-bottom:20px;}
.product-pics dl dt{height:14vw;}
.product-pics dl dt img{width:100%; height:100%; object-fit: cover;}
.product-pics dl p{ margin-top:15px;}

.p-pics{ width:100%; overflow:hidden; background:#000; padding:2vw 0;}
.p-pics .bod{column-count:3;column-gap:2vw; margin-left:2vw; margin-right:2vw;}
.p-pics dl{break-inside: avoid-column; margin-bottom:2vw;}
.p-pics dl img{ width:100%;}

.product{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-top:2vw;}
.product p{font-size:16px; color:#666; line-height:24px; margin-bottom:5px; width:100% !important; word-break: normal !important; text-wrap:wrap !important;}
.product span{word-break: normal !important; text-wrap:wrap !important;}
.product p img{width:100% !important;}
.product span{word-break: normal !important; text-wrap:wrap !important;}
.product table{ width:49%; margin-bottom:1vw;}
.product table:nth-child(2n){ margin-right:0}
.product table td{font-size:16px; line-height:26px; word-break: normal !important; text-wrap:wrap !important;}
.product table img{ width:100%; transition: all 2s;}
.product table img:hover{transition: all 2s; transform: scale(1.05);}

h6{font-size:2.4rem; line-height:1.8rem; font-family:"aparaj"; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h5{font-size:2.6rem; line-height:1.9rem; font-family:"aparaj"; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h4{font-size:2.8rem; line-height:2.0rem; font-family:"aparaj"; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h3{font-size:3rem; line-height:2.4rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h2{font-size:3.4rem; line-height:2.5rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h1{font-size:3.8rem; line-height:2.6rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}

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

.c-list{overflow:hidden; margin-top:2vw;}
.c-list .bod{display:flex; flex-wrap:wrap;}
.c-list .bod dl{ width:32%; margin-right:2%; transition: all 0.5s;}
.c-list .bod dl:nth-child(3n){ margin-right:0;}
.c-list .bod dl dt{ position:relative; padding-bottom:136%; overflow:hidden;}
.c-list .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;}
.c-list .bod dl dt .info{ position:absolute;bottom:0; left:0; right:0; background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));}
.c-list .bod dl dt .info ul{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:2vw; margin-left:2.5vw;}
.c-list .bod dl dt .info ul li{font-family:"aparaj"; font-size:44px; line-height:30px; color:#FFF;}
.c-list .bod dl dt .info ul span{ margin-left:1vw; margin-bottom:1vw;}
.c-list .bod dl dt .info ul span img{ width:16px; height:16px;}
.c-list .bod dl:hover{ margin-top:-30px; transition: all 0.5s;}
.c-list .bod dl:hover dt img{transform: scale(1.1);transition: all 2s;}

.caselist{overflow:hidden; padding-top:2vw;}
.caselist .bod{display:flex; flex-wrap:wrap;}
.caselist .bod dl{ width:32%; margin-right:2%; transition: all 0.5s; margin-bottom:2vw;}
.caselist .bod dl:nth-child(3n){ margin-right:0;}
.caselist .bod dl dt{ position:relative; padding-bottom:70%; overflow:hidden;}
.caselist .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;}
.caselist .bod dl .info{margin-top:20px;}
.caselist .bod dl .info ul{display:flex; flex-wrap:wrap; align-items:center;}
.caselist .bod dl .info ul li{font-family:"aparaj"; font-size:36px; line-height:30px; }
.caselist .bod dl .info ul span{ margin-left:1vw;}
.caselist .bod dl .info ul span img{ width:16px; height:16px; filter:drop-shadow(#000 0px 1000000px); transform: translateY(-1000000px);}
.caselist .bod dl:hover{ margin-top:-10px; transition: all 0.5s;}
.caselist .bod dl:hover dt img{transform: scale(1.05);transition: all 2s;}

.case{ width:100%; margin:auto; overflow:hidden; background:#000; text-align:center; color:#FFF; padding-top:60px;}
.case dt{font-family:"aparaj"; font-size:56px;}

.case1{ width:100%; margin:auto; overflow:hidden; background:#000; color:#FFF; padding-bottom:60px;}
.case1 .bod{ width:1200px; margin:auto;}

.service{ width:100%; overflow:hidden; background:#000; border-top:#333 1px solid;}
.service .bod{width:96%; margin:auto; margin-top:2vw; display:flex; flex-wrap:wrap;}
.service .bod dl{ width:32%; margin-right:2%; margin-bottom:2vw;}
.service .bod dl:nth-child(3n){ margin-right:0;}
.service .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden; border-radius:20px;}
.service .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 2s;}
.service .bod dl .txt{font-family:"aparaj"; font-size:44px; color:#FFF; margin-top:20px;}
.service .bod dl .more{margin-top:10px; width: fit-content; border-radius:40px; color:#FFF;}
.service .bod dl:hover dt img{transform: scale(1.05);transition: all 2s;}

.mulu{width:100%; background:#000; overflow:hidden; border-top:#333 1px solid;}
.mulu .bod{display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; width:100%; margin-top:2vw;}
.mulu .fl{width:23%; margin-left:2%; margin-top:10vh;}
.mulu .fl dt{font-family:"aparaj"; font-size:44px; color:#FFF;}
.mulu .fl dd{margin-top:1rem; font-size:1rem; line-height:1.6rem; color:#999; width:90%;}
.mulu .fr{width:73%; display: flex; flex-wrap:wrap; overflow:hidden; margin-right:2%;}
.mulu .fr dl{ width:31.33%; margin-right:3%; margin-bottom:3rem;}
.mulu .fr dl:nth-child(3n){ margin-right:0px;}
.mulu .fr dl dt{ position:relative; padding-bottom:130%; overflow:hidden;}
.mulu .fr dl dt img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.mulu .fr dl dd{ margin-top:1.5rem; font-family:"aparaj"; font-size:30px; color:#FFF;}
.mulu .fr dl li{ margin-top:2rem; color:#FFF; line-height:18px; width: fit-content; border-bottom:#FFF 1px solid; padding-bottom:5px; padding-left:10px; padding-right:10px; transition: all 0.5s;}
.mulu .fr dl li:hover{ padding-right:3vw; transition: all 0.5s; opacity:0.8;}
.mulu .fr dl li a{display: flex; flex-wrap:wrap; align-items: center;}
.mulu .fr dl li img{margin-left:1rem; filter:drop-shadow(#fff 0px 5000px); transform: translateY(-5000px); width:18px;}
.mulu .fr dl:hover dt img{transform: scale(1.05);transition: all 2s;}

.video-container{ background:#000; padding-bottom:2vw;}
.video-container .bod{display: flex; flex-wrap:wrap; width:98%; margin:auto;}
.video-container .bod .video-thumb{width:30.3vw; height:20vw; cursor: pointer;transition: transform 0.3s; background: #000; margin-left:1vw; margin-right:1vw;}
.video-thumb:hover{transform: scale(1.05);}
.popup{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);z-index: 1000;justify-content: center;align-items: center;}
.popup-content {position: relative;max-width:80vw;}
.close-btn {position: absolute;top: -40px;right: 0;color: white;font-size: 40px;cursor: pointer;}
.popup-video {width:100%;}

.designers{column-count:5;column-gap:2.5rem; background:#000; padding-bottom:2vw; padding-left:2vw; padding-right:2vw;}
.designers .p-item {break-inside: avoid-column;margin-bottom:3.5rem;}
.designers .p-item dt{ position:relative; overflow:hidden;}
.designers .p-item dt img{width: 100%;  display: block; transition: all 2s;}
.designers .p-item dt .info{position:absolute; left:0; right:0; top:0; height:0; transition: all 0.5s; background:rgba(0,0,0,0); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.designers .p-item dt .info dl{ display:none;}
.designers .p-item:hover dt .info{height:100%; transition: all 0.5s; background:rgba(0,0,0,0.5);}
.designers .p-item:hover dt .info dl{display: block; text-align:center; color:#FFF;}
.designers .p-item:hover dt .info dl dd{ font-size:2.8rem; font-family:"aparaj";}
.designers .p-item:hover dt .info dl p{ margin-top:0.5rem; width: fit-content; border-bottom:#fff 1px solid; padding-bottom:5px; padding-left:10px; padding-right:10px; transition: all 0.5s;}
.designers .p-item dt .info dl p:hover{ padding-left:40px; padding-right:40px; transition: all 0.5s;}
.designers .p-item:hover dt img{transform: scale(1.1);transition: all 2s;}

.n-list{ width:100%; overflow:hidden; background:#000; border-top:#333 1px solid;}
.n-list .bod{width:96%; margin:auto; margin-top:2vw; display:flex; flex-wrap:wrap;}
.n-list .bod dl{ width:32%; margin-right:2%; margin-bottom:2vw;}
.n-list .bod dl:nth-child(3n){ margin-right:0;}
.n-list .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden; border-radius:10px;}
.n-list .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;}
.n-list .bod dl .txt{font-family:"aparaj"; font-size:44px; color:#FFF; margin-top:20px;}
.n-list .bod dl .more{margin-top:10px; width: fit-content; border-radius:40px; color:#FFF;}
.n-list .bod dl:hover dt img{transform: scale(1.05);transition: all 2s;}

.nn-list{ width:100%; overflow:hidden; margin-bottom:2vw;}
.nn-list .txt{font-family:"aparaj"; font-size:60px; text-align:center; margin-top:2vw;}
.nn-list .bod{width:96%; margin:auto; margin-top:2vw; display:flex; flex-wrap:wrap;}
.nn-list .bod dl{ width:32%; margin-right:2%; margin-bottom:2vw;}
.nn-list .bod dl:nth-child(3n){ margin-right:0;}
.nn-list .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden; border-radius:10px;}
.nn-list .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.nn-list .bod dl .txt{font-family:"aparaj"; font-size:30px; margin-top:20px; text-align:left;}
.nn-list .bod dl .more{margin-top:10px; color:#999; font-family:"aparaj"; font-size:20px;}
.nn-list .bod dl:hover dt img{transform: scale(1.05);transition: all 0.5s;}

.news-ico{overflow:hidden; width:96%; margin:auto; margin-top:140px; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.news-ico .fl{ width:70%;}
.news-ico .fl dt{ position:relative; height:82vh;}
.news-ico .fl dt img{ position:absolute; width:100%; height:100%; object-fit: cover; border-radius:20px;}
.news-ico .fr{ width:28%;}
.news-ico .fr p{font-family:"aparaj"; font-size:24px; color:#666;}
.news-ico .fr dt{font-family:"aparaj"; font-size:48px; color:#000; margin-top:15px;}
.news-ico .fr dd{font-family:"aparaj"; font-size:24px; color:#666;  margin-top:15px;}

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

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

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

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

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

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

.topbj .width{ display:none;}
.topbj .navBar{ display:none;}

.topbj1 .width{ display:none;}
.topbj1 .navBar{ display:none;}

.topbj2 .width{ display:none;}
.topbj2 .navBar{ 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; background-color:#000;}
#wap_logo{position:relative; z-index: 99; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); height:3rem;}
#wap_logo .WebLogo{display: flex; align-items: center; justify-content:space-between; max-height:3rem; }
#wap_logo .WebLogo .WebLogo{height:3rem; display:flex; flex-wrap:wrap;  align-items:center; justify-content:space-between;}
#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.4em;height:0.8em;margin-right:1rem;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:20%; 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:-80%; top: 0; background: #FFF; overflow-y: scroll; width:80%; 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:1rem; }
.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:2rem; }

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

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

.focusBox {width:100%; height:100vh; overflow: hidden; }
.focusBox .pic{z-index:0; }
.focusBox .pic li{ position:relative; height:100vh;}
.focusBox .pic li img { position:absolute; width:100%; height:100%; object-fit: cover;}
.focusBox .pic .info-top{position:absolute; width:100%; top:0; height:45vh; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));}
.focusBox .pic .info-bottom{position:absolute; width:100%; left:0; right:0; top:65vh; color:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.focusBox .pic .info-bottom dl{width:60%; height:2.5rem; border-radius:1.5rem; background:rgba(0,0,0,0.47); border:rgba(255,255,255,0.7) 1px solid; color:#FFF; line-height:40px; text-align:center; margin-bottom:1rem;}
.focusBox .pic .info-bottom dt{width:60%; height:2.5rem; border-radius:1.5rem; background:rgba(255,255,255,1); border:rgba(255,255,255,1) 1px solid; color:#000; line-height:40px; text-align:center;}
.focusBox .hd {width:96%; position: absolute; bottom:6vw; font-size:0; z-index:1; left:2%; text-align:center;}
.focusBox .hd li{margin: 0 5px; width:16px; height: 16px; border-radius:100%; background:rgba(255,255,255,0.2); overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1; opacity:1;}
.focusBox .hd .on{background:#ff9c00; opacity:1;}

.index1{width:90%; margin:auto; overflow:hidden;}
.index1 .txt{overflow:hidden; margin-top:2.5rem; text-align:center;}
.index1 .txt dt{font-size:2.4rem; text-transform:uppercase; font-family:"aparaj"; line-height:2.4rem;}
.index1 .txt p{width:fit-content; height:2.5rem; margin:auto; margin-top:1rem; line-height:2.5rem; text-align:center; text-transform:uppercase; border:#333 1px solid; border-radius:2rem; transition: all 0.5s; padding:0rem 2rem; font-size:0.9rem;}
.index1 .txt p:hover{border:#000 1px solid; background:#000; color:#FFF; transition: all 0.5s;}
.index1 .picScroll-left{overflow:hidden; position:relative; margin-top:2rem;}
.index1 .picScroll-left .hd{overflow:hidden; z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index1 .picScroll-left .hd .pageState{ font-size:3rem !important; margin:0px 2rem; font-family:"aparaj";}
.index1 .picScroll-left .hd .prev img,
.index1 .picScroll-left .hd .next img{transform: scaleX(1.1); opacity:0.6; transition: all 0.5s;}
.index1 .picScroll-left .hd .prev img:hover,.index1 .picScroll-left .hd .next img:hover{opacity:1; transition: all 0.5s;}
.index1 .picScroll-left .bd{margin-top:1rem;}
.index1 .picScroll-left .bd ul{overflow:hidden; zoom:1; }
.index1 .picScroll-left .bd ul li{width:100%; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index1 .picScroll-left .bd ul li .pic{width:100%;}
.index1 .picScroll-left .bd ul li .pic p{width:100%; position:relative; padding-bottom:70%;}
.index1 .picScroll-left .bd ul li .pic p img{width:100%; object-fit: cover; display:block; position:absolute; height:100%;}
.index1 .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.index1 .picScroll-left .bd ul li .title{width:100%; z-index:99; margin-top:1.5rem;}
.index1 .picScroll-left .bd ul li .title .biaoti{text-align:center;}
.index1 .picScroll-left .bd ul li .title .biaoti dt{font-size:2.4rem; transform: scaleX(1.1); font-family:"aparaj";}
.index1 .picScroll-left .bd ul li .title .biaoti dd{font-size:1.6rem; margin-top:5px; font-family:"aparaj"; transform: skewX(-10deg); opacity:0.7;}
.index1 .picScroll-left .bd ul li .title .products{display:flex; flex-wrap:wrap; justify-content:space-between; background:#FFF; margin-top:1.2rem;}
.index1 .picScroll-left .bd ul li .title .products dl{width:48%;}
.index1 .picScroll-left .bd ul li .title .products dl:nth-child(3){ display:none;}
.index1 .picScroll-left .bd ul li .title .products dl dt{ position:relative; padding-bottom:100%;}
.index1 .picScroll-left .bd ul li .title .products dl dt img{ position:absolute; width:100%; height:100%;}
.index1 .picScroll-left .bd ul li .title .products dl p{ margin-top:1rem; font-family:"aparaj"; font-size:1rem; opacity:0.7;}
.index1 .picScroll-left .bd ul li .title .products dl dd{ margin-top:0px; font-family:"aparaj"; font-size:1.2rem; opacity:1;}

.index2{ display:none;}

.index2-wap{overflow:hidden; background:#f5f5f5; position:relative; margin-top:2.5rem; padding-top:2.5rem; padding-bottom:8rem; background:url(../images/index2-bj.jpg) no-repeat center center; background-size:cover;}
.index2-wap .douban-wap{ width:90%; margin:auto;}
.index2-wap .douban-wap .hd-wap{ text-align:center;width:96%; margin:auto;}
.index2-wap .douban-wap .hd-wap .txt dt{font-size:2.4rem; text-transform:uppercase; font-family:"aparaj"; transform: scaleX(1.1); color:#FFF; line-height:2.6rem;}
.index2-wap .douban-wap .hd-wap .txt dd{font-size:1rem; line-height:1.6rem; color:#FFF; opacity:0.5; font-weight:normal; margin-top:0.5rem;}
.index2-wap .douban-wap .hd-wap .zuoyou{position:absolute; left:0; right:0; bottom:2rem; font-size:2.6rem; border:#999 1px solid; width:8.2rem; height:4rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:auto;}
.index2-wap .douban-wap .hd-wap .zuoyou .prev{width:4rem; border-right:#999 1px solid; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#999; line-height:30px; font-family:"宋体";}
.index2-wap .douban-wap .hd-wap .zuoyou .next{width:4rem; text-align:center; color:#999; font-family:"宋体";}
.index2-wap .douban-wap .hd-wap .zuoyou .prev:hover{color:#ccc;}
.index2-wap .douban-wap .hd-wap .zuoyou .next:hover{color:#ccc;}
.index2-wap .douban-wap .bd-wap{width:100%; margin:auto; margin-top:2rem;}
.index2-wap .douban-wap .bd-wap ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index2-wap .douban-wap .bd-wap ul dl{width:100%;}
.index2-wap .douban-wap .bd-wap ul dl dt{position:relative; padding-bottom:100%; width:100%; overflow:hidden;}
.index2-wap .douban-wap .bd-wap ul dl dt p>img{position:absolute; width:100%; height:100%; transition: all 2s; }
.index2-wap .douban-wap .bd-wap ul dl:hover dt p img{transform: scale(1.1); transition: all 2s;}
.index2-wap .douban-wap .bd-wap ul dl dt .info{height:0;width:100%; bottom:0;position: absolute; background: linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0)); transition: all 0.5s;}
.index2-wap .douban-wap .bd-wap ul dl:hover dt .info{ height:100%; background:rgba(0,0,0,0.6); transition: all 0.5s;}
.index2-wap .douban-wap .bd-wap ul dl dt .info1{position:absolute; bottom:5%; left:5%; right:5%; color:#FFF; text-shadow: 2px 2px 5px #333333;}
.index2-wap .douban-wap .bd-wap ul dl dt .info1 li{}
.index2-wap .douban-wap .bd-wap ul dl dt .info1 li>img{ height:2.4vw;}
.index2-wap .douban-wap .bd-wap ul dl dt .info1 p{ font-size:20px; padding-top:10px;}

.index3{overflow:hidden; width:90%; margin:auto; margin-top:2.5rem;}
.index3 .txt{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index3 .txt dl dt{font-size:2.4rem; text-transform:uppercase; font-family:"aparaj"; transform: scaleX(1.1);line-height:2.6rem; text-align:center;}
.index3 .txt dl dd{font-size:1rem; color:#666; opacity:0.5; font-weight:normal; text-align:center; margin-top:0.5rem; line-height:1.6rem;}
.index3 .txt ul{font-family:"aparaj"; font-size:1.4rem; text-transform:uppercase; text-align:center; margin-top:1rem;}
.index3 .bod{display:flex; flex-wrap:wrap; margin-top:2rem;}
.index3 .bod dl{ width:100%; transition: all 0.5s; margin-bottom:1.5rem;}
.index3 .bod dl dt{ position:relative; padding-bottom:136%; overflow:hidden;}
.index3 .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;}
.index3 .bod dl dt .info{ position:absolute;bottom:0; left:0; right:0; background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));}
.index3 .bod dl dt .info ul{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:1rem; margin-left:1.5rem;}
.index3 .bod dl dt .info ul li{font-family:"aparaj"; font-size:2.4rem; line-height:2.4rem; color:#FFF;}
.index3 .bod dl dt .info ul span{ margin-left:1rem; margin-bottom:5vw;}
.index3 .bod dl dt .info ul span img{ width:1rem; height:1rem;}
.index3 .bod dl:hover{ margin-top:-30px; transition: all 0.5s;}
.index3 .bod dl:hover dt img{transform: scale(1.1);transition: all 2s;}

.index4{ overflow:hidden; margin-top:1rem; margin-bottom:0; background:url(../images/index4-bj.jpg) no-repeat center center; background-size:cover; padding-top:2rem; padding-bottom:0.5rem;}
.index4 .txt{color:#FFF; overflow:hidden;}
.index4 .txt dl{width:90%; margin:auto; text-align:center;}
.index4 .txt dl dt{font-size:2.4rem; text-transform:uppercase; font-family:"aparaj"; transform: scaleX(1.1); line-height:56px;}
.index4 .txt dl ul{font-family:"aparaj"; font-size:1.4rem; text-transform:uppercase;}
.index4 .bod{width:90%; margin:auto; margin-top:1.5rem;}
.index4 .bod .item{width:100%; margin-bottom:1.5rem;}
.index4 .bod .item dt{ position:relative; padding-bottom:65%;}
.index4 .bod .item dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.index4 .bod .item dt .info{ position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.4);transition: all 0.5s;}
.index4 .bod .item dt .info ul{ margin-left:1rem; margin-right:1rem; text-align:center;}
.index4 .bod .item dt .info ul li{font-family:"aparaj"; font-size:1.6rem; color:#FFF;}
.index4 .bod .item dt .info ul p{ display:none;}
.index4 .bod .item dt .info ul dd{ width:fit-content; padding:0.2rem 0.5rem; border-bottom:rgba(255,255,255,0.5) 1px solid; margin:auto; margin-top:1rem; font-size:18px; color:#FFF; transition: all 0.5s;}
.index4 .bod .item dt .info ul dd:hover{padding:0.2rem 2rem; transition: all 0.5s; border-bottom:rgba(255,255,255,1) 1px solid;}
.index4 .bod .item:hover dt .info{background:rgba(0,0,0,0.6); transition: all 0.5s;}
.index4 .bod .item dt .info ul li:hover{ opacity:0.8;}

.index5{overflow:hidden; width:90%; margin:auto; margin-top:2.5rem; margin-bottom:2.5rem;}
.index5 .txt{font-size:2.4rem; text-transform:uppercase; font-family:"aparaj"; text-align:center;}
.index5 .bod{font-size:1.6rem; font-family:"aparaj"; text-align:center; margin-top:1rem; color:#666; line-height:2rem;}

.foot-logo{overflow:hidden;display: flex; flex-wrap:wrap; align-items: center; justify-content:center; padding-top:1.5rem; padding-bottom:1.5rem; border-top:#eee 1px solid; background:#f5f5f5;}
.foot-logo img{height:2rem;}

.foot{overflow:hidden; background:#000;}
.foot .bod{ display:none;}
.foot .bod dl{text-transform:uppercase; width:48%; text-align:center; margin-bottom:1.5rem;}
.foot .bod1{ width:90%; margin:auto; overflow:hidden; padding-bottom:1rem; margin-top:1.5rem; color:#FFF;}
.foot .bod1 .fl{ width:100%;}
.foot .bod1 .fl dl{color:#FFF; opacity:0.8; border-bottom:rgba(255,255,255,0.2) 1px dashed; width:100%; padding-bottom:1rem; margin-bottom:1rem;}
.foot .bod1 .fl li{ display:none;}
.foot .bod1 .fr{display: flex; flex-wrap:wrap; align-items: center; width:100%;}
.foot .bod1 .fr dl{ margin-right:20px;}
.foot .bod1 .fr dl img{height:1.2rem; filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}
.foot .bod1 .fr dl:hover img{filter:drop-shadow(#ff9c00 0px 1000000px); transform: translateY(-1000000px);}

.foot .bod2{overflow:hidden;width:100%; background:#000; padding:1.2rem 0px; border-top:rgba(255,255,255,0.1) 1px solid;}
.foot .bod2 .item{width:90%; margin:auto}
.foot .bod2 .fl{color:#fff; width:100%;}
.foot .bod2 .fl dt{opacity:0.8; margin-bottom:1rem; line-height:1.5rem;}
.foot .bod2 .fr{display: flex; flex-wrap:wrap; align-items: center; width:100%; margin-bottom:0.5rem;}
.foot .bod2 .fr dl{margin-right:1rem; color:#fff; text-decoration: underline;}

.nybanner{width:100%;overflow: hidden; margin-top:0px; border-bottom:#eee 5px solid;}
.nybanner li{position:relative; height:100vh;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{ position:absolute; left:0; right:0; top:0; bottom:0;display: flex; flex-wrap:wrap; align-items: center; background:rgba(0,0,0,0.2)}
.nybanner li .info .item{width:90%; margin:auto;}
.nybanner li .info .item dt{font-size:3.4rem; font-family:"aparaj"; line-height:3rem; color:#FFF; text-align:center; text-transform:uppercase;}
.nybanner li .info .item dd{color:#FFF; line-height:2.2rem; font-size:2rem; font-family:"aparaj"; text-align:center; margin-top:1.5rem;}
.nybanner li .info .item dd p{ margin:20px 0px;}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{position:relative; height:70vh;}
.nybanner1 li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner1 li .info{ position:absolute; left:0; right:0; top:0; bottom:0;background: linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.5)); display: flex; flex-wrap:wrap; align-items: center;}
.nybanner1 li .info .item{width:90%; margin:auto;}
.nybanner1 li .info .item dt{font-size:3rem; font-family:"aparaj"; line-height:3rem; color:#FFF;}
.nybanner1 li .info .item dd{ margin-top:1vh; color:#FFF; line-height:1.6rem; font-size:1.6rem; font-family:"aparaj";}
.nybanner1 li .info .item dd p{ margin:1vh 0px;}

.position{ width:100%; border-bottom:#eee 1px solid;}
.position .bod{ width:90%; margin:1rem auto; color:#999; font-size:14px; text-transform:uppercase;}
.position1{ width:100%; margin-top:3rem; padding:1rem 0px; overflow:hidden; color:#999;}
.position1 .bod{ width:90%; margin:auto;}
.position2{ width:100%; margin-top:3rem; padding:1rem 0px; overflow:hidden; color:#999;}
.position2 .bod{ width:90%; margin:auto;}
.position3{ width:100%; margin-top:3rem; padding:1rem 0px; overflow:hidden; color:#999; background:#000; border-top:#333 1px solid;}
.position3 .bod{ width:90%; margin:auto;}

.aboutus{overflow:hidden; width:100%; margin:auto; background:#f5f5f5;}
.aboutus1 {overflow:hidden; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; width:90%; margin:auto; margin-top:1rem;}
.aboutus1 table{width:100%; font-size:1rem; color:#666; line-height:1.6rem; margin-bottom:1rem;}
.aboutus1 table img{width:100%; transition: all 2s;}
.aboutus1 table img:hover{transform: scale(1.1); transition: all 2s;}
.aboutus1 table tr td{word-break: normal !important; text-wrap:wrap !important;}
.aboutus1 p{margin-top:1rem; line-height:1.6rem; color:#666; word-break: normal !important; text-wrap:wrap !important;}
.aboutus1 span{word-break: normal !important; text-wrap:wrap !important;}
.aboutus table h6{font-size:1.4rem; line-height:1.8rem; font-family:"aparaj"; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h5{font-size:1.6rem; line-height:1.9rem; font-family:"aparaj"; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h4{font-size:2.0rem; line-height:2.0rem; font-family:"aparaj"; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h3{font-size:2.4rem; line-height:2.4rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h2{font-size:2.8rem; line-height:2.5rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h1{font-size:3.2rem; line-height:2.6rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus2{overflow:hidden; width:90%; margin:auto; margin-top:2rem;}
.aboutus2 .txt{font-size:2rem; line-height:2.4rem; font-family:"aparaj"; text-transform:uppercase; text-align:center; color:#787878;}
.aboutus2 .txt p{font-size:2.8rem; text-transform:uppercase; font-family:"aparaj"; transform: scaleX(1.1); text-align:center; color:#000; margin-top:1rem;}
.aboutus2 .bod{display: flex; flex-wrap:wrap; margin-top:1rem;}
.aboutus2 .bod dl{width:100%; margin-bottom:1rem;}
.aboutus2 .bod dl p{position:relative; padding-bottom:70%; overflow:hidden;}
.aboutus2 .bod dl p img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;}
.aboutus2 .bod dl:hover p img{transform: scale(1.1);transition: all 2s;}
.aboutus3 {overflow:hidden; width:90%; margin:auto; margin-top:2rem; margin-bottom:2rem;}
.aboutus3 ul{font-size:2.2rem; text-transform:uppercase; font-family:"aparaj"; text-align:center; color:#000;}
.aboutus3 dl{display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-top:1.5rem;}
.aboutus3 dl table{width:100%; font-size:1rem; color:#666; line-height:1.6rem; margin-bottom:2rem;}
.aboutus3 dl table img{width:100%; transition: all 2s; padding-bottom:1vw;}
.aboutus3 dl table img:hover{transform: scale(1.1); transition: all 2s;}
.aboutus3 dl table tr td{word-break: normal !important; text-wrap:wrap !important;}
.aboutus3 dl p{margin-top:-0.5rem; line-height:1.6rem; color:#666; word-break: normal !important; text-wrap:wrap !important;}
.aboutus3 dl span{word-break: normal !important; text-wrap:wrap !important;}

.p-list { width:90%; margin:auto; overflow:hidden; margin-top:5vw;}
.p-list .p-item { width:100%; margin-bottom:10vw;}
.p-list .p-item dt{ position:relative; border:#eee 0.5vw solid;}
.p-list .p-item dt img{width: 100%;  display: block;}
.p-list .p-item dt .info{ display:none;}
.p-list .p-item .info1{ overflow:hidden; margin-top:1rem;}
.p-list .p-item .info1 dl{width:100%;}
.p-list .p-item .info1 dl dd{font-size:2.4rem; font-family:"aparaj"; line-height:2.4rem; text-align:center;}
.p-list .p-item .info1 dl dt{font-size:1.6rem; font-family:"aparaj"; width:fit-content; margin:auto; margin-top:1rem; padding:0rem 0.4rem; border:none; border-bottom:#333 1px solid;}
.p-list .p-item .info1 dl ul{display: flex; flex-wrap:wrap; margin-top:1rem;}
.p-list .p-item .info1 dl ul li{ width:32%; margin-right:2%;}
.p-list .p-item .info1 dl ul li:nth-child(3){ margin-right:0;}
.p-list .p-item .info1 dl ul li p{ position:relative; padding-bottom:100%;}
.p-list .p-item .info1 dl ul li p img{position:absolute; width:100%; height:100%; object-fit: cover;}

.productlist{display: flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto; margin-bottom:60px; margin-top:0;}
.productlist .txt{ width:100%;}
.productlist .txt dt{ font-size:1.2rem; color:#999;}
.productlist .txt .fenlei-p{overflow:hidden; padding-top:1rem; border-bottom:#ddd 1px dashed;}
.productlist .txt .fenlei-p dl{margin-bottom:1rem; border-top:#ddd 1px dashed; padding-top:20px;}
.productlist .txt .fenlei-p dl dt{ font-size:16px !important; color:#333 !important; width:100%;}
.productlist .txt .fenlei-p dl dt span{ margin-left:15px;}
.productlist .txt .fenlei-p dl dt .btn-light{ background:url(../images/active-pp-1.png) left center no-repeat; padding-left:20px; color:#333 !important; background-size:15px;}
.productlist .txt .fenlei-p dl dt .active-11{background:url(../images/active-pp-2.png) left center no-repeat; padding-left:25px; color:#333 !important; background-size:15px;}
.productlist .txt .fenlei-p dl dd{ overflow:hidden; width:100%;}
.productlist .txt .fenlei-p dl dd p{ margin-top:15px; float:left; margin-right:10vw;}
.productlist .txt .fenlei-p dl dd a{background:url(../images/active-pp-1.png) left center no-repeat; padding-left:25px; font-size:16px; color:#666; background-size:15px;}
.productlist .txt .fenlei-p dl dd a.active-22{background:url(../images/active-pp-2.png) left center no-repeat; padding-left:25px; background-size:15px;}
.productlist .bod{ width:100%; margin-top:5vw;}
.productlist .bod .item{ width:100%; display: flex; flex-wrap:wrap;}
.productlist .bod .item li{width:48%; margin-right:4%; transition: all 0.5s; margin-bottom:5vw;}
.productlist .bod .item li:nth-child(2n){ margin-right:0;}
.productlist .bod .item li dt{ position:relative; padding-bottom:100%; overflow:hidden; border-radius:0.2rem;}
.productlist .bod .item li dt img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.productlist .bod .item li dd {font-size:1rem; margin-top:0.7rem; margin-bottom:0.5rem;}
.productlist .bod .item li p{transition: all 0.5s; font-size:0.9rem; color:#999;}
.productlist .bod .item li:hover{transition: all 0.5s; margin-top:-10px;}
.productlist .bod .item li:hover dt img{transition: all 2s; transform: scale(1.1);}

h6{font-size:1.4rem; line-height:1.8rem; font-family:"aparaj"; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h5{font-size:1.6rem; line-height:1.9rem; font-family:"aparaj"; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h4{font-size:2.0rem; line-height:2.0rem; font-family:"aparaj"; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h3{font-size:2.4rem; line-height:2.4rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h2{font-size:2.8rem; line-height:2.5rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h1{font-size:3.2rem; line-height:2.6rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}

.product-ico{ width:90%; overflow:hidden; margin:auto; margin-top:0px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content: space-between;}
.product-ico .fl{ width:100%; border:#fff 1vw solid;}
.product-ico .fl dt{ position:relative; padding-bottom:100%; overflow:hidden;}
.product-ico .fl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.product-ico .fr{ width:100%;}
.product-ico .fr dt{ margin-top:1.5rem;font-size:2.8rem; font-family:"aparaj"; line-height:2.8rem; margin-bottom:1rem;}
.product-ico .fr dd{ margin-top:1rem; font-size:1rem; background:#FFF; border-radius:0.2rem; padding:0.7rem; color:#333;}
.product-ico .fr dd span{ float:right; font-weight:bold; color:#333;}
.product-ico .fr li{ margin-top:2rem; font-size:1rem; line-height:1.6rem; color:#666;}
.product-ico .fr li table{ width:100%; border-collapse: collapse;}
.product-ico .fr li table tr td{border-bottom:#999 1px solid; padding:1rem 0px; word-break: normal !important; text-wrap:wrap !important;}
.product-ico .fr li table .firstRow{border-bottom:#333 2px solid; border-top:#333 2px solid; font-weight:bold; color:#000;}
.product-ico p{word-break: normal !important; text-wrap:wrap !important;}
.product-ico span{word-break: normal !important; text-wrap:wrap !important;}

.product-pics{overflow:hidden; width:90%; margin:auto; margin-top:2rem; display:flex; flex-wrap:wrap; margin-bottom:20px;}
.product-pics ul{width:100%; border-bottom:#ddd 1px solid; margin-bottom:5vw;}
.product-pics ul p{ font-size:36px; font-family:"aparaj"; width:fit-content; border-bottom:#000 3px solid;}
.product-pics dl{margin-right:2vw; margin-bottom:5vw;}
.product-pics dl dt{height:50vw;}
.product-pics dl dt img{width:100%; height:100%; object-fit: cover;}
.product-pics dl p{ margin-top:15px;}

.p-pics{ width:100%; overflow:hidden; background:#000; padding-top:5vw;}
.p-pics .bod{column-count:1;column-gap:2vw; margin-left:5vw; margin-right:5vw;}
.p-pics .bod dl{break-inside: avoid-column; margin-bottom:5vw;}
.p-pics .bod dl img{ width:100%;}

.product{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; width:90%; margin:auto; margin-top:5vw;}
.product p{font-size:1rem; color:#666; line-height:1.6rem; margin-bottom:1rem; width:100% !important; word-break: normal !important; text-wrap:wrap !important;}
.product span{word-break: normal !important; text-wrap:wrap !important;}
.product p img{width:100% !important;}
.product span{word-break: normal !important; text-wrap:wrap !important;}
.product table{ width:100%; margin-bottom:5vw;}
.product table:nth-child(2n){ margin-right:0}
.product table td{font-size:1rem; line-height:1.6rem; word-break: normal !important; text-wrap:wrap !important;}
.product table img{ width:100%; transition: all 2s;}
.product table img:hover{transition: all 2s; transform: scale(1.05);}

.c-list{overflow:hidden; width:90%; margin:auto; margin-top:5vw;}
.c-list .bod{display:flex; flex-wrap:wrap;}
.c-list .bod dl{ width:100%; transition: all 0.5s; margin-bottom:5vw;}
.c-list .bod dl dt{ position:relative; padding-bottom:136%; overflow:hidden;}
.c-list .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;}
.c-list .bod dl dt .info{ position:absolute;bottom:0; left:0; right:0; background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));}
.c-list .bod dl dt .info ul{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:4vw; margin-left:5vw;}
.c-list .bod dl dt .info ul li{font-family:"aparaj"; font-size:2rem; line-height:2rem; color:#FFF;}
.c-list .bod dl dt .info ul span{ margin-left:1vw; margin-bottom:4vw;}
.c-list .bod dl dt .info ul span img{ width:1rem; height:1rem; margin-left:0.7rem;}
.c-list .bod dl:hover{ margin-top:-30px; transition: all 0.5s;}
.c-list .bod dl:hover dt img{transform: scale(1.1);transition: all 2s;}

.caselist{overflow:hidden; padding-top:5vw;}
.caselist .bod{display:flex; flex-wrap:wrap; width:90%; margin:auto;}
.caselist .bod dl{ width:100%; margin-right:2%; transition: all 0.5s; margin-bottom:8vw;}
.caselist .bod dl dt{ position:relative; padding-bottom:70%; overflow:hidden;}
.caselist .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;}
.caselist .bod dl .info{margin-top:1rem;}
.caselist .bod dl .info ul{display:flex; flex-wrap:wrap; align-items:center;}
.caselist .bod dl .info ul li{font-family:"aparaj"; font-size:2rem; line-height:2rem; }
.caselist .bod dl .info ul span{ margin-left:3vw;}
.caselist .bod dl .info ul span img{ width:0.9rem; height:0.9rem; filter:drop-shadow(#000 0px 1000000px); transform: translateY(-1000000px);}
.caselist .bod dl:hover{ margin-top:-10px; transition: all 0.5s;}
.caselist .bod dl:hover dt img{transform: scale(1.05);transition: all 2s;}

.case{ width:100%; margin:auto; overflow:hidden; background:#000; text-align:center; color:#FFF; padding-top:1rem;}
.case dt{font-size:2.4rem; font-family:"aparaj";}

.case1{ width:100%; margin:auto; overflow:hidden; background:#000; color:#FFF; padding-bottom:2rem;}
.case1 .bod{ width:90%; margin:auto;}

.service{ width:100%; overflow:hidden; background:#000; border-top:#333 1px solid;}
.service .bod{width:90%; margin:auto; margin-top:5vw; display:flex; flex-wrap:wrap;}
.service .bod dl{ width:100%; margin-bottom:10vw;}
.service .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden; border-radius:20px;}
.service .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 2s;}
.service .bod dl .txt{font-family:"aparaj"; font-size:2.4rem; color:#FFF; margin-top:1rem;}
.service .bod dl .more{margin-top:0rem; width: fit-content; color:#FFF;}
.service .bod dl:hover dt img{transform: scale(1.05);transition: all 2s;}

.mulu{width:100%; background:#000; overflow:hidden; border-top:#333 1px solid;}
.mulu .bod{display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; width:90%; margin:auto; margin-top:5vw;}
.mulu .fl{width:100%;}
.mulu .fl dt{font-family:"aparaj"; font-size:2.4rem; color:#FFF;}
.mulu .fl dd{margin-top:0rem; font-size:1rem; line-height:1.6rem; color:#999; width:90%;}
.mulu .fr{width:100%; display: flex; flex-wrap:wrap; overflow:hidden; margin-top:5vw;}
.mulu .fr dl{ width:100%; margin-bottom:10vw;}
.mulu .fr dl dt{ position:relative; padding-bottom:130%; overflow:hidden;}
.mulu .fr dl dt img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.mulu .fr dl dd{ margin-top:1rem; font-family:"aparaj"; font-size:1.4rem; color:#FFF;}
.mulu .fr dl li{ margin-top:0.5rem; color:#FFF; line-height:1rem; width: fit-content; border-bottom:#FFF 1px solid; padding-bottom:0.3rem; padding-left:0.5rem; padding-right:0.5rem; transition: all 0.5s;}
.mulu .fr dl li:hover{ padding-right:5rem; transition: all 0.5s; opacity:0.8;}
.mulu .fr dl li a{display: flex; flex-wrap:wrap; align-items: center;}
.mulu .fr dl li img{margin-left:0.6rem; filter:drop-shadow(#fff 0px 5000px); transform: translateY(-5000px); width:1rem;}
.mulu .fr dl:hover dt img{transform: scale(1.05);transition: all 2s;}

.video-container{ background:#000; padding-bottom:2vw;}
.video-container .bod{display: flex; flex-wrap:wrap; width:90%; margin:auto;}
.video-container .bod .video-thumb{width:100%; cursor: pointer;transition: transform 0.3s; background: #000; margin-bottom:5vw;}
.video-thumb:hover{transform: scale(1.05);}
.popup{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);z-index: 1000;justify-content: center;align-items: center;}
.popup-content {position: relative;max-width:100vw;}
.close-btn {position: absolute;top: -40px;right: 0;color: white;font-size: 40px;cursor: pointer;}
.popup-video {width:100%;}

.designers{column-count:1;background:#000; padding-left:5vw; padding-right:5vw;}
.designers .p-item {break-inside: avoid-column;margin-bottom:5vw;}
.designers .p-item dt{ position:relative; overflow:hidden;}
.designers .p-item dt img{width: 100%;  display: block; transition: all 2s;}
.designers .p-item dt .info{position:absolute; left:0; right:0; top:0; height:0; transition: all 0.5s; background:rgba(0,0,0,0); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.designers .p-item dt .info dl{ display:none;}
.designers .p-item:hover dt .info{height:100%; transition: all 0.5s; background:rgba(0,0,0,0.5);}
.designers .p-item:hover dt .info dl{display: block; text-align:center; color:#FFF;}
.designers .p-item:hover dt .info dl dd{ font-size:2.8rem; font-family:"aparaj";}
.designers .p-item:hover dt .info dl p{ margin-top:0.5rem; width: fit-content; border-bottom:#fff 1px solid; padding-bottom:5px; padding-left:10px; padding-right:10px; transition: all 0.5s;}
.designers .p-item dt .info dl p:hover{ padding-left:40px; padding-right:40px; transition: all 0.5s;}
.designers .p-item:hover dt img{transform: scale(1.1);transition: all 2s;}

.n-list{ width:100%; overflow:hidden; background:#000; border-top:#333 1px solid;}
.n-list .bod{width:90%; margin:auto; margin-top:5vw; display:flex; flex-wrap:wrap;}
.n-list .bod dl{ width:100%; margin-bottom:10vw;}
.n-list .bod dl:nth-child(3n){ margin-right:0;}
.n-list .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden; border-radius:10px;}
.n-list .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;}
.n-list .bod dl .txt{font-family:"aparaj"; font-size:2rem; color:#FFF; margin-top:1rem;}
.n-list .bod dl .more{margin-top:0; width: fit-content; color:#FFF;}
.n-list .bod dl:hover dt img{transform: scale(1.05);transition: all 2s;}

.nn-list{ width:100%; overflow:hidden; margin-bottom:2vw;}
.nn-list .txt{font-family:"aparaj"; font-size:3rem; text-align:center; margin-top:5vw;}
.nn-list .bod{width:90%; margin:auto; margin-top:2vw; display:flex; flex-wrap:wrap;}
.nn-list .bod dl{ width:100%; margin-bottom:10vw;}
.nn-list .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden; border-radius:10px;}
.nn-list .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.nn-list .bod dl .txt{font-family:"aparaj"; font-size:2rem; margin-top:1rem; text-align:left; line-height:2rem;}
.nn-list .bod dl .more{margin-top:1rem; color:#999; font-family:"aparaj"; font-size:1.2rem;}
.nn-list .bod dl:hover dt img{transform: scale(1.05);transition: all 0.5s;}

.news-ico{overflow:hidden; width:90%; margin:auto; margin-top:4rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.news-ico .fl{ width:100%;}
.news-ico .fl dt{ position:relative; padding-bottom:60%;}
.news-ico .fl dt img{ position:absolute; width:100%; height:100%; object-fit: cover; border-radius:20px;}
.news-ico .fr{ width:100%; margin-top:5vw;}
.news-ico .fr p{font-family:"aparaj"; font-size:1.2rem; color:#666;}
.news-ico .fr dt{font-family:"aparaj"; font-size:2rem; color:#000; margin-top:1rem; line-height:2rem;}
.news-ico .fr dd{font-family:"aparaj"; font-size:1.2rem; color:#666;  margin-top:1rem;}

.news{ overflow:hidden; padding-top:5vw; width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .bod{overflow:hidden;}
.news .bod img{width:100%; margin-bottom:5vw;}
.news .bod p{ font-size:1rem; color:#666; line-height:1.6rem; margin-bottom:1rem; word-break: normal !important; text-wrap:wrap !important;}
.news .bod span{word-break: normal !important; text-wrap:wrap !important;}

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

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

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:20px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:15px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:5px 10px;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:6px 10px; background:#000; border:#000 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:#000; color:#fff; transition: all 0.5s; border:#000 1px solid;}

.p-search{border-bottom:#ddd 1px dashed; width:100%; display: flex; flex-wrap:wrap; justify-content:center; margin-top:4rem; padding-bottom:1rem; margin-bottom:5vw;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center; width:90vw;}
.p-search form input{width:70%; height:50px; outline:none; border:none; border-radius:30px 0px 0px 30px; padding-left:5%; font-size:16px;}
.p-search form button{ width:25%; background:#ff9c00; border:none; height:50px; font-size:1rem; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px;}
.p-search form button:hover{ opacity:0.8;}
}

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