*{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;}
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){
.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;}
.w1200{ width:1200px; 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; background:#000; color:#FFF;}
.topbj .width{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:45px; position:relative; border-bottom:rgba(255,255,255,0.2) 1px solid;}
.topbj .width .zuobian{display:flex; flex-wrap:wrap; align-items:center; font-size:14px; margin-left:2vw;}
.topbj .width .zuobian .phone a{display:flex; flex-wrap:wrap; align-items:center;}
.topbj .width .zuobian .line{margin:0px 20px;}
.topbj .width .zuobian .line img{height:13px; width:1px;}
.topbj .width .zuobian .email a{display:flex; flex-wrap:wrap; align-items:center;}
.topbj .width .zuobian img{width:14px; filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}
.topbj .width .zuobian span{margin-left:10px; color:#fff; line-height:16px;}
.topbj .width .youbian{display:flex; flex-wrap:wrap; align-items:center; margin-right:2vw;}
.topbj .width .youbian dl{font-size:14px;}
.topbj .width .youbian li{margin:0px 15px;}
.topbj .width .youbian li img{height:13px; width:1px;}
.topbj .width .youbian dd{margin-left:40px; width:fit-content; border:#FFF 1px solid; padding:2px 25px; border-radius:30px;}
.topbj .width .youbian dt{margin-left:30px;}
.topbj .width .youbian dt img{filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px); width:16px; height:16px; margin-top:3px;}
.topbj .logo{z-index:999; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:60px; border-bottom:rgba(255,255,255,0.2) 1px solid; text-transform:uppercase;}
.topbj .logo li{ margin-left:2vw; padding-left:40px;}
.topbj .logo dl a{ display:block;}
.topbj .logo dl a img{height:33px; filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}
.topbj .logo ul{ margin-right:2vw;}
.topbj .navBar{z-index:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:50px; position:relative;}
.topbj .nav{display:flex; flex-wrap:wrap; justify-content:center; align-items: center;}
.topbj .nav h3{font-size:100%; height:50px; line-height:50px; font-size:16px; margin:0px 25px; font-weight:normal; color:#FFF; text-transform:uppercase;}
.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:50px;}
.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:0px; 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:35px; }
.topbj #wap_logo .WebLogo .WebLogo{display:none;}
.topbj #wap_logo .WebLogo .languagebtn{display: flex; align-items: center; max-height:35px;}
.topbj #wap_logo .WebLogo .shownavbtn{width:20px; height:12px; margin-top:115px; 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;}

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

.focusBox-wap{ display:none;}

.index1{width:100%; margin:auto; overflow:hidden;}
.index1 .txt{overflow:hidden; margin-top:5vw; text-align:center;}
.index1 .txt dt{font-size:2.6rem;}
.index1 .txt p{font-size:1rem; width:1000px; margin:auto; text-align:center; line-height:1.5vw; margin-top:0.5vw; color:#666;}
.index1 .bod{display:flex; flex-wrap:wrap; overflow:hidden; margin-top:4vw;}
.index1 .bod dl{width:32%; margin-right:2%; margin-bottom:4vw;}
.index1 .bod dl:nth-child(3n){margin-right:0;}
.index1 .bod dl dt{position:relative; padding-bottom:70%; overflow:hidden;}
.index1 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;}
.index1 .bod dl:hover dt img{transform: scale(1.1);transition: all 2s;}
.index1 .bod dl dd{font-size:2rem; text-align:center; margin-top:1.5vw;}
.index1 .bod dl p{width:120px; margin:auto; margin-top:1vw; font-size:1.05rem; border-bottom:#333 1px solid; padding-bottom:0.5rem; text-align:center; transition: all 0.5s;}
.index1 .bod dl p:hover{width:100%; transition: all 0.5s; border-bottom:#ddd 1px solid;}

.index2{overflow:hidden; margin-top:50px; background-size:cover;}
.index2 .qunar {width:100%; overflow:hidden; position:relative;}
.index2 .qunar .e_pic_wrap {z-index: 1; white-space: nowrap; width:100%;}
.index2 .qunar .e_pic_wrap li {overflow: hidden; position:relative; height:700px;}
.index2 .qunar .e_pic_wrap li img{width:75%; margin-left:25%; position:absolute;height:700px; right:0; object-fit: cover;}
.index2 .qunar .txt{position:absolute; left:0; top:100px; bottom:100px; width:36%; background:#f5f5f5; padding:25px 28px 10px 15px; overflow:hidden; z-index:20; white-space:normal; display:flex; flex-wrap:wrap; align-items:center;}
.index2 .qunar .txt .item{overflow:hidden; margin-left:3vw; margin-right:3vw;}
.index2 .qunar .txt .item p{ width:100%; font-size:20px; transform: skewX(-10deg); color:#666;}
.index2 .qunar .txt .item dt{ font-size:40px; margin-top:10px;}
.index2 .qunar .txt .item dd{ margin-top:40px; font-size:24px; color:#333; transform: skewX(-10deg);}
.index2 .qunar .txt .item dl{ margin-top:20px; font-size:15px; line-height:24px; color:#666;}
.index2 .qunar .prev, .qunar .next {}
.index2 .qunar .prev {position: absolute; top:330px; left:1vw; z-index: 30;}
.index2 .qunar .next {position: absolute; top:330px; right:1vw; z-index: 30;}

.index3{overflow:hidden; margin-top:5vw;}
.index3 .txt{overflow:hidden; text-align:center;}
.index3 .txt dt{font-size:2.6rem;}
.index3 .txt p{font-size:1rem; width:1000px; margin:auto; text-align:center; line-height:1.5vw; margin-top:0.5vw; color:#666;}
.index3 .scrollBox{display:flex; flex-wrap:wrap; position:relative;}
.index3 .scrollBox .piclist{ zoom:1;}
.index3 .scrollBox .ohbox{position:relative;width:100%;}
.index3 .scrollBox {position:relative;zoom:1;}
.index3 .scrollBox .piclist li{float:left; display:inline; width:33.333%; transition: all 0.5s; padding-top:60px;}
.index3 .scrollBox .piclist li dt{ width:100px; height:100px; background:#f5f5f5; border-radius:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:auto;}
.index3 .scrollBox .piclist li dt img{ width:35px; height:35px;}
.index3 .scrollBox .piclist li dd{ width:80%; margin:auto; margin-top:40px; font-size:22px; font-weight:bold; text-align:center;}
.index3 .scrollBox .piclist li p{ width:80%; margin:auto; margin-top:20px; font-size:16px; text-align:center; line-height:24px; color:#666;}
.index3 .scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:80px 0 0 47vw; }
.index3 .scrollBox .pageBtn .list li{background:#333;float:left;display:inline;width:0.8vw;height:0.8vw; margin-right:0.5vw;overflow:hidden; font-size:0px; border-radius:100%; opacity:0.4;}
.index3 .scrollBox .pageBtn .list li.on{opacity:1;}
.index3 .scrollBox .piclist li:hover{ margin-top:-20px; transition: all 0.5s;}

.index3-wap{ display:none;}

.index4{overflow:hidden; margin-top:100px; margin-bottom:90px;}
.index4 .bod{display:flex; flex-wrap:wrap; justify-content:space-between;}
.index4 .bod dl{width:49%; background:#f5f5f5;}
.index4 .bod dl dt{position:relative; padding-bottom:55%;}
.index4 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.index4 .bod dl ul{margin:40px;}
.index4 .bod dl ul li{ font-size:36px; margin-bottom:15px;}
.index4 .bod dl ul p{ font-size:24px; font-weight:bold; transform: skewX(-10deg);}
.index4 .bod dl ul dd{ margin-top:15px;}
.index4 .bod dl ul dd p{ font-size:16px; font-weight:normal; margin:10px 0px;}

.index5{overflow:hidden; margin-top:100px; margin-bottom:100px;}
.index5 .txt{overflow:hidden; text-align:center;}
.index5 .txt dt{font-size:2.6rem;}
.index5 .txt p{font-size:1rem; width:1000px; margin:auto; text-align:center; line-height:1.5vw; margin-top:0.5vw; color:#666;}
.index5 .bod{display:flex; flex-wrap:wrap; margin-top:4vw;}
.index5 .bod dl{width:32%; margin-right:2%;}
.index5 .bod dl:nth-child(3n){margin-right:0;}
.index5 .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden;}
.index5 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.index5 .bod dl ul{ margin-top:30px; text-align:center;}
.index5 .bod dl ul li{ font-size:30px;}
.index5 .bod dl ul dd{width:100px; margin:auto; margin-top:20px; border-bottom:#666 1px solid; font-size:18px; transition: all 0.5s; padding-bottom:8px;}
.index5 .bod dl:hover dt img{transform: scale(1.1);transition: all 0.5s;}
.index5 .bod dl:hover ul dd{ width:100%;transition: all 0.5s; border-bottom:#ddd 1px solid;}

.index6{overflow:hidden; margin-top:100px; background:#f5f5f5;}
.index6 .txt{overflow:hidden; text-align:center; margin-top:4vw;}
.index6 .txt dt{font-size:2.6rem;}
.index6 .txt p{font-size:1rem; width:1000px; margin:auto; text-align:center; line-height:1.5vw; margin-top:0.5vw; color:#666;}
.index6 .bod{display:flex; flex-wrap:wrap; margin-top:3vw; margin-bottom:4vw;}
.index6 .bod dl{width:15.4%; margin-right:1.52%; margin-bottom:1.4vw;}
.index6 .bod dl:nth-child(6n){margin-right:0;}
.index6 .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden;}
.index6 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; filter: grayscale(100%); opacity:0.5; transition: all 0.5s;}
.index6 .bod dl:hover dt img{transform: scale(1.1); filter: grayscale(0%); opacity:1; transition: all 0.5s;}
.index6 .bod1{display:flex; flex-wrap:wrap; margin-top:3vw; margin-bottom:4vw;}
.index6 .bod1 dl{width:11.625%; margin-right:1%; margin-bottom:1.4vw;}
.index6 .bod1 dl:nth-child(8n){margin-right:0;}
.index6 .bod1 dl dt{position:relative; padding-bottom:60%; overflow:hidden;}
.index6 .bod1 dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; filter: grayscale(100%); opacity:0.5; transition: all 0.5s;}
.index6 .bod1 dl:hover dt img{transform: scale(1.1); filter: grayscale(0%); opacity:1; transition: all 0.5s;}

.index7{width:100%; margin:auto; overflow:hidden; margin-top:5vw;}
.index7 .picScroll-left{ width:98%;  overflow:hidden; position:relative; margin-left:2%; background:#f5f5f5;}
.index7 .picScroll-left .hd{overflow:hidden; position:absolute; right:37%; bottom:0; z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.5); color:#FFF; padding:20px 40px;}
.index7 .picScroll-left .hd .pageState{ font-size:60px !important;}
.index7 .picScroll-left .bd{margin-top:0px;}
.index7 .picScroll-left .bd ul{overflow:hidden; zoom:1; }
.index7 .picScroll-left .bd ul li{width:100%; overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index7 .picScroll-left .bd ul li .pic{width:63%;}
.index7 .picScroll-left .bd ul li .pic p{width:100%; position:relative; padding-bottom:57%;}
.index7 .picScroll-left .bd ul li .pic p img{width:100%; object-fit: cover; display:block; position:absolute; height:100%;}
.index7 .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.index7 .picScroll-left .bd ul li .title{width:37%;}
.index7 .picScroll-left .bd ul li .title .biaoti{margin:0px 80px;}
.index7 .picScroll-left .bd ul li .title .biaoti dt{font-size:36px; text-transform:uppercase; line-height:48px;}
.index7 .picScroll-left .bd ul li .title .biaoti dd{font-size:16px; margin-top:30px; line-height:30px; color:#666;}
.index7 .picScroll-left .bd ul li .title .biaoti dl{ margin-top:50px; width:180px; height:50px; border:#333 1px solid; background:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index7 .picScroll-left .bd ul li .title .biaoti .tutu{ margin-top:30px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index7 .picScroll-left .bd ul li .title .biaoti .tutu .item{ width:47%;}
.index7 .picScroll-left .bd ul li .title .biaoti .tutu .item .item-ico{ position:relative; padding-bottom:135%;}
.index7 .picScroll-left .bd ul li .title .biaoti .tutu .item .item-ico img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.index7 .picScroll-left .bd ul li .title .biaoti .tutu .item .item-title{ margin-top:15px; text-align:center;}

.index8{overflow:hidden; margin-top:100px; margin-bottom:100px;}
.index8 .txt{overflow:hidden; text-align:center; background:#f5f5f5; padding-top:4vw; padding-bottom:9vw;}
.index8 .txt dt{font-size:2.6rem;}
.index8 .txt p{font-size:1rem; width:1000px; margin:auto; text-align:center; line-height:1.5vw; margin-top:0.5vw; color:#666;}
.index8 .bod{display:flex; flex-wrap:wrap; margin-top:-6vw;}
.index8 .bod dl{width:23.5%; margin-right:2%;}
.index8 .bod dl:nth-child(4n){margin-right:0;}
.index8 .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden;}
.index8 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.index8 .bod dl:hover dt img{transform: scale(1.1);transition: all 0.5s;}

.index9{overflow:hidden; margin-top:100px;}
.index9 .txt{overflow:hidden; text-align:center;}
.index9 .txt dt{font-size:2.6rem;}
.index9 .txt p{font-size:1rem; width:1000px; margin:auto; text-align:center; line-height:1.5vw; margin-top:0.5vw; color:#666;}
.index9 .bod{display:flex; flex-wrap:wrap; margin-top:3vw;}
.index9 .bod dl{width:32%; margin-right:2%;}
.index9 .bod dl:nth-child(3n){margin-right:0;}
.index9 .bod dl dt{position:relative; padding-bottom:75%; overflow:hidden;}
.index9 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.index9 .bod dl:hover dt img{transform: scale(1.1);transition: all 0.5s;}
.index9 .bod dl dt .info{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index9 .bod dl dt .info ul{ margin:30px 40px; color:#FFF; text-align:center;}
.index9 .bod dl dt .info ul dd{ font-size:24px; line-height:36px;}
.index9 .bod dl dt .info ul li{ margin-top:25px; line-height:24px; opacity:0.7;}
.index9 .bod dl dt .info ul p{width:fit-content; margin:auto; margin-top:40px; border-bottom:#CCC 1px solid; padding:5px 5px; transition: all 0.5s;}
.index9 .bod dl:hover dt .info ul p{padding:5px 5vw; transition: all 0.5s; border-bottom:rgba(255,255,255,0.2) 1px solid;}

.index10{overflow:hidden; margin-top:100px; margin-bottom:100px;}
.index10 .txt{overflow:hidden; text-align:center;}
.index10 .txt dt{font-size:2.6rem;}
.index10 .txt p{font-size:1rem; width:1000px; margin:auto; text-align:center; line-height:1.5vw; margin-top:0.5vw; color:#666;}
.index10 .bod{width:1200px; margin:auto; margin-top:3vw;}
.index10 .bod form{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index10 .bod form input{ width:558px; height:70px; border:#333 1px solid; background:#f5f5f5; padding-left:20px;}
.index10 .bod form input::placeholder{ font-size:16px; color:#999;}
.index10 .bod form button{ width:578px; height:70px; border:#333 1px solid; background:#000; color:#FFF; font-size:16px;}

.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:#000; border-bottom:rgba(255,255,255,0.15) 1px solid;}
.foot-logo img{height:33px; filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}

.foot{overflow:hidden; background:#000;}
.foot .bod{overflow:hidden; padding-bottom:40px; margin-top:40px; color:#FFF; }
.foot .bod .item1{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.foot .bod .item1 .lianxi{width:30%; border-right:rgba(255,255,255,0.2) 1px dashed;}
.foot .bod .item1 .lianxi dl{ margin-bottom:30px;}
.foot .bod .item1 .lianxi dl dt{font-size:16px; font-weight:bold; opacity:0.8;}
.foot .bod .item1 .lianxi dl dd{ margin-top:15px; display: grid; grid-template-columns: auto 1fr; align-items: center;}
.foot .bod .item1 .lianxi dl dd img{ width:16px;filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px); opacity:0.6;}
.foot .bod .item1 .lianxi dl dd span{ margin-left:10px; color:#FFF; opacity:0.6;}
.foot .bod .item1 .lianxi li{ margin-top:15px; display: grid; grid-template-columns: auto 1fr; align-items: center; margin-right:30px;}
.foot .bod .item1 .lianxi li img{ width:16px;filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px); opacity:0.6;}
.foot .bod .item1 .lianxi li span{ margin-left:10px; color:#FFF; opacity:0.6;}
.foot .bod .item1 .daohang{width:65%; display: flex; flex-wrap:wrap;}
.foot .bod .item1 .daohang dl{ width:25%;}
.foot .bod .item1 .daohang dl dt{font-size:16px; font-weight:bold; opacity:0.8;}
.foot .bod .item1 .daohang dl dd p{margin-top:15px; color:#FFF; opacity:0.6;}
.foot .bod .item2{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; border-top:rgba(255,255,255,0.15) 1px solid; margin-top:40px; padding-top:40px;}
.foot .bod .item2 .fr{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod .item2 .fr li{margin-right:20px;}
.foot .bod .item2 .fr li img{ width:25px; filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px); opacity:0.6;}
.foot .bod .item2 .fr li:hover img{opacity:1;}
.foot .bod .item2 .fr dd{color:#FFF; opacity:0.6;}
.foot .bod .item2 .fr p{ margin:0px 15px; opacity:0.6;}
.foot .bod .item2 .fl{display: flex; flex-wrap:wrap; color:#FFF; opacity:0.6;}
.foot .bod .item2 .fl li{ font-size:16px;}

.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; height:70vh; margin-top:0px; border-bottom:#eee 5px solid;}
.nybanner li{position:relative; height:70vh;}
.nybanner li img{position:absolute; width:100%; height:70vh; object-fit: cover;}
.nybanner li .info{ position:absolute; left:0; right:0; top:0; bottom:0;display: flex; flex-wrap:wrap; align-items: center;}
.nybanner li .info .item{width:90%; margin:auto;}
.nybanner li .info .item dt{font-size:60px; color:#FFF; text-align:center; margin-top:120px; text-shadow: 5px 5px 5px rgba(0,0,0,0.8);}
.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;}

.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:155px; padding:20px 0px; overflow:hidden; color:#999; background:#f5f5f5;}
.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;}

.about-txt{overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; margin-top:20px;}
.about-txt p{ font-size:20px; width:fit-content; margin:0px 10px; background:#fff; border:#333 1px solid; margin-top:20px;}
.about-txt p a{ display:block; padding:20px 40px;}

.hengtiao{ width:100%; height:155px; overflow:hidden;}

.active-about-txt{background:#000; color: #ff9c00}

.aboutus-Introduction{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:5vw;}
.aboutus-Introduction .pic{width:55%;}
.aboutus-Introduction .pic p{width:100%; position:relative; padding-bottom:60%;}
.aboutus-Introduction .pic p img{width:100%; object-fit: cover; display:block; position:absolute; height:100%;}
.aboutus-Introduction .pic a:hover img{ border-color:#999;  }
.aboutus-Introduction .title{width:40%;}
.aboutus-Introduction .title .biaoti{}
.aboutus-Introduction .title .biaoti dt{font-size:36px; text-transform:uppercase; line-height:48px;}
.aboutus-Introduction .title .biaoti dd{font-size:16px; margin-top:30px; line-height:30px; color:#666;}
.aboutus-Introduction .title .biaoti dd p{ margin:20px 0px;}

.aboutus-Certificate{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:5vw;}
.aboutus-Certificate .title{width:33%; margin-left:2%;}
.aboutus-Certificate .title .biaoti dt{font-size:36px; text-transform:uppercase; line-height:48px;}
.aboutus-Certificate .title .biaoti .tutu{ margin-top:30px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.aboutus-Certificate .title .biaoti .tutu .item{ width:47%;}
.aboutus-Certificate .title .biaoti .tutu .item .item-ico{ position:relative; padding-bottom:135%; border:#eee 10px solid;}
.aboutus-Certificate .title .biaoti .tutu .item .item-ico img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.aboutus-Certificate .title .biaoti .tutu .item .item-title{ margin-top:15px; text-align:center;}
.aboutus-Certificate .pic{width:60%;}
.aboutus-Certificate .pic p{width:100%; position:relative; padding-bottom:60%;}
.aboutus-Certificate .pic p img{width:100%; object-fit: cover; display:block; position:absolute; height:100%;}
.aboutus-Certificate .pic a:hover img{ border-color:#999;  }

.anchor-target {margin-top:155px;}

.about{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:70px;}
.about p{font-size:16px; line-height:30px; word-break: normal !important; text-wrap:wrap !important; margin:30px 0px; color:#666;}
.about span{font-size:16px; line-height:30px; word-break: normal !important; text-wrap:wrap !important; margin:30px 0px; color:#666;}
.about table{ width:48%; font-size:16px; line-height:30px; font-size:16px; line-height:30px; word-break: normal !important; text-wrap:wrap !important; margin:30px 0px; color:#666; overflow:hidden;}
.about table img{ width:100%; transition: all 0.5s;}
.about table img:hover{transform: scale(1.1);transition: all 0.5s;}
.about img{ width:100%;}

h6{font-size:20px; 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:26px; 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:30px; 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:36px; 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:40px; 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:48px; line-height:2.6rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}

.qualification-certificate{overflow:hidden; margin-top:5vw; background:#f5f5f5; padding:100px 0px;}
.qualification-certificate dt{font-size:36px; text-transform:uppercase; line-height:48px; text-align:center;}
.qualification-certificate .tutu{ margin-top:40px; display:flex; flex-wrap:wrap; justify-content:center;}
.qualification-certificate .tutu .item{width:16.6666666667%;}
.qualification-certificate .tutu .item .item-ico{ position:relative; padding-bottom:135%;}
.qualification-certificate .tutu .item .item-ico img{ position:absolute; width:88%; height:88%; border:#eee 0.4vw solid; object-fit: cover; top:4%; left:6%;}
.qualification-certificate .tutu .item .item-title{text-align:center;}

.p-list {overflow: hidden; margin-top:80px;}
.p-list .item{display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:80px;}
.p-list .item1 .fl{width:65%; z-index:8;} 
.p-list .item1 .fl dt{position:relative; padding-bottom:60%;}
.p-list .item1 .fl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.p-list .item1 .fr{width:75%; margin-left:-40%; z-index:9;}
.p-list .item1 .fr .txt{margin-left:58%;}
.p-list .item1 .fr .txt dt{font-size:36px; font-weight:bold;}
.p-list .item1 .fr .txt dd{ margin-top:1.5vw; font-size:16px; line-height:1.5vw; color:#666;}
.p-list .item1 .fr .bod{margin-top:2vw; display: flex; flex-wrap:wrap; background:#f5f5f5;}
.p-list .item1 .fr .bod dl{width:22.5%; margin-right:2%; background:#FFF; margin-top:2%; margin-bottom:2%;}
.p-list .item1 .fr .bod dl:nth-child(1){ margin-left:2%;}
.p-list .item1 .fr .bod dl dt{ position:relative; padding-bottom:100%;}
.p-list .item1 .fr .bod dl dt img{ position:absolute; width:96%; height:96%; left:2%; top:2%; object-fit: cover;}
.p-list .item1 .fr .bod dl dd{ margin-left:5%; margin-top:0.5vw; margin-bottom:1vw;}
.p-list .item2 .fl{width:75%; margin-right:-40%; z-index:9;}
.p-list .item2 .fl .txt{margin-right:58%; margin-left:20px;}
.p-list .item2 .fl .txt dt{font-size:36px; font-weight:bold;}
.p-list .item2 .fl .txt dd{ margin-top:1.5vw; font-size:16px; line-height:1.5vw; color:#666;}
.p-list .item2 .fl .bod{margin-top:2vw; display: flex; flex-wrap:wrap; background:#f5f5f5;}
.p-list .item2 .fl .bod dl{width:22.5%; margin-right:2%; background:#FFF; margin-top:2%; margin-bottom:2%;}
.p-list .item2 .fl .bod dl:nth-child(1){ margin-left:2%;}
.p-list .item2 .fl .bod dl dt{ position:relative; padding-bottom:100%;}
.p-list .item2 .fl .bod dl dt img{ position:absolute; width:96%; height:96%; left:2%; top:2%; object-fit: cover;}
.p-list .item2 .fl .bod dl dd{ margin-left:5%; margin-top:0.5vw; margin-bottom:1vw;}
.p-list .item2 .fr{width:65%; z-index:8;} 
.p-list .item2 .fr dt{position:relative; padding-bottom:60%;}
.p-list .item2 .fr dt img{position:absolute; width:100%; height:100%; object-fit: cover;}

.productlist{margin-top:60px; margin-bottom:60px;}
.productlist .txt{ width:1200px; margin:auto; text-align:center;}
.productlist .txt dt{ font-size:48px; font-weight:bold; text-transform:uppercase;}
.productlist .txt dd{ width:1000px; margin:auto; margin-top:15px; font-size:17px; color:#666;}
.productlist .bod{ width:100%; margin-top:50px;}
.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;}
.productlist .bod .item li dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.productlist .bod .item li dd {font-size:17px; margin-top:15px; margin-bottom:10px;}
.productlist .bod .item li p{font-size:16px; width:100px; border-bottom:#333 1px solid; padding-bottom:5px; transition: all 0.5s;}
.productlist .bod .item li:hover dt img{transform: scale(1.1); transition: all 0.5s;}
.productlist .bod .item li:hover p{width:100%; transition: all 0.5s; border-bottom:#ddd 1px solid;}

.product-ico{overflow:hidden; margin:auto; margin-top:2vw; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content: space-between;}
.product-ico .fl{ width:45%;}
.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:50%;}
.product-ico .fr ul{ border-bottom:#CCC 1px dashed; margin-top:20px; padding-bottom:20px;}
.product-ico .fr dt{ margin-top:20px;font-size:36px; font-family:"aparaj"; line-height:36px; margin-bottom:20px;}
.product-ico .fr dd{ margin-top:10px; font-size:16px; background:#FFF; border-radius:5px;color:#333; splay:flex; flex-wrap:wrap; align-items:center; margin-bottom:20px;}
.product-ico .fr dd span{font-weight:bold; color:#333; margin-left:10px;}
.product-ico .fr .txt1{font-size:24px; font-style: italic; color:#666; line-height:48px;}
.product-ico .fr .txt2{ font-size:20px;}
.product-ico .fr .txt3{ margin-top:15px; color:#666; line-height:30px;}
.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;  margin-bottom:20px; background:#000;}
.product-pics .txt{width:100%; margin-bottom:2vw; text-align:center; color:#FFF; margin-top:3vw;}
.product-pics .txt p{ font-size:36px;}
.product-pics .bod{display:flex; flex-wrap:wrap; margin-top:3vw; margin-bottom:1vw;}
.product-pics .bod dl{margin-bottom:20px; width:23.5%; margin-right:2%;}
.product-pics .bod dl:nth-child(4n){ margin-right:0;}
.product-pics .bod dl dt{ position:relative; padding-bottom:80%;}
.product-pics .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.product-pics .bod dl p{ margin-top:15px;}

.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-top:20px; 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);}

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

.caselist{overflow:hidden; padding-top:2vw;}
.caselist .bod{ overflow:hidden;}
.caselist .bod .item{display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:50px;}
.caselist .bod .item1 .fl{width:50%;} 
.caselist .bod .item1 .fl dt{position:relative; padding-bottom:70%;}
.caselist .bod .item1 .fl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.caselist .bod .item1 .fr{width:40%; margin-right:5%;}
.caselist .bod .item1 .fr dt{font-size:36px; font-weight:bold;}
.caselist .bod .item1 .fr dd{ margin-top:1.5vw; font-size:16px; line-height:1.5vw; color:#666;}
.caselist .bod .item1 .fr p{ margin-top:50px; width:180px; height:50px; border:#333 1px solid; background:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;transition: all 0.5s;}
.caselist .bod .item1 .fr p img{filter:drop-shadow(#333 0px 1000000px); transform: translateY(-1000000px);}
.caselist .bod .item1 .fr p:hover{border:#333 1px solid; background:#333; color:#FFF; transition: all 0.5s;}
.caselist .bod .item1 .fr p:hover img{filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}
.caselist .bod .item2 .fl{width:40%; margin-left:5%;}
.caselist .bod .item2 .fl dt{font-size:36px; font-weight:bold;}
.caselist .bod .item2 .fl dd{ margin-top:1.5vw; font-size:16px; line-height:1.5vw; color:#666;}
.caselist .bod .item2 .fl p{margin-top:50px; width:180px; height:50px; border:#333 1px solid; background:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transition: all 0.5s;}
.caselist .bod .item2 .fl p img{filter:drop-shadow(#333 0px 1000000px); transform: translateY(-1000000px);}
.caselist .bod .item2 .fl p:hover{border:#333 1px solid; background:#333; color:#FFF; transition: all 0.5s;}
.caselist .bod .item2 .fl p:hover img{filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}
.caselist .bod .item2 .fr{width:50%; z-index:8;} 
.caselist .bod .item2 .fr dt{position:relative; padding-bottom:70%;}
.caselist .bod .item2 .fr dt img{position:absolute; width:100%; height:100%; object-fit: cover;}

.case{ width:100%; margin:auto; overflow:hidden; text-align:center; padding-top:60px;}
.case dt{font-size:36px; font-weight:bold;}
.case dd{ font-size:16px; color:#666; margin-top:15px;}

.p-pics{ overflow:hidden; margin-top:30px;}
.p-pics .bod{display: flex; flex-wrap:wrap;}
.p-pics .bod dl{ width:32%; margin-right:2%;}
.p-pics .bod dl:nth-child(3n){ margin-right:0;}
.p-pics .bod dl dt{ position:relative; padding-bottom:100%;}
.p-pics .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}

.case1{ width:100%; margin:auto; overflow:hidden; margin-top:30px;}
.case1 .bod{ width:1200px; margin:auto;}
.case1 .bod p,.case1 .bod span{ font-size:16px; color:#666; line-height:30px;}

.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:2vw;}
.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;}

.nn-list{ width:100%; overflow:hidden; margin-bottom:3vw;}
.nn-list .txt{font-family:"aparaj"; font-size:36px; font-weight:bold; text-align:center; margin-top:4vw;}
.nn-list .bod{width:96%; margin:auto; margin-top:3vw; 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-size:20px; font-weight:normal; margin-top:20px; text-align:left;}
.nn-list .bod dl .more{margin-top:10px; color:#999;}
.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:2vw; 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-size:24px; color:#666;}
.news-ico .fr dt{font-size:36px; color:#000; margin-top:15px;}
.news-ico .fr dd{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;}

.contact-txt{ text-align:center; width:100%; margin-top:3vw;}
.contact-txt dt{font-family:"aparaj"; font-size:48px;}
.contact-txt p{ margin-top:15px; font-family:"aparaj"; font-size:20px; color:#999;}
.contact{overflow:hidden; margin-top:60px; margin-bottom:70px; width:100%; background:#f5f5f5;}
.contact .message{overflow:hidden; width:46%; float:left; display:block; background:#FFF;}
.contact .message form{margin-left:2vw; margin-right:2vw;}
.contact .message form dl{ margin-bottom:20px; width:100%; overflow:hidden; display: flex; flex-wrap:wrap;}
.contact .message form dl dt{ font-size:16px; width:100%; text-align:left;}
.contact .message form dl dt span{ margin-right:5px; color:#ff9c00;}
.contact .message form dl input{ width:98%; padding-left:1%; height:40px; background:#f5f5f5; border-radius:5px; border:#333 1px solid; margin-top:5px; font-size:14px; color:#aaa; outline:none;}
.contact .message form dl input::placeholder{font-size:14px; color:#aaa;}
.contact .message form ul{margin-bottom:20px; display:flex; flex-wrap:wrap; align-items:center;}
.contact .message form ul li{font-size:16px; width:100%; margin-bottom:5px;}
.contact .message form ul input{width:87%; border-radius:0px 5px 5px 0px; background:#f5f5f5; border:#333 1px solid; padding-left:1%; height:40px; font-size:14px; color:#aaa; outline:none;}
.contact .message form ul input::placeholder{font-size:14px; color:#aaa;}
.contact .message form ul input:nth-child(2){width:10%; border-radius:5px 0px 0px 5px; margin-right:2px; height:40px;}
.contact .message form dl textarea{width:98%; padding-left:1%; height:100px; border-radius:5px; border:#333 1px solid; background:#f5f5f5; margin-top:5px; font-family:Arial; font-size:14px; color:#aaa; padding-top:8px; outline:none;}
.contact .message form dl button{ width:160px; height:45px; line-height:40px; background:#333; border:none; color:#FFF; outline:none; border-radius:5px; margin-top:10px;}
.contact .bod{width:50%; float:left; margin-left:2%; margin-right:2%; padding-top:50px;}
.contact .bod .item{display:flex; flex-wrap:wrap;}
.contact .bod .item dl{ width:30%; margin-right:5%; margin-bottom:3vw;}
.contact .bod .item dl:nth-child(3n){ margin-right:0;}
.contact .bod .item dl dt{border-bottom:#666 1px solid; font-size:18px; padding-bottom:15px;}
.contact .bod .item dl li{ margin-top:10px; margin-right:30px; line-height:24px; display: flex; flex-wrap:wrap; align-items: center; display: grid; grid-template-columns: auto 1fr;}
.contact .bod .item dl li img{ width:15px; height:15px; margin-right:5px; filter:drop-shadow(#333 0px 5000px); transform: translateY(-5000px);}
.contact .bod .item ul{ width:100%;}
.contact .bod .item ul dt{border-bottom:#666 1px solid; font-size:18px; padding-bottom:15px;}
.contact .bod .item ul li{ margin-top:10px; margin-right:30px; line-height:24px; display: flex; flex-wrap:wrap; align-items: center; display: grid; grid-template-columns: auto 1fr;}
.contact .bod .item ul li img{ width:15px; height:15px; margin-right:5px; filter:drop-shadow(#333 0px 5000px); transform: translateY(-5000px);}

.p-search{border-bottom:#ddd 1px dashed; width:100%; display: flex; flex-wrap:wrap; justify-content:center; margin-top:40px; padding-bottom:40px;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center;}
.p-search form input{width:500px; height:58px; outline:none; border:none; border-radius:30px 0px 0px 30px; padding-left:30px; font-size:16px; border:#000 1px solid; border-right:0px;}
.p-search form button{ width:140px; background:#000; border:none; height:60px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px; border:#000 1px solid;}
.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 .logo{ display:none;}
.topbj .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.2rem; display:block;margin-left: 15px; filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}

#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{ display:none;}

.focusBox-wap {width:100%; height:100vh; overflow: hidden; }
.focusBox-wap .pic-wap{z-index:0; }
.focusBox-wap .pic-wap li{position:relative; height:100vh;}
.focusBox-wap .pic-wap li img {position:absolute; width:100%; height:100%; object-fit: cover;}
.focusBox-wap .pic-wap .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-wap .pic-wap .info-bottom{position:absolute; width:100%; left:0; right:0; top:55vh; color:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.focusBox-wap .pic-wap .info-bottom dl{width:60%; height:3rem; border-radius:1.5rem; background:rgba(0,0,0,0.47); border:rgba(255,255,255,0.7) 1px solid; color:#FFF; line-height:3rem; text-align:center; margin-bottom:1rem;}
.focusBox-wap .pic-wap .info-bottom dt{width:60%; height:3rem; border-radius:1.5rem; background:rgba(255,255,255,1); border:rgba(255,255,255,1) 1px solid; color:#000; line-height:3rem; text-align:center;}
.focusBox-wap .hd {width:96%; position: absolute; bottom:6vw; font-size:0; z-index:1; left:2%; text-align:center;}
.focusBox-wap .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-wap .hd .on{background:#ff9c00; opacity:1;}

.index1{width:90%; margin:auto; overflow:hidden;}
.index1 .txt{overflow:hidden; margin-top:2rem; text-align:center;}
.index1 .txt dt{font-size:2rem;}
.index1 .txt p{font-size:0.9rem; text-align:center; line-height:1.5rem; margin-top:0.5rem; color:#666;}
.index1 .bod{display:flex; flex-wrap:wrap; overflow:hidden; margin-top:4vw;}
.index1 .bod dl{width:100%; margin-bottom:2rem;}
.index1 .bod dl dt{position:relative; padding-bottom:70%; overflow:hidden;}
.index1 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;}
.index1 .bod dl:hover dt img{transform: scale(1.1);transition: all 2s;}
.index1 .bod dl dd{font-size:1.4rem; text-align:center; margin-top:1rem;}
.index1 .bod dl p{width:6rem; margin:auto; margin-top:0.6rem; font-size:1rem; border-bottom:#333 1px solid; padding-bottom:0.5rem; text-align:center; transition: all 0.5s;}
.index1 .bod dl p:hover{width:100%; transition: all 0.5s; border-bottom:#ddd 1px solid;}

.index2{overflow:hidden; margin-top:1rem;; background-size:cover; background:#f5f5f5;}
.index2 .qunar {width:100%; overflow:hidden; position:relative; padding-bottom:5rem;}
.index2 .qunar .e_pic_wrap {z-index: 1; white-space: nowrap; width:100%;}
.index2 .qunar .e_pic_wrap li {overflow: hidden;}
.index2 .qunar .e_pic_wrap li img{width:90%; margin-left:5%;}
.index2 .qunar .txt{width:90%; margin:auto; margin-top:2rem; overflow:hidden; z-index:20; white-space:normal; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; margin-bottom:2rem;}
.index2 .qunar .txt .item{overflow:hidden;}
.index2 .qunar .txt .item p{ width:100%; font-size:20px; transform: skewX(-10deg); color:#666;}
.index2 .qunar .txt .item dt{ font-size:2rem; margin-top:0.5rem;}
.index2 .qunar .txt .item dd{ margin-top:1rem; font-size:1.1rem; color:#333; transform: skewX(-10deg);}
.index2 .qunar .txt .item dl{ margin-top:1rem; font-size:1rem; line-height:1.5rem; color:#666;}
.index2 .qunar .zuoyou{position: absolute; bottom:1.5rem; left:0; right:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index2 .qunar .prev { margin-left:0.5rem;}
.index2 .qunar .next { margin-left:0.5rem;}

.index3{ display:none;}

.index3-wap{ width:90%; margin:auto; overflow:hidden; margin-top:2rem; margin-bottom:2rem;}
.index3-wap .txt{overflow:hidden; text-align:center;}
.index3-wap .txt dt{font-size:2rem;}
.index3-wap .txt p{font-size:1rem; margin:auto; text-align:center; line-height:1.6rem; margin-top:0.5rem; color:#666;}
.index3-wap .scrollBox-wap{display:flex; flex-wrap:wrap; position:relative; margin-top:2rem;}
.index3-wap .scrollBox-wap .piclist{ zoom:1;}
.index3-wap .scrollBox-wap .ohbox{position:relative;width:100%;}
.index3-wap .scrollBox-wap {position:relative;zoom:1;}
.index3-wap .scrollBox-wap .piclist-wap li{float:left; display:inline; width:100%; transition: all 0.5s; padding-top:2rem; background:#f5f5f5; border-radius:1rem; padding-bottom:2rem;}
.index3-wap .scrollBox-wap .piclist-wap li dt{ width:6rem; height:6rem; background:#fff; border-radius:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:auto;}
.index3-wap .scrollBox-wap .piclist-wap li dt img{ width:2rem; height:2rem;}
.index3-wap .scrollBox-wap .piclist-wap li dd{ width:86%; margin:auto; margin-top:1.5rem; font-size:1.5rem; font-weight:bold; text-align:center;}
.index3-wap .scrollBox-wap .piclist-wap li p{ width:86%; margin:auto; margin-top:1rem; font-size:1rem; text-align:center; line-height:1.6rem; color:#666;}
.index3-wap .scrollBox-wap .pageBtn .list-wap{overflow:hidden;zoom:1; margin:2rem 0 0 40vw;}
.index3-wap .scrollBox-wap .pageBtn .list-wap li{background:#333;float:left;display:inline;width:1rem;height:1rem; margin-right:5vw;overflow:hidden; font-size:0px; border-radius:100%; opacity:0.4;}
.index3-wap .scrollBox-wap .pageBtn .list-wap li.on{opacity:1;}
.index3-wap .scrollBox-wap .piclist-wap li:hover{ margin-top:-20px; transition: all 0.5s;}

.index4{overflow:hidden; width:90%; margin:auto; margin-top:2rem;}
.index4 .bod{display:flex; flex-wrap:wrap; justify-content:space-between;}
.index4 .bod dl{width:100%; background:#f5f5f5; margin-bottom:5vw; padding-bottom:1rem;}
.index4 .bod dl dt{position:relative; padding-bottom:65%;}
.index4 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.index4 .bod dl ul{margin:1rem 1.5rem;}
.index4 .bod dl ul li{ font-size:1.6rem; margin-bottom:0.5rem;}
.index4 .bod dl ul p{ font-size:1rem; font-weight:bold; transform: skewX(-10deg);}
.index4 .bod dl ul dd{ margin-top:0.8rem;}
.index4 .bod dl ul dd p{ font-size:1rem; font-weight:normal; margin:0.5rem 0px; transform: skewX(0deg); color:#666;}

.index5{overflow:hidden; width:90%; margin:auto; margin-top:1rem;}
.index5 .txt{overflow:hidden; text-align:center;}
.index5 .txt dt{font-size:2rem;}
.index5 .txt p{font-size:1rem; margin:auto; text-align:center; line-height:1.6rem; margin-top:0.5rem; color:#666;}
.index5 .bod{display:flex; flex-wrap:wrap; margin-top:5vw;}
.index5 .bod dl{width:100%; margin-bottom:2rem;}
.index5 .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden;}
.index5 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.index5 .bod dl ul{ margin-top:1.5rem; text-align:center;}
.index5 .bod dl ul li{ font-size:1.6rem;}
.index5 .bod dl ul dd{width:8rem; margin:auto; margin-top:0.5rem; border-bottom:#666 1px solid; font-size:1rem; transition: all 0.5s; padding-bottom:0.4rem;}
.index5 .bod dl:hover dt img{transform: scale(1.1);transition: all 0.5s;}
.index5 .bod dl:hover ul dd{ width:100%;transition: all 0.5s; border-bottom:#ddd 1px solid;}

.index6{overflow:hidden; margin-top:2rem; background:#f5f5f5;}
.index6 .txt{overflow:hidden; text-align:center; margin-top:2rem;}
.index6 .txt dt{font-size:2rem;}
.index6 .txt p{font-size:1rem; text-align:center; line-height:1.5rem; margin-top:0.5rem; color:#666;}
.index6 .bod{ width:90%; margin:auto; display:flex; flex-wrap:wrap; margin-top:1rem; margin-bottom:4vw;}
.index6 .bod dl{width:48%; margin-right:4%; margin-bottom:4vw;}
.index6 .bod dl:nth-child(2n){margin-right:0;}
.index6 .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden; background:#FFF;}
.index6 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; filter: grayscale(100%); opacity:0.5; transition: all 0.5s;}
.index6 .bod dl:hover dt img{transform: scale(1.1); filter: grayscale(0%); opacity:1; transition: all 0.5s;}
.index6 .bod1{ width:90%; margin:auto; display:flex; flex-wrap:wrap; margin-top:1rem; margin-bottom:4vw;}
.index6 .bod1 dl{width:32%; margin-right:2%; margin-bottom:1.8vw;}
.index6 .bod1 dl:nth-child(3n){margin-right:0;}
.index6 .bod1 dl dt{position:relative; padding-bottom:60%; overflow:hidden; background:#FFF;}
.index6 .bod1 dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; filter: grayscale(100%); opacity:0.5; transition: all 0.5s;}
.index6 .bod1 dl:hover dt img{transform: scale(1.1); filter: grayscale(0%); opacity:1; transition: all 0.5s;}
.index6 .bod1 dl:nth-child(40){ display:none;}

.index7{width:100%; margin:auto; overflow:hidden; margin-top:5vw;}
.index7 .picScroll-left{width:100%;  overflow:hidden; position:relative; background:#f5f5f5; padding-bottom:6rem;}
.index7 .picScroll-left .hd{overflow:hidden; position:absolute; left:30%; right:30%; bottom:0; z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.5); color:#FFF; height:4.4rem;}
.index7 .picScroll-left .hd .pageState{ font-size:2.6rem !important;}
.index7 .picScroll-left .bd{margin-top:0px;}
.index7 .picScroll-left .bd ul{overflow:hidden; zoom:1; }
.index7 .picScroll-left .bd ul li{width:100%; overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index7 .picScroll-left .bd ul li .pic{width:100%;}
.index7 .picScroll-left .bd ul li .pic p{width:100%; position:relative; padding-bottom:60%;}
.index7 .picScroll-left .bd ul li .pic p img{width:100%; object-fit: cover; display:block; position:absolute; height:100%;}
.index7 .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.index7 .picScroll-left .bd ul li .title{width:100%;}
.index7 .picScroll-left .bd ul li .title .biaoti{margin:1rem;}
.index7 .picScroll-left .bd ul li .title .biaoti dt{font-size:1.6rem; text-transform:uppercase; line-height:2rem;}
.index7 .picScroll-left .bd ul li .title .biaoti dd{font-size:1rem; margin-top:1rem; line-height:1.6rem; color:#666;}
.index7 .picScroll-left .bd ul li .title .biaoti dl{ margin-top:1.5rem; width:10rem; height:3rem; border:#333 1px solid; background:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index7 .picScroll-left .bd ul li .title .biaoti .tutu{ margin-top:1rem; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index7 .picScroll-left .bd ul li .title .biaoti .tutu .item{ width:47%;}
.index7 .picScroll-left .bd ul li .title .biaoti .tutu .item .item-ico{ position:relative; padding-bottom:135%;}
.index7 .picScroll-left .bd ul li .title .biaoti .tutu .item .item-ico img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.index7 .picScroll-left .bd ul li .title .biaoti .tutu .item .item-title{ margin-top:1rem; text-align:center;}

.index8{overflow:hidden;width:90%; margin:auto; margin-top:2rem;}
.index8 .txt{overflow:hidden; text-align:center;}
.index8 .txt dt{font-size:2rem;}
.index8 .txt p{font-size:1rem; text-align:center; line-height:1.6rem; margin-top:0.5rem; color:#666;}
.index8 .bod{display:flex; flex-wrap:wrap; margin-top:2rem;}
.index8 .bod dl{width:100%; margin-bottom:5vw;}
.index8 .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden;}
.index8 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.index8 .bod dl:hover dt img{transform: scale(1.1);transition: all 0.5s;}

.index9{overflow:hidden; width:90%; margin:auto; margin-top:1rem;}
.index9 .txt{overflow:hidden; text-align:center;}
.index9 .txt dt{font-size:2rem;}
.index9 .txt p{font-size:1rem; text-align:center; line-height:1.6rem; margin-top:0.5rem; color:#666;}
.index9 .bod{display:flex; flex-wrap:wrap; margin-top:3vw;}
.index9 .bod dl{width:100%; margin-bottom:5vw;}
.index9 .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden;}
.index9 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.index9 .bod dl:hover dt img{transform: scale(1.1);transition: all 0.5s;}
.index9 .bod dl dt .info{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index9 .bod dl dt .info ul{ margin:1rem; color:#FFF; text-align:center;}
.index9 .bod dl dt .info ul dd{ font-size:1.2rem; line-height:1.8rem;}
.index9 .bod dl dt .info ul li{ margin-top:1rem; line-height:1.4rem; opacity:0.7;}
.index9 .bod dl dt .info ul p{width:5rem; margin:auto; margin-top:1rem; border-bottom:#CCC 1px solid; transition: all 0.5s; padding-bottom:0.2rem;}
.index9 .bod dl:hover dt .info ul p{transition: all 0.5s; border-bottom:rgba(255,255,255,0.2) 1px solid; width:100%;}

.index10{overflow:hidden; width:90%; margin:auto; margin-top:1rem; margin-bottom:2rem;}
.index10 .txt{overflow:hidden; text-align:center;}
.index10 .txt dt{font-size:2rem;}
.index10 .txt p{font-size:1rem; text-align:center; line-height:1.6rem; margin-top:0.5rem; color:#666;}
.index10 .bod{width:100%; margin:auto; margin-top:2rem;}
.index10 .bod form{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index10 .bod form input{ width:100%; height:4rem; border:#333 1px solid; background:#f5f5f5; text-align:center; margin-bottom:5vw; font-size:1rem;}
.index10 .bod form input::placeholder{ font-size:1rem; color:#999;}
.index10 .bod form button{ width:100%; height:4rem; border:#333 1px solid; background:#000; color:#FFF; font-size:1rem;}

.foot-logo{overflow:hidden;display: flex; flex-wrap:wrap; align-items: center; justify-content:center; padding-top:2rem; padding-bottom:2rem; border-top:#eee 1px solid; background:#000; border-bottom:rgba(255,255,255,0.15) 1px solid;}
.foot-logo img{height:1.5rem; filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}

.foot{overflow:hidden; background:#000;}
.foot .bod{overflow:hidden; width:90%; margin:auto; padding-bottom:2rem; margin-top:2rem; color:#FFF; }
.foot .bod .item1{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.foot .bod .item1 .lianxi{width:100%;}
.foot .bod .item1 .lianxi dl{ margin-bottom:2rem;}
.foot .bod .item1 .lianxi dl dt{font-size:1rem; font-weight:bold; opacity:0.8;}
.foot .bod .item1 .lianxi dl dd{ margin-top:0.6rem; display: grid; grid-template-columns: auto 1fr; align-items: center;}
.foot .bod .item1 .lianxi dl dd img{ width:1rem;filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px); opacity:0.6;}
.foot .bod .item1 .lianxi dl dd span{ margin-left:10px; color:#FFF; opacity:0.6;}
.foot .bod .item1 .lianxi li{ margin-top:0.6rem; display: grid; grid-template-columns: auto 1fr; align-items: center;}
.foot .bod .item1 .lianxi li img{ width:1rem;filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px); opacity:0.6;}
.foot .bod .item1 .lianxi li span{ margin-left:10px; color:#FFF; opacity:0.6; line-height:1.4rem;}
.foot .bod .item1 .daohang{width:100%; display: flex; flex-wrap:wrap; display:none;}
.foot .bod .item1 .daohang dl{ width:100%;}
.foot .bod .item1 .daohang dl dt{font-size:16px; font-weight:bold; opacity:0.8;}
.foot .bod .item1 .daohang dl dd p{margin-top:15px; color:#FFF; opacity:0.6;}
.foot .bod .item2{border-top:rgba(255,255,255,0.15) 1px solid; margin-top:2rem; padding-top:2rem;}
.foot .bod .item2 .fr{display: flex; flex-wrap:wrap; align-items: center; margin-top:2rem;}
.foot .bod .item2 .fr li{margin-right:1rem;}
.foot .bod .item2 .fr li img{ width:1.3rem; filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px); opacity:0.6;}
.foot .bod .item2 .fr li:hover img{opacity:1;}
.foot .bod .item2 .fr dd{color:#FFF; opacity:0.6;}
.foot .bod .item2 .fr p{ margin:0px 15px; opacity:0.6;}
.foot .bod .item2 .fl{display: flex; flex-wrap:wrap; color:#FFF; opacity:0.6;}
.foot .bod .item2 .fl li{ font-size:16px;}

.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:50vh;}
.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;}
.nybanner li .info .item{width:90%; margin:auto;}
.nybanner li .info .item dt{font-size:2rem; color:#FFF; text-align:center; margin-top:3rem; text-shadow: 5px 5px 5px rgba(0,0,0,0.8);}
.nybanner li .info .item dd{color:#FFF; line-height:1.6rem; font-size:1.4rem; text-align:center; margin-top:0.5rem;}
.nybanner li .info .item dd p{ margin:1rem;}

.position{ width:100%; border-bottom:#eee 1px solid;}
.position .bod{ width:90%; margin:1rem auto; color:#999; font-size:0.9rem; text-transform:uppercase;}
.position1{ width:100%; margin-top:3rem; padding:1rem 0px; overflow:hidden; color:#999; background:#f5f5f5;}
.position1 .bod{ width:90%; margin:auto; font-size:0.9rem;}
.position2{ width:100%; margin-top:3rem; padding:1rem 0px; overflow:hidden; color:#999;}
.position2 .bod{ width:90%; margin:auto; font-size:0.9rem;}
.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; font-size:0.9rem;}

.about-txt{overflow:hidden; width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content:center;}
.about-txt p{ font-size:1rem; width:100%; background:#fff; border:#333 1px solid; margin-top:5vw;}
.about-txt p a{ display:block; padding:1rem; text-align:center;}

.hengtiao{ width:100%; height:3rem; overflow:hidden;}

.active-about-txt{background:#000; color: #ff9c00}

.aboutus-Introduction{overflow:hidden; width:90%; margin:auto; margin-top:2rem;}
.aboutus-Introduction .pic{width:100%;}
.aboutus-Introduction .pic p{width:100%; position:relative; padding-bottom:60%;}
.aboutus-Introduction .pic p img{width:100%; object-fit: cover; display:block; position:absolute; height:100%;}
.aboutus-Introduction .pic a:hover img{ border-color:#999;  }
.aboutus-Introduction .title{width:100%; margin-top:2rem}
.aboutus-Introduction .title .biaoti{}
.aboutus-Introduction .title .biaoti dt{font-size:1.6rem; text-transform:uppercase; line-height:2rem;}
.aboutus-Introduction .title .biaoti dd{font-size:1rem; margin-top:0rem; line-height:1.6rem; color:#666;}
.aboutus-Introduction .title .biaoti dd p{ margin:0.5rem 0px;}

.aboutus-Certificate{overflow:hidden; width:90%; margin:auto; margin-top:5vw;}
.aboutus-Certificate .title{width:100%;}
.aboutus-Certificate .title .biaoti dt{font-size:1.6rem; text-transform:uppercase; line-height:2rem;}
.aboutus-Certificate .title .biaoti .tutu{ margin-top:1rem; display:flex; flex-wrap:wrap; justify-content:space-between;}
.aboutus-Certificate .title .biaoti .tutu .item{ width:47%;}
.aboutus-Certificate .title .biaoti .tutu .item .item-ico{ position:relative; padding-bottom:135%; border:#eee 0.5rem solid;}
.aboutus-Certificate .title .biaoti .tutu .item .item-ico img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.aboutus-Certificate .title .biaoti .tutu .item .item-title{ margin-top:1rem; text-align:center;}
.aboutus-Certificate .pic{width:100%; margin-top:2rem}
.aboutus-Certificate .pic p{width:100%; position:relative; padding-bottom:60%;}
.aboutus-Certificate .pic p img{width:100%; object-fit: cover; display:block; position:absolute; height:100%;}
.aboutus-Certificate .pic a:hover img{ border-color:#999;  }

.about{overflow:hidden; width:90%; margin:auto; margin-top:0rem;}
.about p{font-size:1rem; line-height:1.6rem; word-break: normal !important; text-wrap:wrap !important; margin:1rem 0px; color:#666;}
.about span{font-size:1rem; line-height:1.6rem;  word-break: normal !important; text-wrap:wrap !important; margin: 0px; color:#666;}
.about table{ width:100%; font-size:1rem; line-height:1.6rem; word-break: normal !important; text-wrap:wrap !important; color:#666; overflow:hidden; margin-top:1rem;}
.about table img{ width:100%; transition: all 0.5s;}
.about table img:hover{transform: scale(1.1);transition: all 0.5s;}
.about img{ width:100%;}
.about table:nth-child(2n){ border-bottom:#CCC 1px dashed;}

h6{font-size:1.1rem; 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.2rem; 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:1.4rem; 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:1.6rem; 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:1.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:2rem; line-height:2.6rem; font-family:"aparaj"; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}

.qualification-certificate{overflow:hidden; margin-top:2rem; background:#f5f5f5; padding-top:2rem;}
.qualification-certificate dt{font-size:1.6rem; line-height:2.4rem; text-align:center;}
.qualification-certificate .tutu{width:90%; margin:auto; margin-top:1rem; display:flex; flex-wrap:wrap; justify-content:center;}
.qualification-certificate .tutu .item{width:100%; margin-bottom:2rem;}
.qualification-certificate .tutu .item .item-ico{ position:relative; padding-bottom:135%;}
.qualification-certificate .tutu .item .item-ico img{ position:absolute; width:100%; height:100%; border:#eee 0.4vw solid; object-fit: cover;}
.qualification-certificate .tutu .item .item-title{text-align:center; margin-top:1rem;}

.p-list {overflow: hidden; width:90%; margin:auto; margin-top:5vw;}
.p-list .item{margin-bottom:2rem; overflow:hidden; border-bottom:#CCC 1px dashed; padding-bottom:2rem;}
.p-list .item1 .fl{width:100%;} 
.p-list .item1 .fl dt{position:relative; padding-bottom:60%;}
.p-list .item1 .fl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.p-list .item1 .fr{width:100%; margin-top:1rem;}
.p-list .item1 .fr .txt{}
.p-list .item1 .fr .txt dt{font-size:1.6rem; font-weight:bold;}
.p-list .item1 .fr .txt dd{ margin-top:0.5rem; font-size:1rem; line-height:1.5rem; color:#666;}
.p-list .item1 .fr .bod{margin-top:1rem; display: flex; flex-wrap:wrap; justify-content:space-between;}
.p-list .item1 .fr .bod dl{width:48%; background:#FFF; margin-bottom:5vw;}
.p-list .item1 .fr .bod dl dt{ position:relative; padding-bottom:100%;}
.p-list .item1 .fr .bod dl dt img{ position:absolute; width:96%; height:96%; left:2%; top:2%; object-fit: cover;}
.p-list .item1 .fr .bod dl dd{ margin-left:5%; margin-top:0.5rem;}
.p-list .item2 .fl{width:100%;}
.p-list .item2 .fl .txt{}
.p-list .item2 .fl .txt dt{font-size:1.6rem; font-weight:bold;}
.p-list .item2 .fl .txt dd{ margin-top:0.5rem; font-size:1rem; line-height:1.5rem; color:#666;}
.p-list .item2 .fl .bod{margin-top:1rem; display: flex; flex-wrap:wrap; justify-content:space-between;}
.p-list .item2 .fl .bod dl{width:48%; background:#FFF; margin-bottom:5vw;}
.p-list .item2 .fl .bod dl dt{ position:relative; padding-bottom:100%;}
.p-list .item2 .fl .bod dl dt img{ position:absolute; width:96%; height:96%; left:2%; top:2%; object-fit: cover;}
.p-list .item2 .fl .bod dl dd{ margin-left:5%; margin-top:0.5rem;}
.p-list .item2 .fr{width:100%;} 
.p-list .item2 .fr dt{position:relative; padding-bottom:60%;}
.p-list .item2 .fr dt img{position:absolute; width:100%; height:100%; object-fit: cover;}

.productlist{width:90%; margin:auto;margin-top:2rem; margin-bottom:1rem;}
.productlist .txt{text-align:center;}
.productlist .txt dt{font-size:1.6rem; font-weight:bold; text-transform:uppercase;}
.productlist .txt dd{margin-top:1rem; font-size:1rem; line-height:1.6rem; color:#666;}
.productlist .bod{ width:100%; margin-top:2rem;}
.productlist .bod .item{ width:100%;}
.productlist .bod .item li{width:100%; transition: all 0.5s; margin-bottom:2rem;}
.productlist .bod .item li dt{ position:relative; padding-bottom:100%; overflow:hidden;}
.productlist .bod .item li dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.productlist .bod .item li dd {font-size:1.2rem; margin-top:1rem; margin-bottom:10px;}
.productlist .bod .item li p{font-size:1rem; width:100%; border-bottom:#333 1px solid; padding-bottom:5px; transition: all 0.5s;}
.productlist .bod .item li:hover dt img{transform: scale(1.1); transition: all 0.5s;}
.productlist .bod .item li:hover p{width:100%; transition: all 0.5s; border-bottom:#ddd 1px solid;}

.product-ico{overflow:hidden; width:90%; margin:auto; margin-top:5vw;}
.product-ico .fl{ width:100%;}
.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 ul{ border-bottom:#CCC 1px dashed; margin-top:1rem; padding-bottom:1rem;}
.product-ico .fr dt{ margin-top:0.6rem;font-size:1.6rem; font-family:"aparaj"; line-height:2.4rem; margin-bottom:0.6rem;}
.product-ico .fr dd{ margin-top:0.5rem; font-size:1rem; background:#FFF; color:#333; splay:flex; flex-wrap:wrap; align-items:center; margin-bottom:0.5rem;}
.product-ico .fr dd span{font-weight:bold; color:#333; margin-left:0.5rem;}
.product-ico .fr .txt1{font-size:1.2rem; font-style: italic; color:#666; line-height:2.4rem;}
.product-ico .fr .txt2{ font-size:1.4rem;}
.product-ico .fr .txt3{ margin-top:0.7rem; color:#666; line-height:1.6rem;}
.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:2rem;  margin-bottom:1rem; background:#000;}
.product-pics .txt{width:100%; margin-bottom:1rem; text-align:center; color:#FFF; margin-top:1rem;}
.product-pics .txt p{ font-size:1.6rem;}
.product-pics .bod{width:90%; margin:auto;display:flex; flex-wrap:wrap; margin-top:3vw; margin-bottom:1vw;}
.product-pics .bod dl{width:48%; margin-right:4%; margin-bottom:4vw;}
.product-pics .bod dl:nth-child(2n){ margin-right:0;}
.product-pics .bod dl dt{ position:relative; padding-bottom:80%;}
.product-pics .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}

.product{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; width:90%; margin:auto; 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);}

.caselist{overflow:hidden; width:90%; margin:auto; padding-top:5vw;}
.caselist .bod{ overflow:hidden;}
.caselist .bod .item{margin-bottom:2rem; border-bottom:#CCC 1px solid; overflow:hidden; padding-bottom:2rem;}
.caselist .bod .item1 .fl{width:100%;} 
.caselist .bod .item1 .fl dt{position:relative; padding-bottom:70%;}
.caselist .bod .item1 .fl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.caselist .bod .item1 .fr{width:100%; margin-top:1rem;}
.caselist .bod .item1 .fr dt{font-size:1.6rem; font-weight:bold;}
.caselist .bod .item1 .fr dd{ margin-top:0.5rem; font-size:16px; line-height:1.5rem; color:#666;}
.caselist .bod .item1 .fr p{ margin-top:1rem; width:10rem; height:3rem; border:#333 1px solid; background:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;transition: all 0.5s;}
.caselist .bod .item1 .fr p img{filter:drop-shadow(#333 0px 1000000px); transform: translateY(-1000000px);}
.caselist .bod .item1 .fr p:hover{border:#333 1px solid; background:#333; color:#FFF; transition: all 0.5s;}
.caselist .bod .item1 .fr p:hover img{filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}
.caselist .bod .item2 .fl{width:100%;}
.caselist .bod .item2 .fl dt{font-size:1.6rem; font-weight:bold;}
.caselist .bod .item2 .fl dd{ margin-top:0.5rem; font-size:1rem; line-height:1.5rem; color:#666;}
.caselist .bod .item2 .fl p{margin-top:1rem; width:10rem; height:3rem; border:#333 1px solid; background:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transition: all 0.5s;}
.caselist .bod .item2 .fl p img{filter:drop-shadow(#333 0px 1000000px); transform: translateY(-1000000px);}
.caselist .bod .item2 .fl p:hover{border:#333 1px solid; background:#333; color:#FFF; transition: all 0.5s;}
.caselist .bod .item2 .fl p:hover img{filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}
.caselist .bod .item2 .fr{width:100%; z-index:8; margin-top:1.5rem;} 
.caselist .bod .item2 .fr dt{position:relative; padding-bottom:70%;}
.caselist .bod .item2 .fr dt img{position:absolute; width:100%; height:100%; object-fit: cover;}

.case{ width:100%; margin:auto; overflow:hidden; background:#000; text-align:center; color:#FFF; padding-top:1.5rem;}
.case dt{font-size:1.6rem;}
.case dd{ margin-top:0.6rem;}

.p-pics{ width:100%; overflow:hidden; background:#000; padding-top:2rem;}
.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%;}

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

.nn-list{ width:100%; overflow:hidden; margin-bottom:2vw;}
.nn-list .txt{font-size:1.6rem; text-align:center; margin-top:2rem;}
.nn-list .bod{width:90%; margin:auto; margin-top:1rem; display:flex; flex-wrap:wrap;}
.nn-list .bod dl{ width:100%; margin-bottom:10vw;}
.nn-list .bod dl dt{position:relative; padding-bottom:70%; overflow:hidden; border-radius:0;}
.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-size:1.4rem; margin-top:1rem; text-align:left; line-height:2rem;}
.nn-list .bod dl .more{margin-top:0.6rem; color:#999; font-size:1rem;}
.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:5vw; 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:70%;}
.news-ico .fl dt img{ position:absolute; width:100%; height:100%; object-fit: cover; border-radius:0;}
.news-ico .fr{ width:100%; margin-top:5vw;}
.news-ico .fr p{font-size:1rem; color:#666;}
.news-ico .fr dt{font-size:1.4rem; color:#000; margin-top:1rem; line-height:2rem;}
.news-ico .fr dd{font-size:1rem; 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;}

.contact-txt{ text-align:center; margin-top:2rem;}
.contact-txt dt{ font-size:1.6rem;}
.contact-txt p{ margin-top:0.5rem; font-size:1rem; color:#999;}

.message{overflow:hidden; width:90%; margin:auto;}
.message form{ margin-top:0rem;}
.message form dl{ margin-bottom:1.5rem; width:100%; overflow:hidden; display: flex; flex-wrap:wrap;}
.message form dl dt{ font-size:1rem; width:100%; text-align:left;}
.message form dl dt span{ margin-right:0.3rem; color:#ff9c00;}
.message form dl input{ width:98%; padding-left:1%; height:2.5rem; border-radius:0.3rem; border:#ddd 1px solid; margin-top:0.5rem; font-size:0.9rem; color:#aaa;}
.message form dl input::placeholder{font-size:14px; color:#aaa;}
.message form ul{margin-bottom:1.5rem; display:flex; flex-wrap:wrap; align-items:center;}
.message form ul li{font-size:1rem; width:100%; margin-bottom:0.5rem;}
.message form ul input{width:70%; border-radius:0px 0.3rem 0.3rem 0px; border:#ddd 1px solid; padding-left:1%; margin-left:-1px; height:2.5rem; 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:2.5rem;}
.message form dl textarea{width:98%; padding-left:1%; height:6rem; border-radius:0.3rem; border:#ddd 1px solid; margin-top:0.5rem; font-family:Arial; font-size:0.9rem; color:#aaa; padding-top:0.4rem;}
.message form dl button{ width:100%; margin:auto; height:3rem; line-height:3rem; background:#000; border:none; color:#FFF; font-size: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;}
.contact .bod ul{ width:100%; margin-bottom:5vw; background:#f5f5f5; padding:1rem 0rem;}
.contact .bod ul dt{border-bottom:#ccc 1px dashed; font-size:18px; padding-bottom:0.7rem; padding-left:1rem; padding-right:1rem;}
.contact .bod ul 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 ul 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:1rem; padding-top:0.5rem; padding-bottom:0.5rem;}
.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:5px 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 0.1rem; 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:5vw; padding-bottom:1rem;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center; width:90vw;}
.p-search form input{width:69%; height:48px; outline:none; border:none; border-radius:30px 0px 0px 30px; padding-left:5%; font-size:16px; background:#FFF; border:#000 1px solid;}
.p-search form button{ width:25%; background:#000; border:none; height:50px; font-size:1rem; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px; border:#000 1px solid;}
.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; }