@charset "UTF-8";
a{text-decoration:none;}body{font-size: 14px;max-width:1500px;margin:0 auto;}li{list-style-type:none;}ul,ol{padding-left: 0;}
.header{background: rgba(0,0,0,.88);position: sticky;top: 0;z-index: 99999;}.fs-7{font-size: .875rem!important;}.w-40{width: 40%;}.w-60{width: 60%;}.w-45{width: 45%;}.w-55{width: 55%;}
.header .navbar-brand{margin-right: 5%;padding-left: 5%;}.bi{padding-right: .5rem;color:#0077b4;}
.navbar-expand-lg .navbar-nav .nav-link{padding-left: 1.5rem;padding-right: 1rem;font-size: 16px;}.header .navbar-nav{border-color:#0077b4;}.header .text-light{padding-right: 2rem;}
.header .navbar-brand img {height: 80px;}
.navbar-toggler {padding: 0.1rem .5rem;}
@media (min-width: 1200px){.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;}}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border: none;}.navbar-brand,.navbar{padding: 0}.bg-light{--bs-bg-opacity: 0;}
.catalogue .remove{font-size:18px;color:#ee0000;margin:5px;position:absolute;top:0px;left:5px;display: none;font-weight: 700;}
.catalogue{display:flex;position: fixed;bottom:150px;right: 1px;border-radius: 5px 0 0 5px;z-index: 2147483647;align-items: center;}
.catalist{margin-bottom: 0;position:absolute;right: 100%;width: 0px;overflow: hidden;transition:0.5s;padding:5px 15px 5px 0px;z-index: 2147483647;}
.catalogue .catalist.hover{width:140px;border-radius:4px 0 0 4px;border: 1px #ddd solid;background: #fff;}.catalogue .catalist.hover .remove{display:block;}
.catatitle{color:#fff;width:50px;height: 50px;line-height: 50px;border-radius: 50%;background: #0077b4;text-align: center;} 
.catalist li {text-align: right;overflow: hidden;line-height: 28px;height: 28px;}
.catalist li a {color:#333;text-decoration:none;display: inline-block;font-size: 14px;cursor: pointer;}
.catalist li a:hover, .catalist li.current a{text-decoration: underline;color:#0077b4;}
.position{padding: 10px 0px;width: 100%;}.position a{color: #333;}.telephone{color:#0077b4;}
/*首页*/
.home-about,.home-quality,.home-service,.cases,.home-plan,.company,.designer,.news {width: 100%;overflow: hidden;}.cases, .designer{padding-bottom:30px;}.more{color: #fff;display: block;margin:0 auto;width: 200px;padding:0.8rem;background: #0077b4;text-align: center;}.more:hover{color: #fff;}
.banner{width: 100%;}.home-plan{width: 100%;background: #2f3133;padding:25px 0px;}.plan-title{font-size: 32px;font-weight: bold;color: #eee;}
.home-plan .des {padding: 5px 0px;font-size: 16px;line-height: 26px;color: #eee;margin-bottom:10px;}.home-plan .layui-form input{width: 100%;height: 50px;padding-left: 60px;border:none;}.home-plan .layui-form .button input{padding-left: 0;color: #fff;background: #0077b4;}
.home-plan .row .in{position:relative;}.home-plan .row .in .bi {position: absolute;top: .4rem;left: 1.8rem;font-size: 1.5rem;}.home-plan .row .in .bi-person-fill-add{font-size: 1.6rem;}
.cases{width: 100%;overflow: hidden;padding-top: 30px; background: #2f3133;}
.home-tit{ text-align: center;}
.home-tit b{ display: block; font-size: 30px; line-height:1.4; color: #fff; font-weight:bold;} 
.home-tit b i{ color: #0077b4; line-height:50px; display: inline-block; vertical-align: middle; font-style:normal;}
.home-tit b em{ font-style: normal;}
.home-tit p{ margin-top: 10px; position: relative;}
.home-tit p span{ position: relative; font-size: 16px; color: #999999; text-transform: uppercase;}
.home-tit p span:before,
.home-tit p span:after{ content: ""; position: absolute; top:50%; width: 270px; height: 1px; background: #999999;}
.home-tit p span:before{ left:-300px;}
.home-tit p span:after{ right:-300px;}
.home-tit b .number-animate .number-animate-dom{ width:22px; line-height:50px;}
.home-tit b .number-animate{font-size: 36px;}
.home-tit b .number-animate .number-animate-dom span, 
.home-tit b .number-animate .number-animate-dot span{ height: 50px;} 
.tabs{background: #0077b4;padding-top:1.5rem;padding-bottom: 1rem;margin-bottom:10px;}.tabs ul{text-align: center;margin-bottom: 0;}
.tabs .col-6{text-align: center;}  .tabs h3{background: #0077b4;color: #fff;font-size:1.5rem;margin-bottom:0.3rem;}.cases .tabs .tab{padding: 0.3rem 0.8rem;color: #fff;display: inline-block;}
.company{padding:2rem .5rem;}.video video {width: 100%;}.company h2{padding-top: 1rem;}
.caselist ul li.col-md-3, .caselist ul li.col-md-4{padding: 0px 5px;margin-bottom: 10px;}
.caselist ul.row{--bs-gutter-x: 0.5rem;}
.caselist ul li a.picture {width: 100%;height: 0;padding-top: 67%;position: relative;overflow: hidden;display: block;}
.caselist .picture img {position: absolute;top: 0px;object-fit: cover;width: 100%;}
.casedetail{background: #424242;color: #ddd;padding: 10px;}.casedetail:hover{background: #0077b4;}
.casedetail a {color: #ddd;font-size: 16px;height: 40px;line-height: 40px;padding-left: 5px;padding-right: 5px;text-align: center;text-decoration: none;display: block;width: 100%;overflow: hidden;}
.tags{padding: 10px 0px;}.tags li em {font-style: normal;}.tags li span {display: block;}.tags li {font-size: 14px;text-align: center;}
.tags li:nth-child(2),.tags li:nth-child(3){border-left: 1px solid #c2c2c2;}.tags .bi{padding-right: 5px;color: #0077b4;}

.home-about .row,.caselist .tags.row,.cases .tabs.row,.wenda .row,.related .row{--bs-gutter-x: 0;}
.home-about .theme {width: 100%;overflow: hidden;padding-top: 1px;position: relative;text-align: center;margin-top: 25px;}
.home-about .theme span {font-size: 30px;line-height: 1.4;color: #333333;font-weight: bold;position: absolute;top: 0;left: 0;width: 100%;padding-top: 25px;}
.home-about .theme p {color: #ececec;font-size: 72px;line-height: 72px;text-transform: uppercase;}
.home-about .content .left {background: linear-gradient(to right, #fff 0%,#fff 50%,#0077b4 51%,#0077b4 100%);margin: 0;position: relative;cursor: pointer;}
.home-about .content .left img{width: 100%;}
.home-about .content .left .text {position: absolute;top: 60%;left: 0;width: 100%;margin-top: -35px;text-align: center;}
.home-about .content .left .text p {margin-top: 15px;font-size: 16px;color: rgba(255,255,255,.6);}
.home-about .content .right {padding: 1.2rem 2rem;color: #FFFFFF;background: #0077b4;}
.home-about .content .right span {font-size: 22px;line-height: 30px;position: relative;display: block;padding-bottom: 28px;font-weight: bold;}
.home-about .content .right p {border-top: 4px solid #fff;padding-top: 20px;font-size: 18px;margin-bottom: 0;}.advantage{margin-top: 20px;}
.home-about .box {padding-bottom: 15px;background: #0077b4;color: #FFFFFF;text-align: center;border: 1px solid #0077b4;display: flex; flex-direction: column;justify-content: center;}
.home-about .box .tit {display: block;font-size: 24px;font-weight: bold;}.home-about .box .tit span {font-size: 60px;}.home-about .box .des {font-size: 14px;line-height: 30px;}
.advantage li {border: 1px solid #c1c1c1;}.home-about .advantage li .item {display: block;text-align: center;color: #333;}
.home-about .advantage li .item .img img{height: 80px;}.home-about .advantage li .item .img .default {position: absolute;top: 0;left: 0;}
.home-about .advantage li .item .img .hover {transform: rotateY(180deg);-webkit-transform: rotateY(180deg);opacity: 0;}
.home-about .advantage li .item .tit {font-weight: bold;color: #333;font-size: 18px;}
.home-about .advantage li .item .des {margin-top: 15px;line-height: 26px;font-size: 14px;}.home-about .advantage li .item .des p{margin-bottom: 0;}
.home-quality {background-image: url(https://www.tsshzh.com/Public/images/home_quality_bg.jpg);background-size: cover;padding: 2rem 0;}
.home-quality .home-tit b{ color: #FFFFFF;}.home-quality .content{ margin-top: 10px;display: flex;align-items: center;}
.home-quality .tab{float: left;  color:#FFFFFF; cursor: pointer;}.home-quality .tab a{ display: block; padding:10px 0 10px 60px; position: relative; color:#FFFFFF;}
.home-quality .tab a:before{ content: ""; position: absolute; top:50%; left:0; width: 45px; height: 1px; background: #FFFFFF;}
.home-quality .tab a i{ font-style:normal; font-size: 20px; font-weight: bold;}.home-quality .tab a p{ margin-top: 5px;margin-bottom: 0px}.home-quality .tab a.active{ background:#0077b4;}
.home-quality .tab a.active:after{ content: ""; position: absolute; top:0; right:100%; width: 400%; height: 100%; background: #0077b4;}
.home-quality .box-con{ display: none;}.home-quality .box-con.active{ display: block;}.home-quality .box-content img{width: 100%;}.home-quality .video-button{ position:relative; cursor: pointer;}
.home-quality .video-button:after{ content: ""; position: absolute; top:0; left:0; background:rgba(0,0,0,.2); z-index: 0; width: 100%; height: 100%;}
.home-quality .video-button .con{ position: absolute; top:50%; margin-top: -35px; left:0; width: 100%; text-align: center; color: #FFFFFF; z-index: 1;}
.home-quality .video-button .con span{ display: inline-block; width: 50px; height:50px; background: url(../images/ico_play.png);}
.home-quality .video-button .con p{ margin-top: 15px; font-size: 22px;}.home-quality .tec-item-button{ position:relative;}
.home-quality .tec-item-button .text{ position: absolute; bottom:0; left:0; width: 100%; padding: 15px 35px; background: rgba(0,0,0,.5); color: #FFFFFF;}
.home-quality .tec-item-button .text span{ font-size: 18px;}.home-quality .tec-item-button .text p{ display: none;}
.home-quality .right .box:first-child{ margin-bottom:4%;}.home-quality .right .video-button .con p{ font-size: 18px;}
/*HOME-SERVICE*/
.home-service{ padding-top: 35px;}
.home-service .theme span{ font-size: 32px; color: #333333; }
.home-service .theme a{ float: right; margin-top: 15px; font-size: 16px; color:#FFFFFF; background: #0077b4; display: inline-block; padding: 0 25px; line-height: 40px;}
.home-service ul{ margin-top: 28px;}.home-service li{padding: 0px 5px;margin-bottom: 10px;}
.home-service li a{ display: block; padding: 40px 30px 0; background: #eef5f8; height: 200px; position: relative;}
.home-service li .tit{ padding-top: 15px; font-weight: bold; font-size: 24px; color: #0077b4; position: relative;}
.home-service li .tit:before{ content: ""; position: absolute; top:0; left:0; width: 26px; height: 4px; background: #0077b4;}
.home-service li .des{ margin-top: 15px; line-height: 24px; height:48px; color: #666;}
.home-service li:last-child p{ position: absolute; top:50%; margin-top: -70px; left:0; width: 100%; background: rgba(255,255,255,.6); font-weight:bold; font-size: 26px; line-height: 35px; color: #0077b4; height:140px; padding-top: 5px; text-align: center;}
.home-service li:last-child span{ display: inline-block; width:160px; height: 30px; line-height: 30px; font-size: 12px; color: #ffffff; background: #0077b4; text-align: center;  margin-top: 15px; }

.designer{background: #2f3133;padding-top:30px;}.designer b{color:#fff;}.designer ul li{padding:0px 5px;margin-bottom:10px;}.designer ul li a img{width: 100%;}.designer ul li a{display: block;position: relative}
.designer ul li h2{color: #333;font-size: 18px;width: 100%;position: absolute;top: 60%;left: 0;display: block-inline;text-align: center;color: #fff;}
.designer ul li h2 i{display: block;width: 50px;height: 50px;border-radius: 50px;background: #fff;line-height: 50px;margin: 0 auto;font-style: normal;color: #666;font-size: 24px;margin-bottom: .8rem;}
.ranklist {padding: 30px 0px;overflow: hidden;}.ranklist .row{margin:0 auto;}.ranklist .col-md-6{margin-bottom: 20px;position: relative;background: none;box-shadow: none;-webkit-box-shadow: none;}.ranklist h1{font-size: 20px;text-align: center;width: 100%;color: #333;margin-bottom: 25px;font-weight: 600;}.sign{height: 44px;width: 44px;background: #e9ecef;border-radius: 50%;margin-top:-4px;text-align: center;font-size:15px;font-style:italic;line-height:44px;position:absolute;z-index: 999;left:0px;}.progress{overflow: visible;height:36px;}.ranklist .num{font-size: 14px;height: 36px;line-height: 36px;background: #e9ecef;float:left;text-align: right;padding-right: 15px;border-radius: 0px 4px 4px 0px;}.ranklist .progress-bar{background-color: #337ab7;line-height: 36px;font-size: 14px;text-align: left;padding-left: 45px;}
.news{background:#2f3133;padding-bottom:25px;}.news ul li{padding:0 5px;}.news img{width: 100%;object-fit: cover;overflow: hidden;max-height: 10rem;}.news p{color: #999;}.news h3{padding-top: 15px;font-size: 16px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .home-tit{margin-top: 30px;}
.links{padding-bottom: 25px;}
.links ul li{float: left;padding-right:20px;padding-top: 5px;}.links ul li a{color: #333;}
.links h2{padding: 10px 0px;font-size: 24px;position: relative;}.links h2:after {content: "";position: absolute;top: 96%;left: 0;width: 100px;height: 1.5px;background: #333;}
.related{padding-top: 2rem;padding-bottom: 2rem;}.related .col-md-3{background:#eef5f8;border: 1px solid #ddd;padding-left: 15px;margin-top: 10px;}
.related h2 {font-size: 20px;padding-top: 25px;padding-bottom: 10px;font-weight: 600;}.related ul li{padding: 5px 0px;}.related ul li a{color: #333;}
.companies{background: #2f3133;padding-top: 2rem;padding-bottom: 2rem;color: #ddd;}.companies h3{text-align: center;color: #fff;}
.companies h3{width: 100%;text-align: center;padding:15px 0px;font-size:20px;font-weight:600;}.companies a{margin-left: 5px;color: #ddd;}.companies ul{padding:0px 5%;}.companies ul li{padding: 5px 10px;}.companies .row{margin: 0;}.domain{float: right;margin-right: 20px;}.domain a{font-style:italic;}
.questions{padding: 1rem 0px;}.questions ul li{float: left;padding: 5px 10px;}.questions ul li a{color: #333;}.questions ul{background: #eef5f8;border:1px solid #ddd;overflow: hidden;padding: 10px 0;border-top: none;}
.questions h3 {color: #333;background-color: #f5f5f5;border:1px solid #ddd;padding: 10px;margin-bottom: 0;font-size: 20px;font-weight: 600;}
.wenda{margin-top: 15px;}.v2-link{clear: both;}.wenda dl {margin: 10px 0px;float: left;display: block;position: relative;background: #eef5f8;border: 1px solid #e1e1e1;box-sizing: border-box;padding: 0 25px 25px; -webkit-transition: all .5s ease;transition: all .5s ease;}.wenda dl dt {background: url(http://tszhfss.fss-my.vhostgo.com/zhanqun-images/images/default/wen.png) no-repeat left center;padding-left: 35px;font-size: 16px;line-height: 50px; height: 50px; border-bottom: 1px dashed #e1e1e1;color: #666;overflow: hidden;display: block;position: relative;font-weight: bold;}.wenda dl dd {background: url(http://tszhfss.fss-my.vhostgo.com/zhanqun-images/images/default/da.png) no-repeat left top;padding-left: 35px; font-size: 14px; line-height: 25px;color: #707070;overflow: hidden;display:block;position: relative;margin-top: 15px;}
/*案例列表页*/
.main{background: #2f3133;padding-bottom: 2rem;width:100%;}.main .position,.main .position a{color:#ccc;}.pagination{display:inline-block;}.pagination li a,.pagination li.disabled,.pagination li.active{padding: 0.375rem 0.75rem;position: relative;display: block;color: #0077b4;text-decoration: none;background-color: #fff;border: 1px solid #dee2e6;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.pagination li{float:left;margin-top:5px;}.pagination li:not(:first-child) a{margin-left: -1px;}.pagination .rows {float: left;padding: 0.375rem 0.75rem;color:#ccc;line-height:32px;}.pagination li.active{background: #0077b4;color: #fff;}
.pagination:after {display: block;clear: both;content: "";}
/*案例详情页*/
.carousel-item {aspect-ratio: 2 / 1;position: relative;}.carousel-item img {height: 100%;object-fit: cover; }.case-item{padding: 1rem;background: #f9f9f9;}.case-item th,.case-item td{white-space: nowrap;}
.carousel-inner{width: 75%;margin: 0 auto;}.carousel{background: #2f3133;}.caseimgs{background: #2f3133;width:100%;padding-bottom:2rem;}.case .position{background: #2f3133;color: #ccc;}.case .position a{color: #ccc;}
.case-detail{margin-top: 15px;}.case-detail .table>:not(:first-child) {border-top: none;}.case-detail h1{font-size: 24px;padding: 1rem 0;}
.case-detail thead{background: #0077b4;color: #fff;}.case-detail p.desc{line-height: 1.6;}.relatedcases{padding-top: 1.5rem;padding-bottom: 0.5rem;background: #2f3133;}
.relatedcases h3{padding: 1.5rem 0;color: #ccc;font-size:28px;text-align:center;}.relatedcases .bi{color:#0077b4;padding-right: .5rem;}
.case .case-form{margin-bottom: 2rem;}#samelayout{margin-top: -1.5rem;}
/*设计师页面*/
.information .des p{max-height:5rem;overflow: hidden; text-overflow: ellipsis;}.desingerlist .information{color: #333;border: 1.5px solid #ddd;border-left: none;padding:1rem;}.information .style{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.information .more{margin-top:1.5rem;}.information .des h2,.desinger h1 {padding-bottom: 20px;position: relative;color: #333333;letter-spacing: 3px;}.information h2 span{letter-spacing: 0;color:#cecece;padding-left:2.5rem;}.information .des h2:after,.desinger h1:after{content: "";position: absolute;bottom: 0;left: 0;width: 60px;height: 5px;background: #0071b1;}
.information .more{padding: .5rem;}.desinger p span.fw-bold{min-width: 105px!important;font-size:16px;}.desinger p{color: #333;}.desinger .col-xl-8 p{padding: 1.5rem 1rem;margin: 0;}.desinger .col-xl-8 p:nth-child(even) {background-color: #f9f9f9;}.desinger h1 span{color:#999;}.desinger h1{border-bottom: 1px solid #ddd;padding-bottom: 2rem}.desinger h1:after{bottom: .875rem;}
.appoint-button {background: #0077b4;color: #fff;border: none;padding: 10px 30px;cursor: pointer;}
.message-box {display: none; position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);box-shadow: 0 2px 10px rgba(0,0,0,0.1);z-index: 1000;width: 100%;max-width: 600px;background: #f9f9f9;}
.message-box h3{color: #0077b4;}.message-box button {background-color: #0077b4;color: #fff;border: none;padding: 10px 15px;cursor: pointer;}.message-box .close {position: absolute;right: 5px;top: 10px;}
/*文章列表页*/
.articlelist .card-img-top,.buildings .card-img-top{height: 240px;object-fit: cover;}.articlelist h3,.buildings h3{text-align: center;font-size: 16px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}.articlelist .row li,.buildings .row li{padding:0px 5px;margin-bottom:10px;}.articlelist a{color: #333;}.articlelist .author{padding-right: 1rem;}
.articlelist .card-body,.buildings .card-body{padding: 1rem .8rem;}.articlelist .card-body p,.buildings .card-body p{text-align: center;}
.buildings{background: #2f3133;padding-bottom:1.5rem;}.buildings .page{text-align: center;}.buildings .card-body,.buildings .form{background: #424242;} .buildings a{color: #ddd;}
.buildings .card{border: none;}.buildings .position{color: #ddd;}.buildings .card-body span{color: #ddd;}.buildings .submit{background: #0077b4;color: #fff;border: none;height: 40px;}
.buildings .layout{padding: 0px 2rem;}.buildings .save{padding-right:2rem;}.buildings h3{padding:5px 0;}
/*文章页*/
.infos{width: 100%;text-align: center;}.pubdate{margin-left:1rem;}.infos .pubdate{margin-left:0;margin-right:2rem;}.bi-alarm,.bi-file-person{color: #0077b4;font-size: 16px;padding-right: 5px;}
.article h1{font-size: 28px;padding: 5px 0;line-height: 1.4;text-align: center;font-weight: 600;color: #666;}
.article .content{margin-top: 15px;border-top: 1px solid #ddd;}
.article .content p {margin: 12px 0px;font-size: 15px;line-height: 1.8;text-indent: 2em;}
.article .content img {display: block;margin: 0 auto !important;width: 100%;}
.article .content .table>:not(:first-child) {border-top: 1px solid currentColor;}
.declaraction{font-size: 12px;margin-top: 10px;}
.article .content .submit {display: block;background: #23b7e5;border: 0 none;height: 40px;line-height: 26px;padding: 0 35px;color: #fff;border-radius: 2px;}
.updown{padding-top: 15px;}.updown li{list-style-type: none;padding:3px 0px}.updown ul{padding-left: 0px;}.updown li a{color: #333;}
.relatedarticles .row{--bs-gutter-x: 0;}.relatedarticles .card-text,.random .card-text{text-align: center;}
.relatedarticles, .random {background: #f9f9f9;padding-top: 25px;padding-bottom:15px;}.relatedarticles .media-left {aspect-ratio: 5 / 3;overflow: hidden;position: relative;}
.relatedarticles .media-left img {object-fit: cover;height: 100%;}.relatedarticles h2, .random h2 {font-size: 20px;font-weight: 600;color: #0077b4;}
.relatedarticles h3 {font-size: 16px;color: #333;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; line-height: 1.4;}
.random h3{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.random h3 a{color: #333;}.relatedarticles ul,.random ul{padding-left: 0px;}.relatedarticles .card-img-top{height: 240px;object-fit: cover;}
.relatedarticles ul li{overflow: hidden;text-overflow: ellipsis;} .random ul li {padding: 5px 0px;overflow: hidden;text-overflow: ellipsis;}
.random .card-img-top{height: 10rem;object-fit: cover;}.random .card-title{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;display: block;}
.left .media-object {padding-right: 12px;width: 8rem!important;height: 5rem;object-fit: cover;overflow: hidden;}.article .right p{margin: 0;text-indent: 0;font-size: 14px;}
.form {width: 100%;overflow: hidden;margin: 20px 0px 15px 0px;background: #f9f9f9;padding-bottom: 25px;}
.form .formlabel {margin-bottom: 20px;background: #0077b4;font-size: 16px;padding: 8px 0px;text-align: center;width: 100%;color: #fff;}
.form .row {padding: 0px 15px;margin: 0px;}
.form .col-md-3 {padding: 0px 5px;}
.form .form-control {height: 40px;padding: 9px 12px;}
.aside{background: #f9f9f9;height:100%;}.aside .case-form {margin-top: 20px;}.case-form {clear: both;background: #333333;}
.case-form .tit {line-height: 80px;font-size: 26px;color: #FFFFFF;text-align: center;border-bottom: 1px solid rgba(255,255,255,.15);}
.case-form .con {padding: 28px 22px;}
.case-form .con .in {margin-bottom: 15px;position: relative;width: 100%;padding: 0 20px;background: #eee;font-size: 12px;}
.case-form .con .in>span {position: absolute;top: 8px;left: 0px;width: 16px;text-align: right;font-weight: bold;color: #ff0000;}
.case-form .con .in input {border: none;background: none;width: 100%;height: 36px;line-height: 16px;padding: 5px;}
.case-form .con .num {margin-top: 25px;background: #0077b4;color: #FFFFFF;padding: 10px 5px;text-align: center;display: block;}
.fmcaseindex_submit {width: 100%;border: none;}
/*搜索页*/
.mainlist a.picture {width: 100%;height: 0;padding-top: 67%;position: relative;overflow: hidden;display: block;}
.mainlist .picture img {position: absolute;top: 0px;object-fit: cover;width: 100%;}
.mainlist li{padding:0px 5px;margin-bottom: 15px;}.caseinfo{background: #F3F3F3;padding: 10px;height: 60px;overflow: hidden;}.mainlist li h2{height: 40px;margin-bottom:0;display: table;}.mainlist li h2 a {font-size: 14px;padding-left: 10px;padding-right: 10px;text-align: center;line-height:1.4;text-decoration: none;color: #333;display: table-cell;vertical-align: middle;width: 100%;}
.articles .row .d-flex{background: #424242;}.articles p,.articles h2{color: #fff;}.articles h3{font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: pre-wrap;text-align: left;}
.left .media-object {width: 8rem!important; height: 5rem;object-fit: cover;overflow: hidden;}
.navbar-expand-lg .navbar-nav .nav-item .nav-link{color: #ddd;}
/*页脚部分*/
.footer{background: #222222;color: #ccc;padding-top: 50px;padding-bottom:40px;}.footer h4{font-size:18px;padding-bottom:.625rem;}.footer a{color: #ccc;}.footer ul{padding-left:0;}.footer .col-md-5 li{float: left;padding: 4px 20px 4px 0px;list-style-type: none;}.footer p{margin-bottom: 8px;}
.copyright { margin-top: 20px;padding: 22px 0 32px;color: #969696;font-size: 12px;border-top: 1px solid #343434;text-align: center;}.copyright a{color: #969696;}
.contact{ background: #0077b4;position: fixed;bottom: 0px;z-index: 99999;margin:0 auto;width:100%;height:42px;}.contact .container{max-width: 500px;}.contact ul{height:42px;}.contact ul li{height:42px;line-height:42px;}.contact ul li:nth-child(2){border:1px solid #ccc;border-top:none;border-bottom:none;}.contact .col-4{text-align: center;}.contact .bi{font-size: 16px;padding-right: 5px;color:#fff;}.contact a{color:#fff;}
@media (max-width: 576px) {header .dropdown-item{color: #fff}.carousel-inner{width: 100%;}.cases .tabs{--bs-gutter-x: 1.5rem;margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x));padding-left:.5rem;padding-right:.5rem;text-align:center;}.bg-light{--bs-bg-opacity: 1;}.header .navbar-brand{padding-left:0;margin-left:-3%;margin-right:0;}.header .dropdown-menu{background: #0077b4;}.header .navbar-nav{background: #0077b4;padding:0.5rem 0;}.navbar-light .navbar-nav .nav-link{color:#fff;padding:0.5rem 1.5rem;}
.form .col-md-3 {padding: 0px; margin-bottom: 8px;}.header .navbar-brand img{height: 50px;}.article h1{font-size: 24px;}.navbar-light .navbar-toggler{color: #f9f9f9;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #fff;}.content p {text-indent:0;}.footer .col-md-4{margin-top: 15px;}.banner{margin-top: 0px;}
.home-about .content .left{padding: 0;}.home-about .content .right{text-align: center;padding-top: 1.5rem}.advantage li{border: 1px solid #c1c1c1;}.home-about .advantage li .item{padding-top: 9px;}.home-about .advantage li .item .des{margin-top: 8px;}
.desingerlist .information{padding:1rem .75rem;}.information h2 span{letter-spacing: 0;color:#cecece;padding-left:.8rem;}.information .des h2{letter-spacing: 2px;}.information .more{margin-top:0;}
.home-about .box {padding-top: 0;}.tabs .col-6{padding:0px 5px;}.tabs ul{text-align: left;}.home-service li a{height: 180px;}.designer,.news{padding-left:5px;padding-right: 5px;}.contact .container{max-width: 100%;}
.contact ul li:nth-child(1){border-left:none;}.home-service .theme span{ font-size: 24px;}.relatedcases h3{font-size: 24px;}.header .bi-telephone-fill{color: #fff;}.case-item{padding: 0;background: none;}
.relatedarticles .media-left {aspect-ratio: 3 / 2;}
}