@font-face{
	font-family: Krona-One; font-display: swap;
	src:url('fonts/Krona-One.ttf') format('truetype');
}

/*@font-face{
	font-family: Roboto; font-display: swap;
	src:url('fonts/Roboto-Regular.ttf') format('truetype');
}*/

/*@font-face{
	font-family: Philosopher; font-display: swap;
	src:url('fonts/Philosopher-Regular.ttf') format('truetype');
}*/
/*标题字体*/
.TF {font-family: "Inter","PingFang SC",sans-serif,"Arial"; font-weight: bold;}
.daxie {text-transform: uppercase;}

:root{
	--yiq-color-main:#152d57;
	--yiq-color-main-active:#000000;
	--yiq-color-active:#f8c905;
	--yiq-color-active-hover:#e6ba02;
	--yiq-color-active-hover-50:#e6ba0255;
	--yiq-color-other: #beda2e;
	--yiq-color-box-shadow:rgba(0,0,0,0.1);
	--yiq-color-box-shadow-active:rgba(0,0,0,0.2);
}

*{padding:0px; margin:0px; box-sizing: border-box;}
.buttom_style {border:none; width:94px; height: 33px; background-color:var(--yiq-color-active); line-height:28px; cursor:hand; margin:0 auto; font-size:15px; color:#FFFFFF; border-radius:5px; -moz-border-radius:5px; cursor:pointer;}
table {}
input,textarea {color:#11121E; font-size:12px;outline:none;}

img {border:none;}
ul,li {padding:0px; margin:0px; list-style-type:none;}
h1,h2,h3,h4,h5,h6,h7,h8,dd {padding:0px; margin:0px;}

p {margin: 0px 0px 10px 0px;}

/*加载框*/
.loading {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); align-items: center; justify-content: center; z-index: 9999999999; display: none;}

table {vertical-align: middle; border-collapse: collapse;}
.table thead tr {background-image:linear-gradient(to bottom,#FFF,#F8F8F8);}
.table {border: 1px #dedede solid;}
.table tr:nth-child(even) {background-color: #F8F8F8;}
.table tr:hover {background-color: #F0F0F0;}
.table tr th,.table tr td {padding: 10px;}
.table tr td:last-child {text-align: left;}
.table p {margin: 0px; padding: 0px;}

.T_L_B {font-weight:bold; color:#0E991A;}
.T_R_B {font-weight:bold; color:#FF6600;}

.TR_B1 {background-color:#EFEFEF;}
.TR_B2 {background-color:#FFFFFF;}

/*提示框文字左对齐*/
.tooltip-inner {text-align: left !important;  white-space: nowrap !important;  /* 强制不换行 */word-break: keep-all !important; /* 防止长单词断行 */max-width: none !important;      /* 移除最大宽度限制 */}

/*重定义Boot*/
/*消息提示框----模态框*/
.modal {text-align: left; z-index: 99999999999999;}

/*滚动条*/
.YIQ_Scroll {padding-right:10px;}
.YIQ_Scroll::-webkit-scrollbar-track {background-color: rgba(255,255,255,0.2);}
.YIQ_Scroll::-webkit-scrollbar {width:3px; height:3px;}
.YIQ_Scroll::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,0.4);}

A {font-size: 16px;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
A:link,A:visited,A:active {COLOR: #11121E; font-family:"PingFang SC",'arial', sans-serif; TEXT-DECORATION: none; text-align:left;outline:none;}
A:hover {COLOR: #000;TEXT-DECORATION: underline; star:expression(this.onFocus=this.blur());}

::-webkit-input-placeholder { /* WebKit browsers */color: #999; font-size: 15px;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #999; font-size: 15px;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color: #999; font-size: 15px;}

body{text-align:center; margin:0px; font-size:16px; line-height:22px; background-color:#FFF; font-family: Inter, sans-serif "PingFang SC",'arial', sans-serif; color:#333;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

/*基础样式设置*/
.Font_Size_Text_Small {font-size: 12px; line-height: 20px;}
.Font_Size_Text0 {font-size: 14px; line-height: 20px;}
.Font_Size_Text {font-size: 16px; line-height: 25px;}
.Font_Size_Text1 {font-size: 18px; line-height: 25px;}
.Font_Size_Title {font-size: 22px; line-height: 30px;}
.Font_Size_Title1 {font-size: 32px; line-height: 40px;}
.Font_Size_Title2 {font-size: 38px; line-height: 40px;}
.Font_Size_Title3 {font-size: 48px; line-height: 50px;}
.Font_Size_Title_N {font-size: 28px; line-height: 4rem;}

/*flex居中样式*/
.zhong {display: flex; align-items: center; justify-content: center;}

/*用于Lable占位，避免GG误判*/
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

/*按钮样式*/
.myBtn {width: auto; height: 50px; line-height: 50px; padding: 0px 20px; background-color: var(--yiq-color-main); border-radius: 50px; color: #FFF; display: inline-block; text-align: center; cursor: pointer; user-select: none; position: relative;}
.myBtn:link,.myBtn:visited,.myBtn:active {color: #FFF; text-align: center;}
.myBtn:hover {text-decoration:none; background-color: var(--yiq-color-active); color: #FFF;}
.myBtn_red {background-color: var(--yiq-color-active); color: #000; border: 1px var(--yiq-color-active) solid;}
.myBtn_red:hover {background-color: var(--yiq-color-active-hover); color: #000;}
.myBtn_hui {background-color: #F5F5F5; border: 1px #F5F5F5 solid; color: var(--yiq-color-main);}
.myBtn_hui:hover {background-color: #CCC; color: #000;}
.myBtn_hui.current {background-color: var(--yiq-color-active); color: #FFF;}
.myBtn_full {width: 100%; float: left;}
.myBtn_null {background-color: #FFF;}
.myBtn_null:link,.myBtn_null:visited,.myBtn_null:active {color: var(--yiq-color-active);}
.myBtn_null:hover {color: #FFF;}
.myBtn_small {height: 25px; line-height: 25px; padding: 0px 15px; font-size: 12px;}
.myBtn_middle {height: 35px; line-height: 35px; padding: 0px 20px; font-size: 14px;}
.myBtn_big {height: 60px; line-height: 60px; padding: 0px 20px; font-weight: bold;}
.myBtn .number {width: 5px; height: 5px; border-radius: 5px; position:absolute; top: calc(50% - 2.5px); right: 10px; background-color: yellow;}

/*背景*/
.Body_Hui {background-color: #F5F5F5;}

/*面包屑导航--新*/
.daoHang_C {display: flex; position: relative; border-bottom: 1px #DEDEDE solid; padding: 5px 0px; background-image:linear-gradient(to bottom,#fff,#f5f5f5);}
.daoHang_C .CSS_C {display: flex; justify-content: space-between;}
.daoHang {display: flex;}
.daoHang i {width: auto; height: 30px; line-height: 30px; float: left; font-size: 12px; margin: 0px 5px;}
.daoHang i:first-child {font-size: 16px; margin-left: 0px;}
.daoHang div {width: auto; height: 30px; line-height: 28px; float: left; font-size: 14px;}
.daoHang a {width: auto; height: 30px; line-height: 25px; font-size: 14px;}
/*导航栏分享*/
.daoShare {display: flex;}
.daoShare div {width: auto; height: 30px; line-height: 30px; float: left; font-size: 12px; color: #666;}
.daoShare ul {display: flex; justify-content: center; align-items: center; gap: 5px;}
.daoShare li i {width: 25px; height: 25px; line-height: 25px; float: left; cursor: pointer; font-size: 18px; border: 1px var(--yiq-color-main) solid; border-radius: 30px;}
.daoShare li i:hover {border-color: var(--yiq-color-active); background-color: var(--yiq-color-active); color: #FFF;}

.share_wechat_box {width: 100%; height: 100%; justify-content: center; align-items: center; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.8); z-index: 999999999; display: none;}
.share_wechat {width: 100%; max-width: 400px; display: flex; background-color: #FFF; border-radius: 5px; padding: 30px; gap: 20px;}
.share_wechat span {width: 150px; height: 150px;}
.share_wechat div {display: flex; flex: 1; justify-content: center; flex-direction: column; text-align: left; gap: 20px;}

/*网页整体框架*/
.CSS_Body {width:100%; height:auto; float: left; padding: 0px; margin: 0px;}
.CSS_C {width: 100%; max-width: 1800px; height: auto; margin: 0px auto; display:inline-block;}
.CSS_C.middle {max-width: 1600px;}
.CSS_C.middler {max-width: 1450px;}

/*顶部*/
.CSS_Top_Box {width: 100%; float: left; border-bottom: 1px #DEDEDE solid;}

.CSS_Top_Line_Box {width: 100%; height: 100px; float: left;}
.CSS_Top_Line {width: 100%; height: auto; display: flex; left: 0px; top: 0px; z-index: 99999; transition: all .2s ease-in-out;}
.CSS_Top_Line.down {background-color: rgba(255,255,255,1);/* -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);*/ position: fixed;}
.CSS_Top {width:100%; height:auto; float: left; text-align: left;}
.CSS_Logo {width:auto; height:100px; float:left; padding: 10px 0px 10px 10px; transition: all .2s ease-in-out; margin-right: 5%;}
.CSS_Logo div {width: 80px; height: 100%; float: left; display: flex; align-items: center; justify-content: center;}
.CSS_Logo div img {width:100%; height:auto;}
.CSS_Top_C {width: calc(100% - 5% - 100px - 180px); height:100px; display: flex; align-items: center; z-index: 999;}
.CSS_Top_C.open {padding-top: 50px;}

.CSS_Top_Line.bai .CSS_Logo {filter: brightness(0) invert(1);}
.CSS_Top_Line.bai .Menu div span A:link,.CSS_Top_Line.bai .Menu div span A:visited,.CSS_Top_Line.bai .Menu div span A:active {color: #FFF;}

/*主菜单*/
.Menu {width: 100%; height: auto; float: left;/* background-image: url("images/menu_b.webp"); background-repeat: no-repeat; background-position-x: 0px; background-position-x: -200px; background-position-y: bottom;*/ display: flex; align-content: space-between;}
.Menu div {width: auto; height: auto; flex: auto;position: relative; display: flex;}
.Menu div span {width: auto; height: auto; float: left; overflow: hidden; display: flex; flex: 1;}
.Menu div span A {width: auto; height:30px; line-height:30px; overflow: hidden; font-size:18px; text-align: center; transition: all .2s ease-in-out; flex: 1;}
.Menu div span A font {width: auto; height: auto;}
.Menu div span A:link,.Menu div span A:visited,.Menu div span A:active {}
.Menu div span A:hover {text-decoration:none; color: var(--yiq-color-main);}
.Menu div.current span A {text-decoration:none; color: var(--yiq-color-main); background-color: var(--yiq-color-active); border-radius: 50px;}
.Menu div span i {width: 60px; height: 40px; line-height: 40px; float: right; display: none; text-align: center; border-left: 1px #F5F5F5 solid;}
.Menu div span i::before {font-size: 16px;}
.Menu div ul { width: auto; min-width: 100%; height: auto; position: absolute; left: 0px; top: 100%; z-index: 999999999; background-color: #FFF; padding: 10px 0px;
transform: scaleY(0);
transform-origin :0% 6px;
box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.1);
border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
}
.Menu div:hover ul {display: inline; transform: scaleY(1);}

.Menu div ul li {width: 100%; height: 30px; line-height: 30px; float: left; position: relative;}
.Menu div ul li em {width: calc(100% - 16px); height: 30px; line-height: 30px; float: left; padding: 0px 10px; font-size: 14px; white-space: nowrap; font-style: normal; cursor: pointer;}
.Menu div ul li A {width: calc(100% - 16px); height: 30px; line-height: 30px; float: left; padding: 0px 10px; font-size: 14px; white-space: nowrap;}
.Menu div ul li A:hover {text-decoration: none;}
.Menu div ul li A[yiq='noLink'] {cursor: default;}
.Menu div ul li i {width: 16px; height: 30px; line-height: 30px; float: left; font-size: 12px;}
.Menu div ul.big {width: 300px;}
.Menu div ul li label {width: auto; position: absolute; left: 100%; top: calc(0px - 10px); background-color: #FFF; display: none; padding: 10px;}
.Menu div ul li label font {width: 100%; float: left;}

.MenuClose {width: 25px; height: 25px; position: absolute; right: 20px; top: 20px; cursor: pointer; display: none;}
.MenuClose p {width: 25px; height: 0px; float: left; margin: 0px; padding: 0px; border-top: 1px var(--yiq-color-main) solid;}
.MenuClose p:first-child {transform: rotate(45deg); margin-top: 50%;}
.MenuClose p:last-child {transform: rotate(-45deg); margin-top: -1px;}
.MenuClose:hover p {border-color: var(--yiq-color-active);}

/*顶部菜单右侧图标功能*/
.CSS_Top_R {width: calc(100% - 82px - 50px); height: 100%; float: right;}
.CSS_Top_R_Icos {width: auto; height: auto; float: right; margin-top: 40px;}
.CSS_Top_R_Icos_Item {width: auto; height: 100%; float: left; margin-right: 20px; position: relative;}
.CSS_Top_R_Icos_Item:last-child {margin-right: 0px;}
.CSS_Top_R_Icos_Item i {font-size: 30px; cursor: pointer; position: relative;}
.CSS_Top_R_Icos_Item i:hover {color: var(--yiq-color-active);}
.CSS_Top_R_Icos_Item font {width: 25px; height: 25px; position: relative; cursor: pointer;}
.CSS_Top_R_Icos_Item font p {width: 100%; height: 0px; float: left; position: absolute; left: 0px; border-top: 1px var(--yiq-color-main) solid; padding: 0px; margin: 0px; transition: all .2s ease-in-out;}
.CSS_Top_R_Icos_Item font p:first-child {top: 20%;}
.CSS_Top_R_Icos_Item font p:nth-child(2) {top: 50%;}
.CSS_Top_R_Icos_Item font p:last-child {top: 80%;}
.CSS_Top_R_Icos_Item font:hover p {border-color: var(--yiq-color-active);}
.CSS_Top_R_Icos_Item font.current p:first-child {transform: rotate(45deg); top: 50%;}
.CSS_Top_R_Icos_Item font.current p:nth-child(2) {width: 0px; margin-left: 50%;}
.CSS_Top_R_Icos_Item font.current p:last-child {transform: rotate(-45deg); top: 50%;}
.CSS_Top_R_Icos_Item[yiq='submenu'] {display: none;}

/*首页顶部广告区*/
.flashDan {display: flex; align-items: center; justify-content: center; position: relative; color: #fff;}
.flashDan img {width: 100%; height: auto;}
.flashDan img[yiq='mobile'] {display: none;}
.flashDanF {width: 100%; height: 100%; display: flex; position: absolute; left: 0px; top: 0px; align-items: center; justify-content: center; flex-direction: column;}
.flashDanF h1 {font-weight: bold; color: var(--yiq-color-active);}
.flashDanF p {padding: 0px; margin-top: 10px;}
.flashDanF div {width: 60%; min-width: 300px; max-width: 800px; height: 60px; line-height: 60px; display: flex; background-color: rgba(255,255,255,0.8); border-radius: 60px; overflow: hidden; color: #000; margin-top: 3%;}
.flashDanF div input {flex: 1; border: none; background-color: transparent; padding-left: 30px; font-size: 18px;}
.flashDanF div input::placeholder {color: #333; opacity: 1; font-size: 18px;}
.flashDanF div i {width: 60px; font-size: 28px; cursor: pointer;}

/*首页四个按钮*/
.homeBtns {display: grid; grid-template-columns: repeat(4,1fr); gap: 80px; margin-top: -50px; position: relative; z-index: 99999;}
.homeBtns li {display: flex; background-color: #fff; border-radius: 15px; box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05); padding: 30px; column-gap: 5%; transition: all .2s ease-in-out; cursor: pointer;}
.homeBtns li i {width: 70px; height: 70px; display: flex; align-items: center; font-size: 50px; border-radius: 100px; background-color: #fff4c6; color: #f8c905; justify-content: center;}
.homeBtns li div {display: flex; text-align: left; flex-direction: column; justify-content: center;}
.homeBtns li:nth-child(2) i {background-color: #f4ffc1; color: #7a9017;}
.homeBtns li:nth-child(3) i {background-color: #c0dafe; color: #11386f;}
.homeBtns li:nth-child(4) i {background-color: #fadcff; color: #832094;}
.homeBtns li:hover {box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);}

/*最新发布*/
.newSend {display: flex; flex-direction: column; margin-top: 5%;}
.newSendStyle {display: flex; justify-content: center; margin-top: 20px; column-gap: 10px;}
.newSendStyle li {height: 30px; line-height: 30px; display: flex; text-decoration: none; padding: 0px 10px; border-radius: 20px; font-size: 16px; cursor: pointer;}
.newSendStyle li.current {background-color: var(--yiq-color-active);}

/*书籍列表*/
.book-list {display: grid; grid-template-columns: repeat(5,1fr); gap: 40px; margin-top: 3%;}
.book-list article {display: flex; flex: 0 0 calc(20% - 40px); background-color: #E5E5E5; border-radius: 15px; overflow: hidden; transition: all .2s ease-in-out;}
.book-list article a {width: 100%; display: flex; flex-direction: column; text-decoration: none;}
.book-list article a div {width: 100%; aspect-ratio: 1 / 1.33; overflow: hidden; position: relative;}
.book-list article a div img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover;}
.book-list article a h3 {height: 35px; line-height: 35px; overflow: hidden; padding: 0px 10px; font-size: 14px; margin: 3% 0px; text-align: center;}
.book-list article:hover {box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);}

/*内页顶部图片*/
.AD {width: 100%; height: auto; float: left; position:relative;}
.AD::before {content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-image: url("images/ad_d.webp");}
.AD img {width: 100%; height: auto; float: left;}
.AD img[yiq='mobile'] {display: none;}
.AD_F {width: 100%; height: 100%; float: left; position: absolute; left: 0px; top: 0px;}
.AD_K {width: 100%; height: 100%; float: left; display: flex; align-items: center; align-content: center; justify-content: center;}
.AD_K h1,.AD_K h2 {width: auto; color: #FFF; text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}

/*首页标题*/
.H_Title {width: 100%; height: auto; float: left; overflow: hidden; text-align: center;}
.H_Title b,.H_Title h1,.H_Title h2 {width: 100%; height: auto; line-height: normal; float: left; overflow: hidden; color: var(--yiq-color-main); text-transform: uppercase; font-weight: bold;}
.H_Title span {width: 100%; height: auto; line-height: 20px; float: right; overflow: hidden; color: #666; margin-top: 10px;}
.H_Title.left {text-align: left;}
.H_Title.bai b,.H_Title.bai h1,.H_Title.bai h2 {color: #FFF;}
.H_Title.bai span {color: rgba(255,255,255,0.5);}

/*内页顶部标题*/
.N_Title {width: 100%; float: left; text-align: left;}
.N_Title_L {width: auto; float: left; text-transform: uppercase; font-weight: bold;}
.N_Title_R {width: auto; float: right;}

/*产品排序*/
.productSort {width: auto; float: left;}
.productSortCell:first-child {padding-right: 10px; font-size: 16px;}
.productSortCell:nth-child(2) button {font-size: 16px;}

/*动画左右箭头按钮*/
.LR_Btn {width: 50px; height: 50px; background-color: rgba(0,0,0,0.2); color: #FFF; border-radius: 50px; transition: all .2s ease-in-out;}
.LR_Btn::after {font-size: 14px;}
.LR_Btn:hover {background-color: rgba(0,0,0,0.5);}

/*首页产品分类*/
.H_CP_Style {width: 100%; float: left; margin-top: 3%;}
.H_CP_Style ul {width: 100%; float: left;}
.H_CP_Style ul li {width: 100%; float: left;}
.H_CP_Style_Item {width: 100%; float: left; position: relative; background-color: #F5F5F5; border-radius: 20px;}
.H_CP_Style_Item img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; transition: all .2s ease-in-out;}
.H_CP_Style_Item:hover img {transform: scale(1.2);}
.H_CP_Style_Item div {width: 100%; height: auto; position: absolute; left: 0px; bottom: 20px; text-align: center; font-weight: bold;}
.H_CP_Style .LR_Btn {display: none;}

/*首页中间广告*/
.H_AD_Middle {width: 100%; float: left; position: relative; margin-top: 5%;}
.H_AD_Middle img {width: 100%; height: auto;}
.H_AD_Middle img[yiq='pc'] {display: inline;}
.H_AD_Middle img[yiq='mobile'] {display: none;}
.H_AD_Middle div {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; color: #FFF;}
.H_AD_Middle div span {width: 100%; float: left;}
.H_AD_Middle div span font {width: 100%; float: left; margin-top: 3%;}
.H_AD_Middle div span font:first-child {margin-top: 0px;}

/*首页产品*/
.H_CP_BoxPage {width: 100%; height: auto; float: left;}
.H_CP_BoxPage .H_CP_Box:first-child {display: inline;}
.H_CP_Box {width: 100%; float: left; margin-top: 4%;}
.H_CP_Box.qiehuan {display: none;}/*用于首页选项卡切换*/
.H_CP_Box.nei {margin-top: 0px;}
.H_CP_Box.nei .H_CP_K {margin: 0px 2.66% 2.66% 0px;}
.H_CP_Box.nei .H_CP_K:nth-child(4n) {margin-right: 0px;}
.H_CP_Page {width: 100%; float: left; margin-top: 3%;}
.H_CP_Page div {width: auto; margin: 0px auto; display: inline-block;}
.H_CP_Page div span {margin: 5px; cursor: pointer; font-size: 18px;}
.H_CP {width: 100%; height: auto; float: left; padding: 1% 0px;}
.H_CP_K {width: 23%; height: auto; float: left; overflow: hidden; position: relative; background-color: #FFF; border-radius: 20px; box-shadow:0px 0px 8px rgba(0,0,0,0.1); transition: all .2s ease-in-out; border: 1px #E2E2E2 solid;}
.H_CP_K:hover {box-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.H_CP_K_Img {width: 100%; height: auto; float: left; overflow: hidden; position: relative; background-color: #FFF;}
.H_CP_K_Img img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 0;}
.H_CP_K_Img_AddToCart {width: 100%; position: absolute; left: 0px; bottom: -40px; z-index: 1; transition: all .2s ease-in-out; opacity: 0; cursor: pointer;}
.H_CP_K_Img_AddToCart div {padding: 0px 10%;}
.H_CP_K:hover .H_CP_K_Img .H_CP_K_Img_AddToCart {bottom: 20px; opacity: 1;}
.H_CP_K_Bottom {width: 100%; float: left; background-color: #F5F5F5; padding: 20px;}
.H_CP_K_Title {width: calc(100% - 70px); max-height: 40px; line-height: 20px; float: left; overflow: hidden; text-align: left; font-weight: bold;}
.H_CP_K_Title a:hover {text-decoration: none; font-size: 16px;}
.H_CP_K_Jia {width: 70px; height: 40px; float: left; overflow: hidden;}
.H_CP_K_Jia div {width: 100%; height: 20px; line-height: 20px; float: left; overflow: hidden; color: var(--yiq-color-active-hover); font-size: 16px; text-align: right; font-weight: bold;}
.H_CP_K_Jia span {width: auto; height: 20px; line-height: 20px; float: right; color: #666; position: relative; padding: 0px 5px; font-size: 14px;}
.H_CP_K_Jia span::after {content: ""; width: 100%; height: 0px; border-top: 1px var(--yiq-color-active) solid; transform: rotate(-8deg); position: absolute; left: 0px; top: 50%;}
.H_CP_Save {width: 70px; height: 70px; position: absolute; right: 20px; top: 0px; background-image: url("images/save.webp"); background-size: 100% 100%; color: #FFF; z-index: 2;}
.H_CP_Save span {width: 100%; height: 15px; line-height: 15px; float: left; overflow: hidden; font-size: 16px; margin-top: 5px;}
.H_CP_Save div {width: 100%; height: 15px; line-height: 15px; float: left; overflow: hidden; font-size: 16px; margin-top: 5px;}
.H_CP_Save div b {font-size: 18px;}
.H_CP_Favorites {width: auto; position: absolute; left: 20px; top: 20px;}
.H_CP_Favorites i {float: left; font-size: 24px; transition: all .2s ease-in-out;}
.H_CP_Favorites i.current {color: var(--yiq-color-active); cursor: pointer;}
.H_CP_Favorites:hover i {transform: scale(1.5);}
.H_CP_Attr {width: 100%; float: left;}
.H_CP_Attr_Color {width: 100%; height: 20px; float: left; margin-top: 5%;}
.H_CP_Attr_Color div {width: 15px; height: 15px; float: left; border-radius: 20px; background-color: #FFF; margin-left: 5px; cursor: pointer; border: 1px #F5F5F5 solid; margin-top: 5px;}
.H_CP_Attr_Color div:first-child {margin-left: 0px; transition: all .2s ease-in-out;}
.H_CP_Attr_Color div.current {box-shadow:0px 0px 8px rgba(0,0,0,0.5); border: 1px #FFF solid; transform: scale(1.2);}
.H_CP_Attr_Other {width: 100%; float: left; margin-top: 5%;}
.H_CP_Attr_Other select {width: 100%; height: 30px; line-height: 30px; float: left; border-radius: 5px; border: 1px #DEDEDE solid;}
.H_CP_Attr_Other label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
white-space: nowrap !important;
}
.H_CP_Attr_ColorAndOther .H_CP_Attr_Color {width: 50%;}
.H_CP_Attr_ColorAndOther .H_CP_Attr_Other {width: 50%;}

/*页面内容区*/
.pageContent {width: 100%; float: left; margin-top: 1%;}

/*首页产品广告*/
.H_AD_CP_Box {display: flex; flex-direction: column; margin-top: 5%;}
.H_AD_CP {width: 100%; float: left;}
.H_AD_CP li {width: 100%; float: left; overflow: hidden; background-color: #F5F5F5; border-radius: 20px; margin-top: 3%; display: flex;}
.H_AD_CP_Img {width: 65%; float: left; position: relative; display: flex; overflow: hidden;}
.H_AD_CP_Img a {width: 100%; height: 100%; float: left;}
.H_AD_CP_Img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.H_AD_CP_Img div {width: 50px; height: 50px; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px); background-color: rgba(0,0,0,0.5); border-radius: 30px; text-align: center; transition: all .2s ease-in-out; cursor: pointer;}
.H_AD_CP_Img div:hover {background-color: var(--yiq-color-active);}
.H_AD_CP_Img div i {line-height: 48px; font-size: 24px; color: #FFF; margin: 0px auto; display: inline-block;}
.H_AD_CP_Txt {width: 35%; float: right; padding: 5%; text-align: left;}
.H_AD_CP_Txt b {width: 100%; float: left;}
.H_AD_CP_Txt div {width: 100%; line-height: 25px; float: left; margin-top: 5%;}
.H_AD_CP_Txt a {margin-top: 5%;}
.H_AD_CP li:nth-child(2n) .H_AD_CP_Img {order: 2;}
.H_AD_CP li:nth-child(2n) .H_AD_CP_Txt {order: 1;}

/*左右框架*/
.CSS_Left {width: 100%; float: left;}
.CSS_Right {width: 380px; float: right;}

/*公司简介*/
.GSJJ_C {width: 100%; height: auto; float: left; margin-top: 8%;}
.GSJJ {width: 100%; height: auto; float: left; text-align: left; position: relative;}
.GSJJ_L {width: 40%; height: auto; float: right; border-radius: 0px;}
.GSJJ_L img {width:inherit; height: auto; border-radius: 10px; position: absolute; right: 0px; bottom: 0px; visibility: hidden;}
.GSJJ_R {width: calc(100% - 40% - 100px); height: auto; float: left;}
.GSJJ_R_B {width: 100%; float: left; margin-top: 5%;}
.GSJJ_Number {width: 100%; height: auto; float: left; background-color: #F5F5F5; margin-top: 2%; border-radius: 10px; padding: 3%;}
.GSJJ_Number ul {width: 50%; float: left;}
.GSJJ_Number ul li {width: 33.33%; float: left;}
.GSJJ_Number ul li div {width: 100%; float: left;}
.GSJJ_Number ul li div b {width: auto; float: left; position: relative; line-height: 2.5vw; font-size: 2.5vw; font-family: "yiq_en"; color: var(--yiq-color-active);}
.GSJJ_Number ul li div b::before {content: "+"; position: absolute; left: 100%; bottom: 60%; font-size: 14px;}
.GSJJ_Number ul li span {width: 100%; float: left; margin-top: 5%;}

/*隔P*/
.GImg {position: relative;}
.GImg p {width: 100%; height: 0px; float: left; padding: 0px; margin: 0px; margin-top: 100%;}
.GImg img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.GImg32 p {margin-top: 66.66%;}
.GImg21 p {margin-top: 50%;}

.GP {width: 100%; height: 0px; float: left; padding: 0px; margin: 0px; margin-top: 100%;}
.GP32 {margin-top: 66.66%;}
.GP75 {margin-top: 75%;}
.GI {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}

/*图片放大*/
[yiq-act="Zoom_Img"] {cursor: zoom-in;}
.Zoom_Img {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.8); display: none; align-items: center; justify-content: center; z-index: 999999999; cursor: zoom-out;}
.Zoom_Img img {width: auto; height: auto; max-width: 100%; max-height: 100%;}

/*首页新闻*/
.H_News_C {width: 100%; height: auto; float: left; overflow: hidden; background-color: #F8F8F8; padding-bottom: 5%; margin-top: 5%;}
.News {width: 100%; float: left;}
.News li {width: calc((100% - 8%) / 3); float: left; margin: 4% 4% 0px 0px; position: relative; padding-bottom: 80px;}
.News li:nth-child(3n) {margin-right: 0px;}
.News li div {width: 100%; height: auto; float: left; overflow: hidden; border-radius: 10px;}
.News li div img {transition: all .5s ease;}
.News li span {width: 90%; position: absolute; left: 5%; bottom: 0px; background-color: rgba(255,255,255,0.95); text-align: left; border-radius: 10px; padding: 5%;}
.News li span a {width: 100%; height: 25px; line-height: 25px; float: left; overflow: hidden;}
.News li span font {width: 100%; height: 50px; line-height: 25px; float: left; overflow: hidden; color: #666; margin-top: 5px;}
.News li span p {width: 100%; height: 0px; float: left; overflow: hidden; text-align: right; opacity: 0; transition: all .5s ease; padding: 0px; margin: 0px; color: #999;}
.News li span p i {float: left; font-style: normal;}
.News li:hover div img {transform: scale(1.1);}
.News li:hover span {box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: rgba(255,255,255,1);}
.News li:hover span p {height: 50px; opacity: 1; border-top: 1px #F5F5F5 solid; margin-top: 5%; padding-top: 5%;}

/*帮助中心*/
.helpBG {width: 100%; float: left; background-color: #F5F5F5; margin-top: 3%; padding-bottom: 3%; padding-top: 3%;}
.helpBox {display: flex; flex-wrap: wrap; justify-content: space-between;}
.help {display: flex; width: 48%; flex-direction: column;}
.help li {width: 100%; background-color: #FFF; border-radius: 20px; padding: 20px; display: flex; flex-direction: column; cursor: pointer;}
.help li div {display: flex; line-height: 30px;}
.help li div p {width: 30px; height: 30px; background-color: #DEDEDE; border-radius: 30px; padding: 0px; margin: 0px; transition: all .2s ease-in-out;}
.help li div font {height: auto; flex: 1; text-align: left; padding-left: 10px; overflow: hidden; font-weight: bold; margin-top: 4px;}
.help li div i {width: 30px; transition: all .2s ease-in-out;}
.help li span {padding-left: 40px; text-align: left; display: none;}
/*.help li.current span {display: inline;}*/
.help li.current div p {background-color: var(--yiq-color-active); color: #FFF;}
.help li.current div i {transform: rotate(180deg);}
.help.cpPageClass {width: 100%;}

/*底部*/
.Bottom_C {width:100%; height:auto; float:left; background-color: #1a325d; margin-top: 3%; border-top: #F5F5F5 1px solid; color: #FFF;}
.Bottom_C.noMargin {margin-top: 0px;}
.Bottom_C a {width: 100%; height: 30px; line-height: 30px; float: left; overflow: hidden; color: #FFF;}
.Bottom_C a:hover {color: var(--yiq-color-active); text-decoration: none;}
.Bottom {display: flex; padding: 2% 0px; width: 100%;}
.Bottom_Logo {width: 120px; display: flex; align-items: center; justify-content: center;}
.Bottom_Logo img {width: 100%; height: auto;}
.Bottom_Menu {width: calc((100% - 90px - 140px - 10%) * 0.6); height: auto; float: left; overflow: hidden; margin-left: 10%;}
.Bottom_Menu div {width: 45%; float: left;}
.Bottom_Menu div span {width: 100%; float: left; text-align: left; font-weight: bold; text-transform: uppercase; position: relative;}
.Bottom_Menu div i {width: 40px; height: 40px; display: none; position: absolute; right: 0px; top: 0px;}
.Bottom_Menu div ul {width: 100%; float: left; margin-top: 10px;}
.Bottom_Menu div ul li {width: 100%; float: left;}
.Bottom_Menu div ul.duo li {width: 25%;}

.Bottom_Contact {width: calc((100% - 120px - 140px - 10%) * 0.4); display: flex; align-items: center;}

.Bottom_Qrcode {width: 140px; display: flex; align-items: center;}
.Bottom_Qrcode ul {width: 100%; float: left;}
.Bottom_Qrcode ul li {width: 100%; float: left;}
.Bottom_Qrcode ul li div {width: 100%; float: left; position: relative;}
.Bottom_Qrcode ul li div canvas {position: absolute; left: 0px; top: 0px; border: 5px #FFF solid; border-radius: 5px;}
.Bottom_Qrcode ul li div img {width: 100%; height: 100%; border-radius: 5px;}
.Bottom_Qrcode ul li span {width: 100%; line-height: 30px; float: left;}

.Bottom_DY {width: 100%; float: left;}
.Bottom_DY_Form {width: 70%; height: 40px; line-height: 40px; float: left; overflow: hidden; border-radius: 5px; margin-top: 10px;}
.Bottom_DY_Form input {width: calc(100% - 100px); height: 100%; float: left; border: none; background-color: #f5f5f5; padding: 0px 10px; color: #000; font-size: 16px;}
.Bottom_DY_Form input:input-placeholder {color: #999;}
.Bottom_DY_Form input::-webkit-input-placeholder {color: #999;}
.Bottom_DY_Form input::-moz-placeholder {color: #999;}
.Bottom_DY_Form span {width: 100px; height: 100%; float: left; overflow: hidden; background-color: var(--yiq-color-active); color: #000; cursor: pointer;}
.Bottom_DY_Form span:hover {background-color: var(--yiq-color-active-hover);}

.Di_C {width: 100%; height: auto; float: left; background-color: var(--yiq-color-main); padding: 10px 0px; color: #FFF;}
.Di {width: 100%; height: auto; float: left; text-align: left; font-size: 13px; font-family: "Arial"; padding: 15px 0px; text-align: center;}
.Di a {color: #FFF; font-size: 13px; font-family: "simsun"}

.Bottom_Links {width: 100%; float: left; overflow: hidden; margin-top: 20px;}
.Bottom_Links div {width: auto; height: auto; float: left; margin-left: 10px; font-size: 12px; line-height: 20px;}
.Bottom_Links div:first-child {margin-left: 0px;}
.Bottom_Links div a {font-size: 12px; color: rgba(255,255,255,0.3); text-decoration: underline; font-family: "Arial"; line-height: 20px;}
.Bottom_Links div a:hover {text-decoration: underline; color: #FFF;}

/*文章内容标准格式*/
.formatText {line-height: 28px;}
.formatText h2 {color: #000; margin: 2% 0px 1% 0px; font-weight: bold; font-size: 1.2em;}
.formatText h3 {color: #000; margin: 2% 0px 1% 0px; font-weight: bold; font-size: 1.1em;}
.formatText ul {list-style-position: inside;}
.formatText ul li {list-style-type: disc; line-height: 25px;}
.formatText ol {counter-reset: my-counter; /* 初始化计数器 */list-style-position: inside;}
.formatText ol li {list-style-type: decimal; line-height: 25px; counter-increment: my-counter;}
.formatText ol li::marker {content: counter(my-counter) "、";}
.formatText blockquote {background-color:#ebffeb; border-left: none; padding: 2%; font-size: 13px; line-height: 25px; margin-top: 2%;}
.formatText blockquote p {margin: 0px;}
.formatText a {text-decoration: underline; font-size: 15px; color: #000; color: blue;}
.formatText a:hover {color: var(--yiq-color-active);}
.formatText td {line-height: 30px;}

/*页面大框*/
.Page_Box {width: 100%; height: auto; float: left; margin: 2% 0px; position: relative;}
.Page_Box.small {max-width: 1200px;}

/*页面大标题*/
.Page_Title {width: 100%; height: auto; float: left; overflow: hidden; color: var(--yiq-color-main);}

/*右侧框框*/
.R_K {width: 100%; float: left; overflow: hidden; border-radius: 10px; margin-bottom: 15%;}
.R_K_T {width: 100%; height: 50px; line-height: 50px; float: left; background-color: var(--yiq-color-main); color: #FFF; font-weight: bold;}
.R_K_C {width: 100%; float: left; padding: 15px; background-color: #FFF;}

/*框影子*/
.myBox {box-shadow: 0px 0px 5px 5px var(--yiq-color-box-shadow); border-bottom: 5px var(--yiq-color-main) solid; transition: all .2s ease-in-out;}
.myBox:hover {box-shadow: 0px 0px 5px 5px var(--yiq-color-box-shadow-active); border-bottom: 5px var(--yiq-color-active) solid;}

/*登录框*/
.loginK {width: 100%; height: 100%; left: 0px; top: 0px; display: flex; align-items: center; justify-content: center; z-index: 1; padding: 5% 0px;}
.loginBox {width: 450px; max-width: 80%; background-color: #FFF; border-radius: 15px; padding: 2% 3%;}
.loginBox1 {width: 600px;}
.loginBoxT {width: 100%; float: left; margin-bottom: 10%;}
.loginBoxT span {width: auto; height: 50px; line-height: 50px; text-transform: uppercase; margin: 0px auto; display: inline-block;}
.loginBoxT div {width: auto; float: right; text-align: center;}
.loginBoxT div img {height: 50px;}
.loginBoxForm {width: 100%; float: left; position: relative;}
.loginBoxForm li {width: 100%; height: 44px; float: left; overflow: hidden; border: 1px #DEDEDE solid; border-radius: 5px; margin-top: 6%;}
.loginBoxForm li:first-child {margin-top: 0px;}
.loginBoxForm li div {width: 100%; height: 100%; line-height: 42px; float: left;}
.loginBoxForm li div input {width: 100%; height: 100%; float: left; border: none; padding: 0px 20px; font-size: 16px;}
.loginBoxForm li div select {width: 100%; height: 100%; border: none; padding: 0px 20px;}
.loginBoxForm li.code div {width: calc(100% - 100px);}
.loginBoxForm li.code font {width: 100px; height: 44px; line-height: 44px; float: left; background-color: #F5F5F5; border-left: 1px #DEDEDE solid; cursor: pointer;}
.loginBoxForm li.code:hover font {color: var(--yiq-color-active);}
.loginBoxForm li.forgot {height: auto; border: none; text-align: right; margin-top: 5px;}
.loginBoxForm li.forgot div {width: auto; float: left; font-family: "simsun"; font-size: 12px; color: #DDD;}
.loginBoxForm li.forgot div:nth-child(2) {float: right;}
.loginBoxForm li.forgot div a {font-size: 14px; text-decoration: underline;}
.loginBoxForm li.loginBtn {height: auto; border: none;}
.loginBoxForm li.loginBtn input {width: 100%; height: 44px; line-height: 44px; background-color: var(--yiq-color-active); color: #FFF; border-radius: 5px; border: none; font-size: 16px;}
.loginBoxForm li.loginBtn input:hover {background-color: var(--yiq-color-active-hover);}
.loginBoxForm li.text {height: auto;}
.loginBoxForm li.text div {height: auto;}
.loginBoxForm li.text div textarea {width: 100%; height: 215px; border: none; padding: 10px; float: left;}

.loginBoxQrcode {width: 100%; height: auto; float: left; padding: 0px 5%;}
.loginBoxQrcode img {width: 100%; height: auto;}

.loginNei .loginK {position: relative; float: left; padding: 5% 0px;}
.loginNei .loginK .loginBox {padding: 3%;}

/*验证码*/
#loginCodePushRefresh {cursor: pointer;}

/*用户中心*/
.userTop {width: 100%; height: 200px; float: left; background-color: var(--yiq-color-main);}
.userIco {width: 100%; float: left; margin-top: -50px;}
.userIco div {width: auto; margin: 0px auto; display: inline-block;}
.userIco div i {width: 100px; height: 100px; line-height: 100px; float: left; border-radius: 100px; background-color: #F5F5F5; font-size: 80px;}
.userIco span {width: 100%; float: left;}
.userMenu {width: 100%; float: left;}
.userMenu div {width: auto; margin: 0px auto; display: inline-block;}
.userMenu div A {width: auto; height: 50px; line-height: 50px; float: left; padding: 0px 30px; border-radius: 40px; text-decoration: none; margin: 0px 10px; font-size: 18px;}
.userMenu div A:link,.userMenu div A:visited,.userMenu div A:active {background-color: #F5F5F5;}
.userMenu div A.current {background-color: var(--yiq-color-active); color: #FFF;}

/*用户中心-订单*/
.orderListBG {width: 100%; float: left;}
.orderList {display: flex; flex-direction: column; padding: 2%; background-color: #F5F5F5; border-radius: 20px; margin-top: 2%;}
.orderListT {width: 100%; float: left;}
.orderListTL {flex: 1; line-height: 30px;}
.orderListTL div {width: auto; float: left; font-weight: bold;}
.orderListTL span {width: auto; float: left; margin-left: 10px;}
.orderListTL span u {text-decoration: none; font-weight: normal;}
.orderListTL font {width: auto; float: left; margin-left: 10px; color: #999; font-size: 14px;}
.orderListTR {width: auto; line-height: 30px; display: flex; column-gap: 10px;}
.orderListTR div {width: auto; float: left; color: var(--yiq-color-active); font-weight: bold;}
.orderListTR i {font-size: 24px; margin-left: 20px; float: left; cursor: pointer; transition: all .2s ease-in-out;}
.orderListTR i:hover {color: var(--yiq-color-active);}
.orderListTR i.current {transform: rotate(180deg);}
.orderListBB {width: 100%; float: left; display: none;}
.orderListB {width: 100%; float: left;}
.orderListNote {display: flex; float: left; margin-top: 10px; gap: 10px;}
.orderListNote div {flex: 1; color: #666; display: flex; align-items: center; justify-content: space-between;}
.orderListNote div font {padding-left: 15px; text-align: left;}
.orderListNote div font:first-child {padding-left: 0px;}
.orderListNote div font i[yiq-act="copy"] {cursor: pointer; font-size: 18px; color: #000;}
.orderListNote div font i[yiq-act="copy"]:hover {color: var(--yiq-color-active);}
.orderListNote div u {color: var(--yiq-color-active); text-decoration-line: none;}
.orderListNote span {width: auto;}
.orderListBtns {width: 100%; display: flex; margin-top: 10px; justify-content: flex-end; gap: 10px;}

/*支付页*/
.orderPay {width: 100%; display: flex; align-items: center; justify-content: center; padding: 5% 0px;}
.orderPayBox {width: 100%; max-width: 400px; display: flex; flex-direction: column; padding: 3% 3%; border-radius: 15px;}
.orderPayBox div {text-align: left; margin-top: 10px; display: flex; justify-content: space-between; padding: 10px 0px;}
.orderPayBox div:first-child {margin-top: 0px;}
.orderPayBox div font b {font-size: 20px;}
.orderPayBox div font:nth-child(2) {color: var(--yiq-color-active);}
.orderPayBox div span {display: flex; align-items: center; justify-content: center;}
.orderPayBox div span p {padding: 0px; margin: 0px;}
.orderPayBox div span p:first-child {margin-right: 10px;}
.orderPayBox div span p img {width: auto; height: 20px; filter: brightness(0) invert(1);}

/*谢谢页*/
.thanks {width: 100%; display: flex; align-items: center; justify-content: center; padding: 5% 0px;}
.thanksBox {width: 100%; max-width: 400px; display: flex; flex-direction: column; padding: 50px 20px; border-radius: 15px;}
.thanksBox div {display: flex; align-items: center; justify-content: center;}
.thanksBox div i {width: 60px; height: 60px; line-height: 60px; background-color: green; color: #FFF; font-size: 36px; border-radius: 60px;}
.thanksBox div:nth-child(2) {margin: 20px 0px 50px 0px; color: green;}

/*评价页*/
.pingjia {width: 100%; display: flex; align-items: center; justify-content: center; padding: 2% 0px;}
.pingjiaBox {width: 100%; max-width: 600px; display: flex; flex-direction: column; padding: 3% 3%; border-radius: 15px;}
.pingjiaBoxLine {text-align: left; margin-top: 10px; display: flex; padding: 10px 0px;}
.pingjiaBoxLine:first-child {margin-top: 0px;}
.pingjiaBoxLine_Star {color: var(--yiq-color-active); cursor: pointer;}
.pingjiaBoxLine_Star i {font-size: 24px;}
.pingjiaBoxLine_Btn {gap: 20px;}
.pingjiaBoxLine_Btn span {display: flex; align-items: center; justify-content: center;}
.pingjiaBoxLine_Btn a {text-decoration: none;}

/*退换货页*/
.OrderReturn {width: 100%; display: flex; align-items: center; justify-content: center; padding: 2% 0px;}
.OrderReturnBox {width: 100%; max-width: 600px; display: flex; flex-direction: column; padding: 3% 3%; border-radius: 15px;}
.OrderReturnLine {text-align: left; margin-top: 10px; display: flex; padding: 10px 0px;}
.OrderReturnLine:first-child {margin-top: 0px;}
.OrderReturnLine_Products ul {display: flex; flex-direction: column;}
.OrderReturnLine_Products ul li {display: flex;}
.OrderReturnLine_Products ul li span {color: #999;}
.OrderReturnLine_Btn {gap: 20px;}
.OrderReturnLine_Btn span {display: flex; align-items: center; justify-content: center;}
.OrderReturnLine_Btn a {text-decoration: none;}

/*退换货列表*/
.orderReturnList {width: 100%; float: left;}
.orderReturnList ul {display: flex; flex-direction: column;}
.orderReturnList ul li {display: flex; flex-direction: column; border-radius: 20px; background-color: #F5F5F5; padding: 3% 5%;}
.orderReturnListT {display: flex; align-items: center;}
.orderReturnListTL {width: auto; display: flex; align-items: center;}
.orderReturnListTL div {width: 70px; height: 70px; line-height: 70px; background-color: #FFF; border-radius: 80px; text-transform: uppercase; color: var(--yiq-color-active); font-size: 40px;}
.orderReturnListTL span {display: flex; align-items: center; justify-content: center; margin-left: 20px;}
.orderReturnListTL span font {width: 100%; float: left; text-align: left;}
.orderReturnListTL span font u {width: 100%; float: left; text-decoration: none; font-weight: bold;}
.orderReturnListTL span font u::first-letter {text-transform: uppercase;}
.orderReturnListTL span font i {width: 100%; float: left; font-style: normal; font-size: 12px; color: #999;}
.orderReturnListTR {width: auto; margin-left: auto; color: var(--yiq-color-active);}
.orderReturnListTR font.status0 {color: #000;}
.orderReturnListTR font.status1 {color: green;}
.orderReturnListTR font.status2 {color: red;}
.orderReturnListB {width: 100%; float: left; text-align: left;}
.orderReturnListB font {color: #999;}

/*多图上传*/
.SL_Img_Duo {width: 100%; height: auto; float: left; display: flex; gap: 10px;}
.SL_Img_Duo div {flex: 1; aspect-ratio: 1 / 1; border: 1px #DEDEDE dashed; background-image: url("images/none.gif"); background-repeat: no-repeat; background-position: center center; background-size: 100%; position: relative;}
.SL_Img_Duo div img {width: 100%; height: 100%; cursor: pointer;}
.SL_Img_Duo div font {width: 100%; height: 20px; position: absolute; left: 0px; top: 0px;}
.SL_Img_Duo div font dd {width: 50%; height:auto; float: left; overflow: hidden;}
.SL_Img_Duo div font dd i {width: 20px; height: 20px; line-height: 20px; text-align: center; float: left; color: #000; font-size: 12px; cursor: pointer; background-color: #FFF; border-radius: 30px; display: none;}
.SL_Img_Duo div font dd i:hover {color: #F00;}
.SL_Img_Duo div font dd:nth-child(1) {width: 70%;}
.SL_Img_Duo div font dd:nth-child(2) {width: 30%;}
.SL_Img_Duo div font dd:nth-child(2) i {float: right;}
.SL_Img_Duo div:hover {border-color: #ff901c;}
.SL_Img_Duo div:hover i {display: inline;}
.SL_Img_Duo div:first-child dd:first-child i:first-child {display: none;}
.SL_Img_Duo div:nth-child(8) dd:first-child i:last-child {display: none;}
.SL_Img_Duo span {width: 100%; height: auto; float: left; margin-top: 10px;}
.SL_Img_Duo div p {width: auto; height: 20px; position: absolute; left: 0px; bottom: 0px; background-color: #FF8D00; border-top-right-radius: 5px; font-size: 12px; padding: 0px 5px; margin: 0px; color: #FFF; font-family: "Arial";}

/*图片剪切*/
.UpImg_CC {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: #000; background-color: rgba(0,0,0,0.8); align-items: center; justify-content: center; z-index: 999999999; display: none;}
.UpImg {width: 100%; max-width: 1200px; float: left; background-color: #FFF; padding: 3%;}
.UpImg_L {width: calc(100% - 200px - 100px); height: 400px; float: left; background-color: #DEDEDE;}
.UpImg_L div {width: 100%;height: 100%; float: left;}
.UpImg_L div img {width: auto; max-width: 100%; height: auto; max-height: 100%;}
.UpImg_R {width: 200px; height: auto; float: right; height: auto; overflow: hidden;}
.UpImg_R div {width: 100%; height: auto; float: left; overflow: hidden; position:relative;}
.UpImg_R div p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 100%;}
.UpImg_R div font {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #DEDEDE;}
.UpImg_R span {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 5%;}

.ImgCut {width: 100%; height: auto; float: left; overflow: hidden; position: relative;}
.ImgCut_Img {width: 100%; height: auto; float: left;}
.ImgCut_Img img {width: auto; max-height: 300px;}

/*用户中心-地址*/
.userAddress_Btn {width: 100%; float: left;}
.userAddress {width: 100%; float: left;}
.userAddress ul {display: flex; align-items: center; flex-direction: column;}
.userAddress ul li {width: 100%; border-radius: 20px; background-color: #F5F5F5; padding: 2% 5%; display: flex; align-items: center; align-content: center; overflow: hidden; position: relative;}
.userAddress ul li.current .userAddressL div::before {content: "DEFAULT"; width: auto; line-height: 30px; color: green; position: absolute; right: 7%; top: calc(50% - 15px);}
.userAddressL {flex: 1; display: flex; flex-direction: column; text-align: left; position: relative;}
.userAddressL div {display: flex;}
.userAddressL div span {margin-left: 20px;}
.userAddressL div:last-child {color: #666;}
.userAddressR {width: 60px; display: flex; align-content: center; flex-direction: column;}
.userAddressR a {text-decoration: underline; line-height: 30px; text-align: center;}

/*通用漂浮表单*/
.formFuBG {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 9999999999; display: none;}
.formFuBox {width: 100%; max-width: 600px; background-color: #FFF; border-radius: 20px; padding: 3%; position: relative;}
.formFuBoxClose {width: 20px; height: 20px; line-height: 16px; position: absolute; right: 10px; bottom: calc(100% + 10px); font-size: 25px; cursor: pointer; background-color: #FFF; border-radius: 20px;}
.formFuBoxClose:hover {color: var(--yiq-color-active);}

/*关于我们顶部*/
.aboutTop {display: flex; position: relative;}
.aboutTop img {width: 100%; height: auto;}
.aboutTop img[yiq='mobile'] {display: none;}
.aboutTopTxt {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; align-items: center; align-content: center; justify-content: center; flex-direction: column;}
.aboutTopTxt div {color: #FFF; margin: auto;}
.aboutTopTxt div:nth-child(2) {max-width: 600px;}

/*左图右文*/
.aboutImgAD {display: flex; flex-direction: column;}
.aboutImgAD li {display: flex; justify-content: space-between; align-items: center; margin-top: 5%;}
.aboutImgAD li div {display: flex; justify-content: center;}
.aboutImgAD li div:nth-child(1) {width: 50%;}
.aboutImgAD li div:nth-child(1) img {width: 100%; height: auto; border-radius: 20px;}
.aboutImgAD li div:nth-child(2) {width: 40%; display: flex; align-items: center; flex-direction: column;}
.aboutImgAD li div:nth-child(2) span {width: 100%; text-align: left;}
.aboutImgAD li div:nth-child(2) span:first-child {font-weight: bold;}
.aboutImgAD li:nth-child(even) div:nth-child(1) {order: 2;}
.aboutImgAD li:nth-child(even) div:nth-child(2) {order: 1;}

/*历程*/
.LiCheng_BG {width: 100%; height: auto; float: left; overflow: hidden;}
.LiCheng_Logo {width: 100%; height: auto; float: left;}
.LiCheng_Logo div {width: 100px; height: 100px; margin: 0px auto; display: inline-block; background-color: #FFF; border-radius: 80px; align-items: center; display: flex; padding: 10px; margin-top: 3%; border: 4px var(--yiq-color-active) solid; padding: 20px;}
.LiCheng_Logo div img {width: 100%; height: auto;/* filter: brightness(0) invert(1);*/}
.LiCheng_C {width: 100%; height: auto; min-height: 500px; float: left; position: relative; background-image: url("images/liucheng_line.jpg"); background-repeat: repeat-y; background-position: center top;}
.LiCheng_C ul {width: 100%; height: auto; float: left;}
.LiCheng_C ul li {width: 100%; height: auto; float: left; margin-top: -2%;}
.LiCheng_C ul li:first-child {margin-top: 2%;}
.LiCheng_C ul li div {width: auto; height: auto; margin: 0px auto; display: inline-block; visibility: hidden;}
.LiCheng_C ul li div em {width: 700px; height: 1px; float: left;}
.LiCheng_C ul li div em img {width: 100%; height: auto; border-radius: 20px; transition: all .2s ease-in-out;}
.LiCheng_C ul li div i {width: 20px; height: 20px; float: left; overflow: hidden; background-color: #EEE; border: 2px #FFF solid; border-radius: 100px; margin: 0px 20px; transition: all .2s ease-in-out;}
.LiCheng_C ul li div span {width: 700px; height: auto; float: right; overflow: hidden; text-align: left; padding: 20px; border-radius: 10px; transition: all .2s ease-in-out; background-image:linear-gradient(0deg,#f5f5f5,#fff); border: 1px #F5F5F5 solid; position: relative; cursor: default;}
.LiCheng_C ul li div span img {width: 150px; height: 150px; float: left; border-radius: 5px;}
.LiCheng_C ul li div span b {width: calc(100% - 150px); height: 25px; line-height: 25px; float: left; color: #999; font-weight: normal; padding-left: 20px; font-size: 28px; transition: all .2s ease-in-out;}
.LiCheng_C ul li div span font {width: calc(100% - 150px); height: auto; line-height: 25px; float: left; font-size: 18px; color: #333; margin-top: 10px; padding-left: 20px;}
.LiCheng_C ul li div span::before {content: ""; width: 50px; height: 50px; position: absolute; right: -50px; bottom: -50px; background-color: var(--yiq-color-active); transform: rotate(45deg); transition: all .5s ease-in-out;}
.LiCheng_C ul li:nth-child(even) div em {float: right;}
.LiCheng_C ul li:nth-child(even) div span {float: left;}
.LiCheng_C ul li:hover div i {background-color: var(--yiq-color-active);}
.LiCheng_C ul li:hover div span {box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
.LiCheng_C ul li:hover div span::before {right: -25px; bottom: -25px;}
.LiCheng_C ul li:hover div span b {color: var(--yiq-color-active); font-weight: bold;}
.LiCheng_C ul li div em img:hover {transform:scale(1.1);}

/*首页证书*/
.H_ZS {width: 100%; float: left; background-color: #F5F5F5; padding: 0px 0px 4% 0px; position: relative; margin-top: 5%;}
.H_ZS_List {width: 100%; float: left; overflow: hidden; margin-top: 3%;}
.H_ZS_List .swiper-wrapper .swiper-slide {transition: all .2s ease-in-out; transform: scale(1);}
.H_ZS_List .swiper-wrapper .swiper-slide-active,.H_ZS_List .swiper-wrapper .swiper-slide-duplicate-active{transform: scale(1);}
.H_ZS_Img {width: 90%; float: left; margin-left: 5%; position: relative; overflow: hidden; border: 5px #FFF solid;}
.H_ZS_Img img {width: 100%; height: 100%; border-radius: 10px;}
.H_ZS_Img div {width: 100%; height: 40px; line-height: 40px; position: absolute; left: 0px; bottom: -40px; background-color: var(--yiq-color-main-touming); color: #FFF; transition: all .2s linear;}
.H_ZS_Img:hover div {bottom: 0px;}
.H_ZS .swiper-pagination {width: 100%; float: left; z-index: 9999;}
.H_ZS .swiper-pagination-bullets {bottom:5%;}
.H_ZS .swiper-pagination-bullet {background-color:#000; width:6px; height:6px; opacity:0.8; border-radius: 0px; position: relative; margin: 0px; transition: all .2s linear;}
.H_ZS .swiper-pagination-bullet::before {content: ""; width: 0px; height: 100%; position: absolute; left: 0px; top: 0px; background-color: var(--yiq-color-active); transition: all 0s linear;}
.H_ZS .swiper-pagination-bullet-active {/*background-color:var(--yiq-color-main);*/ width: 30px;}
.H_ZS .swiper-pagination-bullet-active::before {width: 100%; transition: all 2.5s linear;}

/*客户与客户说*/
.KehuSayBox {width: 100%; float: left; background-image:linear-gradient(to right,#FFF,#FFF,var(--yiq-color-main),var(--yiq-color-main));}
.KehuSay {width: 100%; float: left; display: flex;}
.KehuSay_L {width: 50%; float: left; background-color: #FFF; padding: 5% 0px;}
.KehuSay_L ul {width: 100%; float: left;}
.KehuSay_L ul li {width: 31.33%; float: left; margin: 1%; visibility: hidden;}
.KehuSay_R {width: 50%; float: left; color: #FFF;}
.KehuSay_R_List {width: 100%; height: 100%; float: left; padding: 0px 10%; color: #FFF; display: flex; align-items: center; justify-content: center;}
.KehuSay_R_FB {width: 100%; height: 50%; float: left; overflow: hidden; position: relative;}
.KehuSay_R_FB ul {width: 100%; float: left; position: absolute; left: 0px; top: 0px;}
.KehuSay_R_FB ul li {width: 100%; height: auto; float: left; margin-bottom: 10px;}
.KehuSay_R_FB ul li img {width: 50px; height: 50px; float: left; border: 1px #FFF solid; border-radius: 50px; margin-top: 5px;}
.KehuSay_R_FB ul li div {width: calc(100% - 50px - 30px); float: right; line-height: 20px; padding: 15px; position: relative; background-color: #FFF; border-radius: 10px; color: var(--yiq-color-main); font-size: 13px; text-align: left;}
.KehuSay_R_FB ul li div span {width: 12px; height: 13px; position: absolute; right: 100%; top: 20px; background-image: url("images/fb_jiao.webp");}

/*关于底部图片*/
.aboutImg {width: 100%; float: left; overflow: hidden; margin-top: 1px;}
.aboutImg img {width: 100%; height: auto; float: left;}

/*右侧热门产品*/
.R_CP ul {width: 100%; float: left;}
.R_CP ul li {width: 100%; float: left; display: flex; border-bottom: 1px #DEDEDE dashed; padding-bottom: 15px; margin-bottom: 15px;}
.R_CP ul li:last-child {padding-bottom: 0px; margin-bottom: 0px; border: none;}
.R_CP ul li div {width: 100px; height: auto; float: left; display: table-cell;}
.R_CP ul li span {width: calc(100% - 100px); height: auto; float: right; display: flex; align-items: center; justify-content: flex-start; padding-left: 10px;}

/*右侧热门文章（博客）*/
.R_List ul {width: 100%; float: left;}
.R_List ul li {width: 100%; float: left; margin-bottom: 10px;}
.R_List ul li:last-child {padding-bottom: 0px;}
.R_List ul li div {width: 20px; height: 20px; line-height: 20px; float: left; background-color: var(--yiq-color-main); color: #FFF; border-radius: 5px; font-size: 12px; font-family: "Arial";}
.R_List ul li a {width: calc(100% - 20px - 10px); height: 20px; line-height: 20px; float: right; overflow: hidden;}
.R_List ul li:nth-child(1) div {background-color: #F00;}
.R_List ul li:nth-child(2) div {background-color: #FF8D00;}
.R_List ul li:nth-child(3) div {background-color: #b1ab00;}

/*右侧热门搜索关键词*/
.R_Key {padding: 12px;}
.R_Key a {width: auto; height: 25px; line-height: 25px; float: left; border-radius: 5px; padding: 0px 10px; margin: 3px; color: #FFF; text-decoration: none; font-size: 12px;}
.R_Key a:hover {filter: brightness(110%);}
.Key_Color1 {background-color: #16a837;}
.Key_Color2 {background-color: #234895;}
.Key_Color3 {background-color: #18869a;}
.Key_Color4 {background-color: #999f17;}
.Key_Color5 {background-color: #c08b1d;}
.Key_Color6 {background-color: #ff6c01;}
.Key_Color7 {background-color: #bf1d20;}
.Key_Color8 {background-color: #238e02;}
.Key_Color9 {background-color: #03a4db;}
.Key_Color10 {background-color: #b826b2;}

/*二级菜单（手机）*/
.Sub_Menu {width: 100%; height: auto; float: left; display: none;}
.Sub_Menu div {width: auto; height: auto; margin: 0px auto; display: inline-block; position: relative;}
.Sub_Menu div span {width: auto; height: 30px; line-height: 30px; float: left; overflow: hidden; background-color: var(--yiq-color-main); color: #FFF; padding: 0px 20px; border-radius: 30px; white-space: nowrap;}
.Sub_Menu div:hover span {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.Sub_Menu div span font {width: auto; height: auto; float: left;}
.Sub_Menu div span i {width: auto; height: auto; float: left;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.Sub_Menu div ul {width: auto; min-width: 100%; height: auto; position: absolute; left: 0px; top: 100%; background-color: var(--yiq-color-main); padding: 20px 20px; z-index: 9; border-radius: 10px; white-space: nowrap; display: none;}
.Sub_Menu div ul li {width: 100%; height: auto; float: left; overflow: hidden;}
.Sub_Menu div ul li a {width: 100%; height: 30px; line-height: 30px; float: left; overflow: hidden; color: #FFF;}
.Sub_Menu div:hover ul {display: inline; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.Sub_Menu div:hover span i {transform: rotate(180deg);}

/*产品筛选*/
.CPSO {width: 100%; float: left; overflow: hidden; border-radius: 10px; background-color: #FFF;/* background-image: url("images/so_b.webp"); background-size: 100% auto; background-position:center center;*/ padding: 3%;}
.CPSO ul {width: 100%; float: left; display: flex; margin-top: 1.5%; border-radius: 5px;}
.CPSO ul:first-child {margin-top: 0px;}
.CPSO ul:hover {background-color: #F5F5F5;}
.CPSO ul li {width: auto; float: left; display: table-cell;}
.CPSO ul li:nth-child(1) {width: 100px; text-align: left; line-height: 25px; color: #333;}
.CPSO ul li:nth-child(2) {width: calc(100% - 100px);}
.CPSO ul li a {width: auto; height: 25px; line-height: 25px; float: left; padding: 0px 10px; color: #666; font-size: 14px; margin: 0px 2%;}
.CPSO ul li a:hover {color: var(--yiq-color-active); text-decoration: none;}
.CPSO ul li a.current {background-color: var(--yiq-color-active); color: #FFF; border-radius: 5px;}

/*原价-删除线*/
.priceOldDel {position: relative; color: #999; padding: 0px 5px;}
.priceOldDel::after {content: ""; width: 100%; height: 0px; border-top: 1px var(--yiq-color-active) solid; transform: rotate(-8deg); position: absolute; left: 0px; top: 50%;}

/*产品详细页*/
.CP_Info_Full {width: 100%; float: left; overflow: hidden;}
.CP_Info {display: flex; margin-top: 3%;}
.CP_Info_T {display: flex; gap: 5%;}
.CP_Info_T_Img {width: 45%; display: flex; position: relative;}
.CP_Info_T_Img_Big {width: 100%; height: auto; float: left;}
.CP_Info_T_Img_Big_Img {width: 100%; height: auto; float: left; position: relative; border-radius: 15px; overflow: hidden;}
.CP_Info_T_Img_Big_Img p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 133.33%;}
.CP_Info_T_Img_Big_Img img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; border: 1px rgba(255,255,255,0.1) solid;}
.CP_Info_T_Info {display: flex; flex: 1; flex-direction: column;}
.CP_Info_T_Info_T {width: 100%; height: auto; float: left; overflow: hidden; color: var(--yiq-color-main); text-align: left; font-weight: bold;}
.CP_Info_T_Info_T b {font-weight: bold;}
.CP_Info_T_Info_Text {width: 100%; height: auto; float: left; overflow: hidden; text-align: left; color: #333; line-height: 20px;}

.CP_Info_T_Info_G {width: 100%; height: 0px; float: left; border-top: 1px #dedede dashed;}

.cp_info_t_info_files {display: flex; margin-top: 3%; flex-direction: column; gap: 10px;}
.cp_info_t_info_files li {display: flex; background-color: #f5f5f5; border-radius: 15px; padding: 20px; gap: 10px;}
.cp_info_t_info_files li span {flex: 1; text-align: left;}
.cp_info_t_info_files li * {display: flex; align-items: center;}

.cp_info_t_info_btns {display: flex; justify-content: space-between; margin-top: 5%;}
.cp_info_t_info_btns div {width: 45%; display: flex; background-color: var(--yiq-color-active); padding: 3% 0px; border-radius: 15px; background-image: url("images/btn_bj_v.webp"); background-repeat: no-repeat; background-position: left top; background-size: auto 100%;}
.cp_info_t_info_btns div span {width: 40%; display: flex;}
.cp_info_t_info_btns div p {display: flex; flex: 1; flex-direction: column; text-align: left; justify-content: center; margin: 0px; padding: 0px;}
.cp_info_t_info_btns div:nth-child(2) {background-color: var(--yiq-color-other); background-image: url("images/btn_bj_share.webp");}

.cp_info_like_box {display: flex; background-color: #f5f5f5; padding: 5% 0px; margin-top: 5%;}

/*二维码支付窗口*/
.wxPay_qrcode_box {width: 100%; height: 100%; justify-content: center; align-items: center; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.8); z-index: 999999999; display: none;}
.wxPay_qrcode {display: flex; flex-direction: column; background-color: #FFF; border-radius: 5px; padding: 10px; gap: 10px;}
.wxPay_qrcode span {width: 200px; height: 200px;}
.wxPay_qrcode span img {width: 100%; height: 100%;}
.wxPay_qrcode div {display: flex; flex: 1; justify-content: center; flex-direction: column; text-align: center; gap: 10px;}
.wxPay_qrcode div b {display: flex; justify-content: center; align-items: center;}
.wxPay_qrcode div b i {color: green; font-size: 30px;}
.wxPay_qrcode div p {max-width: 200px;}

/*产品小标题*/
.CP_subTitle {display: flex; justify-content: space-between;}
.CP_subTitle div {width: auto;}
.CP_subTitle span {width: auto;}

.viewDongBG {width: 100%; float: left; background-color: #F5F5F5;}

.BaiJiao {background-image: url("images/baijiao.webp"); background-repeat: no-repeat; background-position: right bottom; background-size: auto 80%;}

/*第三方视频播放*/
.Video_CC {width: 100%; height: 100%; position: fixed; background-color: #000; background-color: rgba(0,0,0,0.9); display: none; z-index: 99999999999;}
.Video_C {width: 100%; height: 100%; float: left; display: flex; align-items: center; justify-content: center;}
.Video_Play {width: 100%; max-width: 800px; height: auto; float: left; overflow: hidden; position: relative;}
.Video_Play p {width: 100%; height: 0px; float: left; padding: 0px;margin: 0px; margin-top: 66.66%;}
.Video_Play iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}

/*视频列表*/
.Video_List {width: 100%; height: auto; float: left; overflow: hidden;}
.Video_List_K {width: 31.33%; height: auto; float: left; overflow: hidden; margin: 0px 1% 2% 1%;}
.Video_List_K_T {width: 100%; height: auto; float: left; overflow: hidden; position: relative;}
.Video_List_K_T p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 66.66%;}
.Video_List_K_T img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; cursor: pointer; border: 1px #DEDEDE solid;}
.Video_List_K_T span {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #000; background-color: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; cursor: pointer;}
.Video_List_K_T span i {color: rgba(255,255,255,0.2); font-size: 28px;}
.Video_List_K_T:hover span {background-color: rgba(0,0,0,0.2);}
.Video_List_K_T:hover span i {color: #FFF;}
.Video_List_K_B {width: 100%; height: 30px; line-height: 30px; float: left; overflow: hidden;}

/*企业文化*/
.WenHua_Line {width: 100%; float: left; padding: 8% 0px;}
.WenHua {width: 100%; float: left; margin-top: 5%;}
.WenHua_K {width: 46%; float: left; background-color: #FFF; border-radius: 10px; padding: 5%; text-align: left;}
.WenHua_K:nth-child(2) {float: right;}
.WenHua_K_T {width: 100%; height: 30px; line-height: 30px; float: left; overflow: hidden; color: var(--yiq-color-active);}
.WenHua_K_C {width: 100%; height: auto; line-height: 30px; float: left; margin-top: 5%;}
/*.WenHua_K div font {color: var(--yiq-color-active); font-size: 12px;}
.WenHua_K div b {color: var(--yiq-color-active);}*/

/*合作伙伴*/
.HeZuo_Line {width: 100%; float: left; padding: 8% 0px; background-image: url("images/hezuo_b.webp"); background-size: cover; background-position: top center; background-attachment: fixed;}
.HeZuo {width: 100%; float: left; margin-top: 5%;}
.HeZuo div {width: 20%; height: auto; float: left; position: relative; background-color: #FFF;}
.HeZuo div .GP {margin-top: 40%;}
.HeZuo div:nth-child(even) {background-color: transparent;}
.HeZuo div:last-child {display: none;}

/*联系我们*/
.Contact {width: 100%; height: auto; float: left; padding: 5%; background-color: #f5f5f5; border-radius: 30px; margin-top: 3%;}
.Contact_L {width: 70%; height: auto; float: left; padding-right: 5%;}
.Contact_L_T {width: 100%; height: auto; float: left; text-align: left; color: var(--yiq-color-main); font-weight: bold;}
.Contact_L_B {width: 100%; height: auto; float: left; margin-top: 5%;}
.Contact_L_B ul {width: calc(100% - 100px); height: auto; float: left;}
.Contact_L_B ul li {width: 100%; height: auto; float: left; text-align: left;}
.Contact_L_B ul li i {width: 35px; line-height: 35px; float: left; font-weight: bold;}
.Contact_L_B ul li span {width: calc(100% - 40px - 20px); line-height: 30px; float: left; overflow: hidden;}
.Contact_L_B ul li:last-child i {font-size: 14px;}
.Contact_R {width: 30%; height: 220px; float: right; display: flex; align-items: center; justify-content: center; border-left: 1px #EEE solid; padding-left: 4%;}
.Contact_R_K {width: 100%; float: left;}
.Contact_R_K div {width: 100%; float: left;}
.Contact_R_K div:first-child {text-transform: uppercase; font-weight: bold;}
.Contact_R_K div:nth-child(2) {color: var(--yiq-color-active-hover); font-weight: bold; margin: 5% 0px;}
.Contact_R_K div:nth-child(3) a {margin: 0px auto; display: inline-block; float: none;}
.Contact_R_K div a {font-weight: bold;}
.ContactCode {width: 100%; float: left; display: flex; justify-content: space-between;}
.ContactCode li {width: 30%; background-color: #F5F5F5; border-radius: 30px; padding: 5%;}
.ContactCode li div {width: 100%; float: left;}
.ContactCode li div img {border-radius: 10px; width: 200px; height: auto; max-width: 100%;}
.ContactCode li div:last-child {color: var(--yiq-color-active-hover);}

/*资源列表*/
.News_List {width:100%; height:auto; float:left;}
.News_List_K {width:100%; height:auto; float:left; overflow:hidden; background-color: #FFF; margin-bottom: 2%; position: relative; border-radius: 10px;}
.News_List_K::after {width: 100%; height: 500px; position: absolute; right: -50%; bottom: -600px; transform: rotate(-20deg); z-index: -1; background-color: #F1F1F1; content: ""; transition: all .2s ease-in-out;}
.News_List_K:hover {box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}
.News_List_K:hover::after {bottom: -350px;}
.News_List_L {width:350px; height:auto; float:left; overflow:hidden; position: relative;}
.News_List_L img {width:100%; height:100%;transition: all .2s ease-in-out; position: absolute; left: 0px; top: 0px;}
.News_List_C {width:calc(100% - 350px); height:auto; float:left; overflow:hidden; padding:3% 3% 0px 3%;}
.News_List_C_T {width:100%; height:30px; line-height:30px; float:left; overflow:hidden; text-align:left;}
.News_List_C_T A {font-size:18px;}
.News_List_C_C {width:100%; height:75px; line-height:25px; float:left; overflow:hidden; color:#666; text-align:left; font-size: 14px;}
.News_List_C_Date {width: auto; height: auto; float: left; overflow: hidden; margin-top: 5px; text-align: left; font-size: 13px;}
.News_List_C_Date i {font-size:12px;}
.News_List_K:hover img {transform:scale(1.2);}

.News_List.two .News_List_K {width: 46%; margin: 2%;}
.News_List.two .News_List_K .News_List_L {width: 200px;}
.News_List.two .News_List_K .News_List_C {width: calc(100% - 200px);}
.News_List.two .News_List_K .News_List_C .News_List_C_C {height: 50px;}
.News_List.two .News_List_K:hover::after {bottom: -450px;}

.News_List.blog .News_List_L {width: 200px;}
.News_List.blog .News_List_C {width: calc(100% - 200px); padding: 1% 3% 0px 3%;}
.News_List.blog .News_List_C_C {height: 50px;}
.News_List.blog .News_List_C_Date {float: right;}
.News_List.blog .Btn_News_List {float: left;}
.News_List.blog .Btn_News_List a{line-height: 20px; height: 20px;}

/*博客*/
.blog {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -5%;}
.blog article {width: 30%; display: flex; flex-direction: column; position: relative; margin-bottom: 5%;}
.blog article figure {width: 100%; margin-bottom: 0px;}
.blog article figure img {border-radius: 20px; object-fit: cover; object-position: center;}
.blog article div {display: flex; flex-direction: column;font-size: 12px; color: #999; text-align: left; margin-top: 20px;}
.blog article div time {height: 25px; line-height: 25px; overflow: hidden;}
.blog article div h2 {height: 25px; line-height: 25px; overflow: hidden; margin: 10px 0px;}
.blog article div h2 a {float: left; font-size: inherit;}
.blog article div p {height: 60px; line-height: 20px; overflow: hidden;}
.blog article div span:nth-child(4) a {text-decoration: underline;}

.blog article:first-child {width: 100%;}
.blog article:first-child figure p {margin-top: 40%;}
.blog article:first-child div {position: absolute; left: 5vw; bottom: 5vw; width: 45%; background-color: rgba(0,0,0,0.5); border-radius: 10px; padding: 15px; color: #FFF; pointer-events: none;}
.blog article:first-child div h2 a,.blog article:first-child div span a {color: #FFF;}

.blog::after {content: ""; width: 30%;}

/*资源详细页*/
.CSS_C_News {max-width: 1200px;}
.News_Info {width: 100%; height: auto; float: left; background-color: #FFF; position: relative;}
.News_Info_T {width: 100%; height: auto; float: left; text-align: left;}
.News_Info_T h1 {width: 100%; height: auto; float: left; color: var(--yiq-color-main); font-weight: bold;}
.News_Info_T span {width: 100%; height: auto; float: left; color: #666; font-size: 13px; margin-top: 15px;}
.News_Info_C {width: 100%; height: auto; float: left; margin-top: 2%; text-align: left;}
.News_Info_C.noTitle {margin-top: 0px;}
.News_Info_C img {max-width: 100%; height: auto;}
.News_Info_C a {color: var(--yiq-color-main); text-decoration: underline; font-size: unset;}
.News_Info_C a:hover {color: var(--yiq-color-active); font-size: unset;}
.News_Info_C td {vertical-align: middle;}
.News_Info_C_List {width: 300px; height: auto; float: right; background-color: #F5F5F5; padding: 3%; margin-left: 5%;}
.News_Info_C_List span {width: 100%; height: auto; float: left; color: var(--yiq-color-main); text-align: left;}
.News_Info_C_List ul {width: 100%; height: auto; float: left; margin-top: 3%;}
.News_Info_C_List ul li {width: 100%; height: 30px; line-height: 30px; float: left; overflow: hidden; text-align: left;}
.News_Info_Tags {width: 100%; float: left; color: #999; margin-top: 2%;}
.News_Info_Tags div {width: auto; height: 20px; line-height: 20px; float: left; font-size: 12px; color: var(--yiq-color-main);}
.News_Info_Tags a {width: auto; height: 20px; line-height: 20px; float: left; margin-left: 5px; background-color: #F5F5F5; color: #000; padding: 0px 5px; border-radius: 5px; text-decoration: none; font-size: 12px;}
.News_Info_Tags a:hover {background-color: var(--yiq-color-main); color: #FFF;}
.News_Other {width: 100%; height: auto; float: left; background-color: #FFF; padding: 3% 3%; margin-bottom: 5%;}
.News_Other b {width: 100%; height: auto; float: left; color: var(--yiq-color-main); text-align: left; font-weight: normal; padding-left: 1%;}
.News_Other b i {font-size: 14px;}
.News_Other ul {width: 100%; height: auto; float: left;}
.News_Other ul li {width: 31.33%; height: auto; float: left; margin: 1%; background-color: #F5F5F5;}
.News_Other ul li div {width: 90px; height: auto; float: left; overflow: hidden; position: relative;}
.News_Other ul li div p {margin-top: 66.66%;}
.News_Other ul li span {width: calc(100% - 90px); height: 60px; padding: 5px; float: left; overflow: hidden; text-align: left;}

/*内页标题栏*/
.L_Title {width:100%; height:auto; float:left; overflow:hidden; margin-top:30px; text-align:left; border-bottom:1px #F0F0F0 solid; padding-bottom:20px; font-size:20px; color:#333;}

/*右侧文字区*/
.R_Text {width:100%; height:auto; line-height:30px; float:left; overflow:hidden; font-size:15px; color:#333; text-align:left;}
.R_Text img {width:auto; max-width:100%; height:auto;}
.R_Text A {font-size: 15px; text-decoration: underline;}

/*左侧菜单风格一*/
.Item {width:100%; height:auto; float:left; position: relative;}
.Item_T {width:100%; height:45px; line-height:45px; float: left; overflow: hidden; background-color: #d62c2c; text-align:center; color:#FFF; font-size:16px; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.Item_T div {width: 100%; height: 100%; float: left; overflow: hidden;}
.Item_T div i {display: none;}
.Item_C {width:100%; height:auto; float:left; overflow:hidden;}
.Item_C div {width:100%; height:50px; line-height:50px; float:left; overflow:hidden; margin-top: 7px;}
.Item_C div A {width:100%; height:100%; line-height:50px; float:left; overflow:hidden; background-color: #FFF; text-align: center; font-size: 15px;}
.Item_C div A:link,.Item_C div A:visited,.Item_C div A:active {}
.Item_C div A:hover {color:#000; text-decoration:none; background-color: #E5E5E5;}
.Item_C div A.current {text-decoration:none; color: #000; background-color: #DEDEDE;}

/*左侧菜单风格二*/
.Item2 {width:100%; height:auto; float:left; margin-top: 30px; border-right: 1px #DEDEDE solid;}
.Item2_T {width:100%; height:64px; line-height:64px; position:absolute; left:0px; top:-64px; background-image:url(images/item_title_b.png); text-align:center; color:#FFF; font-size:22px;}
.Item2_C {width:100%; height:auto; float:left; overflow:hidden;}
.Item2_C div {width:100%; height:30px; line-height:30px; float:left; overflow:hidden;}
.Item2_C div A {width:100%; height:100%; line-height:30px; float:left; overflow:hidden; border-bottom:1px #F5F5F5 solid; position:relative; background-color: #FFF; text-align: center;}
.Item2_C div A:link,.Item2_C div A:visited,.Item2_C div A:active {}
.Item2_C div A:hover {color:var(--yiq-color-active); text-decoration:none;}
.Item2_C div A.current {text-decoration:none; font-weight:bold; color: var(--yiq-color-active); font-weight: bold;}

/*左侧按钮*/
.Left_Btn {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 10%;}
.Left_Btn a {width: 100%; height: 40px; line-height: 40px; float: left; overflow: hidden; background-color: #405171; color: #FFF; font-size: 14px; margin-top: 4%; text-align: center; border-radius: 5px;}
.Left_Btn a:hover {text-decoration: none;}
.Left_Btn a:nth-child(1) {width: 48%; margin-right: 4%; background-color: var(--yiq-color-active);}
.Left_Btn a:nth-child(2) {width: 48%; background-color: #1cc550;}

/*微信*/
.WX {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 10px;}
.WX img {width: 100%; height: auto; border: 1px #EFEFEF solid;}

/*翻页*/
.R_Page {width:100%; height:30px; float:left; text-align:center; margin:3% 0px 2% 0px;}
.R_Page_C {width:auto; height:auto; max-height:auto; margin-left:auto; margin-right:auto; display:inline-block; padding:0px;}
.R_Page_C A,.R_Page_C A:link,.R_Page_C A:visited,.R_Page_C A:active {width:30px; height:30px; line-height:30px; float:left; overflow:hidden; background-color:#F5F5F5; text-align:center; color: var(--yiq-color-main); margin-left:5px; padding:0px 8px 0px 8px; font-family:"Arial"; font-size: 16px;
border-radius: 3px;
transition: all .1s ease-in-out;
}
.R_Page_C A:hover {background-color: #DEDEDE; text-decoration:none;}
.R_Page_C A.current {background-color:var(--yiq-color-active); color:#000; text-decoration:none;}
.R_Page_C A i {line-height:30px; font-size: 18px;}

/*文章标题栏*/
.All_Title {width:100%; height:auto; line-height:30px; float:left; overflow:hidden; text-align:center; border-bottom:1px #F8F8F8 solid; padding-bottom:3%; margin-bottom: 5%;}
.All_Title h1 {width:100%; height:auto; line-height:30px; line-height: 35px; float:left; overflow:hidden; font-size:25px; color:#000; margin-top:15px; text-align: center; font-weight: bold;}
.All_Title span {width:100%; height:40px; line-height: 40px; float:left; overflow:hidden; font-size:12px; color:#999; text-align:center; font-size: 14px; margin-top: 2%;}
/*文章内容区*/
.All_Content {width:100%; height:auto; min-height:200px; float:left; overflow:hidden; text-align:left;}
.All_Content img {max-width:100%; height:auto;}
.All_Content a {font-size: 15px; text-decoration: underline;}
.All_Content iframe {max-width: 100%;}

/*所有文章内容文字*/
.All_Content_Font {font-size: 15px; line-height: 30px; color: #fff;}

/*下列为在线客服样式*/
.CSS_QQ {width:33px; height:auto; overflow:hidden; position:fixed; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop + 420)); top:300px; right:0px; z-index:99999}
.CSS_QQ_CC {width:177px; height:auto; float:left; overflow:hidden;}
.CSS_QQ_L{width:33px; height:149px; float:left; background-image:url(images/qq/qq_l_cn.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/qq/qq_l.png"); background:none; margin-top:15px; cursor:pointer;}
.CSS_QQ_R {width:144px; height:auto; float:left; overflow:hidden;}
.CSS_QQ_R_T {width:144px; height:10px; float:left; background-image:url(images/qq/qq_t.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/qq/qq_t.png"); background:none;}
.CSS_QQ_R_B {width:144px; height:29px; float:left; background-image:url(images/qq/qq_b.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/qq/qq_b.png"); background:none;}
.CSS_QQ_R_C {width:144px; height:auto; float:left; background-image:url(images/qq/qq_c.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/qq/qq_c.png"); background:none; padding-bottom:10px;}
.CSS_QQ_R_C b {width:134px; height:33px; line-height:33px; float:left; text-align:center; margin-left:5px; display:inline; background-image:url(images/qq/qq_yin.gif); font-weight:bold; color:#F08D00;}
.KF_QQ {width:119px; height:auto; float:left; margin-left:12px; display:inline; overflow:hidden;}
.KF_QQ A,.KF_QQ A:link,.KF_QQ A:visited,.KF_QQ A:active {width:100%; height:23px; float:left; background-image:url(images/qq/qq1.gif); padding-left:45px; color:#333333; margin-top:10px;}
.KF_QQ A:hover {background-image:url(images/qq/qq2.gif); text-decoration:none; color:#FFF;}
.KF_Skype {width:119px; height:auto; float:left; margin-left:12px; display:inline; overflow:hidden;}
.KF_Skype A,.KF_Skype A:link,.KF_Skype A:visited,.KF_Skype A:active {width:74px; height:23px; float:left; background-image:url(images/qq/skype1.gif); padding-left:45px; color:#333333; margin-top:10px;}
.KF_Skype A:hover {background-image:url(images/qq/skype2.gif); text-decoration:none; color:#FFF;}

/*在线反馈*/
.Feedback_Hei {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 999999999; background-color: rgba(0,0,0,0.8); display: none;}
.Feedback_Hei_C {width: 100%; height: 100%; float: left; overflow: hidden; position: relative;}
.Feedback {width:600px; height:auto; position: absolute; left: calc((100% - 600px) / 2); overflow:hidden; background-color: #FFF; padding: 3%; padding-top: 3%; border-radius: 10px;}
.Feedback.cpPageClass {width: 100%; left: 0px; position: relative; background-color: transparent; padding: 0px; border-radius: 0px;}
.Feedback.cpPageClass .Feedback_L div input,.Feedback.cpPageClass .Feedback_R textarea {background-color: #FFF;}
.Feedback ul {width: 100%; height: auto; min-height: 30px; float: left; position: relative;}
.Feedback ul p {width: 30px; height: 30px; padding: 0px; margin: 0px; cursor: pointer; position: absolute; right: 0px; top: 0px; background-image: url("images/close.png"); background-size: 100%;}
.Feedback ul li {width: calc(100% - 30px); height: auto; line-height: 30px; float: left; overflow: hidden; text-align: left;}
.Feedback ul li span {width: 100px; height: 100%; float: left; overflow: hidden; text-align: right;}
.Feedback ul li div {width: calc(100% - 100px); height: 100%; float: left; overflow: hidden; text-align: left; color: #DA251C;}
.Feedback_L {width:100%; height:auto; float:left; overflow:hidden;}
.Feedback_L div {width:100%; height:auto; float:left; overflow:hidden; padding:10px 0px;}
.Feedback_L div input {width:100%; height:40px; line-height:40px; padding:0px 10px; background-color:#F5F5F5; border: none; border-radius: 5px;}
.Feedback_R {width:100%; height:auto; float:right; overflow:hidden; margin-top:10px;}
.Feedback_R textarea {width:100%; height:100px; border: none; background-color:#F5F5F5; padding:10px; border-radius: 5px;}
.Feedback_B {width:100%; height:auto; float:left; overflow:hidden; margin-top:10px;}
.Feedback_B div {width:150px; height:35px; float:left; overflow:hidden;}
.Feedback_B div input {width:100%; height:100%; padding:0px 10px; border: 1px #DEDEDE solid; background-color:#FFF;}
.Feedback_B span {width:50px; height:100%; float:left; overflow:hidden;}
.Feedback_B input[name='button'] {width:100%; height:40px; float:right; background-color:var(--yiq-color-main); color:#FFF; border:none; margin-top: 10px; border-radius: 5px;}

.Feedbackok {width: 100%; height: auto; float: left; overflow: hidden;}
.Feedbackok span {width: 100%; height: auto; float: left;}
.Feedbackok span i {width: 100px; height: 100px; line-height: 100px; margin: 0px auto; display: inline-block; background-color: #1fa67a; color: #FFF; font-size: 60px; border-radius: 100px;}
.Feedbackok div {width: 100%; height: auto; float: left; margin-top: 30px;}

/*此页已不存在*/
.Error {width:100%; height:300px; float:left; overflow:hidden; background-image:url(images/error.webp); background-repeat:no-repeat; background-position:center center;}

/*友情链接*/
.Links {width: 100%; height: auto; float: left; overflow: hidden; border-top: 1px #E5E5E5 solid; padding-top: 10px; margin-top: 5px;}
.Links b {width: auto; height: 20px; line-height: 20px; float: left; overflow: hidden; font-size: 12px; color: #999; font-weight: normal;}
.Links a {width: auto; height: 20px; line-height: 20px; float: left; overflow: hidden; padding: 0px 5px; font-size: 12px; color: #999; font-family: "Simsun";}

/*右侧浮动控制*/
.Fu_R {width:40px; height:auto; position:fixed; z-index:99; right: 10px; bottom: 40%; transform-origin: 100% 0px; transition: all .2s ease-in-out; transform: scale(0.95);}
.Fu_R A:hover {text-decoration: none;}
.Fu_R ul {width:40px; height:auto; float:left; position:relative; background-color: rgba(255,255,255,0.9); border-radius: 5px;}
.Fu_R ul li {width: 100%; height: auto; float: left; overflow: hidden; position: relative; border-radius: 5px; background-color: #F5F5F5; border-radius: 5px;}
.Fu_R ul li:last-child {border-bottom: none;}
.Fu_R ul li i {width:100%; height:40px; line-height: 40px; float:left; color: #999; font-size: 24px; font-weight: bold;}
.Fu_R ul li i[yiq="Feedback_Btn"],.Fu_R ul li i[yiq="Back_Top"] {cursor: pointer;}
.Fu_R ul li i[yiq="Back_Top"] {display: none;}
.Fu_R ul li i[yiq="Feedback_Btn"]:hover,.Fu_R ul li i[yiq="Back_Top"]:hover {background-color: var(--yiq-color-active-hover);}
.Fu_R ul li div {width:150px; height:150px; position:absolute; left:-150px; top:0px; padding: 5px; background-color: #FFF; display: none;}
.Fu_R ul li div img,.Fu_R ul li div canvas {width:100%; height:100%;}
.Fu_R ul li div#Fu_Tel {height: 40px; line-height: 40px; background-color: var(--yiq-color-main); color: #FFF; padding: 0px; left: auto; right: 100%;}
.Fu_R ul li div#Fu_Email {width: 220px; height: 40px; line-height: 40px; background-color: var(--yiq-color-main); color: #FFF; padding: 0px; left: auto; right: 100%;}
.Fu_R ul li div a {width: 100%; height: 100%; line-height: 40px; float: left; color: #FFF; text-align: center;}
.Fu_R ul li div a:hover {background-color: var(--yiq-color-main);}
.Fu_R ul li font {width: auto; height: auto; position: absolute; right: 100%; top: 0px; white-space:nowrap; display: none;}
.Fu_R ul li font i {width: 40px; height: 40px; float: left; background-color: var(--yiq-color-main); color: #FFF; display: inline; border-bottom: 1px rgba(255,255,255,0.5) solid; cursor: pointer;}
.Fu_R ul li font i:last-child {border-bottom: none;}
.Fu_R ul li font i:hover {background-color: var(--yiq-color-active);}
.Fu_R ul li:hover font {display: inline;}
.Fu_R ul li:hover i {color: #FFF;}
.Fu_R ul li:hover {background-color: var(--yiq-color-active);}
.Fu_R ul li:hover div {display:inline;}
.Fu_R:hover {transform: scale(1); transform-origin: 100% 0px;}

/*批发*/
.pfProfile {display: flex; margin-top: 5%; gap: 8%;}
.pfProfileL {flex: 1; display: flex; flex-direction: column;}
.pfProfileL li {display: flex; text-align: left;}
.pfProfileL li:first-child {text-transform: uppercase;}
.pfProfileL li:nth-child(2) {margin: 5% 0px; flex-direction: column;}
.pfProfileL li:nth-child(2) b {color: var(--yiq-color-active);}
.pfProfileEmail {display: flex; gap: 20px;}
.pfProfileEmail div {height: 60px; border-radius: 60px; background-color: #F5F5F5; overflow: hidden; display: flex; align-items: center;}
.pfProfileEmail div i {width: 60px; height: 100%; line-height: 60px; text-align: center; font-size: 24px; background-color: #DEDEDE; border-radius: 50px; font-weight: bold;}
.pfProfileEmail div span {display: flex; flex-direction: column; padding: 0px 15px;}
.pfProfileEmail div span font {display: flex; line-height: 20px;}
.pfProfileEmail div span font a {color: var(--yiq-color-active);}
.pfProfileBtn {display: flex; gap: 20px;}
.pfProfileR {width: 40%;}
.pfProfileR video {width: 100%; height: auto; border-radius: 8px;}

/*为什么选择我们*/
.whyBG {width: 100%; float: left; background-color: #F5F5F5; padding: 3% 0px; margin-top: 5%;}
.whyBox {width: 100%; float: left; margin-top: 3%;}
.why {display: flex; /*row-gap: 90px; column-gap: 60px;*/ width: 100%; float: left; margin-top: 5%;}
.why li {display: flex; background-color: #FFF; border-radius: 20px; position: relative; padding: 3% 2% 2% 2%; flex-direction: column; margin-bottom: 3%;}
.why li i {width: 70px; height: 70px; line-height: 70px; position: absolute; left: calc(50% - 35px); top: -35px; background-color: #FFF; border-radius: 60px; font-size: 40px;}
.why li div:nth-child(2) {font-weight: bold; height: 30px; overflow: hidden;}
.why li div:nth-child(3) {text-align: center; margin-top: 5px; height: 75px; overflow: hidden;}

/*批发-获取报价*/
.quote {display: flex; background-color: #F5F5F5; border-radius: 20px; overflow: hidden;}
.quoteL {width: 35%; overflow: hidden;}
.quoteL img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.quoteR {flex: 1; padding: 8%; display: flex; flex-direction: column;}
.quoteRT {display: flex; text-align: left;}
.quoteRC {display: flex; margin-top: 5%;}
.quoteRC form {width: 100%;}
.quoteSelectProduct {display: flex; padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5);}
.quoteSelectProductK {display: flex; width: 100%; height: 48px; border: 1px #ced4da solid; border-radius: .5rem; background-color: #FFF; padding: .5rem 1rem; align-items: center; color: #777; font-size: 15px; gap: 20px; cursor: pointer; position: relative;}
.quoteSelectProductK div:nth-child(2) {flex: 1; text-align: left;}
.quoteSelectProductK div:nth-child(2).selected {color: green;}
.quoteSelectProductK div:nth-child(3) i {font-weight: bold;}
.quoteSelectProductKList {width: calc(100% + 2px); position: absolute; left: -1px; top: 100%; background-color: #FFF; border: 1px #DEDEDE solid; box-shadow: 3px 3px 13px 3px rgba(0,0,0,0.1); border-radius: 8px; padding: 5%; cursor: default; display: none;}
.quoteSelectProductKList ul {display: flex; flex-direction: column;}
.quoteSelectProductKList ul li {display: flex; height: 25px; line-height: 25px; overflow: hidden;}
.quoteSelectProductKList ul li label {cursor: pointer;}
.quoteSelectProductKList ul li label:hover {color: #000;}
.quoteSelectProductKList span {float: left; margin-top: 20px;}

/*下载*/
.downloadT {width: 100%; float: left; display: flex; margin-top: 5%; gap: 20px; align-items: center;justify-content: center;}
.downloadT span {text-transform: uppercase;}
.download {display: flex; width: 100%; float: left; background-color: #F5F5F5; border-radius: 30px; overflow: hidden; margin-top: 3%;}
.downloadL {width: 350px; display: flex; background-color: #E0E0E0;}
.downloadL ul {display: flex; width: 100%; flex-direction: column; padding: 60px 0px;}
.downloadL ul li {display: flex; width: 100%; height: 50px; line-height: 50px; padding-left: 60px; cursor: pointer; overflow: hidden; text-align: left; position: relative; font-weight: bold;}
.downloadL ul li.current {color: var(--yiq-color-active-hover);}
.downloadL ul li.current::after {content: ""; width: 16px; height: 16px; background-color: #F5F5F5; transform: rotate(45deg); position: absolute; right: -8px; top: calc(50% - 8px);}
.downloadR {flex: 1; display: flex; padding: 60px;}
.downloadR ul {display: flex; flex: 1; flex-direction: column; align-items: stretch;}
.downloadR ul li {display: flex; width: 100%; flex-direction: column; background-color: #FFF; border-radius: 30px; padding: 3%; margin-top: 20px;}
.downloadR ul li:first-child {margin-top: 0px;}
.downloadRT {display: flex; width: 100%; float: left; justify-content: space-between; cursor: pointer;}
.downloadRT div {text-align: left;}
.downloadRT i {font-size: 24px; align-items: center; justify-content: center; display: flex; transition: all .2s ease-in-out;}
.downloadRT.current div {color: var(--yiq-color-active);}
.downloadRT.current i {transform: rotate(180deg);}
.downloadRB {display: flex; flex-direction: column; margin-top: 5%; display: none;}
.downloadRB_Btns {display: flex; flex: 1; gap: 5px;}
.downloadRB_Btns a {display: flex; align-items: center; justify-content: center; gap: 5px;}
.downloadRB_Btns a i {font-size: 24px;}
.downloadRB_Title {display: flex; color: var(--yiq-color-active); margin-top: 3%;}
.downloadRB_Table {display: flex; margin-top: 3%; text-align: left; flex-direction: column;}
.downloadRB_Table table {width: 100%;}
.downloadRB_Table table tr {border-bottom: 1px #F5F5F5 solid;}
.downloadRB_Table table tr td {line-height: 25px; text-align: left; padding: 10px 0px;}
.downloadRB_Product {display: flex; margin-top: 3%; gap: 20px; flex-wrap: wrap;}
.downloadRB_Product div {display: flex; width: calc(20% - 20px); flex-direction: column;}
.downloadRB_Product div span {display: flex; border: 1px #F5F5F5 solid;}
.downloadRB_Product div span img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.downloadRB_Product div font {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: left; margin-top: 10px; overflow: hidden;}
.downloadRB_Product div font a {font-weight: bold; text-decoration: none;}

/*Cookie框*/
.cookieBox {width: 100%; display: flex; position: fixed; left: 0px; bottom: 0px; background-color: #FFF; box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.1); gap: 20px; justify-content: center; align-content: center; align-content: center; z-index: 999999;}
.cookie {display: flex; padding: 20px; gap: 20px;}
.cookieText {display: flex; text-align: left; flex: 1;}
.cookieText p {padding: 0px; margin: 0px;}
.cookieText a {font-size: inherit; font-weight: bold; text-decoration: underline;}
.cookieBtns {display: flex; gap: 10px; justify-content: center; align-content: center; align-items: center;}
.cookieClose {width: 20px; height: 20px; line-height: 20px; position: absolute; right: 10px; top: 10px; cursor: pointer;}
.cookieClose:hover {color: var(--yiq-color-active);}

@media(min-width:1200px) and (max-width:1500px){
}

@media(min-width:1004px) and (max-width:1199px){
}

@media(min-width:750px) and (max-width:1003px){
}

@media(min-width:480px) and (max-width:749px){
}

@media(max-width:1800px){
	.CSS_Top_Line_Box {padding: 0px 1%;}
	.CSS_Top_R_Icos {padding-right: 20px;}
}

@media(max-width:1500px){
	.LiCheng_C ul li div em,.LiCheng_C ul li div span {width: 600px;}
	.LiCheng_C ul li div span img {width: 100px; height: 100px;}
	.LiCheng_C ul li div span font {width: calc(100% - 100px); font-size: 14px;}
}

@media(max-width:1400px){
	.Menu div {padding: 0px 0.5%;}
}

@media(max-width:1199px){
	.AD img[yiq='mobile'] {display: inline;}
	.AD img[yiq='pc'] {display: none;}
	.CSS_Top_Line_Box {height: 80px;}
	.CSS_Top_Line.bai .Menu div span A:link,.CSS_Top_Line.bai .Menu div span A:visited,.CSS_Top_Line.bai .Menu div span A:active {color: #000;}
	.CSS_Top_R_Icos {margin-top: 30px;}
	.CSS_Top_R_Icos_Item[yiq='submenu'] {display: flex;}
	.CSS_Left {width: 100%;}
	.CSS_Right {display: none;}
	.CSS_Top {width: 100%; height: auto;}
	.CSS_Logo {height: 80px;}
	.CSS_Logo div {position: inherit; padding: 0px; width: 60px;}
	.CSS_Logo p {width: 47px;}
	.CSS_Top_C {width: 100%; height: 0px; overflow: hidden; background-color: #FFF; text-align: center; position: fixed; left: 0px; top: 0px;}
	.H_CP_Style .LR_Btn {display: flex;}
	.H_AD_CP li {display: inline;}
	.H_AD_CP_Img {width: 100%;}
	.H_AD_CP_Txt {width: 100%;}
	.H_AD_CP_Txt div,.H_AD_CP_Txt a {margin-top: 2%;}
	.H_CP_Box.nei .H_CP_K {width: 48%; margin-right: 4%;}
	.H_CP_Box.nei .H_CP_K:nth-child(2n) {margin-right: 0px;}

	.CSS_Body {padding: 0px;}
	.CSS_C {padding: 0px 15px;}
	.Menu.pj div span a {width: calc(100% - 60px);}
	.Menu {margin-left: 0px; width: 100%; height: 100%; float: left; background-image: url(""); background-color: #FFF; overflow-y: auto; flex-direction: column;}
	.Menu div,.Menu.pj div {width: 100%; flex: none; flex-direction: column;}
	.Menu div span {width: 100%; border-bottom: 1px #F5F5F5 solid; padding: 0px 0px 0px 10px;}
	.Menu div span A {width: calc(100% - 60px); color:#333; margin-top: 0px; text-align: left; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold;}
	.Menu div span A.current {color: #333; background-color:transparent;}
	.Menu div span A:hover {color: var(--yiq-color-active); background-color:transparent;}
	.Menu div span i {display: inline;}
	.Menu div ul {transform: none; display: none; box-shadow: 0px 0px 0px 0px #FFF; position: relative; float: left; padding: 0px; left: auto; top: auto;}
	.Menu div:hover ul {display: none; float: left; position: inherit; border-top: none; transform: none;}
	.Menu div ul li {border-bottom: 1px #F5F5F5 solid; height: auto; line-height: 40px;}
	.Menu div ul li a,.Menu div ul li em {width: calc(100% - 60px); height: 40px; line-height: 40px; color: #666; padding-left: 30px; text-align: left; font-size: 15px;}
	.Menu div ul li i {width: 60px; height: 40px; line-height: 40px; float: right; text-align: center; border-left: 1px #F5F5F5 solid;}
	.Menu div ul li label {width: 100%; position:sticky; float: left; padding: 0px;}
	.Menu div ul li label font a {width: 100%; border-top: 1px #F5F5F5 solid; font-size: 12px; padding-left: 60px;}
	.Menu div.current span A {background-color: transparent;}
	
/*-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
transform: scaleY(0);
transform-origin :0% 6px;
box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.1);
border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;*/
	
	.MenuClose {display: inline;}
	.Font_Size_Title_N {font-size: 24px; line-height: 25px;}
	.Font_Size_Title {font-size: 20px; line-height: 25px;}
	.Font_Size_Title1 {font-size: 24px; line-height: 30px;}
	.Font_Size_Title2 {font-size: 32px; line-height: 35px;}
	.Font_Size_Title3 {font-size: 38px; line-height: 40px;}
	.Bottom_Contact {width: calc(100% - 90px - 140px); padding: 0px 5%;}
	.Di div:first-child {width: 100%; text-align: center;}
	.Di div:last-child {display: none;}
	.Bottom_Menu {width: calc(100% - 90px); margin-left: 0px; padding-left: 10%;}
	.Bottom_Contact {width: calc(100% - 140px); padding: 0px;}
	
	.CP_MuLu_K {width: 31.33%;}
	.Feedback_C {background-image: url("");}
	.Feedback {width: 100%; left: 0px;}
	.Sub_Menu {display: inline;}
	.Page_Title {display: none;}
}

@media(max-width:1003px){
	.body {font-size: 14px;}
	.Font_Size_Title_N {font-size: 18px; line-height: 25px;}
	.Font_Size_Text {font-size: 14px; line-height: 25px;}
	.Font_Size_Title {font-size: 16px; line-height: 25px;}
	.Font_Size_Title1 {font-size: 24px; line-height: 30px;}
	.Font_Size_Title2 {font-size: 28px; line-height: 32px;}
	.Font_Size_Title3 {font-size: 30px; line-height: 35px;}
	
	.homeBtns {grid-template-columns: repeat(2,1fr); gap: 30px;}
	.book-list {grid-template-columns: repeat(2,1fr);}
	.Bottom {display: none;}
	
	.H_CP_K {width: 23%;}
	.H_CP_Box.nei .H_CP_K {width: 49%; margin-right: 2%;}
	.H_CP_Box.nei .H_CP_K .H_CP_Attr_Color {width: 100%;}
	.H_CP_Box.nei .H_CP_K .H_CP_Attr_Other {width: 100%; margin-top: 5%;}
	.GSJJ_L {display: none;}
	.GSJJ_R {width: 100%; margin-left: 0px; margin-top: 30px;}
	.GSJJ_Number ul {width: 100%; text-align: center;}
	.GSJJ_Number ul li div b {margin: 0px auto; display: inline-block; float: none;}
	.orderListTL font {display: none;}
	.userAddress ul li.current {background-color: var(--yiq-color-active); color: #FFF;}
	.userAddress ul li.current .userAddressL div:last-child {color: #FFF;}
	.userAddress ul li.current::before,.userAddress ul li.current .userAddressL div::before {display: none;}
	.userAddress ul li.current .userAddressR a {color: #FFF;}
	.aboutTop img[yiq='pc'] {display: none;}
	.aboutTop img[yiq='mobile'] {display: inline;}
	.KehuSayBox {background-color: var(--yiq-color-main); background-image: none;}
	.KehuSay {display: inline;}
	.KehuSay_L {width: 100%;}
	.KehuSay_R {width: 100%; height: 500px;}
	.KehuSay_R_FB {height: 90%;}
	.helpBox {flex-direction: column;}
	.help {width: 100%;}
	.blog article {width: 48%;}
	.orderListNote div {flex-direction: column;}
	.orderListNote div font {width: 100%; padding-left: 0px;}
	.orderListNote div font:nth-child(1) {order: 2;}
	.orderListNote div font:nth-child(2) {order: 3;}
	.orderListNote div font:nth-child(3) {order: 4;}
	.orderListNote div font:last-child {order: 1;}
	.pfProfile {flex-direction: column;}
	.pfProfileR {order: 1; width: 100%;}
	.pfProfileL {order: 2; margin-top: 5%;}
	.pfProfileEmail {gap: 5px;}
	.pfProfileEmail div {height: 50px; line-height: 50px;}
	.pfProfileEmail div i {width: 50px; line-height: 50px;}
	.pfProfileEmail div span {padding: 0px 10px 0px 5px;}
	.pfProfileEmail div span font {line-height: 15px;}
	.whyBox ul {padding-top: 5%;}
	.whyBox ul li {padding: 10% 5%;}
	.whyBox ul li i {width: 60px; height: 60px; line-height: 60px; left: cale(50% - 30px); top: -30px; font-size: 40px;}
	.download {flex-direction: column; background-color: #FFF; border-radius: 10px;}
	.downloadL {width: 100%;}
	.downloadL ul {padding: 5%;}
	.downloadL ul li {padding-left: 0px; height: 30px; line-height: 30px;}
	.downloadL ul li::after {display: none;}
	.downloadR {padding: 5% 0px;}
	.downloadR ul li {background-color: #F5F5F5;}
	
	.News_List.two .News_List_K {width: 100%;}
	.CP_MuLu_K {width: 48%;}
	.News_List_L {width: 300px;}
	.News_List_C {width: calc(100% - 300px);}
	.News_Other ul li {width: 48%;}
	.WenHua_K {width: 100%; margin-top: 5%;}
	.WenHua_K_T {text-align: center;}
	.LiCheng_C ul li dd div,.LiCheng_C ul li dd span {width: 400px;}
	.HeZuo div:nth-child(even) {display: none;}
	.HeZuo div {width: 25%;}
	.Contact_R {width: 100%; height: auto; float: left; border-left: none; padding-left: 0px;}
	.Contact_L {width: 100%; padding-right: 0px; border-right: none; border-top: 1px #EEE solid; padding-top: 5%; margin-top: 5%;}
	.Contact_L_B ul li i {width: 30px; height: 30px; line-height: 30px;}

	.Font_Size_Text1 {font-size: 16px;}

	.Item_T {height: 30px; line-height: 30px; border-bottom: 1px #EFEFEF solid;}
	.Item_T div {width: auto; padding: 0px 10px; font-size: 14px; background-image: url(""); cursor: pointer;}
	.Item_T div i {display: inline;}
	.Item_C {width: auto; height: auto; position: absolute; left: 0px; top: 30px; display: none; z-index: 99999999;
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.06);
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.06);
	box-shadow:0px 2px 3px rgba(0,0,0,0.3);
	}
	.Item_C div {height: 50px; line-height: 50px; margin-top: 0px; border-bottom: 1px #DEDEDE solid;}
	.Item_C div a {line-height: 50px; font-size: 14px;}
	.Left_Btn {display: none;}


	.All_Content_Font {font-size: 14px; line-height: 25px;}
	.All_Title h1 {margin-top: 0px; line-height: 30px;}
}

@media(max-width:749px){
	.flashDan img[yiq='pc'] {display: none;}
	.flashDan img[yiq='mobile'] {display: inline;}
	.flashDanF div {height: 40px; line-height: 40px;}
	.AD_K div span {display: none;}
	.CSS_Logo div {width: 50px;}
	.H_AD_Middle img[yiq='pc'] {display: none;}
	.H_AD_Middle img[yiq='mobile'] {display: inline;}
	.LR_Btn {width: 30px; height: 30px;}
	.H_CP_K {width: 31.33%;}
	.H_CP_Save {width: 50px; height: 54px; right: 0px;}
	.H_CP_Save span {font-size: 14px;}
	.H_CP_Save div {font-size: 14px; margin-top: 0px;}
	.H_CP_Save div b {font-size: 16px;}
	.orderList {border-radius: 20px;}
	.orderListTL div,.orderListTL span {width: 100%; text-align: left; margin-left: 0px;}
	.orderListTR div,.orderListTR i {width: 100%; margin-left: 0px;}
	.orderListBtns {flex-wrap: wrap;}
	.userAddress ul li {border-radius: 20px; padding: 8%;}
	.ContactCode {flex-wrap: wrap; justify-content: center; background-color: #F5F5F5; border-radius: 30px;}
	.ContactCode li:first-child {width: 100%;}
	.ContactCode li:not(:first-child) {flex: 1; width: 45%;}
	.aboutImgAD li {flex-direction: column; justify-content: space-between;}
	.aboutImgAD li div {margin-top: 5%;}
	.aboutImgAD li div:nth-child(1) {width: 100%;}
	.aboutImgAD li div:nth-child(2) {width: 100%;}
	.aboutImgAD li:nth-child(even) div:nth-child(1) {order: 1;}
	.aboutImgAD li:nth-child(even) div:nth-child(2) {order: 2;}
	.aboutImgAD li div:nth-child(1) img {border-radius: 10px;}
	.quote {flex-direction: column; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
	.quoteL {width: 100%; height: 200px;}
	.quoteR {padding: 0px; background-color: #FFF; margin-top: 5%;}
	.downloadRB_Product div {width: calc((100% - 20px) / 2);}
	.H_ZS {padding-bottom: 10%;}
	.cookie {flex-direction: column;}
	.cookieBtns {flex-direction: row; width: auto;}
	
	.Index_Bottom {display: none;}
	.Font_Size_Title2 {font-size: 24px; line-height: 28px;}
	.GSJJ_L {display: inline; margin-top: 5%; width: 100%;}
	.GSJJ_L img {float: left; position: relative;}
	.GSJJ_Number {padding: 8%;}
	.GSJJ_Number ul li div b {line-height: 4vw; font-size: 4vw;}
	.Number div {width: 50%; margin: 2% 0px;}
	.News li {width: 100%; margin-right: 0px;}
	.News li:hover span p {height: auto;}
	.LiCheng_C ul li div {width: 100%;}
	.LiCheng_C ul li div em {width: 100%;}
	.LiCheng_C ul li div em img {max-width: 300px;}
	.LiCheng_C ul li div i {display: none;}
	.LiCheng_C ul li div span {width: 100%; margin-top: 3%;}
	.LiCheng_C ul li div span b {font-size: 20px;}
	.LiCheng_C ul li:hover dd div img {transform:none;}
	.CPSO ul {display: inline;}
	.CPSO ul li:nth-child(1) {width: 100%; font-size: 12px; font-weight: bold;}
	.CPSO ul li:nth-child(2) {width: 100%;}
	.CPSO ul li a {height: 20px; line-height: 20px;}
	.loginK {padding: 20% 0px;}
	
	.CP_SP {padding: 5%;}
	.CP_SP_V div {width: 100%;}
	.CP_MuLu_K {width: 100%; margin: 0px; margin-bottom: 5%;}
	.News_List_L {width: 200px;}
	.News_List_C {width: calc(100% - 200px);}
	.News_List_C_C {height: 50px;}
	.News_Info_T {margin-top: 5%;}
	.News_Other ul li {width: 100%; margin: 0px; margin-bottom: 2%;}
	.LiCheng_C ul li dd {width: 100%;}
	.LiCheng_C ul li dd div {width: 100%;}
	.LiCheng_C ul li dd div img {max-width: 300px;}
	.LiCheng_C ul li dd i {display: none;}
	.LiCheng_C ul li dd span {width: 100%; margin-top: 3%;}
	.LiCheng_C ul li dd span b {font-size: 20px;}
	.LiCheng_C ul li:hover dd div img {transform:none;}

	.Video_List_K {width: 48%;}
	.CP_Info_T {flex-direction: column; gap: 0px;}
	.CP_Info_T_Img {width: 100%; order: 2; margin-top: 5%;}
	.CP_Info_T_Info {order: 1;}
	.cp_info_t_info_btns {flex-direction: column;}
	.cp_info_t_info_btns div {width: 100%;}
	.cp_info_t_info_btns div:nth-child(2) {margin-top: 5%;}
	.cp_info_t_info_btns div span {width: 80px;}

	.Font_Size_Text1 {font-size: 16px; line-height: 25px;}
	.Font_Size_Title3 {font-size: 26px; line-height: 30px;}
	.All_Title h1 {font-size: 20px;}
	
	/*在手机端隐藏的样式*/
	.hidden_mobile {display: none;}
}

@media(max-width:479px){
	.CSS_Top_Line {position: relative;}
	.CSS_Top_Line_Box {background-color: #FFF;}
	.Font_Size_Title2 {font-size: 20px; line-height: 26px;}
	
	.homeBtns {gap: 15px;}
	.homeBtns li {flex-direction: column; align-items: center; padding: 10px;}
	.homeBtns li div {text-align: center; margin-top: 10px;}
	.book-list {gap: 10px;}
	
	.H_CP_K {width: 98%; border-radius: 8px;}
	.H_CP_K_Bottom {padding: 10px;}
	.H_CP_Box.nei .H_CP_K_Title {width: 100%;}
	.H_CP_Box.nei .H_CP_K_Jia {width: 100%; height: auto; margin-top: 5px;}
	.H_CP_Box.nei .H_CP_K_Jia div {width: auto;}
	.H_CP_Box.nei .H_CP_K_Jia span {float: left;}
	.H_CP_Attr_Other select {font-size: 14px;}
	
	.myBtn {height: 30px; line-height: 30px;}
	.userMenu div A {height: 30px; line-height: 30px; padding: 0px 10px; margin: 0px 5px; font-size: 16px;}
	.blog article {border-radius: 10px;}
	.blog article figure img {border-radius: 10px;}
	.blog article div {margin-top: 5px;}
	.blog article:first-child div {width: 100%; left: 0px; bottom: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
	.blog article div h2 {height: auto; max-height: 40px; line-height: 20px; margin: 0px;}
	.blog article div h2 a {font-size: 16px;}
	.blog article div p,.blog article div span {display: none;}
	.H_ZS {padding-bottom: 15%;}
	.pfProfileL li:first-child {justify-content: center;}
	.quoteL {display: none;}
	.quoteR {margin-top: 0px;}
	.quoteRT {justify-content: center;}
	.productSortCell:first-child {display: none;}
	.productSortCell .dropdown button {padding: 0px 5px;}
	.pfProfileBtn {flex-direction: column; gap: 10px;}
	
	.GSJJ_L {display: none;}
	.GSJJ_Number ul li div b {line-height: 6vw; font-size: 6vw;}
	.LiCheng_C ul li div span img {display: none;}
	.LiCheng_C ul li div span b,.LiCheng_C ul li div span font {width: 100%; padding-left: 0px;}
	.News_List_L {width: 105px;}
	.News_List_C {width: calc(100% - 105px); padding: 2% 2% 0px 5%;}
	.News_List_C_T {height: auto; max-height: 40px; line-height: 20px;}
	.News_List_C_T A {font-size: 14px; height: auto;}
	.News_List_C_C {display: none;}
	.News_List_C_Date {margin-top: 0px; color: #999;}
	.News_List.two .News_List_K .News_List_L {width: 105px;}
	.News_List.two .News_List_K .News_List_C {width: calc(100% - 105px);}
	.News_Info_C_List {width: 100%; margin-left: 0px; margin-bottom: 5%;}
	.News_List_C_Date {width: 100%;}
	.Btn_News_List {display: none;}
	.Contact_L_B ul {width: 100%;}
	
	.LiCheng_C ul li dd span img {display: none;}
	.LiCheng_C ul li dd span b,.LiCheng_C ul li dd span font {width: 100%; padding-left: 0px;}
	.HeZuo div {width: 33.33%;}	

	.All_Title {margin-top: 0px;}
	.All_Title h1 {font-size: 16px;}


	.R_Page {height:auto; padding-bottom: 3%;}
	.R_Page_C A,.R_Page_C A:link,.R_Page_C A:visited,.R_Page_C A:active {height:30px; line-height:30px; font-size: 14px;}
	.R_Page_C A i {line-height:30px; font-size: 18px;}

	::-webkit-input-placeholder { /* WebKit browsers */font-size: 14px;}
	::-moz-placeholder { /* Mozilla Firefox 19+ */font-size: 14px;}
	:-ms-input-placeholder { /* Internet Explorer 10+ */font-size: 14px;}
	
}

@media(max-width:400px){
	
}