@charset "utf-8";

.banner .swiper-pagination-bullets{z-index:20;text-align:center;position:absolute;bottom:2vw}
.banner .swiper-pagination-bullet{width:2vw;height:2vw}
.banner{position:relative}
.banner .swiper-pagination-bullet-active{background:#fff}
.banner{width:100%;height:46vw;overflow:hidden}
.banner ul li img{display:block;width:100%}

.design_center{width:95%;margin:0 auto}
.design_center li{overflow:hidden;position:relative;background:#fff;border-radius:2vw;padding:2vw;margin-bottom:2vw}
.design_center li a{display:block}
.design_center .des_top{overflow:hidden}
.design_center .des_top .des_img{float:left;width:25vw;height:25vw}
.design_center .des_top .des_img img{width:100%;height:100%;display:block;border-radius:2vw}
.design_center .des_top .des_img i{background:url(../images/design/tui.png) center no-repeat;position:absolute;top:1vw;left:4vw;width:10vw;height:6vw;background-size:cover}
.design_center .des_top .des_miao{float:right;width:63vw}
.design_center .des_top .des_miao span{display:block;font-size:4.7vw;color:#333;font-weight:600;padding:1vw 0}
.design_center .des_top .des_miao em{display:block;color:#333;font-size:4vw;padding:1vw 0}
.design_center .des_top .des_miao p{display:block;color:#333;font-size:3.5vw;padding:1vw 0}
.design_center .des_top .des_miao .des_jia{position:absolute;top:2vw;right:2vw}
.design_center .des_top .des_miao .des_jia img{width:16vw}
.design_center .des_top .des_miao .des_jia i{color:#999;font-size:3vw}
.design_center .des_bottom{position:relative;overflow:hidden;height:10vw;line-height:10vw}
.design_center .des_bottom p{font-size:4vw;color:#000;font-weight:700}
.design_center .des_bottom i{color:#439438;border:.2vw solid #439438;font-size:3.5vw;padding:.5vw 1vw;border-radius:3vw}
.design_center .des_bottom em{position:absolute;right:0;bottom:1.5vw;background:#439438;color:#fff;border-radius:3vw;padding:.5vw 1.5vw;font-size:3.5vw;height:6vw;line-height:6vw;width:14vw;text-align:center}
.more-a{width:32vw;height:10vw;background:#439438;text-align:center;color:#fff;line-height:10vw;margin:5vw auto;border-radius:2vw;font-size:4vw}

/*news*/
.news_banner{background: url("../images/banner.png") center no-repeat;width: 100%;height: 57vw;background-size: contain;}

.shop_form{width:97%;margin:0 auto;position:relative}
.shop_form img{width:100%;display:block}
.shop_form input{position:absolute;top: 18vw;left: 30vw;width:40vw;border:0;font-size:3.6vw;color:#fff;font-weight:700;background-color: rgba(0,0,0,0);}
.shop_form input::-webkit-input-placeholder{color:#fff}
.shop_form input::-moz-placeholder{color:#fff}
.shop_form input:-moz-placeholder{color:#fff}
.shop_form input:-ms-input-placeholder{color:#fff}
.shop_form .shop_hon{position:absolute;right:0;top:5vw;width:16vw;height:20vw}

.news_nav{width:93%;margin:-10vw auto 3vw;overflow:hidden;background:#fff;height:20vw;box-shadow:-2px 2px 8px 0 rgba(0,0,0,0.1);border-radius:2vw}
.news_nav .news_nav_cen{width:100%;height:17vw;display:flex;display:-webkit-flex;-webkit-justify-content:space-around;justify-content:space-around}
.news_nav .news_nav_cen .news-nv1{text-align:center;margin-top:1.5vw}
.news_nav .news_nav_cen .news-nv1 img{width:11vw;height:11vw;display:block;margin:0 auto}
.news_nav .news_nav_cen .news-nv1 span{font-size:3.5vw;color:#000}

.news_list_center{padding:4vw 3vw;position:relative;overflow:hidden;background:#fff;border-top:.5vw solid #eee;margin-bottom:5vw}
.news_list_name_te{margin-bottom:2vw}
.news_list_name_te .text-black{margin-bottom:1vw;font-size:5vw;color:#333;text-align:left}
.news_list_name_te .text-black h1{font-weight:700}
.news_list_name_te .text-color9{color:#999;font-size:4vw}
.news_list_upload{margin-bottom:5vw}
.news_list_upload p{font-size:3.5vw;color:#333;line-height:6vw}
.news_list_upload img{width:100%!important;height:auto!important;margin-bottom:2vw;display:block}
.news_list_banner{display:block;width:100%}
.news_list_banner img{width:100%!important;height:auto!important;margin-bottom:2vw;border-radius:3vw;display:block}
.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end;margin-top:5vw}
.news_list_upload .prev_page{margin-left:5vw;color:#666;font-size:4vw}
.news_list_upload .next_page{margin-right:5vw;color:#666;font-size:4vw}

.str_center_end{}
.teg_list{margin: 0 auto;background: #fff;padding: 1vw 3vw 0;width: 88%;border-radius: 2vw;}
.teg_list ul li{overflow:hidden;margin:3vw 0 0 0;border-bottom:1px solid #eee;padding-bottom:3vw;}
.teg_list ul li a{display: block;}
.teg_list .left_ser{float:left;width:48vw;height:19vw;position:relative}
.teg_list .left_ser span{color:#333;font-weight:700;text-align:left;display:block;font-size:3.7vw;height:11vw}
.teg_list .left_ser .left_shu{position:absolute;bottom:-1vw}
.teg_list .left_ser .left_shu em{font-size:3vw;padding:1vw;text-indent: 4vw;display:inline-block;color: #999999;}
.teg_list .left_ser .left_shu em:nth-child(1){background:url(../images/na1.png) left no-repeat;background-size: 4vw;}
.teg_list .left_ser .left_shu em:nth-child(2){background:url(../images/na2.png) left no-repeat;background-size: 4vw;}
.teg_list .left_ser .left_shu em:nth-child(3){background:url(../images/na3.png) left no-repeat;background-size: 4vw;}
.teg_list .right_ser{float:right;width:30vw;height:19vw;border-radius:1vw;overflow:hidden}
.teg_list .right_ser img{width:100%;height:100%;display:block}
.str_center_end .more-a{width:32vw;height:10vw;background:#4084fd;text-align:center;color:#fff;line-height:10vw;margin:5vw auto;border-radius:2vw;font-size:4vw}

/*案例*/
.case_center{width:95%;margin:0 auto}
.case_center li{overflow:hidden;position:relative;padding:2vw}
.case_center li a{display:block}
.case_center .case_ne_img{width:100%;height:52vw;overflow:hidden;border-top-left-radius:2vw;border-top-right-radius:2vw}
.case_center .case_ne_img img{width:100%;display:block;height:52vw}
.case_center .case_design{background:#fff;border-bottom-left-radius:2vw;border-bottom-right-radius:2vw;overflow:hidden;padding:2vw;position:relative}
.case_center .case_design .des_tou{float:left;width:15vw;height:15vw}
.case_center .case_design .des_tou img{width:100%;height:100%;display:block;border-radius:50%}
.case_center .case_design .case_style{float:left;width:69vw;margin-left:3vw}
.case_center .case_design .case_style span{display:block;font-size:4.5vw;font-weight:700;margin-bottom:1vw}
.case_center .case_design .case_style_lie{width:100%;overflow:hidden;height: 7vw;padding-top: 2vw;}
.case_center .case_design .case_style_lie i{color:#333;border:.2vw solid #333;font-size:3.5vw;padding:.5vw 1vw;border-radius:1vw}
.case_center .case_design .case_liu{position:absolute;right:3vw;top:2vw}
.case_center .case_design .case_liu img{width:6vw;margin:0 auto;display:block}
.case_center .case_design .case_liu em{display:block;font-size:3vw;color:#8c8c8c}

.retrie{position:relative;z-index: 1;height: 11vw;}
.retrie dt{overflow:hidden;text-align: center;}
.retrie dt a{position:relative;display: inline-block;width: 29%;height: 10vw;line-height: 10vw;color:#333;font-size: 4vw;background: #e0e5f1;border-radius: 15vw;text-align: left;text-indent: 9vw;}
.retrie dt a:after{position:absolute;top: 3.5vw;right: 7vw;content:' ';background: url("../images/case/sanjiao.png") center no-repeat;width: 4vw;height: 3vw;background-size: contain;}
.retrie dt .up{color: #4084fd;}
.retrie dt .up:after{
    background: url(../images/case/sanjiao1.png) center no-repeat;
    width: 4vw;
    height: 3vw;
    background-size: contain;
}
#wage:before{position:absolute;top: 45px;left:0;display:block;width:1px;height: 25px;background-color: #dcdcdc;content:' ';}
#sind:before{position:absolute;top: 45px;left:0;display:block;width:1px;height: 25px;background-color: #dcdcdc;content:' ';}
.retrie dd{position:relative}
.slide{position:absolute;top: 3vw;left:0;z-index: 2;display:none;width:100%;overflow-y:auto;background-color:#fff;}
.slide li{display:block;height: 12vw;border-bottom: 1px solid #eee;}
.slide li a{display:block;padding: 0 8vw;height: 12vw;background-color:transparent;line-height: 12vw;font-size: 3.5vw;color: #333;}
.slide li a.select{background-color:#fff}

.case_list_center{position:relative;overflow:hidden;background:#fafafa;border-top:.5vw solid #eee;margin-bottom:5vw;z-index:99}
.topimg{width:100%;height:40vw;background:#000!important;overflow:hidden}
.topimg img{display:block;width:100%;height:auto}
.detail-text-img{overflow:hidden;position:relative;width:90%;margin:0 auto}
.detail-text-img img{width:100%;}
.detail-text-img .img{width:100%;height:52vw;margin-bottom:6vw}
.detail-text-img .img img{width:100%;height:52vw}
.detail-text-img p{line-height:2;font-size:3.5vw;color:#666;margin-bottom:1vw}
.detail-text-img a{display:block}
.detail-text-img .detail-title{padding-top:0;padding-bottom:2vw;color:#333;font-size:5vw;border-bottom:none;margin-bottom:0;font-weight:400;font-family:"Noto Sans CJK SC Medium","Source Han Sans CN Medium";line-height:1}
.pdb15{position:relative;margin-bottom: 5vw;}
.pdb15 .tab-design{width:90%;height:auto;background:#fff;opacity:.9;border-radius:2vw;color:#333;text-align:center;padding:3vw 1vw 1vw;overflow:hidden;margin: -18vw auto 0;}
.pdb15 .tab-design .ellipsis{font-size:4.2vw;margin-bottom:1vw;font-family: "Source Han Sans CN Medium";}
.pdb15 .tab-design .zy1 p{font-size:3vw;margin-bottom:3vw;}
.pdb15 .tab-design .zy1_2{display:flex;justify-content:space-between;align-items:center;font-size: 3.5vw;color:#333;margin-top: 5vw;position:relative;/* overflow: hidden; */}
.pdb15 .tab-design .zy1_2 .photo{
    width: 20vw;
    height: 20vw;
    border-radius: 50%;
}
.pdb15 .tab-design .zy1_2 .photo img{
    width: 100%;
    height: 100%;
    display: block;
}
.pdb15 .tab-design .zy1_2 .text{
    text-align: left;
    margin: 0 0vw 0 0;
    width: 35vw;
}
.pdb15 .tab-design .zy1_2 .text .ellipsis{
    font-weight: bold;
    color: #333;
    font-size: 4.5vw;
    margin-bottom: 2vw;
}
.pdb15 .tab-design .zy1_2 .text .sub{
    font-size: 3.5vw;
    width: 22vw;
    height: 6vw;
    background: #caddff;
    border: 1px solid rgb(180 207 255);
    border-radius: 24px;
    font-weight: 400;
    color: #5390fd;
    line-height: 6vw;
    text-align: center;
}
.pdb15 .tab-design .zy1_a{
    width: 23vw;
    height: 9vw;
    line-height: 9vw;
    background: #4084fd;
    border-radius: 1vw;
    color: #fff;
    text-align: center;
    font-size: 4vw;
    margin: 0 3vw 0 0;
}
.pdb15 .tab-design .photo img{display:block;width:100%;height:auto;top:0;left:0}
.pdb15 .tab-design .zy1_3{
    padding-top: 2vw;
    text-align: left;
    border-top: 0.5vw solid #edecec;
    margin-top: 3vw;
}
.pdb15 .tab-design .zy1_3 a{font-size: 3.5vw;color: #4084fd;float:right;margin: 1vw 2vw;}

.pdb15 .tab-design .zy1_3 p{
    padding-top: 0;
    text-align: left;
    font-size: 4vw;
    font-weight: bold;
    color: #333;
    padding-bottom: 0.5vw;
    font-family: "Source Han Sans CN Medium";
    margin-bottom: 1vw;
    padding-left: 2vw;
}
.pdb15 .tab-design .ellipsis_3{
    font-size: 3.5vw;
    color: #666;
    height: 16vw;
    overflow: hidden;
    display: block;
    padding: 0 2vw;
}

/*商城*/
.shop_banner{background: url("../images/banner.png") center no-repeat;width: 100%;height: 57vw;background-size: contain;}
.shop_center{width:92%;overflow:hidden;margin: 0 auto;}
.shop_center .shop_time{text-align:left}
.shop_center .shop_time img{width:20vw;margin: 3vw 0 0 0;display:inline-block;}
.shop_center .countdown{display:inline-block;vertical-align: text-bottom;}
.shop_center .countdown li{display:inline-block;margin-left:0}
.shop_center .countdown li span{font-size: 3vw;color:#fff;background:#fc3f3f;border-radius:5px;padding: 0 .1vw;text-align: center;}
.shop_center .countdown li.seperator{font-size: 3vw;color:red;}
.shop_center .countdown li p{color:#a7abb1;font-size:14px}
.shop_center .shop_img{width:100%;overflow:hidden;margin:2vw auto 0}
.shop_center .shop_img .shop_left{float:left;width: 35.5vw;}
.shop_center .shop_img .shop_left img{width:100%;display:block}
.shop_center .shop_img .shop_right{float:right;width: 55.5vw;}
.shop_center .shop_img .shop_right a{display:block;width:100%;margin-bottom:1.5vw}
.shop_center .shop_img .shop_right img{width:100%;display:block}

.shop_li_list{background:#fff;width:99%;margin:4vw auto 5vw;position:relative;border-radius:2vw;box-shadow:0 1px 7px 1px #d6d6d6;padding-bottom:1vw}
.shop_li_list .shop_list_bgy1{background:linear-gradient(to right,#cd5a5d,#eeb4b3)}
.shop_li_list .shop_list_bgy2{background:linear-gradient(to right,#9069a8,#d3c4d9)}
.shop_li_list .shop_list_bgy3{background:linear-gradient(to right,#cf966c,#edcdb8)}
.shop_li_list .shop_list_bgy4{background:linear-gradient(to right,#66769f,#b9bdd6)}
.shop_li_list .shop_list_name{overflow:hidden;border-top-left-radius:2vw;border-top-right-radius:2vw;width:100%;height:23vw}
.shop_li_list .shop_list_name .left{float:left;width:50vw;margin:2.5vw 0 0 3vw}
.shop_li_list .shop_list_name .left span{font-size:5.2vw;display:block;color:#fff;margin-bottom:1.5vw}
.shop_li_list .shop_list_name .left a{color:#fff;border:.5vw solid #fff;font-size:3.5vw;padding:.5vw 3vw;border-radius:5vw;display:block;width:30vw}
.shop_li_list .shop_list_name .right{float:right;width:25vw;margin:4vw 5vw 0 0}
.shop_li_list .shop_list_name .right img{width:100%;display:block}
.shop_li_list .shop_nei_dd{padding:3vw;overflow:hidden;position:relative}
.shop_li_list .shop_nei_dd .shop_nei_dd_aa{width:49%;display:inline-block}
.shop_li_list .shop_nei_dd .shop_nei_dd_aa img{width:100%;height:38vw;display:block}
.shop_li_list .shop_nei_dd .shop_nei_dd_aa p{font-size:4vw;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.shop_li_list .shop_nei_dd .shop_nei_dd_aa a{font-size:3.5vw;color:red}
.shop_li_list .shop_nei_dd .shop_nei_dd_aa a em{background:red;color:#fff;border-radius:10vw;display:block;text-align:center;padding:1.5vw 0;font-size:4vw;margin-top:2vw}
.shop_li_list .shop_nei_dd .shop_nei_dd_aa .shop_fei{font-size:3vw;padding:1vw 0 0}
.shop_li_list .shop_nei_dd .shop_nei_dd_aa a strong{font-size:5vw;color:red}
.shop_li_list .shop_nei_dd .shop_nei_dd_aa .shop_fei i{color:#a5a5a5;text-decoration:line-through}


/*设计师详情*/
.sjtdxq_top {
    background: url(../images/case/m_main_al_img1.png) no-repeat center top;
    background-size: 100% 64vw;
    width: 100%;
    height: 64vw;
    margin-top: 0;
}
.sjtdxq_center{background:rgba(255,255,255,1);margin-top: -20vw;padding: 5vw;border-top-left-radius: 5vw;border-top-right-radius: 5vw;}
.sjtx{margin-top: -16vw;}
.sj_tx{float: left;}
.sj_tx img{width: 25vw;height: 25vw;border-radius:50%;background:rgba(193,193,193,1);border: 0.25rem solid rgba(255,255,255,1);box-shadow: 0px 10px 10px 0px rgba(223, 223 ,223 ,6);}
.sj_logo{float: left;margin-top: 20vw;}
.sj_logo img{width: 38vw;}
.sj_yuyue{float: right;margin-top: 17vw;}
.sj_yuyue a {background: #439438;padding: 1vw 3vw;border-radius: 10vw;font-size: 4vw;font-weight: bold;color: #fff;}
.sjtx_name{display: inline-block;padding-top: 3vw; padding-left:6vw;}
.sjtx_name p:nth-child(1){font-size: 6vw;font-family:PingFang SC;font-weight:bold;color:rgba(42,42,42,1);margin-bottom: 2vw;}
.sjtx_name p:nth-child(1) span{padding: 1vw 4vw;margin-left: 5vw;font-size: 3.5vw;font-weight:400;color: #439438;background: rgb(237 243 249);border: 1px solid #439438;border-radius: 12vw;}
.sjtx_name p:nth-child(2){font-size: 4vw;font-weight:400;color:rgba(114,114,114,1);margin-bottom: 3vw;}
.sjtx_name p:nth-child(3){font-size: 5vw;font-family:PingFang SC;font-weight:800;color:rgba(42,42,42,1);margin-bottom: 2vw;}
.sjtx_name p:nth-child(4) span{padding: 1vw 3vw;margin-right: 3vw;background: rgb(237 243 249);border-radius:27px;font-size: 4vw;font-family:PingFang SC;font-weight:400;color: #439438;margin-bottom: 2vw;display: inline-block;}
.slideTxtBox{
    width:100%;
    margin:0 auto;
    font-weight:bold;
    color:#fff;
    text-align: center;
    position: relative;
    top: 1vw;
}
.slideTxtBox .hd{width:100%;height: 15vw;position:relative;background:rgba(255,255,255,1);border-bottom: 1vw solid #f0f2f7;box-shadow:0px 1px 0px 0px rgba(223,223,223,1);}
.slideTxtBox .hd ul{ float:left;position:absolute; left:0px; top:0px;width: 100%; }
.slideTxtBox .hd ul li{width: 50%;color: #727272;height: 15vw;font-size: 4vw;list-style:none;float:left;margin: 0;line-height: 14vw;position: relative;}
.slideTxtBox .hd ul li a{display: block;text-align: center;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;width: 100%;height: 38px;margin-top: -20px;}
.slideTxtBox .hd ul li.on{color:#2A2A2A;}
.slideTxtBox .hd ul li:nth-child(1).on:after{height: 0.5vw;content: "";background: #4084fd;position: absolute;bottom: 2.5vw;left: 0;right: 8vw;width: 15vw;margin: 0 auto;}
.slideTxtBox .hd ul li:nth-child(2).on:after{height: 0.5vw;content: "";background: #4084fd;position: absolute;bottom: 2.5vw;left: 0;right: 0;width: 15vw;margin: 0 auto;}
.slideTxtBox .bd{position: relative;background-color: #fff;text-align: left;}
.slideTxtBox .bd ul{width: 100%;overflow: hidden;margin: 3vw 0;}
.slideTxtBox .bd li{list-style:none;}
.slideTxtBox .bd li:hover{cursor:pointer;}
/* 案例列表 */
.slideTxtBox .bd .khfxWarp{
    width: 100%;
    background: #fff;
    overflow: hidden;
    margin-bottom: 8vw;
}
.slideTxtBox .bd ul li{width: 90%;background: #FFFFFF;margin: 0 auto 3vw;}
.slideTxtBox .bd ul li .case_img{width: 100%;border-radius: 3vw 3vw 0px 0px;height: 50vw;display: block;}
.slideTxtBox .bd ul li .case_info{padding: 10px;background: #f0f2f7;}
.slideTxtBox .bd ul li .case_info img{width:2.125rem;height:2.125rem;border-radius:50%;margin-right: 10px;}
.slideTxtBox .bd ul li .case_info p:nth-child(1){font-size: 4vw;display: inline-block;font-weight:bold;color:rgba(66,66,66,1);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin-bottom: 2vw;}
.slideTxtBox .bd ul li .case_info p:nth-child(2){display: inline-block;font-size: 3vw;font-weight:400;color:rgba(114,114,114,1);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;height: 8vw;line-height: 8vw;}
.slideTxtBox .bd ul li .case_info p i{
    color: #333;
    border: .2vw solid #333;
    font-size: 3.5vw;
    padding: .5vw 1vw;
    border-radius: 1vw;
    margin-right: 5vw;
}
.load-tip{margin: 1.2rem auto;text-align: center;font-size: 1.5rem;color: #b9b9b9;}
/* 设计师详情 */
.sjxq_center{background-color: #fff;padding: 5vw;margin-bottom: 8vw;}
.sjxq_center .sjxq_xq_title{font-size: 4vw;color: #2A2A2A;font-family:PingFang SC;font-weight:bold;color:rgba(42,42,42,1);margin-bottom: 1vw;}
.sjxq_center span{font-size: 3vw;color:#424242;line-height: 7vw;font-family:PingFang SC;font-weight:400;margin-bottom: 2vw;display: inline-block;}


.pagebar {
    padding: 20px;
    overflow: hidden;
    clear: both;
	}
	
.pagebar .pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.pagination .st {
    font-family: 宋体;
}

.pagination a {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    padding: 8px 10px;
    margin: 0 2px;
    border-radius: 3px;
    line-height: 100%;
}

.pagination a.page-num-current {
    color: #fff;
    background: #439438;
    border: 1px solid #439438;
}