@charset "utf-8";


.support_height { width: 100%; height: 93px; background: #fff; }
 .index_banner img { display: block; font-size: 0; }
body .index_banner .bx-wrapper .bx-pager, body .index_banner .bx-wrapper .bx-controls-auto { bottom: 35pxpx; }
.index_banner .bx-wrapper .bx-pager.bx-default-pager a { box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #fff; background: transparent; margin: 0 12px; opacity: 0.5; }
.index_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .index_banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; opacity: 1; }
.p_index_banner { display: none; }
.p_index_banner img { display: block; font-size: 0; }
.p_index_banner .bx-wrapper .bx-pager.bx-default-pager a { width: 30px; height: 3px; border-radius: 0; background: #fff; margin: 0 3.5px; }
.p_index_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .p_index_banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; opacity: 1; }
.index_banner .bx-wrapper .bx-controls-direction a, .p_index_banner .bx-wrapper .bx-controls-direction a { display: none; }

.index_public_title { text-align: center; }
.index_public_title.mobile_show { display: none; }
.index_public_title .major_title { font-size: 38px;  color: #000; }
.index_public_title .muli_title { font-size: 18px;  color: #555555; margin-top: 8px; }
.view_btn a { display: inline-block; height: 44px; line-height: 44px; font-size: 16px;  color: #fff; background: #e5005a; padding: 0 27px; border-radius: 50px; text-decoration: none; }

.collection_box { margin-top: 3%; padding-bottom: 3%;}
.collection_box .list { display: flex; flex-wrap: wrap; margin-top: 37px; }
.collection_box .list .item { width: 32.12%; margin-right: 1.81%; margin-bottom: 20px; }
.collection_box .list .item:nth-child(3n) { margin-right: 0; }
.collection_box .list .item .img_box { position: relative; padding-top: 74.79%; }
.collection_box .list .item .img_box img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; font-size: 0; }
.collection_box .list .item .title a { display: block; font-size: 24px;  color: #000; text-align: center; text-decoration: none; padding: 20px 10px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.collection_box .list .item .title a span { position: relative; }
.collection_box .list .item .title a span::after { content: ''; display: block; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; margin: auto; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }

.single_pic_show { margin-top: 25px; }
.single_pic_show img { display: block; font-size: 0; margin: auto; }


.switch_box { position: relative; margin-top: 77px; }
.switch_box .list { box-sizing: border-box; width: 71.7392%; padding: 0 60px 60px; margin: auto; margin-top:3%;}
.switch_box .list .item .item_pic { position: relative; width: 44.834%; z-index: 1; }
.switch_box .list .item .item_pic::after { content: ''; position: absolute; display: block; width: 63%; height: 64.5%; bottom: -60px; left: -60px; background: #f1f1f1; z-index: -1; }
.switch_box .list .item .item_pic a { display: block; }
.switch_box .list .item .item_pic a img { display: block; font-size: 0; }
.switch_box .list .item .item_content { box-sizing: border-box; width: 50.834%; text-align: center; padding: 0 20px; padding-top: 10.1%; }
.switch_box .list .item .item_content .title { line-height: 40px; font-size:28px;  color: #000; }
.switch_box .list .item .item_content .title a { color: #000; text-decoration: none; }
.switch_box .list .item .item_content .title a:hover {color:#e5005a}
.switch_box .list .item .item_content .brief { line-height: 28px; font-size: 16px;  color: #666; margin-top: 5%; margin-bottom: 2.1%; }
.switch_box .list .item .item_content .img img { display: block; font-size: 0; margin: auto; }
.switch_box .list .item.swiper-slide { overflow: hidden; }
.switch_box .list .item.swiper-slide.swiper-slide-active { overflow: unset; }
.switch_box .s_btn { width: 62px; height: 62px; top: 47.7%; background: #f1f1f1; border-radius: 50%; filter: grayscale(1); }
.switch_box .s_btn:hover { filter: unset; }
.switch_box .s_btn.swiper-button-prev { left: 6.7%; background: url(../images/icon_arrow9.png) no-repeat center; background-size: 100%; }
.switch_box .s_btn.swiper-button-next { right: 6.7%; background: url(../images/icon_arrow8.png) no-repeat center; background-size: 100%; }

.sec_collection_box { margin-top: 80px; background: #f6f6f6; }
.sec_collection_box .list_box { display: flex; flex-wrap: wrap; }
.sec_collection_box .list_box .item { box-sizing: border-box; width: 32.446%; padding-top: 10.85%; padding-bottom: 4.4%; }
.sec_collection_box .list_box .item .graphic { width: 92.464%; }
.sec_collection_box .list_box .item .graphic .img { position: relative; padding-top: 67.03%; }
.sec_collection_box .list_box .item .graphic .img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; font-size: 0; }
.sec_collection_box .list_box .item .graphic .brief {  color: #000; text-align: center; margin-top: 8.5%; }
.sec_collection_box .list_box .item .graphic .brief .first_title { font-size: 18px; }
.sec_collection_box .list_box .item .graphic .brief .first_title a { color: #000; text-decoration: none; }
.sec_collection_box .list_box .item .graphic .brief .sec_title { font-size: 16px; margin-top: 10px;  color: #666}
.sec_collection_box .list_box .item.mid_item { width: 35.109%; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding-top: 3.9%; }
.sec_collection_box .list_box .item.mid_item .graphic { width: 85.715%; margin: auto; }
.sec_collection_box .list_box .item.mid_item .graphic .img { margin-top: 7.5%; }
.sec_collection_box .list_box .item.mid_item .graphic .brief { margin-top: 11%; }

.index_same_box { width: 1200px; margin: 35px auto 0; }
.index_same_box.sec_index_same_box { margin-top: 25px; }
.index_same_box .edit_content_box { margin-top: 24px; }
.index_same_box .edit_content_box .substance_area .text_box { box-sizing: border-box; margin-top: 33px; }
.index_same_box .edit_content_box .substance_area .text_box .text_p { line-height: 30px; font-size: 16px;  color: #000; padding: 0 15px; }
.index_same_box .edit_content_box .substance_area .list { display: flex; flex-wrap: wrap; margin-top: 20px; }
.index_same_box .edit_content_box .substance_area .list .item { width: 24.167%; margin-right: 1.1%; margin-bottom: 13px	; }
.index_same_box .edit_content_box .substance_area .list .item:nth-child(4n) { margin-right: 0; }
.index_same_box .edit_content_box .substance_area .list .item img { display: block; font-size: 0; }
.index_same_box .edit_content_box .substance_area .list .item .name { font-size: 18px;  color: #000000; text-align: center; padding: 19px 5px; }
.index_same_box .edit_content_box .designs_area .text_box { box-sizing: border-box; }
.index_same_box .edit_content_box .designs_area .text_box .text_p { line-height: 30px; font-size: 16px;  color: #000; }
.index_same_box .edit_content_box .designs_area .text_box .text_p:first-child { margin-top: 0; }
.index_same_box .edit_content_box .designs_area .list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
.index_same_box .edit_content_box .designs_area .list .item { position: relative; width: 49.334%; padding-top: 27.834%; margin-bottom: 20px; }
.index_same_box .edit_content_box .designs_area .list .item .videoContainer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.index_same_box .edit_content_box .designs_area .list .item .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.index_same_box .edit_content_box .designs_area .list .item .img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; font-size: 0; }
.index_same_box .edit_content_box .designs_area .list .item .play_btn { position: absolute; width: 60px; height: 60px; top: 0; right: 0; bottom: 0; left: 0; border-radius: 100%; background: rgba(255,255,255,0.5); margin: auto; cursor: pointer; }
.index_same_box .edit_content_box .designs_area .list .item .play_btn a { display: block; width: 100%; height: 100%; background-position: 23px 20px; background: url(../images/icon_play.png) no-repeat center; background-size: 28px; }

.index_follow { margin-top: 53px; }
.index_follow .list { display: flex; flex-wrap: wrap; margin-top: 3%;margin-bottom: 3%; }
.index_follow .list .item { width: 24.457%; margin-right: 0.72%; margin-bottom: 11px; }
.index_follow .list .item:nth-child(4n) { margin-right: 0; }
.index_follow .list .item .imgbox { position: relative; padding-top: 100%; }
.index_follow .list .item .imgbox img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; font-size: 0; }
.index_follow .add_more, .index_follow .no_more { display: block; margin: 41px auto 74px; }
.index_follow .add_more a { box-sizing: border-box; display: block; width: 74px; height: 74px; border-radius: 50%; border: 1px solid #cecece; background: url(../images/icon_add.png) no-repeat center; margin: auto; }
.index_follow .no_more { font-size: 23px;  text-align: center; }
.index_follow .list .item .imgbox h2 a{font-size: 28px; color:#fff;}
.index_follow .list .item .imgbox h2{ width:100%;flaot:left; text-align:center;display:none; position:absolute;z-index:10;top:50%;}
.index_follow .list .item .imgbox::before{content:"";z-index:9;display:none; position:absolute;top:0;left:0;width:100%;height:100%; background-color:rgba(0,0,0,.5);}
.index_follow .list .item .imgbox:hover::before{display:block;}
.index_follow .list .item .imgbox:hover h2{ display:block; color:#fff;}
.about_box1{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top:5%;}
.about_box1 .left_side{width: 49.31%}
.about_box1 .right_side{width: 48.06%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap}
.about_box1 .right_side .item{width: 46.71%;height: 0;padding-bottom: 36%;position: relative;overflow: hidden}
.about_box1 .right_side .item.full{margin-bottom: 30px;width: 100%}
.about_box1 .right_side .item .i_title{padding: 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%}
@media screen and (max-width: 1000px){

.about_box1 .left_side,
.about_box1 .right_side{width: 100% }
.about_box1 .right_side{margin-top: 15px}
.about_box1 .right_side .item{width: 47.83%}
.about_box1 .right_side .item.full{margin-bottom: 15px}}

.right_side .item.About-2{ background-color:#e5005a; }
.right_side .item.About-2 .i_title{ font-size: 36px; color: #FFFFFF; }
.right_side .item.About-3{ background-color: #01a786; }
.right_side .item.About-3 .i_title{ font-size: 30px; color: #FFFFFF; }
.right_side .item.About-4{ background-color: #f47d54; }
.right_side .item.About-4 .i_title{ font-size: 30px; color: #FFFFFF; }
				@media screen and (max-width: 1000px) {
			
						.right_side .item.About-2 .i_title{ font-size: 20px; }
						.right_side .item.About-3 .i_title{ font-size: 20px; }
						.right_side .item.About-4 .i_title{ font-size: 20px; }
					}


.about_box1 .left_side img{width:100%;}


@media screen and (min-width: 769px) {
     .collection_box .list .item:hover .title a { color: #e5005a; }
     .collection_box .list .item:hover .title a span::after { background: #e5005a; }
     .collection_box .list .item:hover .img_box img { transform: scale(1.05); -webkit-transform: scale(1.05); }

     .index_same_box .edit_content_box .designs_area .list .item .play_btn:hover { transform: scale(1.05); -webkit-transform: scale(1.05); }

     /* .single_pic_show:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); } */

     .switch_box .list .item .item_pic:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }

     .sec_collection_box .list_box .item .graphic .img:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
}

.ly_about_20{text-align: center}.ly_about_20 .about_box{width: 100%;box-sizing: border-box;}
.ly_about_20 .about_box .t_title{margin-bottom: 15px;line-height: 1.667}
.ly_about_20 .about_box .t_content{padding: 0 6.86%;line-height: 2}
 .button{margin-top: 35px}
 .button a{display: inline-block;height: 40px;line-height: 40px;padding: 0 44px;border-radius: 10px;font-size: 16px;box-sizing: border-box}
.ly_about_20 a{text-decoration: none}
@media screen and (max-width: 1200px){.ly_about_20 .about_box{padding: 0;}}

@media screen and (max-width: 1000px){
	.ly_about_20 .about_box .t_title{line-height: 1.5}
	.ly_about_20 .about_box .t_content{padding: 0;line-height: 1.715}.ly_about_20 .about_box .button{margin-top: 15px}.ly_about_20 .about_box .button a{padding: 0 20px;height: 40px;line-height: 38px;font-size: 14px}}

.ly_about_20{ padding-top: 3%; padding-bottom: 3%; background-color: #fff3ee; }
		.ly_about_20 .t_title{ font-size: 38px; color: #000000; }		.ly_about_20 h1{ font-size:20px;margin-bottom:3%;}
		.ly_about_20 .t_content{ font-size: 18px; color: #464646; }
.button a{ background-color: #00000000; color: #e5005a; border: 1px solid #e5005a; }
		@media screen and (min-width: 1000px) {
		.button a:hover{ background-color: #e5005a; color: #FFFFFF; border: 1px solid #00000000; }
		}
		@media screen and (max-width: 1000px) {
			.ly_about_20 { padding-top: 35px; padding-bottom: 45px;}
			.ly_about_20 .t_title{ font-size: 20px; }
			.ly_about_20 .t_content{ font-size: 14px;  }
		}


@media screen and (max-width: 1440px) {


     .collection_box .list .item .title a { font-size: 22px; }
     .switch_box .list { padding: 0 30px 30px; }
     .switch_box .list .item .item_pic::after { bottom: -30px; left: -30px; }
     .switch_box .list .item .item_content { padding-top: 3%; }
     .switch_box .list .item .item_content .title { font-size: 28px; }
     .switch_box .list .item .item_content .brief { line-height: 24px; font-size: 14px; margin-top: 1.5%; }
     .switch_box .s_btn { width: 40px; height: 40px; }

     .sec_collection_box { margin-top: 45px; }


     .index_follow .add_more a { width: 54px; height: 54px; }
 
}

@media screen and (max-width: 1366px) {


     .index_public_title .major_title { font-size: 30px; }
     .index_public_title .muli_title { font-size: 13px; }
}



@media screen and (max-width: 991px) {
     .support_height { display: none; }
     .p_select_menu { display: block; }
     .phone_filter { display: block; }
     #phone_attr_box { display: block; }
.ly_about_20 h1{ font-size:16px;}

}

@media screen and (max-width: 768px) {
.sec_collection_box .list_box .item .graphic .brief .first_title a{ font-size:18px;}
     .p_index_banner .bx-wrapper .bx-pager.bx-default-pager a { width: 10px; height: 10px; border-radius: 50%; margin: 0 7px }
     
     .index_public_title.mobile_show { display: block; }
     .index_public_title .major_title { font-size: 26px; }
     .index_public_title .muli_title { font-size:12px; margin-top: 0; }

     .collection_box { margin-top: 65px; }
     .collection_box .list { margin-top: 29px; }
     .collection_box .list .item { width: 100%; margin-right: 0; margin-bottom: 38px; }
     .collection_box .list .item .title a { font-size:20px; }

     .single_pic_show { margin-top: 11px; }
     .single_pic_show.control_w { padding: 0; }

     .switch_box { margin-top: 65px; }
     .switch_box .list { width: 100%; padding: 0 0 40px 0; }
	 .switch_box .list .item .item_pic{width:100%;}
     .switch_box .list .item .item_content { width: 100%; padding: 0; }
	 .switch_box .list .item .item_pic::after{display:none;}
	 .switch_box .list .item .item_pic a img{margin:auto;}
     .switch_box .list .item .item_content .title { font-size: 20px; }
     .switch_box .list .item .item_content .brief { line-height: 30px; font-size: 16px; margin-top: 23px; margin-bottom: 32px; }
     .switch_box .switch_btn { display: flex; justify-content: center; }
     .switch_box .s_btn { position: relative; margin: 0 52px; width: 47px; height: 47px; }
     .switch_box .s_btn.swiper-button-next { right: unset; }
     .switch_box .s_btn.swiper-button-prev { left: unset; }

     .sec_collection_box { padding-top: 67px; padding-bottom: 54px; margin-top: 73px; }
     .sec_collection_box .list_box .item { width: 100%; padding-top: 32px; padding-bottom: 20px; }
     .sec_collection_box .list_box .item .graphic { width: 100%; }
     .sec_collection_box .list_box .item .graphic .brief { margin-top: 28px; }
     .sec_collection_box .list_box .item .graphic .brief .first_title { font-size: 18px; }
     .sec_collection_box .list_box .item .graphic .brief .sec_title { font-size:14px; margin-top: 5px; }
     .sec_collection_box .list_box .item.mid_item { width: 100%; border: none; }
     .sec_collection_box .list_box .item.mid_item .index_public_title { display: none; }
     .sec_collection_box .list_box .item.mid_item .graphic { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
     .sec_collection_box .list_box .item.mid_item .graphic .img { margin-top: 0; }
     .sec_collection_box .list_box .item.mid_item .graphic .brief { margin-top: 28px; }

     .index_same_box { width: 100%; margin-top: 62px; }
     .index_same_box .index_public_title { max-width: 90%; margin: auto; }
     .index_same_box .edit_content_box .substance_area .text_box { margin-top: 27px; }
     .index_same_box .edit_content_box .substance_area .text_box .text_p { line-height: 32px; font-size: 18px; padding: 0 30px; }
     .index_same_box .edit_content_box .substance_area .list { box-sizing: border-box; justify-content: space-between; -webkit-justify-content: space-between; padding: 0 30px; margin-top: 30px; }
     .index_same_box .edit_content_box .substance_area .list .item { width: 48%; margin-right: 0; margin-bottom: 15px; }
     .index_same_box .edit_content_box .substance_area .list .item img { margin: auto; }
     .index_same_box .edit_content_box .designs_area .text_box { margin-top: 0; }
     .index_same_box .edit_content_box .designs_area .text_box .text_p { line-height: 32px; font-size: 18px; padding: 0 30px; }
     .index_same_box.sec_index_same_box { margin-top: 47px; }
     .index_same_box .edit_content_box .designs_area .list { box-sizing: border-box; padding: 0 30px; margin-top: 27px; }
     .index_same_box .edit_content_box .designs_area .list .item { width: 100%; margin-bottom: 30px; padding-top: 56.523%; }
     
     .index_follow { margin-top: 33px; }
     .index_follow .list { justify-content: space-between; -webkit-justify-content: space-between; margin-top: 17px; }
     .index_follow .list .item { width: 49.3%; margin-right: 0; margin-bottom: 8px; }
     .index_follow .add_more, .index_follow .no_more { margin: 22px auto 45px; }
     .index_follow .add_more a { width: 74px; height: 74px; }
     


     .bread_crumbs { display: none; }
     .page_w.no_padding { padding: 0; }

  
}

@media screen and (max-width: 550px) {
     .control_w,.special_w,.page_w { padding: 0 15px; }

     .index_public_title .major_title { font-size: 23px; }
     .index_public_title .muli_title { font-size: 14px; }

     .collection_box { margin-top: 32px; }
     .collection_box .list .item { margin-bottom: 14px; }
     .collection_box .list .item .title a { font-size: 16px; padding-top: 11px; }

     .single_pic_show { margin-top: 5px; }



     .info_list { margin: 20px 0; }
     .category_list { margin: 0 auto; }
     .info_region .info_wrap_list .main_responsive_info_list { padding-top: 25px; margin-top: 0;}
}