@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","Inter","PingFang SC","Arial";} :root{ --yiq-color-main:#201c18; --yiq-color-main-active:#000000; --yiq-color-active:#dd261e; --yiq-color-active-hover:#c91c14; --yiq-color-active-hover-50:#FF8D0055; --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 {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;} /*加载框*/ .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; 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: 99999999999999;} .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:#FFF; font-family:"PingFang SC","Inter",'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;} /*flex居中样式*/ .zhong {display: flex; align-items: center; justify-content: center;} /*按钮样式*/ .myBtn {width: auto; height: 40px; line-height: 40px; padding: 0px 20px; background-color: var(--yiq-color-main); border-radius: 50px; color: #FFF; display: inline-block; text-align: center; cursor: pointer; user-select: none;} .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: #DEDEDE; border: 1px #DEDEDE 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;} /*背景*/ .Body_Hui {background-color: #F5F5F5;} /*面包屑导航--新*/ .daoHang_C {width: 100%; height: auto; float: left; position: relative; margin-top: 2%;} .daoHang {width: auto; float: left; right: 0px; bottom: 20px; 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; font-size: 14px;} /*导航栏分享*/ .daoShare {width: auto; float: right;} .daoShare div {width: auto; height: 30px; line-height: 30px; float: left; font-size: 12px; color: #999;} .daoShare ul {width: auto; float: left; margin-top: 3px;} .daoShare li {width: auto; float: left; margin-left: 5px;} .daoShare li i {width: 25px; height: 25px; line-height: 25px; float: left; cursor: pointer; font-size: 18px; border: 1px var(--yiq-color-main) solid; border-radius: 30px;} .daoShare li i:hover {border-color: var(--yiq-color-active); background-color: var(--yiq-color-active); color: #FFF;} /*网页整体框架*/ .CSS_Body {width:100%; height:auto; float: left; padding: 0px; margin: 0px;} .CSS_C {width: 100%; max-width: 1800px; height: auto; margin: 0px auto; display:inline-block;} .CSS_C.middle {max-width: 1600px;} .CSS_C.middler {max-width: 1450px;} /*顶部*/ .CSS_Top_Box {width: 100%; float: left; border-bottom: 1px #DEDEDE solid;} .CSS_Top_Msg {width: 100%; float: left; padding: 10px 0px; background-color: var(--yiq-color-main);} .CSS_Top_Msg a {color: rgba(255,255,255,1);} .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; color: #FFF; 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;} .CSS_Top_Msg_R div {display: flex;} .CSS_Top_Msg_R div A {width: auto; line-height: 25px; float: left; overflow: hidden; padding-right: 15px;} .CSS_Top_Msg_R div A::after {content: "|"; margin-left: 15px;} .CSS_Top_Msg_R div A:last-child {padding-right: 0px;} .CSS_Top_Msg_R div A:last-child::after {display: none;} .CSS_Top_Msg_R span {width: 15px; height: 15px; position: relative; cursor: pointer; margin-top: 5px; display: none;} .CSS_Top_Msg_R span::before,.CSS_Top_Msg_R span::after {content: ""; width: 100%; height: 0px; position: absolute; left: 0px; border-top: 1px #FFF solid; padding: 0px; margin: 0px; transition: all .2s ease-in-out;} .CSS_Top_Msg_R span::before {top: 30%;} .CSS_Top_Msg_R span::after {top: 70%;} /*.CSS_Top_Msg_R:hover span::before {transform: rotate(45deg); top: 50%;} .CSS_Top_Msg_R:hover span::after {transform: rotate(-45deg); top: 50%;}*/ .CSS_Top_Msg_R:hover div {display: flex;} .CSS_Top_Line_Box {width: 100%; height: 100px; float: left;} .CSS_Top_Line {width: 100%; height: auto; display: flex; left: 0px; top: 0px; z-index: 99999; transition: all .2s ease-in-out;} .CSS_Top_Line.down {background-color: rgba(255,255,255,0.8); backdrop-filter: blur(10px); position: fixed;} .CSS_Top {width:100%; height:auto; float: left; text-align: left;} .CSS_Logo {width:auto; height:100px; float:left; padding: 10px 0px 10px 10px; transition: all .2s ease-in-out; margin-right: 5%;} .CSS_Logo div {width: 80px; height: 100%; float: left; display: flex; align-items: center; justify-content: center;} .CSS_Logo div img {width:100%; height:auto;} .CSS_Top_C {width: calc(100% - 5% - 100px - 180px); height:auto; float:left; 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;} .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.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: #FFF; padding: 10px 0px; transform: scaleY(0); transform-origin :0% 6px; box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.1); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .Menu div:hover ul {display: inline; transform: scaleY(1);} .Menu div ul li {width: 100%; height: 30px; line-height: 30px; float: left; position: relative;} .Menu div ul li em {width: calc(100% - 16px); height: 30px; line-height: 30px; float: left; padding: 0px 10px; font-size: 14px; white-space: nowrap; font-style: normal; cursor: pointer;} .Menu div ul li A {width: calc(100% - 16px); height: 30px; line-height: 30px; float: left; padding: 0px 10px; font-size: 14px; white-space: nowrap;} .Menu div ul li A:hover {text-decoration: none;} .Menu div ul li A[yiq='noLink'] {cursor: default;} .Menu div ul li i {width: 16px; height: 30px; line-height: 30px; float: left; font-size: 12px;} .Menu div ul.big {width: 300px;} .Menu div ul li label {width: auto; position: absolute; left: 100%; top: calc(0px - 10px); background-color: #FFF; display: none; padding: 10px;} .Menu div ul li label font {width: 100%; float: left;} .MenuClose {width: 25px; height: 25px; position: absolute; right: 20px; top: 20px; cursor: pointer; display: none;} .MenuClose p {width: 25px; height: 0px; float: left; margin: 0px; padding: 0px; border-top: 1px var(--yiq-color-main) solid;} .MenuClose p:first-child {transform: rotate(45deg); margin-top: 50%;} .MenuClose p:last-child {transform: rotate(-45deg); margin-top: -1px;} .MenuClose:hover p {border-color: var(--yiq-color-active);} /*顶部菜单右侧图标功能*/ .CSS_Top_R {width: calc(100% - 82px - 50px); height: 100%; float: right;} .CSS_Top_R_Icos {width: auto; height: auto; float: right; margin-top: 40px;} .CSS_Top_R_Icos_Item {width: auto; height: 100%; float: left; margin-right: 20px; position: relative;} .CSS_Top_R_Icos_Item:last-child {margin-right: 0px;} .CSS_Top_R_Icos_Item: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: 170px;} .searchBG {display: flex; justify-content: center;} .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 input {border: none; background-color: transparent; flex: 1; padding: 0px 20px; 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;} .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;} /*新轮播*/ .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;} /*内页顶部图片*/ .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);} /*首页标题*/ .H_Title {width: 100%; height: auto; float: left; overflow: hidden; text-align: center; margin-top: 5%;} .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; text-transform: uppercase;} .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);} /*内页顶部标题*/ .N_Title {width: 100%; float: left; text-align: left;} .N_Title_L {width: auto; float: left; text-transform: uppercase;} .N_Title_R {width: auto; float: right;} /*产品排序*/ .productSort {width: auto; float: left;} .productSortCell:first-child {padding-right: 10px; font-size: 14px;} .productSortCell:nth-child(2) button {font-size: 14px;} /*动画左右箭头按钮*/ .LR_Btn {width: 50px; height: 50px; background-color: rgba(0,0,0,0.2); color: #FFF; border-radius: 50px; transition: all .2s ease-in-out;} .LR_Btn::after {font-size: 14px;} .LR_Btn:hover {background-color: rgba(0,0,0,0.5);} /*首页产品分类*/ .H_CP_Style {width: 100%; float: left; margin-top: 3%;} .H_CP_Style ul {width: 100%; float: left;} .H_CP_Style ul li {width: 100%; float: left;} .H_CP_Style_Item {width: 100%; float: left; position: relative; background-color: #F5F5F5; border-radius: 20px;} .H_CP_Style_Item img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; transition: all .2s ease-in-out;} .H_CP_Style_Item:hover img {transform: scale(1.1);} .H_CP_Style_Item div {width: 100%; height: auto; position: absolute; left: 0px; bottom: 20px; text-align: center;} .H_CP_Style .LR_Btn {display: none;} /*首页中间广告*/ .H_AD_Middle {width: 100%; float: left; position: relative; margin-top: 5%;} .H_AD_Middle img {width: 100%; height: auto;} .H_AD_Middle img[yiq='pc'] {display: inline;} .H_AD_Middle img[yiq='mobile'] {display: none;} .H_AD_Middle div {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; color: #FFF;} .H_AD_Middle div span {width: 100%; float: left;} .H_AD_Middle div span font {width: 100%; float: left; margin-top: 3%;} .H_AD_Middle div span font:first-child {margin-top: 0px;} /*首页产品*/ .H_CP_BoxPage {width: 100%; height: auto; float: left;} .H_CP_BoxPage .H_CP_Box:first-child {display: inline;} .H_CP_Box {width: 100%; float: left; margin-top: 4%;} .H_CP_Box.qiehuan {display: none;}/*用于首页选项卡切换*/ .H_CP_Box.nei {margin-top: 0px;} .H_CP_Box.nei .H_CP_K {margin: 0px 2.66% 2.66% 0px;} .H_CP_Box.nei .H_CP_K:nth-child(4n) {margin-right: 0px;} .H_CP_Page {width: 100%; float: left; margin-top: 3%;} .H_CP_Page div {width: auto; margin: 0px auto; display: inline-block;} .H_CP_Page div span {margin: 5px; cursor: pointer;} .H_CP {width: 100%; height: auto; float: left; padding: 1% 0px;} .H_CP_K {width: 23%; height: auto; float: left; overflow: hidden; position: relative; background-color: #FFF; border-radius: 20px; box-shadow:0px 0px 8px rgba(0,0,0,0.1); transition: all .2s ease-in-out; border: 1px #E2E2E2 solid;} .H_CP_K:hover {box-shadow:0px 0px 8px rgba(0,0,0,0.3);} .H_CP_K_Img {width: 100%; height: auto; float: left; overflow: hidden; position: relative; background-color: #FFF;} .H_CP_K_Img img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 0;} .H_CP_K_Img_AddToCart {width: 100%; position: absolute; left: 0px; bottom: -40px; z-index: 1; transition: all .2s ease-in-out; opacity: 0; cursor: pointer;} .H_CP_K_Img_AddToCart div {padding: 0px 10%;} .H_CP_K:hover .H_CP_K_Img .H_CP_K_Img_AddToCart {bottom: 20px; opacity: 1;} .H_CP_K_Bottom {width: 100%; height: auto; float: left; background-color: #F5F5F5; padding: 20px;} .H_CP_K_Title {width: calc(100% - 70px); height: 40px; line-height: 20px; float: left; overflow: hidden; text-align: left;} .H_CP_K_Title a:hover {text-decoration: none;} .H_CP_K_Jia {width: 70px; height: 36px; float: left; overflow: hidden;} .H_CP_K_Jia div {width: 100%; height: 20px; line-height: 20px; float: left; overflow: hidden; color: var(--yiq-color-active); font-size: 16px; text-align: right; font-weight: bold;} .H_CP_K_Jia span {width: auto; height: 20px; line-height: 20px; float: right; color: #999; position: relative; padding: 0px 5px; font-size: 14px;} .H_CP_K_Jia span::after {content: ""; width: 100%; height: 0px; border-top: 1px var(--yiq-color-active) solid; transform: rotate(-8deg); position: absolute; left: 0px; top: 50%;} .H_CP_Save {width: 55px; height: 54px; position: absolute; right: 20px; top: 0px; background-image: url("images/save.webp"); background-size: 100% 100%; color: #FFF; z-index: 2;} .H_CP_Save span {width: 100%; height: 15px; line-height: 15px; float: left; overflow: hidden; font-size: 12px; margin-top: 5px;} .H_CP_Save div {width: 100%; height: 15px; line-height: 15px; float: left; overflow: hidden; font-size: 12px;} .H_CP_Save div b {font-size: 14px;} .H_CP_Favorites {width: auto; position: absolute; left: 20px; top: 20px;} .H_CP_Favorites i {float: left;} .H_CP_Favorites i.current {color: var(--yiq-color-active); cursor: pointer;} .H_CP_Favorites:hover i {transform: scale(1.5);} .H_CP_Attr {width: 100%; float: left; margin-top: 5%;} .H_CP_Attr_Color {width: 100%; height: 20px; float: left;} .H_CP_Attr_Color div {width: 15px; height: 15px; float: left; border-radius: 20px; background-color: #FFF; margin-left: 5px; cursor: pointer; border: 1px #F5F5F5 solid; margin-top: 5px;} .H_CP_Attr_Color div:first-child {margin-left: 0px; transition: all .2s ease-in-out;} .H_CP_Attr_Color div.current {box-shadow:0px 0px 8px rgba(0,0,0,0.5); border: 1px #FFF solid; transform: scale(1.2);} .H_CP_Attr_Other {width: 100%; float: left;} .H_CP_Attr_Other select {width: 100%; height: 30px; line-height: 30px; float: left; border-radius: 5px; border: 1px #DEDEDE solid;} .H_CP_Attr_ColorAndOther .H_CP_Attr_Color {width: 50%;} .H_CP_Attr_ColorAndOther .H_CP_Attr_Other {width: 50%;} /*页面内容区*/ .pageContent {width: 100%; float: left; margin-top: 3%;} /*列表页购物车*/ .nCart {width: 100%; float: left; margin-top: 3%;} .nCartL {width: calc(100% - 400px - 200px); float: left;} .nCartL .cartMiniList {padding: 0px;} .nCartL .cartMiniList ul {padding-bottom: 2%;} .nCartL .cartMiniList ul li {margin-top: 2%; padding-top: 4%;} .nCartR {width: 400px; float: right;} .nCartRBox {width: 100%; float: left; padding: 10%; background-color: #F5F5F5; border-radius: 20px;} .nCartRBox_Login {width: 100%; float: left; text-align: left;} .nCartRBox_Login a {text-decoration: underline;} .nCartRBox_Form {width: 100%; float: left;} .nCartRBox_Attr {width: 100%; float: left;} .nCartRBox_Attr div {width: 70%; height: 25px; line-height: 25px; float: left; text-align: left; font-size: 13px;} .nCartRBox_Attr div:nth-child(2n) {width: 30%; text-align: right;} .nCartRBox_Attr div font {color: #999;} .nCartRBox_Total {width: 100%; float: left;} .nCartRBox_Total span {width: auto; float: left; font-weight: bold;} .nCartRBox_Total div {width: auto; float: right; font-weight: bold; color: var(--yiq-color-active);} .nCartRBox_Btn {width: 100%; float: left;} .cartMini {overflow: hidden; border-top-left-radius: 20px; border-bottom-left-radius: 20px; z-index: 999999999;} .cartMini.offcanvas.offcanvas-end {width: 600px; max-width: 100%;} .cartMini .offcanvas-body {position: relative;} .cartMiniTishi {width: 100%; float: left; padding: 0px 5%;} .cartMiniList {width: 100%; height: auto; float: left; padding: 0px 5%;} .cartMiniList ul {width: 100%; height: auto; float: left; border-bottom: 1px #E5E5E5 dashed; padding-bottom: 5%;} .cartMiniList ul li {width: 100%; height: 100px; float: left; display: flex; align-items: center; align-content: center; margin-top: 2%; margin: 2% 0px; border-top: 1px #E5E5E5 dashed; margin-top: 10%; padding-top: 13%;} .cartMiniList ul li:first-child {margin-top: 0px;} .cartMiniListImg {width: 100px; background-color: #FFF; border-radius: 10px; overflow: hidden;} .cartMiniListImg img {width: 100%; height: 100%; float: left;} .cartMiniListAttr {width: calc(100% - 100px - 100px); text-align: left; padding: 0px 5% 0px 10px;} .cartMiniListAttrTitle {width: 100%; max-height: 40px; line-height: 20px; float: left; font-weight: bold; font-size: 16px; overflow: hidden;} .cartMiniListAttrAttr {width: 100%; height: 20px; line-height: 20px; float: left; color: #999; font-size: 12px; overflow: hidden; margin: 1% 0px;} .cartMiniListAttrPrice {width: 100%; height: 20px; line-height: 20px; float: left; overflow: hidden;} .cartMiniListAttrPrice div {width: auto; height: 100%; float: left; color: var(--yiq-color-active); font-size: 16px; font-weight: bold;} .cartMiniListAttrPrice span {width: auto; height: 100%; float: left; color: #999; font-size: 14px; position: relative; margin-left: 10px; padding: 0px 5px;} .cartMiniListAttrPrice span::after {content: ""; width: 100%; height: 0px; border-top: 1px var(--yiq-color-active) solid; transform: rotate(-8deg); position: absolute; left: 0px; top: 50%;} .cartMiniListAttrPrice font {color: green; float: left; font-size: 12px;} .cartMiniListAttrNumber {width: 100px;} .cartMiniListAttrRemove {width: 40px;} .cartMiniListAttrRemove i {font-size: 18px; cursor: pointer;} .cartMiniListAttrRemove i:hover {color: var(--yiq-color-active);} .cartMiniListAttrXiaoJi {width: 150px; font-size: 16px; font-weight: bold; color: var(--yiq-color-active); text-align: right;} .cartMiniBottom {width: 100%; float: left; left: 0px; bottom: 0px; background-color: #F5F5F5; padding: 10%;} .cartMiniBottomL {width: auto; float: left; text-align: left;} .cartMiniBottomL div {width: 100%; float: left;} .cartMiniBottomL div font {width: 100%; float: left; font-weight: bold;} .cartMiniBottomL div b {width: 100%; float: left; color: var(--yiq-color-active); font-size: 24px;} .cartMiniBottomR {width: auto; float: right; text-align: left;} .cartMiniBottomR a {margin-right: 10px;} .cartMiniBottomR a:last-child {margin-right: 0px;} /*首页产品广告*/ .H_AD_CP {width: 100%; float: left;} .H_AD_CP li {width: 100%; float: left; overflow: hidden; background-color: #F5F5F5; border-radius: 20px; margin-top: 5%; display: flex; align-items: center; align-content: center;} .H_AD_CP_Img {width: 65%; float: left; position: relative;} .H_AD_CP_Img img {width: 100%; height: auto;} .H_AD_CP_Img div {width: 50px; height: 50px; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px); background-color: rgba(0,0,0,0.5); border-radius: 30px; text-align: center; transition: all .2s ease-in-out; cursor: pointer;} .H_AD_CP_Img div:hover {background-color: var(--yiq-color-active);} .H_AD_CP_Img div i {line-height: 48px; font-size: 24px; color: #FFF; margin: 0px auto; display: inline-block;} .H_AD_CP_Txt {width: 35%; float: right; padding: 5%; text-align: left;} .H_AD_CP_Txt b {width: 100%; float: left;} .H_AD_CP_Txt div {width: 100%; float: left; margin-top: 5%;} .H_AD_CP_Txt a {margin-top: 5%;} .H_AD_CP li:nth-child(2n) .H_AD_CP_Img {order: 2;} .H_AD_CP li:nth-child(2n) .H_AD_CP_Txt {order: 1;} /*首页优势*/ .YouShi_Title {width: 100%; float: left; background-color: var(--yiq-color-main); padding-bottom: 3%; margin-top: 5%;} .YouShi {width: 100%; float: left;} .YouShi li {width: 20%; height: 500px; 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;} /*首页客户评价*/ .H_Reviews {width: 100%; float: left; margin-top: 3%;} .H_Reviews li {width: 23%; float: left; background-color: #F5F5F5; border-radius: 10px; padding: 2%; text-align: left; margin-right: 2.4%;} .H_Reviews li:last-child {margin-right: 0px;} .H_Reviews_Star {width: 100%; float: left; color: var(--yiq-color-active); font-size: 18px;} .H_Reviews_Text {width: 100%; height: 80px; line-height: 20px; float: left; margin-top: 3%; overflow: hidden;} .H_Reviews_User {width: 100%; float: left; margin-top: 3%;} .H_Reviews_User div {width: 80px; height: 80px; float: left; border-radius: 5px; overflow: hidden;} .H_Reviews_User div img {width: 100%; height: 100%;} .H_Reviews_User span {width: calc(100% - 80px); float: left; padding-left: 20px;} /*左右框架*/ .CSS_Left {width: 100%; float: left;} .CSS_Right {width: 380px; float: right;} /*公司简介*/ .GSJJ_C {width: 100%; height: auto; float: left; margin-top: 8%;} .GSJJ {width: 100%; height: auto; float: left; text-align: left; position: relative;} .GSJJ_L {width: 40%; height: auto; float: right; border-radius: 0px;} .GSJJ_L img {width:inherit; height: auto; border-radius: 10px; position: absolute; right: 0px; bottom: 0px; visibility: hidden;} .GSJJ_R {width: calc(100% - 40% - 100px); height: auto; float: left;} .GSJJ_R_B {width: 100%; float: left; margin-top: 5%;} .GSJJ_Number {width: 100%; height: auto; float: left; background-color: #F5F5F5; margin-top: 2%; border-radius: 10px; padding: 3%;} .GSJJ_Number ul {width: 50%; float: left;} .GSJJ_Number ul li {width: 33.33%; float: left;} .GSJJ_Number ul li div {width: 100%; float: left;} .GSJJ_Number ul li div b {width: auto; float: left; position: relative; line-height: 2.5vw; font-size: 2.5vw; font-family: "yiq_en"; color: var(--yiq-color-active);} .GSJJ_Number ul li div b::before {content: "+"; position: absolute; left: 100%; bottom: 60%; font-size: 14px;} .GSJJ_Number ul li span {width: 100%; float: left; margin-top: 5%;} /*隔P*/ .GImg {position: relative;} .GImg p {width: 100%; height: 0px; float: left; padding: 0px; margin: 0px; margin-top: 100%;} .GImg img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;} .GImg32 p {margin-top: 66.66%;} .GImg21 p {margin-top: 50%;} .GP {width: 100%; height: 0px; float: left; padding: 0px; margin: 0px; margin-top: 100%;} .GP32 {margin-top: 66.66%;} .GP75 {margin-top: 75%;} .GI {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;} /*图片放大*/ [yiq-act="Zoom_Img"] {cursor: zoom-in;} .Zoom_Img {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.8); display: none; align-items: center; justify-content: center; z-index: 999999999; cursor: zoom-out;} .Zoom_Img img {width: auto; height: auto; max-width: 100%; max-height: 100%;} /*首页新闻*/ .H_News_C {width: 100%; height: auto; float: left; overflow: hidden; background-color: #F8F8F8; padding-bottom: 5%; margin-top: 5%;} .News {width: 100%; float: left;} .News li {width: calc((100% - 8%) / 3); float: left; margin: 4% 4% 0px 0px; position: relative; padding-bottom: 80px;} .News li:nth-child(3n) {margin-right: 0px;} .News li div {width: 100%; height: auto; float: left; overflow: hidden; border-radius: 10px;} .News li div img {transition: all .5s ease;} .News li span {width: 90%; position: absolute; left: 5%; bottom: 0px; background-color: rgba(255,255,255,0.95); text-align: left; border-radius: 10px; padding: 5%;} .News li span a {width: 100%; height: 25px; line-height: 25px; float: left; overflow: hidden;} .News li span font {width: 100%; height: 50px; line-height: 25px; float: left; overflow: hidden; 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%;} /*帮助中心*/ .helpBG {width: 100%; float: left; background-color: #F5F5F5; margin-top: 5%; padding-bottom: 5%;} .helpBox {display: flex; flex-wrap: wrap; justify-content: space-between;} .help {display: flex; width: 48%; flex-direction: column;} .help li {width: 100%; background-color: #FFF; border-radius: 20px; padding: 20px; display: flex; flex-direction: column; cursor: pointer;} .help li div {display: flex; line-height: 30px;} .help li div p {width: 30px; height: 30px; background-color: #DEDEDE; border-radius: 30px; padding: 0px; margin: 0px; transition: all .2s ease-in-out;} .help li div font {height: 30px; flex: 1; text-align: left; padding-left: 10px; overflow: hidden;} .help li div i {width: 30px; transition: all .2s ease-in-out;} .help li span {padding-left: 40px; text-align: left; font-size: 13px; display: none;} /*.help li.current span {display: inline;}*/ .help li.current div p {background-color: var(--yiq-color-active); color: #FFF;} .help li.current div i {transform: rotate(180deg);} .help.cpPageClass {width: 100%;} /*底部*/ .Bottom_C {width:100%; height:auto; float:left; background-color: #2d2824; color: rgba(255,255,255,0.8); margin-top: 5%;} .Bottom_C.noMargin {margin-top: 0px;} .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 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.2); 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-active); cursor: pointer;} .Bottom_DY_Form span:hover {background-color: var(--yiq-color-active-hover);} .Bottom_RZ_Box {width: 50%; float: right;} .Bottom_RZ {width: auto; float: right;} .Bottom_RZ div {width: auto; height: 25px; 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;} /*框影子*/ .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;} /*用户中心*/ .userIco {width: 100%; float: left;} .userIco div {width: auto; margin: 0px auto; display: inline-block;} .userIco div i {width: 100px; height: 100px; line-height: 100px; float: left; border-radius: 100px; background-color: #F5F5F5; font-size: 80px;} .userIco span {width: 100%; float: left;} .userMenu {width: 100%; float: left;} .userMenu div {width: auto; margin: 0px auto; display: inline-block;} .userMenu div A {width: auto; height: 40px; line-height: 40px; float: left; padding: 0px 20px; border-radius: 40px; text-decoration: none; margin: 0px 10px;} .userMenu div A:link,.userMenu div A:visited,.userMenu div A:active {background-color: #F5F5F5;} .userMenu div A.current {background-color: var(--yiq-color-active); color: #FFF;} /*用户中心-订单*/ .orderListBG {width: 100%; float: left;} .orderList {display: flex; flex-direction: column; padding: 3%; background-color: #F5F5F5; border-radius: 80px; margin-top: 3%;} .orderListT {width: 100%; float: left;} .orderListTL {flex: 1; line-height: 30px;} .orderListTL div {width: auto; float: left; font-size: 16px;} .orderListTL span {width: auto; float: left; margin-left: 10px;} .orderListTL span u {text-decoration: none; font-weight: normal;} .orderListTL font {width: auto; float: left; margin-left: 10px; color: #999; font-size: 12px;} .orderListTR {width: auto; line-height: 30px;} .orderListTR div {width: auto; float: left; color: var(--yiq-color-active); font-weight: bold;} .orderListTR i {font-size: 24px; margin-left: 20px; float: left; cursor: pointer; transition: all .2s ease-in-out;} .orderListTR i:hover {color: var(--yiq-color-active);} .orderListTR i.current {transform: rotate(180deg);} .orderListB {width: 100%; float: left; display: none;} .orderListB .cartMiniList {padding: 0px;} .orderListB .cartMiniList ul {border-bottom: none; padding-bottom: 0px;} .orderListB .cartMiniList ul li {padding-top: 4%; margin-top: 2%;} .orderListB .cartMiniListAttrTitle {font-weight: normal;} .orderListNote {display: flex; float: left; font-size: 13px; margin-top: 10px;} .orderListNote div {flex: 1; color: #666; display: flex; align-items: center;} .orderListNote span {width: auto;} /*支付页*/ .orderPay {width: 100%; display: flex; align-items: center; justify-content: center; padding: 5% 0px;} .orderPayBox {width: 100%; max-width: 400px; display: flex; flex-direction: column; padding: 3% 3%; border-radius: 15px;} .orderPayBox div {text-align: left; margin-top: 10px; display: flex; justify-content: space-between; padding: 10px 0px;} .orderPayBox div:first-child {margin-top: 0px;} .orderPayBox div font b {font-size: 20px;} .orderPayBox div font:nth-child(2) {color: var(--yiq-color-active);} .orderPayBox div span {display: flex; align-items: center; justify-content: center;} .orderPayBox div span p {padding: 0px; margin: 0px;} .orderPayBox div span p:first-child {margin-right: 10px;} .orderPayBox div span p img {width: auto; height: 20px; filter: brightness(0) invert(1);} /*谢谢页*/ .thanks {width: 100%; display: flex; align-items: center; justify-content: center; padding: 5% 0px;} .thanksBox {width: 100%; max-width: 400px; display: flex; flex-direction: column; padding: 50px 20px; border-radius: 15px;} .thanksBox div {display: flex; align-items: center; justify-content: center;} .thanksBox div i {width: 60px; height: 60px; line-height: 60px; background-color: green; color: #FFF; font-size: 36px; border-radius: 60px;} .thanksBox div:nth-child(2) {margin: 20px 0px 50px 0px; color: green;} /*支付页*/ .pingjia {width: 100%; display: flex; align-items: center; justify-content: center; padding: 5% 0px;} .pingjiaBox {width: 100%; max-width: 400px; display: flex; flex-direction: column; padding: 3% 3%; border-radius: 15px;} .pingjiaBoxLine {text-align: left; margin-top: 10px; display: flex; padding: 10px 0px;} .pingjiaBoxLine:first-child {margin-top: 0px;} .pingjiaBoxLine_Star {color: var(--yiq-color-active); cursor: pointer;} .pingjiaBoxLine_Star i {font-size: 24px;} .pingjiaBoxLine_Btn {gap: 20px;} .pingjiaBoxLine_Btn span {display: flex; align-items: center; justify-content: center;} .pingjiaBoxLine_Btn a {text-decoration: none;} /*多图上传*/ .SL_Img_Duo {width: 100%; height: auto; float: left;} .SL_Img_Duo div {width: 40px; height: 40px; float: left; overflow: hidden; margin: 0px 10px 10px 0px; border: 1px #DEDEDE dashed; background-image: url("images/none.gif"); background-repeat: no-repeat; background-position: center center; position: relative;} .SL_Img_Duo div img {width: 100%; height: 100%; cursor: pointer;} .SL_Img_Duo div font {width: 100%; height: 20px; position: absolute; left: 0px; top: 0px;} .SL_Img_Duo div font dd {width: 50%; height:auto; float: left; overflow: hidden;} .SL_Img_Duo div font dd i {width: 20px; height: 20px; line-height: 20px; text-align: center; float: left; color: #000; font-size: 12px; cursor: pointer; background-color: #FFF; border-radius: 30px; display: none;} .SL_Img_Duo div font dd i:hover {color: #F00;} .SL_Img_Duo div font dd:nth-child(1) {width: 70%;} .SL_Img_Duo div font dd:nth-child(2) {width: 30%;} .SL_Img_Duo div font dd:nth-child(2) i {float: right;} .SL_Img_Duo div:hover {border-color: #ff901c;} .SL_Img_Duo div:hover i {display: inline;} .SL_Img_Duo div:first-child dd:first-child i:first-child {display: none;} .SL_Img_Duo div:nth-child(8) dd:first-child i:last-child {display: none;} .SL_Img_Duo span {width: 100%; height: auto; float: left; margin-top: 10px;} .SL_Img_Duo div p {width: auto; height: 20px; position: absolute; left: 0px; bottom: 0px; background-color: #FF8D00; border-top-right-radius: 5px; font-size: 12px; padding: 0px 5px; margin: 0px; color: #FFF; font-family: "Arial";} /*图片剪切*/ .UpImg_CC {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: #000; background-color: rgba(0,0,0,0.8); align-items: center; justify-content: center; z-index: 999999999; display: none;} .UpImg {width: 100%; max-width: 1200px; float: left; background-color: #FFF; padding: 3%;} .UpImg_L {width: calc(100% - 200px - 100px); height: 400px; float: left; background-color: #DEDEDE;} .UpImg_L div {width: 100%;height: 100%; float: left;} .UpImg_L div img {width: auto; max-width: 100%; height: auto; max-height: 100%;} .UpImg_R {width: 200px; height: auto; float: right; height: auto; overflow: hidden;} .UpImg_R div {width: 100%; height: auto; float: left; overflow: hidden; position:relative;} .UpImg_R div p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 100%;} .UpImg_R div font {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #DEDEDE;} .UpImg_R span {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 5%;} .ImgCut {width: 100%; height: auto; float: left; overflow: hidden; position: relative;} .ImgCut_Img {width: 100%; height: auto; float: left;} .ImgCut_Img img {width: auto; max-height: 300px;} /*用户中心-地址*/ .userAddress_Btn {width: 100%; float: left;} .userAddress {width: 100%; float: left;} .userAddress ul {display: flex; align-items: center; flex-direction: column;} .userAddress ul li {width: 100%; border-radius: 80px; background-color: #F5F5F5; padding: 2% 5%; display: flex; align-items: center; align-content: center; overflow: hidden; position: relative;} .userAddress ul li.current::before {content: "DEFAULT"; width: 300px; line-height: 30px; background-color: green; color: #FFF; position: absolute; right: 7%; top: calc(50% - 15px); transform: rotate(60deg);} .userAddressL {flex: 1; display: flex; flex-direction: column; text-align: left;} .userAddressL div {display: flex;} .userAddressL div span {margin-left: 20px;} .userAddressL div:last-child {font-size: 12px; color: #666;} .userAddressR {width: 60px; display: flex; align-content: center; flex-direction: column;} .userAddressR a {text-decoration: underline; line-height: 30px; text-align: center;} /*通用漂浮表单*/ .formFuBG {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 9999999999; display: none;} .formFuBox {width: 100%; max-width: 600px; background-color: #FFF; border-radius: 20px; padding: 3%; position: relative;} .formFuBoxClose {width: 20px; height: 20px; line-height: 16px; position: absolute; right: 10px; bottom: calc(100% + 10px); font-size: 25px; cursor: pointer; background-color: #FFF; border-radius: 20px;} .formFuBoxClose:hover {color: var(--yiq-color-active);} /*关于我们顶部*/ .aboutTop {display: flex; position: relative;} .aboutTop img {width: 100%; height: auto;} .aboutTop img[yiq='mobile'] {display: none;} .aboutTopTxt {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; align-items: center; align-content: center; justify-content: center; flex-direction: column;} .aboutTopTxt div {color: #FFF; margin: auto;} .aboutTopTxt div:nth-child(2) {max-width: 600px;} /*左图右文*/ .aboutImgAD {display: flex; flex-direction: column;} .aboutImgAD li {display: flex; justify-content: space-between; align-items: center; margin-top: 5%;} .aboutImgAD li div {display: flex; justify-content: center;} .aboutImgAD li div:nth-child(1) {width: 50%;} .aboutImgAD li div:nth-child(1) img {width: 100%; height: auto; border-radius: 20px;} .aboutImgAD li div:nth-child(2) {width: 40%; display: flex; align-items: center; flex-direction: column;} .aboutImgAD li div:nth-child(2) span {width: 100%; text-align: left;} .aboutImgAD li div:nth-child(2) span:first-child {font-weight: bold;} .aboutImgAD li:nth-child(even) div:nth-child(1) {order: 2;} .aboutImgAD li:nth-child(even) div:nth-child(2) {order: 1;} /*历程*/ .LiCheng_BG {width: 100%; height: auto; float: left; overflow: hidden;} .LiCheng_Logo {width: 100%; height: auto; float: left;} .LiCheng_Logo div {width: 100px; height: 100px; margin: 0px auto; display: inline-block; background-color: #FFF; border-radius: 80px; align-items: center; display: flex; padding: 10px; margin-top: 3%; border: 4px var(--yiq-color-active) solid; padding: 20px;} .LiCheng_Logo div img {width: 100%; height: auto;/* filter: brightness(0) invert(1);*/} .LiCheng_C {width: 100%; height: auto; min-height: 500px; float: left; position: relative; background-image: url("images/liucheng_line.jpg"); background-repeat: repeat-y; background-position: center top;} .LiCheng_C ul {width: 100%; height: auto; float: left;} .LiCheng_C ul li {width: 100%; height: auto; float: left; margin-top: -2%;} .LiCheng_C ul li:first-child {margin-top: 2%;} .LiCheng_C ul li div {width: auto; height: auto; margin: 0px auto; display: inline-block; visibility: hidden;} .LiCheng_C ul li div em {width: 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; 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-active); transform: rotate(45deg); transition: all .5s ease-in-out;} .LiCheng_C ul li:nth-child(even) div em {float: right;} .LiCheng_C ul li:nth-child(even) div span {float: left;} .LiCheng_C ul li:hover div i {background-color: var(--yiq-color-active);} .LiCheng_C ul li:hover div span {box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} .LiCheng_C ul li:hover div span::before {right: -25px; bottom: -25px;} .LiCheng_C ul li:hover div span b {color: var(--yiq-color-active); font-weight: bold;} .LiCheng_C ul li div em img:hover {transform:scale(1.1);} /*首页证书*/ .H_ZS {width: 100%; float: left; background-color: #F5F5F5; padding: 0px 0px 8% 0px; position: relative; margin-top: 5%;} .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: 5px #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_Full {width: 100%; float: left; overflow: hidden; background-color: #F5F5F5; margin-top: 1%;} .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: 45%; height: auto; float: left; overflow: hidden; 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 {width: 50%; height: auto; float: right;} .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_Text {width: 100%; height: auto; float: left; overflow: hidden; text-align: left; font-size: 12px; color: #666; line-height: 20px;} .CP_Info_T_Info_Price {width: 100%; float: left;} .CP_Info_T_Info_PriceL {width: 50%; float: left;} .CP_Info_T_Info_PriceL div {width: auto; height: 100%; float: left; color: var(--yiq-color-active); font-weight: bold;} .CP_Info_T_Info_PriceL span {width: auto; height: 100%; float: left; color: #999; font-size: 14px; position: relative; margin-left: 10px; padding: 0px 5px; margin-top: 2%;} .CP_Info_T_Info_PriceL span::after {content: ""; width: 100%; height: 0px; border-top: 1px var(--yiq-color-active) solid; transform: rotate(-8deg); position: absolute; left: 0px; top: 50%;} .CP_Info_T_Info_PriceR {width: 50%; float: left;} .CP_Info_T_Info_PriceR i {font-size: 24px; float: right; color: #666;} .CP_Info_T_Info_PriceR i.current {color: var(--yiq-color-active);} .CP_Info_T_Info_PriceR i:hover {color: var(--yiq-color-active); cursor: pointer;} .CP_Info_T_Info_G {width: 100%; height: 0px; float: left; border-top: 1px #dedede dashed; margin: 5% 0px;} .CP_Info_T_Info_Reviews {width: 100%; float: left;} .CP_Info_T_Info_ReviewsL {width: 50%; float: left;} .CP_Info_T_Info_ReviewsL div {width: auto; float: left; color: var(--yiq-color-active);} .CP_Info_T_Info_ReviewsL span {width: auto; float: left; font-size: 12px;} .CP_Info_T_Info_ReviewsR {width: 50%; float: left;} .CP_Info_T_Info_ReviewsR ul {width: auto; float: right;} .CP_Info_T_Info_ReviewsR ul li {width: auto; float: left; position: relative; margin-left: 5px;} .CP_Info_T_Info_ReviewsR ul li:first-child {margin-left: 0px;} .CP_Info_T_Info_ReviewsR ul li i {width: 50px; height: 50px; line-height: 50px; float: left; background-color: #FFF; border: 1px #DEDEDE solid; border-radius: 60px; font-size: 30px;} .CP_Info_T_Info_ReviewsR ul li:hover i {border-color: var(--yiq-color-active); color: var(--yiq-color-active);} .CP_Info_T_Info_ReviewsR ul li div {width: 200px; position: absolute; right: 0px; top: calc(100% + 10px); background-color: var(--yiq-color-active); border-radius: 10px; font-size: 12px; color: #FFF; text-align: left; display: none;} .CP_Info_T_Info_ReviewsR ul li div span {width: 100%; line-height: 20px; float: left; padding: 10px; position: relative;} .CP_Info_T_Info_ReviewsR ul li div span::after {content: ""; width: 10px; height: 10px; position: absolute; right: 18px; top: -3px; background-color: var(--yiq-color-active); transform: rotate(45deg);} .CP_Info_T_Info_ReviewsR ul li:hover div {display: inline;} .CP_Info_T_Info_Subtitle {width: 100%; float: left; text-align: left;} .CP_Info_T_Info_Color {width: 100%; height: 20px; float: left;} .CP_Info_T_Info_Color div {width: 20px; height: 20px; float: left; border-radius: 20px; background-color: #FFF; margin-left: 10px; cursor: pointer; border: 1px #F5F5F5 solid; margin-top: 5px;} .CP_Info_T_Info_Color div:first-child {margin-left: 0px; transition: all .2s ease-in-out;} .CP_Info_T_Info_Color div.current {box-shadow:0px 0px 8px rgba(0,0,0,0.5); border: 1px #FFF solid; transform: scale(1.5);} .CP_Info_T_Info_Model {width: 100%; float: left;} .CP_Info_T_Info_Model div {width: auto; height: 30px; line-height: 30px; float: left; background-color: #FFF; padding: 0px 20px; border: 1px #DEDEDE solid; margin: 0px 10px 10px 0px; font-size: 14px; border-radius: 20px; cursor: pointer;} .CP_Info_T_Info_Model div:hover {border-color: var(--yiq-color-active); color: var(--yiq-color-active);} .CP_Info_T_Info_Model div.current {background-color: var(--yiq-color-active); border-color: var(--yiq-color-active); color: #FFF;} .CP_Info_T_Info_AddToCart {width: 100%; height: 50px; line-height: 48px; float: left;} .CP_Info_T_Info_AddToCart div {width: auto; height: 100%; float: left; background-color: #FFF; border: 1px #DEDEDE solid; border-radius: 50px;} .CP_Info_T_Info_AddToCart div p {width: 40px; height: 100%; float: left; padding: 0px; margin: 0px; cursor: pointer; font-size: 30px; font-weight: bold; user-select: none;} .CP_Info_T_Info_AddToCart div p:hover {color: var(--yiq-color-active);} .CP_Info_T_Info_AddToCart div input {width: 110px; height: 100%; float: left; border: none; text-align: center; font-size: 18px;} /*去掉框框中的上下箭头*/ .CP_Info_T_Info_AddToCart div input[type="number"] { -moz-appearance: textfield; /* Firefox */ } .CP_Info_T_Info_AddToCart div input[type="number"]::-webkit-inner-spin-button, .CP_Info_T_Info_AddToCart div input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; /* Chrome, Safari, Edge */ margin: 0; } .CP_Info_T_Info_AddToCart span {width: auto; height: 100%; float: left; border-radius: 50px; background-color: var(--yiq-color-active); color: #FFF; padding: 0px 40px; margin-left: 10px; cursor: pointer;} .CP_Info_T_Info_AddToCart span:hover {background-color: var(--yiq-color-active-hover);} .CP_Info_T_Info_AddToCart span i {width: auto; height: 100%; float: left; font-size: 40px;} .CP_Info_T_Info_AddToCart span font {width: auto; height: 100%; float: left; font-size: 20px;} .CP_Info_T_Info_Buy {width: 100%; height: 50px; line-height: 50px; float: left;} .CP_Info_T_Info_Buy div {width: auto; height: 100%; float: left; border-radius: 50px; border: 1px var(--yiq-color-active) solid; background-color: #FFF; padding: 0px 40px; cursor: pointer; color: var(--yiq-color-active-hover);} .CP_Info_T_Info_Buy div:hover {border-color: var(--yiq-color-active-hover); color: var(--yiq-color-active-hover);} .CP_Info_T_Info_Buy span {width: auto; height: 100%; float: left; border-radius: 50px; background-color: var(--yiq-color-main); color: #FFF; padding: 0px 40px; margin-left: 10px; cursor: pointer;} .CP_Info_T_Info_Buy span:hover {background-color: #000;} .CP_Info_T_Info_Buy span u {width: auto; height: 100%; float: left; font-size: 40px;} .CP_Info_T_Info_Buy span font {width: auto; height: 100%; float: left; font-size: 20px; margin-left: 10px;} /*产品定位菜单*/ .CP_SubMenuC {width: 100%; height: 40px; float: left;} .CP_SubMenu {width: 100%; height: 40px; line-height: 40px; float: left; background-color: #F5F5F5; border-radius: 40px; overflow: hidden; transition: all .2s ease-in-out;} .CP_SubMenu.fu {position: fixed; left: 0px; top: 0px; box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2); z-index: 9;/* border-radius: 10px; border-top-left-radius: 0px; border-top-right-radius: 0px;*/} .CP_SubMenu div {width: auto; height: 100%; float: left; padding: 0px 20px; cursor: pointer;} .CP_SubMenu div:hover {color: var(--yiq-color-active);} .CP_SubMenu div.current {background-color: var(--yiq-color-main); color: #FFF;} .CP_SubMenu div.current:hover {color: #FFF;} /*产品详细内容区*/ .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;} .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;} /*产品图片展示*/ .CP_Showcase {width: 100%; float: left;} .CP_Showcase ul {width: 100%; float: left;} .CP_Showcase ul li {width: 100%; float: left; overflow: hidden; border-radius: 10px;} .CP_Showcase ul li img {width: 100%; height: auto;} /*产品评论*/ .CP_Reviews {width: 100%; float: left;} .CP_ReviewsT {width: 100%; float: left;} .CP_ReviewsTL {width: calc(100% - 300px); float: left; display: flex; align-items: center;} .CP_ReviewsTL div {width: auto; float: left;} .CP_ReviewsTL span {width: auto; float: left; color: var(--yiq-color-active); margin-left: 20px; font-size: 24px;} .CP_ReviewsTL font {width: auto; float: left; font-size: 12px;} .CP_ReviewsTR {width: 300px; float: left;} .CP_ReviewsTR ul {width: 100%; float: left;} .CP_ReviewsTR ul li {width: 100%; float: left;} .CP_ReviewsTR ul li u {width: 30px; float: left; color: var(--yiq-color-active); text-decoration: none;} .CP_ReviewsTR ul li div {width: calc(100% - 30px - 30px); height: 6px; float: left; border-radius: 10px; background-color: #DEDEDE;} .CP_ReviewsTR ul li div span {width: auto; height: 100%; float: left; background-color: var(--yiq-color-active); border-radius: 10px;} .CP_ReviewsTR ul li i {width: 30px; float: left; font-style: normal;} .CP_ReviewsList {width: 100%; float: left;} .CP_ReviewsList ul {width: 100%; float: left;} .CP_ReviewsList ul li {width: 100%; float: left; background-color: #F5F5F5; border-radius: 20px; padding: 3% 5%;} .CP_ReviewsListT {width: 100%; float: left; display: flex; align-items: center;} .CP_ReviewsListTL {width: auto; display: flex; align-items: center;} .CP_ReviewsListTL div {width: 70px; height: 70px; line-height: 70px; background-color: #FFF; border-radius: 80px; text-transform: uppercase; color: var(--yiq-color-active); font-size: 40px;} .CP_ReviewsListTL span {display: flex; align-items: center; justify-content: center; margin-left: 20px;} .CP_ReviewsListTL span font {width: 100%; float: left; text-align: left;} .CP_ReviewsListTL span font u {width: 100%; float: left; text-decoration: none;} .CP_ReviewsListTL span font u::first-letter {text-transform: uppercase;} .CP_ReviewsListTL span font i {width: 100%; float: left; font-style: normal; font-size: 12px; color: #999;} .CP_ReviewsListTR {width: auto; margin-left: auto; color: var(--yiq-color-active); font-size: 20px;} .CP_ReviewsListTC {width: 100%; float: left; text-align: left;} .CP_ReviewsListTB {width: 100%; float: left; display: flex; align-items: center;} .CP_ReviewsListTB div {width: 80px; height: 80px; float: left; background-color: #FFF; border-radius: 10px; overflow: hidden; margin-left: 10px;} .CP_ReviewsListTB div img {max-width: 100%; max-height: 100%;} .CP_ReviewsListTB div:first-child {margin-left: 0px;} .CP_ReviewsBtn {width: 100%; float: left;} /*产品小标题*/ .CP_subTitle {display: flex; justify-content: space-between;} .CP_subTitle div {width: auto;} .CP_subTitle span {width: auto;} /*产品FAQ与询盘*/ .CP_FaqAndFeedbackBG {background-color: #F5F5F5;} .CP_FaqAndFeedback {width: 100%; float: left; display: flex; justify-content: space-between;} .CP_Faq {width: 50%;} .CP_Feedback {width: 40%; display: flex; flex-direction: column;} .CP_FeedbackT {display: flex; flex-direction: column; text-align: left;} .CP_FeedbackT div {font-weight: bold;} .CP_FeedbackT span {font-size: 12px; color: #999;} .CP_FeedbackC {display: flex; float: left;} .viewDongBG {width: 100%; float: left; background-color: #F5F5F5;} .BaiJiao {background-image: url("images/baijiao.webp"); background-repeat: no-repeat; background-position: right bottom; background-size: auto 80%;} /*第三方视频播放*/ .Video_CC {width: 100%; height: 100%; position: fixed; background-color: #000; background-color: rgba(0,0,0,0.9); display: none; z-index: 99999999999;} .Video_C {width: 100%; height: 100%; float: left; display: flex; align-items: center; justify-content: center;} .Video_Play {width: 100%; max-width: 800px; height: auto; float: left; overflow: hidden; position: relative;} .Video_Play p {width: 100%; height: 0px; float: left; padding: 0px;margin: 0px; margin-top: 66.66%;} .Video_Play iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;} /*视频列表*/ .Video_List {width: 100%; height: auto; float: left; overflow: hidden;} .Video_List_K {width: 31.33%; height: auto; float: left; overflow: hidden; margin: 0px 1% 2% 1%;} .Video_List_K_T {width: 100%; height: auto; float: left; overflow: hidden; position: relative;} .Video_List_K_T p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 66.66%;} .Video_List_K_T img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; cursor: pointer; border: 1px #DEDEDE solid;} .Video_List_K_T span {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #000; background-color: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; cursor: pointer;} .Video_List_K_T span i {color: rgba(255,255,255,0.2); font-size: 28px;} .Video_List_K_T:hover span {background-color: rgba(0,0,0,0.2);} .Video_List_K_T:hover span i {color: #FFF;} .Video_List_K_B {width: 100%; height: 30px; line-height: 30px; float: left; overflow: hidden;} /*企业文化*/ .WenHua_Line {width: 100%; float: left; padding: 8% 0px;} .WenHua {width: 100%; float: left; margin-top: 5%;} .WenHua_K {width: 46%; float: left; background-color: #FFF; border-radius: 10px; padding: 5%; text-align: left;} .WenHua_K:nth-child(2) {float: right;} .WenHua_K_T {width: 100%; height: 30px; line-height: 30px; float: left; overflow: hidden; color: var(--yiq-color-active);} .WenHua_K_C {width: 100%; height: auto; line-height: 30px; float: left; margin-top: 5%;} /*.WenHua_K div font {color: var(--yiq-color-active); font-size: 12px;} .WenHua_K div b {color: var(--yiq-color-active);}*/ /*合作伙伴*/ .HeZuo_Line {width: 100%; float: left; padding: 8% 0px; background-image: url("images/hezuo_b.webp"); background-size: cover; background-position: top center; background-attachment: fixed;} .HeZuo {width: 100%; float: left; margin-top: 5%;} .HeZuo div {width: 20%; height: auto; float: left; position: relative; background-color: #FFF;} .HeZuo div .GP {margin-top: 40%;} .HeZuo div:nth-child(even) {background-color: transparent;} .HeZuo div:last-child {display: none;} /*联系我们*/ .Contact {width: 100%; height: auto; float: left; padding: 5%; background-color: #f5f5f5; border-radius: 30px; margin-top: 3%;} .Contact_L {width: 70%; height: auto; float: left; padding-right: 5%;} .Contact_L_T {width: 100%; height: auto; float: left; text-align: left; color: var(--yiq-color-main); font-weight: bold;} .Contact_L_B {width: 100%; height: auto; float: left; margin-top: 5%;} .Contact_L_B ul {width: calc(100% - 100px); height: auto; float: left;} .Contact_L_B ul li {width: 100%; height: auto; float: left; text-align: left;} .Contact_L_B ul li i {width: 35px; line-height: 35px; float: left; font-weight: bold;} .Contact_L_B ul li span {width: calc(100% - 40px - 20px); line-height: 30px; float: left; overflow: hidden;} .Contact_L_B ul li:last-child {font-size: 13px; line-height: 20px;} .Contact_R {width: 30%; height: 220px; float: right; display: flex; align-items: center; justify-content: center; border-left: 1px #EEE solid; padding-left: 4%;} .Contact_R_K {width: 100%; float: left;} .Contact_R_K div {width: 100%; float: left;} .Contact_R_K div:first-child {text-transform: uppercase;} .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;} .ContactCode {width: 100%; float: left; display: flex; justify-content: space-between;} .ContactCode li {width: 30%; background-color: #F5F5F5; border-radius: 30px; padding: 5%;} .ContactCode li div {width: 100%; float: left;} .ContactCode li div img {border-radius: 10px; width: 200px; height: auto; max-width: 100%;} .ContactCode li div:last-child {color: var(--yiq-color-active);} /*资源列表*/ .News_List {width:100%; height:auto; float:left;} .News_List_K {width:100%; height:auto; float:left; overflow:hidden; background-color: #FFF; margin-bottom: 2%; position: relative; border-radius: 10px;} .News_List_K::after {width: 100%; height: 500px; position: absolute; right: -50%; bottom: -600px; transform: rotate(-20deg); z-index: -1; background-color: #F1F1F1; content: ""; transition: all .2s ease-in-out;} .News_List_K:hover {box-shadow: 2px 2px 10px rgba(0,0,0,0.2);} .News_List_K:hover::after {bottom: -350px;} .News_List_L {width:350px; height:auto; float:left; overflow:hidden; position: relative;} .News_List_L img {width:100%; height:100%;transition: all .2s ease-in-out; position: absolute; left: 0px; top: 0px;} .News_List_C {width:calc(100% - 350px); height:auto; float:left; overflow:hidden; padding:3% 3% 0px 3%;} .News_List_C_T {width:100%; height:30px; line-height:30px; float:left; overflow:hidden; text-align:left;} .News_List_C_T A {font-size:18px;} .News_List_C_C {width:100%; height:75px; line-height:25px; float:left; overflow:hidden; color:#666; text-align:left; font-size: 14px;} .News_List_C_Date {width: auto; height: auto; float: left; overflow: hidden; margin-top: 5px; text-align: left; font-size: 13px;} .News_List_C_Date i {font-size:12px;} .News_List_K:hover img {transform:scale(1.2);} .News_List.two .News_List_K {width: 46%; margin: 2%;} .News_List.two .News_List_K .News_List_L {width: 200px;} .News_List.two .News_List_K .News_List_C {width: calc(100% - 200px);} .News_List.two .News_List_K .News_List_C .News_List_C_C {height: 50px;} .News_List.two .News_List_K:hover::after {bottom: -450px;} .News_List.blog .News_List_L {width: 200px;} .News_List.blog .News_List_C {width: calc(100% - 200px); padding: 1% 3% 0px 3%;} .News_List.blog .News_List_C_C {height: 50px;} .News_List.blog .News_List_C_Date {float: right;} .News_List.blog .Btn_News_List {float: left;} .News_List.blog .Btn_News_List a{line-height: 20px; height: 20px;} /*博客*/ .blog {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -5%;} .blog article {width: 30%; display: flex; flex-direction: column; position: relative; margin-bottom: 5%;} .blog article figure {width: 100%; margin-bottom: 0px;} .blog article figure img {border-radius: 20px;} .blog article div {display: flex; flex-direction: column;font-size: 12px; color: #999; text-align: left; margin-top: 20px;} .blog article div time {height: 25px; line-height: 25px; overflow: hidden;} .blog article div h2 {height: 25px; line-height: 25px; overflow: hidden; margin: 10px 0px;} .blog article div h2 a {float: left; font-size: 18px;} .blog article div p {height: 60px; line-height: 20px; overflow: hidden;} .blog article div span:nth-child(4) a {font-size: 14px; text-decoration: underline;} .blog article:first-child {width: 100%;} .blog article:first-child div {position: absolute; left: 5vw; bottom: 5vw; width: 45%; background-color: rgba(0,0,0,0.5); border-radius: 10px; padding: 15px; color: #FFF; pointer-events: none;} .blog article:first-child div h2 a,.blog article:first-child div span a {color: #FFF;} .blog::after {content: ""; width: 30%;} /*资源详细页*/ .CSS_C_News {max-width: 1200px;} .News_Info {width: 100%; height: auto; float: left; background-color: #FFF; position: relative;} .News_Info_T {width: 100%; height: auto; float: left; text-align: left;} .News_Info_T h1 {width: 100%; height: auto; float: left; color: var(--yiq-color-main); font-weight: bold;} .News_Info_T span {width: 100%; height: auto; float: left; color: #666; font-size: 13px;} .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_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;} /*内页标题栏*/ .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: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;} /*文章标题栏*/ .All_Title {width:100%; height:auto; line-height:30px; float:left; overflow:hidden; text-align:center; border-bottom:1px #F8F8F8 solid; padding-bottom:3%; margin-bottom: 5%;} .All_Title h1 {width:100%; height:auto; line-height:30px; line-height: 35px; float:left; overflow:hidden; font-size:25px; color:#000; margin-top:15px; text-align: center; font-weight: bold;} .All_Title span {width:100%; height:40px; line-height: 40px; float:left; overflow:hidden; font-size:12px; color:#999; text-align:center; font-size: 14px; margin-top: 2%;} /*文章内容区*/ .All_Content {width:100%; height:auto; min-height:200px; float:left; overflow:hidden; text-align:left;} .All_Content img {max-width:100%; height:auto;} .All_Content a {font-size: 15px; text-decoration: underline;} .All_Content iframe {max-width: 100%;} /*所有文章内容文字*/ .All_Content_Font {font-size: 15px; line-height: 30px; color: #fff;} /*下列为在线客服样式*/ .CSS_QQ {width:33px; height:auto; overflow:hidden; position:fixed; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop + 420)); top:300px; right:0px; z-index:99999} .CSS_QQ_CC {width:177px; height:auto; float:left; overflow:hidden;} .CSS_QQ_L{width:33px; height:149px; float:left; background-image:url(images/qq/qq_l_cn.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/qq/qq_l.png"); background:none; margin-top:15px; cursor:pointer;} .CSS_QQ_R {width:144px; height:auto; float:left; overflow:hidden;} .CSS_QQ_R_T {width:144px; height:10px; float:left; background-image:url(images/qq/qq_t.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/qq/qq_t.png"); background:none;} .CSS_QQ_R_B {width:144px; height:29px; float:left; background-image:url(images/qq/qq_b.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/qq/qq_b.png"); background:none;} .CSS_QQ_R_C {width:144px; height:auto; float:left; background-image:url(images/qq/qq_c.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/qq/qq_c.png"); background:none; padding-bottom:10px;} .CSS_QQ_R_C b {width:134px; height:33px; line-height:33px; float:left; text-align:center; margin-left:5px; display:inline; background-image:url(images/qq/qq_yin.gif); font-weight:bold; color:#F08D00;} .KF_QQ {width:119px; height:auto; float:left; margin-left:12px; display:inline; overflow:hidden;} .KF_QQ A,.KF_QQ A:link,.KF_QQ A:visited,.KF_QQ A:active {width:100%; height:23px; float:left; background-image:url(images/qq/qq1.gif); padding-left:45px; color:#333333; margin-top:10px;} .KF_QQ A:hover {background-image:url(images/qq/qq2.gif); text-decoration:none; color:#FFF;} .KF_Skype {width:119px; height:auto; float:left; margin-left:12px; display:inline; overflow:hidden;} .KF_Skype A,.KF_Skype A:link,.KF_Skype A:visited,.KF_Skype A:active {width:74px; height:23px; float:left; background-image:url(images/qq/skype1.gif); padding-left:45px; color:#333333; margin-top:10px;} .KF_Skype A:hover {background-image:url(images/qq/skype2.gif); text-decoration:none; color:#FFF;} /*在线反馈*/ .Feedback_Hei {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 999999999; background-color: rgba(0,0,0,0.8); display: none;} .Feedback_Hei_C {width: 100%; height: 100%; float: left; overflow: hidden; position: relative;} .Feedback {width:600px; height:auto; position: absolute; left: calc((100% - 600px) / 2); overflow:hidden; background-color: #FFF; padding: 3%; padding-top: 3%; border-radius: 10px;} .Feedback.cpPageClass {width: 100%; left: 0px; position: relative; background-color: transparent; padding: 0px; border-radius: 0px;} .Feedback.cpPageClass .Feedback_L div input,.Feedback.cpPageClass .Feedback_R textarea {background-color: #FFF;} .Feedback ul {width: 100%; height: auto; min-height: 30px; float: left; position: relative;} .Feedback ul p {width: 30px; height: 30px; padding: 0px; margin: 0px; cursor: pointer; position: absolute; right: 0px; top: 0px; background-image: url("images/close.png"); background-size: 100%;} .Feedback ul li {width: calc(100% - 30px); height: auto; line-height: 30px; float: left; overflow: hidden; text-align: left;} .Feedback ul li span {width: 100px; height: 100%; float: left; overflow: hidden; text-align: right;} .Feedback ul li div {width: calc(100% - 100px); height: 100%; float: left; overflow: hidden; text-align: left; color: #DA251C;} .Feedback_L {width:100%; height:auto; float:left; overflow:hidden;} .Feedback_L div {width:100%; height:auto; float:left; overflow:hidden; padding:10px 0px;} .Feedback_L div input {width:100%; height:40px; line-height:40px; padding:0px 10px; background-color:#F5F5F5; border: none; border-radius: 5px;} .Feedback_R {width:100%; height:auto; float:right; overflow:hidden; margin-top:10px;} .Feedback_R textarea {width:100%; height:100px; border: none; background-color:#F5F5F5; padding:10px; border-radius: 5px;} .Feedback_B {width:100%; height:auto; float:left; overflow:hidden; margin-top:10px;} .Feedback_B div {width:150px; height:35px; float:left; overflow:hidden;} .Feedback_B div input {width:100%; height:100%; padding:0px 10px; border: 1px #DEDEDE solid; background-color:#FFF;} .Feedback_B span {width:50px; height:100%; float:left; overflow:hidden;} .Feedback_B input[name='button'] {width:100%; height:40px; float:right; background-color:var(--yiq-color-main); color:#FFF; border:none; margin-top: 10px; border-radius: 5px;} .Feedbackok {width: 100%; height: auto; float: left; overflow: hidden;} .Feedbackok span {width: 100%; height: auto; float: left;} .Feedbackok span i {width: 100px; height: 100px; line-height: 100px; margin: 0px auto; display: inline-block; background-color: #1fa67a; color: #FFF; font-size: 60px; border-radius: 100px;} .Feedbackok div {width: 100%; height: auto; float: left; margin-top: 30px;} /*此页已不存在*/ .Error {width:100%; height:300px; float:left; overflow:hidden; background-image:url(images/error.webp); background-repeat:no-repeat; background-position:center center;} /*友情链接*/ .Links {width: 100%; height: auto; float: left; overflow: hidden; border-top: 1px #E5E5E5 solid; padding-top: 10px; margin-top: 5px;} .Links b {width: auto; height: 20px; line-height: 20px; float: left; overflow: hidden; font-size: 12px; color: #999; font-weight: normal;} .Links a {width: auto; height: 20px; line-height: 20px; float: left; overflow: hidden; padding: 0px 5px; font-size: 12px; color: #999; font-family: "Simsun";} /*右侧浮动控制*/ .Fu_R {width:40px; height:auto; position:fixed; z-index:99; right: 10px; top: 160px; 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){ .CSS_Top_Line_Box {padding: 0px 1%;} .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){ .AD img[yiq='mobile'] {display: inline;} .AD img[yiq='pc'] {display: none;} .CSS_Top_Line_Box {height: 80px;} .CSS_Top_Line.bai .Menu div span A:link,.CSS_Top_Line.bai .Menu div span A:visited,.CSS_Top_Line.bai .Menu div span A:active {color: #000;} .CSS_Top_R_Icos {margin-top: 30px;} .CSS_Top_R_Icos_Item[yiq='submenu'] {display: flex;} .CSS_Left {width: 100%;} .CSS_Right {display: none;} .CSS_Top {width: 100%; height: auto;} .CSS_Logo {height: 80px;} .CSS_Logo div {position: inherit; padding: 0px; width: 60px;} .CSS_Logo p {width: 47px;} .CSS_Top_C {width: 100%; height: 0px; overflow: hidden; background-color: #FFF; text-align: center; padding: 0px 10px 0px 10px; position: fixed; left: 0px; top: 0px;} .H_CP_Style .LR_Btn {display: flex;} .H_AD_CP li {display: inline;} .H_AD_CP_Img {width: 100%;} .H_AD_CP_Txt {width: 100%;} .H_AD_CP_Txt div,.H_AD_CP_Txt a {margin-top: 2%;} .H_Reviews li {width: 49%; margin-bottom: 2%; margin-right: 2%;} .H_Reviews li:nth-child(2n) {margin-right: 0px;} .H_CP_Box.nei .H_CP_K {width: 48%; margin-right: 4%;} .H_CP_Box.nei .H_CP_K:nth-child(2n) {margin-right: 0px;} .nCartL {width: calc(100% - 300px - 50px);} .nCartR {width: 300px;} .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: 18px;} .Menu div span A.current {color: #333; background-color:transparent;} .Menu div span A:hover {color: var(--yiq-color-active); background-color:transparent;} .Menu div span i {display: inline;} .Menu div ul {transform: none; display: none; box-shadow: 0px 0px 0px 0px #FFF; position: relative; float: left; padding: 0px;} .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;} /*-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; transform: scaleY(0); transform-origin :0% 6px; box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.1); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;*/ .MenuClose {display: inline;} .Font_Size_Title_N {font-size: 24px; line-height: 25px;} .Font_Size_Title {font-size: 20px; line-height: 25px;} .Font_Size_Title1 {font-size: 24px; line-height: 30px;} .Font_Size_Title2 {font-size: 32px; line-height: 35px;} .Font_Size_Title3 {font-size: 38px; line-height: 40px;} .Bottom_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;} .CP_MuLu_K {width: 31.33%;} .Feedback_C {background-image: url("");} .Feedback {width: 100%; left: 0px;} .Sub_Menu {display: inline;} .Page_Title {display: none;} } @media(max-width:1003px){ .body,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;} .H_CP_K {width: 23%;} .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_CP_Box.nei .H_CP_K {width: 100%; margin: 0px; margin-bottom: 4%;} .orderListTL font {display: none;} .CP_Info_T_Info_AddToCart {height: 40px; line-height: 38px;} .CP_Info_T_Info_AddToCart div input {width: 70px;} .CP_Info_T_Info_AddToCart span {padding: 0px 20px;} .CP_Info_T_Info_AddToCart span i {font-size: 24px;} .CP_Info_T_Info_AddToCart span font {font-size: 18px;} .CP_Info_T_Info_Buy {height: 40px; line-height: 38px;} .CP_Info_T_Info_Buy div,.CP_Info_T_Info_Buy span {padding: 0px 20px;} .CP_Info_T_Info_Buy span font {font-size: 16px;} .cartMiniListAttrPrice font {display: none;} .cartMiniListAttrXiaoJi {display: none;} .userAddress ul li.current {background-color: green; color: #FFF;} .userAddress ul li.current .userAddressL div:last-child {color: #FFF;} .userAddress ul li.current::before {display: none;} .userAddress ul li.current .userAddressR a {color: #FFF;} .aboutTop img[yiq='pc'] {display: none;} .aboutTop img[yiq='mobile'] {display: inline;} .KehuSayBox {background-color: var(--yiq-color-main); background-image: none;} .KehuSay {display: inline;} .KehuSay_L {width: 100%;} .KehuSay_R {width: 100%; height: 500px;} .KehuSay_R_FB {height: 90%;} .helpBox {flex-direction: column;} .help {width: 100%;} .blog article {width: 48%;} .News_List.two .News_List_K {width: 100%;} .CP_MuLu_K {width: 48%;} .News_List_L {width: 300px;} .News_List_C {width: calc(100% - 300px);} .News_Other ul li {width: 48%;} .WenHua_K {width: 100%; margin-top: 5%;} .WenHua_K_T {text-align: center;} .LiCheng_C ul li dd div,.LiCheng_C ul li dd span {width: 400px;} .HeZuo div:nth-child(even) {display: none;} .HeZuo div {width: 25%;} .Contact_R {width: 100%; height: auto; float: left; border-left: none; padding-left: 0px;} .Contact_L {width: 100%; padding-right: 0px; border-right: none; border-top: 1px #EEE solid; padding-top: 5%; margin-top: 5%;} .Contact_L_B ul li i {width: 30px; height: 30px; line-height: 30px;} .Font_Size_Text1 {font-size: 16px;} .Item_T {height: 30px; line-height: 30px; border-bottom: 1px #EFEFEF solid;} .Item_T div {width: auto; padding: 0px 10px; font-size: 14px; background-image: url(""); cursor: pointer;} .Item_T div i {display: inline;} .Item_C {width: auto; height: auto; position: absolute; left: 0px; top: 30px; display: none; z-index: 99999999; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.06); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.06); box-shadow:0px 2px 3px rgba(0,0,0,0.3); } .Item_C div {height: 50px; line-height: 50px; margin-top: 0px; border-bottom: 1px #DEDEDE solid;} .Item_C div a {line-height: 50px; font-size: 14px;} .Left_Btn {display: none;} .All_Content_Font {font-size: 14px; line-height: 25px;} .All_Title h1 {margin-top: 0px; line-height: 30px;} .CP_Info_B_C iframe {width: 700px; height: 467px;} } @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_Top_Msg_R div {position: absolute; right: 0px; top: 100%; background-color: #FFF; z-index: 99999999; width: 90px; padding: 10px; flex-direction: column; border-radius: 5px; display: none; box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.2);} .CSS_Top_Msg_R div A {color: var(--yiq-color-main); overflow: hidden; padding-right: 0px;} .CSS_Top_Msg_R div A::after {display: none;} .CSS_Top_Msg_R span {display: inline;} .CSS_Logo div {width: 50px;} .H_AD_Middle img[yiq='pc'] {display: none;} .H_AD_Middle img[yiq='mobile'] {display: inline;} .LR_Btn {width: 30px; height: 30px;} .H_CP_K {width: 31.33%;} .H_Reviews li {width: 100%; margin-right: 0px;} .H_Reviews_User div {width: 50px; height: 50px;} .pageContent,.nCart {margin-top: 10%;} .nCartL {width: 100%;} .nCartR {width: 100%; margin-top: 5%;} .orderList {border-radius: 20px;} .orderListTL div,.orderListTL span {width: 100%; text-align: left; margin-left: 0px;} .orderListTR div,.orderListTR i {width: 100%; margin-left: 0px;} .CP_ReviewsTL {width: 100%;} .CP_ReviewsTR {display: none;} .userAddress ul li {border-radius: 20px; padding: 8%;} .ContactCode {flex-wrap: wrap; justify-content: center; background-color: #F5F5F5; border-radius: 30px;} .ContactCode li:first-child {width: 100%;} .ContactCode li:not(:first-child) {flex: 1; width: 45%;} .aboutImgAD li {flex-direction: column; justify-content: space-between;} .aboutImgAD li div {margin-top: 5%;} .aboutImgAD li div:nth-child(1) {width: 100%;} .aboutImgAD li div:nth-child(2) {width: 100%;} .aboutImgAD li:nth-child(even) div:nth-child(1) {order: 1;} .aboutImgAD li:nth-child(even) div:nth-child(2) {order: 2;} .aboutImgAD li div:nth-child(1) img {border-radius: 10px;} .CP_FaqAndFeedback {flex-direction: column;} .CP_Faq {width: 100%;} .CP_Feedback {width: 100%; margin-top: 10%;} .News_Info_LR {flex-direction: column;} .News_Info_LR div {width: 100%;} .News_Info_LR div:last-child {text-align: left;} .searchFu.offcanvas.offcanvas-top {height: 130px;} .searchBG {padding: 0px 1rem;} .searchBox {height: 40px; line-height: 40px;} .searchBox i {width: 40px; height: 40px; line-height: 40px;} .Index_Bottom {display: none;} .Font_Size_Title2 {font-size: 24px; line-height: 28px;} .GSJJ_L {display: inline; margin-top: 5%; width: 100%;} .GSJJ_L img {float: left; position: relative;} .GSJJ_Number {padding: 8%;} .GSJJ_Number ul li div b {line-height: 4vw; font-size: 4vw;} .Number div {width: 50%; margin: 2% 0px;} .News li {width: 100%; margin-right: 0px;} .News li:hover span p {height: auto;} .LiCheng_C ul li div {width: 100%;} .LiCheng_C ul li div em {width: 100%;} .LiCheng_C ul li div em img {max-width: 300px;} .LiCheng_C ul li div i {display: none;} .LiCheng_C ul li div span {width: 100%; margin-top: 3%;} .LiCheng_C ul li div span b {font-size: 20px;} .LiCheng_C ul li:hover dd div img {transform:none;} .CPSO ul {display: inline;} .CPSO ul li:nth-child(1) {width: 100%; font-size: 12px; font-weight: bold;} .CPSO ul li:nth-child(2) {width: 100%;} .CPSO ul li a {height: 20px; line-height: 20px;} .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%; margin-top: 10%;} .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_Msg {padding: 5px 0px;} .CSS_Top_Line {position: relative;} .CSS_Top_Line_Box {background-color: #FFF;} .Font_Size_Title2 {font-size: 20px; line-height: 26px;} .H_CP_K {width: 98%;} .cartMiniList {padding: 0px;} .cartMiniListAttr {width: calc(100% - 100px - 80px);} .cartMiniListAttrNumber {width: 80px;} .cartMiniBottom {padding: 3% 5%;} .cartMiniBottomR a {width: 100%; height: 30px; line-height: 30px; text-align: center; margin-right: 0px; margin-bottom: 10px;} .cartMiniBottomR a:last-child {margin-bottom: 0px;} .myBtn {height: 30px; line-height: 30px;} .userMenu div A {height: 25px; line-height: 25px; padding: 0px 10px; margin: 0px 5px;} .CP_Info_T_Info_ReviewsR ul li i {width: 30px; height: 30px; line-height: 30px; font-size: 18px;} .CP_Info_T_Info_Model div {padding: 0px 10px;} .CP_Info_T_Info_ReviewsR ul li div span::after {right: 14px;} .blog article {border-radius: 10px;} .blog article figure img {border-radius: 10px;} .blog article div {margin-top: 5px;} .blog article:first-child div {width: 100%; left: 0px; bottom: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;} .blog article div h2 {height: auto; max-height: 40px; line-height: 20px; margin: 0px;} .blog article div h2 a {font-size: 14px;} .blog article div p,.blog article div span {display: none;} .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; line-height: 15px;} .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%;} .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){ }