:root {--zhihao16:16px;--zhihao18:18px;--zhihao20: 20px;--zhihao24:24px;--zhihao26:26px;--zhihao28:28px;--zhihao30:30px;--zhihao36:36px;--zhihao40:40px;--zhihao48:48px;--zhihao55:55px;--zhihao70:70px;--zhihao80:80px;--zhihao18-h: 24px;--zhihao24-h: 30px;--zhihao30-h: 36px;--zhihao40-h: 48px;--zhihao48-h: 56px;--zhihao55-h: 63px;--zhihao80-h: 90px;--color-zs: #e77918;--color-bs: #fff;--color-hs:#000;--color-f4: #f4f4f4;--color-f1: #f1f1f1;--color-333: #333;--color-666: #666;--color-999: #999;--color-eee: #eee;--color-ccc: #ccc;}
@font-face{font-family:ziti;font-display:swap;src:url('ziti.woff');}
.header{display: flex; justify-content: space-between; width: 100%; align-items: center; padding: 0 7.5%;transition: all 0.5s ease;  z-index: 20;background: var(--color-bs); position: fixed;/*box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);*/}
.logo{ font-size: var(--zhihao30); font-family: ziti, Arial, Helvetica, sans-serif; align-items: center;line-height: 30px;padding-top: 11px;}
.top-cd{ display: flex;align-items: center;}
.top-cd-nr{ margin-left: 5vw;}
.top-cd-nr li{ padding: 18px 0;}
.top-cd-nr li a{ padding:0 1vw; font-size:var(--zhihao16); color: var(--color-666); transition: all 0.3s ease; text-transform: uppercase; font-family: ziti, Arial, Helvetica, sans-serif;position: relative;}
.top-cd-nr li a:hover{color:var(--color-333);}
.top-cd-nr li a p:nth-child(2){ opacity: 0; display: none;}
.top-cd-nr li a:hover p:nth-child(1){ transform: translateY(-20px);}
.top-cd-nr li a:hover p:nth-child(2){ transform: translateY(-20px); opacity: 1; display: block;}
.top-cd{ display: flex; align-items: center;}
.top-cd-r{ display: flex; margin-left: 50px; align-items: center;}
.top-cd-r i{ color: var(--color-666); font-size: 22px;display: block; cursor: pointer;}
.top-cd-r i{ margin-right: 25px; display: block;}
.top-cd-r a i{transition: all 0.5s ease;}
.top-cd-r a:hover i{ color: var(--color-333)!important;}
.top-cd-r-2 i{ margin-right: 10px; font-size: 24px;}
.top-cd-r-2{ position: relative;}
.top-cd-r-2 i{ margin-right: 9px;}
.top-cd-r-2 p{ position: absolute; width: 18px; height: 18px; border-radius: 50%; background:red; transform: scale(0.9); color:var(--color-bs); font-size: 12px; text-align: center; line-height: 17px; top: 3px; right: 0;}
.top-cd-r-1 .icon-guanbi{ display: none;}
.top-cd-r-4 i{ font-size: 27px;}
.searchBoxForm{display:none;position:absolute;top:100%;right:0;left:0;margin:auto;padding-top:30px;padding-bottom:28px;background-color:Rgba(0, 0, 0, 0.2);backdrop-filter: blur(0px);}
.searchBoxForm .searchText{float:left;font-size:18px;color:#666;width:calc(100% - 60px);height:60px; line-height: 60px; padding:0 20px; background:var(--color-bs); border-radius: 15px 0 0 15px; font-size: 14px;}
.searchBoxForm .btnsear {
   float: left; width: 60px; height: 60px; transition: all 0.5s ease; border-radius: 0 15px 15px 0;  background-color:#666;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQxQzU4QkU2QzUxMTFFODk4RTlFMjJGNENEQjBGOUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQxQzU4QkY2QzUxMTFFODk4RTlFMjJGNENEQjBGOUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDFDNThCQzZDNTExMUU4OThFOUUyMkY0Q0RCMEY5RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDFDNThCRDZDNTExMUU4OThFOUUyMkY0Q0RCMEY5RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj10/qgAAAJQSURBVHjavJfPSxVRFMfv00qF/JmCItLrgWguEoNAEVEirV0Q4c60iHLRwr/AjYtWJYJtijYJCq5q4UIEQQhBKdSwoCB6iiA9NaksI9Tn98T3wWF4M97xzXTgw9z5dT4z991375lIMpk0llEALoGzIAr2QBysgjmwa/yEiI/gMngO1pPuEQdPQJNFvn94nTwPXqWRbIAl8A5spTk/BiqOK77nSDYN7oB6kK2uOwUugl4wp67/BW76FferBKug07b7QA/YVPfftRXfVjdNglwf0hRn+FOkouUocZWja02GLDLXLijwEs+owWMCoJC/tcQLN3Gzetv2gMRCt8pblU48ypOzAUpTrDH3Y308C3NIPrjK+WTYBB8j3LbqgyJuBCXcfxuC+CW3DaBMi2Nsr4OPIYjj3EZArRannmLNhBNfQYLtIi3eYTvbhBcHToeIN9iOcj/oKAXlbP/Q4hW2ZYDVhSCOqfayFs9zMTcc4UFHp/rHJLT4L5jgfl8I4m5up9JVIHVqarsR4Kx1X+Utd1skxnnBNsgPQFrJlUli0Gt1KlRPt5Sh9CTrMIkPNoXANSWXBaPkGFJZhT6pPK22pc8tddMmqxJb6QPw21GvvQcx22LvCthRN0t3PWQZIxVkFjjBt2sDQ6prJb6ALvCN+z9BtW15K6PwmUsdnXApbSUegRzmqAF/ePw7OGcj1vW1jMp5j4L+NRhwVhnkgup+edioHI/4+IQxnHOrQTHYB9vgM1cgr6gBb8BpztcdfsWZhMgXQB54+j/Fhh9916UcOhRgAMJnsCe1caE5AAAAAElFTkSuQmCC);
  background-position: center center; background-repeat: no-repeat; background-size: 20px auto;
}
.searchBoxForm #form1{ display: flex; justify-content: space-between;}
.shouheader{position: absolute; background: none;box-shadow:none}
.shouheader .logo a,.shouheader .top-cd-nr li a,.shouheader .top-cd-r a i,.shouheader .top-cd-r i{ color: var(--color-bs);}
.shouheader .top-cd-nr li dl dt a{color: var(--color-666);}
.shouheader .top-cd-r a:hover i{ color: var(--color-f1)!important;}
.searchBoxForm .btnsear:hover{ background-color: var(--color-hs);}
.top-cd-r .active .icon-fangdajing1{ display: none;}
.top-cd-r .active .icon-guanbi{ display: block; font-size: 18px;}
.tjgjc{ text-align: center; padding: 25px 0 0; color: var(--color-bs)}
.tjgjc a{ padding: 0 10px; color: var(--color-bs);}
.tjgjc a:hover{color: var(--color-eee);}
.top-cd-r-4{ margin-left: 7px; position: relative;}
.top-cd-r-4 i{ margin-right: 0;}
.top-cd-r-4 ul{ text-align: center;  border:0px solid #f1f1f1; background:var(--color-bs); padding-bottom: 14px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .11); border-radius: 8px;margin-top: 12px; position: relative;}
.top-cd-r-4 ul a{display: block; line-height: 28px; color: #666;transition: all 0.5s ease; }
.top-cd-r-4 ul a:hover{ color: var(--color-hs);}
.top-cd-r-4 ul a:nth-child(1){ padding-top: 15px;}
.grzx{ position: absolute; left: -64px; height: 0; padding: 0 3px; overflow: hidden;  width: 158px; top: 37px;  transition: all 0.5s ease;}
.grzx ul::after{content: '';  position: absolute;  left: 68px;  top: -7px;  width: 0;  height: 0px;  border-style: solid;  border-width: 7px;  border-color:var(--color-bs)var(--color-bs) transparent transparent;  transform: rotate(-45deg);  box-shadow: 3px -3px 3px rgba(0, 0, 0, .11); }
.top-cd-r-4:hover .grzx{ height: 195px;}
.top-cd-nr li dl dt{display: flex; padding: 15px 0; flex-wrap: wrap;}
.top-cd-nr li dl{position: absolute; height: 0; width: 100%; padding: 60px 10%; box-sizing: border-box; left: 50%; transform: translateX(-50%);border-top: 1px solid var(--color-f4); top:81px;background:var(--color-bs); z-index: 3; opacity: 0; visibility: hidden;transition: all 0s ease;}
.top-cd-nr li:hover dl{  opacity: 1; visibility: visible; height: auto; background: #f5f5f5; transition: all 0.8s ease;}
.top-cd-bg{position: fixed; height: 100vh; width: 100%; z-index: 10; content: ''; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; display: none;}
.top-cd-nr li dl dt p{font-size: 14px;line-height: 24px; width:65px;}
.top-cd-nr li dl dt ul{ width: calc(100% - 65px); display: flex; flex-wrap: wrap;}
.top-cd-nr li dl dt a{ font-size: 14px; color: var(--color-666); padding-left: 18px;line-height: 24px;}
.top-cd-nr li dl dt a::after{position: absolute; width: 10px; height: 10px; border: 1px solid var(--color-999); content: ''; left: 0; top: 4px;transition: all 0.5s ease;}
.top-cd-nr li dl dt a:hover::after{background: var(--color-999);}
.top-cd-nr li dl dt a.active::after{background: var(--color-999);}
.r-ss form{position: absolute; top: -1px; right: 15px; z-index: 5; transform: translateX(-10px);transition: all 0.5s ease;}
.r-ss form .ssk{ width: 10px; height:36px; border: 1px solid #ccc; border-radius: 5px; padding:0; opacity: 0; transition: all 0.5s ease;}
.r-ss{position: relative; z-index: 10;}
.r-ss:hover form{transform: translateX(0);}
.r-ss:hover form .ssk{width: 250px;padding: 1px 10px;border: 1px solid #ccc; opacity: 1; }
.banner{ height: 100vh; overflow: hidden;}
.indexbanner .swiper-slide video,.indexbanner .swiper-slide img{ height: 100vh; object-fit: cover; width: 100%;}
.banner-z{ position: absolute; top: 50%; transform: translateY(-50%); left: 7.5%; z-index: 10; color: var(--color-bs);}
.banner-z p{ font-size: var(--zhihao70); font-weight: bold;}
.banner-z span{ font-size: var(--zhihao24); display: block;}
.indexbanner .swiper-pagination{ bottom: 5%;left: 7.5%; text-align: left;}
.indexbanner .swiper-pagination-bullet-active,.indexbanner .swiper-pagination-bullet,.indexbannersj .swiper-pagination-bullet-active,.indexbannersj .swiper-pagination-bullet{ background: var(--color-bs);}


/* .menu{ background: var(--color-f4);padding: 100px 0 0;} */
.menu-nr{ align-items: flex-end;}
.menu-l{ font-size: var(--zhihao18); color: var(--color-666);}
.menu-r a{ font-size: var(--zhihao16); color: var(--color-666); padding-left: 15px; position: relative; margin-left: 20px;}
.menu-r a::after{ width: 10px; height: 10px; background: #c3c3c3; content: ''; position: absolute; left: 0; top: 30%;}
.cplb{ background: var(--color-f4);}
.cplb ul{flex-wrap: wrap;}
.cplb ul li,.cplb-ok li{ width: 23.5%; margin-bottom: 35px;transition: all 0.5s ease; border-radius: 5px; overflow: hidden;}
.cplb ul li:nth-last-child(-n+2),.cplb-ok li:nth-last-child(-n+2){ margin: 0; padding: 0; height: 0;}
.xinghao{ display: flex; justify-content: space-between; align-items: flex-start; background: var(--color-bs); margin-top: 2px; padding: 15px;transition: all 0.5s ease;}
.xinghao a{display: block; position: relative; padding-right: 15px; color: var(--color-666);transition: all 0.5s ease;font-size: 12px;}
.xinghao a::after{position: absolute; right: 0; top:7px; width: 7px; height: 7px; border-radius: 50%; content: ''; background: var(--color-eee);}
.xinghao dt{ font-size: var(--zhihao18); width: 55%; height: 56px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.xinghao dd .price{color: red;}
.cplb ul li:hover{transform: translateY(-6px);box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.cplb ul li:hover .xinghao{background: var(--color-666); color: var(--color-bs);}
.cplb ul li:hover .xinghao a{color: var(--color-ccc);}
.xinghao a:hover{color:var(--color-f4) !important;}
.xinghao dd{ text-align: right;padding-top: 2px;}
.cplbqyhb{ display: flex; position: relative; color: var(--color-666); display: none;}
.cplbqyhb a{padding: 0 2px;}
.cplbqyhb a:last-of-type{ padding-right: 15px;}
.cplbqyhb a::after{display: none;}
.cplbqyhb::after{position: absolute; right: 0; top:7px; width: 7px; height: 7px; border-radius: 50%; content: ''; background: var(--color-eee);}

footer{background: var(--color-bs);}
footer dl dt{font-size: var(--zhihao30); font-family: ziti;}
footer dl dd li:nth-child(1){ margin-right: 5vw;}
footer dl dd li p{ color: var(--color-666); font-size: 12px; padding-bottom: 10px;}
footer dl dd li i{ width: 23px; height: 23px; line-height: 23px; margin-right: 10px; text-align: center; background: var(--color-ccc); border-radius: 50%; display: block; color: var(--color-bs); font-size: 12px !important;}
.feixiang-nr{ position: relative; cursor: pointer; align-items: center;}
.feixiang-nr img{position: absolute; bottom:36px; left: -50px; padding:8px; background: var(--color-bs); width: 140px; height: 140px;opacity: 0; visibility: hidden; border: 1px solid var(--color-f4);transition: all 0.5s ease; z-index: 1000;}
.feixiang-nr:hover img{ opacity: 1; visibility: visible;bottom: 31px;}
.feixiang .feixiang-nr:nth-child(4) a{ font-size: 12px;color: var(--color-666);}
.feixiang .feixiang-nr:nth-child(4) a:hover{ color: var(--color-hs);}
footer dl dd li:nth-child(1) .feixiang-nr{ font-size: var(--zhihao20); line-height: 23px;}
.shoufooter dl,.shouyebanquan{ display: none;}
.shoufooter .shouyebanquan{ position: absolute; z-index: 10; right: 7.5%; bottom: 5%; display: block; color: var(--color-999); font-size: 12px;}
.shoufooter .shouyebanquan a{ color: var(--color-999);}
.shoufooter .shouyebanquan a:hover{color: var(--color-f1);}
.fuwu-1{ padding:110px 7.5% 10vh 7.5%; background: var(--color-bs);}
.fuwu-1 dl{ align-items: center;}
.fuwu-1 dl dt .z-bt{ text-align: left;}
.fuwu-1 dl dt{ width: 37%;}
.fuwu-1 dl dd{ width: 54%;}
.fuwu-2-di{position: fixed; bottom:0; z-index: -1;}
.fuwu-2-di img{height: 100vh; object-fit: cover; width: 100vw;}
.z-bt{ text-align: center;}
.z-bt p{ font-size: var(--zhihao40);}
.z-bt span{color: var(--color-666); font-size: var(--zhihao24); padding-top: 15px; display: block; line-height: 31px;}

.fuwu-2{position: relative;}

.floor3-container{position: relative; overflow: hidden;}
.content{position: absolute; top: 50%; transform: translateY(-50%); left: 10%;}
.title{ align-items: center;}
.title .z-bt{ text-align: left; width: 40%;}
.title .fw-t{ width: 52%; position: relative;}
.floor3-container .item { width: 100%; height: 100vh;}
.fuwu-3{background-image:linear-gradient(to bottom,var(--color-bs), var(--color-f4)); position: relative;}
.fuwu-3-tgd dl li{ cursor: pointer; border-radius: 8px; overflow: hidden; position: relative;margin: 0 5px 30px;}
.fuwu-3-tgd dl li img{ width:auto; max-width: 100%;}
.fuwu-3-tgd dl li p{ position: absolute; top: 50%; text-align: center; width: 100%; transform: translateY(-80%); opacity: 0; z-index: 10; color: var(--color-bs);transition: all 0.5s ease;}
.fuwu-3-tgd dl li::after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: Rgba(0, 0, 0, 0);z-index: 8; content: '';transition: all 0.5s ease;}
.fuwu-3-tgd dl li:hover p{opacity: 1; transform: translateY(-50%);}
.fuwu-3-tgd dl li:hover::after{background: Rgba(0, 0, 0, 0.5);}
.str_move{display: flex !important;}
.fuwu-3-3{flex-wrap: wrap;}
.fuwu-3-3 li{ width: 26%; text-align: center; padding-bottom: 20px;}
.fuwu-3-3 li i{ font-size: var(--zhihao55); color: var(--color-666);}
.fw-3-3-z{ display: flex;justify-content: center; font-size: var(--zhihao20); align-items: center; line-height: 23px;}
.fw-3-3-z p{width: 23px; height: 23px; text-align: center; background: #d1d1d1; color:var(--color-bs); border-radius: 50%; font-size: var(--zhihao16); margin-right: 5px; font-size: 12px;}
.fuwu-3-3 li span{ color: var(--color-666); font-size: 13px; display: block; padding: 10px 3vw 0;}
.fufwu-w{position: relative;}
.fufwu-w-o{ position: absolute; left: 10%; z-index: 10; top: 0;width: 80%; align-items: center;}
.fuwu-11-l .z-bt{ text-align: left; height: 100vh;}
.fuwu-11-l{ width: 40%;}
.fuwu-11-r{ width: 52%;}
.fuwu-11-r .fw-t{ height: 100vh;}
.denglud,.denglud-2,.denglud-3,.denglud-4{z-index:99;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.8);visibility:hidden;opacity:0;}
.denglu-ok{ position: absolute; width: 600px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10000; background:var(--color-bs); text-align: left;  padding: 45px; font-size: 25px;}
.denglu-ok-sc{position: absolute; width: 60%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10000; background:var(--color-bs); text-align: left;  padding: 0; font-size: 25px;}
.fi {position: fixed;}
.denglu-t{ display: flex; justify-content: space-between; align-items: flex-start;padding-bottom: 10px;}
.denglu-t h2{  font-size: 24px; font-weight: 500; text-transform: uppercase;}
.denglu-t i{ display: block; color: #000; font-weight: bold; font-size: 14px; cursor: pointer;}
.denglu-t i:hover{ color: #666;}
.xiangmuxinjian .hydlk input{ width: 100% !important;}
.denglu-t2 h5{ font-size: 16px;font-weight: 500; margin-top: 20px;color: #666;}
.denglu-t2 span{ font-size: 12px; color: #999;}
.denglu-t2{ display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 10px;}
.denglu-quyu li{border: 1px solid #f1f1f1; border-radius: 5px; overflow: hidden; width: 100%; padding: 7px 10px; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; font-size: 14px;}
.denglu-quyu li i{ width: 20px; height: 20px; background:var(--color-bs);  border-radius: 50%; font-size: 29px;line-height: 29px; overflow: hidden;}
.xm-xq-t i{ width: 20px; height: 20px; border-radius: 50%; font-size: 29px;line-height: 29px; overflow: hidden;}
.denglu-quyu-r{ position: relative;}
.denglu-quyu-r-ok{ display: none; position: absolute; top: 0; right: 0; z-index: 10; width: 105px;}
.denglu-quyu-r-ok a{ float: left; font-size: 12px; color: #666;line-height: 29px; height: 29px;}
.denglu-quyu-r-ok a:nth-child(3),.denglu-quyu-r-ok a:nth-child(2){ margin-left: 10px;}
.denglu-quyu-r-ok a:hover{ color: #f04b45;}
.denglu-quyu li:hover,.xm-xq-t:hover{ background: var(--color-f4);border-radius: 4px;}
.denglu-quyu li:hover .denglu-quyu-r-ok,.xm-xq-t:hover .denglu-quyu-r-ok{ display: block;}
.denglu-quyu-tj{ font-size: 12px; color: #666; cursor: pointer; display: flex; margin-top: 3px;}
.denglu-quyu-tj:hover{ color: #000;}
.denglu-quyu-tj span{ padding-left: 15px;}
.xmmc-gl{ background: var(--color-f4);display: flex; justify-content: space-between; padding:10px; font-size: 20px;}
.xmmc-gl i{ width: 20px; height: 20px; background:var(--color-bs);  border-radius: 50%; font-size: 29px;line-height: 29px; overflow: hidden;}
.xmmc-gl:hover .denglu-quyu-r-ok{ display: block;}
.xmmc-gl .denglu-quyu-r{ display: none;}
.xmmc-gl:hover .denglu-quyu-r{ display: block;}
.xmmc-gl .denglu-quyu-r-ok{ width: 107px;}
.huiyuan-r-xm-ok{ margin-top: 50px;}
.huiyuan-r-xm .huiyuan-r-xm-ok:nth-of-type(1){ margin-top: 20px;}
.dlxxk-nr .hydlk{ border: 1px solid #f1f1f1; border-radius: 5px; overflow: hidden; width: 100%; padding: 7px 10px; margin-bottom: 8px;}
.dlxxk-nr .hydlk .login-label{ line-height: 32px;}
.dlxxk-nr .hydlk .login-label i{ color: #999; line-height: 32px; font-size:20px; width:70px; text-align: center; display: block;float: left; }
.dlxxk-nr .hydlk input{ line-height: 32px; height: 32px; width: calc(100% - 70px); float: right;color: #999;font-size: 12px;}
.hydlk-yzm{ display: flex; justify-content: space-between; margin-top: 5px; align-items: center;border-bottom: 1px solid #d8d8d8;}
.hydlk-yzm a{ width: 150px; border-left: 1px solid #d8d8d8; padding-left: 20px; color: #999;}
.hydlk-yzm input{border: 0 !important; }
.hydlk-yzm a:hover{ color: #f04b45;}
.dlkyzm{vertical-align:top;display:inline-block;height:52px;cursor:pointer;width:auto;}
.denglu-bg{position:absolute;z-index:200;left:0;top:0;right:0;bottom:0;}
.hyjzw{ font-size: 12px ; color: #666;}
.loginbox{width: 100%;}
.loginbox .u-loginbtn{width: 100%; background:#e4e5e7; cursor: pointer; transition: all 0.5s; text-align: center; line-height: 40px; height: 40px; border-radius: 5px; color: #000; font-size:15px;margin: 2vh 0 0;display: block;}
.loginbox .u-loginbtn:hover{ background:var(--color-333); color:var(--color-bs);}
.hyjzw .b-unlogn{ float: left; color: #7c868d;}
.hyjzw .b-unlogn label{ padding-left:10px;}
.hyjzw .b-unlogn .u-checkbox{ display: block;float: left; margin-top:2px;}
.hyjzw a{ float: right;color: #7c868d; margin-left: 10px;}
.hyjzw a:hover{color: #f04b45;}
.hyjzw p{ text-align: center;color: #7c868d;}
.linggan-xm-t{ display: flex; justify-content: space-between; align-items: center;}
.linggan-xm-zj a{ background: #000; padding: 8px 15px; color:var(--color-bs); border-radius: 10px; font-size: 12px;transition: all 0.5s;}
.linggan-xm-zj a:hover{ background: #f04b45; }
.linggan-xm-lb ul{ justify-content: space-between; display: flex; align-items: center;padding: 15px 30px; border: 1px solid var(--color-f4); border-radius: 15px; overflow: hidden;margin-bottom: 12px;transition: all 0.5s;}
.linggan-xm-lb ul:hover{ background: #f6f6f6;}
.linggan-xm-lb a{ display: flex; align-items: center; width: 100%;justify-content: space-between;}
.linggan-xm-lb a dt{ font-size: 20px;}
.linggan-xm-lb a dt span{ font-size: 12px; display: block; color: #666; padding-top: 5px;}
.linggan-xm-lb a dd{ width: 60%; display: flex;  justify-content: flex-end;transition: all 0.8s;}
.linggan-xm-lb a dd li{ position: relative; margin-left: 6px;border-radius: 10px; max-width: 110px;overflow: hidden;}
.linggan-xm-lb a dd li img{display: block; width: 100%;}
.linggan-xm-lb a dd li:nth-child(5){ background: #ddd;}
.linggan-xm-lb a dd li:nth-child(5) img{opacity: 0.1;}
.linggan-xm-lb a dd li:nth-child(5) p{ position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%,-50%); font-size: 28px; color:var(--color-bs); }
.linggan-xm-lb a:hover dt{ color: var(--color-666);}
.linggan-xm-lb .denglu-quyu-r{cursor: pointer; opacity: 0;transition: all 0.8s; width: 0;}
.linggan-xm-lb .denglu-quyu-r i{ width: 35px;font-size: 30px; height: 35px; border-radius: 50%; background:var(--color-bs); text-align: center; line-height: 35px; display: block; cursor: pointer;transition: all 0.5s;}
.linggan-xm-lb .denglu-quyu-r:hover i{ background:var(--color-666); color:var(--color-bs);}
.linggan-xm-lb .denglu-quyu-r .denglu-quyu-r-ok{ display: none; width: 70px; top: -3px;}
.linggan-xm-lb .denglu-quyu-r-ok a:nth-child(2){ margin-left: 0;}
.linggan-xm-lb .denglu-quyu-r:hover .denglu-quyu-r-ok{ display: block;}
.linggan-xm-lb .denglu-quyu-r-ok a{ height: 22px; line-height: 22px;width:100%; color: #000; float:none; display: block; width: 25px; font-weight: bold;}
.linggan-xm-lb .denglu-quyu-r-ok a:hover{ color:var(--color-333);}
.linggan-xm-lb ul:hover dd{transform: translateX(-90px);}
.linggan-xm-lb ul:hover .denglu-quyu-r{ opacity: 1; width: 35px;}
.linggan-xm-xq{ display: flex; justify-content: space-between; margin-top:50px;align-items: flex-start; position: relative;}
.linggan-xm-xq-r{ width: 340px; background: var(--color-f4); border-radius: 10px; padding: 1.5rem; position: sticky; top: 100px;}
.linggan-xm-xq-l{ width: calc(100% - 400px);}
.xm-cpyd select{ border: 1px solid var(--color-f4); color: var(--color-333); border-radius: 4px; width: 100%; line-height: 32px; padding:0 10px;background-image: url("../images/xjt.svg");  background-origin: content-box;  background-position: right 0 center;  background-repeat: no-repeat;  background-size: 9px 6px;}
.join_list li{ margin-bottom: 1px;}
.join_list li .xm-xq-t{width:100%;display:table;padding: 7px 10px; font-size: 14px; display: flex; border-bottom: 1px solid #e4e5e7; justify-content: space-between;align-items: center; box-sizing:border-box;-moz-box-sizing:border-box;transition:all .5s}
.join_list li .xm-xq-t p{ font-weight: bold;}
.join_list li article{display:none; width:100%;padding:25px 0;}
#dqcd{ color: #000; position: relative;}
#dqcd::after{position: absolute; bottom:-14px; height: 2px; width: 100%; background: #000; content: ''; left: 0;}
.join_list ul{border-bottom: 1px solid var(--color-f4); padding: 5px 0;}
.xm-xq-w{ display: flex; justify-content: space-between; align-items: center;}
.xm-xq-w li{ width: 10%;text-align: center;}
.xm-xq-w li img{ max-width: 100%;}
.xm-xq-w li:nth-child(1){ display: flex; align-items: center;width: 47%;}
.xm-xq-w li:nth-child(1) img{ width: 47%; margin: 0 1%;}
.xm-xq-w li:nth-child(4){ width: 21%;}
.xm-xq-w .yjxz{ color: #ddd !important;}
.join_list .active .xm-xq-t{ background: #f04b45; color:var(--color-bs);}
.join_list .active .xm-xq-t i{transform: rotate(0);}
.join_list li article ul:nth-child(1){padding: 0;}
.join_list li article ul:nth-child(1) li{ height: 35px; line-height: 35px; overflow: hidden; margin-bottom: 0;text-align: center;}
.join_list li article ul:nth-child(1) li:nth-child(1){ width: 47%;display: block;}
.xm-xq-x{ text-align: right; padding-right: 28px;}
.xm-xq-x a{ color: #666; padding: 0 0 0 10px; font-size: 12px;}
.xm-xq-x a:hover{text-decoration: underline;padding-right: 28px;}
.xm-xq-nr{ font-size: 14px; text-align: left; margin-left: 10px;}
.xm-xq-nr p{ font-size: 12px; color: #666; padding-top: 5px;line-height: 15px;}
.qty-box{align-items: center; width: 100px;font-size: 18px;line-height: 36px; display: flex; justify-content: space-between; margin: 0 auto;}
.decrease{cursor: pointer;font-size: 24px;}
.increase{ cursor: pointer;}
.input-text{ text-align: center;width: 40px; font-size: 16px;}
.xm-xq-w li:nth-child(3) i{ font-size: 30px; color: #666; line-height:30px;}
.xm-xq-w li:nth-child(3) p{ font-size: 12px; color: #999;transform: scale(0.9);margin-left:0;}
.xm-xq-w li:nth-child(3):hover i{ color:var(--color-999);}
.linggan-xm-xq-r ul h3{ font-size: 24px; font-weight: 500; padding-bottom: 15px;}
.linggan-xm-xq-r ul li{ display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 10px; color: #666; font-size: 12px;}
.linggan-xm-xq-r a{ margin-top: 26px; display: block; background: var(--color-666); color:var(--color-bs); text-align: center; padding: 10px 0;transition: all 0.5s; border-radius: 5px;}
.linggan-xm-xq-r a:hover{ background: var(--color-333); color:var(--color-bs);}
.linggan-xm-xq-r ul li:nth-last-child(-n+2){ display: none;}
.cpxq-ok{ display: flex; justify-content: space-between;width:100%;align-items: flex-start;}
.cpxq-ok-l{ width: calc(100% - 400px);border-top: 1px solid var(--color-f4);}
.cpxq-ok-r{ width: 340px; }
.cpxq-ok-ro{border: 1px solid #e4e5e7; border-radius:10px;padding:25px !important;}
.cpxq-ok-r-1 li{display: flex; justify-content: space-between; align-items: flex-end; color: #666; font-size: 12px;}
.cpxq-ok-r-1 li:nth-child(1) p:nth-child(1){ font-size: 24px; color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.cpxq-ok-r-1 li:nth-child(1) p:nth-child(2){text-align: right;}
.cpxq-ok-r-1 li:nth-child(2) p:nth-child(1){ font-weight: bold; color: red; font-size: 16px;}
.cpxqgd .swiper-slide img{ width: 100%;/*cursor: url(../images/zoom.svg), auto;*/}
.feedback_text{height:40px; line-height:40px; width:100%; color: var(--color-333); background: var(--color-f4) url("../images/xjt.svg");  background-origin: content-box;  background-position: right 0 center;  background-repeat: no-repeat;  background-size: 9px 6px; padding:0 15px; cursor:pointer; margin-bottom: 5px;}
.cpxq-ok-r-2{ margin-top: 20px;}
.feedback_text option:hover{ background: #f04b45;}
 select .decorated option:hover {box-shadow: 0 0 10px 100px #1882A8 inset;}
.cpcjgd{ margin: 10vh auto 20px; border-bottom: 1px solid var(--color-f4);}
.cpcjgd .swiper-slide img{ width: 100%;/*cursor: url(../images/zoom.svg), auto;*/}
.cpcjgd .swiper-pagination{ bottom:45px;left: 50%; transform: translateX(-50%);}
.cpcjgd .swiper-pagination-bullet-active{ background: var(--color-333);}
.cpcjgd .swiper-pagination-bullet{ margin: 0 3px;}
.cpcjgd .swiper-button-next,.cpcjgd .swiper-button-prev{ color: var(--color-bs);width:calc(var(--swiper-navigation-size)/ 44 * 22); background:Rgba(183, 183, 183, 0.5);}
.cpcjgd .swiper-button-next:after, .cpcjgd .swiper-button-prev:after{ font-size: 14px;}
.linggan-xq-r-2 h2{ font-size: 20px; font-weight: 500; margin: 30px 0 10px;}
.cpxq-ok-r-3{ display: flex; justify-content: space-between; margin-top: 25px;}
.cpxq-ok-r-3-r a{ width: 110px; background: var(--color-bs); border: 1px solid #666; height: 45px; line-height: 45px; text-align: center; display: block;transition: all 0.5s;}
.cpxq-ok-r-3-r i{ padding-right: 10px;}
.cpxq-ok-r-3-l{ width: calc(100% - 116px);height: 45px; display: flex; justify-content: space-between;}
.cpxq-ok-r-3-l input{ width: 45px; text-align: center;background: var(--color-f4);height: 45px; line-height: 45px;}
.cpxq-ok-r-3-l a{background: #000; color:var(--color-bs); height: 45px; line-height: 45px; width: calc(100% - 47px);display: block; text-align: center; transition: all 0.5s;}
.cpxq-ok-r-3-r a:hover{background: var(--color-666); color:var(--color-bs); border: 1px solid var(--color-666);}
.cpxq-ok-r-3-l a:hover{background: var(--color-666); color:var(--color-bs);}
.cpxq-ok-l-nr{ border-top: 1px solid var(--color-f4); margin-top: 30px; padding-top: 30px;}
#spotlight .header{display: inline-table !important;padding: 5px 1% !important;}
.lgxqwgd{ padding-bottom: 20px;}
.lgxqwgd .swiper-slide p{ text-align: center; font-size: 12px; padding-top: 2px;}
.lgxqwgd .swiper-pagination-bullet{ margin: 0 3px; background: var(--color-333);}
.lgxqwgd .swiper-pagination{ width: 100%;}
.xmqyxtj p{ text-align: right; padding-top: 20px; color: var(--color-666);}
.cpxqxtgd{ margin-top: 15px;}
.cpxqxtgd .swiper-slide{border: 1px solid var(--color-f4);}
.cpxqxtgd .swiper-slide img{ width: 100%; opacity: 0.5; cursor: pointer;}
.cpxqxtgd .swiper-slide-thumb-active img{ opacity: 1;}
.cpxqxtgd .swiper-slide-thumb-active{border: 1px solid var(--color-ccc);}
.huiyuan{ display: flex; justify-content: space-between; align-items: flex-start; margin-top: 36px;}
.huiyuan-l{ width: 340px; background: #e4e5e7; border-radius: 10px;padding: 1.5rem;}
.huiyuan-r{ width: calc(100% - 400px);}
.huiyuan-l li{ line-height: 28px;}
.huiyuan-l li:nth-child(2){margin-top: 10px;border-top: 1px solid #d1d1d1; padding-top: 10px;}
.huiyuan-l li a{ color: #666; padding: 0 8px;}
.huiyuan-l li a:hover{ color: var(--color-hs);}
.huiyuan-l li:last-child{border-top: 1px solid #d1d1d1; margin-top: 10px; padding-top: 10px;}
#dqhycd{ font-weight: bold;}
.huiyuan-r h3{ font-size: 14px; border-bottom: 1px solid var(--color-f4); padding: 7px 10px !important;border-radius: 4px;}
.huiyuan-r-zh{ padding-top: 36px; color: #666; display: flex;line-height: 30px;}
.huiyuan-r-zh-2{ margin-left: 10%;}
.huiyuan-r-zh-2 p:nth-of-type(2){ padding-bottom: 30px;}
.huiyuan-r-zh-t{ font-weight: bold; color: #000; padding-bottom: 15px;}
.huiyuan-r-zh .huiyuan-r-zh-t:nth-of-type(2){ margin-top: 20px;}
.huiyuan-r-tx{ width: 100px; height: 100px; border-radius: 50%; overflow: hidden; position: relative; overflow: hidden; margin-left: 10px;}
.huiyuan-r-tx p{ font-size: 12px; color: #666; padding-top: 8px; position: absolute; top: 50%; text-align: center; width: 100%; transform: translateY(-50%); opacity: 0;}
.huiyuan-r-tx:hover{ background: #000;}
.huiyuan-r-tx:hover img{opacity: 0.5;}
.huiyuan-r-tx:hover p{ color:var(--color-bs); opacity: 1;}
.huiyuan-r-tx img{ width: 100%;}
.huiyuan-r-zh-bj{ margin-top: 60px;}
.huiyuan-r-zh-bj a:nth-of-type(1){ margin-right: 25px; margin-left: 10px;}
.huiyuan-r-zh-bj a{ color: #666;}
.huiyuan-r-zh-bj a:hover{ color:var(--color-333);}
.huiyuan-r-zh-bj h3{border-bottom: 1px solid var(--color-f4); background:var(--color-bs); padding-bottom: 10px; margin-bottom: 20px;}
.lingganxzjl{margin-top: 40px;}
.lingganxzjl h3{padding-bottom: 0; margin-bottom: 0;}
.huiyuan-r-bj{ color: #000; }
.huiyuan-r-bj input{ width: 100%; border: 1px solid #d8d8d8; padding:10px; margin-top: 3px; border-radius: 4px;}
.huiyuan-r-bj .hydlk{ margin-bottom: 15px;}
.huiyuan-r-bj .hydlk img{ width: auto; max-width: 100%;}
.huiyuan-r-bj .loginbox{ width: 300px; margin-top: 30px;}
.jiarulinggan .hydlk select{ border: 0;}
.jiarulinggan .hydlk{display: flex; justify-content: space-between; align-items: center;}
.jiarulinggan .hydlk .login-label{ width: 60px; text-align: center; font-size: 16px; line-height: 16px;}
.jiarulinggan .hydlk .xm-cpyd{ width: calc(100% - 60px); line-height: 30px;}
.jiarulinggan .hyjzw{ padding: 10px 0 20px;}
.huiyuan-r-xm{border-top: 1px solid var(--color-f4); margin-top: 10px; padding-top: 20px; color: #000; }
.huiyuan-r-xz{ margin-top: 20px; color: #000; }
.huiyuan-r-xz li{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #d8d8d8; padding: 7px 10px;font-size: 12px;}
.huiyuan-r-xz li p{ width: 30%; color: #666; }
.huiyuan-r-xz li a{ width: 30%; color: #666;}
.huiyuan-r-xz li:nth-child(1) p,.huiyuan-r-xz li:nth-child(1) a{ color: #000; font-weight: bold;}
.huiyuan-r-xz li a:hover{ color: var(--color-hs);}
.huiyuan-r-xz li a img{ max-width: 100px;}
.huiyuan-r-xzk .hydlk{ display: flex; justify-content: space-between; padding-top: 10px;}
.huiyuan-r-xzk .hydlk .xm-cpyd{ width: 49.5%;}
.huiyuan-sc-t{ display: flex; margin-top: 46px; justify-content: center;}
.huiyuan-sc-t a:nth-child(1){ margin-right: 35px;}
.huiyuan-sc-t a{ font-size: 24px;color: #999; line-height: 24px;}
.huiyuan-sc-t a span{ color: #999; padding-left: 5px;}
#dqxz{ color: #000;}
#dqxz span{ color: #000;}
.huiyuan-sc-t a:hover,.huiyuan-sc-t a:hover span{color: #f04b45;}
.huiyuan-wjj{ display: flex; justify-content: space-between; flex-wrap: wrap;position: relative;}
.huiyuan-wjj li{ width: 24%; position: relative; margin-bottom: 35px; transition: all 0.5s; overflow: hidden;border-radius: 8px; border: 1px solid #f6f6f6;}
.huiyuan-wjj li img{ width: 100%;}
.huiyuan-wjj-x{ display: flex; justify-content: space-between; align-items: center; font-size: 14px; padding: 7px 30px; background: #f6f6f6;transition: all 0.5s; position: absolute; width: 100%; bottom: 0;}
.huiyuan-wjj-x::after{position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: #f04b45; content: '';transition: all 0.5s; z-index: 0;}
.huiyuan-wjj-x div{display: flex;align-items: center; position: relative; z-index: 10;}
.huiyuan-wjj-x p{position: relative; z-index: 10;}
.huiyuan-wjj-x div i{ padding-right: 5px; font-size: 21px; color: #666;transition: all 0.5s;}
.huiyuan-wjj li:last-of-type{ width: 23%; height: 0; overflow: hidden; border: 0;}
.huiyuan-wjj:after{width: 23%; height: 0; content: '';}
.huiyuan-wjj li:hover{ transform: translateY(-10px);}
.huiyuan-wjj li:hover .huiyuan-wjj-x::after{ color:var(--color-bs); background: #f04b45;height: 100%;}
.huiyuan-wjj li:hover .huiyuan-wjj-x p,.huiyuan-wjj li:hover .huiyuan-wjj-x div i,.huiyuan-wjj li:hover .huiyuan-wjj-x div span{ color:var(--color-bs);}
.huiyuan-wjj-bj{position: absolute; top: 15px; right:15px;transition: all 0.5s; opacity: 0;}
.huiyuan-wjj-bj i{width: 35px; height: 35px; text-align: center; line-height: 35px; background:Rgba(0, 0, 0, 0.5);border-radius: 10px; display: block; font-size: 30px; color:var(--color-bs);transition: all 0.5s;}
.huiyuan-wjj-bj-nr{ display: none; position: absolute; right: 0; top: 35px;}
.huiyuan-wjj-bj-nr a{ display: block; font-size: 12px; line-height: 29px; text-align: center;}
.huiyuan-wjj-bj-nr a:nth-child(1){ border-bottom: 1px solid var(--color-f4);}
.huiyuan-wjj li:hover .huiyuan-wjj-bj{ opacity: 1;}
.huiyuan-wjj-bj:hover{ cursor: pointer;}
.huiyuan-wjj-bj:hover i{ background: Rgba(0, 0, 0, 1);}
.huiyuan-wjj-bj:hover .huiyuan-wjj-bj-nr{ display: block; background:var(--color-bs); padding: 5px 0; width: 60px;  border-radius: 3px; border: 1px solid var(--color-f1);}
.huiyuan-wjj-bj .huiyuan-wjj-bj-nr a:hover{ color: #f04b45;}
.huiyuan-wjj-tj{ text-align: center;}
.huiyuan-wjj-tj u{ display: block; }
.huiyuan-wjj-tj i{ font-size: calc(20px + 2vw);color: #e4e5e7; padding-top: 20%; display: block;}
.huiyuan-wjj-tj a{ display: block; height: 100%; border: 5px solid #e4e5e7;}
.huiyuan-wjj-tj a:hover i{ color: #f04b45;}
.denglu-sc{ display: flex; justify-content: space-between;}
.denglu-sc-l{ width: 50%; background: var(--color-f4); padding: 15px 25px; display: flex; align-items: center;}
.denglu-sc-r{ width: 50%; padding: 50px 30px;}
.denglu-sc-l img{ width: 100%;}
.denglu-sc-cj {display: flex;color:var(--color-666); font-size: 12px;margin-top: 15px;}
.denglu-sc-cj a{ color: var(--color-666); font-size: 12px; display: block;  padding: 0 4px;}
.denglu-sc-cj a:hover{color: var(--color-333);}
.denglu-sc-cj a:nth-child(1){ padding:0 25px 0 0;}
.denglu-sc-r .denglu-t{border-bottom: 1px solid #d8d8d8;}
.denglu-sc-r .xm-cpyd{ margin-top: 20px;}
#spotlight .scene img{ width: 100% !important; height: 100vh !important; object-fit: cover; max-height: none !important;}
.page{padding-top:20px; padding-bottom:50px;width: 100%; background: var(--color-f4);}
.page ul{position:relative; padding-bottom:12px; display: flex; justify-content: center;}
.page ul li{position:relative;  margin-right:4px; text-align:center; }
.page ul li a{display:block;color:var(--color-666);width:30px; height:30px; line-height:30px; text-align:center; border: 1px solid #e1e1e1;transition: 1s;}
.page ul li a:hover{background:var(--color-666);color:var(--color-bs);width:30px; height:30px; line-height:30px; text-align:center; display:block;border: 1px solid var(--color-666);transition: 1s;}
#page-dq{ background:var(--color-666);}
#page-dq a{color:var(--color-bs);border: 1px solid var(--color-666);}
#page-dq a:hover{background: none;}
.page ul li:first-of-type a i{transform:rotate(-180deg); display: block;}
.xjxmqy{ display: flex;color: var(--color-666); font-size: 12px;margin:15px 0 0 10px;}
.xjxmqy .newcate:nth-child(1){ margin-right: 15px;}
.xjxmqy .newcate:nth-child(2) a{color: var(--color-666); padding: 0 4px 0 0;}
.xjxmqy .newcate:nth-child(2) a:hover{color: var(--color-333);}
.cplbindex,.tdwjl{ padding-top: 130px;padding-bottom: 5px;}
.mbx{ text-transform: uppercase; font-size: 12px; color: #b6b6b6; display: flex; margin-bottom: 5px;}
.mbx a{ color: #b6b6b6; margin: 0 4px;}
.mbx a:hover{color: #333;}
.mbx a:nth-child(1){ margin-left: 0;}
.cpxqw{ padding-top: 13px; overflow: hidden;}
.tdw{padding-top: 100px; border-bottom: 1px solid var(--color-f4); padding-bottom: 12px;}
.cplb-cd .cnxh-bt{ margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-start;}
.cplb-cd .cnxh-bt a{ font-size: 14px; background: #e4e5e7; border-radius: 10px; padding: 6px 22px; display: block; color: #000;transition: all 0.5s;}
.cplb-cd .cnxh-bt a:hover{ background: var(--color-333); color:var(--color-bs);}
.cnxh-bt {font-size: 30px;}
.linggan-xm-lb {margin-top: 30px;}
.cptj{font-family: Arial, Helvetica, sans-serif; font-size: 24px; text-align: center; margin-top: 25px;}
.cptj a:hover{ color: var(--color-666);}
.str_wrap{overflow:hidden;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;white-space:nowrap;}
.str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move;}
.str_move_clone{display:inline-block;vertical-align:top;position:absolute;left:100%;top:0;}
.str_vertical .str_move_clone{left:0;top:100%;}
.str_down .str_move_clone{left:0;bottom:100%;}
.str_vertical .str_move,
.str_down .str_move{white-space:normal;width:100%;}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{cursor:inherit;}
.str_wrap img{max-width:none !important;}
.cplb-cd-w{ align-items: center;}
.menun{ background: var(--color-f4); padding-top: 100px;}
.qdlbxhj{ padding-top: 20px; text-align: right;}
.qdlbxhj p{text-align: right;padding-right: 28px;}
.quyuding{ width: 100%;background: #ccc;padding: 10px 0;font-size: 12px;}
.quyuding_fixed{position:fixed;top:81px;z-index:888;}
.quyuding li{ color: var(--color-bs); padding-right: 15px; cursor: pointer;}
.quyuding li:hover{color: var(--color-f4);}
.quyuding li:last-child{padding-right: 0;}



@media screen and (max-width: 1600px) {
    .huiyuan-sc,.huiyuan-sclb{ width:85.49%;}



}

@media screen and (max-width: 1500px) {
    .huiyuan-sc,.huiyuan-sclb{ width:85.45%;}



}



@media screen and (max-width: 1440px) {
    .header{ padding:0 6%;}
    .banner-z{ left: 6%;}
    .shouyebanquan{ right: 6%;}
    .fuwu-1{ padding:110px 6% 50px;}
    .cplbindex li{ margin-bottom: 13px;}
    .bannerwz b{ font-size: calc(20px + 1vw); line-height: calc(20px + 1.8vw);}
    .huiyuan-sc,.huiyuan-sclb{ width:91.9%; margin-left: 5%;}
    .linggan li{margin-right: 21px;margin-bottom: 21px;width: calc(100%/4 - 21.1px);}
    .xm-xq-w li:nth-child(1) img{ width: 40%;}
    .z-bt p{ font-size: var(--zhihao36);}
    .z-bt span{ font-size: var(--zhihao20);line-height: 27px;}
    .cplb ul li, .cplb-ok li{ width: 24%;}
    .xinghao dt{font-size: var(--zhihao16);}

}

@media screen and (max-width: 1355px) {
    .huiyuan-sc,.huiyuan-sclb{ width:91.8%; margin-left: 5%;}
    .linggan li{margin-right: 18px;margin-bottom: 18px;width: calc(100%/4 - 18.1px);}

}

@media screen and (max-width: 1024px) {
    .sjcd{ float:left;margin-right: 0.5rem; color:var(--color-bs);}
    #top .nav{display: none;}	
    #top{ min-width:inherit; transform: translateY(0%);background:var(--color-bs);overflow: hidden;position: fixed;top: 0;left: 0;z-index: 100;width: 100%; padding: 25px 3% 15px;box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 7%);}
    #top .logo{ padding-top: 0;}
    #top .logo a{display: block; font-size: var(--zhihao28);}
    #top .menu em{font-style:normal;padding-right: 13px;padding-top: 0;display: block;float: left;color:var(--color-999);}
    #top .menu span{ width: 2rem;float:right;padding-top: 1px;}
    #top .menu span i{ width: 100%;height:2px; display: block;background:var(--color-333); margin-bottom: 6px;}
    #top .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
    #top .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-12px);}
    #top .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0;filter:alpha(opacity=0); width: 0;}
    #top .menu span i:nth-of-type(3){ margin-bottom: 0;}
    #top .right{padding-top: 2px;}
    .top .nav{margin-left: 4%;}
    .top_hidden{ transform: translateY(-100%); opacity: 0;filter:alpha(opacity=0);}
    .hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0;filter:alpha(opacity=0); visibility: hidden;}
    .caidan{width: 60%; height: 100%;background:var(--color-bs); position: fixed; top: 0; right:0; z-index: 101; transform: translateX(100%); visibility: hidden; display: block;}
    .caidan .caidan_nav{ padding: 69px 0% 0; height: calc(100% - 40px);overflow-y: scroll;}
    .caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
    .caidan .caidan_nav ul>.menu_list_box_item:nth-child(1){border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px;}
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 5% 0 8%;display: block; font-size:14px;height:3rem;line-height:3rem; }
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{transform: rotate(90deg);}
    .caidan .caidan_nav ul>.menu_list_box_item .sjcd1{ padding: 0 5% 0 8%;display: block; font-size:14px;height:3rem;line-height:3rem; width: 60%;float: left;}
    .caidan .caidan_nav ul>.menu_list_box_item .sjcd2{width: 40%; float: right;}
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;filter:alpha(opacity=60);font-size:16px;pointer-events:none}
    .caidan.caidan_oppen{ transform: translateX(0%);z-index: 66; visibility: visible;}
    .caidan_hidden{transform: translateX(100%);}
    .caidan .caidan_nav ul .caidan_2box{width: 100%; padding:4% 8%; display: none; background: #f6f6f6;}
    .caidan .caidan_nav ul .caidan_2box li{height: 38px;line-height: 38px; border-top: 1px solid rgba(0,0,0,0.05);}
    .caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
    .caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
    .caidan .caidan_nav ul .caidan_2box li a{ font-size: 14px; display: block;}
    .zbsjdh{ padding: 20px 8% 0;}
    .zbsjdh a{ width: 49.5%;float: left;background:#f6f6f6;text-align: center;line-height: 36px;height: 36px;margin-right: 1%; color: #333;}
    .zbsjdh a:nth-child(2){ margin-right: 0;}
    .zz_bg_b{visibility: hidden;width: 100%;height: 100%;background: rgba(0,0,0,0.8);opacity: 0;filter:alpha(opacity=0); top: 0;left: 0;}
    .menu_list_b{z-index:9999;visibility:hidden;box-sizing:border-box;padding-top:0rem;background:var(--color-bs);transform:translateY(100%); width:100%; bottom: 0;left: 0; height: auto; overflow: hidden;}
    .menu_list_box_b{ overflow-y: scroll; flex-wrap: wrap; display: flex; justify-content: space-between;}
    .menu_list_b .menu_list_box_b>li{ width:50%; float: left; display:block;border-top:1px solid #eee;color:#333;font-size:1rem;position: relative;border-right: 1px solid #eee;box-sizing: border-box;text-align: center;}
    .menu_list_b .menu_list_box_b>li:nth-of-type(1){border-top: 0;}
    .menu_list_b .menu_list_box_b>li:nth-of-type(2){border-top: 0;}
    .menu_list_b .menu_list_box_b>li:nth-of-type(3){border-top: 0;}
    .menu_list_b .menu_list_box_b>li a{overflow: hidden;white-space: nowrap;text-overflow:ellipsis; display:block; width:100%;padding:10px 10px;font-size: 14px;}
    .menu_list_b .menu_list_box_b>li p{display:block; text-align: left; font-size: 14px;padding: 0 1rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .menu_list_b .menu_list_box_b>li.on{background: var(--color-f4);}
    .menu_list_b .menu_list_box_b>li.on a{color: #333;}
    .menu_list_b .u_l{display:none;}
    .menu_list_b .right .coll{width:100%; float: left; height: 70px; line-height: 70px; font-size: 20px; background: var(--color-666); color:var(--color-bs); text-align: center;}
    .indexbannersj{ padding-top: 69px;}
    .caidan .top-cd-nr{ margin-left: 0;}
    .top-cd-nr dt p{font-size: 14px; padding-right: 25px; line-height: 24px; width: 100%; border-bottom: 1px solid #ccc;margin-bottom: 10px; padding-bottom: 3px;}
    .top-cd-nr dt a{ font-size: 14px; color: var(--color-666); padding-left: 18px;line-height: 24px;position: relative;display: block;width: 24%;}
    .top-cd-nr dt a::after{position: absolute; width: 10px; height: 10px; border: 1px solid var(--color-999); content: ''; left: 0; top: 6px;transition: all 0.5s ease;}
    .top-cd-nr dt a:hover::after{background: var(--color-999);}
    .top-cd-nr dt a.active::after{background: var(--color-999);}
    .caidan .top-cd-nr dt{ flex-wrap: wrap;justify-content: normal;}
    .top-cd-nr dt a:nth-last-child(-n+2){ padding: 0; border: 0; margin: 0; height: 0;}
    .top-cd-nr dt a:nth-last-child(-n+2)::after{ display: none;}
    .top-cd-nr dt:nth-child(2){ margin-top: 15px;}
    .zbsjdh{ padding: 20px 8% 0;}
    .zbsjdh a{ width: 49.5%;float: left;background:#f6f6f6;text-align: center;line-height: 36px;height: 36px;margin-right: 1%; color: #333;}
    .zbsjdh a:nth-child(2){ margin-right: 0;}
    footer dl dd li:nth-child(1){margin-right: 45px;}
    .cplb ul li, .cplb-ok li{ width: 32.5%;margin-bottom: 13px;}
    .page{ padding-top: 0;}
    .z-bt span{font-size: var(--zhihao18);}
    .z-bt p {font-size: var(--zhihao30);}
    .linggan-xm-lb a dd li:nth-child(1),.linggan-xm-lb a dd li:nth-child(2){ display: none;}
}

@media screen and (max-width: 820px) {
    .shoufooter .shouyebanquan{ right: auto; width: 100%; text-align: center; bottom: 30px;}
    .cplb ul li, .cplb-ok li{ width: 48.5%;margin-bottom: 25px;}
    .cpxq-ok-l,.cpxq-ok-r{ width: 100%;}
    .cpcjgd{ margin-top: 40px;}
    .cpsjcs{ background: Rgba(0, 0, 0, 0.5);line-height: 16px; border-radius: 5px 0 0 5px; width: 33px;  z-index: 111; position: fixed; right:0; top: 18%; color: var(--color-bs); padding: 15px 10px;}
    .cpsjcs img{ width: auto; max-width: 100%; display: block; margin: 9px 0 0 3px;}
    .cpxq-ok-ro{ background: var(--color-bs);overflow: hidden; border: none; padding:18px 18px 23px !important;margin-top: 15px;}
    .cpxqw{ background: var(--color-f4);padding-top: 20px;}
    .cpcshc{ transform: translateX(0);transition: all 0.5s ease;}
    .cpxq-ok{ flex-wrap: wrap;}
    .cpxq-ok-l-nr{ background: var(--color-bs);border-radius: 10px; padding: 18px; margin-top: 15px;}
    .cpcjgd{border-radius: 10px;margin-top: 15px; margin-bottom: 30px;}
    .cpxqxtgd{ margin-top: 5px;}
    .cplbindex,.tdwjl,.tdw{ padding-top: 83px;}
    .cplbindex li:nth-child(1){ width: 49%;}
    .cplbindex li:nth-child(2){ width: 49%;}
    .cplbindex li:nth-child(3){ width: 100%;}
    .cplbindex li a p{top:16px;left:16px;}
    .nydibu{padding: 26px 0 26px;}
    .cplb-ok li{ width: 32%;}
    .cplb-cdsj-w-xj{ display: flex; justify-content: space-between;  margin-top: 15px; align-items: center;}
    .cplb-cd .cnxh-bt{ margin-top: 0;}
    .menu_b{ font-size: 16px;}
    .huiyuan-r,.title .z-bt,.title .fw-t{ width: 100%;}
    .huiyuan-l,footer dl dt{ display: none;}
    .menu-nr{ padding-bottom: 10px; padding-top: 10px;}
    .page ul{ padding-bottom: 0;}
    .fuwu-3-3 li{ width: 49%; background: var(--color-bs); margin-bottom: 10px; border-radius: 10px;}
    .z-bt p{ font-size: var(--zhihao30); line-height: var(--zhihao36);}
    .z-bt span{ font-size: var(--zhihao16); line-height: var(--zhihao24);padding-top: 10px;}
    .title .z-bt{ text-align: center;}
    .floor3-container .item{ height: auto; padding-bottom: 60px;}
    .fuwu-2{ padding-top: 60px;}
    .title .fw-t,.fuwu-1 dl dd{ padding-top: 25px;}
    .fuwu-1{padding: 120px 6% 60px;}
    .linggan-xm-xq{ flex-wrap: wrap;}
    .linggan-xm-xq-l,.linggan-xm-xq-r{ width: 100%;}
    #top{padding: 25px 4% 15px;}
    .fuwu-3-3 li:last-of-type{ margin-bottom: 0;}
    .cpxq-ok-l{ position: relative;}

}


@media screen and (max-width: 640px) {
    .linggan li{margin-right: 18px;margin-bottom: 18px;width: calc(100%/2 - 18.1px);}
    .caidan{width: 100%;}
    .cplbindex li:nth-child(4),.cplbindex li:nth-child(5){ width: 49%; margin-bottom: 13px;}
    .cplbindex li:nth-child(6),.cplbindex li:nth-child(7){ width: 49%;}
    .cplbindex,.tdwjl,.tdw{ padding-top: 85px;}
    .cplb-ok li{ width: 49%;}
    .banner{ height: auto;}
    .shoufooter .shouyebanquan{ position: static; padding: 15px 15px;}
    .menun{ padding-top: 80px;}
    footer dl dd li:nth-child(1){display: none;}
    .xinghao dd{ display: none;}
    .xinghao dt,.menu-l{ font-size: var(--zhihao16);}
    .xinghao dt{ width: 100%; height: auto;}
    .cplb ul li, .cplb-ok li{ margin-bottom: 12px;}
    footer dl,.feixiang{ justify-content: center !important;}
    .fuwu-3-3 li{ width: 100%;}
    .fuwu-3-3 li span{ padding: 10px 15px 0;}
    .fuwu-1 dl dt,.fuwu-1 dl dd{ width: 100%;}
    .z-bt p{ font-size: var(--zhihao24); line-height: var(--zhihao30);}
    .fuwu-3{ padding: 50px 0;}
    .fuwu-3-tgd{ padding-top: 30px;}
    .fuwu-3-3{ padding-bottom: 0; padding-top: 0;}
    .denglu-ok{ width: 94%;padding: 25px 15px;}
    .xjxmqy,.linggan-xm-lb a{ flex-wrap: wrap;}
    .xjxmqy .newcate:nth-child(1){ width: 100%;}
    .denglu-t h2{ font-size: 22px;}
    .cnxh-bt{ font-size: var(--zhihao24);}
    .cplb-cd .cnxh-bt{ align-items: center;}
    .linggan-xm-lb a dt,.linggan-xm-lb a dd{ width: 100%;}
    .linggan-xm-lb a dd li:nth-child(1),.linggan-xm-lb a dd li:nth-child(2){ display: none;}
    .linggan-xm-lb ul:hover dd{ transform: translateX(0);}
    .linggan-xm-lb ul{ padding: 15px; position: relative;}
    .linggan-xm-lb a dd{justify-content: space-between; margin-top: 20px;}
    .linggan-xm-lb a dd li:nth-child(5) p{ font-size: 22px;}
    .denglu-quyu-r{ position: absolute; right: 30px; z-index: 10;}
    .qty-box{ width: 50px;}
    .join_list li article ul:nth-child(1) li:nth-child(3),.join_list li article ul:nth-child(1) li:nth-child(5),.xm-xq-w li:nth-child(3),.xm-xq-w li:nth-child(5){ display: none;}
    .xm-xq-w li:nth-child(1),.join_list li article ul:nth-child(1) li:nth-child(1){ width: 65%;}
    .xm-xq-w li:nth-child(1) img{ margin: 0;}
    .cplb-cd .cnxh-bt p{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;width: 55%;font-size: 22px;}
    .xm-xq-t .denglu-quyu-r{ right: 10px;}
    .dlkyzm{ height: 33px; margin-top: 3px;}
    .huiyuan-r-bj .loginbox{ width: 100%; margin-top: 20px; margin-bottom: 15px;}
    .login-label{ text-align: left !important;}
    .cpxq-ok-r-3{ margin-top: 10px;}
    .quyuding_fixed{top: 69px;}
    .page{padding-top: 20px;}
    .top-cd-nr dt a{ width: auto;margin-right: 13px;line-height: 26px; height: 26px;}
}