@charset "utf-8";*{box-sizing: border-box;}body{font-family:Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:14px;color:#333;}div,img,figure{margin:0;padding:0;border:0;}a{color:#222222;text-decoration:none;}a:hover{opacity: 0.7;transition: all 0.4s}.red{color:red}.container{margin:0 auto;position:relative;padding: 0 10px;}header {border-bottom: 1px solid #dadada}header nav{display: flex;justify-content: space-between}header nav .logo{margin: 10px 0 5px 8px}header nav .logo a{display: flex;justify-content: space-between}header nav .logo a > div{margin-left: 10px}header nav .logo h1{margin: 5px 0 0;font-size: 17px}header nav .logo a > div > div{color: #999;font-size: 13px;}@media (min-width:1153px) {    .container{width:1153px;}}@media (min-width:768px) {    header nav .navCon ul{display: flex;margin: 10px 20px 0;padding: 0}    header nav .navCon li{list-style: none;}    header nav .navCon li a{padding: 18px 10px;height: 52px;display: block;position: relative;top:2px;margin: 0 5px}    header nav .navCon li a.current{position: relative;border-bottom: 1px solid #b3b3b3}    header nav .navCon li a.current:before{background-image: linear-gradient(0deg, #dadada, #ffffff);width: 1px;height:100%;content: '';display: block;position: absolute;left: 0;top:0}    header nav .navCon li a.current:after{background-image: linear-gradient(0deg, #dadada, #ffffff);width: 1px;height:100%;content: '';display: block;position: absolute;right: 0;top:0}}@media (min-width:1154px) {    main{width:1154px;}}header nav .btn{display: none}main{margin:0 auto;padding: 0 10px;background: #fff;border-radius: 17px;}main .container{width:100%;}.mainCon > ul{margin: 20px 0 0;padding: 0;}.mainCon .item{list-style: none;margin-bottom: 20px;padding-bottom:20px;border-bottom: 1px solid #dddddd}.mainCon .item .head .left{display: flex}.mainCon .item .head .left figure img{border: 1px solid #ccc;border-radius: 50%;width: 37px;}.mainCon .item .head .left .right{padding-left: 10px}.mainCon .item .head .left .right h3{margin: 2px 0 0;font-size: 14px}.mainCon .item .head .left .right h3 a{color: #333 }.mainCon .item .head .left .right span{font-size: 13px;}.mainCon .item .head .left .right span a{color: #999}.mainCon .item .con > figure {margin-bottom: 10px}.mainCon .item .con > figure img{width: 100%;}.mainCon .item .con video{margin-bottom: 10px}.mainCon .item .con .link{display: flex;border: 1px solid #ddd;padding: 12px;border-radius: 7px;background: #fafafa}.mainCon .item .con .link img{width: 80px;height: 80px;float: left}.mainCon .item .con .link .right{padding-left: 13px;}.mainCon .item .con .link .right .url a{font-size: 12px;color: #999}.mainCon .item .con .link .right h4{ font-size: 18px;margin: 5px 0 3px;}.mainCon .item .con .link .right h4 a{ color: #0787ff}.mainCon .item .con .link .right p{margin: 0}.mainCon .item ul{margin-bottom: 15px;}.mainCon .item a{color: #0787ff}#businessList .list {display: flex;flex-wrap: wrap;margin: 25px 13px 10px}#businessList .list .listItem{width: 50%;list-style: none;display: flex;border-bottom: 1px solid #eee;margin-bottom: 15px;padding-bottom: 15px}#businessList .list .listItem figure img{border: 1px solid #ccc;border-radius: 50%;width: 37px;}#businessList .list .listItem .right{padding-left: 10px}#businessList .list .listItem .right h3{margin: 2px 0 0;font-size: 14px}#businessList .list .listItem .right span{font-size: 13px;}#businessList .list .listItem .right span a{color: #999}#businessHome .listHead > figure{height: 400px;overflow: hidden;position: relative;}#businessHome .listHead > figure img{min-width: 100%;min-height: 100%;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 0}#businessHome .listHead .con {display: flex;justify-content: space-between;position: relative;top:-35px;z-index: 1;height:60px;margin: 0 15px}#businessHome .listHead .con:after{border-bottom: 1px solid #ddd;display: block;content: "";position: absolute;top:90px;width: calc(100% + 30px);left: -15px;}#businessHome .listHead .con .left{display: flex;justify-content: space-between}#businessHome .listHead .con .left figure img{border: 1px solid #ccc;border-radius: 50%;width: 70px;}#businessHome .listHead .con .left .right{padding-left: 10px}#businessHome .listHead .con .left .right h2{margin: 13px 0 0;font-size: 16px;color: #fff;text-shadow: 1px 1px 1px #333}#businessHome .listHead .con .left .right span{font-size: 15px;margin-top: 11px;display: block}#businessHome .listHead .con .right a{background: #fff;display: block;padding: 5px;margin-top: 18px;border-radius: 5px;;border: 1px solid #ccc;}#businessHome .listHead .con .right a:hover{opacity: 1}#businessHome .listHead .con .right a img{width: 18px}#businessHome ul li:last-child{border: none}#sitemapList {margin: 20px auto;    padding: 0 10px;}#sitemapList ul{padding: 0;margin: 0;display: flex;flex-wrap: wrap}#sitemapList li{list-style: none;width: 50%;border-bottom:1px solid #eee;padding-top: 15px;padding-bottom: 15px}#businessDetails .item{border-bottom: none}#businessDetails .item .btn{background: url("../media/backBtn.webp");width: 138px;height: 40px;display: block;line-height: 40px;padding-left: 35px;margin-top: 20px}.links ul{margin: 0 10px 25px;padding:0;display: flex;flex-wrap: wrap}.links ul li{margin-left: 30px;}.links ul li a{padding: 8px 0;display: inline-block}footer{margin-bottom: 50px!important;font-size: 13px}footer .box{display: flex;justify-content: space-between;padding-top: 15px;border-top: 1px solid #ddd;margin: 5px 10px}footer .left{display: flex;}footer .left .copyright{margin-left: 10px;}footer .left nav ul{padding: 0;margin: 0;margin-left: 20px;display: flex}footer .left nav li{list-style: none;}footer .left nav li a{width: 21px;height: 21px;background-repeat:no-repeat;display: block;margin-left: 10px; }footer .left nav li a.threads{background-image: url("../media/threads.webp")}footer .right nav ul{display: flex;padding: 0;margin: 0}footer .right nav li{list-style: none;}footer .right nav li a{padding: 0 5px;margin: 0 5px}.page404Box{text-align: center;margin: 150px auto 150px}.margin2030{margin:20px 0 30px}@media (min-width:768px) and (max-width: 1153px){    main{margin: 0}    .mainCon > ul{margin: 15px 3px 0;}}@media (max-width:767px){    .container{width:100%;}    header nav .logo{margin-left: 0}    header nav .logo h1{font-size:14px }    header nav .logo a > div > div{font-size: 12px;margin-top: 1px}    header nav .logo img{width: 34px;}    header nav .logo h1{    margin: 2px 0 0;}    header .btn{display: block!important;width: 30px;margin-top: 10px;}    header .btn div{height: 4px;margin-top: 6px;transition: 0.3s}    header .btn .line1{background: #29abe2}    header .btn .line2{background: #29abe2}    header .btn .line3{background: #29abe2}    header .btn.active .line1{transform-origin: 1px 6px;transform: rotate(45deg)}    header .btn.active .line3{transform-origin: 3px -1px;transform: rotate(-45deg)}    header .btn.active .line2{scale: 0}    header .navCon.active{display: block;transform: scaleY(1);        max-height: 100vh;}    header .navCon{position: absolute!important;top:45px;right:10px;box-shadow: 0 0 5px 0px #ccc;        transition: all 0.3s;        transform: scaleY(0);        max-height: 0;        height: auto!important;        transform-origin: top;z-index: 10;    }    header nav .navCon{margin-top: 5px}    header .navCon ul{display: block!important;margin: 0;padding: 15px 0;background: #fff;}    header nav .navCon li{padding: 5px;list-style: none}    header nav .navCon li a{padding: 7px 20px;margin: 0;display: block}    header nav .navCon li a.current{border: none;}    main{margin:  0 7px}    .home main,.details main,.business main,.sitemap main{        margin: 0;    }    #sitemapList {        margin: 10px auto;    }    .mainCon > ul{margin: 15px 3px 0;}    .mainCon .item .head .left figure img{width: 30px;}    .mainCon .item .head .left .right h3{font-size: 12px;}    .mainCon .item .head .left .right span{font-size: 12px;}    .mainCon.container{padding: 0 3px}    .mainCon .item .con .link img{display: none}    .mainCon .item .con .link .right{padding-left: 0}    #businessList .list .listItem{width: 100%;}    #businessList .list .listItem:last-child{border: none;border-bottom: 0;margin-bottom: 0}    #businessDetails .item{margin-bottom: 5px}    #businessHome .item:last-child{margin-bottom:5px}    #businessHome .listHead > figure{ margin: 0 -10px;height: 120px}    #businessHome .listHead .con{margin: 0;}    #businessHome .listHead .con .left figure img{display: none}    #businessHome .listHead .con .left .right{padding-left: 0;}    #businessHome .listHead .con .left .right h2{    font-size: 14px;}    #businessHome .listHead .con:after{top: 75px;}    #businessHome .listHead .con{height: 45px;}    #businessHome .listHead .con:after {        width: calc(100% + 18px);        left: -8px;    }    footer .box {        margin: 5px 7px;    }    #sitemapList li{width:100%}    .links ul{margin-left: 0;}    .links.container{padding: 0}    footer .box{display: block}    footer .left nav ul{margin-left: 0}    footer .right {padding:10px 3px}    footer .right nav ul{flex-wrap: wrap;}    footer .right nav ul a{line-height: 1.7;margin:0;padding: 0 7px;}}