.ipro_li{width: 20%; float: left;}
.ipro_li{padding:4.7vw 2.65vw 0 2.65vw}
.ipro_li img{width: 100%}
.ipro_li .sum{font-size: 1.6vw; font-family: "ruisong"; color: #a99d84; padding-bottom: 20px;}
.ipro_li .pro_tit{padding-top: 20px; color: #a99d84; font-size: 1.32vw}
.ipro_li .pro_tit span{font-size: 0.86vw; color: #ded9cf; font-family: "HarmonyOS_Sans_SC_Regular"; }
.pro_img{position: relative; overflow: hidden;}
.pro_img .imsli{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: all 0.5s}
.ipro_li a:hover .imsli{transform: scale(1.1);}
.ny_pro .row{margin: 0 -2.65vw;display: flex;
    flex-wrap: wrap;}
.ny_pro{padding-top: 3.9vw}
.ny_pro .ipro_li:nth-child(11),.ny_pro .ipro_li:nth-child(12),.ny_pro .ipro_li:nth-child(13),.ny_pro .ipro_li:nth-child(14){width: 25%}
.ny_pro .ipro_li:nth-child(3n+3) .sum,.ny_pro .ipro_li:nth-child(3n+3) .pro_tit,.ny_pro .ipro_li:nth-child(3n+3) .pro_tit span{color: #2b1811;}

.works_list .ipro_li .pro_tit{padding-top: 0}
.bss{overflow: hidden;}

.bgfff,.morework{background: #fff;}



/*产品详情*/
.top_left{width: 45%; float: left; padding-right: 4.84vw; position: relative;}
.top_right{float: right; width: 55%;position:relative;}
.top_right .txt{position:absolute;z-index:7;top:25px;left:25px;color:#fff; padding-left: 25px; background: url(../images/logos.svg) no-repeat center left; background-size: 18px; line-height: 18px;}
.pro_detail .container{padding-right: 0}
.top_right img{width: 100%}
.top_left > h2{font-family: "ruisong"; font-size: 1.1vw; padding-top: 1.87vw}
.top_left > h3{font-family: "ruisong"; font-size: 2.45vw; line-height: 1.2em; padding-top: 10px;}
.top_left > p{font-size: 1.25vw; font-family: "HarmonyOS_Sans_SC_Light"; padding-top: 1.25vw}
.dizhi{font-size: 0.86vw; color: #666; padding-left: 20px; background: url(../images/minilogo.svg) no-repeat left center; font-family: "HarmonyOS_Sans_SC_Light"; margin-top: 10px;}
.yuedu{font-size: 0.7vw; color: #666;padding-left: 20px; background: url(../images/eyes.svg) no-repeat left center; font-family: "HarmonyOS_Sans_SC_Light"; margin-top: 10px;}
.d_table{width: calc(100% - 4.68vw); position: absolute; bottom: 3vw}
.d_table ul{display: flex; flex-wrap: wrap; border-bottom: solid 1px #eee; border-top:solid 2px #eee;}
.d_table ul li{flex: 25%; border-bottom: solid 1px #eee; padding: 16px; border-right: solid 1px #eee; font-size: 0.625vw; font-family: "HarmonyOS_Sans_SC_Light"; color: #bcbbba}
.d_table ul li:nth-child(4n){border-right: 0}
.d_table ul li h3{font-size: 0.625vw; font-family: "HarmonyOS_Sans_Bold"; color: #999; padding-bottom: 5px;}
.fenxiang{padding-top: 40px;}
.fenxiang a{display: inline-block; margin-right: 5px;}
.fenxiang a img{width: 1.17vw;}
.pdtail_top{display: flex; padding-bottom: 7.6vw}
.top_right img{} 
.content_left img{width: 100%}
/*.content_left>img{margin-bottom: 3vw;}*/
.content_left .swiper-slide{margin-bottom: 3vw; }
.content_left .swiper-slide:last-child{margin-bottom: 0}
.content_left{width: 55%; float: left;}

.pro_content .siderBar{width: 45%; float: right;}
.content_right{float: right; padding-left: 5.47vw;}
.content_right222{width: 45%;}
.content_right p{font-size: 0.96vw; color: #999;  font-family: "HarmonyOS_Sans_SC_Light"; padding-bottom: 1.2vw}
.pro_content,.pro_detail{background: #f7f4f0}
.fenxiang span{color: #999; font-size: 0.98vw; float: left; position: relative; top: -5px;}
.content_right .fenxiang{padding-top: 0}
.content_right .fenxiang{padding-bottom: 2.34vw; padding-top: 1.8vw; border-bottom: solid 1px #ddd;}
.pro_content{padding-bottom: 8.125vw}
.shangxia{padding-top: 6.56vw; font-size: 1.1vw;  font-family: "HarmonyOS_Sans_SC_Regular"; font-weight: bold;}
.shangxia span{ font-family: "HarmonyOS_Sans_SC_Regular";}
.xia{text-align: right;}
.works_list{margin: 0 -2.65vw; margin-bottom: 5.66vw;padding-bottom:20px; }
.more_tit{font-family: "ruisong"; font-size: 2.73vw; position: relative; margin-top: -2vw}
.works_list .ipro_li{position: relative;}
.works_list .ipro_li .sum{position: absolute; right: 20px; font-size: 2.58vw; top: 2.6vw; z-index: 10; font-style: italic;}

.search_ny{padding-top: 0}
.search_ny .ipro_li:nth-child(11),.search_ny .ipro_li:nth-child(12),.search_ny .ipro_li:nth-child(13),.search_ny .ipro_li:nth-child(14){width: 20%}
.search_tj{display: flex; font-size: 1.1vw; font-weight: bold; border-bottom: solid 1px #ddd; padding: 56px 0 20px 0;  font-family: "HarmonyOS_Sans_SC_Regular";}
.tongji_en,.tongji_cn{flex: 50%}
.tongji_cn{text-align: right;}

.tanchu_img{top: 0; left: 0; z-index: 1001; background: #f7f4f0; width: 100%; height: 0; position: fixed; transition: all 0.5s; overflow: hidden;}
.tanchu_img2{height: 100vh;}
.tanchu_img .row{display: flex; height: 100vh}
.tanchu_img .top_left{width: 100%; padding-right: 90px; position: initial;}
.tanchu_img .col-sm-4{position: relative;}
.tanchu_img .swiper{overflow: hidden; width: 100%; height: 100%; position: relative; background: #fff}
.tanchu_img .swiper-slide{text-align: center;}
.tanchu_img .swiper-slide img{height: 100%; max-width: 100%}
.found{ font-family: "HarmonyOS_Sans_SC_Light"; color: #999; font-size: 0.86vw}
.found a{font-weight: bold; color: #666; font-family: "HarmonyOS_Sans_SC_Regular";}
.tc_anniu{height: 54px; width: 300px; background: #f7f4f0; border-bottom-left-radius: 100px; position: absolute; right: 0; top: 0; z-index: 10; display: flex;}
.tc_anniu .swiper-button-next2{margin: 0 20px;}
.tc_anniu{font-size: 14px; font-family: "HarmonyOS_Sans_SC_Regular"; line-height: 54px; padding: 0 30px; padding-left: 40px;}
.swiper-button-prev2 img{float: left; margin-top: 18px; margin-right: 10px}
.swiper-button-next2 img{float: right; margin-top: 18px; margin-left: 10px}
.closes,.tc_anniu .swiper-button-disabled{opacity: 0.4; cursor: inherit;}
.top_right,.closes{cursor: pointer;}

/*创意者*/
.w_20{width: 20%; float: left; padding: 0 1.25vw;}
.creator_list .row{margin: 0 -1.25vw;display:flex;flex-wrap:wrap;}
.img_k{ overflow: hidden; position: relative;}
.img_k img{width:100%;height: 100%;object-fit: cover;}
.creator_list .w_20:nth-child(23n+17),.creator_list .w_20:nth-child(23n+2){width: 40%}
.creator_li{margin-top: 3.5vw;}
.creator_txt {overflow: hidden;}
.creator_li .creator_txt {display: flex; justify-content: space-between;} 
.creator_li p{font-size: 0.85vw; font-family: "ruisong"; color: #b8b8b8}
.creator_txt h3{font-size: 1.75vw;  font-family: "ruisong"; color: #454445; padding-top: 15px;max-width:75%; }
.creator_txt span{font-size: 0.65vw; color: #454445; padding-top: 1.5vw; font-weight: bold;  font-family: "HarmonyOS_Sans_Bold";}
.creator-a{text-align: center;}
.creator-a a{display: inline-block; font-weight: bold; line-height: 3.51vw;     font-size: 0.98vw; padding: 0 60px; font-family: "HarmonyOS_Sans_SC_Regular"; border: solid 1px #000}
.creator-a{padding: 4.68vw 0 10.5vw 0}
.creator_tit{ text-align: center;  font-family: "HarmonyOS_Sans_SC_Regular";font-size: 1.36vw; padding: 2.656vw 0 4.3vw 0; position: relative;}
.creator_tit:before{content:""; display: block; width: 100%; height: 2px; background: #999; position: absolute; top: 50%}
.creator_tit p{display: inline-block; background: #f7f4f0; position: relative;   z-index: 1; padding-right: 1.64vw}
.creator_tit span{font-size: 2.5vw; font-family: "ruisong"; padding: 0 1.64vw}
.creator_list .w_20:nth-child(4) .creator_li,.creator_list .w_20:nth-child(1) .creator_li,.creator_list .w_20:nth-child(2) .creator_li,.creator_list .w_20:nth-child(3) .creator_li{margin-top: 0}
.creator_left{width: 50%;}
.creator_left img{width: 50%; float: left; padding-right: 40px}
.creator_right{padding-left: 4.9vw; float: right; width: 50%}
.creator_detail .container{padding-left: 0;}
.creator_detail{padding-top: 2.5vw}
.creator_right h2{font-size:2.4vw; font-family: "ruisong"; }
.creator_right h2 span{font-size: 1.48vw; font-family: "HarmonyOS_Sans_SC_Regular";}
.creator_right h5{font-size: 1.01vw; color: #666; margin-top: 20px;font-family: "HarmonyOS_Sans_SC_Regular"; padding-left: 20px; background: url(../images/add.svg) no-repeat center left;}
.creator_right .fenxiang{padding: 30px 0}
.creator_txt p{font-family: "HarmonyOS_Sans_SC_Light"; color: #666; font-size: 0.96vw;padding-bottom: 1.2vw;}
.creator_detail{background: #f7f4f0}
.creator_detail .pdtail_top{padding-bottom: 5.86vw;}
.bg_line .container .hr{padding-bottom: 7.8vw; border-top: solid 1px #cac9c7;}
.bg_line{ background: #f7f4f0}
.works{background: #fff}
.detail_ca .bg_line{padding-top: 5.86vw}
.detail_ca .more_tit{text-align: right; margin-bottom: 7.03vw;}
.interview{margin-bottom: 6.83vw}
.detail_ca .col-sm-4{padding: 0 1.56vw;}
.detail_ca .row{margin: 0 -1.56vw}
.interview_txt h3{font-family: "ruisong"; font-size: 1.25vw; padding-top: 20px; line-height: 1.5em}
.interview_txt h4{font-family: "HarmonyOS_Sans_SC_Regular"; font-size: 1.1vw; line-height: 2em;}
.interview_txt span{padding-top: 15px; font-size: 0.78vw; font-family: "HarmonyOS_Sans_SC_Regular"; color: #aaa}
.bg_more{background: #f7f4f0}


/*关于我们*/
.ab_ny{padding: 3vw 0 3vw 0; background: #f7f4f0}
.ab_ny .container{max-width:1240px; padding: 0}
.ab_tit h3{font-family: "ruisong"; font-size: 3.9vw; text-align: center; padding-bottom: 35px;}
.ab_tit h4{text-align: center; font-size: 1.2vw; font-family: "HarmonyOS_Sans_SC_Regular"; }
.ab_tit{padding-bottom: 40px;}
.ab_content {padding-bottom: 2.8vw;}
.ab_content p {
    font-size: 1vw;
    font-family: "HarmonyOS_Sans_SC_Regular"; 
	padding-bottom: 20px;
}
.ab_line{height: 1px; margin: 4vw 0 6.8vw 0; padding: 0 90px}
.ab_line hr{border-bottom: solid 1px #c7c5c4}


/*榜单*/
.bangdan_list{overflow: hidden; position: relative;}
.bangdan_li{width: 8.33333%; opacity: 0.7; float: left; padding: 0 10px;}
.bangdan_li img{width: 100%}
.bangdan_li:nth-child(2n){margin-top: 110px;}
.bd_nian{font-family: "ruisong"; font-style:italic; color: #fcba15; position: absolute; z-index: 2; font-size: 8.25vw; height: 8.25vw; text-align: center; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: inline-block; line-height: 1em; width: 10vw;}
.bangdan{position: relative; background: #fff}
.bangdan:nth-child(2n) .bd_nian{color: #e83aae}
.bangdan:nth-child(3n) .bd_nian{color: #18efe4}
.bangdan:nth-child(2){background: #ededec}
 

.bangdan_detail .flexrow{display: flex; flex-wrap: wrap; align-items: center;}
.bangdan_detail .col-sm-5 .ipro_li:first-child{width: 100%; position: relative;}
.bangdan_detail .col-sm-5 .ipro_li:first-child .sum{position: absolute; left: 50%; color: #b68129; padding-left: 3.1vw; font-size: 6.1vw; font-style: italic;}
.bangdan_detail .col-sm-5 .ipro_li:first-child  .pro_tit{left: 50%; padding-left: 50px; bottom:5.3vw; position: absolute;}
.bangdan_detail .col-sm-5 .ipro_li:first-child  .pro_tit p{font-size: 1.7vw; color: #b68129}
.bangdan_detail .col-sm-5 .ipro_li:first-child  .pro_tit span{font-size: 1vw; color: #d5b98a}
.bangdan_detail .col-sm-5 .ipro_li:first-child .pro_img{width: 50%}
.bangdan_detail .ipro_li{width: 25%; padding-bottom: 5.3vw; padding-top: 0}
.bangdan_detail .col-sm-7 .ipro_li{width: 33.33%;}
.bangdan_detail .col_2 {
	display: flex;
	justify-content: flex-end;
}

.great_tit{padding: 0rem 0; padding-left: 9vw}
.great_tit h3{font-family: "ruisong"; font-size: 3.2vw; }
.great{display: flex; align-items: center;}
.great_tit p{font-size: 0.93vw; font-family: "HarmonyOS_Sans_SC_Regular"; color: #666; padding-top: 46px;}
.great_tit:before{width: 80px; height: 10px; background: #000; margin-bottom: 50px; content:""; display: block;}
.great_tit:after{width: 80px; height: 10px; background: #000; float: right; margin-top: 70px; content:""; display: block;}
.bangdan_detail{padding-bottom: 2.5vw; padding-top: 3.7vw;}

/*page*/
.pages{text-align: center; padding: 5vw 0 4.9vw; font-family: "ruisong"; color: #8a8b8b; font-size: 0.95vw;}
.pages a{padding: 0 0.4vw}
.pages .on{font-size: 1.47vw; color: #000}
.pages ul li{display: inline-block;}
.link span.chinese{font-family: "HarmonyOS_Sans_SC_Regular"; display: none}
.link:hover span.chinese{display: inline-block;}
.link:hover span.en{display: none}


@media (min-width:992px) {    
    
} 
@media (max-width:1600px) {  
	.shangxia img{width: 420px}
}   
@media (min-width:1440px) {  
	
} 

@media(max-width:1440px){ 
	 .d_table{position: initial;}
	 .shangxia img{width: 320px;}
}

@media(max-width:991px){ 
	.pdtail_top{display: block;}
	.creator_left{width: 100%}
	.creator_right{width: 100%; padding-left: 0;}
	.container{padding: 0 15px;}
	.creator_detail .container{padding-left: 15px;}
	.ipro_li{padding:15px; width: 100%}
	.works_list{margin: 0}
	.works_list .ipro_li .sum{position: initial;}
	.detail_ca .more_tit{text-align: left;}
	.w_20{width: 100%}
	.creator_list .w_20:nth-child(17n), .creator_list .w_20:nth-child(23n+2) { width: 100%;}
	.creator_list .w_20:nth-child(4) .creator_li, .creator_list .w_20:nth-child(1) .creator_li, .creator_list .w_20:nth-child(2) .creator_li, .creator_list .w_20:nth-child(3) .creator_li {   }
	.creator_tit span{padding-left: 0;}
	.creator_tit:before{display: none}
	.creator_tit{text-align: left;}
	.content_left,.pro_content .siderBar,.top_left,.top_right{width: 100%}
	.pro_content{padding-top: 30rem}
	.pro_detail .container{padding-right: 15px;}
	.content_right{padding: 0;}
	.shangxia img{width: 0px;}
	.works_list{margin: 0 -15px}
	.top_left{padding-right: 0}
	body{}
	.content_right p{}
	.xia{}
	.shangxia .col-sm-6{flex: 50%}
	.shangxia span{display: none}
	.shangxia .row{display: flex;}
	.ab_ny .container{padding: 0 15px;}
	.ab_content p{}
	.bangdan_li{width: 50%}
	.bd_nian{position: initial; height: auto;}
	.great_tit{position: relative; padding: 0 15px;}
	.bangdan_detail .col-sm-7 .ipro_li{ width: 50%}

	.bangdan_detail .col-sm-5 .ipro_li:first-child .pro_img{width: 100%}
	.bangdan_detail .col-sm-5 .ipro_li:first-child .sum,.bangdan_detail .col-sm-5 .ipro_li:first-child .pro_tit{position: initial;padding-left: 0;}
	.bangdan_detail .ipro_li{width: 50%}
	.bangdan_detail .col-sm-7 .ipro_li{width: 100%}
	
	.bangdan_detail .col-sm-7 .ipro_li{padding: 0; padding-bottom: 30px;}
	.bangdan_detail .col-sm-12{padding: 0}
	.bangdan_detail .col-sm-5 .ipro_li:first-child{padding: 0}
	.great .col-sm-7 .ipro_li{overflow: hidden; padding: 0 15px;}
	.ny_pro .row{margin: 0 -15px;}
	.search_ny .ipro_li{width: 50%}
	.search_ny .ipro_li:nth-child(11), .search_ny .ipro_li:nth-child(12), .search_ny .ipro_li:nth-child(13), .search_ny .ipro_li:nth-child(14) {
    width: 50%;}

	.tanchu_img {overflow-y: scroll;}
	.tanchu_img .row{display: block;}
	.tanchu_img .top_left{padding-right: 0}
	.tanchu_img .col-sm-4{display: none}
	.tanchu_img .swiper-slide img{height: auto;}
	.interview_txt h4{font-size: 16px;}
	.interview_txt h3{font-size: 20px;}
	.creator-a a{font-size: 16px; height: 32px; line-height: 32px; padding: 0 15px;}
	.creator_right h2{font-size: 28px; padding-top: 20px;}
	.creator_right h5{font-size: 18px;}
	.fenxiang a img{width: 24px;}
	.creator_txt p{font-size: 16px; padding-bottom: 30px;}
	.more_tit{font-size: 28px;}
	.works_list .ipro_li .sum{font-size: 20px;}
	.ipro_li .pro_tit span{font-size: 16px;}
	.ab_tit h3{font-size: 28px; padding-bottom: 15px;}
	.ab_tit h4{font-size: 18px;}
	.ab_content p{font-size: 16px;}
	.creator_tit{font-size: 20px;}
	.creator_tit span{font-size: 28px;}
	.creator_txt h3{font-size: 20px; padding-top: 1.5vw}
	.creator_txt span{font-size: 14px;}
	.creator_li{margin-top: 30px;}
	.top_left > h3{font-size: 24px;}
	.fenxiang{padding: 30px 0}
	.content_left{padding-bottom: 30px;}
	.content_right p{font-size: 16px; margin-bottom: 30px;}
	.works_list .ipro_li .pro_tit{font-size: 18px;}
	.bangdan_detail .col-sm-5 .ipro_li:first-child .pro_tit p{font-size: 18px;}
	.ipro_li .sum{font-size: 20px;}
	.ipro_li .pro_tit{font-size: 18px;}
	.great{display: block;}
	.great_tit{margin-top: 50px;}
	.great_tit h3{font-size: 28px;}
	.great_tit p{font-size: 20px;}
}

@media(max-width:767px){  
	

}