*{margin:0;padding:0}
body{color:#000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size:1rem; background:#fff; font-family:Arial;}
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:80px; background:rgba(0,0,0,1);}
.topbj .width{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:80px; position:relative; width:100%;}
.topbj .width .logo{ z-index:999; margin-left:2vw;}
.topbj .width .logo img{height:40px;}
.topbj .width .fr{display:flex; flex-wrap:wrap; align-items:center; margin-right:2vw;}
.topbj .width .fr .navBar{z-index:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:80px;}
.topbj .width .fr .nav{display:flex; flex-wrap:wrap; justify-content:center; align-items: center;}
.topbj .width .fr .nav h3{font-size:100%;height:80px; line-height:80px; font-size:16px; margin:0px 25px; font-weight:normal; color:#FFF; text-transform:uppercase; font-family:Arial; font-size:16px !important;}
.topbj .width .fr .nav h3 a{ display:block;}
.topbj .width .fr .nav .m{float:left;}
.topbj .width .fr .nav h3:hover{color:#e8cb8a;}
.topbj .width .fr .nav .sub{display:none; position:absolute; left:0px; right:0; top:80px;}
.topbj .width .fr .nav .sub .bod{background:#000; color:#fff; display:flex; flex-wrap:wrap; justify-content:center;}
.topbj .width .fr .nav .sub .bod dl{text-align:left; width:16vw; margin-right:2vw; margin-top:2vw;}
.topbj .width .fr .nav .sub .bod dl:nth-child(6n){ margin-right:0;}
.topbj .width .fr .nav .sub .bod dl dt{ position:relative; padding-bottom:70%;}
.topbj .width .fr .nav .sub .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.topbj .width .fr .nav .sub .bod dl dd{ text-align:left; color:#fff; margin-bottom:2vw; font-size:24px; margin-top:1vw;}
.topbj .width .fr .search{margin-left:40px; display:flex; flex-wrap:wrap; align-items:center;}
.topbj .width .fr .search img{ width:16px; filter:drop-shadow(rgba(255,255,255,0.8) 0px 1000000px); transform: translateY(-1000000px);}

.topbj .width .fr .nav .sub1{display:none; position:absolute; left:0px; right:0; top:80px; min-height:100px; overflow:visible;}
.topbj .width .fr .nav .sub1 .bod1{background:#000; height:auto; min-height:100px; color:#fff; padding-bottom:30px; overflow:visible; position:relative;}
.topbj .width .fr .nav .sub1 .bod1 dt{ margin-left:2vw; width:auto; height:60px; line-height:60px;}
.topbj .width .fr .nav .sub1 .bod1 dt:hover{color:#e8cb8a;}
.topbj .width .fr .nav .sub1 .bod1 dt .info{position:absolute; left:20vw; top:0; color:#FFF; display:none; width:76vw;}
.topbj .width .fr .nav .sub1 .bod1 dt .txt .daohang{display:flex; flex-wrap:wrap; margin-bottom:0px;}
.topbj .width .fr .nav .sub1 .bod1 dt .txt .daohang a{ margin-right:40px;}
.topbj .width .fr .nav .sub1 .bod1 dt .txt .daohang a:hover{color:#e8cb8a;}
.topbj .width .fr .nav .sub1 .bod1 dt .txt .wenan{width:60%; margin-bottom:30px; font-size:16px; color:rgba(255,255,255,0.7); line-height:24px;}
.topbj .width .fr .nav .sub1 .bod1 dt .txt .neirong{display:flex; flex-wrap:wrap;}
.topbj .width .fr .nav .sub1 .bod1 dt .txt .neirong .item{ width:15%; margin-right:2%;}
.topbj .width .fr .nav .sub1 .bod1 dt .txt .neirong .item:nth-child(6n){ margin-right:0;}
.topbj .width .fr .nav .sub1 .bod1 dt .txt .neirong .item .pic{ position:relative; padding-bottom:100%;}
.topbj .width .fr .nav .sub1 .bod1 dt .txt .neirong .item .pic img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.topbj .width .fr .nav .sub1 .bod1 dt .txt .neirong .item .title{ margin-top:20px; text-align:center;}

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

.active-head{display:block; color:#e8cb8a; 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:#e8cb8a; opacity:1;}

.index1{width:100%; margin:auto; overflow:hidden;}
.index1 .txt{overflow:hidden; margin-top:90px; text-align:center;}
.index1 .txt dt{font-size:40px; text-transform:uppercase;}
.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:99%; position:relative; margin-left:0.5%; margin-right:0.5%; margin-top:30px;}
.index1 .picScroll-left .hd .prev{position:absolute; left:0.5vw; top:45%; color:#fff; font-family:"宋体"; line-height:64px; width:64px; height:64px; text-align:center; border:#333 1px solid; background:rgba(0,0,0,0.6); font-size:40px; z-index:100;}
.index1 .picScroll-left .hd .next{position:absolute; right:0.5vw; top:45%; color:#fff; font-family:"宋体"; line-height:64px; width:64px; height:64px; text-align:center; border:#333 1px solid; background:rgba(0,0,0,0.6); font-size:40px; z-index:100;}
.index1 .picScroll-left .bd{margin-top:0px;}
.index1 .picScroll-left .bd ul{zoom:1;}
.index1 .picScroll-left .bd ul li{width:20%;}
.index1 .picScroll-left .bd ul li .pic{width:97%; margin-left:1.5%; padding-top:30px;}
.index1 .picScroll-left .bd ul li .pic p{width:100%; position:relative; padding-bottom:130%;}
.index1 .picScroll-left .bd ul li .pic p img{width:100%; object-fit: cover; position:absolute; height:100%; transition: all 2s;}
.index1 .picScroll-left .bd ul li .pic:hover p img{transform: scale(1.1); transition: all 2s; z-index:99;}
.index1 .picScroll-left .bd ul li .title{width:97%; margin-left:1.5%;}
.index1 .picScroll-left .bd ul li .title dt{font-size:20px; margin-top:20px; margin-left:10px;}
.index1 .picScroll-left .bd ul li .title dt span{ margin-left:0.5vw; margin-bottom:1vw;}
.index1 .picScroll-left .bd ul li .title dt span img{width:14px; height:14px; filter:drop-shadow(rgba(0,0,0,0.9) 0px 1000000px); transform: translateY(-1000000px);}

.index1-wap{display:none;}

.index2{overflow:hidden; background:#f5f5f5; margin-top:90px; padding-top:70px; padding-bottom:70px; 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:40px; text-transform:uppercase; color:#FFF;}
.index2 .douban .hd .txt dd{font-size:16px; color:#FFF; opacity:0.5; font-weight:normal; margin-top:10px;}
.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:60px; 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 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:1.6vw;}
.index2 .douban .bd ul dl dt .info1 p{ font-size:20px; padding-top:10px;}

.index2-wap{ display:none;}

.index3{overflow:hidden; margin-top:60px;}
.index3 .txt{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index3 .txt dl dt{font-size:40px; text-transform:uppercase;}
.index3 .txt dl dd{font-size:16px; color:#666; opacity:0.5; font-weight:normal; margin-top:10px;}
.index3 .txt ul{font-size:16px; text-transform:uppercase;}
.index3 .bod{display:flex; flex-wrap:wrap; margin-top:40px;}
.index3 .bod dl{ width:23.5%; margin-right:2%; transition: all 0.5s;}
.index3 .bod dl:nth-child(4n){ margin-right:0;}
.index3 .bod dl dt{ position:relative; padding-bottom:140%; 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:1.5vw;}
.index3 .bod dl dt .info ul li{font-size:26px; 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:70px; margin-bottom:90px;}
.index4 .txt{ background:#000; color:#FFF; height:18.5vw; overflow:hidden;}
.index4 .txt dl{ width:96%; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:4vw;}
.index4 .txt dl dt{font-size:40px; text-transform:uppercase;}
.index4 .txt dl ul{font-size:16px; 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; bottom:0; height:8vw; background:rgba(0,0,0,0.6); overflow:hidden;}
.index4 .bod .item dt .info ul{ margin:30px;}
.index4 .bod .item dt .info ul li{font-size:24px; color:#FFF;}
.index4 .bod .item dt .info ul p{margin-top:10px; line-height:1.6rem; font-size:16px; color:#fff; opacity:0.8;}

.index5{overflow:hidden; margin-top:100px; margin-bottom:100px;}
.index5 .txt{font-size:40px; text-transform:uppercase; width:100%; text-align:center;}
.index5 .bod{font-size:16px; text-align:center; margin-top:30px; color:#666; line-height:28px;}

.foot{overflow:hidden; background:#000;}
.foot .bod1{overflow:hidden; width:96%; margin:auto; padding-bottom:40px; margin-top:40px; color:#FFF; display: flex; flex-wrap:wrap; justify-content:space-between;}
.foot .bod1 .item1{display: flex; flex-wrap:wrap; justify-content:space-between; width:60%;}
.foot .bod1 .item1 dl{color:#FFF; opacity:0.8;}
.foot .bod1 .item1 dl dt{font-size:16px; text-transform:uppercase; font-weight:bold;}
.foot .bod1 .item1 dl dd p{ margin-top:15px; font-size:16px;}
.foot .bod1 .item2{width:35%;}
.foot .bod1 .item2 dl dt{font-size:16px; text-transform:uppercase; font-weight:bold; margin-bottom:20px;}
.foot .bod1 .item2 dl dd p{display:grid; grid-template-columns:auto 1fr; margin-bottom:20px;}
.foot .bod1 .item2 dl dd p img{filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px); opacity:0.8; width:16px; height:16px; margin-top:3px;}
.foot .bod1 .item2 dl dd p span{ margin-left:10px; font-size:16px;}
.foot .bod1 .item2 ul{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod1 .item2 ul p{margin-right:20px; float:left;}
.foot .bod1 .item2 ul p img{height:21px; filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}
.foot .bod1 .item2 ul:hover p img{filter:drop-shadow(#e8cb8a 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:80vh;}
.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:40px; line-height:50px; color:#FFF; text-align:center; text-transform:uppercase;}
.nybanner li .info .item dd{color:#FFF; line-height:28px; font-size:1rem; width:1000px; margin:auto; text-align:center; margin-top:20px;}
.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:40px; color:#FFF; margin-top:70px;}
.nybanner1 li .info .item dd{ margin-top:30px; color:#FFF; line-height:30px; font-size:16px; width:1000px;}
.nybanner1 li .info .item dd p{ margin:20px 0px;}

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

.aboutus{overflow:hidden; margin-bottom:90px;}
.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; 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; 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; 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; 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; 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; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus2{overflow:hidden; width:80%; margin:auto; margin-top:90px;}
.aboutus2 .txt{font-size:24px; text-transform:uppercase; text-align:center; color:#787878;}
.aboutus2 .txt p{font-size:40px; text-transform:uppercase; text-align:center; color:#000; margin-top:15px;}
.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:80%; margin:auto; margin-top:70px;}
.aboutus3 ul{width:1000px; margin:auto; font-size:36px; text-transform:uppercase;  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;}

.about-index1{width:80%; margin:auto;}
.about-index1 .txt{overflow:hidden; margin-top:90px; text-align:center;}
.about-index1 .txt dt{font-size:40px; text-transform:uppercase;}
.about-index1 .txt p:hover{border:#000 1px solid; background:#000; color:#FFF; transition: all 0.5s;}
.about-index1 .picScroll-left{width:99%; position:relative; margin-left:0.5%; margin-right:0.5%; margin-top:30px;}
.about-index1 .picScroll-left .hd .prev{position:absolute; left:-40px; top:40%; color:#333; font-family:"宋体"; text-align:center; font-size:40px; z-index:100;}
.about-index1 .picScroll-left .hd .next{position:absolute; right:-40px; top:40%; color:#333; font-family:"宋体"; text-align:center; font-size:40px; z-index:100;}
.about-index1 .picScroll-left .bd{margin-top:0px;}
.about-index1 .picScroll-left .bd ul{zoom:1;}
.about-index1 .picScroll-left .bd ul li{width:20%;}
.about-index1 .picScroll-left .bd ul li .pic{width:90%; margin-left:5%; padding-top:30px; }
.about-index1 .picScroll-left .bd ul li .pic p{width:100%; position:relative; padding-bottom:130%; border:#ddd 2px solid;}
.about-index1 .picScroll-left .bd ul li .pic p img{width:100%; object-fit: cover; position:absolute; height:100%; transition: all 2s;}
.about-index1 .picScroll-left .bd ul li .title{width:90%; margin-left:5%;}
.about-index1 .picScroll-left .bd ul li .title dt{font-size:16px; margin-top:20px; text-align:center; line-height:24px;}
.about-index1 .picScroll-left .bd ul li .title dt span{ margin-left:0.5vw; margin-bottom:1vw;}
.about-index1 .picScroll-left .bd ul li .title dt span img{width:14px; height:14px; filter:drop-shadow(rgba(0,0,0,0.9) 0px 1000000px); transform: translateY(-1000000px);}

.about-index1-wap{display:none;}

.p-list {column-count:4;column-gap:2vw; margin-left:5vw; margin-right:5vw; margin-top:2vw; margin-bottom:60px;}
.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:60px;transition:all 0.5s;background:rgba(0,0,0,0.5);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.p-list .p-item dt .info dl dd{display:none;}
.p-list .p-item dt .info dl ul{display:none;}
.p-list .p-item dt .info dl dt{font-size:18px; color:#FFF; text-align:center; border: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:16px; display:block;}
.p-list .p-item:hover dt .info dl dt{font-size:30px; margin:auto; margin-top:2rem; padding:0.5rem 1rem; border:none; display:block;}
.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{ width:90%; margin:auto; margin-top:20px; display: flex; flex-wrap:nowrap; margin-bottom:60px;}
.productlist .txt{flex: 0 0 auto; width:auto; min-width:250px; margin-right:70px;}
.productlist .txt .sideMenu{}
.productlist .txt .sideMenu h3{border:1px solid #e3e3e3; cursor:pointer; font-size:16px !important; font-weight:normal; padding-top:7px; padding-bottom:7px; padding-left:15px; padding-right:10px; display:flex;flex-wrap:wrap;align-items:center; justify-content: space-between; margin-bottom:-1px;}
.productlist .txt .sideMenu h3 em{float:right; display:block; width:16px; height:16px; background:url(../images/icoAdd-1.png) no-repeat center center; cursor:pointer;}
.productlist .txt .sideMenu h3.on{color:#e8cb8a; background:#000;}
.productlist .txt .sideMenu h3.on em{background:url(../images/icoAdd-2.png) no-repeat center center; width:16px; height:16px;}
.productlist .txt .sideMenu ul{color:#999; display:none; margin-top:15px; margin-bottom:15px; margin-left:15px;}
.productlist .txt .sideMenu ul li{ margin-bottom:10px;}
.productlist .txt .sideMenu ul li.onon{color:#e8cb8a;}
.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:12px;}
.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:12px;}
.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:12px;}
.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:12px;}
.productlist .bod{flex:1; min-width:0;}
.productlist .bod .navtic{overflow:hidden;}
.productlist .bod .navtic dt{font-size:30px;}
.productlist .bod .navtic dd{ width:60%; margin-top:10px; line-height:24px; font-size:16px; color:#666;}
.productlist .bod .item{ width:100%; display: flex; flex-wrap:wrap; margin-top:30px;}
.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:1200px; overflow:hidden; margin:auto; margin-top:0px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content: space-between; margin-bottom:40px;}
.product-ico .fl{ width:600px;}
.product-ico .fl .game163{overflow:hidden;}
.product-ico .fl .game163 .bigImg{overflow:hidden; width:100%;}
.product-ico .fl .game163 .bigImg li{width:100%; text-align: center;}
.product-ico .fl .game163 .bigImg li p{position:relative; padding-bottom:100%;display: inline-block; width: auto;}
.product-ico .fl .game163 .bigImg li p img{object-fit: cover;  position:absolute; height:100%; left: 50%; transform: translateX(-50%); transition: all 2s;}
.product-ico .fl .game163 .smallScroll{margin-top:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product-ico .fl .game163 .sPrev{width:14px;}
.product-ico .fl .game163 .sPrev img{width:14px;}
.product-ico .fl .game163 .sNext{width:14px;}
.product-ico .fl .game163 .sNext img{width:14px;}
.product-ico .fl .game163 .sPrev:hover{color:#5c1717;}
.product-ico .fl .game163 .sNext:hover{color:#5c1717;}
.product-ico .fl .game163 .smallImg{float:left; display:inline; width:550px; overflow:hidden;}
.product-ico .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%;}
.product-ico .fl .game163 .smallImg li{width:20%;}
.product-ico .fl .game163 .smallImg li p{position:relative; padding-bottom:100%; margin:auto;}
.product-ico .fl .game163 .smallImg li p img{ position:absolute; width:90%; height:90%; margin-left:5%; margin-top:5%; border:2px solid #fff;}
.product-ico .fl .game163 .smallImg .on img{border-color:#000;}
.product-ico .fr{ width:550px;}
.product-ico .fr dt{ margin-top:30px;font-size:36px; line-height:50px; margin-bottom:30px;}
.product-ico .fr dd{ margin-top:10px; font-size:16px; background:#FFF; border-radius:5px; padding:15px; color:#333; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.product-ico .fr dd p{}
.product-ico .fr dd span{font-weight:bold; color:#333; padding-left:20px;}
.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; 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:4;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:18px !important; font-weight:normal !important; line-height:1.8rem; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h5{font-size:24px !important; font-weight:normal !important; line-height:1.9rem; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h4{font-size:26px !important; font-weight:normal !important; line-height:2.0rem; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h3{font-size:30px !important; font-weight:normal !important; line-height:2.4rem; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h2{font-size:34px !important; font-weight:normal !important; line-height:2.5rem; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h1{font-size:38px !important; font-weight:normal !important; line-height:2.6rem; 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:#e8cb8a; border:#e8cb8a 1px solid;}
.fanye .fenye2 .page-num-current:hover{color:#e8cb8a;}
.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:#e8cb8a; color:#fff; transition: all 0.5s; border:#e8cb8a 1px solid;}

.c-list{overflow:hidden; margin-top:2vw;}
.c-list .bod{ width:94%; margin:auto; display:flex; flex-wrap:wrap;}
.c-list .bod dl{ width:23.5%; margin-right:2%; transition: all 0.5s; margin-bottom:2vw;}
.c-list .bod dl:nth-child(4n){ margin-right:0;}
.c-list .bod dl dt{ position:relative; padding-bottom:130%; 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:1.5vw;}
.c-list .bod dl dt .info ul li{font-size:24px; 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{ width:90%; margin:auto; 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-size:16px; line-height:30px; }
.caselist .bod dl .info ul span{margin-left:1vw;}
.caselist .bod dl .info ul span img{width:12px; height:12px; 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:20px;}
.case dt{font-size:36px;}
.case dd{ margin-top:15px;}

.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-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:90%; margin:auto; margin-top:2vw;}
.mulu .fl{width:23%; margin-top:10vh;}
.mulu .fl dt{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;}
.mulu .fr dl{ width:23.5%; margin-right:2%; margin-bottom:3rem;}
.mulu .fr dl:nth-child(4n){ 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-size:16px; 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:#fff; margin-top:3vw; margin-bottom:3vw;}
.video-container .txt{ text-align:center; font-size:44px;}
.video-container .bod{display: flex; flex-wrap:wrap; width:90%; margin:auto; margin-top:2.5vw;}
.video-container .bod .video-thumb{width:27.6vw; height: auto; cursor: pointer;transition: transform 0.3s; background: #fff; margin-left:1vw; margin-right:1vw; margin-bottom:2vw;}
.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; }
.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-size:30px; 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:90%; margin:auto; overflow:hidden; margin-bottom:3vw;}
.nn-list .txt{font-size:44px; 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-size:16px; margin-top:20px; text-align:left;}
.nn-list .bod dl .more{margin-top:10px; color:#999; font-size:16px;}
.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:40px; 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:16px; color:#666;}
.news-ico .fr dt{font-size:30px; color:#000; margin-top:30px;}
.news-ico .fr dd{font-size:16px; color:#666;  margin-top:30px;}

.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-size:48px; color:#FFF;}
.message .txt p{ margin-top:15px; 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:#e8cb8a;}
.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:66%; 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 ul input:nth-child(3){width:20%; border-radius:0px; 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:40px; 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:#000; border:none; height:50px; font-size:18px; color:#e8cb8a; 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;}

#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:30%; margin-left: -40px;top:40px; background:#FFF; border-radius:3px; }
#wap_navigationshade:after{transform: rotate(45deg); }
#wap_navigationshade:before{transform: rotate(-45deg); }

.wap_navigationlist{position: fixed; right:-70%; top: 0; background: #FFF; overflow-y: scroll; width:70%; height: auto; max-height:100%; z-index: 999999999; padding-bottom:20px;}
.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(#e8cb8a 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:#e8cb8a; opacity:1;}

.index1{ display:none;}

.index1-wap{width:100%; margin:auto; overflow:hidden;}
.index1-wap .txt{overflow:hidden; margin-top:2rem; text-align:center;}
.index1-wap .txt dt{font-size:1.6rem; text-transform:uppercase;}
.index1-wap .txt p{width:70%; height:2.6rem; margin:auto; margin-top:0.8rem; line-height:2.6rem; text-align:center; text-transform:uppercase; border:#333 1px solid; border-radius:2rem; transition: all 0.5s;}
.index1-wap .txt p:hover{border:#000 1px solid; background:#000; color:#FFF; transition: all 0.5s;}
.index1-wap .bod{width:90%; margin-top:1.5rem; margin-left:5%;}
.index1-wap .bod li{width:100%; margin-bottom:1rem; background:#000; padding-bottom:1rem; color:#FFF;}
.index1-wap .bod li .pic{width:100%;}
.index1-wap .bod li .pic p{width:100%; position:relative; padding-bottom:100%;}
.index1-wap .bod li .pic p img{width:100%; object-fit: cover; position:absolute; height:100%; transition: all 2s;}
.index1-wap .bod li .pic:hover p img{transform: scale(1.1); transition: all 2s; z-index:99;}
.index1-wap .bod li .title{width:100%; }
.index1-wap .bod li .title dt{font-size:1.4rem; margin-top:1rem; margin-left:1rem;}
.index1-wap .bod li .title dt span{ margin-left:1vw; margin-bottom:1vw;}
.index1-wap .bod li .title dt span img{width:1rem; height:1rem; filter:drop-shadow(rgba(255,255,255,0.9) 0px 1000000px); transform: translateY(-1000000px);}

.index2{ display:none;}

.index2-wap{overflow:hidden; background:#f5f5f5; position:relative; margin-top:1.5rem; padding-top:2.5rem; padding-bottom:7rem; 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:1.6rem; text-transform:uppercase;  color:#FFF; line-height:2rem;}
.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:2rem; border:#999 1px solid; width:6.2rem; height:3rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:auto;}
.index2-wap .douban-wap .hd-wap .zuoyou .prev{width:3rem;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:3rem; 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:1.2rem;}
.index2-wap .douban-wap .bd-wap ul dl dt .info1 p{ font-size:1.2rem; margin-top:0.4rem;}

.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:1.6rem; text-transform:uppercase; line-height:2rem; 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-size:1rem; 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-size:1.4rem; line-height:1.8rem; 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:0rem; background:#000; padding-bottom:1.5rem;}
.index4 .txt{color:#FFF; overflow:hidden; text-align:center;}
.index4 .txt dl{ width:90%; margin:auto; margin-top:2rem;}
.index4 .txt dl dt{font-size:1.6rem; text-transform:uppercase;}
.index4 .txt dl ul{font-size:1rem; text-transform:uppercase; margin-top:0.6rem;}
.index4 .bod{ width:90%; margin:auto; margin-top:2rem; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index4 .bod .item{width:100%; margin-bottom:1rem;}
.index4 .bod .item dt{position:relative; padding-bottom:80%;}
.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; bottom:0; background:rgba(0,0,0,0.5); overflow:hidden;}
.index4 .bod .item dt .info ul{margin:1rem;}
.index4 .bod .item dt .info ul li{font-size:1.2rem; color:#FFF;}
.index4 .bod .item dt .info ul p{display:none;}

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

.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; border-top:#333 1px solid;}
.foot .bod1{overflow:hidden; width:90%; margin:auto; padding-bottom:40px; margin-top:40px; color:#FFF; display: flex; flex-wrap:wrap; justify-content:space-between;}
.foot .bod1 .item1{display: flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
.foot .bod1 .item1 dl{color:#FFF; opacity:0.8; width:48%; margin-bottom:2rem;}
.foot .bod1 .item1 dl dt{font-size:1rem; text-transform:uppercase; font-weight:bold;}
.foot .bod1 .item1 dl dd p{ margin-top:0.7rem; font-size:1rem;}
.foot .bod1 .item2{width:100%;}
.foot .bod1 .item2 dl dt{font-size:16px; text-transform:uppercase; font-weight:bold; margin-bottom:1rem;}
.foot .bod1 .item2 dl dd p{display:grid; grid-template-columns:auto 1fr; margin-bottom:1rem;}
.foot .bod1 .item2 dl dd p img{filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px); opacity:0.8; width:0.8rem; height:0.8rem; margin-top:0.1rem;}
.foot .bod1 .item2 dl dd p span{ margin-left:0.5rem; font-size:1rem;}
.foot .bod1 .item2 ul{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod1 .item2 ul p{margin-right:1.5rem; float:left;}
.foot .bod1 .item2 ul p img{height:1.2rem; filter:drop-shadow(#fff 0px 1000000px); transform: translateY(-1000000px);}
.foot .bod1 .item2 ul:hover p img{filter:drop-shadow(#e8cb8a 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:1.6rem; line-height:2rem; color:#FFF; text-align:center; text-transform:uppercase;}
.nybanner li .info .item dd{color:#FFF; line-height:1.6rem; font-size:1rem; text-align:center; margin-top:1rem;}
.nybanner li .info .item dd p{ margin:1rem 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:1.6rem; line-height:2rem; color:#FFF;}
.nybanner1 li .info .item dd{ margin-top:1rem; color:#FFF; line-height:1.6rem; font-size:1rem; }
.nybanner1 li .info .item dd p{ margin:1rem 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; padding-bottom:2rem;}
.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; font-weight:normal !important; text-wrap:wrap !important;}
.aboutus table h6{font-size:1.1rem !important; font-weight:normal !important;line-height:1.6rem; margin-bottom:0.5rem; width:100%;word-break:normal !important;text-wrap:wrap !important;color:#000;}
.aboutus table h5{font-size:1.2rem !important;font-weight:normal !important;line-height:1.6rem;margin-bottom:0.5rem;width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h4{font-size:1.3rem !important;font-weight:normal !important;line-height:1.6rem;margin-bottom:0.5rem;width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h3{font-size:1.4rem !important;font-weight:normal !important;line-height:1.8rem; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h2{font-size:1.5rem !important;font-weight:normal !important;line-height:1.8rem; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
.aboutus table h1{font-size:1.6rem !important; font-weight:normal !important; line-height:2rem; 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:1rem; text-transform:uppercase; text-align:center; color:#787878;}
.aboutus2 .txt p{font-size:1.6rem; text-transform:uppercase;  text-align:center; color:#000; margin-top:0.5rem;}
.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:1.4rem; text-transform:uppercase; text-align:center; color:#000; line-height:1.8rem;}
.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;}

.about-index1-wap{width:70%; margin:auto;}
.about-index1-wap .txt{overflow:hidden; margin-top:2rem; text-align:center;}
.about-index1-wap .txt dt{font-size:1.4rem; text-transform:uppercase;}
.about-index1-wap .txt p:hover{border:#000 1px solid; background:#000; color:#FFF; transition: all 0.5s;}
.about-index1-wap .picScroll-left-wap{width:100%; position:relative; margin-top:0px;}
.about-index1-wap .picScroll-left-wap .hd-wap .prev{position:absolute; left:-10%; top:32%; color:#333; font-family:"宋体"; text-align:center; font-size:40px; z-index:100;}
.about-index1-wap .picScroll-left-wap .hd-wap .next{position:absolute; right:-10%; top:32%; color:#333; font-family:"宋体"; text-align:center; font-size:40px; z-index:100;}
.about-index1-wap .picScroll-left-wap .bd-wap{margin-top:2rem;}
.about-index1-wap .picScroll-left-wap .bd-wap ul{zoom:1;}
.about-index1-wap .picScroll-left-wap .bd-wap ul li{width:100%;}
.about-index1-wap .picScroll-left-wap .bd-wap ul li .pic-wap{width:100%; text-align: center;}
.about-index1-wap .picScroll-left-wap .bd-wap ul li .pic-wap p{position:relative; padding-bottom:130%;display: inline-block;width: auto;}
.about-index1-wap .picScroll-left-wap .bd-wap ul li .pic-wap p img{object-fit: cover; position:absolute; height:100%; left:50%;transform: translateX(-50%);transition: all 2s;}
.about-index1-wap .picScroll-left-wap .bd-wap ul li .title-wap{width:90%; margin-left:5%;}
.about-index1-wap .picScroll-left-wap .bd-wap ul li .title-wap dt{font-size:16px; margin-top:20px; text-align:center; line-height:24px;}
.about-index1-wap .picScroll-left-wap .bd-wap ul li .title-wap dt span{ margin-left:0.5vw; margin-bottom:1vw;}
.about-index1-wap .picScroll-left-wap .bd-wap ul li .title-wap dt span img{width:14px; height:14px; filter:drop-shadow(rgba(0,0,0,0.9) 0px 1000000px); transform: translateY(-1000000px);}

.about-index1{display:none;}

.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:1.4rem; line-height:2.4rem; text-align:center;}
.p-list .p-item .info1 dl dt{font-size:1rem; width:fit-content; margin:auto; padding:0rem 0.4rem; border:none; border-bottom:#333 1px solid; margin-top:0.5rem;}
.p-list .p-item .info1 dl ul{display: flex; flex-wrap:wrap;}
.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:2rem; margin-top:0;}
.productlist .txt{width:92%;}
.productlist .txt .sideMenu{}
.productlist .txt .sideMenu h3{border:1px solid #e3e3e3; cursor:pointer; font-size:1rem !important; font-weight:normal; padding-top:0.5rem; padding-bottom:0.5rem; padding-left:5%; padding-right:4%; display:flex;flex-wrap:wrap;align-items:center; justify-content: space-between; margin-bottom:-1px;}
.productlist .txt .sideMenu h3 em{float:right; display:block; width:1rem; height:1rem; background:url(../images/icoAdd-1.png) no-repeat center center; cursor:pointer;}
.productlist .txt .sideMenu h3.on{color:#e8cb8a; background:#000;}
.productlist .txt .sideMenu h3.on em{background:url(../images/icoAdd-2.png) no-repeat center center; width:1rem; height:1rem;}
.productlist .txt .sideMenu ul{color:#999; display:none; margin-top:0.7rem; margin-bottom:0.7rem; margin-left:1rem;}
.productlist .txt .sideMenu ul li{ margin-bottom:0.6rem;}
.productlist .txt .sideMenu ul li.onon{color:#e8cb8a;}
.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 .navtic{width:100; overflow:hidden;}
.productlist .bod .navtic dt{font-size:1.4rem;}
.productlist .bod .navtic dd{ margin-top:0.5rem; line-height:1.6rem; color:#666;}
.productlist .bod .item{ width:100%; display: flex; flex-wrap:wrap; margin-top:1rem;}
.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.1rem !important; font-weight:normal !important; line-height:1.6rem; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h5{font-size:1.2rem !important; font-weight:normal !important; line-height:1.6rem; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h4{font-size:1.3rem !important; font-weight:normal !important; line-height:1.6rem; margin-bottom:0.5rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h3{font-size:1.4rem !important; font-weight:normal !important; line-height:1.8rem; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h2{font-size:1.5rem !important; font-weight:normal !important; line-height:1.8rem; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}
h1{font-size:1.6rem !important; font-weight:normal !important; line-height:2rem; margin-bottom:1rem; width:100%; word-break: normal !important; text-wrap:wrap !important; color:#000;}

.product-ico{ width:100%; 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%;}
.product-ico .fl .game163{overflow:hidden;}
.product-ico .fl .game163 .bigImg{overflow:hidden; width:90%; margin:auto;}
.product-ico .fl .game163 .bigImg li{width:100%; text-align: center;}
.product-ico .fl .game163 .bigImg li p{position:relative; padding-bottom:100%;display: inline-block; width: auto;}
.product-ico .fl .game163 .bigImg li p img{object-fit: cover;  position:absolute; height:100%; left: 50%; transform: translateX(-50%); transition: all 2s;}
.product-ico .fl .game163 .smallScroll{margin-top:0.7rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product-ico .fl .game163 .sPrev{ width:10%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.product-ico .fl .game163 .sPrev img{ width:14px;}
.product-ico .fl .game163 .sNext{width:10%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.product-ico .fl .game163 .sNext img{ width:14px;}
.product-ico .fl .game163 .smallImg{float:left;  display:inline; width:78%; overflow:hidden;}
.product-ico .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.product-ico .fl .game163 .smallImg li{width:20%;}
.product-ico .fl .game163 .smallImg li p{position:relative; padding-bottom:92%; width:92%; margin:auto; border:1px solid #ddd;}
.product-ico .fl .game163 .smallImg li p img{ position:absolute; width:100%; height:100%;}
.product-ico .fl .game163 .smallImg .on img{border-color:#5c1717;}
.product-ico .fr{ width:90%; margin:auto;}
.product-ico .fr dt{ margin-top:1rem;font-size:1.4rem; line-height:2rem; margin-bottom:1rem;}
.product-ico .fr dd{ margin-top:1rem; font-size:1rem; background:#FFF; border-radius:0.2rem; padding:1rem; color:#333; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.product-ico .fr dd p{}
.product-ico .fr dd span{font-weight:bold; color:#333;}
.product-ico .fr li{ margin-top:1rem; font-size:1rem; line-height:1.6rem; color:#666;}
.product-ico .fr li table{ width:100%; border-collapse: collapse; border-right:#333 1px solid;}
.product-ico .fr li table tr td{border-bottom:#333 1px solid; padding:0.5rem 0px; font-size:0.8rem; border-left:#333 1px solid; word-break: normal !important; text-wrap:wrap !important; text-align:center;}
.product-ico .fr li table .firstRow{font-weight:bold; font-size:0.9rem; background:#000; color:#fff;}

.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; 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:130%; 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-size:1.4rem; 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-size:1rem; line-height:1.6rem; }
.caselist .bod dl .info ul span{ margin-left:3vw;}
.caselist .bod dl .info ul span img{ width:0.7rem; height:0.7rem; 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:1.6rem; }
.case dd{ margin-top:0.5rem;}

.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-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-size:1.6rem; color:#FFF;}
.mulu .fl dd{margin-top:0.5rem; 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-size:1rem; 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:#fff; padding-bottom:2vw; margin-top:2rem;}
.video-container .txt{ text-align:center; font-size:1.6rem;}
.video-container .bod{display: flex; flex-wrap:wrap; width:90%; margin:auto; margin-top:1.5rem;}
.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; }
.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-size:1.4rem; color:#FFF; margin-top:1rem;}
.n-list .bod dl .more{margin-top:0.5rem; width: fit-content; color:#FFF; font-size:0.9rem;}
.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-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:1rem;}
.nn-list .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden; border-radius:0.5rem;}
.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:1rem; margin-top:1rem; text-align:left; line-height:1.6rem;}
.nn-list .bod dl .more{margin-top:0.5rem; 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: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-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;}

.message{overflow:hidden; width:90%; margin:auto; margin-top:0rem;}
.message .txt{ text-align:center;}
.message .txt dt{ font-size:2.4rem; 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:#e8cb8a;}
.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:#e8cb8a; 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:#e8cb8a; 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; }