@font-face {
    font-family: 'china';
    src: url('../fonts/china-x.eot');
    src: url('../fonts/china-x.eot?#iefix') format('embedded-opentype'),
        url('../fonts/china-x.woff2') format('woff2'),
        url('../fonts/china-x.woff') format('woff'),
        url('../fonts/china-x.ttf') format('truetype'),
        url('../fonts/china-x.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'china-c';
    src: url('../fonts/china.eot');
    src: url('../fonts/china.eot?#iefix') format('embedded-opentype'),
        url('../fonts/china.woff2') format('woff2'),
        url('../fonts/china.woff') format('woff'),
        url('../fonts/china.ttf') format('truetype'),
        url('../fonts/china.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'english';
    src: url('../fonts/english-x.eot');
    src: url('../fonts/english-x.eot?#iefix') format('embedded-opentype'),
        url('../fonts/english-x.woff2') format('woff2'),
        url('../fonts/english-x.woff') format('woff'),
        url('../fonts/english-x.ttf') format('truetype'),
        url('../fonts/english-x.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'english-c';
    src: url('../fonts/english.eot');
    src: url('../fonts/english.eot?#iefix') format('embedded-opentype'),
        url('../fonts/english.woff2') format('woff2'),
        url('../fonts/english.woff') format('woff'),
        url('../fonts/english.ttf') format('truetype'),
        url('../fonts/english.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'data';
    src: url('../fonts/data-x.eot');
    src: url('../fonts/data-x.eot?#iefix') format('embedded-opentype'),
        url('../fonts/data-x.woff2') format('woff2'),
        url('../fonts/data-x.woff') format('woff'),
        url('../fonts/data-x.ttf') format('truetype'),
        url('../fonts/data-x.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'data-c';
    src: url('../fonts/data.eot');
    src: url('../fonts/data.eot?#iefix') format('embedded-opentype'),
        url('../fonts/data.woff2') format('woff2'),
        url('../fonts/data.woff') format('woff'),
        url('../fonts/data.ttf') format('truetype'),
        url('../fonts/data.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


*{margin: 0;padding: 0;list-style: none;}
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,button, input, select, textarea /* for ie */ {font:12px "lanting","微软雅黑","宋体","Arial Narrow",HELVETICA, \5b8b\4f53, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置文本格式元素 **/
a { text-decoration: none; color:#333 }
a:hover { text-decoration: underline; color:#d91213 }
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #000;
/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*加padding防止文字覆盖*/
padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font-family:china !important;}
body {background:#fff; font-family:china !important;}
em{font-style:normal}
li{list-style:none}
img {transition: all 0.3s linear 0s;}
img:hover {transition: all 0.3s linear 0s;}
a {color:#333; transition: all 0.3s linear 0s !important;}
a:hover {color:#cf0745; transition: all 0.3s linear 0s !important; text-decoration:none}
span {font-family:china !important}
/*20250109weber修改*/
/*p {font-family:china !important;text-align: justify !important}*/
p {font-family:china !important;text-align: justify}
strong {font-family:china !important}
input,textarea {background:none; border-radius:0 !important; outline:none}
select {outline:0 !important; appearance:none !important; background:none; -webkit-appearance:none !important;}
textarea,button {background:none}
dl {margin:0px !important; padding:0px !important;}


header {width:100%; height:6vw; min-height:80px; background:#fff; position:fixed; top:0px; left:0px; z-index:99999;}
header div.headmian {width:90%; height:6vw; min-height:80px; margin:0px auto; min-width:1100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center; padding-left:5%; padding-right:5%; position:relative}

header div.headmian div.logo {width:18%; overflow:hidden; min-width:200px;}
header div.headmian div.logo a {width:100%; overflow:hidden; height:auto; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
header div.headmian div.logo a i {width:auto; overflow:hidden; text-align:left; font-size:clamp(2.2rem, 4vw, 60px); color:#ce1431; display:block}
header div.headmian div.logo a span {width:auto; overflow:hidden; text-align:left; font-size:clamp(2.2rem, 4vw, 60px); color:#000; display:block; padding-left:3%}

header div.headmian div.navigation {width:64%; min-width:700px;}
header div.headmian div.navigation ul {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
header div.headmian div.navigation ul li {width:auto; overflow:hidden; height:6vw; min-height:80px; padding-left:2%; padding-right:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; cursor:pointer;}
header div.headmian div.navigation ul li a {width:100%; overflow:hidden; text-align:center; display:block; font-size:clamp(1rem, 1vw, 26px); color:#000}
header div.headmian div.navigation ul li a:hover {width:100%; overflow:hidden; text-align:center; display:block; font-size:clamp(1rem, 1vw, 26px); color:#ce1431; font-weight:bold !important}
header div.headmian div.navigation ul li div.zcd {width:100%; overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; transform: translate(-50%, 16%); z-index:9999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch; display:none}
header div.headmian div.navigation ul li div.zcd div.l {width:36%; overflow:hidden; height:auto}
header div.headmian div.navigation ul li div.zcd div.l img {width:100%; overflow:hidden; height:auto; display:block}
header div.headmian div.navigation ul li div.zcd div.r {width:64%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
header div.headmian div.navigation ul li div.zcd div.r div.ll {width:30%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center}
header div.headmian div.navigation ul li div.zcd div.r div.ll span {font-size:clamp(1.6rem, 1.8vw, 50px); color:#000; display:block}
header div.headmian div.navigation ul li div.zcd div.r div.rr {width:65%; overflow:hidden; height:auto; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; padding-left:5%}
header div.headmian div.navigation ul li div.zcd div.r div.rr a {width:auto; overflow:hidden; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#000; display:block; padding-left:3%; padding-right:3%; position:relative; z-index:1}
header div.headmian div.navigation ul li div.zcd div.r div.rr a:hover {width:auto; overflow:hidden; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#ce1431; display:block; padding-left:3%; padding-right:3%; position:relative; z-index:1; font-weight:bold !important}
header div.headmian div.navigation ul li div.zcd div.r div.rr p {width:auto; overflow:hidden; display:block; font-family:data-c !important; color:#fafafa; font-size:clamp(10rem, 12vw, 240px); position:absolute; top:50%; right:50%; transform: translate(76%, -50%); z-index:0; text-transform: uppercase}


header div.headmian div.navigation ul li:hover {width:auto; overflow:hidden; height:6vw; min-height:80px; padding-left:2%; padding-right:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
header div.headmian div.navigation ul li:hover a {width:100%; overflow:hidden; text-align:center; display:block; font-size:clamp(1rem, 1vw, 26px); color:#ce1431; font-weight:bold !important}
header div.headmian div.navigation ul li:hover a:hover {width:100%; overflow:hidden; text-align:center; display:block; font-size:clamp(1rem, 1vw, 26px); color:#ce1431; font-weight:bold !important}
header div.headmian div.navigation ul li:hover div.zcd {width:100%; overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; transform: translate(-50%, 16%); z-index:9999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
header div.headmian div.navigation ul li:hover div.zcd div.l {width:36%; overflow:hidden; height:auto}
header div.headmian div.navigation ul li:hover div.zcd div.l img {width:100%; overflow:hidden; height:auto; display:block}
header div.headmian div.navigation ul li:hover div.zcd div.r {width:64%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
header div.headmian div.navigation ul li:hover div.zcd div.r div.ll {width:30%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center}
header div.headmian div.navigation ul li:hover div.zcd div.r div.ll span {font-size:clamp(1.6rem, 1.8vw, 50px); color:#000; display:block}
header div.headmian div.navigation ul li:hover div.zcd div.r div.rr {width:65%; overflow:hidden; height:auto; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; padding-left:5%}
header div.headmian div.navigation ul li:hover div.zcd div.r div.rr a {width:auto; overflow:hidden; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#000; display:block; padding-left:3%; padding-right:3%; position:relative; z-index:1}
header div.headmian div.navigation ul li:hover div.zcd div.r div.rr a:hover {width:auto; overflow:hidden; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#ce1431; display:block; padding-left:3%; padding-right:3%; position:relative; z-index:1; font-weight:bold !important}
header div.headmian div.navigation ul li:hover div.zcd div.r div.rr p {width:auto; overflow:hidden; display:block; font-family:data-c !important; color:#fafafa; font-size:clamp(10rem, 12vw, 240px); position:absolute; top:50%; right:50%; transform: translate(76%, -50%); z-index:0; text-transform: uppercase}


header div.headmian div.navigation ul li.ahover {width:auto; overflow:hidden; height:6vw; min-height:80px; padding-left:2%; padding-right:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
header div.headmian div.navigation ul li.ahover a {width:100%; overflow:hidden; text-align:center; display:block; font-size:clamp(1rem, 1vw, 26px); color:#ce1431; font-weight:bold !important}
header div.headmian div.navigation ul li.ahover a:hover {width:100%; overflow:hidden; text-align:center; display:block; font-size:clamp(1rem, 1vw, 26px); color:#ce1431; font-weight:bold !important}
header div.headmian div.navigation ul li.ahover div.zcd {width:100%; overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; transform: translate(-50%, 16%); z-index:9999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch; display:none}
header div.headmian div.navigation ul li.ahover div.zcd div.l {width:36%; overflow:hidden; height:auto}
header div.headmian div.navigation ul li.ahover div.zcd div.l img {width:100%; overflow:hidden; height:auto; display:block}
header div.headmian div.navigation ul li.ahover div.zcd div.r {width:64%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
header div.headmian div.navigation ul li.ahover div.zcd div.r div.ll {width:30%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center}
header div.headmian div.navigation ul li.ahover div.zcd div.r div.ll span {font-size:clamp(1.6rem, 1.8vw, 50px); color:#000; display:block}
header div.headmian div.navigation ul li.ahover div.zcd div.r div.rr {width:65%; overflow:hidden; height:auto; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; padding-left:5%}
header div.headmian div.navigation ul li.ahover div.zcd div.r div.rr a {width:auto; overflow:hidden; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#000; display:block; padding-left:3%; padding-right:3%; position:relative; z-index:1}
header div.headmian div.navigation ul li.ahover div.zcd div.r div.rr a:hover {width:auto; overflow:hidden; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#ce1431; display:block; padding-left:3%; padding-right:3%; position:relative; z-index:1; font-weight:bold !important}
header div.headmian div.navigation ul li.ahover div.zcd div.r div.rr p {width:auto; overflow:hidden; display:block; font-family:data-c !important; color:#fafafa; font-size:clamp(10rem, 12vw, 240px); position:absolute; top:50%; right:50%; transform: translate(76%, -50%); z-index:0; text-transform: uppercase}

header div.headmian div.navigation ul li.ahover:hover {width:auto; overflow:hidden; height:6vw; min-height:80px; padding-left:2%; padding-right:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
header div.headmian div.navigation ul li.ahover:hover a {width:100%; overflow:hidden; text-align:center; display:block; font-size:clamp(1rem, 1vw, 26px); color:#ce1431; font-weight:bold !important}
header div.headmian div.navigation ul li.ahover:hover a:hover {width:100%; overflow:hidden; text-align:center; display:block; font-size:clamp(1rem, 1vw, 26px); color:#ce1431; font-weight:bold !important}
header div.headmian div.navigation ul li.ahover:hover div.zcd {width:100%; overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; transform: translate(-50%, 16%); z-index:9999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
header div.headmian div.navigation ul li.ahover:hover div.zcd div.l {width:36%; overflow:hidden; height:auto}
header div.headmian div.navigation ul li.ahover:hover div.zcd div.l img {width:100%; overflow:hidden; height:auto; display:block}
header div.headmian div.navigation ul li.ahover:hover div.zcd div.r {width:64%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
header div.headmian div.navigation ul li.ahover:hover div.zcd div.r div.ll {width:30%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center}
header div.headmian div.navigation ul li.ahover:hover div.zcd div.r div.ll span {font-size:clamp(1.6rem, 1.8vw, 50px); color:#000; display:block}
header div.headmian div.navigation ul li.ahover:hover div.zcd div.r div.rr {width:65%; overflow:hidden; height:auto; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; padding-left:5%}
header div.headmian div.navigation ul li.ahover:hover div.zcd div.r div.rr a {width:auto; overflow:hidden; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#000; display:block; padding-left:3%; padding-right:3%; position:relative; z-index:1}
header div.headmian div.navigation ul li.ahover:hover div.zcd div.r div.rr a:hover {width:auto; overflow:hidden; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#ce1431; display:block; padding-left:3%; padding-right:3%; position:relative; z-index:1; font-weight:bold !important}
header div.headmian div.navigation ul li.ahover:hover div.zcd div.r div.rr p {width:auto; overflow:hidden; display:block; font-family:data-c !important; color:#fafafa; font-size:clamp(10rem, 12vw, 240px); position:absolute; top:50%; right:50%; transform: translate(76%, -50%); z-index:0; text-transform: uppercase}





header div.headmian div.language {width:18%; min-width:200px; height:6vw; min-height:80px; position:relative;}
header div.headmian div.language div.m {width:100px; height:6vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center; cursor:pointer; float:right}
header div.headmian div.language div.m i {width:auto; overflow:hidden; text-align:left; color:#000; display:block}
header div.headmian div.language div.m i::before {font-size:clamp(1.4rem, 5vw, 20px) !important; display:block}
header div.headmian div.language div.m span {width:auto; overflow:hidden; text-align:left; padding-left:3%; font-size:clamp(1rem, 1vw, 26px); color:#000; display:block;}
header div.headmian div.language div.m em {width:auto; overflow:hidden; text-align:left; padding-left:3%; font-size:clamp(0.6rem, 0.8vw, 20px); color:#000; display:block}

header div.headmian div.language div.m div.tcyy {width:130px; overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; transform: translate(34%, 30%); position:absolute; z-index:9999; min-height:80px; display:none}
header div.headmian div.language div.m div.tcyy a {width:100%; overflow:hidden; text-align:center; line-height:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
header div.headmian div.language div.m div.tcyy a b {width:auto; overflow:hidden; font-size:clamp(1.2rem, 1.2vw, 18px); color:#000; display:block; font-weight:normal}
header div.headmian div.language div.m div.tcyy a p {width:auto; overflow:hidden; font-size:clamp(1rem, 1vw, 16px); color:#000; display:block; padding-left:5%}
header div.headmian div.language div.m div.tcyy a:hover {width:100%; overflow:hidden; text-align:center; line-height:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#ce1431}
header div.headmian div.language div.m div.tcyy a:hover b {width:auto; overflow:hidden; font-size:clamp(1.2rem, 1.2vw, 18px); color:#fff; display:block; font-weight:normal}
header div.headmian div.language div.m div.tcyy a:hover p {width:auto; overflow:hidden; font-size:clamp(1rem, 1vw, 16px); color:#fff; display:block; padding-left:5%}


header div.headmian div.language div.m:hover div.tcyy {width:130px; overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; transform: translate(34%, 30%);  position:absolute; z-index:9999; min-height:80px; display:block}




/*首页banner*/
.indexbanner {width:100%; overflow:hidden; min-width:1100px; height:100vh; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.indexbanner div.title {width:90%; overflow:hidden; margin:0px auto; text-align:center;}
.indexbanner div.title h1 {width:100%; overflow:hidden; text-align:center; font-size:clamp(4rem, 4vw, 90px); font-family:english !important; color:#FFF; font-weight:normal}
.indexbanner div.title h2 {width:100%; overflow:hidden; text-align:center; font-size:clamp(2rem, 2vw, 40px); color:#FFF; font-weight:normal}
.indexbanner i {width:54px; overflow:hidden; height:54px; display:block; border-radius:100px; background:#ce1431; text-align:center; line-height:60px; font-size:clamp(1.4rem, 5vw, 20px) !important; color:#fff; display:block; position:absolute; bottom:10%; left:50%; margin-left:-27px; animation: moveDown 2s ease infinite; cursor:pointer}

@keyframes moveDown {
  0% {
    bottom: 10%;
  }
  50% {
    bottom: 15%;
  }
  100% {
    bottom: 10%;
  }
}

/*首页about*/
.indexabout {width:100%; overflow:hidden; height:100vh; min-width:1100px;}
.indexabout div.m {width:90%; overflow:hidden; height:100vh; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:stretch; align-content:stretch;}
.indexabout div.m div.l {width:46%; overflow:hidden; height:100vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.indexabout div.m div.l p {width:auto; overflow:hidden; display:block; border-radius:8px;}
.indexabout div.m div.l p img {width:100%; overflow:hidden; height:auto; display:block}
.indexabout div.m div.r {width:54%; overflow:hidden; height:100vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexabout div.m div.r div.title {width:100%; overflow:hidden;}
.indexabout div.m div.r div.title h1 {width:100%; overflow:hidden; text-align:center; font-size:clamp(2.4rem, 2.4vw, 50px); font-weight:bold !important; color:#ce1431; font-weight:normal}
.indexabout div.m div.r div.title h2 {width:100%; overflow:hidden; text-align:center; font-size:clamp(1.2rem, 1.2vw, 30px); color:#7d7d7d; font-weight:normal; padding-top:0.8vw}

.indexabout div.m div.r div.shuju {width:100%; overflow:hidden; padding-top:3vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:stretch; align-content:stretch;}
.indexabout div.m div.r div.shuju dl {width:20%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexabout div.m div.r div.shuju dl dt {width:100%; overflow:hidden; text-align:center; font-size:clamp(3rem, 3vw, 80px); color:#ce1431}
.indexabout div.m div.r div.shuju dl dd {width:auto; overflow:hidden; text-align:center; color:#7a7a7a; font-size:clamp(1rem, 1vw, 20px); padding-top:0.4vw}
.indexabout div.m div.r div.shuju dl dd span {width:auto; overflow:hidden; display:inline; font-family:data-c !important; color:#ce1431; font-size:clamp(1.8rem, 1.8vw, 38px)}
.indexabout div.m div.r div.shuju dl dd p {width:auto; overflow:hidden; display:inline; font-weight:bold !important; color:#ce1431; font-size:clamp(1.8rem, 1.8vw, 38px)}
.indexabout div.m div.r div.shuju em {width:2px; overflow:hidden; background:#f5f5f5; display:block; margin-left:2%; margin-right:2%}

.indexabout div.m div.r div.anniu {width:100%; overflow:hidden; padding-top:3vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexabout div.m div.r div.anniu a {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; background:#ce1431; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#FFF; padding-left:4%; padding-right:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexabout div.m div.r div.anniu a i {width:15px; overflow:hidden; font-size:0.8vw; color:#FFF; display:inline}
.indexabout div.m div.r div.anniu a:hover {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; background:#96061d; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#FFF; padding-left:4%; padding-right:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexabout div.m div.r div.anniu a:hover i {width:15px; overflow:hidden; font-size:0.8vw; color:#FFF; display:inline}


/*福贝领航*/
.indexfblh {width:100%; overflow:hidden; height:100vh; min-width:1100px;}
.indexfblh div.m {width:91%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexfblh div.m h1 {width:99%; overflow:hidden; margin:0px auto; text-align:left; font-size:clamp(2.4rem, 2.4vw, 50px); font-weight:bold !important; color:#ce1431; font-weight:normal}

.indexfblh div.m div.sub {width:100%; overflow:hidden; height:74vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch; margin-top:2.8vw}
.indexfblh div.m div.sub div.list {min-width:20%; margin:0.5%; border-radius: 10px; transition: 0.5s cubic-bezier(0, 0, 0, 0); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-end; position:relative}
.indexfblh div.m div.sub div.list h3 {width:100%; overflow:hidden; text-align:center; font-size:clamp(1.8rem, 1.8vw, 38px); color:#FFF; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); transition: all 0.3s linear 0s; z-index:99; height:auto}
.indexfblh div.m div.sub div.list dl {width:90%; overflow:hidden; padding:5% !important; position:absolute; left:0px; bottom:-160%; z-index:99; display:block; position:relative; transition: all 0.5s linear 0s;}
.indexfblh div.m div.sub div.list dl dt {width:100%; overflow:hidden; text-align:left; font-size:clamp(1.8rem, 2.2vw, 38px); color:#FFF; font-weight:bold !important}
.indexfblh div.m div.sub div.list dl dd {width:60%; overflow:hidden; text-align:left; font-size:clamp(1.2rem, 1.2vw, 24px); color:#FFF; padding-top:0.6vw; line-height:1.8vw}
.indexfblh div.m div.sub div.list dl a {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; background:#ce1431; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#FFF; padding-left:4%; padding-right:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:absolute; right:5%; bottom:30%; z-index:99}
.indexfblh div.m div.sub div.list dl a i {width:15px; overflow:hidden; font-size:0.8vw; color:#FFF; display:inline}
.indexfblh div.m div.sub div.list dl a:hover {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; background:#96061d; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#FFF; padding-left:4%; padding-right:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:absolute; right:5%; bottom:30%; z-index:99}
.indexfblh div.m div.sub div.list dl a:hover i {width:15px; overflow:hidden; font-size:0.8vw; color:#FFF; display:inline}


.onmousejg {flex-grow: 10; min-width:56% !important; margin:0.5%; border-radius: 10px; transition: 0.5s cubic-bezier(0, 0, 0, 0); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-end; position:relative}
.onmousejg h3 {width:100%; overflow:hidden; text-align:center; font-size:clamp(1.8rem, 1.8vw, 38px); color:#FFF; position:absolute; left:50% !important; top:50% !important; transform: translate(-50%, -50%) !important; transition: all 0.3s linear 0s; z-index:99; height:0px !important}

.onmousejg dl {width:90%; overflow:hidden; padding:5% !important; position:absolute; left:0px; bottom:0px !important; z-index:99; display:block; position:relative; transition: all 0.5s linear 0s;}
.onmousejg dl dt {width:100%; overflow:hidden; text-align:left; font-size:clamp(1.8rem, 1.8vw, 38px); color:#FFF; font-weight:bold !important}
.onmousejg dl dd {width:60%; overflow:hidden; text-align:left; font-size:clamp(1.2rem, 1.2vw, 24px); color:#FFF; padding-top:0.6vw; line-height:1.8vw}
.onmousejg dl a {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; background:#ce1431; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#FFF; padding-left:4%; padding-right:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:absolute; right:5%; bottom:30%; z-index:99}
.onmousejg dl a i {width:15px; overflow:hidden; font-size:0.8vw; color:#FFF; display:inline}
.onmousejg dl a:hover {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; background:#96061d; text-align:center; font-size:clamp(1rem, 1vw, 18px); color:#FFF; padding-left:4%; padding-right:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:absolute; right:5%; bottom:30%; z-index:99}
.onmousejg dl a:hover i {width:15px; overflow:hidden; font-size:0.8vw; color:#FFF; display:inline}


/*爆品中心*/
.indexbaopin {width:100%; height:auto; min-width:1100px; position:relative; padding-bottom:3vw}
.indexbaopin div.m {width:91%; overflow:hidden; min-width:1100px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexbaopin div.m h1 {width:99%; overflow:hidden; margin:0px auto; text-align:left; font-size:clamp(2.4rem, 2.4vw, 50px); font-weight:bold !important; color:#ce1431; font-weight:normal; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.indexbaopin div.m h1 a {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; border:1px solid #ce1431; text-align:center; font-size:clamp(1.2rem, 1.2vw, 20px); color:#ce1431; padding-left:3%; padding-right:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexbaopin div.m h1 a i {width:15px; overflow:hidden; font-size:1vw; color:#ce1431; display:inline; padding-left:3px}
.indexbaopin div.m h1 a:hover {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; border:1px solid #ce1431; background:#ce1431; text-align:center; font-size:clamp(1.2rem, 1.2vw, 20px); color:#fff; padding-left:3%; padding-right:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexbaopin div.m h1 a:hover i {width:15px; overflow:hidden; font-size:1vw; color:#fff; display:inline; padding-left:3px}

.swiper-container {width:100%; height:100%; margin-top:2.8vw}
.swiper-container div.swiper-wrapper {width:auto}
.swiper-container div.swiper-wrapper div.swiper-slide {width:auto; overflow:hidden;}
.swiper-container div.swiper-wrapper div.swiper-slide a {width:96%; overflow:hidden; margin:0px auto; display:block; position:relative}
.swiper-container div.swiper-wrapper div.swiper-slide a img {width:100%; overflow:hidden; height:auto; display:block; margin-bottom:36%; border-radius:10px}
.swiper-container div.swiper-wrapper div.swiper-slide a h3 {width:100%; overflow:hidden; text-align:center; font-size:clamp(1.4rem, 1.4vw, 30px); color:#656565; font-weight:normal}
.swiper-container div.swiper-wrapper div.swiper-slide a i {width:60%; overflow:hidden; height:auto; display:block; position:absolute; left:50%; bottom:10%; transform: translate(-50%, 0%); display:block}
.swiper-container div.swiper-wrapper div.swiper-slide a i img {width:100%; overflow:hidden; height:auto; display:block; margin:0px !important}


.indexbaopin div.swiper-button-next {width:2.6vw !important; overflow:hidden !important; height:2.6vw !important; position:absolute !important; right:1% !important; top:50% !important; z-index:99 !important; transform: translate(0%, -50%) !important; border-radius:100px !important; border:1px solid #ce1431 !important; text-align:center !important; line-height:50px !important; font-size:clamp(1rem, 1vw, 18px) !important; color:#ce1431}
.indexbaopin div.swiper-button-next::after {font-size:0px;}
.indexbaopin div.swiper-button-prev {width:2.6vw !important; overflow:hidden !important; height:2.6vw !important; position:absolute !important; left:1% !important; top:50% !important; z-index:99 !important; transform:(0%, -50%) !important; border-radius:100px !important; border:1px solid #ce1431 !important; text-align:center !important; line-height:50px !important; font-size:clamp(1rem, 1vw, 18px) !important; color:#ce1431}
.indexbaopin div.swiper-button-prev::after {font-size:0px;}


/*福贝新闻*/
.indexnews {width:100%; min-width:1100px; position:relative; margin-top:3vw; padding-bottom:6vw}
.indexnews div.m {width:90%; overflow:hidden; min-width:1100px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexnews div.m h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; font-size:clamp(2.4rem, 2.4vw, 50px); font-weight:bold !important; color:#ce1431; font-weight:normal}
.indexnews div.m div.sub {width:100%; overflow:hidden; margin-top:2.6vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.indexnews div.m div.sub div.l {width:49%; overflow:hidden}
.indexnews div.m div.sub div.l a {width:100%; overflow:hidden; height:auto; display:block; border-radius:10px;}
.indexnews div.m div.sub div.l a img {width:100%; overflow:hidden; height:auto; display:block}
.indexnews div.m div.sub div.r {width:49%; overflow:hidden}
.indexnews div.m div.sub div.r dl {width:100%; overflow:hidden}
.indexnews div.m div.sub div.r dl a {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start; margin-bottom:1.5vw;}
.indexnews div.m div.sub div.r dl a dt {width:20%; overflow:hidden; min-height:2.2vw; text-align:left; line-height:2.2vw; color:#898989; font-family:data !important; font-size:clamp(1.2rem, 1.2vw, 30px) !important;}
.indexnews div.m div.sub div.r dl a dd {width:78%; overflow:hidden; min-height:2.2vw; text-align:left; line-height:2.2vw; color:#3f3f3f; font-size:clamp(1.2rem, 1.2vw, 30px) !important}
.indexnews div.m div.sub div.r dl a:hover {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start; margin-bottom:1.5vw;}
.indexnews div.m div.sub div.r dl a:hover dt {width:20%; overflow:hidden; min-height:2.2vw; text-align:left; line-height:2.2vw; color:#ce1431; font-family:data !important; font-size:clamp(1.2rem, 1.2vw, 30px) !important;}
.indexnews div.m div.sub div.r dl a:hover dd {width:78%; overflow:hidden; min-height:2.2vw; text-align:left; line-height:2.2vw; color:#ce1431; font-size:clamp(1.2rem, 1.2vw, 30px) !important}
.indexnews div.m div.sub div.r dl i {width:100%; overflow:hidden; height:1px; background:#dadbdf; display:block; margin-bottom:1.5vw;}

.indexnews div.m a.more {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; border:2px solid #ce1431; text-align:center; font-size:clamp(1.2rem, 1.2vw, 20px); color:#ce1431; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin:0px !important; margin-top:5vw !important}
.indexnews div.m a.more i {width:15px; overflow:hidden; font-size:1vw; color:#ce1431; display:inline; padding-left:3px}
.indexnews div.m a.more:hover {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; border:2px solid #ce1431; background:#ce1431; text-align:center; font-size:clamp(1.2rem, 1.2vw, 20px); color:#fff; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin:0px !important;  margin-top:5vw !important}
.indexnews div.m a.more:hover i {width:15px; overflow:hidden; font-size:1vw; color:#fff; display:inline; padding-left:3px}



/*footer*/
footer {width:100%; overflow:hidden; background:#ce1431; padding-bottom:3vw; padding-top:3.6vw}
footer div.footnav {width:90%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
footer div.footnav dl {width:auto; overflow:hidden;}
footer div.footnav dl dt {width:auto; overflow:hidden;}
footer div.footnav dl dt a {width:auto; overflow:hidden; text-align:left; color:#FFF; font-size:clamp(1.3rem, 1.3vw, 26px); display:block; padding-bottom:0.6vw}
footer div.footnav dl dt a:hover {color:#f6c1c9}
footer div.footnav dl dd {width:auto; overflow:hidden;}
footer div.footnav dl dd a {width:auto; overflow:hidden; text-align:left; color:#FFF; font-size:clamp(1rem, 1vw, 20px); display:block; line-height:2vw}
footer div.footnav dl dd a:hover {color:#f6c1c9}

footer div.banquan {width:90%; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start; border-top:1px solid #e78a98; margin-top:2vw; padding-top:1.5vw}
footer div.banquan div.l {width:60%; overflow:hidden; text-align:left; font-size:clamp(0.9rem, 0.9vw, 18px); color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
footer div.banquan div.l a {color:#FFF}
footer div.banquan div.l i {width:1px; overflow:hidden; height:0.5vw; background:#FFF; display:inline; margin-left:1%; margin-right:1%}
footer div.banquan div.r {width:40%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
footer div.banquan div.r dl {width:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start; align-content:center;}
footer div.banquan div.r dl dt {width:40px; color:#FFF; text-align:left; font-size:clamp(1.8rem, 1.8vw, 36px);}
footer div.banquan div.r dl dd {width:auto; font-family:data-c !important; color:#FFF; text-align:left; font-size:clamp(1.2rem, 1.2vw, 26px);}
footer div.banquan div.r a {width:auto; display:block; color:#FFF; text-align:left; font-size:clamp(1.8rem, 1.8vw, 36px); padding-top:0px; padding-left:2%; position:relative}
footer div.banquan div.r a em {width:120px; overflow:hidden; height:120px; display:none; background:#FFF; border-radius:8px; padding:6px; position:absolute; left:50%; bottom:50px; z-index:9999; margin-left:-60px;}
footer div.banquan div.r a em img {width:100%; overflow:hidden; height:auto; display:block}
footer div.banquan div.r a b {width:220px; overflow:hidden; height:50px; display:none; background:#FFF; border-radius:8px; padding:6px; position:absolute; left:50%; bottom:50px; z-index:9999; margin-left:-110px; font-weight:normal; font-size:clamp(1.2rem, 1.2vw, 30px); color:#ce1431; text-align:center; line-height:50px;}

footer div.banquan div.r a:hover {width:auto; display:block; color:#f6c1c9; text-align:left; font-size:clamp(1.8rem, 1.8vw, 36px); padding-top:0px; padding-left:2%; position:relative}
footer div.banquan div.r a:hover em {width:120px; overflow:hidden; height:120px; display:block; background:#FFF; border-radius:8px; padding:6px; position:absolute; left:50%; bottom:50px; z-index:9999; margin-left:-60px;}
footer div.banquan div.r a:hover em img {width:100%; overflow:hidden; height:auto; display:block}
footer div.banquan div.r a:hover b {width:220px; overflow:hidden; height:50px; display:block; background:#FFF; border-radius:8px; padding:6px; position:absolute; left:50%; bottom:50px; z-index:9999; margin-left:-110px; font-weight:normal; font-size:clamp(1.2rem, 1.2vw, 30px); color:#ce1431; text-align:center; line-height:50px;}

/*关于福贝*/
.abouttopbanner {width:100%; overflow:hidden; height:100vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.abouttopbanner h1 {width:90%; overflow:hidden; text-align:center; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:clamp(1.8rem, 1.8vw, 48px);}
.abouttopbanner h1 span {width:100%; overflow:hidden; display:block; text-align:center; color:#FFF; font-size:clamp(2.6rem, 2.6vw, 62px); font-family:english !important; opacity: 0.6; text-transform:uppercase}
.aboutfubei {width:100%; overflow:hidden; min-height:100vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:stretch; align-content:stretch}
.aboutfubei div.sub {width:46%; overflow:hidden; background:#fff; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.aboutfubei div.sub h1 {width:100%; overflow:hidden; text-align:left; font-size:clamp(2rem, 2vw, 48px); font-weight:600; color:#ce1431; font-family:english-c !important}
.aboutfubei div.sub div.nr {width:100%; overflow:hidden; text-align:left; color:#636363; font-size:clamp(1.1rem, 1.1vw, 18px); line-height:30px; padding-top:1.6vw}
.aboutfubei div.sub div.nr p {width:100%; overflow:hidden; text-align:left; display:block; color:#636363; font-size:clamp(1.1rem, 1.1vw, 18px); padding-top:0.2vw; padding-bottom:0.2vw}
.aboutfubei div.sub div.shuju {width:100%; overflow:hidden; padding-top:3vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:stretch; align-content:stretch;}
.aboutfubei div.sub div.shuju dl {width:20%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.aboutfubei div.sub div.shuju dl dt {width:100%; overflow:hidden; text-align:center; font-size:clamp(3rem, 3vw, 80px); color:#ce1431}
.aboutfubei div.sub div.shuju dl dd {width:auto; overflow:hidden; text-align:center; color:#7a7a7a; font-size:clamp(1rem, 1vw, 20px); padding-top:0.4vw}
.aboutfubei div.sub div.shuju dl dd span {width:auto; overflow:hidden; display:inline; font-family:data-c !important; color:#ce1431; font-size:clamp(1.8rem, 1.8vw, 38px)}
.aboutfubei div.sub div.shuju dl dd p {width:auto; overflow:hidden; display:inline; font-weight:bold !important; color:#ce1431; font-size:clamp(1.8rem, 1.8vw, 38px)}
.aboutfubei div.sub div.shuju em {width:2px; overflow:hidden; background:#f5f5f5; display:block; margin-left:3.6vw; margin-right:3.6vw}

.aboutwenhua {width:100%; overflow:hidden; min-height:100vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center}
.aboutwenhua h1 {width:90%; overflow:hidden; text-align:center; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:clamp(1.8rem, 1.8vw, 48px);}
.aboutwenhua div.sub {width:90%; overflow:hidden; margin:0px auto; margin-top:4vw;}
.aboutwenhua div.sub dl {width:40%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;}
.aboutwenhua div.sub dl dt {width:4vw; overflow:hidden; height:5vw; text-align:left; line-height:5vw; font-size:clamp(2.4rem, 2.4vw, 50px); color:#FFF}
.aboutwenhua div.sub dl dd {width:auto; overflow:hidden; padding-bottom:1.4vw; margin-bottom:1.4vw; border-bottom:1px solid #d0d0d0; text-align:left; color:#FFF; font-size:clamp(1.3rem, 1.3vw, 30px)}
.aboutwenhua div.sub dl dd span {width:auto; overflow:hidden; display:block; text-align:left; color:#FFF; font-size:clamp(1.1rem, 1.1vw, 24px); padding-top:0.2vw}

.fubei_zeren {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.fubei_zeren div.l {width:50%; overflow:hidden}
.fubei_zeren div.l img {width:100%; overflow:hidden; height:auto; display:block}
.fubei_zeren div.r {width:50%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.fubei_zeren div.r h1 {width:80%; overflow:hidden; text-align:left; font-size:clamp(1.8rem, 1.8vw, 50px); color:#ce1431}
.fubei_zeren div.r p {width:80%; overflow:hidden; display:block; font-size:clamp(1.1rem, 1.1vw, 26px); color:#7d7d7d; text-align:left; padding-top:0.3vw}
.fubei_zeren div.r p span {width:auto; display:inline; font-size:clamp(1.6rem, 1.6vw, 36px); font-family:data !important}


.fubei_rongyu {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.fubei_rongyu div.l {width:44%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.fubei_rongyu div.l h1 {width:80%; overflow:hidden; text-align:left; font-size:clamp(1.8rem, 1.8vw, 50px); color:#ce1431}
.fubei_rongyu div.l p {width:80%; overflow:hidden; display:block; font-size:clamp(1rem, 1vw, 20px); color:#7d7d7d; text-align:left; padding-top:3vw}
.fubei_rongyu div.l dl {width:40%; margin-top:3vw !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.fubei_rongyu div.l dl dt {width:100%; overflow:hidden; font-size:clamp(1.4rem, 1.4vw, 36px); color:#ce1431; text-align:center}
.fubei_rongyu div.l dl dt span {width:auto; overflow:hidden; display:inline; font-size:clamp(1.8rem, 1.8vw, 46px); font-family:data !important}
.fubei_rongyu div.l dl dd {width:auto; overflow:hidden; text-align:left; color:#727272; font-size:clamp(1rem, 1vw, 20px)}

.fubei_rongyu div.r {width:54%; padding-right:2%; overflow:hidden; min-height:80vh; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.fubei_rongyu div.r i.t {width:100%; overflow:hidden; height:150px; background:url(../images/about/t_z.png) top repeat-x; position:absolute; left:0px; top:0px; z-index:9999}
.fubei_rongyu div.r i.d {width:100%; overflow:hidden; height:150px; background:url(../images/about/d_z.png) bottom repeat-x; position:absolute; left:0px; bottom:0px; z-index:9999}

.fubei_rongyu div.r div.s {width:23%; overflow:hidden;}

.ry_1 {width:100%; overflow:hidden; height:80vh;}
.ry_1 a {width:100%; overflow:hidden; height:auto; display:block; margin-top:1vw;}
.ry_1 a img {width:100%; overflow:hidden; height:auto; display:block}
#indemo {height:400%;}
#demo1 {height:400%;}
#demo2 {height:400%;}

.ry_2 {width:100%; overflow:hidden; height:80vh;}
.ry_2 a {width:100%; overflow:hidden; height:auto; display:block; margin-top:1vw;}
.ry_2 a img {width:100%; overflow:hidden; height:auto; display:block}
#demo5 {height:400%;}
#demo6 {height:400%;}

.ry_3 {width:100%; overflow:hidden; height:80vh;}
.ry_3 a {width:100%; overflow:hidden; height:auto; display:block; margin-top:1vw;}
.ry_3 a img {width:100%; overflow:hidden; height:auto; display:block}
#demo8 {height:400%;}
#demo9 {height:400%;}

.ry_4 {width:100%; overflow:hidden; height:80vh;}
.ry_4 a {width:100%; overflow:hidden; height:auto; display:block; margin-top:1vw;}
.ry_4 a img {width:100%; overflow:hidden; height:auto; display:block}
#demo11 {height:400%;}
#demo12 {height:400%;}


.zizhi {width:90%; overflow:hidden; padding:5%; background:#f5f5f5; position:relative}
.zizhi h1 {width:80%; overflow:hidden; text-align:left; font-size:clamp(1.8rem, 1.8vw, 50px); color:#ce1431}

.swiper-containerzizhi {width:100%; overflow:hidden; padding-top:3vw}
.swiper-containerzizhi div.swiper-wrapper {width:100%; height:auto !important}
.swiper-containerzizhi div.swiper-wrapper div.swiper-slide {width:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.swiper-containerzizhi div.swiper-wrapper div.swiper-slide a {width:70%; overflow:hidden; display:block; margin:0px auto; background:#fff; border-radius:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding:15%}
.swiper-containerzizhi div.swiper-wrapper div.swiper-slide a img {width:100%; overflow:hidden; height:auto; display:block}

.zizhi div.swiper-button-next1 {width:1.6vw !important; overflow:hidden !important; height:1.6vw !important; position:absolute !important; right:1% !important; top:60% !important; z-index:99 !important; transform: translate(0%, 50%) !important; text-align:center !important; line-height:50px !important; font-size:clamp(1rem, 1vw, 18px) !important; color:#ce1431 !important}
.zizhi div.swiper-button-next1::after {font-size:0px;}
.zizhi div.swiper-button-prev1 {width:1.6vw !important; overflow:hidden !important; height:1.6vw !important; position:absolute !important; left:1% !important; top:60% !important; z-index:99 !important; transform: translate(0%, 50%) !important; text-align:center !important; line-height:50px !important; font-size:clamp(1rem, 1vw, 18px) !important; color:#ce1431 !important}
.zizhi div.swiper-button-prev1::after {font-size:0px;}


.fubeiyinji {width:100%; overflow:hidden; height:100vh; background:url(../images/about/timebg.jpg) center no-repeat; background-size:cover; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.fubeitime {width:90%; height:60vh; margin:0px auto; position:relative}
.fubeitime i {width:100%; overflow:hidden; height:1px; background:#bfcfd7; position:absolute; left:0px; top:50%; margin-top:-0.5px; z-index:1}
.fubeitime div.swiper-wrapper {width:auto}
.fubeitime div.swiper-wrapper div.swiper-slide {width:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:relative; transform: scale(0.7);}
.fubeitime div.swiper-wrapper div.swiper-slide h1 {width:100%; overflow:hidden; text-align:center; font-size:clamp(3rem, 3vw, 60px); color:#fff; font-family:data-c !important; line-height:3vw; height:3vw}
.fubeitime div.swiper-wrapper div.swiper-slide em {width:12px; overflow:hidden; height:12px; border-radius:100px; background:#bfcfd7; display:block; margin-top:1vw; margin-bottom:1vw;}
.fubeitime div.swiper-wrapper div.swiper-slide span {width:100%; overflow:hidden; height:3vw; display:block}
.fubeitime div.swiper-wrapper div.swiper-slide h2 {width:300%; overflow:hidden; text-align:center; font-size:clamp(1.4rem, 1.4vw, 40px); color:#fff; font-family:data-c !important; font-weight:normal; line-height:3vw; position:absolute; left:50%; margin-left:-150%; bottom:50%; margin-bottom:-40%; transition: all 0.3s linear 0s; opacity:0; filter:Alpha(opacity=0)}


.fubeitime div.swiper-wrapper div.swiper-slide-active,div.swiper-slide-duplicate-active {transform: scale(1);}
.fubeitime div.swiper-wrapper div.swiper-slide-active h2 {width:300%; overflow:hidden; text-align:center; font-size:clamp(1.4rem, 1.4vw, 40px); color:#fff; font-weight:normal; line-height:3vw; position:absolute; left:50%; margin-left:-150%; bottom:50%; margin-bottom:-30% !important; font-weight:bold; transition: all 0.3s linear 0s; opacity:1; filter:Alpha(opacity=100)}


.fubeitime div.swiper-button-next_qh {width:2.6vw !important; overflow:hidden !important; position:absolute !important; right:-4% !important; top:50% !important; z-index:99 !important;  transform: translate(0%, -50%); text-align:center !important; font-size:clamp(1.8rem, 1.8vw, 38px) !important; color:#fff}
.fubeitime div.swiper-button-next_qh::after {font-size:0px;}
.fubeitime div.swiper-button-prev_qh {width:2.6vw !important; overflow:hidden !important; position:absolute !important; left:-4% !important; top:50% !important; z-index:99 !important;  transform: translate(0%, -50%); text-align:center !important; font-size:clamp(1.8rem, 1.8vw, 38px) !important; color:#fff}
.fubeitime div.swiper-button-prev_qh::after {font-size:0px;}

.timeyinji {width:90%; overflow:hidden; margin:0px auto;} 
.timeyinji .timeyinjiTitle {width:100%; overflow:hidden;} 
.timeyinji .timeyinjiTitle ul {width:50%; min-width:500px; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center; border-radius:100px; border:1px solid #fff} 
.timeyinji .timeyinjiTitle li {width:50%; font-size:clamp(1.4rem, 1.4vw, 36px); text-align:center; border-radius:100px; line-height:3.2vw; cursor:pointer;} 
.timeyinji .timeyinjiTitle .active {background:#ce1431; font-size:clamp(1.4rem, 1.4vw, 36px); color:#FFF; font-weight:bold !important;}
.timeyinji .timeyinjiTitle .normal {font-size:clamp(1.4rem, 1.4vw, 36px); color:#fff} 
.timeyinji .timeyinjiContent {width:100%; overflow:hidden;}
.timeyinjinone {display:none;}



/*爆品中心*/
.productcenter {width:100%; overflow:hidden; background:url(../images/product/bg.jpg) center top no-repeat #fafbfb; padding-bottom:5vw}
.productcenter div.pnav {width:90%; overflow:hidden; height:4vw; background:#fff; border-radius:100px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; margin-top:4.8vw; margin-bottom:3.6vw}
.productcenter div.pnav a {width:16.6666666%; overflow:hidden; height:4vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size:clamp(1.2rem, 1.2vw, 36px); color:#ce1431; background:#fff; border-radius:100px;}
.productcenter div.pnav a:hover {width:16.6666666%; overflow:hidden; height:4vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size:clamp(1.2rem, 1.2vw, 36px); color:#fff; background:#ce1431; border-radius:100px;}
.productcenter div.pnav a.ahover {width:16.6666666%; overflow:hidden; height:4vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size:clamp(1.2rem, 1.2vw, 36px); color:#fff; background:#ce1431; border-radius:100px;}

.productcenter h1 {width:26%; overflow:hidden; text-align:center; margin:0px auto; font-size:clamp(1rem, 1vw, 30px); color:#454545; font-weight:normal}
.productcenter h1 span {width:auto; overflow:hidden; display:inline; font-family:data-c !important; font-size:clamp(1.8rem, 1.8vw, 50px);}

.productcenter div.m {width:90%; overflow:hidden; margin:0px auto; margin-top:4vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; padding-bottom:3vw}
.productcenter div.m a {width:32%; overflow:hidden; margin-top:2vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch; background:#fff; border-radius:16px; -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); position:relative}
.productcenter div.m a i {width:50%; overflow:hidden; display:block; margin-top:1vw}
.productcenter div.m a i img {width:100%; overflow:hidden; height:auto; display:block; margin-left:-2vw; margin-bottom:-4vw}
.productcenter div.m a span {width:40%; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-size:clamp(1.4rem, 1.4vw, 38px); font-family:data !important; color:#807f87}
.productcenter div.m a span b {font-size:clamp(0.8rem, 0.8vw, 12px); padding-right:15%; padding-top:3%; font-weight:normal}
.productcenter div.m a em {width:100%; overflow:hidden; height:0.4vw; background:#ce1431; display:block; position:absolute; bottom:-10%; left:0px; z-index:99; transition: all 0.3s linear 0s;}

.productcenter div.m a:hover {width:32%; overflow:hidden; margin-top:2vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch; background:#f9f2f3; border-radius:16px; -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); position:relative}
.productcenter div.m a:hover i {width:50%; overflow:hidden; display:block; margin-top:1vw}
.productcenter div.m a:hover i img {width:100%; overflow:hidden; height:auto; display:block; margin-left:-2.2vw; margin-bottom:-4.2vw}
.productcenter div.m a:hover span {width:40%; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-size:clamp(1.4rem, 1.4vw, 38px); font-family:data !important; color:#807f87}
.productcenter div.m a:hover em {width:100%; overflow:hidden; height:0.4vw; background:#ce1431; display:block; position:absolute; bottom:0px; left:0px; z-index:99; transition: all 0.3s linear 0s;}


/*新闻中心*/
.newstoutiao {width:90%; overflow:hidden; min-width:1100px; margin:0px auto; margin-top:5vw;}
.newstoutiao a {width:100%; overflow:hidden; display:block; position:relative; border-radius:15px}
.newstoutiao a img {width:100%; overflow:hidden; height:auto; display:block}
.newstoutiao a div.tit {width:94%; overflow:hidden; padding:3%; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); position:absolute; left:0px; bottom:0px; z-index:99}
.newstoutiao a div.tit dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.newstoutiao a div.tit dl dt {width:70%; overflow:hidden}
.newstoutiao a div.tit dl dt span {width:100%; overflow:hidden; display:block; text-align:left; font-size:clamp(0.9rem, 0.9vw, 22px); color:#FFF}
.newstoutiao a div.tit dl dt p {width:100%; overflow:hidden; display:block; text-align:left; font-size:clamp(1.4rem, 1.4vw, 38px); color:#FFF; padding-top:1vw}
.newstoutiao a div.tit dl dd {width:30%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
.newstoutiao a div.tit dl dd span {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; border:2px solid #fff; text-align:center; font-size:clamp(1rem, 1vw, 20px); color:#fff; padding-left:8%; padding-right:8%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin:0px !important;}
.newstoutiao a div.tit dl dd span i {width:15px; overflow:hidden; font-size:1vw; color:#fff; display:inline; padding-left:1vw}

.newstoutiao a:hover {width:100%; overflow:hidden; display:block; position:relative; border-radius:15px}
.newstoutiao a:hover img {width:100%; overflow:hidden; height:auto; display:block}
.newstoutiao a:hover div.tit {width:94%; overflow:hidden; padding:3%; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); position:absolute; left:0px; bottom:0px; z-index:99}
.newstoutiao a:hover div.tit dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.newstoutiao a:hover div.tit dl dt {width:70%; overflow:hidden}
.newstoutiao a:hover div.tit dl dt span {width:100%; overflow:hidden; display:block; text-align:left; font-size:clamp(0.9rem, 0.9vw, 22px); color:#FFF}
.newstoutiao a:hover div.tit dl dt p {width:100%; overflow:hidden; display:block; text-align:left; font-size:clamp(1.4rem, 1.4vw, 38px); color:#ffdae0; padding-top:1vw}
.newstoutiao a:hover div.tit dl dd {width:30%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
.newstoutiao a:hover div.tit dl dd span {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; border:2px solid #fff; text-align:center; font-size:clamp(1rem, 1vw, 20px); color:#fff; padding-left:8%; padding-right:8%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin:0px !important;}
.newstoutiao a:hover div.tit dl dd span i {width:15px; overflow:hidden; font-size:1vw; color:#fff; display:inline; padding-left:1vw}


.newslist {width:90%; overflow:hidden; min-width:1100px; margin:0px auto; margin-top:5vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.newslist dl {width:31%; overflow:hidden; margin-bottom:3vw !important}
/*weber20240109修改——新闻列表标题首行缩略*/
/*.newslist dl a {width:100%; overflow:hidden; display:block}*/
.newslist dl a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; display:block;}
.newslist dl a dt {width:100%; overflow:hidden; height:auto; border-radius:8px;}
.newslist dl a dt img {width:100%; overflow:hidden; height:auto; display:block}
.newslist dl a dd {width:100%; overflow:hidden; padding-top:0.4vw}
.newslist dl a dd span {width:100%; overflow:hidden; display:block; text-align:left; font-size:clamp(0.9rem, 0.9vw, 20px); color:#898989; padding-top:1vw}
.newslist dl a dd p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; display:block; text-align:left; font-size:clamp(1.1rem, 1.1vw, 24px); color:#333; padding-top:0.5vw}
.newslist dl a dd b {width:30%; overflow:hidden; height:2.2vw; line-height:2.2vw; border-radius:100px; border:2px solid #ce1431; text-align:center; font-size:clamp(1rem, 1vw, 20px); color:#ce1431; padding-left:3%; padding-right:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-weight:normal; margin-top:1vw !important}
.newslist dl a dd b i {width:15px; overflow:hidden; font-size:1vw; color:#ce1431; display:inline; padding-left:1vw}

.newslist dl a:hover {width:100%; overflow:hidden; display:block}
.newslist dl a:hover dt {width:100%; overflow:hidden; height:auto; border-radius:8px;}
.newslist dl a:hover dt img {width:100%; overflow:hidden; height:auto; display:block}
.newslist dl a:hover dd {width:100%; overflow:hidden; padding-top:0.4vw}
.newslist dl a:hover dd span {width:100%; overflow:hidden; display:block; text-align:left; font-size:clamp(0.9rem, 0.9vw, 20px); color:#898989; padding-top:1vw}
.newslist dl a:hover dd p {width:100%; overflow:hidden; display:block; text-align:left; font-size:clamp(1.1rem, 1.1vw, 24px); color:#ce1431; padding-top:0.5vw}
.newslist dl a:hover dd b {width:30%; overflow:hidden; height:2.2vw; line-height:2.2vw; border-radius:100px; border:2px solid #ce1431; background:#ce1431; text-align:center; font-size:clamp(1rem, 1vw, 20px); color:#fff; padding-left:3%; padding-right:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-weight:normal; margin-top:1vw !important}
.newslist dl a:hover dd b i {width:15px; overflow:hidden; font-size:1vw; color:#ce1431; display:inline; padding-left:1vw}

.newsshow {width:80%; overflow:hidden; min-width:1100px; margin:0px auto; padding-top:10vw;}
.newsshow div.tit {width:100%; overflow:hidden; padding-bottom:2%; border-bottom:1px solid #ddd;}
.newsshow div.tit h1 {width:100%; overflow:hidden; text-align:left; line-height:50px; font-size:26px; color:#333}
.newsshow div.tit p {width:100%; overflow:hidden; text-align:left; line-height:30px; margin-top:10px; font-size:16px; color:#666; display:block}
.newsshow div.showmain {width:100%; overflow:hidden; text-align:left; line-height:32px; font-size:18px; color:#646571; margin-top:60px;}
.newsshow div.showmain p {width:100% !important; overflow:hidden !important; display:block !important; padding-bottom:15px !important;}
.newsshow div.showmain img {width:auto !important; overflow:hidden !important; height:auto !important; display:block !important; margin:0px auto !important; max-width:100% !important; margin-bottom:15px !important}

.newsshow a.more {width:200px; overflow:hidden; margin:0px auto; height:2.6vw; line-height:2.6vw; border-radius:100px; border:2px solid #ce1431; text-align:center; font-size:clamp(1.2rem, 1.2vw, 20px); color:#ce1431; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:5vw !important}
.newsshow a.more i {width:15px; overflow:hidden; font-size:1vw; color:#ce1431; display:inline; padding-left:3px}
.newsshow a.more:hover {width:200px; overflow:hidden; margin:0px auto; height:2.6vw; line-height:2.6vw; border-radius:100px; border:2px solid #ce1431; background:#ce1431; text-align:center; font-size:clamp(1.2rem, 1.2vw, 20px); color:#fff; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:5vw !important}
.newsshow a.more:hover i {width:15px; overflow:hidden; font-size:1vw; color:#fff; display:inline; padding-left:3px}

/*分页*/
.fenye {width:auto; overflow:hidden; text-align:center; margin-top:4vw; margin-bottom:7vw}
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB; border-radius:100px;}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; border-radius:100px;}
.pagination a:hover { text-decoration:none}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination li {margin:0 5px;font-size:14px;border:none; border-radius:100px;}
.pagination li a {color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
.pagination li.active a,.pagination li a:hover {background:#ce1431;color:#fff;border:1px solid #ce1431;}


/*联系我们*/
.contact {width:80%; overflow:hidden; margin:0px auto; min-width:1100px; margin-top:5vw; padding-bottom:5vw}
.contact h1 {width:100%; overflow:hidden; text-align:center; font-size:clamp(1.8rem, 1.8vw, 50px); color:#ce1431}
.contact div.m {width:100%; overflow:hidden; margin-top:5.4vw;}
.contact div.m form {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.contact div.m form dl {width:49%; overflow:hidden; border-bottom:2px solid #cacaca; padding-bottom:1vw !important; margin-bottom:4vw !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.contact div.m form dl dt {width:40px; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; font-size:clamp(1.6rem, 1.6vw, 36px); color:#ce1431}
.contact div.m form dl dd {width:93%; overflow:hidden; text-align:left;}
.contact div.m form dl dd input {width:100%; overflow:hidden; text-align:left; border:0px; background:none; font-size:clamp(1rem, 1vw, 20px); color:#8e8e8e}

.contact div.m form dl.c {width:100%; overflow:hidden; border-bottom:2px solid #cacaca; padding-bottom:1vw !important; margin-bottom:4vw !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; position:relative}
.contact div.m form dl.c dt {width:40px; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; font-size:clamp(1.6rem, 1.6vw, 36px); color:#ce1431}
.contact div.m form dl.c dd {width:98%; overflow:hidden; text-align:left;}
.contact div.m form dl.c dd select {width:100%; overflow:hidden; text-align:left; border:0px; background:none; font-size:clamp(1rem, 1vw, 20px); color:#8e8e8e; position:relative; z-index:2}
.contact div.m form dl.c i {width:40px; overflow:hidden; text-align:right; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; font-size:clamp(1.4rem, 1.4vw, 36px); color:#ce1431; position:absolute; top:50%; right:0%; transform: translate(0%, -50%); z-index:1}

.contact div.m form dl.sub {width:100%; overflow:hidden; border-bottom:0px solid #cacaca; padding-bottom:1vw !important; margin-bottom:0vw !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; position:relative}
.contact div.m form dl.sub dt {width:40px; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; font-size:clamp(1.6rem, 1.6vw, 36px); color:#ce1431}
.contact div.m form dl.sub dd {width:98%; overflow:hidden; text-align:left; font-size:clamp(1rem, 1vw, 20px); color:#8e8e8e}

.contact div.m form div.ly {width:100%; overflow:hidden; border-bottom:2px solid #cacaca; padding-bottom:1vw !important; margin-bottom:4vw !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; position:relative}
.contact div.m form div.ly textarea {width:100%; overflow:hidden; min-height:160px; text-align:left; border:0px; background:none; font-size:clamp(1rem, 1vw, 20px); color:#8e8e8e}

.contact div.m form div.an {width:100%; overflow:hidden; border-bottom:0px solid #cacaca !important; padding-bottom:1vw !important; margin-bottom:4vw !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; position:relative}

.contact div.m form div.an button {width:300px; overflow:hidden; margin:0px auto; height:2.6vw; line-height:2.6vw; border-radius:100px; border:2px solid #ce1431; background:#ce1431; text-align:center; font-size:clamp(1.2rem, 1.2vw, 20px); color:#fff; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:5vw !important}
.contact div.m form div.an button em {width:15px; overflow:hidden; font-size:1vw; color:#fff; display:inline; padding-left:3px}
.contact div.m form div.an button:hover {width:300px; overflow:hidden; margin:0px auto; height:2.6vw; line-height:2.6vw; border-radius:100px; border:2px solid #a40b23; background:#a40b23; text-align:center; font-size:clamp(1.2rem, 1.2vw, 20px); color:#fff; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:5vw !important}
.contact div.m form div.an button:hover em {width:15px; overflow:hidden; font-size:1vw; color:#fff; display:inline; padding-left:3px}

.contactshare {width:100%; min-width:1100px; background:#f1f1f1}
.contactshare div.m {width:90%; margin:0px auto; padding-top:5%; padding-bottom:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.contactshare div.m dl {width:19%; background:#FFF; border-radius:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:0.6vw !important; padding-bottom:0.6vw !important; -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); position:relative; cursor:pointer}
.contactshare div.m dl dt {width:60px; overflow:hidden; text-align:left; font-size:clamp(2.2rem, 2.2vw, 50px);}
.contactshare div.m dl dd {width:auto; overflow:hidden; color:#666; font-size:clamp(1.4rem, 1.4vw, 30px);}
.contactshare div.m dl span {width:40%; overflow:hidden; padding:1%; background:#FFF; position:absolute; left:50%; bottom:10%; transform: translate(-50%, -50%); display:none; z-index:999; border:1px solid #ddd; border-radius:10px;}
.contactshare div.m dl span img {width:100%; overflow:hidden; height:auto; display:block}
.contactshare div.m dl p {width:90%; overflow:hidden; padding:5%; background:#FFF; position:absolute; left:50%; bottom:50%; transform: translate(-50%, -50%); display:none; z-index:999; border:1px solid #ddd; text-align:center; color:#666; font-size:clamp(1.4rem, 1.4vw, 30px); border-radius:10px;}

.contactshare div.m dl:hover {width:19%; background:#FFF; border-radius:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:0.6vw !important; padding-bottom:0.6vw !important; -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); position:relative; cursor:pointer}
.contactshare div.m dl:hover dt {width:60px; overflow:hidden; text-align:left; font-size:clamp(2.2rem, 2.2vw, 50px);}
.contactshare div.m dl:hover dd {width:auto; overflow:hidden; color:#666; font-size:clamp(1.4rem, 1.4vw, 30px);}
.contactshare div.m dl:hover span {width:40%; overflow:hidden; padding:1%; background:#FFF; position:absolute; left:50%; bottom:10%; transform: translate(-50%, -50%); display:block; z-index:999; border:1px solid #ddd; text-align:center; color:#666; font-size:clamp(1.4rem, 1.4vw, 30px); border-radius:10px;}
.contactshare div.m dl:hover span img {width:100%; overflow:hidden; height:auto; display:block}
.contactshare div.m dl:hover p {width:90%; overflow:hidden; padding:5%; background:#FFF; position:absolute; left:50%; bottom:50%; transform: translate(-50%, -50%); display:block; z-index:999; border:1px solid #ddd; text-align:center; color:#666; font-size:clamp(1.4rem, 1.4vw, 30px); border-radius:10px;}


.joinus {width:90%; overflow:hidden; min-width:1100px; margin:0px auto; margin-top:4vw}
.joinus ul li {width:100%; overflow:hidden}
.joinus ul li a {width:100%; overflow:hidden; border-bottom:2px solid #444; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; padding-bottom:1vw; padding-top:1.4vw; position:relative}
.joinus ul li a span {width:60%; overflow:hidden; display:block; text-align:left; color:#666; font-size:clamp(1.4rem, 1.4vw, 30px);}
.joinus ul li:hover a span {width:60%; overflow:hidden; display:block; text-align:left; color:#ce1431; font-size:clamp(1.4rem, 1.4vw, 30px);}
.joinus ul li a p {width:35%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center; padding-right:5%} 
.joinus ul li a p b {width:auto; overflow:hidden; font-weight:normal; color:#7d7d7d; font-size:clamp(1rem, 1vw, 24px); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; margin-left:1vw}
.joinus ul li a p b em {width:34px; overflow:hidden; display:block; text-align:left; color:#7d7d7d; font-size:clamp(1.4rem, 1.4vw, 46px);}


.joinus ul li a i {width:30px; overflow:hidden; text-align:right; display:block; color:#ce1431; font-size:clamp(1.4rem, 1.4vw, 32px); position:absolute; top:36%; right:0px; transition: all 0.3s ease-out;transform: rotate(0deg) translate(0%, 0%);}
.joinus ul li a i.action {transition: all 0.3s ease-out; transform: rotate(180deg) translate(0%, 0%);}

.joinus ul li>div.joinmain {display:none; padding-top:3vw; padding-bottom:3vw}

.join_show {width:100%; overflow:hidden; text-align:left}
.join_show h1 {width:100%; overflow:hidden; text-align:left; color:#ce1431; font-size:clamp(1.2rem, 1.2vw, 30px); font-weight:normal}
.join_show div.m {width:100%; overflow:hidden; padding-top:0.4vw; padding-bottom:2vw; text-align:left; color:#7d7d7d; font-size:clamp(1rem, 1vw, 20px); line-height:2vw}

.join_show button {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; border:2px solid #ce1431; text-align:center; font-size:clamp(1.2rem, 1.2vw, 20px); color:#ce1431; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin:0px !important; margin-top:1vw !important; cursor:pointer}
.join_show button strong {width:15px; overflow:hidden; font-size:1vw; color:#ce1431; display:inline; padding-left:3px}

.join_show button:hover {width:auto; overflow:hidden; height:2.6vw; line-height:2.6vw; border-radius:100px; border:2px solid #ce1431; background:#ce1431; text-align:center; font-size:clamp(1.2rem, 1.2vw, 20px); color:#fff; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin:0px !important;  margin-top:1vw !important; cursor:pointer}
.join_show button:hover strong {width:15px; overflow:hidden; font-size:1vw; color:#fff; display:inline; padding-left:3px}


.tankuang {width:100%; overflow:hidden; height:100%; position:fixed; top:0px; left:0px; z-index:999999; background-color: rgba(0,0,0,0.5); display:none;}
.tankuang div.tkm {width:100%; overflow:hidden; height:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.tankuang div.tkm div.m {width:30%; overflow:hidden; min-width:400px; background:#fff; border-radius:10px; position:relative}
.tankuang div.tkm div.m i {width:auto; overflow:hidden; display:block; text-align:center; color:#fff; font-size:clamp(1rem, 1vw, 20px); position:absolute; top:0.7vw; right:0.7vw; cursor:pointer}
.tankuang div.tkm div.m h1 {width:100%; overflow:hidden; text-align:left; height:2.8vw; background:#ce1431; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.tankuang div.tkm div.m h1 span {width:auto; overflow:hidden; display:inline; color:#fff; font-size:clamp(1rem, 1vw, 20px); padding-left:3%}

.tankuang div.tkm div.m dl {width:auto; overflow:hidden; padding:5% !important; padding-bottom:14% !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:relative}
.tankuang div.tkm div.m dl dt {width:100%; overflow:hidden; text-align:center;}
.tankuang div.tkm div.m dl dt input.lujing {width:100%; overflow:hidden; height:auto; border:0px; text-align:center; color:#666; font-size:clamp(0.8rem, 0.8vw, 16px);}
.tankuang div.tkm div.m dl dt span {width:14vw; overflow:hidden; height:11vw; line-height:11.6vw; text-align:center; border:0px; display:block; color:#e5e5e5; font-size:clamp(10rem, 10vw, 60px); margin:0px auto;}
.tankuang div.tkm div.m dl dt input.anniu {width:14vw; overflow:hidden; height:11vw; border:0px; background:none; position:absolute; left:5%; bottom:66%; transform: translate(50%, 50%); cursor:pointer}
.tankuang div.tkm div.m dl dd {width:100%;}
.tankuang div.tkm div.m dl dd h3 {width:100%; overflow:hidden; text-align:center; color:#888; font-size:clamp(0.9rem, 0.9vw, 18px); font-weight:normal; padding-top:0.3vw}
.tankuang div.tkm div.m dl dd p {width:100%; overflow:hidden; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:0.2vw}
.tankuang div.tkm div.m dl dd p em {width:50px; overflow:hidden; text-align:center; font-size:clamp(1.8rem, 1.8vw, 46px); display:block}

.tankuang div.tkm div.m dl dd button {width:200px; overflow:hidden; margin:0px auto; height:2.6vw; line-height:2.6vw; border-radius:100px; border:2px solid #ce1431; text-align:center; font-size:clamp(1.2rem, 1.2vw, 20px); color:#ce1431; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:2.4vw !important}
.tankuang div.tkm div.m dl dd button b {width:15px; overflow:hidden; font-size:1vw; color:#ce1431; display:inline; padding-left:3px; font-weight:normal}
.tankuang div.tkm div.m dl dd button:hover {width:200px; overflow:hidden; margin:0px auto; height:2.6vw; line-height:2.6vw; border-radius:100px; border:2px solid #ce1431; background:#ce1431; text-align:center; font-size:clamp(1.2rem, 1.2vw, 20px); color:#fff; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:2.4vw !important}
.tankuang div.tkm div.m dl dd button:hover b {width:15px; overflow:hidden; font-size:1vw; color:#fff; display:inline; padding-left:3px; font-weight:normal}







/*福贝领航*/
.fubeijidi {width:90%; overflow:hidden; margin:0px auto; min-width:1100px; padding-top:6%; padding-bottom:5%}
.fubeijidi h1 {width:100%; overflow:hidden; text-align:left; font-size:clamp(2.4rem, 2.4vw, 50px); font-weight:bold !important; color:#ce1431; font-weight:normal; margin-bottom:2vw}
.fubeijidi div.m {width:100%; overflow:hidden; text-align:left; color:#7d7d7d; font-size:clamp(1rem, 1vw, 20px); line-height:2vw;}
.fubeijidi div.m p {width:100%; overflow:hidden; display:block; padding-bottom:1vw}


.fubeilinghang {width:90%; overflow:hidden; height:16vw; margin:0px auto; min-width:1100px; padding-bottom:4vw}
.fubeilinghang a {width:auto; overflow:hidden; height:16vw; display:block; position:relative; border-radius:8px; margin-right:1vw; float:left}
.fubeilinghang a img {width:auto; overflow:hidden; height:100%; display:block}
.fubeilinghang a i {position:absolute; top:-20%; left:50%; transform: translate(-50%, -50%); z-index:999; width:2.6vw; text-align:center; font-size:clamp(2.4rem, 2.4vw, 50px); color:#fff; transition: all 0.2s linear 0s;}
.fubeilinghang a:hover i {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:999; width:2.6vw; text-align:center; font-size:clamp(2.4rem, 2.4vw, 50px); color:#fff; transition: all 0.2s linear 0s;}
.spmain {width:1000%}
#demo14 {float:left !important}
#demo15 {float:left !important}



.pinzhi_tab {width:90%; overflow:hidden; margin:0px auto; margin-top:5vw;} 
.pinzhi_tab .pinzhi_tabTitle {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center; border-bottom:2px solid #ce1431; padding-bottom:1vw} 
.pinzhi_tab .pinzhi_tabTitle h1 {width:40%; overflow:hidden; text-align:left; font-size:clamp(2rem, 2vw, 50px); font-weight:bold !important; color:#ce1431; font-weight:normal}
.pinzhi_tab .pinzhi_tabTitle ul {width:auto; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center; border-radius:100px; border:1px solid #ce1431} 
.pinzhi_tab .pinzhi_tabTitle li {width:10vw; font-size:clamp(1.4rem, 1.4vw, 36px); text-align:center; border-radius:100px; line-height:2.6vw; cursor:pointer;} 
.pinzhi_tab .pinzhi_tabTitle .active {background:#ce1431; font-size:clamp(1.4rem, 1.4vw, 36px); color:#FFF; font-weight:bold !important;}
.pinzhi_tab .pinzhi_tabTitle .normal {font-size:clamp(1.4rem, 1.4vw, 36px); color:#ce1431} 
.pinzhi_tab .pinzhi_tabContent {width:100%; overflow:hidden;}
.pinzhi_tabnone {display:none;}


.fuwu_tab {width:90%; overflow:hidden; margin:0px auto; margin-top:7vw; margin-bottom:6vw} 
.fuwu_tab .fuwu_tabTitle {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center; border-bottom:2px solid #ce1431; padding-bottom:1vw} 
.fuwu_tab .fuwu_tabTitle h1 {width:40%; overflow:hidden; text-align:left; font-size:clamp(2rem, 2vw, 50px); font-weight:bold !important; color:#ce1431; font-weight:normal}
.fuwu_tab .fuwu_tabTitle ul {width:auto; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center; border-radius:100px; border:1px solid #ce1431} 
.fuwu_tab .fuwu_tabTitle li {width:13vw; font-size:clamp(1.4rem, 1.4vw, 36px); text-align:center; border-radius:100px; line-height:2.6vw; cursor:pointer;} 
.fuwu_tab .fuwu_tabTitle .active {background:#ce1431; font-size:clamp(1.4rem, 1.4vw, 36px); color:#FFF; font-weight:bold !important;}
.fuwu_tab .fuwu_tabTitle .normal {font-size:clamp(1.4rem, 1.4vw, 36px); color:#ce1431} 
.fuwu_tab .fuwu_tabContent {width:100%; overflow:hidden;}
.fuwu_tabnone {display:none;}


.pinzhimain {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center; padding-top:2.6vw}
.pinzhimain div.l {width:58%; overflow:hidden; text-align:left; font-size:clamp(1rem, 1vw, 22px); color:#7d7d7d}
.pinzhimain div.l p {width:100%; overflow:hidden; display:block; padding-top:0.3vw; padding-bottom:0.3vw; line-height:2vw}
.pinzhimain div.r {width:40%; overflow:hidden;}
.pinzhimain div.r img {width:100%; overflow:hidden; height:auto; display:block; border-radius:1.2vw;}





.zhizao_tab {width:90%; overflow:hidden; margin:0px auto; margin-top:5vw;} 
.zhizao_tab .zhizao_tabTitle {width:100%; overflow:hidden;} 
.zhizao_tab .zhizao_tabTitle ul {width:99.8%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center; border-radius:100px; border:1px solid #ce1431} 
.zhizao_tab .zhizao_tabTitle li {width:33.33333%; font-size:clamp(1.4rem, 1.4vw, 36px); text-align:center; border-radius:100px; line-height:3.2vw; cursor:pointer;} 
.zhizao_tab .zhizao_tabTitle .active {background:#ce1431; font-size:clamp(1.4rem, 1.4vw, 36px); color:#FFF; font-weight:bold !important;}
.zhizao_tab .zhizao_tabTitle .normal {font-size:clamp(1.4rem, 1.4vw, 36px); color:#ce1431} 
.zhizao_tab .zhizao_tabContent {width:100%; overflow:hidden;}
.zhizao_tabnone {display:none;}

.zhizaomain {width:100%; overflow:hidden}
.zhizaomain div.m {width:100%; overflow:hidden; margin-top:2.2vw; text-align:left; font-size:clamp(1rem, 1vw, 22px); color:#7d7d7d; line-height:2vw}
.zhizaomain div.m p {width:100%; overflow:hidden; display:block; padding-top:0.3vw; padding-bottom:0.3vw; line-height:2vw}

.zhizaomain div.gd {width:100%; overflow:hidden; margin-top:2vw; margin-bottom:5vw; height:16vw}
.zhizaomain div.gd a {width:auto; overflow:hidden; height:16vw; display:block; position:relative; border-radius:8px; margin-right:1vw; float:left}
.zhizaomain div.gd a img {width:auto; overflow:hidden; height:100%; display:block}
.zhizaomain div.gd a i {position:absolute; top:-20%; left:50%; transform: translate(-50%, -50%); z-index:999; width:2.6vw; text-align:center; font-size:clamp(2.4rem, 2.4vw, 50px); color:#fff; transition: all 0.2s linear 0s;}
.zhizaomain div.gd a:hover i {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:999; width:2.6vw; text-align:center; font-size:clamp(2.4rem, 2.4vw, 50px); color:#fff; transition: all 0.2s linear 0s;}
.gcmain {width:1000%}
#demo17 {float:left !important}
#demo18 {float:left !important}

#demo20 {float:left !important}
#demo21 {float:left !important}

#demo23 {float:left !important}
#demo24 {float:left !important}


.zhizaognlist {width:100%; overflow:hidden; background:#f3f3f3; padding-top:5.4vw; padding-bottom:4.8vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
.zhizaogngd {width:95%; overflow:hidden; position:relative; padding-bottom:2vw}
.zhizaogngd div.swiper-wrapper {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.zhizaogngd div.swiper-wrapper div.swiper-slide {width:auto; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; height:auto !important}
.zhizaogngd div.swiper-wrapper div.swiper-slide a {width:90%; overflow:hidden; background:#fff; border-radius:1vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:3vw; padding-bottom:3vw}
.zhizaogngd div.swiper-wrapper div.swiper-slide a i {width:4vw; overflow:hidden; height:4vw; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size:clamp(3.8rem, 3.8vw, 90px); color:#ce1431;}
.zhizaogngd div.swiper-wrapper div.swiper-slide a h1 {width:100%; overflow:hidden; text-align:center; font-size:clamp(1.4rem, 1.4vw, 24px); color:#7d7d7d; font-weight:normal; margin-top:1.2vw;}
.zhizaogngd div.swiper-scrollbar {width:100%; overflow:hidden; height:0.5vw; background:#fff; border-radius:100px; position:absolute; bottom:0px; left:0px; z-index:999}
.zhizaogngd div.swiper-scrollbar-drag {height:0.5vw !important; background:#ce1431 !important}



/*其他*/
.qitatopbanner {width:100%; overflow:hidden; height:50vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:6vw}
.qitatopbanner h1 {width:90%; overflow:hidden; text-align:center; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:clamp(1.8rem, 1.8vw, 48px);}
.qitatopbanner h1 span {width:100%; overflow:hidden; display:block; text-align:center; color:#FFF; font-size:clamp(2.6rem, 2.6vw, 62px); font-family:english !important; opacity: 0.6; text-transform:uppercase}

.qitasub {width:90%; overflow:hidden; margin:0px auto; min-width:1100px; padding-top:6%; padding-bottom:5%}
.qitasub h1 {width:100%; overflow:hidden; text-align:left; font-size:clamp(2.4rem, 2.4vw, 50px); font-weight:bold !important; color:#ce1431; font-weight:normal; margin-bottom:2vw}
.qitasub div.m {width:100%; overflow:hidden; text-align:left; color:#7d7d7d; font-size:clamp(1rem, 1vw, 20px); line-height:2vw;}
.qitasub div.m p {width:100%; overflow:hidden; display:block; padding-bottom:1vw}