.Contact_user_76 {width: 100%; float: left; display: flex; overflow: hidden; background-color: #FFF;}
.Contact_L_user_76 {width: 550px; float: left; text-align: left; position: relative; box-sizing: border-box;}
.Contact_L_user_76::after {content: "CONTACT US"; position: absolute; right: 20px; bottom: 20px; font-weight: bold; color: #F5F5F5; font-size: 4vw; z-index: 0;}
.Contact_L_user_76::before {content: ""; width: 5px; height: 0px; position: absolute; left: 0px; top: 0px; background-color: var(--yiq-color-active); transition: .5s; z-index: 100;}
.Contact_user_76:hover .Contact_L_user_76::before {height: 100%;}
.Contact_L_user_76 div {float: left; font-weight: bold;}
.Contact_L_user_76 ul {width: 100%; float: left;}
.Contact_L_user_76 ul li {width: 100%; float: left;}
.Contact_L_user_76 ul li i {width: 100%; float: left;}
.Contact_L_user_76 ul li i::before {font-size: 20px; padding-right: 10px;}
.Contact_L_user_76 span {width: auto; float: left;}
.Contact_R_user_76 {width: calc(100% - 550px); height: 100%; float: left; overflow: hidden;}
@media(max-width:1004px){
	.Contact_user_76 {display: inline;}
	.Contact_L,.Contact_R_user_76 {width: 100%;}
}

.Info_user_75 {width: 100%; max-width: 1200px; margin: 0px auto; display: inline-block;}
.Info_T_user_75 {width: 100%; float: left; border-bottom: 1px rgba(0,0,0,0.1) solid;}
.Info_T_user_75 div {width: 100%;}
.Info_T_user_75 div:first-child {font-weight: bold;}
.Info_T_user_75 div i {font-size: 12px; color: #999; margin-right: 10px;}
.Info_T_user_75 div i::before {font-weight: bold; margin-right: 5px;}
.Info_T_user_75 div i:last-child {margin-right: 0px;}
.Info_C_user_75 {width: 100%; float: left; text-align: left;}
.Info_Share_user_75 {width: 100%; float: left;}
.Info_Share_user_75 div {width: auto; float: right;}
.Info_Share_user_75 div font {width: auto; float: left;}
.Info_Share_user_75 div i {width: 25px; height: 25px; line-height: 25px; float: left; overflow: hidden; border: 1px var(--yiq-color-main) solid; color: var(--yiq-color-main); border-radius: 30px; margin-left: 10px; font-size: 22px;}
.Info_Share_user_75 i:hover {border-color: var(--yiq-color-active); color: var(--yiq-color-active);}
.Info_Page_user_75 {width: 100%; float: left; border-top: 1px rgba(0,0,0,0.1) solid;}
.Info_Page_user_75 div {width: 50%; float: left; text-align: left;}
.Info_Page_user_75 div:nth-child(2) {text-align: right;}
.Info_Page_user_75 div span {width: 100%; float: left;}
.Info_Page_user_75 div span:first-child {font-size: 12px;}
@media(max-width:850px){
.Info_Page_user_75 div {width: 100%; background-color: #F5F5F5; padding: 10px;}
.Info_Page_user_75 div:nth-child(2) {text-align: left; margin-top: 5%;}
}

.H_News_user_52 {width: 100%; height: auto; float: left; margin-top: 3%;}
.H_News_L_user_52 {width: 600px; height: 400px; float: left;}
.H_News_L_user_52 img {width: 100%; height: 100%;}
.H_News_R_user_52 {width: calc(100% - 600px - 100px); height: auto; float: right;}
.H_News_R_user_52 ul {width: 100%; height: auto; float: left;}
.H_News_R_user_52 ul li {width: 100%; height: 120px; float: left; background-color: #EEE; margin-bottom: 19px; transition: all .2s ease-in-out;}
.H_News_R_user_52 ul li:last-child {margin-bottom: 0px;}
.H_News_R_user_52 ul li:hover {background-color: #FFF;}
.H_News_R_Date_user_52 {width: 90px; height: 100%; float: left; display: flex; align-items: center;}
.H_News_R_Date_user_52 div {width: 100%; height: auto; float: left;}
.H_News_R_Date_user_52 span {width: 100%; height: auto; float: left;}
.H_News_R_Date_user_52 span:first-child {font-weight: bold;}
.H_News_R_Text_user_52 {width: calc(100% - 90px - 10px); height: 100%; float: left; text-align: left; display: flex; align-items: center;}
.H_News_R_Text_user_52 div {width: 100%; height: auto; float: left; padding-right: 5%;}
.H_News_R_Text_user_52 div a {width: 100%; height: 25px; line-height: 25px; float: left; overflow: hidden;}
.H_News_R_Text_user_52 div span {width: 100%; height: 40px; line-height: 20px; float: left; overflow: hidden; color: var(--yiq-color-text-dan); margin-top: 3px;}

@media(max-width:1200px){
	.H_News_L_user_52 {display: none;}
	.H_News_R_user_52 {width: 100%;}
	.H_News_R_user_52 ul li {width: 100; margin-bottom: 2%;}
}
@media(max-width:850px){
	.H_News_R_user_52 ul li {margin-bottom: 5%;}
}

.H_Product_Class_user_47 {width: 100%; float: left;}
.H_Product_Class_user_47 div {width: 13.66%; float: left; margin: 1.5%; margin-bottom:0px;}
.H_Product_Class_user_47 div span {width: 100%; float: left; position: relative; margin-top: 4px; overflow: hidden;}
.H_Product_Class_user_47 div font {width: 100%; height: 50px; float: left; overflow: hidden; background-color: #EFEFEF; margin-top: 4px; transition: all .2s ease-in-out;}
.H_Product_Class_user_47 div font a {width: 100%; height: 100%; line-height: 50px; float: left; text-align: center;}
.H_Product_Class_user_47 div:hover font a {color: #FFF;}
.H_Product_Class_user_47 div:hover font {background-color: var(--yiq-color-main);}
@media(max-width:1200px){
.H_Product_Class_user_47 div font {height: 40px;}
.H_Product_Class_user_47 div font a {line-height: 40px;}
}
@media(max-width:700px){
.H_Product_Class_user_47 div {width: 30.33%;}
}

.StyleList_user_77 {width: 100%; float: left;}
.StyleList_K_user_77 {margin: 0px auto; display: inline-block; position: relative;}
.StyleList_K_user_77 span {width: 100%; height: 40px; line-height: 40px; float: left; background-color: var(--yiq-color-main); color: #FFF; padding-left: 2%; text-align: left; display: none;}
.StyleList_K_user_77 span::after {right: 10px; top: 15px;}
.StyleList_K_user_77:hover span::after {transform: rotate(-45deg);}
.StyleList_K_user_77 ul {width: 100%; float: left; position: relative;}
.StyleList_K_user_77 ul li {width: auto; height: auto; float: left; margin: 0px 5px;}
.StyleList_K_user_77 ul li a {width: auto; height: 40px; line-height: 40px; float: left; padding: 0px 20px; background-color: #F5F5F5; transition: all .2s ease-in-out; overflow: hidden;}
.StyleList_K_user_77 ul li a:hover,.StyleList_K_user_77 ul li a.current {background-color: var(--yiq-color-main); color: #FFF;}
@media(max-width:700px){
	.StyleList_K_user_77 {width: 100%; float: left;}
	.StyleList_K_user_77 span {display: inline;}
	.StyleList_K_user_77 ul {width: 100%; display: none;}
	.StyleList_K_user_77 ul li {width: 100%; margin: 0px; border-bottom: 1px #FFF solid;}
	.StyleList_K_user_77 ul li a {width: 100%;}
	.StyleList_K_user_77:hover ul {display: inline;}
}

.StyleList_user_72 {width: 100%; float: left;}
.StyleList_K_user_72 {margin: 0px auto; display: inline-block; position: relative;}
.StyleList_K_user_72 span {width: 100%; height: 40px; line-height: 40px; float: left; background-color: var(--yiq-color-main); color: #FFF; padding-left: 2%; text-align: left; display: none;}
.StyleList_K_user_72 span::after {right: 10px; top: 15px;}
.StyleList_K_user_72:hover span::after {transform: rotate(-45deg);}
.StyleList_K_user_72 ul {width: 100%; float: left; position: relative;}
.StyleList_K_user_72 ul li {width: auto; height: auto; float: left; margin: 0px 5px;}
.StyleList_K_user_72 ul li a {width: auto; height: 40px; line-height: 40px; float: left; padding: 0px 20px; background-color: #F5F5F5; transition: all .2s ease-in-out; overflow: hidden;}
.StyleList_K_user_72 ul li a:hover,.StyleList_K_user_72 ul li a.current {background-color: var(--yiq-color-main); color: #FFF;}
@media(max-width:700px){
	.StyleList_K_user_72 {width: 100%; float: left;}
	.StyleList_K_user_72 span {display: inline;}
	.StyleList_K_user_72 ul {width: 100%; display: none;}
	.StyleList_K_user_72 ul li {width: 100%; margin: 0px; border-bottom: 1px #FFF solid;}
	.StyleList_K_user_72 ul li a {width: 100%;}
	.StyleList_K_user_72:hover ul {display: inline;}
}

.StyleList_user_61 {width: 100%; float: left;}
.StyleList_K_user_61 {margin: 0px auto; display: inline-block; position: relative;}
.StyleList_K_user_61 span {width: 100%; height: 40px; line-height: 40px; float: left; background-color: var(--yiq-color-main); color: #FFF; padding-left: 2%; text-align: left; display: none;}
.StyleList_K_user_61 span::after {right: 10px; top: 15px;}
.StyleList_K_user_61:hover span::after {transform: rotate(-45deg);}
.StyleList_K_user_61 ul {width: 100%; float: left; position: relative;}
.StyleList_K_user_61 ul li {width: auto; height: auto; float: left; margin: 0px 5px;}
.StyleList_K_user_61 ul li a {width: auto; height: 40px; line-height: 40px; float: left; padding: 0px 20px; background-color: #F5F5F5; transition: all .2s ease-in-out; overflow: hidden;}
.StyleList_K_user_61 ul li a:hover,.StyleList_K_user_61 ul li a.current {background-color: var(--yiq-color-main); color: #FFF;}
@media(max-width:700px){
	.StyleList_K_user_61 {width: 100%; float: left;}
	.StyleList_K_user_61 span {display: inline;}
	.StyleList_K_user_61 ul {width: 100%; display: none;}
	.StyleList_K_user_61 ul li {width: 100%; margin: 0px; border-bottom: 1px #FFF solid;}
	.StyleList_K_user_61 ul li a {width: 100%;}
	.StyleList_K_user_61:hover ul {display: inline;}
}

.StyleList_user_55 {width: 100%; float: left;}
.StyleList_K_user_55 {margin: 0px auto; display: inline-block; position: relative;}
.StyleList_K_user_55 span {width: 100%; height: 40px; line-height: 40px; float: left; background-color: var(--yiq-color-main); color: #FFF; padding-left: 2%; text-align: left; display: none;}
.StyleList_K_user_55 span::after {right: 10px; top: 15px;}
.StyleList_K_user_55:hover span::after {transform: rotate(-45deg);}
.StyleList_K_user_55 ul {width: 100%; float: left; position: relative;}
.StyleList_K_user_55 ul li {width: auto; height: auto; float: left; margin: 0px 5px;}
.StyleList_K_user_55 ul li a {width: auto; height: 40px; line-height: 40px; float: left; padding: 0px 20px; background-color: #F5F5F5; transition: all .2s ease-in-out; overflow: hidden;}
.StyleList_K_user_55 ul li a:hover,.StyleList_K_user_55 ul li a.current {background-color: var(--yiq-color-main); color: #FFF;}
@media(max-width:700px){
	.StyleList_K_user_55 {width: 100%; float: left;}
	.StyleList_K_user_55 span {display: inline;}
	.StyleList_K_user_55 ul {width: 100%; display: none;}
	.StyleList_K_user_55 ul li {width: 100%; margin: 0px; border-bottom: 1px #FFF solid;}
	.StyleList_K_user_55 ul li a {width: 100%;}
	.StyleList_K_user_55:hover ul {display: inline;}
}

.StyleList_user_53 {width: 100%; float: left;}
.StyleList_K_user_53 {margin: 0px auto; display: inline-block; position: relative;}
.StyleList_K_user_53 span {width: 100%; height: 40px; line-height: 40px; float: left; background-color: var(--yiq-color-main); color: #FFF; padding-left: 2%; text-align: left; display: none;}
.StyleList_K_user_53 span::after {right: 10px; top: 15px;}
.StyleList_K_user_53:hover span::after {transform: rotate(-45deg);}
.StyleList_K_user_53 ul {width: 100%; float: left; position: relative;}
.StyleList_K_user_53 ul li {width: auto; height: auto; float: left; margin: 5px;}
.StyleList_K_user_53 ul li a {width: auto; height: 40px; line-height: 40px; float: left; padding: 0px 20px; background-color: #F5F5F5; transition: all .2s ease-in-out; overflow: hidden;}
.StyleList_K_user_53 ul li a:hover,.StyleList_K_user_53 ul li a.current {background-color: var(--yiq-color-main); color: #FFF;}
@media(max-width:700px){
	.StyleList_K_user_53 {width: 100%; float: left;}
	.StyleList_K_user_53 span {display: inline;}
	.StyleList_K_user_53 ul {width: 100%; display: none;}
	.StyleList_K_user_53 ul li {width: 100%; margin: 0px; border-bottom: 1px #FFF solid;}
	.StyleList_K_user_53 ul li a {width: 100%;}
	.StyleList_K_user_53:hover ul {display: inline;}
}

.PuBu_user_78 {width: 100%; float: left; column-count: 4; column-gap: 1px;}
.PuBu_user_78 div {margin-bottom: 1px; overflow: hidden; position: relative;}
.PuBu_user_78 div img {width: 100%;}
.PuBu_user_78 div span {width: 100%; height: 40px; line-height: 40px; position: absolute; overflow: hidden; left: 0px; bottom: 0px; background-color: rgba(0,0,0,0.5); color: #FFF; transition: .3s;}
.PuBu_user_78 div:hover span {bottom: -40px;}
@media(max-width:1004px){
	.PuBu_user_78 {column-count: 3;}
}
@media(max-width:750px){
	.PuBu_user_78 {column-count: 2;}
	.PuBu_user_78 div span {height: 25px; line-height: 25px;}
	.PuBu_user_78 div:hover span {bottom: -25px;}
}

.Content_user_74 {width: 100%; float: left; text-align:left;}

.News_user_73 {width: 100%; float: left;}
.News_user_73 li {width: 100%; float: left; background-color: #F5F5F5; display: flex; position: relative; overflow: hidden;}
.News_user_73 li::before {content: ""; width: 100px; height: 100px; position: absolute; left: -100px; top: -100px; background-color: var(--yiq-color-main); transition: .2s; transform: rotate(45deg);}
.News_user_73 li:hover::before {display: inline; left: -70px; top: -70px;}
.News_L_user_73 {width: 60%; float: left; display: flex; align-items: center; justify-content: center; text-align: left; overflow: hidden;}
.News_L_K_user_73 {width: 100%; float: left;}
.News_L_K_Date_user_73 {width: 100%; float: left;}
.News_L_K_Date_user_73 div {width: 100%; float: left; font-weight: bold;}
.News_L_K_Date_user_73 div:nth-child(2) {color: #999; font-weight: normal;}
.News_L_K_Title_user_73 {width: 100%; max-height: 50px; float: left; overflow: hidden;}
.News_L_K_Title_user_73 a {width: 100%; float: left;}
.News_L_K_JJ_user_73 {width: 100%; height: auto; max-height: 50px; float: left; overflow: hidden; color: #999;}
.News_R_user_73 {width: 40%; float: left; overflow: hidden;}
@media(max-width:850px){
	.News_L_K_Date_user_73 {display: none;}
}
@media(max-width:700px){
	.News_L_K_Date_user_73 {display: none;}
	.News_L_K_Title_user_73 {height: 38px;}
	.News_L_K_JJ_user_73 {height: 38px;}
}
@media(max-width:480px){
	.News_L_K_JJ_user_73 {display: none;}
}

.P_Info_user_69 {width: 100%; float: left;}
.P_Info_T_user_69 {width: 100%; float: left;}
.P_Info_T_Img_user_69 {width: 40%; float: left;}
.P_Info_T_Img_Big_user_69 {width: 100%; float: left; position: relative;}
.P_Info_T_Img_Small_user_69 {width: 100%; float: left;}
.P_Info_T_Img_Small_user_69 div {width: calc((100% - 4%) / 5); float: left; position: relative; margin: 1% 1% 0px 0px; cursor: zoom-in; overflow: hidden; border: 1px #EEE solid;}
.P_Info_T_Img_Small_user_69 div:nth-child(5n) {margin-right: 0px;}
.P_Info_T_Img_Small_user_69 div:hover {border: 2px var(--yiq-color-active) solid;}
.P_Info_T_Img_Small_user_69 div img {transition: .2s;}
.P_Info_T_Img_Small_user_69 div img:hover {transform: scale(1.2);}
.P_Info_T_Info_user_69 {width: 50%; float: right;}
.P_Info_T_Info_Title_user_69 {width: 100%; float: left; text-align: left;}
.P_Info_T_Info_Text_user_69 {width: 100%; float: left; text-align: left;}
.P_Info_T_Info_Text_user_69 img {max-width: 100%; height: auto;}
.P_Info_T_Info_Btns_user_69 {width: 100%; float: left; margin-top: 5%;}
.P_Info_T_Info_Btns_user_69 div {float: left;}
.P_Info_T_Info_Btns_user_69 div span {height: 35px; line-height: 35px; float: left; padding: 0px 10px; margin-right: 10px;}
.P_Info_T_Info_Btns_user_69 div span:last-child {margin-right: 0px;}
.P_Info_T_Info_Btns_user_69 div span i {float: left; line-height: 35px;}
.P_Info_T_Info_Btns_user_69 div span font {line-height: 35px; float: left; margin-left: 5px;}
.P_Info_T_Info_Btns_user_69 div:nth-child(2) {float: right;}
.P_Info_T_Info_Btns_user_69 div:nth-child(2) span {padding: 0px;}
.P_Info_T_Info_Btns_user_69 div:nth-child(2) font {line-height: 35px; float: left; padding-right: 10px; font-size: 12px;}
.P_Info_B_user_69 {width: 100%; float: left;}
.P_Info_B_T_user_69 {width: 100%; float: left; background-color: #F5F5F5;}
.P_Info_B_T_user_69 div {width: auto; height: 40px; line-height: 40px; float: left; margin-left: 20px; padding: 0px 20px; border-top: 2px var(--yiq-color-main) solid; background-color: #FFF; color: var(--yiq-color-main);}
.P_Info_B_B_user_69 {width: 100%; float: left; text-align: left;}

@media(max-width:850px){
.P_Info_T_Img_user_69 {width:100%;}
.P_Info_T_Info_user_69 {width:100%; margin-top: 9%;}
}

.About_user_59 {width: 100%; float: left; display: flex; align-items: center; justify-content: center;}
.About_L_user_59 {width: 50%; height: auto;}
.About_L_user_59 img {width: 100%; height: auto; float: left; margin-top: 5%;}
.About_R_user_59 {width: 50%; height: auto; background-color: var(--yiq-color-main); padding: 5%; color: #FFF;}
.About_R_Text_user_59 {width: 100%; float: left; text-align: left;}
.About_R_Text_user_59 div {width: 100%; float: left; position: relative; padding-bottom: 2rem;}
.About_R_Text_user_59 div::after {content: ""; width: 50px; height: 2px; position: absolute; left: 0px; bottom: 0px; background-color: #FFF;}
.About_R_Text_user_59 span {width: 100%; float: left; margin-top: 5%;}
.About_R_Number_user_59 {width: 100%; float: left; margin-top: 10%; padding-top: 10%; border-top: 1px rgba(255,255,255,0.3) dashed;}
.About_R_Number_user_59 div {width: 33.33%; float: left; text-align: center;}
.About_R_Number_user_59 div b {width: 100%; float: left; font-family: "Arial";}
.About_R_Number_user_59 div span {width: 100%; float: left;}
@media(max-width:1003px){
	.About_user_59 {display: inline;}
	.About_L_user_59 {width: 100%; float: left;}
	.About_R_user_59 {width: 100%; float: left;}
}

.H_Product_user_54 {width: 100%; float: left;}
.H_Product_user_54 div {width: 21%; float: left; margin: 4% 2% 0px 2%;}
.H_Product_user_54 div span {width: 100%; float: left; position: relative; margin-top: 4px; overflow: hidden;}
.H_Product_user_54 div font {width: 100%; height: 50px; float: left; overflow: hidden; background-color: #EFEFEF; margin-top: 4px; transition: all .2s ease-in-out;}
.H_Product_user_54 div font a {width: 100%; height: 100%; line-height: 50px; float: left; text-align: center;}
.H_Product_user_54 div:hover font a {color: #FFF;}
.H_Product_user_54 div:hover font {background-color: var(--yiq-color-main);}
@media(max-width:850px){
	.H_Product_user_54 div {width: 46%;}
}

.H_About_BJ_user_45 {width: 100%; height: auto; float: left;}
.H_About_K_user_45 {width: 100%; height: auto; float: left;}
.H_About_L_user_45 {width: 45%; height: auto; float: left; overflow: hidden;}
.H_About_L_user_45 img {width: 100%; height: auto;}
.H_About_R_user_45 {width: 45%; height: auto; float: right;}
.H_About_R_Txt_user_45 {width: 100%; height: auto; float: left; text-align: left; margin-top: 5%; color: var(--yiq-color-text-dan);}
.H_About_R_Attr_user_45 {width: 100%; height: auto; float: left; text-align: left; margin-top: 5%;}
.H_About_R_Attr_user_45 div {width: 33.33%; height: auto; float: left;}
.H_About_R_Attr_user_45 div span {width: 100%; float: left;}
.H_About_R_Attr_user_45 div span:first-child {font-weight: bold; margin-bottom: 5px;}
.H_About_R_Attr_user_45 div span:nth-child(2) {color: var(--yiq-color-text-dan);}
@media(max-width:1500px){
    .H_About_BJ_user_45 {background-image: url("");}
}
@media(max-width:1200px){
    .H_About_BJ_user_45 {padding: 0px 3%;}
}
@media(max-width:850px){
    .H_About_L_user_45 {display: none;}
    .H_About_R_user_45 {width: 100%;}
}

.H_YouShi_user_48 {width: 100%; height: auto; float: left; margin-top: 3%;}
.H_YouShi_user_48 div {width: 19%; float: left; margin: 0px 3%;}
.H_YouShi_user_48 div span {width: 100%; float: left;}
.H_YouShi_user_48 div span i {width: 100px; height: 100px; line-height: 100px; color: var(--yiq-color-text-dan);}
.H_YouShi_user_48 div label {width: 100%; height: 50px; line-height: 50px; float: left; overflow: hidden; border-bottom: 1px #DEDEDE dashed; margin-bottom: 10%;}
.H_YouShi_user_48 div font {width: 100%; height: 75px; line-height: 25px; float: left; overflow: hidden; color: var(--yiq-color-text-dan);}
.H_YouShi_user_48 div:hover label {color: var(--yiq-color-active);}
@media(max-width:1003px){
    .H_YouShi_user_48 div {width: 44%; margin-bottom: 3%;}
}
@media(max-width:480px){
    .H_YouShi_user_48 div font {height: 100px;}
}

.H_Product_T_user_49 {width: 100%; height: auto; float: left;}

.FaZhan_user_65 {width: 100%; float: left;}
.FaZhan_T_user_65 {width: 100%; float: left;}
.FaZhan_T_user_65 div {width: 100px; height: 100px; margin: 0px auto; background-color: var(--yiq-color-main); border-radius:100px; display: flex; align-items: center; justify-content: center;}
.FaZhan_T_user_65 div img {width: 50%; height: auto; filter: brightness(0) invert(1);}
.FaZhan_user_65 ul {width: 80%; margin: 0px auto; display: inline-block; position: relative;}
.FaZhan_user_65 ul::after {width: 0px; height: 100%; content: " "; position: absolute; left: 50%; top: 0px; border-right: 1px var(--yiq-color-main) solid; z-index: 0;}
.FaZhan_user_65 ul li {width: 100%; float: left;}
.FaZhan_user_65 ul li div {width: calc(50% + 8px); float: left;}
.FaZhan_user_65 ul li div i {width: 16px; height: 16px; float: right; background-color: var(--yiq-color-main); border-radius: 10px; margin-top: 17px;}
.FaZhan_user_65 ul li div span {width: calc(100% - 16px - 20px); height: auto; float: left; background-color: #F5F5F5; border-radius: 5px; text-align: left; position: relative; transition: all .2s ease-in-out;}
.FaZhan_user_65 ul li div span::before {width: 10px; height: 10px; position: absolute; content: ""; left: calc(100% - 5px); top: 20px; background-color: #F5F5F5; z-index: 1; transform: rotate(45deg); transition: all .2s ease-in-out;}
.FaZhan_user_65 ul li div span font {width: 100%; float: left; transition: all .2s ease-in-out;}
.FaZhan_user_65 ul li:nth-child(even) div {float: right;}
.FaZhan_user_65 ul li:nth-child(even) div i {float: left;}
.FaZhan_user_65 ul li:nth-child(even) div span {float: right;}
.FaZhan_user_65 ul li:nth-child(even) div span::before {left: -5px;}
.FaZhan_user_65 ul li div:hover span,.FaZhan_user_65 ul li div:hover span::before {background-color: var(--yiq-color-main); color: #FFF;}
.FaZhan_user_65 ul li div:hover span font:nth-child(2) {margin-top: 5%;}
.FaZhan_Bai_user_65 .FaZhan_T_user_65 div {background-color: #FFF;}
.FaZhan_Bai_user_65 .FaZhan_T_user_65 div img {filter: none;}
.FaZhan_Bai_user_65 ul::after {border-right-color: #FFF;}
.FaZhan_Bai_user_65 ul li div i,.FaZhan_Bai_user_65 ul li div span {background-color: #FFF;}
.FaZhan_Bai_user_65 ul li div:hover span,.FaZhan_Bai_user_65 ul li div:hover span::before {background-color: #FFF; color: var(--yiq-color-main);}
@media(max-width:1200px){	
	.FaZhan_user_65 ul {width: 100%;}
}
@media(max-width:850px){	
	.FaZhan_user_65 ul li div,.FaZhan_user_65 ul li div span {width: 100%;}
	.FaZhan_user_65 ul::after,.FaZhan_user_65 ul li div i,.FaZhan_user_65 ul li div span::before {display: none;}
}

.H_Product_user_50 {width: 100%; float: left;}
.H_Product_user_50 div {width: 21%; float: left; margin: 4% 2% 0px 2%;}
.H_Product_user_50 div span {width: 100%; float: left; position: relative; margin-top: 4px; overflow: hidden;}
.H_Product_user_50 div font {width: 100%; height: 50px; float: left; overflow: hidden; background-color: #EFEFEF; margin-top: 4px; transition: all .2s ease-in-out;}
.H_Product_user_50 div font a {width: 100%; height: 100%; line-height: 50px; float: left; text-align: center;}
.H_Product_user_50 div:hover font a {color: #FFF;}
.H_Product_user_50 div:hover font {background-color: var(--yiq-color-main);}
@media(max-width:850px){
	.H_Product_user_50 div {width: 46%;}
}

.MyFlash_user_67 {width: 100%; height: auto; float: left; overflow-x: hidden; overflow-y: auto;}
.MyFlash_user_67 .swiper-wrapper .swiper-slide {box-shadow: 3px 3px 10px rgba(0,0,0,0.3); transition: 300ms ; position: relative;}
.MyFlash_user_67 .swiper-wrapper .swiper-slide div {width: 100%; height: auto; float: left; position: relative;}
.MyFlash_user_67 .swiper-wrapper .swiper-slide div p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 66.66%;}
.MyFlash_user_67 .swiper-wrapper .swiper-slide div img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; border: 5px #FFF solid;}