@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:#083190;
	--yiq-color-main-active:#001e65;
	--yiq-color-active:#24ae37;
	--yiq-color-active-hover:#007310;
	--yiq-color-active-hover-50:#24ae3755;
	--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(0,0,0,0.2);}
.YIQ_Scroll::-webkit-scrollbar {width:3px; height:3px;}
.YIQ_Scroll::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,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: var(--yiq-color-active);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_Title1 a {font-size: 32px; line-height: 40px; text-decoration: none;}
.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: 5px; 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); border: 1px var(--yiq-color-active) solid;}
.myBtn_red:hover {background-color: var(--yiq-color-active-hover);}
.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;}
.myBtn_noradius {border-radius: 0px;}

/*背景*/
.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; gap: 5px;}
.daoHang i {display: flex; align-items: center; justify-content: center; height: 30px; line-height: 30px; font-size: 12px;}
.daoHang i:first-child {font-size: 16px; margin-left: 0px;}
.daoHang div {display: flex; font-size: 14px; align-items: center;}
.daoHang a {display: flex; font-size: 14px; align-items: center;}
/*导航栏分享*/
.daoShare {display: flex; gap: 10px;}
.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 #dedede solid; border-radius: 30px;}
.daoShare li i:hover {border-color: var(--yiq-color-active); background-color: var(--yiq-color-active); color: #FFF;}

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

/*顶部*/
.CSS_Top_Box {width: 100%; float: left; border-bottom: 1px #DEDEDE solid; background-color: var(--yiq-color-main);}
.CSS_Top_Msg {width: 100%; float: left; padding: 10px 0px; color: #fff;}
.CSS_Top_BoxC {display: flex; justify-content: space-between;}
.CSS_Top_Msg_L {display: flex;}
.CSS_Top_Msg_L i {width: 25px; height: 25px; float: left; transform: rotate(180deg); font-size: 25px;}
.CSS_Top_Msg_L div {flex: 1; height: 25px; line-height: 25px; overflow: hidden;}
.CSS_Top_Msg_L div ul {display: flex; height: 100%; flex-direction: column; padding-left: 10px;}
.CSS_Top_Msg_L div ul {width: auto; float: left; padding-left: 10px;}
.CSS_Top_Msg_L div ul li {width: auto; height: 100%; float: left; text-align: left;}
.CSS_Top_Msg_R {display: flex; position: relative; gap: 20px;}
.CSS_Top_Msg_R div {display: flex; align-items: center; justify-content: center;}
.CSS_Top_Msg_R div i {width: 30px; font-size: 20px; font-weight: bold;}
.CSS_Top_Msg_R div span {flex: 1;}

.CSS_Top_Line_Box {width: 100%; height: 100px; float: left; background-color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: url(images/gezi.webp); background-repeat: no-repeat; background-position: right bottom; background-size: auto 80%;}
.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; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.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;}
.CSS_Logo div {width: 220px; 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% - 20% - 220px - 180px); height:auto; float:right; 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:100px; line-height:100px; 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-active);}
.Menu div.current span A {text-decoration:none; color: var(--yiq-color-active);}
.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: var(--yiq-color-active); 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; color: #fff;}
.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:last-child(3) i {font-size: 35px;}
.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 i span {width: auto; height: 20px; line-height: 20px; background-color: var(--yiq-color-active); color: #FFF; border-radius: 20px; padding: 0px 5px; font-size: 12px; position: absolute; left: calc(100% - 15px); top: -10px;}
.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;}
.searchFu.offcanvas.offcanvas-top {height: 250px;}
.searchBG {display: flex; justify-content: center; margin-top: 60px;}
.search {width: 100%; max-width: 600px; display: flex; flex-direction: column; position: relative;}
.searchBox {height: 50px; line-height: 50px; background-color: #F5F5F5; border-radius: 100px; display: flex;}
.searchBox select {border: none; background-color: transparent; width: 100px; padding: 0px 10px;}
.searchBox input {border: none; background-color: transparent; flex: 1; padding: 0px 10px; font-size: 18px;}
.searchBox i {width: 50px; height: 50px; background-color: var(--yiq-color-active); color: #FFF; border-radius: 50px; font-size: 24px; font-weight: bold; cursor: pointer;}
.searchList {width: 100%; position: absolute; left: 0px; top: 100%; background-color: #FFF; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding: 5%; display: flex; font-size: 13px; display: none; flex-wrap: wrap;}
.searchListL {width: 30%; display: flex; flex-direction: column;}
.searchListL li {text-align: left; height: 30px; line-height: 30px; overflow: hidden;}
.searchListL li:first-child {text-transform: uppercase; color: #999; margin-bottom: 20px; height: 20px; line-height: 20px;}
.searchListR {flex: 1; display: flex; flex-direction: column;}
.searchListR li {display: flex; text-align: left; margin-bottom: 20px;}
.searchListR li:first-child {text-transform: uppercase; color: #999; margin-bottom: 20px; height: 20px; line-height: 20px;}
.searchListR li div {width: 60px; height: 60px;}
.searchListR li div img {width: 100%; height: 100%; float: left; border-radius: 5px;}
.searchListR li span {flex: 1; display: flex; justify-content: center; align-items: center;}
.searchListR li span a {height: 40px; line-height: 20px; overflow: hidden; padding-left: 10px;}
.searchListR li:last-child {margin-bottom: 0px;}
.searchListB {display: flex; width: 100%; flex-direction: column; margin-top: 20px; border-top: 1px #DEDEDE solid; padding-top: 20px;}
.searchListB li {text-align: left; height: 30px; line-height: 30px; overflow: hidden; flex: 1;}
.searchListB li:first-child {text-transform: uppercase; color: #999; margin-bottom: 20px; height: 20px; line-height: 20px;}

/*轮播*/
.Flash {width: 100%; float: left; position: relative;}
.FlashImgs {width: 100%; float: left;}
.FlashImgs ul {width: 100%; float: left; position: relative;}
.FlashImgs ul li {width: 100%; float: left; flex-shrink: 0;}
.FlashImgs ul li img {width: 100%; height: auto; float: left;}
.FlashText {width: 100%; max-width: 600px; height: 100%; position: absolute; left: 0px; top: 0px; display: flex; align-items: center; justify-content: center; margin-left: 10%; pointer-events: none; z-index: 999;}
.FlashText ul {width: 100%; float: left; text-align: left; color: #FFF;}
.FlashText ul li {width: 100%;}
.FlashText ul li:nth-child(1) {font-weight: bold;}
.FlashText ul li:nth-last-child{ margin: 1% 0px;}
.FlashText.center {width: 100%; margin-left: 0px; max-width: 100%;}
.FlashText.center ul li {text-align: center;}
.FlashText.right {left: auto; right: 0px; margin-left: auto; margin-right: 10%;}
.FlashText.right ul li {text-align: right;}

.Flash.mobile .FlashText {max-width: 100%; margin-left: 0px; padding: 0px 10px; display: inline; top: auto; bottom: 10px; height: auto;}

/*内页顶部图片*/
.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%; position: absolute; left: 0px; top: 0px;}
.AD_K {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.AD_K h1,.AD_K h2,.AD_K b {width: auto; color: #FFF; text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}

/*首页标题*/
.H_Title {display: flex; margin-top: 5%; align-items: center; justify-content: center;}
.H_Title h1,.H_Title h2 {font-weight: bold;}
.H_Title span {display: none; text-decoration: underline;}
.H_Title.left {text-align: left; justify-content: space-between;}
.H_Title.left span {display: flex;}
.H_Title.bai h1,.H_Title.bai h2 {color: #FFF;}
.H_Title.bai span,.H_Title.bai span a {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;}

/*动画左右箭头按钮*/
.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_Box {width: 100%; float: left; margin-top: 4%;}
.H_CP {display: grid; grid-template-columns: repeat(4, 1fr); gap: 2%;}
.H_CP_K {display: flex; flex-direction: column; overflow: hidden; position: relative; background-color: #FFF; border-radius: 10px; 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 {display: flex; 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; object-fit: cover; transition: all .2s ease-in-out;}
.H_CP_K:hover .H_CP_K_Img img {transform: scale(1.1);}
.H_CP_K_Bottom {display: flex; background-color: #F5F5F5; padding: 10px;}
.H_CP_K_Bottom div {display: flex; height: 60px; line-height: 20px; overflow: hidden;}
.H_CP_K_Bottom div a {font-size: 15px;}
.H_CP_K_Bottom div a:hover {text-decoration: none;}
.H_CP_K_Btn {display: flex;}

/*首页品牌产品*/
.brandProductsBox {display: flex; background-color: #F5F5F5; background-image: url(images/gezi.webp); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 5%; margin-top: 5%;}
.brandProducts {display: flex; gap: 5%; margin-top: 3%;}
.brandProductsL {display: flex; width: 200px; flex-direction: column; gap: 30px;}
.brandProductsLMenu {display: flex; flex-direction: column; gap: 15px;}
.brandProductsLMenu div {flex: 1; background-color: #dedede; text-align: center; padding: 5% 0px; border-radius: 50px; cursor: pointer;}
.brandProductsLMenu div:hover,.brandProductsLMenu div.current {background-color: var(--yiq-color-active); color: #fff;}
.brandProductsLMore {display: flex; justify-content: center;}
.brandProductsR {display: flex; flex: 1;}

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

/*左右框架*/
.CSS_LR {display: flex; gap: 5%; margin-top: 3%;}
.CSS_Left {width: 300px; display: flex; flex-direction: column; gap: 20px;}
.CSS_Right {flex: 1;}

/*左侧*/
.item_left {display: flex; flex-direction: column; border-radius: 10px; overflow: hidden; background-color: #f5f5f5;}
.item_left_title {display: flex; background-color: var(--yiq-color-main); color: #fff; justify-content: center; padding: 10px 20px; font-weight: bold;}
.item_left_title i {color: #fff; display: none; transition: all .2s ease-in-out;}
.item_left_title i.current {transform: rotate(180deg);}
/*左侧菜单*/
.item_left_menu {display: flex; flex-direction: column;}
.item_left_menu li {display: flex; background-image: url(images/icon.gif); background-repeat: no-repeat; background-position: left 20px center;}
.item_left_menu li a {text-decoration: none; padding: 10px 0px 10px 35px;}
.item_left_menu li:hover a {flex: 1; color: var(--yiq-color-main);}
.item_left_menu li.current {background-color: #DEDEDE;}
.item_left_menu li.current a {color: var(--yiq-color-main); font-weight: bold;}
/*左侧联系*/
.item_left_contact {display: flex; padding: 20px; flex-direction: column;}
.item_left_contact_info {display: flex; flex-direction: column; gap: 20px;}
.item_left_contact_info li {display: flex; justify-content: space-between;}
.item_left_contact_info li div:nth-child(2) {color: var(--yiq-color-active); font-weight: bold;}
.item_left_contact_btn {display: flex; gap: 20px; margin-top: 20px; padding-top: 20px; border-top: 1px #E5E5E5 dashed;}
.item_left_contact_btn div i {display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; font-size: 28px; cursor: pointer; color: #fff; background-color: var(--yiq-color-active); border-radius: 50px;}
.item_left_contact_btn div i:hover {background-color: var(--yiq-color-active-hover);}
.item_left_contact_btn div:nth-child(2) i {background-color: var(--yiq-color-main);}
.item_left_contact_btn div:nth-child(2) i:hover {background-color: var(--yiq-color-main-active);}
/*左侧发邮件表单*/
.item_left_mailus {display: flex; padding: 20px; flex-direction: column; gap: 10px;}
.item_left_mailus div {display: flex;}

/*公司简介*/
.GSJJ_C {width: 100%; height: auto; float: left; overflow: hidden;}
.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 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 3%;}
.News article {position: relative; padding-bottom: 80px;}
.News article:nth-child(3n) {margin-right: 0px;}
.News article div {width: 100%; height: auto; float: left; overflow: hidden; border-radius: 10px;}
.News article div img {transition: all .5s ease;}
.News article 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 article span a {width: 100%; height: 25px; line-height: 25px; float: left; overflow: hidden;}
.News article span font {width: 100%; height: 50px; line-height: 25px; float: left; overflow: hidden; color: #666; margin-top: 5px;}
.News article 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 article span p i {float: left; font-style: normal;}
.News article:hover div img {transform: scale(1.1);}
.News article:hover span {box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: rgba(255,255,255,1);}
.News article:hover span p {height: 50px; opacity: 1; border-top: 1px #F5F5F5 solid; margin-top: 5%; padding-top: 5%;}

/*底部*/
.Bottom_C {width:100%; height:auto; float:left; background-color: var(--yiq-color-main); color: #fff; margin-top: 3%; border-top: #F5F5F5 1px solid;}
.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; gap: 5%; padding: 2% 0px;}

.Bottom_Logo {display: flex; width: 200px; align-items: center;}
.Bottom_Logo img {width: 100%; height: auto; filter: brightness(0) invert(1);}

.Bottom_Menu {display: flex; flex: 1;}
.Bottom_Menu div {display: flex; gap: 5%; flex-direction: column; width: 50%;}
.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_Contact {width: 400px; height: auto; float: left;}
.Bottom_Contact ul {width: 100%;}
.Bottom_Contact ul li {width: 100%; height: auto; line-height: 30px; float: left; text-align: left; margin: 3px 0px;}
.Bottom_Contact ul li i {width: 30px; height: 30px; line-height: 30px; float: left; overflow: hidden; font-size: 20px; text-align: center; font-weight: bold; text-align: center;}
.Bottom_Contact ul li font {width: calc(100% - 30px); line-height: 30px; float: left; overflow: hidden;}
.Bottom_Contact ul li a {float: none;}
.Bottom_Contact ul li font.address {font-size: 13px; line-height: 16px;}

.Bottom_SheJiao {width: 100%; float: left;}
.Bottom_SheJiao span {width: 100%; height: auto; float: left; margin-top: 5px;}
.Bottom_SheJiao span i {width: 25px; height: 25px; line-height: 25px; float: left; margin: 2.5px; cursor: pointer; background-color: #F0F0F0; color: var(--yiq-color-main); border-radius: 50px; font-size: 20px;}
.Bottom_SheJiao span i:last-child {margin-right: 0px;}
.Bottom_SheJiao span i:hover {background-color: var(--yiq-color-active); color: #FFF;}

.Bottom_Qrcode {display: flex; flex-direction: column; width: 250px;}
.Bottom_Qrcode ul {display: flex; gap: 10px;}
.Bottom_Qrcode ul li {display: flex; flex: 1; flex-direction: column;}
.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: auto; border-radius: 5px;}
.Bottom_Qrcode ul li span {width: 100%; line-height: 30px; float: left;}
.Bottom_Qrcode ul li font {font-weight: bold;}

.Bottom_DY {width: 100%; float: left; margin-top: 15px;}
.Bottom_DY_Form {width: 100%; height: 40px; line-height: 40px; float: left; overflow: hidden; border-radius: 5px;}
.Bottom_DY_Form input {width: calc(100% - 100px); height: 100%; float: left; border: none; background-color: rgba(255,255,255,0.2); padding: 0px 10px; color: #fff; font-size: 16px;}
.Bottom_DY_Form input:input-placeholder {color: #fff;}
.Bottom_DY_Form input::-webkit-input-placeholder {color: #fff;}
.Bottom_DY_Form input::-moz-placeholder {color: #fff;}
.Bottom_DY_Form span {width: 100px; height: 100%; float: left; overflow: hidden; background-color: var(--yiq-color-active); color: #FFF; 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-active); padding: 10px 0px; color: #fff;}
.Di {display: flex; justify-content: space-between; width: 100%; font-size: 13px; font-family: "Arial"; display: flex; align-items: center;}
.Di_BQ {display: flex;}
.Di_BQ a {width: auto; height: 30px; float: right; color: #FFF; font-family: "Arial"; font-size: 13px; background-color: var(--yiq-color-main); color: #FFF; padding: 0px 10px;}
.Di_BQ a:hover {color: #FFF; text-decoration: none; background-color: var(--yiq-color-active);}

.Di_RZ_Box {display: flex; gap: 10px;}
.Di_RZ {width: auto; float: right;}
.Di_RZ div {width: auto; height: 25px; float: left; overflow: hidden; border-radius: 5px; margin-left: 5px;}
.Di_RZ div img {width: auto; height: 100%;}

.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: 25px;}
.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: 30px;}
.formatText ol {counter-reset: my-counter; /* 初始化计数器 */list-style-position: inside;}
.formatText ol li {list-style-type: decimal; line-height: 30px; 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;}
.formatText .table-wrapper {width: 100%; overflow-x: auto;}
.formatText p {padding: 0px; margin: 0px;}

/*页面大框*/
.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; float: left; text-transform: uppercase;}
.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;}

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

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

/*谢谢页*/
.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;}

/*多图上传*/
.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;}

/*通用漂浮表单*/
.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);}

/*产品筛选*/
.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;}

/*产品详细页*/
.CP_Info_Full {display: flex; width: 100%; overflow: hidden; background-color: #F5F5F5; border-radius: 10px; padding: 5%; flex-direction: column; background-image: url(images/gezi.webp); background-repeat: no-repeat; background-position: right bottom; background-size: 40% auto;}
.CP_Info {display: flex; flex-direction: column;}
.CP_Info_T {display: flex; gap: 5%;}
.CP_Info_T_Img {width: 45%; display: flex; flex-direction: column; 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: 100%;}
.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_Img_Big_Img font {width: 60px; height: 60px; position: absolute; right: 0px; top: 0px; background-image: url("images/new.png"); background-size: 100% 100%;}
.CP_Info_T_Img_Small {width: 100%; height: auto; float: left; margin-top: 10px;}
.CP_Info_T_Img_Small div {width: 18.4%; height: auto; float: left; overflow: hidden; position: relative; margin: 0px 2% 2% 0px;}
.CP_Info_T_Img_Small div:nth-child(5),.CP_Info_T_Img_Small div:nth-child(10),.CP_Info_T_Img_Small div:nth-child(15) {margin-right: 0px;}
.CP_Info_T_Img_Small div p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 100%;}
.CP_Info_T_Img_Small div img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; cursor: pointer; border: 1px rgba(255,255,255,0.1) solid; border-radius: 10px;}
.CP_Info_T_Img_Small div img:hover {border-color: var(--yiq-color-active);}
.CP_Info_T_Info {display: flex; flex: 1; flex-direction: column;}
.CP_Info_T_Info_T {width: 100%; height: auto; float: left; text-align: left; font-weight: bold;}
.CP_Info_T_Info_T h1 {font-weight: bold;}
.CP_Info_T_Info_Text {margin-top: 5%; text-align: left;}
.CP_Info_T_Info_Btn {display: flex; margin-top: 5%;}

.CP_Info_B {display: flex; margin-top: 5%; flex-direction: column;}
.CP_Info_B_Menu {display: flex; overflow: hidden; background-color: #F5F5F5; border-radius: 10px;}
.CP_Info_B_Menu div {padding: 10px 20px; cursor: pointer;}
.CP_Info_B_Menu div.current {background-color: var(--yiq-color-active); color: #fff; font-weight: bold;}
.CP_Info_B_Box {display: flex; margin-top: 5%; flex-direction: column;}
.CP_Info_B_Box_Content {width: 100%; height: auto; float: left; overflow: hidden; display: none; text-align: left;}
.CP_Info_B_Box .CP_Info_B_Box_Content:first-child {display: block;}

/*产品图片展示*/
.CP_Showcase {display: flex; flex-direction: column;}
.CP_Showcase li {display: flex; align-items: center; justify-content: left;}
.CP_Showcase li img {max-width: 100%; height: auto;}

/*第三方视频播放*/
.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;}

/*联系我们*/
.Contact {display: flex; padding: 5%; background-color: #f5f5f5; border-radius: 30px; margin-top: 3%; gap: 5%; align-items: center; justify-content: center;}
.Contact_L {display: flex; flex: 1; flex-direction: column; gap: 5%;}
.Contact_L_T {display: flex; text-align: left; color: var(--yiq-color-active); font-weight: bold;}
.Contact_L_B {display: flex; flex-direction: column; margin-top: 5%;}
.Contact_L_B ul {display: flex; flex-direction: column; gap: 10px;}
.Contact_L_B ul li {display: flex;}
.Contact_L_B ul li i {width: 35px; font-weight: bold;}
.Contact_L_B ul li span {flex: 1; text-align: left;}
.Contact_L_B ul li:last-child i {font-size: 14px;}
.Contact_C {display: flex; gap: 5%; width: 300px;}
.Contact_C li {display: flex; flex-direction: column; gap: 5px;}
.Contact_C li img {width: 100%; height: auto;}
.Contact_C li div:nth-child(3) {color: var(--yiq-color-active); font-weight: bold;}
.Contact_R {display: flex; flex-direction: column; gap: 5%; width: 300px;}
.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); 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;}
.Contact_G {display: none; width:100%; height: 1px; border-top: 1px #DEDEDE dotted ;}

/*资源详细页*/
.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; 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: 5%; 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_Info_LR_Box {width: 100%; float: left; padding: 5% 0px; background-color: #F5F5F5; margin-top: 5%;}
.News_Info_LR {display: flex; justify-content: space-between;}
.News_Info_LR div {width: 45%; color: #666; font-size: 12px; text-align: left; background-color: #FFF; border-radius: 20px; padding: 3%;}
.News_Info_LR div i {font-size: 12px;}
.News_Info_LR div:last-child {text-align: right;}
.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;}

/*微信*/
.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-main); color:#FFF; text-decoration:none;}
.R_Page_C A i {line-height:30px; font-size: 18px;}

/*在线反馈*/
.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; justify-content: center; align-items: center;}
.Feedback {width: 100%; max-width: 1000px; height:auto;  overflow:hidden; background-color: #FFF; padding: 5%; border-radius: 10px; display: flex; position: relative;}
.Feedback_LR {display: flex; flex: 1; gap: 5%;}
.Feedback_L {display: flex; flex-direction: column; width: 40%;}
.Feedback_L_Img {display: flex;}
.Feedback_L_Img img {width: 100%; height: auto; border-radius: 10px; border: 1px #DEDEDE solid;}
.Feedback_L_Text {width: 100%; height: 200px; line-height: 25px; float: left; margin-top: 10%; text-align: left; overflow-y: auto;}
.Feedback_R {display: flex; flex: 1; flex-direction: column; gap: 20px;}
.Feedback_R div {display:flex; text-align: left;}
.Feedback_R div textarea,.Feedback_R div input[type='text'] {background-color: #F5F5F5; border: none; border-radius: 5px; padding: 10px; flex: 1;}
.Feedback_R div textarea {padding: 5%;}
.Feedback_R div.tishi {background-color: #effff1; padding: 5%; color: var(--yiq-color-active);}
.Feedback_Close {position: absolute; right: 2%; top: 2%; cursor: pointer; font-size: 20px;}

.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;}

/*在线询盘*/
.Quote_Hei {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 999999999; background-color: rgba(0,0,0,0.8); display: none;}
.Quote_Hei_C {width: 100%; height: 100%; float: left; overflow: hidden; position: relative;}
.Quote {width:600px; height:auto; position: absolute; left: calc((100% - 600px) / 2); overflow:hidden; background-color: #FFF; padding: 3%; padding-top: 3%; border-radius: 10px;}
.Quote ul {width: 100%; height: auto; min-height: 30px; float: left; position: relative;}
.Quote 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%;}
.Quote ul li {width: calc(100% - 30px); height: auto; line-height: 30px; float: left; overflow: hidden; text-align: left;}
.Quote ul li span {width: 100px; height: 100%; float: left; overflow: hidden; text-align: right;}
.Quote ul li div {width: calc(100% - 100px); height: 100%; float: left; overflow: hidden; text-align: left; color: #DA251C;}
.Quote_L {width:100%; height:auto; float:left; overflow:hidden;}
.Quote_L div {width:100%; height:auto; float:left; overflow:hidden; padding:10px 0px;}
.Quote_L div input {width:100%; height:40px; line-height:40px; padding:0px 10px; background-color:#F5F5F5; border: none; border-radius: 5px;}
.Quote_R {width:100%; height:auto; float:right; overflow:hidden; margin-top:10px;}
.Quote_R textarea {width:100%; height:100px; border: none; background-color:#F5F5F5; padding:10px; border-radius: 5px;}
.Quote_B {width:100%; height:auto; float:left; overflow:hidden; margin-top:10px;}
.Quote_B div {width:150px; height:35px; float:left; overflow:hidden;}
.Quote_B div input {width:100%; height:100%; padding:0px 10px; background-color:#F5F5F5; border: none; border-radius: 5px;}
.Quote_B span {width: auto; height:100%; float:left; overflow:hidden;}
.Quote_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;}

.Quoteok {width: 100%; height: auto; float: left; overflow: hidden;}
.Quoteok span {width: 100%; height: auto; float: left;}
.Quoteok 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;}
.Quoteok 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; top: 180px; 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; 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;}

/*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){
}

@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_LR {flex-direction: column;}
	.CSS_Left {width: 100%;}
	.CSS_Right {margin-top: 5%;}
	.item_left_title {justify-content: space-between; cursor: pointer;}
	.item_left_title i {display: block;}
	.item_left_menu {display: none;}
	.CSS_Top {width: 100%; height: auto;}
	.CSS_Logo {height: 80px;}
	.CSS_Logo div {position: inherit; padding: 0px; width: 150px;}
	.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;}
	[yiq="left_other"] {display: none;}
	.LR_Btn {display: flex;}
	.Bottom_Logo,.Bottom_Qrcode {display: none;}
	
	.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: 50px; line-height: 50px; 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; height: 50px; line-height: 50px;}
	.Menu div ul {transform: none; display: none; box-shadow: 0px 0px 0px 0px #FFF; position: relative; float: left; padding: 0px; left: auto; top: auto; background-color: transparent;}
	.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;}
	.MenuClose {display: inline;}

	.Contact {flex-direction: column; gap: 30px;}
	.Contact_L {width: 100%; order: 3;}
	.Contact_C {order: 4;}
	.Contact_R {order: 1;}
	.Contact_G {order: 2; display: flex;}

	.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_Title1 a {font-size: 24px; line-height: 30px;}
	.Font_Size_Title2 {font-size: 32px; line-height: 35px;}
	.Font_Size_Title3 {font-size: 38px; line-height: 40px;}
	
	.Feedback_C {background-image: url("");}
	.Feedback {width: 100%; left: 0px;}
	.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_Title1 a {font-size: 24px; line-height: 30px;}
	.Font_Size_Title2 {font-size: 28px; line-height: 32px;}
	.Font_Size_Title3 {font-size: 30px; line-height: 35px;}
	.CSS_Top_Msg_L {display: none;}
	.CSS_Top_Msg_R {flex: 1; justify-content:space-between; font-size: 13px;}
	.Bottom_Menu {display: none;}
	.Bottom_Contact {flex: 1;}
	.Bottom_DY_Form {width: 100%;}
	.H_CP {grid-template-columns: repeat(2, 1fr);}
	.H_CP_K_Bottom div {height: 45px; line-height: 15px;}
	.H_CP_K_Bottom div a {font-size: 14px;}
	.GSJJ_L {display: none;}
	.GSJJ_R {width: 100%; margin-left: 0px; margin-top: 0px;}
	.GSJJ_Number ul {width: 100%; text-align: center;}
	.GSJJ_Number ul li div b {margin: 0px auto; display: inline-block; float: none;}
	.News {grid-template-columns: repeat(2, 1fr);}
	.News_Other ul li {width: 48%;}

	.Font_Size_Text1 {font-size: 16px;}
}

@media(max-width:749px){
	.AD_K div span {display: none;}
	.CSS_Top_Msg_L ul {width: calc(100% - 45px);}
	.CSS_Top_Msg_L ul li {width: 100%; overflow: hidden;}
	.CSS_Logo div {width: 150px;}
	.LR_Btn {width: 30px; height: 30px;}
	.Di {flex-direction: column; gap: 10px;}
	.CP_Info_T {flex-direction: column;}
	.CP_Info_T_Img {width: 100%;}
	.CP_Info_T_Info {margin-top: 5%;}
	.brandProducts {flex-direction: column; gap: 30px;}
	.brandProductsL {width: 100%;}
	.brandProductsLMenu {flex-direction: row; gap: 5px;}
	.brandProductsLMenu div {flex: auto; padding: 5px 0px;}
	.brandProductsLMore {display: none;}
	.H_News_C {padding-bottom: 25%;}
	
	.News_Info_LR {flex-direction: column;}
	.News_Info_LR div {width: 100%;}
	.News_Info_LR div:last-child {text-align: left; margin-top: 10px;}
	.searchFu.offcanvas.offcanvas-top {height: 130px;}
	.searchBG {padding: 0px 1rem; margin-top: 0px;}
	.searchBox {height: 40px; line-height: 40px;}
	.searchBox i {width: 40px; height: 40px; line-height: 40px;}
	.cookie {flex-direction: column;}
	.cookieBtns {flex-direction: row; width: auto;}
	
	.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 {grid-template-columns: repeat(1, 1fr);}
	.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%;}
	.News_Info_T {margin-top: 5%;}
	.News_Other ul li {width: 100%; margin: 0px; margin-bottom: 2%;}
	.Quote {width: 90%; left: 5%;}

	.Font_Size_Title2 {font-size: 24px; line-height: 28px;}
	.Font_Size_Text1 {font-size: 16px; line-height: 25px;}
	.Font_Size_Title3 {font-size: 26px; line-height: 30px;}
	.Font_Size_Title1 a {text-decoration: underline;}
}

@media(max-width:479px){
	.CSS_Top_Msg {padding: 5px 0px;}
	.CSS_Top_Line {position: relative;}
	.CSS_Top_Line_Box {background-color: #FFF;}
	.H_Title.left {text-align: center; justify-content: center;}
	.H_Title.left span {display: none;}
	.Feedback_LR {flex-direction: column; gap: 20px;}
	.Feedback_L {width: 100%; flex-direction: row; gap: 10px;}
	.Feedback_L_Img {width: 100px; height: 100px;}
	.Feedback_L_Text {height: 100px; margin-top: 0px;}
	.Feedback_R div.tishi {display: none;}
	.myBtn {height: 30px; line-height: 30px;}
	.GSJJ_L {display: none;}
	.GSJJ_R {background-image: url(images/building_m.webp); background-repeat: no-repeat; background-size: 80% auto; background-position: center bottom;}
	.GSJJ_Number ul li div b {line-height: 6vw; font-size: 6vw;}
	.News_Info_C_List {width: 100%; margin-left: 0px; margin-bottom: 5%;}
	.News_Info_LR div a {font-weight: bold;}
	.Fu_R {display: none;}
	.daoShare {display: none;}

	.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;}

	.Font_Size_Title2 {font-size: 20px; line-height: 26px;}

	::-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){
	
}