html,body{font-family: PingFang SC Regular;padding: 0;margin: 0;}
ul,li{ padding:0;margin:0;list-style:none}
a {text-decoration: none;}
/*img{width: 100%;}*/
.flex{display: flex;flex-flow: wrap;}
.huidi{width: 100%;background: #f9f9f9;padding-bottom: 40px;}
.baidi{width: 100%;background: white;}
iframe{width: 100%;height: 100%;}
/*网站主体颜色*/
.xhh-orange{color: #e46713}
.xhh-orange2{color: #FFA11F}
.xhh-white{background: white}

/*头部*/
.head_top{width: 100%;background: #f5f5f5;position: fixed;z-index:999;top: 0;left: 0;}

header{background: #f5f5f5;font-size: 14px;}
.head-ding{width: 70%;margin: 0 auto;line-height: 35px;display: flex;justify-content: space-between;position: relative;}
.head-ding span{cursor: pointer;}
.head-ding-list{text-align: right;position: relative;}
.head-ding-list a{padding: 0 5px;color: #a5a5a5;}
.head-ding-list > a >img{width: 24px;}
.head-ding-list>#wx{width: 100px;height: 100px;position: absolute;top: 30px;right: 0px;background: rgb(0,0,0,0.2);padding:2px;}
.head-list-border{border-right: 1px solid #a5a5a5;}
.head-logo-list{width: 70%;margin: 0 auto;display: flex;justify-content: space-between;padding: 15px 0;align-items: center;}
.head-logo-list div:nth-child(2){display: flex;}
.head-logo-wen{display: flex;flex-direction: column;font-family: CTWeiBeiSJ;font-size: 18px;color: #e46713;padding-left: 15px;}
.phone-wen1{font-size: 20px;border-bottom: 1px solid #e46713;}
.phone-wen2{font-size: 16px;}
.head-list{border-bottom:5px solid #ffa11f}
.head-list a{display: inline-block;width: 100%;height: 100%;}
.head-list>ul{display: flex;width: 70%;margin: 0 auto;justify-content: space-between;text-align: center;line-height: 50px;color: #656464;}
.head-list>ul>li{width: 10%;position: relative;cursor: pointer}
.head-list>ul>.head-list-xuan>div>a{color: white !important;}
.head-list>ul>li>a{width: 100%;height: 100%;}
.head-list-xuan{background: #ffa11f;color: white;}
.head-list-xuan>a{color: white !important;}
.head-list>ul>li:hover{background: #ffa11f;color: white;}
.head-list>ul>li:hover .erji-list>li>a{color: #656464}
.head-list>ul>li:hover > a{color: white !important;}
.erji-list>li:hover > a{background: #ffa11f;color: white !important;}
.erji-list{position: absolute;z-index: 9999;background: white;width: 100%;display: none}
.erji-list>li{cursor: pointer}
.head-list>ul>li:hover .erji-list{display: block}
#xhh-orange{position: relative;}
#change{font-size: 14px;color: black;padding: 0 1%;border-radius: 5px;position: absolute;left: 0; top: 25px;}

/* 首页 */
/* 114 */
.jiang-smbox > div{width: 100%;height: 114px;}
#img1>div{background: url("../img/jinyan.png");margin: 0 auto;background-size: contain;background-repeat: no-repeat;background-position-x: center;}
#img1:hover > div{background: url("../img/jinyan2.png");background-size: contain;background-repeat: no-repeat;background-size: contain;background-repeat: no-repeat;background-position-x: center;}
#img1:hover > span{color: #f18c2a;}

#img2>div{background: url("../img/fenbu.png");margin: 0 auto;background-size: contain;background-repeat: no-repeat;background-position-x: center;}
#img2:hover > div{background: url("../img/fenbu2.png");background-size: contain;background-repeat: no-repeat;background-size: contain;background-repeat: no-repeat;background-position-x: center;}
#img2:hover > span{color: #f18c2a;}

#img3>div{background: url("../img/shejishi.png");margin: 0 auto;background-size: contain;background-repeat: no-repeat;background-position-x: center;}
#img3:hover > div{background: url("../img/shejishi2.png");background-size: contain;background-repeat: no-repeat;background-size: contain;background-repeat: no-repeat;background-position-x: center;}
#img3:hover > span{color: #b279d2;}

#img4>div{background: url("../img/zhuangxiu.png");margin: 0 auto;background-size: contain;background-repeat: no-repeat;background-position-x: center;}
#img4:hover > div{background: url("../img/zhuangxiu2.png");background-size: contain;background-repeat: no-repeat;background-size: contain;background-repeat: no-repeat;background-position-x: center;}
#img4:hover > span{color: #18b290;}

#img5>div{background: url("../img/xinfang.png");margin: 0 auto;background-size: contain;background-repeat: no-repeat;background-position-x: center;}
#img5:hover > div{background: url("../img/xinfang2.png");background-size: contain;background-repeat: no-repeat;background-size: contain;background-repeat: no-repeat;background-position-x: center;}
#img5:hover > span{color: #f4737e;}

.bag-f9f9f9{background: #f9f9f9;}

.title{width: 100%;text-align: center;font-family: NSimSun;font-size: 30px;padding: 30px 0;}
.title2{text-align: center;color: #656464;margin-top: -20px;margin-bottom: 10px;}

.hui-bigbox{width: 80%;margin: 0 auto;display: flex;justify-content: space-around;padding: 20px 0;}
.hui-box{background: white;padding: 1%;display: flex;}
.hui-smbox{padding: 5px 10px;}
.hui-wen1{line-height: 25px;}
.hui-wen2{font-size: 12px;color: #A5A5A5;line-height: 20px;}
.hui-wen3{width: 40px;background: #ffa11f;color: white;border-radius: 8px;text-align: center;padding: 8px;font-size: 14px;cursor: pointer;}

.jiang-box{width: 80%;margin: 0 auto;display: flex;justify-content: space-between;}
.jiang-smbox{display: flex;flex-direction: column;width: 19%;text-align: center;color: #A5A5A5;margin-bottom: 7%;cursor: pointer;}
.jiang-smbox >img{width: 115px;margin: 0 auto;}
.jiang-smbox >span:nth-child(2){margin-top: 25px;font-size: 18px;line-height: 35px;}
.jiang-smbox >span:nth-child(3){font-size: 14px;}
.jiang-xuan{color: #FFA11F;}

.chang-bag{background: url(../img/beijing.png);background-size: cover;background-position:center;}
.pro-xuan{display: flex;justify-content: center;padding-bottom: 30px;}
.pro-xuan >div{width: 15%;text-align: center;line-height: 40px;color: #333333;}
.pro-action{border: 2px solid #FFA11F;color: #FFA11F !important;line-height: 20px;}
.pro-box{width: 64%;margin: 0 auto;display: flex;flex-wrap: wrap;background: white;padding: 20px;}
.pro-tubox{width: 40%;margin-right: 20px;}
.pro-tubox >img:nth-child(1){height: 254px;object-fit: cover;}
.pro-tubox >img:nth-child(2){height: 214px;}
.pro-wenbox{width: 49%;padding: 0 30px;display: flex;flex-direction: column;justify-content: space-between;flex: 1;}
.pro-wen-content{}
.pro-title{border-left: 3px solid #FFA11F;padding-left: 10px;font-size: 18px;margin: 10px 0;}
.pro-content{color: #A5A5A5;line-height: 30px;overflow: hidden;}
.pro-anniu{border: 1px solid #FFA11F;width: 64px;padding: 4px 20px;border: 2px solid #FFA11F;color: #FFA11F;border-radius: 3px;margin: 0 auto;font-size: 16px;}
.pro-tusan >img{height: 355px;}
.pro-bigbox{padding-bottom: 50px;}
.proclick{cursor: pointer;}

.jzal{width: 70%;margin: 0 auto;}

.an-title{padding: 10px;text-align: right;font-size: 14px;}
.an-title >span{padding: 0 10px;border-left: 1px solid #656464;cursor: pointer;}

.product-bigbox{margin: 10px 0;display: flex;flex-wrap: wrap;justify-content: start;}
.product{width: 32%;border: 1px solid #d0d0d0;margin: 0.5%;}
.product-smbox{position: relative;}
.product>.product-smbox>.pro-showimg{height: 251px;border: 1px solid #d0d0d0;overflow: hidden;}
.product>.product-smbox>.pro-showimg>img{height: 100%;}
.product>.product-smbox>.pro-showimg>img:hover{transform: scale(1.1);transition: all 1s;}
.pro-headimg{width: 100px;position: absolute;bottom: -30px;left: 10px;}
.pro-headimg >img{height: 100px;border-radius: 100%;}
.product-wen{padding: 0 10px;}
.product-wen div:nth-child(1){text-align: right;font-size: 16px;color: #2f2f2f;line-height: 40px;}
.product-wen div:nth-child(2){text-align: right;font-size: 14px;color: #535353;padding-bottom: 15px;}

.chang-bag2{width: 100%;height: 100%;overflow: hidden;background: url(../img/beijing2.png) no-repeat;background-size:100% 100%;background-position:center;padding-bottom: 40px;}
.chang-bag2>div{width: 70%;margin: 0 auto;position: relative;}
.chang-bag2 .sj-jianjie{display: flex;margin-top: 40px;}
.chang-bag2 .sj-jianjie>.sj-lunbotu{width: 39%}
.chang-bag2 .sj-jianjie>.sj-lunbotu>.layui-carousel img{height: 100%;}
.chang-bag2 .sj-jianjie>.sj-lunbotu>.layui-carousel p{width: 100%;color: white;position: absolute;bottom: 0;text-align: center;line-height:20px;background: rgb(93,93,93,0.6)}
.chang-bag2 .sj-jianjie>.designer_box{width: 61%;display: flex;}
.chang-bag2 .sj-jianjie>.designer_box>.sj-shouxi{display: flex;flex-direction: column;width: 69%;padding: 2% 3%;}
.chang-bag2 .sj-jianjie>.designer_box>.sj-sximg{width: 200px;height: 100%;}
.chang-bag2 .sj-jianjie>.designer_box>.sj-sximg>img{height: 100%;object-fit: cover;}
.chang-bag2 .sj-jianjie>.designer_box>.sj-shouxi div:nth-child(2){font-size: 18px;margin: 10px 0;}
.chang-bag2 .sj-jianjie>.designer_box>.sj-shouxi div:nth-child(3){margin-top: 10px;line-height: 35px;color:#535353;}
.chang-bag2 .sj-jianjie>.designer_box>.sj-shouxi div:nth-child(4){margin-top: 20px;background: #FFA11F;color: white;width: 110px;text-align: center;line-height: 30px;}



.designerSlide{width: 100%;overflow: hidden;margin-top: 10px;}
.designerSlide .swiper-slide{position: relative;}
.designerSlide .swiper-slide .gra-na{width: 100%;position: absolute;bottom: 0;background-color: rgba(0, 0, 0, 0.7);color: white;}
.designerSlide .swiper-slide .designerName{font-size: 16px;margin-top: 10px;text-align: center;}


.chang-bag2>div>.designer_pre{width: 30px;height: 30px;background: rgb(0,0,0,0.4);color: #fff;border-radius: 100%;text-align: center;padding:1%;cursor: pointer;position: absolute;bottom: 115px;left: 1%;}
.chang-bag2>div>.designer_pre>img{width: 15px;height: 30px;}
.chang-bag2>div>.designer_pre:hover{background: rgb(0,0,0,0.6);}
.chang-bag2>div>.designer_nex{width: 30px;height: 30px;background: rgb(0,0,0,0.4);color: #fff;border-radius: 100%;text-align: center;padding:1%;cursor: pointer;position: absolute;bottom: 115px;right: 1%;}
.chang-bag2>div>.designer_nex>img{width: 15px;height: 30px;}
.chang-bag2>div>.designer_nex:hover{background: rgb(0,0,0,0.6);}

.gongdi{margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.gongdibox{width: 31%;height: 253px;border: 5px solid #A5A5A5;margin: 0.6% 0;position: relative;overflow:hidden;}
.gongdi>.gongdibox>img{height:262.5px;object-fit: cover;}
.gongdi>.gongdibox>img:hover{transform: scale(1.1);transition: all 1s;}
.gongdibox >div{position: absolute;bottom: 0;background: rgba(93,93,93,0.6);color: white;text-align: center;width: 100%;line-height: 30px;}
.genduo{border: 2px solid #FFA11F;width: 96px;text-align: center;border-radius: 3px;color: #FFA11F;margin: 35px auto;padding: 4px;font-size: 16px;}
.cggd{width: 70%;margin: 0 auto;}
.chang-bag3{background: url(../img/xsxx.png);background-position:center;height: 500px;}
.chang-bag3>.float{width: 75%;margin: 0 auto;position: relative;}
.liucheng{width: 119px;height: 220px;}

.d1{background: url("../img/zxyy.png");background-size: contain;background-repeat: no-repeat;position: absolute;}
.d11{left: 0%;top: 180px;}
.d2{background: url("../img/lf.png");background-size: contain;background-repeat: no-repeat;position: absolute;}
.d22{left: 13%;top: 180px;}
.d3{background: url("../img/fasj.png");background-size: contain;background-repeat: no-repeat;position: absolute;}
.d33{left: 26%;top: 180px;}
.d4{background: url("../img/bj.png");background-size: contain;background-repeat: no-repeat;position: absolute;}
.d44{left: 39%;top: 180px;}
.d5{background: url("../img/qdht.png");background-size: contain;background-repeat: no-repeat;position: absolute;}
.d55{left: 52%;top: 180px;}
.d6{background: url("../img/sgjd.png");background-size: contain;background-repeat: no-repeat;position: absolute;}
.d66{left: 65%;top: 180px;}
.d7{background: url("../img/js.png");background-size: contain;background-repeat: no-repeat;position: absolute;}
.d77{left: 78%;top: 180px;}
.d8{background: url("../img/shfw.png");background-size: contain;background-repeat: no-repeat;position: absolute;}
.d88{left: 91%;top: 180px;}


.d1:hover{background: url("../img/zxyy2.png");background-size: contain;background-repeat: no-repeat;}
.d2:hover{background: url("../img/lf2.png");background-size: contain;background-repeat: no-repeat;}
.d3:hover{background: url("../img/fasj2.png");background-size: contain;background-repeat: no-repeat;}
.d4:hover{background: url("../img/bj2.png");background-size: contain;background-repeat: no-repeat;}
.d5:hover{background: url("../img/qdht2.png");background-size: contain;background-repeat: no-repeat;}
.d6:hover{background: url("../img/sgjd2.png");background-size: contain;background-repeat: no-repeat;}
.d7:hover{background: url("../img/js2.png");background-size: contain;background-repeat: no-repeat;}
.d8:hover{background: url("../img/shfw2.png");background-size: contain;background-repeat: no-repeat;}




.yuyue{width: 150px;text-align: center;margin: 0 auto;padding-top: 425px;}
.yuyue >div{background: #FFA11F;color: white;line-height: 35px;border-radius: 50px;}

.xueyuan-bigbox{display: flex;flex-wrap: wrap;justify-content: start;}
.xueyuan-box{width: 32%;margin: 1% 0.5%;}
.xueyuan-box>.xueyuan-tu{height: 235px;}
.xueyuan-box>.xueyuan-tu img{height: 100%;object-fit: cover;}
.xueyuan-title{line-height: 22px;font-size: 14px;border-bottom: 1px solid #CCCCCC;}
.xueyuan-content{padding: 5px 0;color: #666666;line-height: 16px;}
.xueyuan-tu2>a>img{width: 30px;margin-bottom: 20px;}

/* 版权 */
.foot-bigbox{width: 70%;margin: 0 auto;padding-top: 30px;padding-bottom: 20px;}
.foot-back{background: #ffa11f;color: white;margin-bottom: 80px;}
.foot-box1{display: flex;padding: 20px 0;}
.item-list{width: 70%;display: flex;justify-content: space-between;padding-right: 2%;line-height: 30px;font-size: 14px;border-right:1px dotted;}
.item-list >div>ul>li:nth-child(1){font-size: 18px;padding-bottom: 10px;}
.erweima{width: 30%;display: flex;padding-left: 2%;}
.erweima >div{width: 40%;margin-left: 10%;text-align: center;}
.banquan{text-align: center;line-height: 40px;font-size: 13px;display: flex;flex-wrap: wrap;justify-content: center;}
.banquan>div{margin-left: 5px;}
.youqing{text-align: left;line-height: 30px;font-size: 13px;border-bottom: 2px solid whitesmoke;display: flex;flex-wrap: wrap;justify-content: center;}
.youqing>div>a{margin-right: 20px;color: white;}

/*公共css*/
.daourl{margin: 0 auto;color: #7b7b7b;font-size: 14px;line-height: 40px}
.daourl>a{color: #7b7b7b;}

.neirong{display: none;object-fit: cover;}
.neirong>img{height: 500px;}
.neirong-wen{display: none;object-fit: cover;}
.action{display: block;}
.xuanzhe{display: flex;justify-content: space-between;margin: 20px 0;flex-wrap: wrap;}
.zhj-bj{background: url('../img/zhj_bj.png');padding-bottom: 50px;background-size: cover;}
.zhj-box{width: 70%;margin: 0 auto;background: white;padding: 10px;}
.isclick{text-align: center;width: 16%;border: 2px solid #646564;line-height: 30px;border-radius: 5px;color: #646564}
.xuan{background: #ffa11f;color: white;border: 2px solid #ffa11f;}

.tiaojian-box{width: 70%;margin: 0 auto;border:2px solid #e9e9e9;padding: 0 2%;}
.tiaojian-smbox{border-bottom:2px dotted #e9e9e9;}
.tj-smbox{display: flex;line-height: 40px;justify-content: start;}
/* .tj-smbox>div:nth-child(1){width: 10%;} */

.tj-xuan{flex: 1;justify-content: start;}
.tj-xuan > span{margin-right: 10px;padding: 5px 15px;color: #696969;cursor: pointer;font-size: 12px;}
.tj-action{background: #ffa11f;color: #ffffff !important;}

/* 华美乐品质-华美乐简介 */
.hmlpz{width: 70%;margin: 0 auto;padding: 60px 0;}
.hmlpz>.title{padding: 20px 0;}
.hmlpz>.h_cont{display: flex;flex-wrap: wrap;}
.hmlpz .destribe{width: 32%;padding: 3% 2%;border-left: 2px solid rgb(0,0,0,0.03);border-bottom: 2px solid rgb(0,0,0,0.03);}
.hmlpz .destribe>.title{padding: 5px 0;font-size: 36px;letter-spacing: 3px;}
.hmlpz .destribe>.li-title{padding: 15px 0 30px;}
.hmlpz .destribe>.cont{line-height: 35px;text-align: center;color: #7b7b7b}
.hmlpz .destribe>.book{width: 60px;padding: 3% 15%;;text-align: center;margin: 5% auto;color: #faa11f;border: 2px solid #faa11f;}
.hmlpz .h-banner{width: 63%;height: 100%;}
.hmlpz .h-banner > .c-banner .banner ul li img{height: 450px;}
/* 结束 */

/* 华美乐品质-装修0增项 */
/* .title{font-weight: bold;text-align: center;} */
.baojia{width: 70%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center;}
.baojia>.mens_wen{width: 40%;}
.baojia>.mens_wen>.mens_input{padding: 1.5% 0;display: flex;align-items: center;justify-content: space-between;}
.baojia > .mens_wen > .mens_input > .layui-input{width: 70%;height: 35px;}
.baojia>.mens_img{width: 20%;margin-left: 20px;}
.baojia>.mens_area{width: 36%;margin-left:10px;margin-top: 7%;}
.baojia>.mens_area>div{display: flex;align-items: center;}
.baojia>.mens_area .maths{width: 19%;height: 40px;background:#faa11f;float: left;text-align: center;line-height: 35px;color:white;}
/* .baojia>.mens_area>.shuoming{width: 100%;color: #868686;} */
.baojia>.mens_area>.explain{width: 100%;color: #868686;display: flex;align-items: flex-start;}
.baojia>.mens_area>.explain>.explainContent{flex: 1;}
/* .ztjz 后加类 */
.ztjz{width: 70%;margin: 0 auto;padding-bottom: 20px;}
.ztjz>.title{text-align: center;font-size: 26px;letter-spacing: 4px;padding: 8% 0 2% 0;}
.ztjz>.ztjz_cont{display: flex;justify-content: left;flex-wrap: wrap;}
.ztjz>.ztjz-bigbox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ztjz .ztjz-box{width: 30%;margin-left: 3%;}
.ztjz .ztjz-box img{height: 152px;}
.ztjz .ztjz-box>.img1{width: 100%;height: 30px;font-size: 16px;text-align: center;line-height: 30px;background: #e5e5e5;margin-top: 1px;}
.ztjz .ztjz-box>.img2{text-align: center;padding: 10px 0;}
.ztjz .ztjz-box>.img3{font-size: 10px;color: #7a7a7a;text-align: center;}
/* 结束 */

/* 华美乐品质-先装修后付款 */
.p-box{width: 70%;margin: 0 auto;padding-bottom: 45px;display: flex;flex-wrap: wrap;justify-content: center;}
.p-box>img{width: 40%;}
.p-box>div{width:55%;margin-left: 20px;}
.p-box .title{font-size: 22px;text-align: left;padding: 15px 0;font-weight: 600;}
.p-box .name{width: 48%;padding: 0;}
.p-box .phone{width: 48%;margin-left: 4%;}
.shenqing{border-radius: 5px;}
.p-box #textarea>.shenqing{height: 100px;padding-top: 1%;margin-top: 2%;}
.p-box .tijiao{width: 28px;margin: 5px auto 0;padding: 8px 30px;background: #ffa11f;border-radius: 5px;text-align: center;color: white;}
.r-box{width: 70%;margin: 0 auto;padding-bottom: 50px;}
.r-box>.title{width: 100%;text-align: center;font-size: 26px;padding: 10% 0 5%;margin-bottom: 20px;}
.r-box>.dk_cont{display: flex;flex-wrap: wrap;justify-content: center;}
.r-box .r-wen{width: 40%;}
.r-box .r-wen>div{display: flex;align-items: center;position: relative;margin-bottom: 15px;justify-content: center;}
.r-box .r-wen>div>.r-mon{width: 30%;color: #333333;}
.r-box .r-wen>div>.jine{height: 30px;border-radius: 30px;padding-right: 15px;background: #f9f9f9;border-color: #dedddd;}
.r-box .r-wen>div>.layui-select{font-size: 12px;color: #8b8b8b;height: 30px;margin: 0;}
.r-box .r-wen>div>#icon{width: 20px;position: absolute;right: 4%;top: 5px;}
.qishu{width: 93%;height: 36px;cursor: pointer;color: #656464;font-size: 12px;line-height: 34px;border: 1px solid #dedddd;border-radius: 30px;margin-top: 13px;padding-left: 15px;background: #f9f9f9;position: relative;}
.qishu>img{width: 10%;position: absolute;left: 180px;top: 7px;}
.layui-select{width:100%;border-radius: 30px;margin-top: 13px;background-color: #f9f9f9;}
.jisuan{width: 100%;padding: 11px 0;text-align: center;border-radius: 30px;background: #faa11f;color: white;margin-top: 13px;cursor: pointer;}
.shuxian{height: 136px;border: 1px dashed #dedddd;margin: 0 5%;}
.suan-box{width: 42%;height: 140px;color: #8b8b8b;font-size: 18px;border: 1px solid #dedddd;border-radius: 10px;}
.suan-box>p{margin: 65px 0 0 30px;}
.suan-box>p>span{font-size: 24px;color: #ef6d66;}

.img1{width: 100%;height: 30px;font-size: 16px;text-align: center;line-height: 30px;background: #e5e5e5;margin-top: 1px;}
.img2{text-align: center;padding: 10px 0;}
.img3{font-size: 10px;color: #7a7a7a;text-align: center;}

select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}/* 去除选择框右侧三角形 */
/* 结束 */

/* 设计师 */
.sjs-box{background: #f2f2f2;width: 46%;padding: 1%;margin: 1%;display: flex;flex-wrap: wrap;}
.sjs-name{display: flex;justify-content: space-between}
.sjs-name>div>span{font-size: 18px}
.sjs-name>a{color: white;display: inline-block;background: #ffa11f;color: white;padding: 5px 20px}
.sjs-tu{height: 254px;padding-right: 10px;width: 30%;text-align: center;}
.sjs-tu>img{height: 100%;object-fit: cover;}
.sjs-anli{height: 96px;display: flex;justify-content: start;}
.sjs-anli>img{width: 32%;height: 100%;object-fit: cover;margin-left: 2px;}

.sjs-zlbox{flex: 1;}
.sjs-wen1{color: #ffa11f;font-size: 14px;line-height: 30px}
.sjs-wen2{font-size: 14px;line-height: 25px;color: #747474;}
.sjs-wen2>span{color: #2e2e2e;}
.sjs-wen3{line-height: 25px;color: #2e2e2e;}
.sjs-bigbox{width: 70%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: start;}
#fengye{text-align: center}
/* 结束 */

/* 设计师详情 */
.ziliao-bigbox1{width: 70%;margin: 0 auto;display: flex;justify-content: space-between;}
.ziliao-bigbox1>.ziliao-box1{display: flex;width: 65%;border: #dddddd 1px solid;padding: 2%;}
.ziliao-bigbox1>.ziliao-box1>.head_img{width: 35%;overflow: hidden;}
.ziliao-bigbox1>.ziliao-box1>.head_img>img{object-fit: cover;width: 100%;height: 100%;}
.ziliao-bigbox1>.ziliao-box1>.jieshao1{width: 65%;padding-left: 1%;}
.ziliao-bigbox1>.ziliao-box1>.jieshao1>.name{font-size: 22px;}
.ziliao-bigbox1>.ziliao-box1>.jieshao1>.ziliao-zhixun>.ziliao-jy>.span1{font-size:18px;color: #faa11f;}
.ziliao-bigbox1>.ziliao-box1>.jieshao1>.ziliao-zhixun>.ziliao-jy>.span2{margin-top: 15px;color: #8f8f8f;}

.ziliao-box2{width: 30%}
.ziliao-zhixun{display: flex;justify-content: space-between;margin: 20px 0;}
.ziliao-zhixun>span{width: 120px; height: 50px;font-size:20px;color: white;background: #faa11f;border-radius:5px;line-height: 50px;text-align: center;}
.ziliao-jy{display: flex;flex-direction: column}


.fg-ln{margin-top: 12px;color: #8f8f8f;display: flex;justify-content: start;}
.fg-ln>div:nth-child(1){width: 6%;margin-right:1%;}
.fg-ln>div:nth-child(2){width: 30%;font-weight: bold;font-size:18px;color: black;}
.fg-ln>div:nth-child(3){width: 70%;line-height:24px;}

#border-right{width: 25%;border: #dddddd 1px solid;padding: 2%;}
#p{color:#ffa11f;font-size: 22px;}
.p-input{margin-top: 20px;}
.p-input>input{height: 40px;width: 100%;border: #dddddd 1px solid;}
#p-but{width: 100%;height: 40px;background:#ffa11f;color:white;margin-top: 20px;line-height: 40px;text-align: center;border-radius:5px;}

.anli-box{width: 68%;margin: 0 auto;border: #dddddd 1px solid;margin-top: 30px;padding: 1%;}
.product-title{width: 100%;height: 50px;line-height: 50px;display:flex;justify-content:space-around;align-items: center;}
.product-title>span{width: 30%;height:0px;border: 1px solid #efefef;}
.product-title>div{font-size: 24px;font-weight: 400;}
/* 结束 */

/* 设计师案例详情 */
.sjs-detial{width: 70%;margin: 0 auto;}
.design_detail{width: 70%;margin: 0 auto;}
#title{width: 100%;font-size: 22px;text-align: center;font-weight: 500;padding: 2.5% 0 2% 0;}
.ziliao-bigbox{display: flex;justify-content: space-between;}
.ziliao{width: 100%;border: #dddddd 1px solid;padding: 2%;box-sizing: border-box;}
.ziliao>#up{display: flex;flex-wrap: wrap;justify-content: left;}
.ziliao>#up>img{width: 40%;height: 100%;}
.ziliao>#up>div:nth-child(2){width: 58%;margin-left: 2%;}
.ziliao>#up>div:nth-child(2)>div{height: 30%;display: flex;align-items: center;}
.ziliao>#up>div:nth-child(2)>div>p{width: 50%;}
.ziliao>#up>div:nth-child(2)>div>p>span{font-weight: bold;font-size: 16px;flex: 1;}

/* .hengxian{width: 100%;border: 1px #d4d2d2 solid;margin: 8px 0;} */

.dowm{width: 100%;}

.headimg{width: 100px;height: 100px;border-radius: 50%;overflow: hidden;float: left;}
.headimg>img{width: 100%;float: left;}
.jieshao{width: 30%;padding: 20px;float: left;}
.p1{font-size:18px;color: #8f8f8f;}
.p2{margin-top: 15px;color: #faa11f;}
.call{color: white;padding: 1% 2%;margin-top: 5%;border-radius: 3px;float: right;background: #faa11f;}
.call:hover{color: white!important;}

#p{color:#ffa11f;font-size: 22px;}
#p-but{width: 100%;height: 40px;background:#ffa11f;color:white;margin-top: 20px;line-height: 40px;text-align: center;border-radius:5px;}
#border-right button{margin-top:20px;border-radius: 5px;}

.left{display: inline-block;width: 68%;position: relative;}
.left>img{width: 100%;margin-bottom: 5%;object-fit: cover;}
.left>.pre-nex{margin-top: 2%;display: flex;justify-content: space-between;}
.left>.pre-nex>p{width: 35%;}
.right{width: 26%;height: 100%;border: 1px solid #d4d2d2;float: right;padding: 1.5%;}
.right>p>span{width: 1%;height: 2%;border: 2px solid #faa11f;margin-right:2%;}
.right>p{padding:5% 0;}
.right>.r_cont{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.right>.r_cont>div{width: 100%;margin-top: 3%;overflow: hidden;margin-left: 1%;}
.right>.r_cont>div>img{height: 170px;}
.fenxian{margin-top: 2%;color: #8f8f8f;font-size: 14px;}
.sjs-tuijian>.tuijian{width: 100%;border: 1px solid #dddddd;margin: 8% 0;padding-bottom: 2%;}
.sjs-tuijian>.tuijian>.tuijian_cont{padding: 2%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.tuijian .tuijian_box{width: 24%;overflow: hidden;margin-left: 1%;}
.tuijian .tuijian_box>img{/* height: 170px; */width: 100%;}
.tuijian .tuijian_box>p{text-align: center;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* .tuijian .tuijian_box>img:hover{transform: scale(1.1);transition: all 1s;} */
.iadd{background: rgb(0,0,0,0.4);position: relative;top: -18px;color: rgb(233, 233, 233);}
.cedao_box{position: absolute;width: 125px;background: no-repeat;height: 250px;background: url('../img/dixian.jpg');left: -125px;}
.cedao_box>a{display: inherit;text-align: right;padding-right: 7px;cursor: pointer;}
.cedao_box>a>p{display: inline-block;}
/* 结束 */

/* 体验馆 */
.tyg-banner{width: 68%;height: 500px;margin: 60px auto;padding: 1%;background: #fafafa;}
.big-box{border: 1px #f5f2f2 solid;}
.tyg-box{width: 70%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.box{width: 100%;}
.box>img{width: 100%;object-fit: contain;}
.tyg_title{font-size: 22px;font-weight: 600;padding: 40px 0 20px 0;text-align: center;}
.li-title{font-size:14px;color: #8b8b8b;text-align: center;padding: 0 0 20px 0;}
.name{color: #1a1a1a;padding: 2% 0;}
.hengxian{width: 100%;border: 1px #e2e2e2 solid;margin: 5px 0 5px 0;}
.add{color: #666666;padding: 1% 0;}


/* 体验馆详情 */
.fgs{width: 70%;margin: 0 auto;}
.fgs>p{width: 100%;font-size: 24px;font-weight: 400;text-align: center;padding: 20px 0;margin-top: 30px;}
.fgs-bigbox{width: 70%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: start;}
.fgs-sbox{width: 26%;padding: 1% 2%;margin:1%;border-top:1px solid rgba(199, 197, 197, 0.2);border-left:1px solid rgba(199, 197, 197, 0.2);border-right: 2px solid rgba(199, 197, 197, 0.4);border-bottom: 2px solid rgba(199, 197, 197, 0.4);}

.qiehuan-box{width: 70%;height: 500px;margin: 0 auto;margin-top: 20px;position: relative;}
.qiehuan-box>.showimg{height: 100%;}
.qiehuan-box>.showimg>iframe{width: 100%;}


.dian{width: 13px;height: 13px;border-radius: 50%;background:#8f8f8f;margin:5px 0 0 5px;}
.zi{color: #8f8f8f;}
.point>.zi{color: #ffa11f;}
.point>.dian{background:#ffa11f;}

.show{display: block;}
.unshow{display: none;}
/* 结束 */

/* 装修案例 */
.sjs-name>div>a{color: white}
.sjs-name>div:nth-child(2){background: #ffa11f;color: white;padding: 5px 20px}
#fengye{text-align: center}
#more{float: right;cursor: pointer;}
/* 结束 */

/* 视频案例 */
.video{width: 70%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
#left{border: #dddddd 1px solid;width: 70%;}
#left .vid-box{display: flex;flex-wrap: wrap;background: white;padding: 10px;margin: 10px;}
#left .vid-box>img{width: 50%;height: 220px;}
#left .vid-box>.vid-box-right{width: 47%;padding: 1%;margin-left: 1%;}
#left .vid-box>.vid-box-right>.vid-title{font-size: 20px;}
#left .vid-box>.vid-box-right>.vid-cont{font-size:16px;line-height: 30px;color: #afafaf;margin-top: 15px;letter-spacing: 1px;}
#left .vid-box>.vid-box-right>.vid-but{height: 35px;width: 75px;line-height: 35px;text-align: center;color: #ffa11f;border: #ffa11f 1px solid;border-radius:3px;}
#left .vid-box>.vid-box-right>.vid-but>a{color: #ffa11f;}

#right{width: 25%;}
#right>div{width: 80%;border: #dddddd 1px solid;padding: 10%;}
#right #p{color:#ffa11f;font-size: 22px;}
#right button{margin-top:20px;}

#right>#low{margin-top: 30px;}
#right>#low>#i{width: 5px;height: 26px;background: #ffa11f;float: left;}
#right>#low>span{font-size: 22px;line-height: 26px;margin-left: 8px;}
#right>#low>img{margin-top:20px;}

.video_detial{width: 70%;margin: 0 auto 30px;display: flex;flex-wrap: wrap;}
#zxxy-right>#low>#cont>div>img{height: 200px;cursor: pointer;}
/* 结束 */

/* vr效果图 */
.vrshow{width: 100%;height: 600px;}
/* 结束 */

/* 装修学院 */
.zxxy-bigbox{width: 70%;margin: 0 auto;}
.zxxyTitle{font-size: 26px;}
.xy-bigbox{width: 100%;display: flex;flex-wrap: wrap;border: 1px solid #dddddd;}
.xy-bigbox>.xy-xian{width: 95%;margin: 10px auto;border:#dddddd 1px dashed;}
.xy-bigbox>.xy-box{display: flex;flex-wrap:wrap;width: 100%;background: white;padding: 10px;margin: 10px;}
.xy-bigbox>.xy-box>#img{width:50%;}
/* .xy-bigbox>.xy-box>#img>img{height: 280px;} */
.xy-bigbox>.xy-box>.xy-box-right{width: 44%;padding: 10px;margin-left: 5px;}
.xy-bigbox>.xy-box>.xy-box-right>.xy-title{font-size: 18px;}
.xy-bigbox>.xy-box>.xy-box-right>.xy-cont{font-size:14px;line-height: 40px;color: #969696;margin-top: 15px;}
.xy-bigbox>.xy-box>.xy-box-right>.xy-but{width: 75px;line-height: 35px;text-align: center;color: #ffa11f;border: #ffa11f 1px solid;border-radius:3px;}
.xy-bigbox>.xy-box>.xy-box-right>.xy-but>a{color: #ffa11f;}
.bgc > div{width: 70%;margin: 0 auto;}
/* 结束 */

/* 装修学院详情图 */
.zxxy_detial{width: 70%;margin: 0 auto;display: flex;flex-wrap: wrap;}
#zxxy-left{width: 100%;}
#zxxy-left>.li-title{color: #919191;display: flex;justify-content:space-between;padding: 0;}
#zxxy-left>.hengxian{width: 100%;border: 1px solid #dddddd;margin-top: 1%;margin-bottom: 2%;}
#zxxy-left>.cont{width: 100%;color: #333;}
#zxxy-left>.pre-nex{margin-top: 5%;display: flex;justify-content: space-between;}
#zxxy-right{width: 100%;}
/* #zxxy-right>div{width: 90%;border: #dddddd 1px solid;padding: 5%;} */
#zxxy-right>#more{text-align: center;}
#zxxy-right>#up>#p{color:#ffa11f;font-size: 22px;}
#zxxy-right>#up button{margin-top:20px;}

#zxxy-right>#low{margin-top: 30px;}
#zxxy-right>#low>#i{width: 5px;height: 26px;background: #ffa11f;float: left;}
#zxxy-right>#low>span{font-size: 22px;line-height: 26px;margin-left: 8px;}
#zxxy-right>#low>.der_cont{display: flex;flex-wrap: wrap;justify-content: space-around;}
#zxxy-right>#low>.der_cont>.sjs{margin: 10px 0;}
#zxxy-right>#low>.der_cont>.sjs>img{height:260px;}
#zxxy-right>#low>.der_cont>.sjs>p{width: 90%;padding: 0 5%;}

.zxxy-tuijian{width: 100%;margin: 80px auto;border:1px solid #dddddd;padding: 2%;}
.zxxy-tuijian>.recommend{font-size: 16px;margin-bottom: 10px;}
.zxxy-tuijian>.zxal{padding: 2% 0;font-size: 16px;}
.zxxy-tuijian>#anli{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.zxxy-tuijian>#anli>div{width: 22.2%;}
.zxxy-tuijian>#anli>div>img{/* height: 170px; */width: 100%;}
.zxxy-tuijian>#anli>div p{text-align: center;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zxxy-tuijian a{width: 50%;border-bottom: 1px dashed #ddd;padding: 5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zxxy-tuijian>.zxal>a{width: auto;text-align: right;border-bottom: unset;}
/* 结束 */

/* 联系我们 */
.conn{width: 70%;margin: 0 auto 100px;}
.conn>.bm{display: flex;flex-wrap:wrap;justify-content: space-around;margin-bottom: 50px;}
.conn>.bm>div{width: 20%;padding: 2%;background: #eaeaea;text-align: center;border-radius: 3px;}
.conn>.bm>div>p:nth-child(2){padding: 10% 0 5%;}
.conn>.bm>div>p:nth-child(3){font-size: 18px;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/* 结束 */

/* 侧边固定 */
/* .guding-box{z-index:99999;position: fixed;right: 0px; bottom: 20%;}
.guding-box>div{width: 40px;text-align: center;padding: 10px 8px;background: #ffa11f;opacity:0.8;border: 1px solid white;border-radius: 3px;cursor: pointer;}
.guding-box>div>a{color: black;} */
/* .guding-box>.nav{display: none;} */
.ewm-son{background: rgba(0, 0, 0, 0.7);padding: 2px;position: fixed;right: 60px;bottom: 20%;z-index: 999;}
.ewm-son>div>img{width: 100px;}
.ewm-son>div>p{text-align: center;color: white;}
/* 结束 */

/* 免费报价列表 */
/* #bj{width: 40%;padding-bottom: 3%;background: #fefefe;position: fixed;z-index: 900;top: 15%;left: 30%;border: 1px solid rgb(0,0,0,0.5);border-radius: 3px;}
#bj>div{width: 70%;margin: 0 auto 20px;display: flex;justify-content: space-between;align-items: center;}
#bj>div>p{color: #696969;flex:1}
#bj>div>select{width: 80%;}
#bj>div>input{width: 80%;}
#bj>.button{width: 30px;padding: 2% 4%;margin: 0 auto;background: #FFA11F;color: white;border-radius: 3px;cursor: pointer;}
#bj>.close{width: 5%;font-size: 26px;position: absolute;z-index: 999;right: 20px;top: 3px;cursor: pointer;text-align: center;} */
/* 结束 */

/* 预约设计-提示 */
.tip{width: 14%;padding: 1% 0;color: #fefefe;border-radius: 5px;text-align: center;font-size: 20px;background: rgb(0,0,0,0.3);position: fixed;left: 43%;top: 50%;z-index:999;}
/* 结束 */

/*  */
#nav{width: 100%;position: fixed;z-index: 998;left: 0;top: 0;background-color: rgb(0, 0, 0, .3);}
#ul{width: 80%;background: rgb(255, 255, 255, 0.8);position: fixed;z-index: 999;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#ul>li>a{display: inline-block;width: 100%;height: 100%;color: black;background: rgb(255, 255, 255);line-height: 40px;font-size: 16px;text-align: center;border-bottom: 1px solid black;}
#ul>li>a:hover{background: black;color: white;}
#ul>li:hover>a{background: black;color: white;}
#ul>li>ul>li>a{display: inline-block;width: 100%;height: 100%;color: black;background: rgb(255, 255, 255);line-height: 40px;font-size: 16px;text-align: center;}
#ul>li>ul>li:hover>a{border-bottom: 1px solid white;}
/* 底部浮动表单 */
.foot-float{width: 100%;background: rgb(4,87,125);opacity: 0.8;padding: 20px 0;position: fixed;z-index: 900;left: 0;bottom: 0;}
.foot-float>div{width: 70%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: right;line-height: 50px;}
.foot-float>div>input{width: 28%;height: 40px;margin: 0 1%;padding: 0;}
.foot-float>div>button{width: 10%;height: 40px;padding: 0;text-align: center;background: #ff9c3f;color: white;cursor: pointer;}
/* 结束 */


/* 手机 */
.nav-botton{display: none;}
.right-nav{width: 40%;height: 100%;text-align: center;background-color: white;padding-top: 10%;position: fixed;z-index: 999;right: 0;top: 0;}
.right-nav>li{line-height: 40px;border-bottom: 1px solid darkorange;}
.right-nav>li>a{display: inline-block;width: 100%;height: 100%;}
.jiang-box-onPhone{width: 95%;margin:0 auto;display: none;justify-content: space-between;}
.swiper-container {width: 100%;}
.jzal-btn{font-size: 16px;width: 64px;padding: 4px 20px;margin: 0 auto;color: #ffa11f;border-radius: 3px;display: none;border: 2px solid #ffa11f;}
.designerOnPhone{width: 100%;display: none;}
.designer_box2{width: 100%;margin: 0 auto;display: flex;align-items: center;}
.designerOnPhone > .designer_box2 > .designerHeaderImg{width: 30%;border: 3px solid #ddd;}
/* .designerOnPhone > .designer_box2 > .designerHeaderImg > img{height: 100%;} */
.designerBaseMens{padding-left: 15px;flex: 1;}
.designerNameGrade{display: flex;align-items: flex-end;}
.designerExp{margin-bottom: 10px;font-size: 16px;color: #535353;}
.designerStyle{margin-top: 10px;font-size: 16px;margin-bottom: 5px;color: #535353;}
.designerBaseMens .designerNameGrade .designerName{font-size: 18px;margin-right: 10px;}
.designerGrade{font-size: 16px;color: #535353;}
.callToDesign{width: 90px;font-size: 16px;line-height: 28px;border: 2px solid #ffa11f;color: #ffa11f;text-align: center;
border-radius: 3px;}
.bookDesigner{width: 90px;font-size: 16px;line-height: 28px;background-color: #ffa11f;color: white;text-align: center;border-radius: 3px;}
.footerOnPhone{display: none;align-items: center;position: fixed;z-index: 999;bottom: 0;background-color: white;box-shadow: 0px 1px 3px;}
.footerOnPhone > a{display: inline-block;width: 25%;text-align: center;}
.footerOnPhone > a > img{width: 30%;}
.bookOnPhone{width: 100%;background-color: #f4f4f4;padding: 10px 0;display: none;}
.bookTable{width: 90%;margin: 0 auto;padding: 10px;background-color: white;border-radius: 3px;}
.bookTableTitle{font-size: 20px;font-weight: bold;text-align: center;padding: 10px 0;}
.bookTabliInput{height: 40px;margin: 0 15px;border: 1px solid #e3e3e3;border-radius: 3px;display: flex;align-content: center;}
.bookPhone{border: 0;padding-left: 20px;width: 80%;flex: 1;}
.bookAdd{width: 20%;text-align: center;border: 0;box-shadow: -2px 0 1px #e3e3e3;}
.bookBtn{width: 100%;text-align: center;padding: 12px 0;border-radius: 3px;margin-top: 15px;background-color: #f15387;font-size: 18px;color: white;}
.bookSlide{width: 100%;height: 20px;overflow: hidden;margin-top: 10px;}
.bookSlide .swiper-slide{display: flex;align-items: center;justify-content: space-around;}


.designerTypeChoose{width: 90%;margin: 0 auto 10px;display: none;align-items: center;justify-content: center;height: 38px;border-radius: 3px;}
.typeSelect{width: 33.3%;border: 0;text-align: center;box-shadow: 1px 1px 4px #aaa;height: 100%;border-radius: 3px;}
.derToDetail{text-align: end;display: none;}
.derToDetail > a{color: white;display: inline-block;background: #ffa11f;color: white;padding: 5px 20px;}
.sjs-zlbox :nth-child(3){display: none;}

.derDetailOnPhone{display: none;}
.HI-NGE{display: flex;align-items: center;border: 1px solid #dddddd;padding: 15px;}
.HI{width: 40%;border: 2px solid #eee;}
.NGE{flex: 1;margin-left: 20px;}
.DMName{font-size: 18px;font-weight: bold;margin-top: 5px;}
.DMGrade{font-size: 16px;color: rgb(90, 90, 90);margin-top: 5px;}
.DMLine{width: 100%;border: 1px solid rgb(182, 182, 182, .5);margin: 5px 0;}
.DMSBox{display: flex;align-items: flex-start;margin-top: 5px;}
.DMTitle{font-size: 16px;}
.DMContent{font-size: 16px;flex: 1;color: rgb(90, 90, 90)}
.DMContact{display: flex;justify-content: space-evenly;margin-top: 10px;}
.DMStyle{border: 1px solid #dddddd;padding: 15px;margin-top: 15px;}
.DMSTitle{display: flex;align-items: center;justify-content: space-evenly;margin-bottom: 10px;}
.DMSTitle > span{width: 35%;border: 1px solid #eee;}
.DMSTitle > p{font-size: 18px;color: #535353;}
.DMSContent{font-size: 16px;color: rgb(90, 90, 90);line-height: 25px;}
.NGECallToDesign{font-size: 14px;padding: 5px 8px;color: #FFA11F;border: 1px solid #FFA11F;border-radius: 3px;}
.NGEOnlineService{font-size: 14px;padding: 5px 8px;background-color: #FFA11F;color: white;border-radius: 3px;}
.onPhone{display: none;}
#bj-cover{width: 100%;position: fixed;top: 0;left: 0;z-index: 100;background-color: rgb(0, 0, 0, .3)}
.designerInlineBox{width: 100%;display: flex;justify-content: space-evenly;align-items: center;margin: 15px 0 0;}
.moreDedisgner{font-size: 16px;padding: 6px 20px;border: 2px solid #ffa11f;color: #ffa11f;}
.bookOnline{font-size: 16px;padding: 6px 20px;border: 2px solid #ffa11f;color: #ffa11f;}
/* 结束 */

/* iconfont图标样式 */
.iconfont{font-size: 40px;}

/* 编辑器图片宽度 */
#zxxy-left > .cont img{width: auto !important;max-width: 100%;height: auto;}
.left #kj_cont img{width: auto !important;max-width: 100%;height: auto;}

@media all  and (max-width: 1100px){
    .head-ding{width: 90%;}
    .head-logo-list{width: 90%;}
    .head-logo-list div:nth-child(2) div:nth-child(1){display: none;}
    .guding-box > .nav{display: block;padding: 18px 8px;}
    .head-list{display: none;}
    .hui-bigbox{width: 95%;}
    .jiang-box{width: 95%;}
    .pro-box{width: 90%;}
    .jzal{width: 90%;}
    .chang-bag2 > div{width: 90%;}
    .cggd{width: 90%;}
    .foot-float > div{width: 90%;}
    #bj{width: 70%;left: 15%;}
    .zhj-box{width: 90%;}
    .neirong > img{height: 100%;}
    .daourl{width: 90%;}
    .tiaojian-box{width: 90%;}
    .sjs-bigbox{width: 90%;}
    .video{width: 90%;}
    .video_detial{width: 90%;}
    .design_detail{width: 90%;}
    .sjs-box{width: 100%;}
    .sjs-anli{height: 120px;}
    .ziliao-bigbox1{width: 90%;}
    .anli-box{width: 90%;}
    .tyg-banner{width: 88%;}
    .tyg-box{width: 90%;}
    .fgs-bigbox{width: 90%;}
    /* .hmlpz{width: 90%;} */
    .baojia{width: 90%;}
    .baojia > .mens_img{display: none;}
    .baojia > .mens_area{margin-left: 10%;}
    .ztjz{width: 90%;}
    .p-box > img{display: none;}
    .p-box > div{width: 100%;margin: 0;}
    .shuxian{display: none;}
    .r-box .r-wen{width: 65%;}
    .suan-box{width: 65%;}
    .zxxy-bigbox{width: 90%;}
    .zxxy_detial{width: 90%;}
    .zxxy-tuijian{width: 86%;}
    .conn{width: 90%;}
    .sjs-detial{width: 90%}
    .hmlpz{width: 90%;}
    .p-box{width: 90%;}
}
@media all  and (max-width: 1000px){
    .product{width: 48%;}
    .gongdibox{width: 48%;}
    .chang-bag3{display: none;}
    .bgc{background-color: #fbfbfb;}
    .bgc > div{width: 90%;}
    .xueyuan-box{width: 48%;}
    .item-list{display: none;}
    .foot-box1{justify-content: center;}
    .erweima{width: 40%;}
    #left{width: 100%;}
    #right{width: 100%;}
    #right > div{width: 94%;padding: 3%;}
    #right>#low img{width: 48%;margin-left: 1%;}
    #zxxy-left{width: 100%;}
    #zxxy-right{width: 100%;margin: 0;}
    #zxxy-right > div{width: 94%;padding: 3%;}
    #zxxy-right > #low > #cont{display: flex;flex-wrap: wrap;}
    #zxxy-right > #low > #cont > div{width: 48%;margin-left: 1%;}
    .ziliao-bigbox{flex-wrap: wrap;}
    .ziliao{width: 100%;}
    #border-right{width: 100%;margin-top: 20px;}
    .left{width: 100%;}
    .right{width: 100%;margin-top: 50px;}
    .right > p{padding: 1% 0;}
    .right > .r_cont > div{width: 48%;margin-top: 0;}
    .right > .r_cont > div > img{height: 250px;}
    .tuijian .tuijian_box{width: 48%;}
    .tuijian .tuijian_box > img{height: 250px;}
    .ziliao-bigbox1{flex-wrap: wrap;}
    .ziliao-bigbox1 > .ziliao-box1{width: 100%;}
    .fgs-sbox{width: 43%;}
    .hmlpz .destribe{width: 100%;border: 0;}
    .hmlpz .h-banner{width: 100%;}
    .hmlpz .destribe > .book{padding: 2% 10%;margin: 3% auto;}
    .hmlpz .h-banner > .c-banner .banner ul li img{height: auto;}
    .ztjz .ztjz-box{width: 45%;margin-top: 10px;}
    .ztjz .ztjz-box img{height: 250px;}
    #zxxy-right > #low > .der_cont > .sjs{width: 35%;}
    .zxxy-tuijian > #anli > div{width: 49%;}
    .zxxy-tuijian > #anli > div > img{height: 250px;}
    .conn > .bm > div{width: 35%;margin-top: 10px;}
    .conn > .bm > div > p:nth-child(2){padding: 8% 0 5%;font-size: 16px;}
    .conn > .bm > div > p:nth-child(3){font-size: 20px;}
    .chang-bag2 .sj-jianjie > .designer_box > .sj-shouxi div:nth-child(1){font-size: 16px;}
    .qiehuan-box{width: 90%;}
}
@media all  and (max-width: 900px){
    .chang-bag2 .sj-jianjie{flex-wrap: wrap;}
    .chang-bag2 .sj-jianjie > .sj-lunbotu{display: none;}
    .chang-bag2 .sj-jianjie > .designer_box{width: 100%;}
    .tip{width: 30%;left: 35%;}
}
@media all  and (max-width: 800px){
    .head-logo-list div:nth-child(2) div:nth-child(1){display: none;}
    .head-list{display: none;}
    .hui-bigbox{flex-wrap: wrap;}
    .hui-box{width: 35%;justify-content: space-between;margin-top: 10px;}
    .head-list{display: none;}
    .pro-tubox{width: 100%;margin-right: 0;}
    .pro-wenbox{width: 100%;padding: 0;}
    .pro-tusan > img{height: auto;}
    .pro-anniu{margin: 10px auto;}

}
@media all  and (max-width: 700px){
    .head-logo-list div:nth-child(2){display: none;}
    .guding-box{display: none;}
    .nav-botton{display: block;margin-left: 10px;width: 40px;text-align: end;}
    /* .head-logo-list{justify-content: center;} */
    /* #img5{display: none;} */
    /* .jiang-box{flex-wrap: wrap;} */
    /* .jiang-smbox{width: 50%;} */
    .jiang-box{display: none;}
    .jiang-box-onPhone{display: flex;}
    .hui-bigbox{display: none;}
    .xuanzhe{justify-content: flex-start;}
    .isclick{width: 45%;margin: 10px 1%;}
    .baojia > .mens_wen{width: 70%;}
    .baojia > .mens_area{width: 70%;margin: 3% 0 0;}
    #bj{width: 90%;left: 5%;}
    .foot-float{display: none;}
    .foot-back{margin-bottom: 0;}
}
@media all  and (max-width: 600px){
    .daourl{display: none;}
    .footerOnPhone{display: flex;}
    .product{width: 100%;}
    .gongdibox{width: 100%;margin-bottom: 15px;}
    .xueyuan-box{width: 100%;margin-bottom: 15px;}
    .foot-bigbox{display: none;}
    #right>#low img{width: 100%;}
    #zxxy-right > #low > #cont > div{width: 100%;margin-left: 0;margin-top: 10px;}
    #zxxy-right > #low > #cont > div > p{font-size: 16px;}
    #zxxy-right > #low > span{font-size: 14px;}
    .right > .r_cont > div{width: 100%;margin-top: 10px;}
    .right > .r_cont > div > div{font-size: 16px;}
    .tuijian .tuijian_box{width: 100%;}
    .tyg-banner{height: 400px;}
    .box{width: 100%;}
    /* .box > img{height: 250px;} */
    .fgs-sbox{width: 98%;}
    .qiehuan-box{height: 400px;}
    .ztjz .ztjz-box{width: 93%;}
    .r-box .r-wen {width: 100%;}
    .suan-box{width: 100%;}
    .xy-bigbox > .xy-box > #img{width: 100%;}
    .xy-bigbox > .xy-box > .xy-box-right{width: 100%;margin-left: 0;}
    #zxxy-right > #low > .der_cont > .sjs{width: 49%;}
    .zxxy-tuijian a{width: 100%;}
    .zxxy-tuijian > #anli > div{width: 100%;}
    .conn > .bm > div{width: 45%;}
    /* .jiang-smbox{width: 19%;} */
    .jiang-smbox > span:nth-child(2){margin-top: 0;font-size: 16px;}
    .jiang-smbox > span:nth-child(3){display: none;}
    .jiang-smbox > div{height: 100px;}
    .title{font-size: 22px;}
    .title2{font-size: 16px;}
    .pro-xuan > div{font-size: 16px;}
    .an-title > span{font-size: 16px;}
    #jxpz{display: none;}
    .jiang-box-onPhone{padding-top: 20px;}
    .tiaojian-box{display: none;}
    .designerTypeChoose{display: flex;}
    #left .vid-box > img{width: 100%;}
    #left .vid-box > .vid-box-right{width: 100%;}
    #left .vid-box > .vid-box-right > .vid-cont{display: none;}
    #left .vid-box > .vid-box-right > .vid-but{display: none;}
    #right{display: none;}
    .sjs-wen3{display: none;}
    .sjs-anli{display: none;}
    .sjs-tu{width: 40%;height: auto;}
    .sjs-name > a{display: none;}
    .sjs-box{align-items: center;padding: 3%;}
    .derToDetail{display: block;}
    .sjs-zlbox :nth-child(3){display: block;}
    .sjs-wen2{display: none;}
    .ziliao-bigbox1 > .ziliao-box1{display: none !important;}
    .derDetailOnPhone{display: block;}
    .an-title{display: none;}
    .zxxyTitle{font-size: 22px;}
    .xy-bigbox > .xy-box > .xy-box-right > .xy-cont{display: none;}
    .xy-bigbox > .xy-box > .xy-box-right > .xy-but{display: none;}
    .onPC{display: none;}
    .onPhone{display: block;}
}
@media all  and (max-width: 550px){
    #unshow{display: none;}
    .ziliao-bigbox1 > .ziliao-box1{flex-wrap: wrap;}
    .ziliao-bigbox1 > .ziliao-box1 > .head_img > img{object-fit: contain;}
    .chang-bag2 .sj-jianjie > .designer_box > .sj-shouxi div:nth-child(4){margin-top: 0;}
    #bj > div{width: 90%;}
}
@media all and (max-width: 480px){
    .head-ding{display: none;}
    /* .jiang-smbox > span:nth-child(3){display: none;} */
    .jiang-smbox > div{height: 80px;}
    .pro-xuan > div{width: 20%;}
    .tyg-banner{height: 300px;}
    .qiehuan-box{height: 300px;}
    .baojia > .mens_wen{width: 90%;}
    .baojia > .mens_area{width: 90%;}
    #zxxy-right > #low > .der_cont > .sjs{width: 60%;}
    .xueyuan-content{display: none;}
    .xueyuan-title{border: 0;}
    .pro-headimg > img{display: none;}
    .product-wen div:nth-child(1){text-align: left;}
    .product-wen div:nth-child(2){text-align: left;}
    .jzal{padding-bottom: 20px;}
    .jzal-btn{display: block;}
    .designer_box{display: none !important;}
    .designerSlide .swiper-slide{overflow: hidden;}
    .designerSlide .swiper-slide .images{border-radius: 5px;}
    .gongdi > .gongdibox:nth-child(5){display: none;}
    .gongdi > .gongdibox:nth-child(6){display: none;}
    .xueyuan-box > .xueyuan-title > a {font-size: 16px;}
    .xueyuan-title{line-height: 26px;}
    .designerOnPhone {display: block;}
    .chang-bag2 .shejishi > .child > .shejishibox{width: 150px;}
    .chang-bag2 .shejishi{height: 190px;}
    .chang-bag2 > div > .designer_pre{bottom: 75px;}
    .chang-bag2 > div > .designer_nex{bottom: 75px;}
    .bookOnPhone{display: block;}
    .swiper-button-prev{display: none;}
    .swiper-button-next{display: none;}
    .jiang-smbox > span:nth-child(2){font-size: 12px;}
    /* .designerSlide .swiper-slide .gra-na{display: block;} */
    .ziliao > #up > img{width: 30%;}
    .ziliao > #up > div:nth-child(2){width: 68%;}
    .ziliao > #up > div:nth-child(2) > div > p > span{font-size: 14px;font-weight: normal;}
    .headimg{width: 70px;height: 70px;}
    .jieshao{padding: 5px 10px;}
    .cedao_box{display: none;}
    #border-right{display: none;}
    .left > .pre-nex{display: none;}
    .fenxian{display: none;}
    .sjs-tuijian{display: none;}
    #zxxy-left > .pre-nex{display: none;}
    #zxxy-right > #up{display: none;}
}
@media all and (max-width: 400px){
    #zxxy-right > #low > .der_cont > .sjs{width: 100%;}
    .tip{width: 40%;left: 30%;}
}
@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
        url('iconfont.woff2') format('woff2'),
        url('iconfont.woff') format('woff'),
        url('iconfont.ttf') format('truetype'),
        url('iconfont.svg#iconfont') format('svg');
}