@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: "Krona-One","PingFang SC","Arial";}

:root{
	--yiq-color-main:#35aa3e;
	--yiq-color-main-active:#4fc558;
	--yiq-color-active:#FF8D00;
	--yiq-color-active-hover:#fe9f2a;
	--yiq-color-active-hover-50:#FF8D0055;
}

*{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 {font-size:13px; line-height:22px;}
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;}

table {vertical-align: middle; text-align: center; 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;}

/*重定义Boot*/
/*消息提示框----模态框*/
.modal {text-align: left; z-index: 999999999;}
.modal-dialog {max-width:320px;}
.modal-header {height:30px; overflow:hidden; padding:5px 15px; background-color:#F8F8F8;
background-image:-webkit-linear-gradient(to bottom,#FFF,#F8F8F8);
background-image:linear-gradient(to bottom,#FFF,#F8F8F8);
}
.modal-title {font-size:14px; font-weight:bold;}
.list-group {margin-bottom:0px;}
.list-group li {overflow:hidden;}
.Modal_Ico {width: 100%; height: auto; float: left; text-align: center; padding: 20px 0px;}
.Modal_Ico i {width: 80px; height: 80px; line-height: 80px; margin: 0px auto; display: inline-block; font-size: 60px; color: #FFF; font-weight: bold; border-radius: 100px; background-color: #006600;}
.Modal_Feedback {width: 100%; height: auto; font-size: 14px;}
.Modal_Close {width: 100%; height: auto; text-align: center; margin-top: 20px; cursor: pointer;}
.Modal_Close div {width: auto; height: 30px; line-height: 30px; margin: 0px auto; display: inline-block; color: #FFF; padding: 0px 10px; background-color: var(--yiq-color-main); border-radius: 30px;}
.Modal_Close div:hover {background-color: var(--yiq-color-active);}

/*滚动条*/
.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: 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:#F5F5F5; font-family:"PingFang SC",'arial', 'PingFang SC', sans-serif; color:#000;
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: 30px;}
.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;}

.Btn {width: 100%; height: auto; float: left;}
.Btn a,.Btn div {width: auto; height: 33px; line-height: 33px; float: left; overflow: hidden; background-color: var(--yiq-color-active); color: #FFF; padding: 0px 15px; border-radius: 5px; margin-right: 10px; text-decoration: none; cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.Btn a:hover,.Btn div:hover {background-color: var(--yiq-color-active-hover); text-decoration: none; padding: 0px 25px;}
.Btn div {background-color: var(--yiq-color-main);}
.Btn div:hover {background-color: var(--yiq-color-main-active);}
.Btn_Small a {height: 30px; line-height: 30px; font-size: 12px; padding: 0px 10px;}
.Btn_Small a:hover,.Btn_Small div:hover {padding: 0px 20px;}
.Btn_Big a {height: 40px; line-height: 40px;}
.Btn_Big a:hover.Btn_Big div:hover {padding: 0px 35px;}
.Btn_Color1 a {background-color: var(--yiq-color-main);}
.Btn_Color1 a:hover {background-color: var(--yiq-color-main-active);}
.Btn_Center a {float: none; margin: 0px auto; display: inline-block; margin-top: 3%;}
.Btn_News_List {width: auto; float: right;}

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

/*面包屑导航--新*/
.daoHang_C {width: 100%; height: 0px; float: left; position: relative;}
.daoHang {width: auto; position: absolute; right: 0px; bottom: 20px; color: #FFF; z-index: 1;}
.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; color: #FFF; font-size: 14px;}

/*网页整体框架*/
.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.small {max-width: 1000px;}

/*顶部*/
.CSS_Top_Line {width: 100%; height: auto; position: fixed; left: 0px; top: 0px; z-index: 99999; transition: all .2s ease-in-out;}
.CSS_Top_Line.down {background-color: rgba(255,255,255,0.8); backdrop-filter: blur(10px);}
.CSS_Top {width:100%; height:auto; float: left; text-align: left;}
.CSS_Logo {width:400px; height:100px; float:left; padding: 10px 0px 10px 10px; transition: all .2s ease-in-out;}
.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_Logo span {width: calc(100% - 101px); height: 100%; float: left; display: flex; align-items: center; justify-content: center; padding-left: 20px;}
.CSS_Logo span label {width: 100%; color: var(--yiq-color-main); padding: 0px; margin: 0px;}
.CSS_Logo span label font {width: 100%; font-family: "Krona-One"; font-size: 25px; font-weight: bold;}
.CSS_Logo span label p {width: 100%; padding: 0px; margin: 0px; font-size: 13.7px;}
.CSS_Top_C {width: calc(100% - 400px - 180px); height:auto; float:right;}

.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;}
.CSS_Top_Line.bai .BanBen {color: #FFF;}
.CSS_Top_Line.bai .M_Menu div span {border-color: #FFF;}

/*主菜单*/
.Menu {width: 100%; height: auto; float: left;}
.Menu div {width: auto; height: auto; float: left; position: relative; padding: 0px 2%;}
.Menu div span {width: auto; height: auto; float: left; overflow: hidden;}
.Menu div span A {width: auto; height:100px; line-height:100px; float: left; overflow: hidden; font-size:18px; text-align: center; transition: all .2s ease-in-out;}
.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 span A.current {text-decoration:none; color: var(--yiq-color-main); font-weight: bold;}
.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: calc(100% - 3px); z-index: 999999999; background-color: #FFF; padding: 10px 0px; border-top: 3px var(--yiq-color-main) solid;
-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;
}
.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;}

/*手机版菜单控制按钮*/
.M_Menu {width: auto; height: 100%; float: right; cursor: pointer; display: none; align-items: center; justify-content: center; margin-right: 10px; margin-left: 10px;}
.M_Menu div {width: 26px; height: 26px; z-index: 9999999999;}
.M_Menu div span {width: 100%; height: 1px; float: left; overflow: hidden; transition: all .2s ease-in-out; border-top: 2px #333 solid;}
.M_Menu div span:nth-child(1) {margin-bottom: 5px; margin-top: 5px;}
.M_Menu div span:nth-child(2) {transition: all .2s ease-in-out; margin-top: 5px;}
.M_Menu_Cha div span:nth-child(1) {transform:rotate(45deg); margin-bottom: 0px; margin-top: 10px;}
.M_Menu_Cha div span:nth-child(2) {transform:rotate(-45deg); margin-top: -2px;}

.T_Other {width: 180px; height: 100px; float: right; display: flex; align-items: center; justify-content: center;}
.T_Other_K {width: auto; float: left;}

/*版本*/
.BanBen {width: auto; height: auto; float: left; position: relative;}
.BanBen span {width: auto; height: auto; float: left; cursor: default;}
.BanBen span p {width: 30px; height: 30px; float: left; overflow: hidden; border-radius: 15px; padding: 0px; margin: 0px; background-image: url("images/language.webp"); background-repeat: no-repeat; margin-top: -1px;}
.BanBen span p img {width: 100%; height: 100%;}
.BanBen ul {width: 130px; height: auto; position: absolute; right: 0px; top: 100%; background-color: var(--yiq-color-main); z-index: 999999999; padding: 5px 0px;
-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% 0%;
}
.BanBen:hover ul {display: inline; transform: scaleY(1); border-radius: 5px;}
.BanBen ul li {width: 100%; float: left; padding: 5px 10px 5px 10px;}
.BanBen ul li a { height: 30px; line-height: 30px; float: left; color: #FFF;}
.BanBen ul li:hover {background-color: var(--yiq-color-active);}
.BanBen ul li div {width: 30px; height: 30px; float: left; border-radius: 15px; background-image: url("images/language.webp"); background-repeat: no-repeat;}
.BanBen ul li font {width: calc(100% - 30px); line-height: 31px; float: left; padding-left: 5px;}
.flag_en {background-position: 0px 0px;}
.flag_fr {background-position: calc(0px - 30px * 1) 0px;}
.flag_de {background-position: calc(0px - 30px * 2) 0px;}
.flag_es {background-position: calc(0px - 30px * 3) 0px;}
.flag_ru {background-position: calc(0px - 30px * 4) 0px;}
.flag_zh {background-position: calc(0px - 30px * 5) 0px;}
.flag_kr {background-position: calc(0px - 30px * 6) 0px;}
.flag_jp {background-position: calc(0px - 30px * 7) 0px;}

/*搜索*/
.Search {width: 28px; height: auto; float: left; margin-right:10px; position: relative;}
.Search i {width: 100%; height: 28px; line-height: 28px; float: left; background-color: var(--yiq-color-active); color: #FFF; font-size: 18px; text-align: center; border-radius: 5px;}
.Search ul {width: auto; height: auto; position: absolute; float: right; right: 0px; top: 100%; z-index: 9999; border-radius: 5px; overflow: hidden; border: 3px transparent solid;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.Search ul li {width: 0px; height: auto; float: left; overflow: hidden;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.Search ul li span {width: calc(100% - 40px); height: auto; float: left; overflow: hidden;}
.Search ul li span input {width: 100%; height: 28px; border: none; background-color: #FFF; padding: 0px 15px;}
.Search ul div {width: 40px; height: 28px; line-height: 28px; float: left; overflow: hidden; background-color: var(--yiq-color-active); text-align: center; color: #FFF; cursor: pointer;}
.Search:hover ul {display: inline; border: 3px var(--yiq-color-active) solid;}
.Search:hover ul li {width: 280px;}

/*顶部按钮*/
.T_Btn {width: auto; height: 28px; float: left; margin-right: 10px;}
.T_Btn div {width: auto; height: 28px; line-height: 28px; float: left; border-radius: 5px; background-color: var(--yiq-color-active); color: #FFF; padding: 0px 10px; cursor: pointer;}
.T_Btn div:hover {background-color: var(--yiq-color-active-hover); text-decoration: none;}

/*按钮阴影*/
.Btn_Yin_Small {box-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.Btn_Yin_Middle {box-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.Btn_Yin_Big {box-shadow: 2px 2px 2px rgba(0,0,0,0.5);}

/*新轮播*/
.FlashNew {width: 100%; float: left; position: relative;}
.FlashNewImgs {width: 100%; float: left;}
.FlashNewImgs ul {width: 100%; float: left; position: relative; display: flex; transition-property: transform; box-sizing: content-box; z-index: 1; transition-property: opacity;}
.FlashNewImgs ul li {width: 100%; float: left; flex-shrink: 0;}
.FlashNewImgs ul li img {width: 100%; height: auto; float: left;}
.FlashNewText {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;}
.FlashNewText ul {width: 100%; float: left; text-align: left; color: #FFF;}
.FlashNewText ul li {width: 100%;}
.FlashNewText ul li:nth-last-child(2){font-family: "Krona-One"; margin: 1% 0px;}
.FlashNewPage {width: 100%; position: absolute; left: 0px; bottom: 5%;}

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

/*首页标题*/
.H_Title {width: 100%; height: auto; float: left; overflow: hidden; text-align: center;}
.H_Title b {width: 100%; height: auto; line-height: normal; float: left; overflow: hidden; font-family: "Krona-One","PingFang SC","Arial"; color: var(--yiq-color-main); font-weight: normal;}
.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 {color: #FFF;}
.H_Title.bai span {color: rgba(255,255,255,0.5);}

/*左右框架*/
.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: #FFF; 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-main);}
.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%;}

/*首页产品*/
.H_SheBei {width: 100%; height: auto; float: left; padding: 5% 0px 1% 0px;}
.H_SheBei_Title {width: 100%; float: left; margin-top: 4%;}
.H_SheBei_Title.small {margin-top: 1%;}
.H_SheBei_Title div {width: auto; height: auto; line-height: 40px; margin: 0px auto; display: inline-block; font-family: "Krona-One","PingFang SC","Arial";}
.H_SheBei_Title div::before {width: 27px; height: 40px; float: left; content: ""; background-image: url("images/pcb_line_small.webp"); background-repeat: no-repeat; background-position: center center; margin-right: 10px;}
.H_SheBei_Title div::after {width: 27px; height: 40px; float: right; content: ""; background-image: url("images/pcb_line_small.webp"); background-repeat: no-repeat; background-position: center center; transform: rotate(180deg); margin-left: 10px;}
.H_SheBei_WenBen {width: 100%; height: auto; float: left; background-color: #FFF; padding: 2%; border-radius: 10px; margin-top: 2%; text-align: left;}
.H_SheBei_List {width: 100%; height: auto; float: left; margin-top: 5%; text-align: justify; text-align-last: justify;}
.H_SheBei_List_K {width: 22%; height: auto; overflow: hidden; display: inline-block; text-align: left; text-align-last: left; background-color: #FFF; margin-bottom: 4%; border-radius: 2%; transition: all .2s ease-in-out; cursor: pointer; position: relative; visibility: hidden;}
.H_SheBei_List_K_Img {width: 100%; height: auto; float: left; position: relative; overflow: hidden;}
.H_SheBei_List_K_Img p {width: 100%; height: 0px; float: left; padding: 0px; margin: 0px; margin-top: 100%;}
.H_SheBei_List_K_Img a {float: left;}
.H_SheBei_List_K_Img img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; transition: all .2s ease-in-out;}
.H_SheBei_List_K_Img span {width: 60px; height: 60px; position: absolute; right: 0px; top: 0px; background-image: url("images/new.png"); background-size: 100%; z-index: 6;}
.H_SheBei_List_K_Txt {width: 100%; height: 35px; position: absolute; left: 0px; bottom: 0px; padding: 5px 10px; transition: all .2s ease-in-out; background-color: var(--yiq-color-main-hover-50); background-color: var(--yiq-color-main);}
.H_SheBei_List_K_Txt span {width: 100%; height: auto; float: left; overflow: hidden;}
.H_SheBei_List_K_Txt span a {width: 100%; height: 25px; line-height: 25px; float: left; overflow: hidden; text-align: center; text-align-last: center; color: #FFF;}
.H_SheBei_List_K_Txt span a:hover {text-decoration: none;}
.H_SheBei_List_K_Txt span font {width: 100%; height: 40px; line-height: 20px; float: left; overflow: hidden; font-size: 12px; margin-top: 5px;}
.H_SheBei_List_K:hover {box-shadow: 0px 0px 10px rgba(0,0,15,0.3);}
.H_SheBei_List_K:hover img {transform: scale(1.2);}
.H_SheBei_List_K:hover .H_SheBei_List_K_Txt {background-color: var(--yiq-color-main);}
.H_SheBei_List_K:hover .H_SheBei_List_K_Txt span a {color: #FFF;}
.H_SheBei_List_K:hover .H_SheBei_List_K_Txt span font {color: rgba(255,255,255,0.8);}
.H_SheBei_List_K:hover .H_SheBei_List_K_Txt {height: 80px;}

/*首页应用领域*/
.H_YY_C {width: 100%; float: left; background-color: #FFF; padding: 5% 0px; margin-top: 5%;}
.H_YY {width: 100%; float: left; margin-top: 5%;}
.H_YY_L {width: 100%; float: left; display: table-cell;}
.H_YY_L_Box {width: auto; margin: 0px auto; display: inline-block;}
.H_YY_L_Box div {width: auto; float: left; cursor: pointer;}
.H_YY_L_Box div span {width: 100%; float: left; visibility: hidden;}
.H_YY_L_Box div span layer {width: 70px; height: 70px; margin: 0px auto; display: inline-block; border: 1px #DEDEDE solid; border-radius: 100px;}
.H_YY_L_Box div span layer img {width: 70px; height: 70px; margin: 0px auto; display: inline-block;}
.H_YY_L_Box div span font {width: 100%; height: 20px; line-height: 20px; float: left; overflow: hidden; margin: 5% 0px 10px 0px; font-size: 13px;}
.H_YY_L_Box div:hover span layer,.H_YY_L div.current span layer {border-color: var(--yiq-color-main); background-color: var(--yiq-color-main);}
.H_YY_L_Box div:hover span layer img,.H_YY_L div.current span layer img {filter: brightness(0) invert(1);}
.H_YY_L_Box div:hover span font {color: var(--yiq-color-main);}
.H_YY_L_Box div.current span font {color: var(--yiq-color-main);}
.H_YY_Box {width: 100%; float: left; margin-top: 5%;}
.H_YY_Box_K {width: 100%; float: left; display: flex;}
.H_YY_I {width: 40%; float: left; display: table-cell; visibility: hidden;}
.H_YY_I div {display: flex; align-items: center; align-content: center;}
.H_YY_I img {width: 70%; height: 70%; border-radius: 30px; margin: 0px auto; display: inline-block;}
.H_YY_R {width: 60%; float: right; display: flex; align-content: center; align-items: center; padding-left: 10%; visibility: hidden;}
.H_YY_R div {width: 100%; height: auto; text-align: left;}
.H_YY_R div span {width: 100%; float: left; overflow: hidden; text-align: left;}

/*首页优势*/
.YouShi_Title {width: 100%; float: left; background-color: var(--yiq-color-main); padding: 3% 0px;}
.YouShi {width: 100%; float: left;}
.YouShi li {width: 20%; height: 700px; float: left; transition: .5s; position: relative;}
.YouShi li.current {width: 40%;}
.YouShi li img {width: 100%; height: 100%; object-fit: cover;}
.YouShi li div {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: rgba(0,0,0,0.8); transition: .5s; pointer-events: none;}
.YouShi li.current div {background-color: rgba(0,0,0,0.4);}
.YouShi li div span {width: 100%; height: 100%; float: left; display: flex; align-items: center; justify-content: center; align-content: center;}
.YouShi li div span dd {width: 100%; margin: 0px; float: left; color: rgba(255,255,255,0.7); padding: 0px 5%;}
.YouShi li.current div span dd {color: #FFF;}
.YouShi li div span dd b {width: 100%; float: left; position: relative; transition: .5s; pointer-events: auto;}
.YouShi li.current div span dd b {padding-bottom: 2%; margin-bottom: 2%;}
.YouShi li div span dd b::before {content: ""; width: 0px; height: 2px; background-color: var(--yiq-color-main); position: absolute; left: 50%; bottom: 0px; transition: .5s;}
.YouShi li.current div span dd b::before {width: 50px; left: calc(50% - 25px);}
.YouShi li div span dd font {width: 100%; float: left; transform: translate(0px,50px) scaleY(0); opacity: 0; transition: .5s; pointer-events: auto;}
.YouShi li.current div span dd font {transform: translate(0px,0px) scaleY(1); opacity: 1;}

/*首页主要客户*/
.KeHu {width: 100%; float: left;}
.KeHu div {width: 15.66%; float: left; overflow: hidden; position: relative; margin: 0.5%; visibility: hidden;}
.KeHu div p {width: 100%; height: 0px; float: left; margin: 0px; padding: 0px; margin-top: 50%;}
.KeHu div img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}

/*隔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: 4.5% 0px;}
.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; font-size: 13px; color: #999;}
.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%;}

/*底部*/
.Bottom_C {width:100%; height:auto; float:left; background-color:#EFEFEF; color: rgba(255,255,255,0.8); background-image: url("images/bottom_b.webp"); background-size: 100% auto;}
.Bottom_C a {width: 100%; height: 30px; line-height: 30px; float: left; overflow: hidden; color: rgba(255,255,255,0.8);}
.Bottom_C a:hover {color: var(--yiq-color-active); text-decoration: none;}
.Bottom {width: 100%; height: auto; float: left; padding: 5% 0px;}
.Bottom_Logo {width: 90px; float: left;}
.Bottom_Logo div {width: 100%; float: left; filter: brightness(0) invert(1);}
.Bottom_Logo div img {width: 100%; float: left;}
.Bottom_Logo span {width: 100%; height: auto; float: left; margin-top: 5px;}
.Bottom_Logo span i {width: 25px; height: 25px; line-height: 25px; float: left; margin: 2.5px; cursor: pointer; background-color: rgba(255,255,255,0.8); color: var(--yiq-color-main); border-radius: 50px; font-size: 25px;}
.Bottom_Logo span i:last-child {margin-right: 0px;}
.Bottom_Logo span i:hover {background-color: var(--yiq-color-active); color: #FFF;}
.Bottom_Menu {width: 500px; height: auto; float: left; overflow: hidden; padding-left: 100px;}
.Bottom_Menu div {width: 50%; float: left;}
.Bottom_Menu div a {width: 100%; height: 30px; line-height: 30px; float: left; font-size: 14px;}
.Bottom_Menu div a:first-child {margin-bottom: 15px; font-size: 16px; font-weight: bold;}

.Bottom_Contact {width: calc(100% - 90px - 500px - 140px); 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: left;}
.Bottom_Contact ul li font {width: calc(100% - 30px); line-height: 30px; float: left; overflow: hidden;}
.Bottom_Contact ul li a {float: none;}

.Bottom_Qrcode {width: 140px; float: right; overflow: hidden;}
.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: rgba(255,255,255,0.5); padding: 0px 10px; color: #FFF; font-size: 16px;}
.Bottom_DY_Form input:input-placeholder {color: rgba(255,255,255,0.8);}
.Bottom_DY_Form input::-webkit-input-placeholder {color: rgba(255,255,255,0.8);}
.Bottom_DY_Form input::-moz-placeholder {color: rgba(255,255,255,0.8);}
.Bottom_DY_Form span {width: 100px; height: 100%; float: left; overflow: hidden; background-color: var(--yiq-color-main); cursor: pointer;}
.Bottom_DY_Form span:hover {background-color: var(--yiq-color-active);}

.Bottom_RZ_Box {width: 50%; float: right;}
.Bottom_RZ {width: auto; float: right;}
.Bottom_RZ div {width: auto; height: 40px; float: left; overflow: hidden; border-radius: 5px; margin-left: 5px;}
.Bottom_RZ div img {width: auto; height: 100%;}

.Di_C {width: 100%; height: auto; float: left; background-color: var(--yiq-color-main); color: #FFF; padding: 10px 0px;}
.Di {width: 100%; height: auto; float: left; text-align: left; font-size: 13px; font-family: "Arial"; display: flex; align-items: center; justify-content: center;}
.Di_BQ {width: 50%; height: auto; float: left;}
.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);}

.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 h2 {color: #000; margin: 5% 0px 2% 0px; font-weight: bold; font-size: 1.2em;}
.formatText h3 {color: #000; margin: 5% 0px 2% 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: 4% 0px; position: relative;}
.Page_Box.small {max-width: 1200px;}

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

/*右侧框框*/
.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;}

/*历程*/
.LiCheng_BG {width: 100%; height: auto; float: left; overflow: hidden; padding-top: 5%;}
.LiCheng_Logo {width: 100%; height: auto; float: left;}
.LiCheng_Logo div {width: 120px; height: 120px; margin: 0px auto; display: inline-block; background-color: #FFF; border-radius: 80px; align-items: center; display: flex; padding: 10px; margin-top: 3%;}
.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: 500px; 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: 500px; 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: 100px; height: 100px; float: left; border-radius: 5px;}
.LiCheng_C ul li div span b {width: calc(100% - 100px); height: 25px; line-height: 25px; float: left; color: #999; font-weight: normal; padding-left: 20px; font-size: 28px; font-family: "yiq_en"; transition: all .2s ease-in-out;}
.LiCheng_C ul li div span font {width: calc(100% - 100px); height: auto; line-height: 25px; float: left; font-size: 14px; 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-main); 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-main);}
.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-main); font-weight: bold;}
.LiCheng_C ul li div em img:hover {transform:scale(1.1);}

/*首页证书*/
.H_ZS {width: 100%; float: left;/* background-color: var(--yiq-color-active);*/ padding: 8% 0px; position: relative;}
.H_ZS_List {width: 100%; float: left; overflow: hidden; margin-top: 5%;}
.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: 3px #FFF solid;}
.H_ZS_Img img {width: 100%; height: 100%;}
.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:5px; height:2px; opacity:0.8; border-radius: 0px; position: relative; margin: 0px;}
.H_ZS .swiper-pagination-bullet::before {content: ""; width: 0px; height: 100%; position: absolute; left: 0px; top: 0px; background-color: var(--yiq-color-main); 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;}

/*产品详细页*/
.CP_Info {width: 100%; height: auto; float: left; padding: 5% 0px;}
.CP_Info_T {width: 100%; height: auto; float: left;}
.CP_Info_T_Img {width: 35%; height: auto; float: left; overflow: hidden; visibility: hidden;}
.CP_Info_T_Img_Big {width: 100%; height: auto; float: left; position: relative; border-radius: 15px; overflow: hidden;}
.CP_Info_T_Img_Big p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 100%;}
.CP_Info_T_Img_Big 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 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 {width: 55%; height: auto; float: right; visibility: hidden;}
.CP_Info_T_Info_T {width: 100%; height: auto; float: left; overflow: hidden; color: var(--yiq-color-main); text-align: left;}
.CP_Info_T_Info_Line {width: 100px; height: 5px; float: left; overflow: hidden; background-color: var(--yiq-color-active); margin-top: 2%;}
.CP_Info_T_Info_Text {width: 100%; height: auto; float: left; overflow: hidden; text-align: left; margin-top: 5%;}
.CP_Info_T_Info_Text p {margin: 0px; padding: 0px;}
.CP_Info_T_Info_Btn {width: 100%; height: auto; float: left; margin-top: 5%;}
.CP_Info_T_Info_Btn_Btn {width: auto; height: auto; float: left;}
.CP_Info_T_Info_Btn_Ico {float: right;}
.CP_Info_T_Info_Btn_Ico div {width: auto; float: left; margin-left: 5px; position:relative; border-radius: 40px; border: 1px #DEDEDE solid;}
.CP_Info_T_Info_Btn_Ico div:first-child {margin-left: 0px;}
.CP_Info_T_Info_Btn_Ico div i {width: 40px; height: 40px; line-height: 38px; float: left; cursor: pointer; border-radius: 40px; font-size: 20px;}
.CP_Info_T_Info_Btn_Ico div img {width: 40px; height: 40px; float: left; cursor: pointer; border-radius: 40px;}
.CP_Info_T_Info_Btn_Ico div:hover {border-color: var(--yiq-color-active); background-color: var(--yiq-color-active);}
.CP_Info_T_Info_Btn_Ico div:hover img {filter: brightness(0) invert(1);}
.CP_Info_T_Info_Btn_Ico div:hover i {border-color: var(--yiq-color-active); background-color: var(--yiq-color-active);}
.CP_Info_T_Info_Btn_Ico div:hover i {color: var(--yiq-color-active); color: #FFF;}
.CP_Info_T_Info_Btn_Ico div span {width: 300px; position: absolute; right: 0px; top: calc(100% + 10px); background-color: var(--yiq-color-active); color: #FFF; border-radius: 10px; padding: 15px; text-align: left; font-size: 13px; display: none;}
.CP_Info_T_Info_Btn_Ico div span::before {content: ""; width: 10px; height: 10px; background-color: var(--yiq-color-active); position: absolute; right: 15px; top: -5px; transform: rotate(45deg);}
.CP_Info_T_Info_Btn_Ico div:hover span {display: inline;}
.CP_Info_B {width: 100%; height: auto; float: left; overflow: hidden; text-align: left; background-color: #fff;}
.CP_Info_B_C {width: 100%; height: auto; float: left; overflow: hidden; text-align: left; padding: 5% 0px;}
.CP_Info_B_C img {max-width: 100%; height: auto;}
.CP_Info_B_C.table {overflow: auto; overflow-x: auto; padding: 5% 0px;}
.CP_Info_B_C.table table {margin: 0px auto; max-width: none;}
.CP_Info_B_C.table table tr td {vertical-align: middle !important;}
.CP_Info_B_C a {color: var(--yiq-color-main); text-decoration: underline; font-size: unset;}
.CP_Info_B_C a:hover {color: var(--yiq-color-active); font-size: unset;}
.CP_Info_B_C iframe {width: 1000px; height: 667px;}

.R_JD {width: 15px; position: fixed; right: 5px; top: 505px; background-image: url("images/d.webp"); background-repeat: repeat-y; background-position: center top; z-index: 99;}
.R_JD li {width: 15px; height: 15px; float: left; background-color: var(--yiq-color-main); border-radius: 10px; position: relative; cursor: pointer;}
.R_JD li:nth-child(2) {margin: 50px 0px;}
.R_JD li div {width: auto; height: 25px; line-height: 25px; padding: 0px 10px; border-radius: 5px; background-color: var(--yiq-color-main); color: #FFF; position: absolute; right: calc(100% + 7px); top: -5px; display: none;}
.R_JD li div span {width: 100%; height: 100%; float: left; position: relative; font-size: 12px; white-space: nowrap;}
.R_JD li div span::before {content: ""; position: absolute; left: calc(100% + 3px); top: 7px; width: 10px; height: 10px; transform: rotate(45deg); background-color: var(--yiq-color-main);}
.R_JD li:hover,.R_JD li:hover div,.R_JD li:hover div span::before,
.R_JD li.current,.R_JD li.current div,.R_JD li.current div span::before
{background-color: var(--yiq-color-active);}
.R_JD li.current div {display: inline;}
.R_JD li:hover div {display: inline;}

.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: 9999;}
.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);}*/

/*历程*/
.LiCheng_BG {width: 100%; height: auto; float: left; overflow: hidden; background-color: #FFF; padding: 8% 0px;}
.LiCheng_Logo {width: 100%; height: auto; float: left;}
.LiCheng_Logo div {width: 120px; height: 120px; margin: 0px auto; display: inline-block; background-color: #F5F5F5; border-radius: 80px; align-items: center; display: flex; padding: 10px; margin-top: 3%;}
.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 dd {width: auto; height: auto; margin: 0px auto; display: inline-block;}
.LiCheng_C ul li dd div {width: 500px; height: 1px; float: left;}
.LiCheng_C ul li dd div img {width: 100%; height: auto; border-radius: 20px; transition: all .2s ease-in-out;}
.LiCheng_C ul li dd 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 dd span {width: 500px; height: auto; float: right; overflow: hidden; text-align: left; background-color: #EEE; padding: 20px; border-radius: 10px; transition: all .2s ease-in-out;}
.LiCheng_C ul li dd span img {width: 100px; height: 100px; float: left; border-radius: 5px;}
.LiCheng_C ul li dd span b {width: calc(100% - 100px); height: 25px; line-height: 25px; float: left; color: #999; font-weight: normal; padding-left: 20px;}
.LiCheng_C ul li dd span font {width: calc(100% - 100px); height: auto; line-height: 25px; float: left; font-size: 14px; color: #333; margin-top: 10px; padding-left: 20px;}
.LiCheng_C ul li:nth-child(even) dd div {float: right;}
.LiCheng_C ul li:nth-child(even) dd span {float: left;}
.LiCheng_C ul li:hover dd i {background-color: var(--yiq-color-main);}
.LiCheng_C ul li:hover dd span {background-color: var(--yiq-color-main); box-shadow: 5px 5px 10px rgba(0,0,0,0.5);}
.LiCheng_C ul li:hover dd span b {color: #FFF; color: rgba(255,255,255,0.8);}
.LiCheng_C ul li:hover dd span font {color: #FFF;}
.LiCheng_C ul li dd div img:hover {transform:scale(1.1);}

/*合作伙伴*/
.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: #FFF; border-radius: 30px; margin-top: 8%;}
.Contact_L {width: 76%; 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 {font-size: 13px; line-height: 20px;}
.Contact_L_B_WeChat {width: 100px; height: 100px; float: left; position: relative;}
.Contact_L_B_WeChat img {width: 100%; height: 100%; float: left;}
.Contact_L_B_WeChat div {width: 100%; height: auto; position: absolute; left: 0px; top: 100%;}
.Contact_R {width: 24%; 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:nth-child(2) {color: var(--yiq-color-main); font-weight: bold; margin: 5% 0px;}
.Contact_R_K div:nth-child(3) a {margin: 0px auto; display: inline-block; float: none;}
.Contact_Map {width: 100%; float: left; margin-top: 5%;}
.Contact_Map iframe {width: 100%; height: 600px; border-radius: 30px; border: none;}

/*资源列表*/
.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;}

/*资源详细页*/
.CSS_C_News {max-width: 1200px;}
.News_Info {width: 100%; height: auto; float: left; background-color: #FFF; padding: 5%; 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;}
.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 {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 5%;}
.News_Info_LR div {width: 50%; height: auto; float: left; overflow: hidden; text-align: left; color: #666; font-size: 12px;}
.News_Info_LR div i {font-size: 12px;}
.News_Info_LR div:last-child {text-align: right;}
.News_Info_LR div a {color: var(--yiq-color-active);}
.News_Info_LR div a:hover {color: var(--yiq-color-main);}
.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;}
.News_Share {width: 40px; height: auto; position: absolute; left: calc(100% + 1px); top: 0px; background-color: #FFF;}
.News_Share div {width: 100%; height: auto; float: left;}
.News_Share div i {width: 100%; height: 40px; line-height: 40px; float: left; font-size: 20px; cursor: pointer;}
.News_Share div i:hover {background-color: var(--yiq-color-main); color: #FFF;}

/*内页顶部图片*/
.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;}
.AD_K h2 {width: auto; color: #FFF; text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}

/*内页标题栏*/
.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:5% 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:auto; height:30px; line-height:30px; float:left; overflow:hidden; background-color:#FFF; 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;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
box-shadow: 0px 0px 5px #CCC;
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.R_Page_C A:hover,.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: 24px;}

/*文章标题栏*/
.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 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:5px 0px;}
.Feedback_L div input {width:100%; height:35px; line-height:35px; padding:0px 10px; border: 1px #DEDEDE solid; background-color:#FFF; border-radius: 5px;}
.Feedback_R {width:100%; height:auto; float:right; overflow:hidden; margin-top:10px;}
.Feedback_R textarea {width:100%; height:100px; border: 1px #DEDEDE solid; background-color:#FFF; 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; top: 110px; 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; border-bottom: 1px rgba(255,255,255,0.5) solid; position: relative; 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: #000; 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-main);}
.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-main);}
.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;}

@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){
	.Menu div {padding: 0px 2%;}
}

@media(max-width:1500px){
	.Menu div {padding: 0px 1%;}
	.Bottom_C,.Di_C {padding: 0px 1%;}
}

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

@media(max-width:1199px){
	.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_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;}
	.T_Other {margin: 0px auto; width: 200px; height: 80px;}
	.CSS_Top_C {width: 100%; height: 0px; overflow: hidden; background-color: var(--yiq-color-main); text-align: center; padding: 0px 10px;}
	.KeHu div {width: 24%;}
	.AD img[yiq='mobile'] {display: inline;}
	.AD img[yiq='pc'] {display: none;}
	.CSS_Body {padding: 0px;}
	.CSS_C {padding: 0px 10px;}
	.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;}
	.Menu div,.Menu.pj div {width: 100%; height: auto;}
	.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: 14px;}
	.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:hover ul {display: none; float: left; position: inherit; border-top: none; padding: 0px;}
	.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;}
	.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;}
	.M_Menu {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_Title2 {font-size: 32px; line-height: 35px;}
	.Font_Size_Title3 {font-size: 38px; line-height: 40px;}
	.Bottom_Menu {display: none;}
	.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;}
	.News_Share {width: auto; float: right; position: relative; left: inherit; top: inherit;}
	.News_Share div {width: 40px;}
	
	.CP_MuLu_K {width: 31.33%;}
	.Feedback_C {background-image: url("");}
	.Feedback {width: 100%; left: 0px;}
	.Search ul {width: 206px; left: 0px; top: 100%;}
	.Search ul li {width: 200px; height: 0px;}
	.Search:hover ul li {width: 200px; height: 28px;}
	.Sub_Menu {display: inline;}
	.Page_Title {display: none;}
}

@media(max-width:1003px){
	.body,a {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: 18px; line-height: 25px;}
	.Font_Size_Title2 {font-size: 28px; line-height: 32px;}
	.Font_Size_Title3 {font-size: 30px; line-height: 35px;}
	.Fu_R {display: none;}
	.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;}
	.YouShi li {width: 50%; height: 300px;}
	.YouShi li.current {width: 50%;}
	.YouShi li div span {display:inline; padding: 10%;}
	.YouShi li div span dd b {padding-bottom: 2%; margin-bottom: 2%;}
	.YouShi li div span dd b::before {width: 50px; left: calc(50% - 25px);}
	.YouShi li div span dd font {transform: translate(0px,0px) scaleY(1); opacity: 1;}
	.H_SheBei_List_K {width: 48%;}
	.H_YY_L {width: 100%; margin-bottom: 3%; display: inline;}
	.H_YY_L_Box div {width: 16.6%;}
	.H_YY_Box {width: 100%;}
	.H_YY_I {display: none;}
	.H_YY_R {width: 100%; height: auto; padding: 0px 5%;}
	.LiCheng_C ul li div em,.LiCheng_C ul li div span {width: 400px;}
	.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%;}
	
	.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;}
	.H_SheBei_List_K_Img::before,.H_SheBei_List_K_Img i {display: none;}
	.H_SheBei_List_K_Img span {width: 30px; height: 30px;}
	.CP_Info_T_Info_Btn_Ico {width: 100%; margin-top: 5%; position: relative;}
	.CP_Info_T_Info_Btn_Ico div {position:static;}
	.CP_Info_T_Info_Btn_Ico div span {width: 300px; left: 0px; top: 110%;}
	.CP_Info_T_Info_Btn_Ico div span::before {display: none;}

	.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;}
	.M_Menu span:nth-child(1) {border-top-width: 2px;}
	.M_Menu span:nth-child(2) {border-top-width: 2px;}
	
	.CP_Info_B_C iframe {width: 700px; height: 467px;}
}

@media(max-width:749px){
	.CSS_Logo {width: 220px;}
	.CSS_Logo div {width: 50px;}
	.CSS_Logo span {padding-left: 10px; width: calc(100% - 50px);}
	.CSS_Logo span label font {font-size: 14px;}
	.CSS_Logo span label p {display: none;}
	.T_Other {width: 150px;}
	.AD_K div span {display: none;}
	.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;}
	.H_YY_L_Box div {width: 25%;}
	.H_YY_I {display: none;}
	.H_YY_R {width: 100%; height: auto; padding: 0px 5%;}
	.KeHu div {width: 32.33%;}
	.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;}
	.R_JD {top: 270px;}
	
	.Bottom_Contact {width: calc(100% - 90px);}
	.Bottom_Qrcode {display: none;}
	
	.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_Img {width: 100%;}
	.CP_Info_T_Info {width: 100%;}

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

@media(max-width:479px){
	.CSS_Top_Line {position: relative;}
	.CSS_Top {background-color: #FFF;}
	.Font_Size_Title2 {font-size: 20px; line-height: 26px;}
	.GSJJ_L {display: none;}
	.GSJJ_Number ul li div b {line-height: 6vw; font-size: 6vw;}
	.YouShi li {width: 100%; height: 300px;}
	.YouShi li.current {width: 100%;}
	.YouShi li div {height: auto; top: auto; bottom: 0px; text-align: left;}
	.YouShi li div span {padding: 5%;}
	.YouShi li div span dd {padding: 0px;}
	.YouShi li div span dd b {padding-bottom: 0px; margin-bottom: 0px;}
	.YouShi li div span dd b::before {width: 0px; left: 0px;}
	.YouShi li.current div span dd b::before {width: 50px; left: 0px;}
	.YouShi li div span dd font {transform: scaleY(0); opacity: 0; height: 0px; overflow: hidden;}
	.YouShi li.current div span dd font {transform: scaleY(1); opacity: 1; height: 30px;}
	.H_SheBei_List_K_Txt {padding: 5px; height: 50px;}
	.H_SheBei_List_K_Txt span a {height: 40px; line-height: 20px; text-align: center; text-align-last: center;}
	.H_SheBei_List_K_Txt span font {display: none; height: 40px; line-height: 20px;}
	.H_SheBei_List_K:hover .H_SheBei_List_K_Txt {height: 50px;}
	.KeHu div {width: 49%;}
	.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%;}
	.Contact_L_B_WeChat {display: none;}
	
	.Bottom_Logo {display: none;}
	.Bottom_Contact {width: 100%; padding: 0px;}
	.Bottom_DY_Form {width: 100%;}
	
	.CP_Info_B_C iframe {width: 300px; height: 200px;}
	
	.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: 10%;}
	.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){
	
}

/*字体图标库*/
@font-face {
  font-family: "yiqfont"; /* Project id 4133111 */
  src: url('//at.alicdn.com/t/c/font_4133111_c1a1a4uycrf.ttf?t=1749130314594') format('truetype');
}

.yiqfont {
  font-family: "yiqfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.yiq-vk:before {
  content: "\e6b5";
}

.yiq-pinterest:before {
  content: "\e6b4";
}

.yiq-tumblr:before {
  content: "\e6b3";
}

.yiq-gift:before {
  content: "\e6b2";
}

.yiq-config:before {
  content: "\e6b1";
}

.yiq-fire:before {
  content: "\e6b0";
}

.yiq-face_happy:before {
  content: "\e6ad";
}

.yiq-face_unhappy:before {
  content: "\e6ae";
}

.yiq-face:before {
  content: "\e6af";
}

.yiq-droplet:before {
  content: "\e6ac";
}

.yiq-grade:before {
  content: "\e6ab";
}

.yiq-oil:before {
  content: "\e6a9";
}

.yiq-database:before {
  content: "\e6aa";
}

.yiq-fly:before {
  content: "\e6a8";
}

.yiq-cursor:before {
  content: "\e6a7";
}

.yiq-cloud_up:before {
  content: "\e6a4";
}

.yiq-cloud:before {
  content: "\e6a5";
}

.yiq-cloud_down:before {
  content: "\e6a6";
}

.yiq-chat:before {
  content: "\e6a3";
}

.yiq-camera:before {
  content: "\e6a2";
}

.yiq-moon:before {
  content: "\e6a1";
}

.yiq-sun:before {
  content: "\e6a0";
}

.yiq-briefcase:before {
  content: "\e69f";
}

.yiq-book_open:before {
  content: "\e69e";
}

.yiq-bell:before {
  content: "\e69d";
}

.yiq-bar_chart:before {
  content: "\e69c";
}

.yiq-waggon:before {
  content: "\e69b";
}

.yiq-car:before {
  content: "\e69a";
}

.yiq-balloon:before {
  content: "\e698";
}

.yiq-balloon_heart:before {
  content: "\e699";
}

.yiq-cart:before {
  content: "\e697";
}

.yiq-shopping_bag_ok:before {
  content: "\e696";
}

.yiq-shopping_bag:before {
  content: "\e695";
}

.yiq-walk:before {
  content: "\e694";
}

.yiq-run:before {
  content: "\e693";
}

.yiq-air:before {
  content: "\e692";
}

.yiq-certificate:before {
  content: "\e691";
}

.yiq-trophy:before {
  content: "\e690";
}

.yiq-alipay:before {
  content: "\e68f";
}

.yiq-wechatpay:before {
  content: "\e68e";
}

.yiq-weibo:before {
  content: "\e68d";
}

.yiq-qq_zone:before {
  content: "\e68c";
}

.yiq-tiktok:before {
  content: "\e68b";
}

.yiq-instagram:before {
  content: "\e68a";
}

.yiq-linkedin:before {
  content: "\e689";
}

.yiq-youtube:before {
  content: "\e688";
}

.yiq-google:before {
  content: "\e687";
}

.yiq-twitter:before {
  content: "\e686";
}

.yiq-whatsapp:before {
  content: "\e685";
}

.yiq-service:before {
  content: "\e684";
}

.yiq-arrow_top_d:before {
  content: "\e680";
}

.yiq-arrow_down_d:before {
  content: "\e681";
}

.yiq-arrow_left_d:before {
  content: "\e682";
}

.yiq-arrow_right_d:before {
  content: "\e683";
}

.yiq-search:before {
  content: "\e67f";
}

.yiq-wechat_full:before {
  content: "\e671";
}

.yiq-wifi:before {
  content: "\e673";
}

.yiq-horn:before {
  content: "\e679";
}

.yiq-diamond:before {
  content: "\e67d";
}

.yiq-raise:before {
  content: "\e67e";
}

.yiq-position:before {
  content: "\e67a";
}

.yiq-email:before {
  content: "\e67b";
}

.yiq-tel:before {
  content: "\e67c";
}

.yiq-warning_full:before {
  content: "\e674";
}

.yiq-tag:before {
  content: "\e675";
}

.yiq-tag_full:before {
  content: "\e676";
}

.yiq-facebook_full:before {
  content: "\e677";
}

.yiq-facebook:before {
  content: "\e678";
}

.yiq-yes:before {
  content: "\e63c";
}

.yiq-boy:before {
  content: "\e63d";
}

.yiq-image:before {
  content: "\e63e";
}

.yiq-share:before {
  content: "\e63f";
}

.yiq-skype:before {
  content: "\e640";
}

.yiq-qq:before {
  content: "\e641";
}

.yiq-tv:before {
  content: "\e642";
}

.yiq-pad:before {
  content: "\e643";
}

.yiq-wechat_quan:before {
  content: "\e644";
}

.yiq-monitor:before {
  content: "\e645";
}

.yiq-delete:before {
  content: "\e646";
}

.yiq-user:before {
  content: "\e647";
}

.yiq-forward:before {
  content: "\e648";
}

.yiq-qrcode:before {
  content: "\e649";
}

.yiq-play_right_o:before {
  content: "\e64a";
}

.yiq-home:before {
  content: "\e64b";
}

.yiq-laptop:before {
  content: "\e64c";
}

.yiq-wechat:before {
  content: "\e64d";
}

.yiq-users:before {
  content: "\e64e";
}

.yiq-play_left_o:before {
  content: "\e64f";
}

.yiq-student:before {
  content: "\e650";
}

.yiq-arrow_top_o:before {
  content: "\e651";
}

.yiq-girl:before {
  content: "\e652";
}

.yiq-arrow_right:before {
  content: "\e653";
}

.yiq-good_no:before {
  content: "\e654";
}

.yiq-yiq:before {
  content: "\e655";
}

.yiq-mobile:before {
  content: "\e656";
}

.yiq-arrow_right_o:before {
  content: "\e657";
}

.yiq-heart_full:before {
  content: "\e658";
}

.yiq-arrow_left:before {
  content: "\e659";
}

.yiq-good:before {
  content: "\e65a";
}

.yiq-reduce:before {
  content: "\e65b";
}

.yiq-arrow_down:before {
  content: "\e65c";
}

.yiq-yiq_color:before {
  content: "\e65d";
}

.yiq-arrow_down_o:before {
  content: "\e65e";
}

.yiq-arrow_left_o:before {
  content: "\e65f";
}

.yiq-arrow_top:before {
  content: "\e660";
}

.yiq-close_o:before {
  content: "\e661";
}

.yiq-reduce_o:before {
  content: "\e662";
}

.yiq-upload:before {
  content: "\e663";
}

.yiq-add:before {
  content: "\e664";
}

.yiq-eye:before {
  content: "\e665";
}

.yiq-heart:before {
  content: "\e666";
}

.yiq-download:before {
  content: "\e667";
}

.yiq-add_o:before {
  content: "\e668";
}

.yiq-close:before {
  content: "\e669";
}

.yiq-eye_close:before {
  content: "\e66a";
}

.yiq-earth:before {
  content: "\e66b";
}

.yiq-line_arrow_up:before {
  content: "\e66c";
}

.yiq-line_arrow_down:before {
  content: "\e66d";
}

.yiq-warning:before {
  content: "\e66e";
}

.yiq-clock:before {
  content: "\e66f";
}

.yiq-watch:before {
  content: "\e670";
}

.yiq-horn_close:before {
  content: "\e672";
}