@charset "utf-8";
/* ====================公共样式========================= */

/*reset Css*/
* {margin: 0;padding: 0;}

/** 清除内外边距 **/
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 {
	background-color: #fff;/*整体背景颜色*/
	-webkit-touch-callout: none;/*-webkit-user-select: none;*//*禁止复制*/
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(255,255,255,0);/*点击高亮效果*/
}

/*clearfix清除浮动*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 默认合并表格边框 */
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea{-webkit-appearance: none;border-radius:0;}
ol,ul,li{list-style: none;}
a, a:active{color:inherit;text-decoration:none;cursor:pointer;}
a{border:0;}
em,i{font-style:normal;}

/* <input>标签 */
input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;}
input:focus{ outline:none; }/* input标签聚焦不出现默认边框 */

textarea { resize:none; } /* 禁用了文本的拖拉，尤其在谷歌下 */
select, button, input,img {vertical-align: middle;}/*去除图片底部缝隙并基于中线对齐*/
img {
    width: auto;
    height: auto;
    width: auto\9;
	max-width: 100%;
    display: block;
    -ms-interpolation-mode: bicubic;
}
/** 设置默认字体 **/
/* 
    宋体：\5B8B\4F53
    新宋体：\65B0\5B8B\4F53
    黑体：\9ED1\4F53
    微软雅黑：\5FAE\8F6F\96C5\9ED1
    楷体：\6977\4F53_GB2312
    思源黑体： Source Han Sans CN
 */
body,button, input, select, textarea /* for ie */ {font: 14px/1 "AS-R",Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Droid Sans Fallback","WenQuanYi Micro Hei",sans-serif;}
body {background:#fff;-webkit-text-size-adjust:100%;color: #333;}

/*End reset*/

/*public Css*/

/* 重绘元素边框盒 */
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}
html{-ms-touch-action:none;/* 阻止windows Phone 的默认触摸事件 */}

/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}

/*clearfix清除浮动*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 水平垂直居中 */
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 

/*动画--规定动画移动出去的时间*/
a{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.animation{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* 指定文字禁止复制 */
.noSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}

/* 文字限制行数 */
/* 限制一行 */
.linelimit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 【常用】限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */
.linelimit-2 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.linelimit-3 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.linelimit-4 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
/* 引入字体 */
@font-face {
    font-family: 'ATA-R';
    src: url('../fonts/ATArizonaSerif-Regular.woff'),
    url('../fonts/ATArizonaSerif-Regular.eot'),
    url('../fonts/ATArizonaSerif-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ATArizonaSerif-Regular.woff2') format('woff2'),
    url('../fonts/ATArizonaSerif-Regular.woff') format('woff'),
    url('../fonts/ATArizonaSerif-Regular.otf') format('truetype'),
    url('../fonts/ATArizonaSerif-Regular.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'AS-R';
    src: url('../fonts/AmperSans-Regular.woff'),
    url('../fonts/AmperSans-Regular.eot'),
    url('../fonts/AmperSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AmperSans-Regular.woff2') format('woff2'),
    url('../fonts/AmperSans-Regular.woff') format('woff'),
    url('../fonts/AmperSans-Regular.otf') format('truetype'),
    url('../fonts/AmperSans-Regular.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'AS-M';
    src: url('../fonts/AmperSans-Medium.woff'),
    url('../fonts/AmperSans-Medium.eot'),
    url('../fonts/AmperSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AmperSans-Medium.woff2') format('woff2'),
    url('../fonts/AmperSans-Medium.woff') format('woff'),
    url('../fonts/AmperSans-Medium.otf') format('truetype'),
    url('../fonts/AmperSans-Medium.svg#svgFontName') format('svg');
}
.ATA-R{font-family: 'ATA-R';}
.AS-R{font-family: 'AS-R';}
.AS-M{font-family: 'AS-M';}
/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.com-img{overflow: hidden;}
.com-img img{transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.fl{float: left;}
.fr{float: right;}
.show{display:block;}
.hide{display:none;}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.ttu{text-transform:uppercase;}/*字母转换为大写*/
.ofh{overflow:hidden;}
.ofh img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.ofh:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.pst-rel{position:relative;}
.pst-abs{position:absolute;}
.pst-pic{position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;}
.w100{width: 100%;}

.col-2{width:50%;float:left;}
.col-3{width:33.333333%;float:left;}
.col-4{width:25%;float:left;}
.col-5{width:20%;float:left;}
.col-6{widows: 16.6666%;float:left;}
.w12{width: 1200px;max-width: 92%;margin: 0 auto;}
.w14{width: 1440px;max-width: 92%;margin: 0 auto;}
.w16{width: 1600px;max-width: 92%;margin: 0 auto;}
.w18{width: 1800px;max-width: 92%;margin: 0 auto;}
.pc{display: block;}
.mb{display: none;}
.mt{margin-top: 80px;}
@media all and (max-width:1000px) {.pc{display: none;}.mb{display: block;}}

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;object-fit: cover;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-65{padding-bottom: 65%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-125{padding-bottom: 125%;}
.rect-135{padding-bottom: 135%;}
.rect-140{padding-bottom: 140%;}
.rect-150{padding-bottom: 150%;}
.rect-160{padding-bottom: 160%;}
.rect-170{padding-bottom: 170%;}
.rect-180{padding-bottom: 180%;}
li *[class*="pic"]{overflow: hidden;}
li *[class*="pic"]>img{-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
li:hover *[class*="pic"]>img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.trs3{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.trs5{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pd-40{padding: 0.4rem 0;}
.pd-60{padding: 0.6rem 0;}
.pd-80{padding: 0.8rem 0;}
.pd-100{padding: 1rem 0;}
.pd-120{padding: 1.2rem 0;}
.pd-140{padding: 1.4rem 0;}
.pd-160{padding: 1.6rem 0;}
.pd-180{padding: 1.8rem 0;}
.mt30{margin-top: 0.3rem;}
.mt35{margin-top: 0.35rem;}
.mt40{margin-top: 0.4rem;}
.mt45{margin-top: 0.45rem;}
.mt50{margin-top: 0.5rem;}
.mt60{margin-top: 0.6rem;}
.mt70{margin-top: 0.7rem;}
.mt80{margin-top: 0.8rem;}
.mt90{margin-top: 0.9rem;}
.mt100{margin-top: 1rem;}
.mt110{margin-top: 1.1rem;}
.mt120{margin-top: 1.2rem;}
.mt130{margin-top: 1.3rem;}
.mt140{margin-top: 1.4rem;}
.pd-64{width: 100%;padding-left: 64px;padding-right: 64px;}
.pd-32{width: 100%;padding-left: 32px;padding-right: 32px;}

/*==常用字号==*/
.tit-12 {font-size: 12px;}
.tit-13 {font-size: 13px;}
.tit-14 {font-size: 14px;}
.tit-15 {font-size: 15px;}
.tit-16 {font-size: 16px;}
.tit-17 {font-size: 17px;}
.tit-18 {font-size: 18px;}
.tit-19 {font-size: 19px;}
.tit-20 {font-size: 20px;}
.tit-21 {font-size: 21px;}
.tit-22 {font-size: 22px;}
.tit-23 {font-size: 23px;}
.tit-24 {font-size: 24px;}
.tit-25 {font-size: 25px;}
.tit-26 {font-size: 26px;}
.tit-27 {font-size: 27px;}
.tit-28 {font-size: 28px;}
.tit-29 {font-size: 29px;}
.tit-30 {font-size: 30px;}
.tit-31 {font-size: 31px;}
.tit-32 {font-size: 32px;}
.tit-33 {font-size: 33px;}
.tit-34 {font-size: 34px;}
.tit-35 {font-size: 35px;}
.tit-36 {font-size: 36px;}
.tit-37 {font-size: 37px;}
.tit-38 {font-size: 38px;}
.tit-39 {font-size: 39px;}
.tit-40 {font-size: 40px;}
.tit-41 {font-size: 41px;}
.tit-42 {font-size: 42px;}
.tit-43 {font-size: 43px;}
.tit-44 {font-size: 44px;}
.tit-45 {font-size: 45px;}
.tit-46 {font-size: 46px;}
.tit-47 {font-size: 47px;}
.tit-48 {font-size: 48px;}
.tit-49 {font-size: 49px;}
.tit-50 {font-size: 50px;}
.tit-51 {font-size: 51px;}
.tit-52 {font-size: 52px;}
.tit-53 {font-size: 53px;}
.tit-54 {font-size: 54px;}
.tit-55 {font-size: 55px;}
.tit-56 {font-size: 56px;}
.tit-57 {font-size: 57px;}
.tit-58 {font-size: 58px;}
.tit-59 {font-size: 59px;}
.tit-60 {font-size: 60px;}
.tit-61 {font-size: 61px;}
.tit-62 {font-size: 62px;}
.tit-63 {font-size: 63px;}
.tit-64 {font-size: 64px;}
.tit-65 {font-size: 65px;}
.tit-66 {font-size: 66px;}
.tit-67 {font-size: 67px;}
.tit-68 {font-size: 68px;}
.tit-69 {font-size: 69px;}
.tit-70 {font-size: 70px;}
.tit-71 {font-size: 71px;}
.tit-72 {font-size: 72px;}
.tit-73 {font-size: 73px;}
.tit-74 {font-size: 74px;}
.tit-75 {font-size: 75px;}
.tit-76 {font-size: 76px;}
.tit-77 {font-size: 77px;}
.tit-78 {font-size: 78px;}
.tit-79 {font-size: 79px;}
.tit-80 {font-size: 80px;}
@media (max-width: 768px) {
  .tit-14 {font-size: 13px;}
  .tit-16 {font-size: 14px;}
  .tit-18,.tit-20,.tit-22,.tit-24,.tit-28{font-size: 16px;}
  .tit-30,.tit-32,.tit-33 {font-size: 20px;}
  .tit-34 {font-size: 21px;}
  .tit-35 {font-size: 22px;}
  .tit-36 {font-size: 23px;}
  .tit-37 {font-size: 24px;}
  .tit-38 {font-size: 25px;}
  .tit-39 {font-size: 26px;}
  .tit-40 {font-size: 24px;}
  .tit-41 {font-size: 25px;}
  .tit-42 {font-size: 26px;}
  .tit-43 {font-size: 27px;}
  .tit-44 {font-size: 28px;}
  .tit-45 {font-size: 29px;}
  .tit-46 {font-size: 30px;}
  .tit-47 {font-size: 31px;}
  .tit-48 {font-size: 32px;}
  .tit-49 {font-size: 33px;}
  .tit-50 {font-size: 28px;}
  .tit-51 {font-size: 29px;}
  .tit-52 {font-size: 30px;}
  .tit-53 {font-size: 31px;}
  .tit-54 {font-size: 32px;}
  .tit-55 {font-size: 33px;}
  .tit-56 {font-size: 34px;}
  .tit-57 {font-size: 35px;}
  .tit-58 {font-size: 36px;}
  .tit-59 {font-size: 37px;}
  .tit-60 {font-size: 36px;}
  .tit-61 {font-size: 37px;}
  .tit-62 {font-size: 38px;}
  .tit-63 {font-size: 39px;}
  .tit-64 {font-size: 40px;}
  .tit-65 {font-size: 41px;}
  .tit-66 {font-size: 42px;}
  .tit-67 {font-size: 43px;}
  .tit-68 {font-size: 44px;}
  .tit-69 {font-size: 45px;}
  .tit-70 {font-size: 46px;}
  .tit-70 {font-size: 42px;}
  .tit-71 {font-size: 43px;}
  .tit-72 {font-size: 44px;}
  .tit-73 {font-size: 45px;}
  .tit-74 {font-size: 46px;}
  .tit-75 {font-size: 47px;}
  .tit-76 {font-size: 48px;}
  .tit-77 {font-size: 49px;}
  .tit-78 {font-size: 50px;}
  .tit-79 {font-size: 51px;}
  .tit-80 {font-size: 52px;}
}

.flex-1 {flex: 1;}
/* flex布局 */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*默认 主轴为水平方向，起点在左端*/
.f-dr {-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
/*主轴为水平方向，起点在右端*/
.f-dr-r {-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
/*主轴为垂直方向，起点在上沿*/
.f-dc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*主轴为垂直方向，起点在下沿*/
.f-dc-r {-webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}

/* 交叉轴的起点对齐 */
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
/* 交叉轴的中点对齐 */
.f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* 交叉轴的终点对齐 */
.f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
/* 项目的第一行文字的基线对齐 */
.f-ab {-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
/* 交叉轴拉伸对齐 */
.f-ast {-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* 左对齐 */
.f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
/* 居中 */
.f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/* 右对齐 */
.f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
/* 两端对齐，项目之间的间隔都相等 */
.f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.f-jsa {-webkit-box-pack: distribute;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
/* 换行，第一行在上方 */
.f-warp {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/* 换行，在第一行的下方 */
.f-warp-r {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}
/* flex布局 */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*默认 主轴为水平方向，起点在左端*/
.f-dr {-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
/*主轴为水平方向，起点在右端*/
.f-dr-r {-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
/*主轴为垂直方向，起点在上沿*/
.f-dc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*主轴为垂直方向，起点在下沿*/
.f-dc-r {-webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
/* 交叉轴的起点对齐 */
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
/* 交叉轴的中点对齐 */
.f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* 交叉轴的终点对齐 */
.f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
/* 项目的第一行文字的基线对齐 */
.f-ab {-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
/* 交叉轴拉伸对齐 */
.f-ast {-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* 左对齐 */
.f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
/* 居中 */
.f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/* 右对齐 */
.f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
/* 两端对齐，项目之间的间隔都相等 */
.f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.f-jsa {-webkit-box-pack: distribute;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
/* 换行，第一行在上方 */
.f-warp {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/* 换行，在第一行的下方 */
.f-warp-r {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}

/* 头部 */
.Header-wrapper {position: fixed;width: 100%;left: 0;top: 0;background-color: rgb(255, 255, 255);z-index: 99;line-height: 80px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* .Header-wrapper:after {content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;transition: opacity .3s;} */
.Header-wrapper.on {box-shadow: 0 2px 10px rgb(0 0 0 / 5%);}
/* .Header-wrapper.on::after {opacity: 0;} */
#c-header.c-head-move {top: -80px;}
/* .Header-container {padding: 0 30px;} */
.Header-container .logo {margin-right: 0.4rem;}
.Header-container .logo a {display: flex;align-items: center;font-size: 0;}
.Header-container .logo a img{width: auto;display: block;height: 0.32rem;}
.Header-container .fr {display: flex;align-items: center;font-size: 0;}
@media all and (min-width:1000px){
	.Header-container .c-nav {display: flex;align-items: center;font-size: 18px;flex-wrap: wrap;}
	.Header-container .c-nav>li {position: relative;margin-right: 0.4rem;}
	.Header-container .c-nav>li .c-title-box{display: flex;align-items: center;justify-content: center;color: #fff;}
	.Header-container .c-nav>li .c-title-box>a {display: block;}
	.Header-container .c-nav>li.active .c-title-box,.Header-container .c-nav>li:hover .c-title-box{color: #ff803b !important;}
	.Header-container .c-nav>li .c-title-box i {margin-left: 0.06rem;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	.Header-container .c-nav>li>ul {min-width: 240px;position: absolute;top: 100%;left: 50%;margin-top: 0;background-color: #fff;z-index: 2;-webkit-transform: translate(-50%, 10px);-ms-transform: translate(-50%, 10px);transform: translate(-50%, 10px);-webkit-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;padding: 15px 20px;opacity: 0;pointer-events: none;-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);transition: all .3s cubic-bezier(.645, .045, .355, 1);box-shadow: 0 5px 50px rgb(0 0 0 / 10%);}
	.Header-container .c-nav>li:hover>ul {pointer-events: all;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);-webkit-transition-delay: .1s;-ms-transition-delay: .1s;transition-delay: .1s;opacity: 1;}
	.Header-container .c-nav>li>ul>li:not(:last-child) {border-bottom: 1px solid #efefef;}
	.Header-container .c-nav>li>ul>li>a {display: block;position: relative;font-size: 16px;padding: 15px 0;color: #58595b;-webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: color .3s cubic-bezier(.645, .045, .355, 1);transition: color .3s cubic-bezier(.645, .045, .355, 1);line-height: initial;text-align: center;letter-spacing: 1px;}
	.Header-container .c-nav>li>ul>li>a:before {content: "";position: absolute;top: 7px;bottom: 7px;left: -20px;width: 4px;background: #ff803b;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s cubic-bezier(.162, .85, .45, 1);transition: transform .3s cubic-bezier(.162, .85, .45, 1);}
	.Header-container .c-nav>li>ul>li:hover>a:before {-ms-transform-origin: top;-webkit-transform-origin: top;transform-origin: top;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
	.Header-container .c-nav>li>ul>li:hover>a {color: #ff803b;}
	.Header-wrapper .Header-container .c-nav>li .c-title-box{color: #000;}
}

.Header-container .tool {display: flex;align-items: center;color: #000;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-wrapper.on .Header-container .tool {color: #000;}
.Header-container .tool .search {}
.Header-container .tool .search i {position: relative;font-size: 24px;padding-right: 0.16rem;margin-right: 0.16rem;cursor: pointer;vertical-align: middle;}
.Header-container .tool .search i::after {position: absolute;content: '';right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 20px;background-color: rgb(255, 255, 255, .3);}
.Header-wrapper .Header-container .tool .search i::after {background-color: rgb(0, 0, 0, .3);}
.Header-container .tool .language {position: relative;}
.Header-container .tool .language a {display: flex;align-items: center;color: white;}
.Header-container .tool .language i {font-size: 24px;}
.Header-container .tool .language p {font-size: 16px;margin-left: 0.08rem;display: flex;align-items: center;}
.Header-container .tool .language p::after {display: inline-block;margin-left: 5px;content: "\e60a";font-size: 12px;font-family: 'iconfont';-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-container .tool .language.on p::after {-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-ms-transform: rotate(180deg);}
.Header-container .tool .language .language_down {display: none;position: absolute;z-index: 2;left: 5px;top: 100%;width: 100%;height: auto;background: #ff803b;text-align: left;-webkit-transition: top 0.3s;-moz-transition: top 0.3s;-ms-transition: top 0.3s;-o-transition: top 0.3s;transition: top 0.3s;}
.Header-container .tool .language .language_down a {display: block;font-size: 14px;line-height: 1.3;padding: 10px 15px;color: rgba(255, 255, 255, .8);-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;text-align: center;}
.Header-container .tool .language .language_down a:hover {background-color: #3F3B3A;}
.Header-wrapper .Header-container .tool .language>a {color: #000;}

.Header-container .tool .login{
	display: flex;
	margin-right: 0.15rem;
	gap: 5px;
}
.Header-container .tool .login b{
	font-size: 18px;
	font-weight: normal;
}
.Header-container .tool .login a{
	font-size: 18px;
}
.Header-container .tool .login a:hover{
	text-decoration: underline;
}
.Header-container .tool .collect{
	
}
.Header-container .tool .collect a{
	display: flex;
}
.Header-container .tool .collect i{
	font-size: 24px;
}

/*顶部导航开关*/ 
#c-header .c-switch {display: none;width: 24px;height: 20px;cursor: pointer;}
#c-header .c-switch i {position: relative;display: block;height: 2px;background: #000;-webkit-transition: all 0.3s;transition: all 0.3s;}
#c-header .c-switch i:nth-child(1) {top: 0;}
#c-header .c-switch i:nth-child(3) {bottom: 0;}
#c-header .c-switch i:nth-child(2) {margin: 6px 0;}
#c-header.on .c-switch i {background: #333;}
body.c-open #c-header .c-switch i:nth-child(2) {opacity: 0;}
body.c-open #c-header .c-switch i:nth-child(1) {top: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
body.c-open #c-header .c-switch i:nth-child(3) {bottom: 8px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
@media (max-width: 1000px) {
	#c-header .c-switch {display: block;}
	.Header-wrapper{line-height: 60px;}
	.Header-container .tool .search{height: 60px;}
	.Header-container .c-nav{height: 0;}
	.Header-container .tool{padding-right: 0.24rem;}
	.Header-container .tool .language p{margin-left: 0.12rem;}
	.Header-container .logo a img{height: 24px;}
	
	.mt{margin-top: 60px;}
	/*顶部移动端导航*/
	#c-header .c-nav {position: absolute;top: 60px;left: 0;width: 100%;height: 0;line-height: 50px;background: #fff;overflow-y: auto;transition: all 0.5s;text-align: left;overflow-x: hidden;}
	#c-header .c-nav>li:last-child {border-bottom: 1px solid #f1f1f1;}
	#c-header .c-nav li {width: 100%;padding: 0 4%;border-top: 1px solid #f1f1f1;}
	#c-header .c-nav li .c-title-box {display: flex;align-items: center;justify-content: space-between;}
	#c-header .c-nav li a {display: block;color: #333;-webkit-transition: all 0.3s;transition: all 0.3s;font-size: 16px;min-width: calc(100% - 50px);}
	#c-header .c-nav li i {font-size: 20px;color: #333;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;    width: 20px;height: 50px;text-align: center;line-height: 50px;}
	#c-header .c-nav li.on .c-title-box i{transform: rotate(180deg);}
	#c-header .c-nav li a:hover,
	#c-header .c-nav li.on > a {color: #508cc9;}
	#c-header .c-nav li ul a{font-size: 14px;line-height: 3;}
	#c-header .c-nav li ul {display: none;}
	.c-open #c-header .c-nav {height: calc(100vh - 60px);}
}
@media (max-width: 768px) {
	#c-header .c-nav li {padding: 0 4%;}
	#c-header .c-nav ul li{font-size: 16px;line-height: 45px;}
}

/* 底部 */
.Footer-wrapper {background-color: #003352;}
.Footer-container {}
.Footer-container .top {border-bottom: 1px solid rgba(255, 255, 255, 0.15);padding: 0.36rem 0;display: inline-block;width: 100%;}
.Footer-container .top .foot_logo {}
.Footer-container .top .foot_logo img {height: 0.5rem;}
.Footer-container .top .foot_link {}
.media_ul {}
.media_ul li {margin-right: 8px;}
.media_ul li:last-child {margin-right: 0;}
.media_ul li a {display: flex;align-items: center;justify-content: center;width: 0.4rem;height: 0.4rem;background-color: #3b5999;color: white;border-radius: 50%;font-size: 0;}
.media_ul li a i {font-size: 0.2rem;}
.media_ul li:nth-child(1) a {background-color: #1278F3;}
.media_ul li:nth-child(2) a {background-color: #0A66C2;}
.media_ul li:nth-child(3) a {background-color: #FB0204;}
.media_ul li:nth-child(4) a {background-color: #1D9BF0;}
.media_ul li:nth-child(5) a {background-color: #DA4369;}
.media_ul li:nth-child(6) a {background-color: #FF0013;}
.media_ul li:nth-child(7) a {background-color: #04C15F;}
.Footer-container .mid {padding: 0.8rem 0;letter-spacing: 0.5px;}
.Footer-container .mid ul {}
.Footer-container .mid ul li {float: left;overflow: hidden;}
.Footer-container .mid ul li p {font-size: 0.24rem;line-height: 1.5;color: #fff;display: block;margin-bottom: 0.25rem;font-family: 'ATA-R';}
.Footer-container .mid ul li p i{margin-left: 0.06rem;}
.Footer-container .mid ul li .foot_nav_link a {font-size: 16px;color: #bbb;color: rgb(255, 255, 255, .8);line-height: 2.15;display: block;}
.Footer-container .mid ul li a:hover {text-decoration: underline;}
.Footer-container .mid ul li.lxwm {max-width: 450px;margin-right: 0;}
.Footer-container .mid ul li dl {}
.Footer-container .mid ul li dd {position: relative;font-size: 16px;line-height: 1.5;color: rgb(255, 255, 255, .8);margin-bottom: 16px;padding-left: 26px;}
.Footer-container .mid ul li dd:last-child{margin-bottom: 0;}
.Footer-container .mid ul li dd i {position: absolute;left: 0;top: 0;font-size: 18px;color: rgb(255, 255, 255, .8);}
.Footer-container .bot {font-size: 16px;line-height: 1.4;color: rgb(255, 255, 255, .8);text-align: center;padding: 0.3rem 0;border-top: 1px solid rgba(255, 255, 255, 0.15);letter-spacing: 0.5px;}
.Footer-container .bot a {font-size: 16px;color: rgb(255, 255, 255, .8);}

/* 中间+共用部分 */

/* ind_banner */
/* .i_banner .swiper-pagination-bullet{background-color: white;opacity: 1;} */
.i_banner .swiper-pagination-bullet-active,.i_mb_banner .swiper-pagination-bullet-active{background-color: #ff803b;}
.i_mb_banner .swiper-slide img{
	width: 100%;
	height: 3.8rem;
	object-fit: cover;
}
/* com_page */
.com_page {display: flex;align-items: center;justify-content: center;padding-top: 0.55rem;}
.com_page a,.com_page span {width: .5rem;height: .5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;font-size: .16rem;color: #333;/* background: #fff; */margin: 0 .05rem;transition: all .3s;min-width: 36px;min-height: 36px;}
.com_page a.page-num-current,.com_page a:hover {border-color: #ff803b;background: #ff803b !important;color: #fff;}
.com_page a:last-child,.com_page a:first-child {background-color: #eff2f7;}
.com_page a:last-child::after,.com_page a:first-child::after {font: normal normal normal 14px/1 FontAwesome;font-size: inherit;}
.com_page a:first-child::after {content: "\f104";}
.com_page a:last-child::after {content: "\f105";}

/* md-sideBar */
.md-sideBar {position: fixed;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0.1rem;z-index: 200;box-shadow: 0 0.8rem 1.4rem 1px hsl(0deg 0% 80% / 35%);}
.md-sideBar .side_item {display: block;width: auto;position: relative;cursor: pointer;zoom: 1;}
.md-sideBar .side_item:hover .bd {right: 100%;opacity: 1;-webkit-transition: all 0.5s;transition: all 0.5s;width: auto;}
.md-sideBar .side_item .hd {width: 0.6rem;height: 0.6rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid #ececec;position: relative;z-index: 202;background-color: #fff;}
.md-sideBar .side_item .hd i {font-size: 0.3rem;color: #ff803b;}
.md-sideBar .side_item .bd {color: #ff803b;position: absolute;right: 100%;top: 0;background-color: #fff;padding: 0 0.18rem;white-space: nowrap;-webkit-transition: all 0.5s;transition: all 0.5s;opacity: 0;right: 0;width: 0;overflow: hidden;font-size: 18px;line-height: 0.6rem;z-index: 201;}
.md-sideBar .side_item .bd.wx{padding: 0.08rem;}
.md-sideBar .side_item:hover .bd.wx{width: calc(100px + 0.16rem);}
.md-sideBar .side_item .bd img{width: 100px;height: 100px;}

/* tc_search s */
.tc_search {position: fixed;visibility: hidden;width: 100%;height: 100%;top: 0;left: 0;z-index: 10001;pointer-events: none;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tc_search.act {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;visibility: visible;  opacity: 1;display: block;pointer-events: auto;}
.tc_search form {width: 9.6rem;max-width: 80%;margin: 0 auto;padding: 0 20px;border-bottom: 2px solid #eee;height: 0.7rem;position: relative;overflow: hidden;z-index: 2;}
.tc_search input {width: 80%;height: 0.7rem;font-size: 0.34rem;color: #c1c1c1;box-shadow: none;-webkit-appearance: none;float: left;border-right: 0;background: none;}
.tc_search input::placeholder {color: #c1c1c1;}
.tc_search button {max-width: 20%;height: 0.7rem;border: 0;line-height: 0.7rem;color: #c1c1c1;cursor: pointer;text-transform: uppercase;float: right;font-size: 0.48rem;background-color: transparent;}
.tc_search .search_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .85);z-index: 0;}
/* tc_search e */

/* c_more s */
.c_more{display: block;border-radius: 3px;width: 180px;height: 55px;line-height: 55px;color: #fff;text-align: center;margin-top: 9vh;font-size: 0;transition: 0.36s;background-image: -moz-linear-gradient( 0deg, rgb(41,67,159) 0%, rgb(38,111,204) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(41,67,159) 0%, rgb(38,111,204) 100%);background-image: -ms-linear-gradient( 0deg, rgb(41,67,159) 0%, rgb(38,111,204) 100%);}
.c_more span{display: inline-block;vertical-align: middle;font-size: 16px;}
.c_more i.fa{font-size: 18px;margin-left: 12px;vertical-align: middle;}
.c_more:hover{box-shadow: 3px 5px 12px 0 rgba(0, 0, 0, 0.12);transform: translateY(-3px);}
/* c_more e */

/* i_tit s */
.i_tit{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 0.45rem;}
.i_tit .tit{line-height: 1.3;}
.i_tit .tit span{font-size: 16px;text-transform: uppercase;}
.i_tit .tit h3{font-size: 0.36rem;font-weight: 700;margin-top: 0.06rem;}
.i_tit ul{display: flex;align-items: center;justify-content: center;margin-left: 1rem;}
.i_tit ul li{margin: 0 0.15rem;}
.i_tit ul li a{display: block;font-size: 18px;color: #91999e;padding: 0.08rem 0.24rem;border-radius: 0.06rem;}
.i_tit ul li.active a{background-color: #ff803b;color: white;}
.i_tit .c_more{margin-top: 0;}
/* i_tit e */

/* i_tit2 s */
.i_tit2{text-align: center;margin-bottom: 0.5rem;}
.i_tit2 span{display: block;font-size: 0.2rem;margin-bottom: 0.12rem;color: #47484b;}
.i_tit2 h3{font-size: 0.38rem;color: #ff803b;font-weight: 700;}
.i_tit2 h3::after{content: "";display: block;width: 0.5rem;height: 0.02rem;background-color: #626262;margin: 0.15rem auto;}
.i_tit2 p{font-size: 18px;color: #47484b;line-height: 1.4;}
/* i_tit2 e */

/* n_ban */
.n_ban {position: relative;height: 5rem;background-repeat: no-repeat;background-position: center;background-size: cover;}
.n_ban .ban_txt {position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);color: #fff;text-align: center;}
.n_ban .ban_txt h3 {font-size: 0.48rem;font-weight: 700;}
.n_ban .ban_txt p {font-size: 0.2rem;line-height: 1.5;margin-top: 0.24rem;}

/* sort_nav */
.sort_nav {border-bottom: 1px solid #e8e8e8;}
.sort_nav .pd-32{display: flex;justify-content: space-between;align-items: center;min-height: 90px;}
/* sort_nav_view */
.sort_nav_view {}
.sort_nav_view ul {display: flex;align-items: center;}
.sort_nav_view ul li {margin-left: 0.45rem;}
.sort_nav_view ul li a {position: relative;font-size: 18px;display: block;line-height: 90px;color: #111;}
.sort_nav_view ul li a:hover {color: #ff803b;}
.sort_nav_view ul li.active a {color: #ff803b;}
.sort_nav_view ul li.active a::after {content: "";display: block;width: 100%;height: 2px;position: absolute;bottom: -1px;left: 0;background-color: #ff803b;}
.sort_nav_view ul li:first-child{margin-left: 0;}
/* crumbs */
.crumbs {/* border-bottom: 1px solid #eee; */}
.crumbs {padding-left: 25px;background: url('../images/ico_home.png') no-repeat center;background-position: 0 center;display: flex;align-items: center;}
.crumbs a {font-size: 18px;color: #666;display: inline-flex;align-items: center;}
.crumbs a:not(:last-child)::after {font: normal normal normal 14px/1 FontAwesome;content: "\f105";display: inline-block;margin: 0 0.08rem;}
.crumbs a:hover {color: #ff803b;}

/* bg */
.white_bg {background-color: white;}
.grey_bg {background-color: #fafafa;background-color: #EFF2F7;/* background-color: #f7f9fa; */}



/* n_tit */
.n_tit{color: #212121;}
.n_tit p{font-size: 16px;line-height: 1.5;text-transform: uppercase;}
.n_tit h3{position: relative;font-size: 0.3rem;line-height: 1.3;font-weight: 700;padding-bottom: 0.15rem;margin-bottom: 0.45rem;}
.n_tit h3::after {content: '';display: block;width: 35px;height: 2px;background: #ff803b;position: absolute;left: 0;bottom: 0;}
.n_tit.tac{text-align: center;}
.n_tit.tac h3::after{left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

/* morelink */
.morelink {display: inline-block;position: relative;font-size: 16px;line-height: 30px;color: #fff;padding: 10px 40px;background-color: #ff803b;border: 1px solid #ff803b;border-radius: 5px;text-transform: capitalize;transition: all 0.3s;cursor: pointer;}
.morelink:hover {color: #ff803b;}

/* btn-3 */
.btn-3 {position: relative;z-index: 1;overflow: hidden;}
.btn-3:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #fff;position: absolute;bottom: -5px;left: -5px;transition: all .5s;z-index: -1;}
.btn-3:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #fff transparent transparent;position: absolute;top: -5px;right: -5px;transition: all .5s;z-index: -1;}
.btn-3:hover:before {border-width: 300px 0 0 300px;}
.btn-3:hover:after {border-width: 0 300px 300px 0;}

/* swiper-page01 */
.swiper-page01.swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 0;}
.swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #ff803b;width: 30px;height: 8px;border-radius: 4px;}

/* 登录注册 s */
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.user-login {
	position: relative;
	left: 0;
	/* top: 10%; */
	display: flex;
	align-items: center;
	align-content: center;
	min-height: 800px;
	padding: 1rem 0;
	box-sizing: border-box;
	background-color: #FAFAFA;
	/* background: url(../images/login_bg.png) no-repeat center; */
}

.user-login-main {
	width: 500px;
	margin: 0 auto;
	box-sizing: border-box;
	background: #fff;
	/* background-color: rgba(248, 248, 255, 0.2); */
	border-radius: 5px;
}

.user-login-header {
	text-align: center;
	padding-top: 35px;
}

.user-login-header .logo img{
	display: inline-block;
	height: 40px;
}

.user-login-header h2 {
	margin: 25px auto 0;
	font-weight: 300;
	font-size: 25px;
	color: #000;
	font-weight: bold;
}

.user-login-header p {
	font-weight: 300;
	color: #eee;
}

.user-login-box {
	padding: 20px 60px 30px;
}

.user-login-icon {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 48px;
	line-height: 36px;
	text-align: center;
	color: #d2d2d2;
}

.user-login-box .layui-form-item {
	position: relative;
	
	margin-bottom: 15px;
}

.user-login-box .layui-form-item .layui-row{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.user-login-box .layui-form-item #usernote{
	margin-top: 15px;
	color: #E12319;
}

.user-login-box .layui-form-item span {
	color: #000;
}

.user-login-box .layui-form-item span a {
	color: #000;
}

.user-login-box .layui-form-item .checkcode{
	padding-left: 10px;
}
.user-login-box .layui-form-item .checkcode img{
	height: 48px;
}

.user-login-box .layui-form-item .layui-input {
	padding-left: 10px;
	display: block;
	width: 100%;
	height: 48px;
	font-size: 16px;
	line-height: 1.3;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	border-radius: 2px;
}
.user-login-box .layui-form-item .layui-btn{
	width: 100%;
	display: inline-block;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	padding: 0 18px;
	background-color: #002fa7;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	border: none;
	border-radius: 2px;
	cursor: pointer;
}
.user-login-box .layui-form-item .layui-btn:hover{
	opacity: .8;
	color: #fff;
}

.user-login-codeimg {
	height: 48px;
	width: 100%;
	cursor: pointer;
	box-sizing: border-box;
}

.user-login-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: 1.5;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	color: rgba(0, 0, 0, .5);
}

.user-login-footer span {
	padding: 0 5px;
}

.user-login-footer a {
	color: rgba(0, 0, 0, .5);
}

.user-login-footer a:hover {
	color: rgba(0, 0, 0, 1);
}

.layui-btn {
	background-color: #2679b8;
}

.layui-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	color: #fff;
}

.getpcode {
	float: right;
	display: block;
	height: 48px;
	line-height: 48px;
	text-align: center;
	width: 100%;
	cursor: pointer;
	background-color: #2679b8;
	color: #fff;
	border-radius: 2px;
	font-size: 14px;
}

.fr {
	float: right;
}

@media screen and (min-width: 768px) {
	.layui-col-sm8 {
		width: 66.66666667%;
	}
	.layui-col-sm4 {
		width: 33.33333333%;
	}
}

@media screen and (max-width:768px) {
	.user-login-header .logo img {
		height: 32px;
	}
	.user-login-header h2{
		font-size: 22px;
	}

	.user-login {
		padding-top: 60px;
		min-height: 600px;
	}

	.user-login-main {
		width: 92%;
	}

	.user-login-box {
		padding: 10px 20px;
	}
	
}

@media \0screen\,screen\9 {

	/* 只支持IE6、7、8 */
	.user-login-header h2 {
		color: #000;
	}

	.user-login-header p {
		color: #999;
	}
}

/* 登录注册 e */


/* ====================首页样式========================= */

/* i_box1 s */
.i_box1{
	
}
.i_box1 .ico{}
.i_box1 .ico img{
	display: inline-block;
	height: 0.6rem;
}
.i_box1 .txt{
	display: inline-block;
	width: 12rem;
	max-width: 96%;
	line-height: 1.3;
	text-align: center;
}
/* i_box1 e */

/* 产品中心 s */
.i_top{
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 1px solid #000;
	padding-bottom: 0.2rem;
}
.i_top .fl{}
.i_top .fl .tit{
	font-family: "ATA-R";
}
.i_top .fl .tit h3{
	font-size: 0.54rem;
	line-height: 1.2;
	text-transform: capitalize;
}
.i_top .fl .tit p{
	font-size: 20px;
	line-height: 1.5;
	margin-top: 0.12rem;
}
.i_top.white .fl .tit h3,.i_top.white .fl .tit p{
	color: #fff;
}
.i_top .fr{}
.i_btn{
	display: inline-flex;
	align-items: center;
	color: #000;
}
.i_btn span{
	font-size: 20px;
	font-family: "ATA-R";
}
.i_btn span:hover{
	text-decoration: underline;
}
.i_btn i{
	font-size: 12px;
	margin-left: 0.08rem;
	font-weight: 700;
}
.i_btn.white{
	padding: 0.13rem 0.16rem;
	background-color: #fff;
}

.i_pro{
	background-color: #003352;
}
.i_pro .bot{}
.i_pro .bot ul{}
.i_pro .bot ul li{}
.i_pro .bot ul li a{
	display: block;
}
.i_pro .bot ul li .info{
	padding: 0.32rem;
	background-color: #fff;
	/* background-color: #333; */
}
.i_pro .bot ul li .info .t1{
	color: #11181b;
	/* color: #fff; */
	line-height: 1.4;
	height: 2.8em;
	margin-bottom: 0.25rem;
}
.i_pro .bot ul li .info .p1{
	color: #777777;
	color: rgb(255, 251, 249);
	line-height: 1.6;
	height: 3.2em;
	margin: 0.18rem 0 0.2rem;
}
/* .i_pro .bot ul li .info .i_btn span,.i_pro .bot ul li .info .i_btn i{
	color: rgb(255, 251, 249);
} */
.i-swiper-tool{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	margin: 0.4rem auto 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.i-swiper-tool .swiper-pagination{}
.i-swiper-tool .swiper-button-prev,.i-swiper-tool .swiper-button-next{
	position: relative;
	left: auto;
	top: auto;
	bottom: auto;
	right: auto;
	margin-top: 0;
	width: 48px;
	height: 48px;
	
}
.i-swiper-tool .swiper-button-prev::after,.i-swiper-tool .swiper-button-next::after{
	display: none;
}
.i-swiper-tool .swiper-button-prev::before,.i-swiper-tool .swiper-button-next::before{
	font-size: 0.32rem;
	color: #fff;
	font-family: "iconfont";
	content: "\e675";
}
.i-swiper-tool .swiper-button-prev::before{
	transform: rotate(180deg);
}
.i-swiper-tool .swiper-button-next::before{}
.i-swiper-tool .swiper-button-prev{
	margin-right: 135px;
}
.i-swiper-tool .swiper-button-next{}

.i-swiper-tool .swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: 16px;
}
.i-swiper-tool .swiper-pagination-bullet {
    height: 13px;
    width: 13px;
    background-color: transparent;
    border: 1px solid white;
    opacity: 1;
    transition: 500ms;
}
.i-swiper-tool .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 26px;
	border-radius: 13.2px;
	height: 13.2px;
	background-color: white;
}
/* 产品中心 e */

/* 数字滚动 s */
.i_num{
	background-color: #D9DADC;
	background-color: #fff;
	background-color: #003352;
	padding-top: 0.6rem;
	padding-bottom: 0.4rem;
}
.i_num ul{}
.i_num ul li{
	position: relative;
	width: 23.5%;
	color: #fff;
	line-height: 1.2;
	padding: 1.5% 1.5% 0;
}
.i_num ul li::after {
    content: '';
    width: 100%;
    height: 80%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #fff;
	background-color: #0c4f78;
}
.i_num ul li .ico{
	position: relative;
    width: 0.72rem;
    height: 0.72rem;
	z-index: 2;
}
.i_num ul li .ico img{
	/* filter: grayscale(1); */
	filter: brightness(100);
	opacity: .92;
}
.i_num ul li:hover .ico img{
	filter: grayscale(0);
	opacity: 1;
}
.i_num ul li .text{
	position: relative;
	margin-top: 1.2rem;
	text-align: right;
	z-index: 2;
}
.i_num ul li .num{
	display: inline-flex;
	align-items: flex-end;
	font-weight: 700;
	color: #1A1A1A;
	color: #fff;
}
.i_num ul li .num span{
	font-size: 0.85rem;
	line-height: 1;
}
.i_num ul li:hover .num{
	color: #FF803B;
}
.i_num ul li .num em{
	font-size: 0.3rem;
	margin-left: 0.1rem;
	vertical-align: middle;
}
.i_num ul li p{
	font-size: 18px;
	color: #fff;
	margin-top: 0.12rem;
}
/* 数字滚动 e */

/* 数字滚动2 s */
.i_num2{
	background-color: #003352;
}
.i_num2 ul{}
.i_num2 ul li{
	width: 25%;
	padding: 0.6rem 0;
	border-right: 1px solid rgb(255, 255, 255, .3);
	text-align: center;
}
.i_num2 ul li:last-child{
	border: none;
}
.i_num2 ul li .text{
	font-family: 'ATA-R';
}
.i_num2 ul li .text .num{}
.i_num2 ul li .text .num span{
	font-size: 0.6rem;
	font-weight: 700;
	color: #fff;
}
.i_num2 ul li .text .num em{
	display: none;
}
.i_num2 ul li .text p{
	font-size: 0.2rem;
	margin-top: 0.2rem;
	color: #d0d0d0;
}
/* 数字滚动2 e */

/* 新闻中心 s */
.i_new{
	padding-top: 0.3rem;
	/* padding-right: 0; */
	/* padding-bottom: 0.4rem; */
	/* margin-bottom: 1px; */
}
.i_new .i_top{
	/* padding-right: 64px; */
}
.i_new .bot{}
.i_new .bot ul{}
.i_new .bot ul li{}
.i_new .bot ul li .info{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 0.32rem;
	z-index: 3;
}
.i_new .bot ul li .info::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	backdrop-filter: blur(20px);
	z-index: 2;
}
.i_new .bot ul li .info .txt{
	position: relative;
	z-index: 3;
}
.i_new .bot ul li .info .p1{
	color: rgba(255, 255, 255, 0.8);
}
.i_new .bot ul li .info .t1{
	color: #fff;
	margin: 0.08rem 0;
	line-height: 1.5;
	height: 3em;
}
.i_new .bot ul li .info .i_btn span,.i_new .bot ul li .info .i_btn i{
	color: #fff;
}

.i_new .swiper-tool{
	position: relative;
}
.i_new .swiper-button-prev{
	left: 64px;
}
.i_new .swiper-button-next{
	right: 64px;
}
.i_new .swiper-button-prev::after,.i_new .swiper-button-next::after{
	display: none;
}
.i_new .swiper-button-prev,.i_new .swiper-button-next{
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background-color: #fff;
}
.i_new .swiper-button-prev.swiper-button-disabled,.i_new .swiper-button-next.swiper-button-disabled{
	display: none;
}
.i_new .swiper-button-prev::before,.i_new .swiper-button-next::before{
	font-size: 0.24rem;
	color: #000;
	font-family: "iconfont";
	content: "\e7c3";
}
.i_new .swiper-button-prev::before{
	transform: rotate(180deg);
}
/* 新闻中心 e */

/* 关于我们 s */
.i_ab{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 1rem;
}
.i_ab .img{
	position: relative;
	width: 45%;
}
.i_ab .img .pic{
	/* border-radius: 50%; */
	overflow: hidden;
}
.i_ab .img .pic img{
	width: 100%;
}

.i_ab .img .pst-img{
	position: absolute;
	width: 4rem;
	right: -1.5rem;
	bottom: -0.7rem;
	border-radius: 50%;
	overflow: hidden;
}
.i_ab .img .pst-img img{
	width: 100%;
}

.i_ab .info{
	width: 45%;
}
.i_ab .info .t1{
}
.i_ab .info .p1{
	line-height: 1.3;
	margin: 0.2rem 0;
}
.i_ab .info .i_btn span{
	font-size: 0.24rem;
}
.i_ab .info .i_btn i{
	font-size: 0.2rem;
}
/* 关于我们 e */

/* 视频中心 s */
.i_video{
	position: relative;
}
.i_video::before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3) 100%, rgb(0, 0, 0) 0%);
}
.i_video .pic{}
.i_video .pic img{
	width: 100%;
	min-height: 8rem;
	object-fit: cover;
}
.i_video .mask{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 3;
}
.i_video .mask a{
	display: block;
	text-align: center;
}
.i_video .mask a i{
	display: inline-block;
	margin-bottom: 0.3rem;
}
.i_video .mask a i img{
	display: inline-block;
	width: 0.8rem;
	position: relative;
	filter: drop-shadow(100vw 0px 0 #ff803b);
	-webkit-filter: drop-shadow(100vw 0px 0 #ff803b);
	right: 100vw;
}
.i_video .mask a p{
	line-height: 1.3;
	color: #fff;
}
/* 视频中心 e */

/* 公共板块 s */
.i_com_box{}
.i_com_box .item{
	width: 50%;
	position: relative;
	overflow: hidden;
}
.i_com_box .item:before{
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, rgb(0, 0, 0), rgba(0, 0, 0, 0));
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.i_com_box .item:hover:before{
	opacity: 1;
}

.i_com_box .item .pic{}
.i_com_box .item .pic img{}
.i_com_box .item .mask{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: end;
	justify-content: end;
	padding: 0.64rem;
	z-index: 2;
}

.i_com_box .item .mask .t1{
	color: rgb(255, 255, 255);
	background-color: transparent;
	font-weight: 300;
	pointer-events: unset;
	writing-mode: vertical-lr;
	transform: scale(-1);
	position: absolute;
	bottom: 0.64rem;
	left: 0.64rem;
}
.i_com_box .item:hover .t1{
	font-size: 0.24rem;
	transform: scale(-1);
	writing-mode: vertical-rl;
	position: relative;
	left: auto;
	bottom: auto;
}
.i_com_box .item .mask .p1{
	max-width: 7.28rem;
	letter-spacing: 0.22px;
	color: rgb(255, 255, 255);
	background-color: transparent;
	font-weight: 300;
	line-height: 1.8;
	pointer-events: unset;
	margin: 0.24rem 0 0.4rem;
	opacity: 0;
	transform: scale(0);
	transform: translateX(-100%);
	visibility: hidden;
}
.i_com_box .item:hover .p1{
	opacity: 1;
	transform: none;
	visibility: visible;
}
.i_com_box .item .mask a{
	padding: 13px 18px;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: 300;
	overflow: hidden;
	white-space: nowrap;
	color: rgb(255, 255, 255);
	background-color: transparent;
	box-shadow: white 0px 0px 0px 1px;
	position: relative;
	opacity: 0;
	transform: scale(0);
	transform: translateX(-100%);
	visibility: hidden;
}
.i_com_box .item .mask a span{
	position: relative;
	z-index: 3;
}
.i_com_box .item:hover .mask a{
	opacity: 1;
	transform: none;
	visibility: visible;
}
.i_com_box .item .mask a::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: white;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1;
}
.i_com_box .item .mask a:hover::before {
    width: 100%;
}
.i_com_box .item .mask a:hover{
	color: #000;
}
/* 公共板块 e */

/* 公司优势 s */
.i_adv{}
.i_adv ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.i_adv ul li{
	position: relative;
	width: 25%;
	/* width: calc(25% - 1px); */
	height: 6.48rem;
	height: 7.5rem;
}
.i_adv ul li .pic{
	width: 100%;
	height: 100%;
}
.i_adv ul li .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.i_adv ul li::before{
    position: absolute;
	content: "";
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3) 100%, rgb(0, 0, 0) 0%);
	z-index: 2;
}
.i_adv ul li .mask{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.24rem 0.24rem 0.24rem 0.4rem;
	z-index: 3;
}
.i_adv ul li .mask .txt{
	display: flex;
	align-items: flex-end;
	writing-mode: vertical-rl;
	text-align: left;
	transform: scale(-1, -1);
	color: #fff;
}
.i_adv ul li .txt p{
	line-height: 1;
	font-family: 'ATA-R';
}
.i_adv ul li .txt sup{
	line-height: 2;
	margin-top: 0.16rem;
}
/* 公司优势 e */

/* 支持 s */
.i_sup{}
.i_sup .con{
	color: #000;
}
.i_sup .tit{
	line-height: 1.3;
}
.i_sup ul{}
.i_sup ul li{
	width: 25%;
	text-align: center;
}
.i_sup ul li a{
	display: block;
}
.i_sup ul li:hover{
	color: #ff803b;
}
.i_sup ul li .ico{}
.i_sup ul li .ico i{
	font-size: 0.56rem;
}
.i_sup ul li p{
	margin-top: 0.25rem;
}
/* 支持 e */

/* 新产品 s */
.new_pro{
	background-color: #f5f5f5;
}
.new_pro .con{}
.new_pro ul{}
.new_pro ul li{
	width: calc(25% - 2px);
}
.new_pro ul li a{
	display: block;
}
.new_pro ul li .pic{}
.new_pro ul li .pic img{}
.new_pro ul li .info{
	color: #000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.16rem;
	/* background-color: #fff; */
}
.new_pro ul li:hover .info{
	/* box-shadow: 0 0 5px #0003; */
}
.new_pro ul li .info .t1{
	width: calc(100% - 32px);
	line-height: 1.5;
	height: 3em;
}
.new_pro ul li .info span{}
.new_pro ul li .info span i{
	font-size: 0.24rem;
}
/* 新产品 e */

/* 产品分类 s */
.pro_cate{}
.pro_cate ul{}
.pro_cate ul li{
	/* width: calc(33.3333% - 1px); */
	width: 33.3333%;
}
.pro_cate ul li a{
	position: relative;
	display: block;
}
.pro_cate ul li a::before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0, .2);
	z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.pro_cate ul li a:hover::before{
	background-color: transparent;
}
.pro_cate ul li .pic{}
.pro_cate ul li .pic img{
	width: 100%;
}
.pro_cate ul li .tit{
	position: absolute;
	width: 100%;
	padding: 0.24rem;
	left: 0;
	top: 0;
	line-height: 1.3;
	font-weight: 400;
	letter-spacing: 0;
	color: #fff;
	z-index: 3;
	/* font-family: 'ATArizonaSerif'; */
}
.pro_cate ul li .more{
	position: absolute;
	line-height: 1.3;
	padding: 0.12rem 0.4rem;
	background-color: #fff;
	color: #000;
	border-radius: 0.5rem;
	left: 0.24rem;
	bottom: 0.24rem;
	z-index: 3;
}
.pro_cate ul li .more:hover{
	background-color: rgb(255, 255, 255, .75);
}
/* 产品分类 e */

/* 推荐产品 s */
.pro_tj{
	padding-top: 0.3rem;
	background-color: #f5f5f5;
}
.pro_tj .con{
	display: grid;
	flex-direction: row;
	flex-wrap: nowrap;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-column-gap: max(0px, 1px);
	grid-row-gap: max(0px, 1px);
	align-items: stretch;
	width: 100%;
	/* padding-top: 1px; */
	background-color: #000;
}
.pro_tj .item{
	position: relative;
	display: grid;
}
.pro_tj .item:nth-child(1){
	grid-row: 1 / span 2;
	grid-column: 1 / span 2;
}
.pro_tj .item a{
	display: block;
}
.pro_tj .item .pic{}
.pro_tj .item .pic img{}
.pro_tj .item .tit{
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 0.24rem;
	line-height: 1.4;
	color: #000;
	font-weight: 400;
	padding: 0.24rem;
}
/* 推荐产品 e */

/* 模特展示 s */
.i_model{}
.i_model .i_top .fl .tit h3{
	text-transform: none;
}
.i_model .con{}
.i_model ul{}
.i_model ul li{
	width: calc(25% - 1px);
}
.i_model ul li a{
	display: block;
	position: relative;
}
.i_model ul li .t1{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 0.24rem 0.12rem;
	display: block;
	line-height: 1.3;
	color: #FFF;
	font-weight: 500;
	letter-spacing: -0.015px;
}
/* 模特展示 e */

/* ====================内页样式========================= */

/* ====================关于样式========================= */

/* 公司简介 s */
.n_ab_01{
	background-color: #F7F7F7;
}
.n_ab_01 .top{}
.n_ab_01 .top .fl{
	float: left;
	width: 35%;
}
.n_ab_01 .top .fl .tit{
	position: sticky;
	font-size: 0.6rem;
	line-height: 1.1;
	color: #000;
	font-weight: 700;
}
.n_ab_01 .top .fr{
	float: right;
	width: 62%;
	margin-top: .7%;
	overflow: hidden;
}
.n_ab_01 .top .fr .info{
	line-height: 1.6;
	color: #666;
	text-align: justify;
}
.n_ab_01 .top .fr .data{}
.n_ab_01 .top .fr ul{
	margin-top: 4%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.n_ab_01 .top .fr ul li{
	width: 21%;
	text-align: center;
}
.n_ab_01 .top .fr ul li .ico{}
.n_ab_01 .top .fr ul li .ico img{
	display: inline-block;
	width: 0.7rem;
	filter: grayscale(100%);
	/* opacity: 1; */
}
.n_ab_01 .top .fr ul li .text{
	margin-top: 0.2rem;
}
.n_ab_01 .top .fr ul li .num{
	color: #000;
	font-weight: 700;
}
.n_ab_01 .top .fr ul li .num span{
	font-size: 0.48rem;
}
.n_ab_01 .top .fr ul li .num em{
	font-size: 0.3rem;
}
.n_ab_01 .top .fr ul li .text p{
	font-size: 16px;
	line-height: 1.5;
	color: #666;
	margin-top: 0.04rem;
}
.n_ab_01 .bot{
	margin-top: 3%;
}
.n_ab_01 .bot a{
	position: relative;
	display: block;
}
.n_ab_01 .bot .play{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.2rem;
	height: 1.2rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	border: 2px solid #fff;
	border-radius: 50%;
}
.n_ab_01 .bot .play img{
	width: 88%;
}
.n_ab_01 .bot .pic img{
	width: 100%;
}
.n_ab_01 .bot .text{
	position: absolute;
	right: -1%;
	bottom: -3%;
	z-index: 1;
	font-size: 1.3rem;
	line-height: 1;
	color: rgb(255, 255, 255, .3);
	
}
/* 公司简介 e */

/* 企业文化 s */
.n_culture{}
.n_culture .tit{
	width: 35%;
	font-size: 0.5rem;
	line-height: 1.2;
	font-weight: 700;
	color: #000;
}
.n_culture .con{
	margin-top: 3%;
}
.n_culture ul{}
.n_culture ul li{
	padding: 3% 0;
}
.n_culture ul li:nth-child(2n){
	flex-direction: row-reverse;
}
.n_culture ul li .fl{
	width: 50%;
}
.n_culture ul li .fl .text{
	line-height: 1.5;
	width: 90%;
}
.n_culture ul li:nth-child(2n) .fl .text{
	transform: translateX(20%);
}
.n_culture ul li .fl .text .t1{
	color: #000;
}
.n_culture ul li .fl .text .p1{
	color: #666;
	margin-top: 3%;
}
.n_culture ul li .fl .text .ico{
	margin-top: 15%;
}
.n_culture ul li .fl .text .ico img{
	filter: grayscale(100%);
}
.n_culture ul li:hover .fl .text .ico img {
    filter: grayscale(0);
}
.n_culture ul li .fr{
	width: 50%;
}
.n_culture ul li .fr .img{
	position: relative;
}
.n_culture ul li .fr .img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: #ff803b;
    position: absolute;
    left: -0.2rem;
    top: -0.2rem;
    z-index: 1;
    transition: all .4s ease;
    opacity: 0;
}
.n_culture ul li:hover .fr .img::after{
	opacity: 1;
}
.n_culture ul li .fr .pic{
	position: relative;
	overflow: hidden;
}
.n_culture ul li .fr .pic::after {
    content: '';
    width: 1rem;
    height: 2rem;
    background: #fff;
    position: absolute;
    right: -5%;
    bottom: -24%;
    z-index: 4;
    transform: rotate(45deg);
}
.n_culture ul li .fr .pic img{
	position: relative;
	width: 100%;
	z-index: 3;
}
/* 企业文化 e */

/* 荣誉资质 s */
.n_honor{}
.n_honor ul{}
.n_honor ul li{
	float: left;
	width: 23.5%;
	overflow: hidden;
	margin-right: 2%;
	margin-bottom: 2%;
}
.n_honor ul li:nth-child(4n){
	margin-right: 0;
}
.n_honor ul li a{
	position: relative;
	display: block;
	background-color: #F5F5F5;
}
.rect-116{
	padding-bottom: 116%;
}
.n_honor ul li .pic{}
.n_honor ul li .pic img{
	max-width: 80%;
	max-height: 80%;
	object-fit: contain;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.n_honor ul li a::before {
    content: '';
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    background: url("../images/big.png") center no-repeat;
    background-size: 100%;
    transition: all .4s ease;
    opacity: 0;
}
.n_honor ul li a:hover::before{
	opacity: 1;
}
/* 荣誉资质 e */

/* 工厂环境 s */

/* 工厂环境 e */

/* 展览 s */
.n_exh{}
.n_exh ul{}
.n_exh ul li{
	float: left;
	width: 23.5%;
	margin-bottom: 2%;
	margin-right: 2%;
}
.n_exh ul li:nth-child(4n){
	margin-right: 0;
}
.n_exh ul li a{
	display: block;
	background-color: #F5F5F5;
}
.n_exh ul li .info{
	padding: 0.36rem 0.2rem;
}
.n_exh ul li .tit{
	color: #000;
	line-height: 1.3;
}
.n_exh ul li .data{
	position: relative;
	font-size: 14px;
	color: #999;
	margin-top: 0.2rem;
}
.n_exh ul li .data::after {
    content: '';
    width: .06rem;
    height: 0.1rem;
    background: url(../images/r1.svg) center no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-size: 100%;
}
/* 展览 e */

/* 公司环境 s */
.n_env{}
.n_env ul{}
.n_env ul li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.n_env ul li:nth-child(4n){
	margin-right: 0;
}
.n_env ul li a{
	display: block;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
	padding: 10px;
	border-radius: 10px;
}
.n_env ul li .info{
	padding: 0.2rem 4% 0.1rem;
}
.n_env ul li .tit{
	color: #333;
	text-align: center;
	line-height: 1.3;
}
/* 公司环境 e */

/* 常见问题 s */
.n_faq{}
.n_faq .con{}
.n_faq ul{}
.n_faq ul li{
	background: #f9fcfe;
	margin-bottom: 30px;
}
.n_faq ul li .faq_tit{
	position: relative;
	display: flex;
	padding: 20px 15px;
	font-size: 18px;
	border: solid 1px #c0c0c0;
	font-weight: bold;
	cursor: pointer;
}
.n_faq ul li.active .faq_tit{
    background-color: #003352;
    color: #fff;
}
.n_faq ul li .faq_tit::after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 16px;
    width: 16px;
    border-width: 0 4px 4px 0;
    border-color: #003352;
    border-style: solid;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12px;
}
.n_faq ul li.active .faq_tit::after{
	border-width: 4px 0 0 4px;
	margin-top: -5px;
	border-color: #ffffff;
}
.n_faq ul li .faq_tit i{
	margin-right: 25px;
}
.n_faq ul li .faq_tit i img{
	filter: invert(100%);
	transition: all 0s;
}
.n_faq ul li.active .faq_tit i img{
	filter: none;
}

.n_faq ul li .faq_tit p{}
.n_faq ul li .faq_con{
	font-size: 16px;
	line-height: 1.5;
	padding: 25px 15px 25px 63px;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	background-color: #fff;
	display: none;
}
/* 常见问题 e */

/* ====================产品样式========================= */

.load_p{
	position: relative;
	display: flex;
	width: 100vw;%
	text-align: center;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	white-space: nowrap;
	margin-top: 2em;
	margin-bottom: 4em;
	position: relative;
}
.load_p::after {
    content: "";
    width: 100px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-left: 40px;
    background: rgb(230, 232, 242);
    height: 1px;
}
.load_p::before {
    content: "";
    width: 100px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-right: 40px;
    background: rgb(230, 232, 242);
    height: 1px;
}
.load_p a{
	position: relative;
	display: inline-flex;
	flex-flow: row;
	-webkit-box-pack: center;
	justify-content: center;
	gap: 8px;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	border-radius: 9999px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	transition: 150ms ease-out;
	font-size: 18px;
	padding: 12px 40px;
	--fg-button-color: rgba(0, 0, 0, 1);
	--bg-button-color: transparent;
	--border-button-color: rgba(0, 0, 0, 0.2);
	--border-button-hover-color: rgba(0, 0, 0, 0.1);
	--fg-button-hover-color: rgba(0, 0, 0, 0.75);
	color: var(--fg-button-color);
	background-color: var(--bg-button-color);
	border: solid var(--border-button-color) 1px;
}
.load_p a:hover{
	color: #fff;
	background-color: #ff803b;
	border-color: #ff803b;
}
.load_img{
	text-align: calc();
}
/* 筛选 s */
.filters{
	margin-bottom: 0.8rem;
}
.filters ul{}
.filters ul li{
	display: inline-block;
	vertical-align: top;
	min-width: 120px;
	position: relative;
	margin-right: 15px;
}
.filters ul li .pro_screen_btn{
	isolation: isolate;
	position: relative;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: space-between;
	background: rgb(255, 255, 255);
	cursor: pointer;
	gap: 8px;
	border-radius: 6px;
	color: rgb(0, 0, 0);
	padding: 12px;
	transition: 150ms ease-out;
	width: 250px;
	max-width: 100%;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.filters ul li .pro_screen_btn span{
	font-size: 18px;
	color: #000;
}
.filters ul li .pro_screen_btn i{
	font-size: 24px;
}
.filters ul li .pro_screen_select{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	font-size: 0;
	opacity: 0;
	height: 50px;
}
.filters ul li .pro_screen_select a{
	display: none;
}
.filters ul li select{
	background-color: transparent;
	border: none;
	width: 100%;
	font-size: 16px;
	line-height: 2.15;
	min-height: 50px;
	cursor: pointer;
}
.filters ul li select option{
}

/* 筛选 e */

/* 导航下拉 s */

.c-nav .son{
	position: fixed;
	width: 100%;
	max-height: 100vh;
	padding: 0 230px;
	display: none;
	flex-flow: row;
	justify-content: space-between;
	inset: 80px 0 auto;
	background-color: rgb(255,255,255);
	border-top: 2px solid rgb(0,0,0,0.1);
}
.c-nav .son.on{
	display: flex;
}
.c-nav .son .item{
	display: flex;
	flex-direction: column;
	min-height: 420px;
	margin: 0 12px;
	padding: 24px 0;
	width: 300px;
}
.c-nav .son .item .p{
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 0.12rem;
	color: #000;
}
.c-nav .son .item .a{
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 0.12rem;
}
.c-nav .son .item .a:hover{
	color: #ff803b;
}
.c-nav .son .item .img{}
.c-nav .son .item .img img{
	
}
.c-nav .son .item .img p{
	font-size: 18px;
	line-height: 1.5;
	padding-top: 0.12rem;
}
.Header-wrapper.c-head-move .son{
	display: none;
}


/* 导航下拉 e */

/* 产品列表 s */
.n_prolist{
	overflow: hidden;
}
.n_prolist ul{}
.n_prolist ul li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.n_prolist ul li:nth-child(4n){
	margin-right: 0;
}
.n_prolist ul li a{
	display: block;
}
.n_prolist ul li .info{
	padding: 0.3rem 0;
}
.n_prolist ul li .tit{
	color: #000;
	height: 3em;
	line-height: 1.5;
}
/* 产品列表 e */

/* 产品详情 s */
.n_prodet{
	padding: 30px;
}
.n_prodet .crumbs{
	padding: 10px 0 10px 25px;
	margin-bottom: 20px;
}
.n_prodet .fl{
	width: 60%;
}
.n_prodet .fr{
	width: 40%;
	padding-left: 0.9rem;
}
.n_prodet .con{
	position: relative;
}
.n_prodet_ico{
	position: absolute;
	right: calc(100% - 0.8rem);
	top: 0;
	padding-top: 0px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.n_prodet_ico ul{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.n_prodet_ico ul li,.n_prodet_ico>div{
	width: 0.8rem;
	border: 2px solid #fff;
	cursor: pointer;
}
.n_prodet_ico ul li.on,.n_prodet_ico>div.on{
	border: 2px solid #003352;
}

.n_prodet_img{
	padding-left: 1rem;
}
.n_prodet_img ul{}
.n_prodet_img ul li{}
.n_prodet_img ul li .pic{}
.n_prodet_img ul li .pic img{}
.n_prodet_img .tool{
	position: absolute;
	align-items: center;
	justify-content: center;
	bottom: 0;
	padding: 0.3rem;
	left: 50%;
	display: none;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 3;
}
.n_prodet_img .tool .swiper-button-next,.n_prodet_img .tool .swiper-button-prev{
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	margin-top: 0;
	width: 0.52rem;
	height: 0.52rem;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 50%;
	margin-right: 0.2rem;
}
.n_prodet_img .tool .swiper-button-next::after,.n_prodet_img .tool .swiper-button-prev::after{
	font-size: 0.2rem;
	color: #000;
}
.n_prodet_img .tool .swiper-pagination{
	position: relative;
	bottom: auto;
	left: auto;
	padding: 0.04rem 0.08rem;
	background-color: #fff;
	border-radius: 50px;
}
.n_prodet_img .tool .swiper-pagination .swiper-pagination-bullet-active{
	background-color: #ff803b;
}	

.n_prodet .fr .color{}
.n_prodet .fr .color .t1{
	font-size: 16px;
	color: rgba(0, 0, 0, 0.7);;
	margin-bottom: 1em;
}
.n_prodet .fr .color ul{
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fill, minmax(72px, 72px));
}
.n_prodet .fr .color ul li{
	position: relative;
	cursor: pointer;
}
.n_prodet .fr .color ul li::before{
	content: "";
	background-color: rgba(0, 0, 0, 0.03);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.n_prodet .fr .color ul li.active::before{
	box-shadow: inset 0 0 0 2px #000;
}
.n_prodet .fr .color ul li.black{
	
}
.n_prodet .fr .color span{
	font-size: 18px;
	color: #000;
}

.n_prodet_img .tool .swiper-button-prev{}
.n_prodet_img .tool .swiper-button-next{}
.n_prodet_img .tool .swiper-pagination{}

.n_prodet_con{
	margin-top: 0.3rem;
}
.n_prodet_nav{
	display: flex;
	justify-content: space-between;
	padding-bottom: 0.12rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 0.3rem;
}
.n_prodet_nav a{
	display: inline-block;
	font-size: 24px;
	line-height: 1.5;
	color: #000;
}
.n_prodet_nav a:hover{
	color: #ff803b;
}
.n_prodet_nav a:not(:last-child){
	margin-right: 0.3rem;
}

.n_prodet_info{
	font-size: 18px;
	line-height: 1.5;
	color: #000;
}
.n_prodet_info h3{
	font-size: 0.28rem;
	line-height: 1.2;
	margin-bottom: 0.25rem;
	background: #f5f5f5;
	padding: 0.15rem;
	/* font-weight: 700; */
	text-transform: capitalize;
	/* font-family: 'ATA-R'; */
}
/* .n_prodet_info h3::after{
	content: "";
	width: ;
} */
.n_prodet_info h3:not(:nth-of-type(1)){
	margin-top: 0.2rem;
}
.n_prodet_info th,.n_prodet_info td{
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.08rem 0.12rem !important;
}

.n_prodet_info .list-paddingleft-2{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}
.n_prodet_info .list-paddingleft-2 li{
	width: calc(50% - 10px);
}
.n_prodet_info .list-paddingleft-2 li img{
	display: inline-block;
}

.n_prodet_info table{
	max-width: 100%;
}

.n_prodet_tj{
	margin-top: 0.3rem;
}
.n_prodet_tj .tit{
	font-size: 0.3rem;
	line-height: 1.2;
	margin-bottom: 0.24rem;
}
.n_prodet_tj .con{
}
.n_prodet_tj ul{}
.n_prodet_tj ul li{}
.n_prodet_tj ul li a{}
.n_prodet_tj ul li .info{
	padding: 0.12rem 0;
}
.n_prodet_tj ul li .info .t1{
	line-height: 1.5;
	height: 3em;
}

.n_prodet .fr{
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.n_prodet .fr .tit{
	line-height: 1.2;
	color: #000;
}
.n_prodet .fr .num{
	font-size: 0.28rem;
	color: #ff803b;
}
.n_prodet .fr .des{
	font-size: 18px;
	line-height: 1.75;
	color: #666;
}
.n_prodet .fr .btn{
	display: flex;
	gap: 12px;
}
.n_prodet .fr .btn a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: 16px;
	color: #fff;
	height: 0.52rem;
	line-height: 0.5rem;
	background-color: rgba(255,128,59);
	border-radius: 0.52rem;
}
.n_prodet .fr .btn a:hover{
	background-color: rgba(255,128,59,.75);
}
.n_prodet .fr .text{}
.n_prodet .fr .text .item{
	color: #000;
	border-top: 1px solid #d8d8d8;
	cursor: pointer;
}
.n_prodet .fr .text .item:last-child{
	border-bottom: 1px solid #d8d8d8;
}
.n_prodet .fr .text .item .top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.16rem 0.32rem;
}
.n_prodet .fr .text .item .top .t1{
	width: calc(100% - 20px);
}
.n_prodet .fr .text .item .top i{
	font-size: 16px;
}
.n_prodet .fr .text .item .top.on i{
	transform: rotate(180deg);
}
.n_prodet .fr .text .item .bot{
	display: none;
	line-height: 1.75;
	color: rgba(0, 0, 0, 0.7);
	padding: 0.05rem 0.32rem 0.2rem;
}
.n_prodet .fr .text .item:nth-child(2) .bot{
    padding: 0.05rem 0.24rem 0.2rem;
}
.n_prodet .fr .text .item:nth-child(2) .bot td{
    padding: 0.0rem 0.08rem;
}

.like{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.52rem;
	min-width: 0.52rem;
	height: 0.52rem;
	border: 1px solid rgba(255,128,59,0.2);
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.like:hover,.like.on{
	border-color: rgba(255,128,59,0.1);
	background-color: #ff803b;
}
.like:hover::after,.like.on::after{
	color: #fff;
}
.like::after{
	position: absolute;
	content: "\e896";
	font-family: "iconfont" !important;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 0.26rem;
	color: #ff803b;
}
.like.pos{
	position: absolute;
	right: 0.16rem;
	top: 0.16rem;
	background-color: #fff;
	border-color: #fff;
	cursor: pointer;
	z-index: 3;
}
.like.pos:hover,.like.on{
	background-color: #ff803b;
	border-color: #ff803b;
}
.like.pos::after{
	color: #000;
}
.like.pos:hover::after,.like.on::after{
	color: #fff;
}


/* 产品详情 e */

/* ====================新闻样式========================= */

/* 新闻列表 s */
.n_newslist{}
.n_newslist .top{}
.n_newslist .top .tit{
	color: #000;
	font-weight: 700;
}
.n_newslist .top .search{
	width: 20%;
}
.n_newslist .top .search form{
	position: relative;
}
.n_newslist .top .search form input{
	background: none;
	width: 100%;
	border: none;
	border-bottom: 1px solid #f5f5f5;
	padding: 4% 0;
	transition: all .4s ease;
	font-size: 16px;
	color: #666;
}
.n_newslist .top .search form button{
	position: absolute;
	width: 0.2rem;
	height: 0.2rem;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url("../images/search.png") center no-repeat;
	background-size: 100%;
	opacity: .5;
	border: none;
}

.n_newslist .bot{}
.n_newslist .bot ul{}
.n_newslist .bot ul li{
	float: left;
	width: 23.5%;
	margin-bottom: 2%;
	margin-right: 2%;
}
/* .n_newslist .bot ul li:nth-child(1){
	width: 100%;
	margin-right: 0;
}
.n_newslist .bot ul li:nth-child(1) a{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.n_newslist .bot ul li:nth-child(1) a .img{
	width: 50%;
}
.n_newslist .bot ul li:nth-child(1) .info{
	width: 40%;
	margin: auto;
	margin-left: 5%;
	margin-top: 5%;
}
.n_newslist .bot ul li:nth-child(1) .info .tit{
	font-size: 0.24rem;
	font-weight: 700;
}
.n_newslist .bot ul li:nth-child(1) .info .des{
	line-height: 1.5;
	height: 4.5em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
} */
.n_newslist .bot ul li:nth-child(4n){
	margin-right: 0;
}
.n_newslist .bot ul li a{
	display: block;
	background-color: #F5F5F5;
}
.n_newslist .bot ul li .pic{}
.n_newslist .bot ul li .pic img{}
.n_newslist .bot ul li .info{
	padding: 0.36rem 0.2rem;
}
.n_newslist .bot ul li .info .tit{
	color: #000;
	line-height: 1.3;
	height: 2.6em;
}
.n_newslist .bot ul li:hover .info .tit{
	color: #ff803b;
}
.n_newslist .bot ul li .info .des{
	color: #666;
	line-height: 1.5;
	height: 3em;
	margin-top: 0.2rem;
}
.n_newslist .bot ul li .info .data{
	position: relative;
	font-size: 14px;
	color: #999;
	margin-top: 0.2rem;
}
.n_newslist .bot ul li .info .data::after {
    content: '';
    width: .06rem;
    height: 0.1rem;
    background: url("../images/r1.svg") center no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
	background-size: 100%;
}
/* 新闻列表 e */

/* 新闻详情 s */
.n_news{
}
.n_news .top{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 3%;
	overflow: hidden;
}
.n_news .top .fl{
	width: 25%;
}
.n_news .top .fl .tit{
	font-weight: 700;
	line-height: 1.2;
}
.n_news .top .fr{
	width: 75%;
}
.n_news .top .fr .date{
	font-size: 16px;
	color: #ff803b;
}
.n_news .top .fr .tit{
	margin-top: 0.2rem;
	font-weight: 700;
}
.n_news .mid{
	padding: 3% 0;
	overflow: hidden;
}
.n_news .mid .fl{
	width: 25%;
}
.n_news .mid .fl .tit{
	font-weight: 700;
}
.n_news .mid .fl .nav{
	margin-top: 0.4rem;
}
.n_news .mid .fl .nav a{
	position: relative;
	display: inline-block;
	margin: 1% 0;
	padding: 0.12rem 0;
	font-size: 16px;
}
.n_news .mid .fl .nav a::after {
    content: '';
    width: 0px;
    height: 1px;
    background: #bf1313;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .4s ease;
}
.n_news .mid .fl .nav a.active::after,.n_news .mid .fl .nav a:hover::after{
	display: block;
	width: 100%;
}
.n_news .mid .fl .nav a:hover,.n_news .mid .fl .nav a.active{
	color: #ff803b;
}
.n_news .mid .fr{
	width: 75%;
}
.n_news .mid .fr .des{
	font-size: 16px;
	line-height: 1.5;
	color: #666;
}
.n_news .mid .fr .des img{
	margin: 0.1rem 0;
}
.n_news .bot{
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	position: relative;
}
.n_news .bot a{
	display: block;
}
.n_news .bot .prev,.n_news .bot .next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40%;
	line-height: 1.3;
	font-size: 16px;
}
.n_news .bot .prev:hover,.n_news .bot .next:hover{
	color: #000;
}
.n_news .bot .prev{
	padding-left: 0.2rem;
	float: left;
}
.n_news .bot .next{
	padding-right: 0.2rem;
	float: right;
	text-align: right;
	right: 0;
}
.n_news .bot .prev i,.n_news .bot .next i {
    width: .06rem;
    height: 0.1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/r1.svg) center no-repeat;
    background-size: 100%;
    filter: invert(100%) grayscale(100%) brightness(0.5);
    opacity: .5;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.n_news .bot .prev i {
    transform: rotate(180deg) translateY(-50%);
    top: 25%;
}
.n_news .bot .next i {
    left: auto;
    right: 0;
}
.n_news .bot .prev span,.n_news .bot .next span{
	color: #999999;
	margin: 0 3%;
	width: 50%;
	display: inline-block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.n_news .bot .prev:hover i,.n_news .bot .next:hover i{
    filter: invert(0) grayscale(0) brightness(1.5);
    opacity: 1;
}
.n_news .bot .prev:hover span,.n_news .bot .next:hover span{
	color: #000;
}
.n_news .bot .return{
	position: relative;
	width: 1rem;
	height: 1rem;
	margin: auto;
}
.n_news .bot .return:hover {
    background: #ff803b;
}
.n_news .bot .return i{
	position: absolute;
	display: block;
	width: 0.3rem;
	height: .01rem;
	background: #000;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	filter: none;
}
.n_news .bot .return i::after, .n_news .bot .return i::before {
    content: '';
    width: 100%;
    height: .01rem;
    background: #000;
    left: 0;
    position: absolute;
}
.n_news .bot .return i::before {
    margin-top: -10px;
}
.n_news .bot .return i::after {
    margin-top: 10px;
}
.n_news .bot .return:hover i,.n_news .bot .return:hover i::after,.n_news .bot .return:hover i::before{
	background: #fff;
	opacity: 1;
	filter: none !important;
}
.section-block-demo53-header[search-style=search-style-1] .search .form-control::placeholder{font-weight: normal;text-transform: capitalize;}

@media only screen and (max-width: 992px) {
	.page-container .page-main {padding: 0;}
	.page-container .page-aside section, .page-container .page-main section{margin: 0 -10px;padding: 0;}
}

/* 新闻详情 e */

/* ====================定制样式========================= */

/* 我们的服务 s */
.n_custom_01{}
.n_custom_01 .con{}
.n_custom_01 ul{}
.n_custom_01 ul li{
	display: flex;
	align-items: center;
	justify-content: stretch;
	flex-direction: row-reverse;
	background-color: #000;
}
.n_custom_01 ul li:nth-child(2n){
	flex-direction: row;
}
.n_custom_01 ul li .img{
	width: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.n_custom_01 ul li .img img{
	width: 100%;
	opacity: 0;
}
.n_custom_01 ul li .info{
	width: 50%;
	padding: 4vw 4vw 3vw 13vw;
	line-height: 1.75;
}
.n_custom_01 ul li:nth-child(2n) .info{
	padding: 4vw 13vw 3vw 4vw;
}
.n_custom_01 ul li .info .t1{
	color: #ff803b;
	text-transform: uppercase;
}
.n_custom_01 ul li .info .t2{
	color: #fff;
	line-height: 1.1;
	margin: 0.16rem 0;
}
.n_custom_01 ul li .info .p1{
	color: #b1b1b1;
}
/* 我们的服务 e */

/* 我们的服务2 s */
.n_custom_011{}
.n_custom_011 .txt{}
.n_custom_011 .txt span{
	color: #FF803B;
}
.n_custom_011 .txt h4{
	color: #000;
	font-weight: 600;
	margin: 0.16rem 0 0.25rem;
}
.n_custom_011 .txt p{
	color: #737373;
	line-height: 1.75;
}

.n_custom_011 .txt a{
	display: inline-block;
	font-size: 16px;
	padding: 0.15rem 0.35rem;
	background-color: #ff803b;
	color: #fff;
	margin-top: 0.25rem;
}

.n_custom_011 .item01{}
.n_custom_011 .item01 .fl{
	width: 51.5%;
}
.n_custom_011 .item01 .fl .img{}
.n_custom_011 .item01 .fl .img img{
	width: 100%;
}
.n_custom_011 .item01 .fr{
	position: relative;
	width: 48.5%;
	padding-top: 5.7vw;
}
.n_custom_011 .item01 .fr::after{
	position: absolute;
	content: "";
	display: block;
	right: 0;
	top: -0.42rem;
	width: 2.54rem;
	height: 1.67rem;
	background: url('../images/custom_01_item_01.png') no-repeat center;
	background-size: 100% auto;
}
.n_custom_011 .item01 .fr .txt{
	width: 67%;
	margin-left: 3.9vw;
}
.n_custom_011 .item01 .fr ul{
	position: absolute;
	width: 112%;
	bottom: 0;
	right: 0;
	display: flex;
	gap: 0.4rem;
	background-color: #fff;
	padding: 0.4rem 0 0 0.4rem;
	z-index: 3;
}
.n_custom_011 .item01 .fr ul li{}
.n_custom_011 .item01 .fr ul li img{
	width: 100%;
}

.n_custom_011 .item02{}
.n_custom_011 .item02 .con{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 3;
}
.n_custom_011 .item02 .txt{
	position: absolute;
	left: 0;
	top: 4.375vw;
	width: 28vw;
}

.n_custom_011 .item03{
	
}
.n_custom_011 .item03 .txt{
	width: 4.3rem;
}
.n_custom_011 .item03 .con{}
.n_custom_011 .item03 .con .img{
	position: relative;
	display: inline-block;
}
.n_custom_011 .item03 .con .img::after{
	content: "";
	position: absolute;
	width: 0.98rem;
	height: 0.98rem;
	right: 27%;
	top: 9vw;
	background: url('../images/custom_01_item_03.png') no-repeat center;
	background-size: 100% auto;
}
.n_custom_011 .item03 .con .img img{
	max-width: 100%;
}
.n_custom_011 .item03 .con .ico{}
.n_custom_011 .item03 .con .ico dl{
	position: absolute;
	text-align: center;
}
.n_custom_011 .item03 .con .ico dl:nth-child(1){
	top: 4.17vw;
	right: 31.87%;
}
.n_custom_011 .item03 .con .ico dl:nth-child(2){
	top: 8.4375vw;
	right: 16.09%;
}
.n_custom_011 .item03 .con .ico dl:nth-child(3){
	top: 22.65vw;
	right: 7.81%;
}
.n_custom_011 .item03 .con .ico dt{
	width: 1.7rem;
	height: 1.7rem;
	border-radius: 50%;
}
.n_custom_011 .item03 .con .ico dt img{}
.n_custom_011 .item03 .con .ico dd{
	font-size: 16px;
	line-height: 1.5;
	color: #000;
	margin-top: 0.12rem;
}

.n_custom_011 .item04{}
.n_custom_011 .item04 .txt{
	position: absolute;
	width: 5.5rem;
	top: 11.7vw;
	left: 0;
	background-color: #fff;
	padding: 0.5rem 0.5rem 0.7rem 0.7rem;
	padding-left: 0;
}
/* 我们的服务2 e */


/* 定制流程 s */
.n_custom_02{
	background-color: #fff;
}
.custom_tit{
	text-align: center;
	line-height: 1.3;
	/*font-family: 'ATA-R';*/
}
.custom_tit p{
	font-size: 0.24rem;
	display: none;
}
.custom_tit h3{
	font-size: 0.52rem;
	color: #003352;
	text-transform: uppercase;
}
.custom_tit h3.white{
	color: #fff;
}
.n_custom_02 .con{}
.n_custom_02 .con ul{}
.n_custom_02 .con ul li{
	width: 23%;
	text-align: center;
	padding: 0.4rem 0.3rem;
	-webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 7%);
	box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 7%);
	/* background-color: #f8f8f8; */
}
.n_custom_02 .con ul li .ico{}
.n_custom_02 .con ul li .ico img{
	display: inline-block;
	max-width: 1rem;
}
.n_custom_02 .con ul li .info{
	margin-top: 0.2rem;
}
.n_custom_02 .con ul li .t1{
	color: #003352;
	line-height: 1.3;
}
.n_custom_02 .con ul li .p1{
	color: #666;
	line-height: 1.75;
	margin-top: 0.2rem;
}
/* 定制流程 e */

/* 为什么选择我们 s */
.n_custom_03{
	background-color: #003352;
}
.n_custom_03 .custom_tit p{
	color: #fff;
}
.n_custom_03 .con{}
.n_custom_03 ul{}
.n_custom_03 ul li{
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 2%;
}
.n_custom_03 ul li:nth-child(3n){
	margin-right: 0;
}
.n_custom_03 ul li .ico{
	position: relative;
	filter: drop-shadow(100vw 0px 0 #ff803b);
	-webkit-filter: drop-shadow(100vw 0px 0 #ff803b);
	right: 100vw;
}
.n_custom_03 ul li .ico img{
	max-width: 0.7rem;
}
.n_custom_03 ul li .info{
}
.n_custom_03 ul li .info .t1{
	color: #fff;
	margin: 0.15rem 0 0.12rem;
	line-height: 1.3;
}
.n_custom_03 ul li .info .p1{
	color: rgb(255, 255, 255, .5);
	line-height: 1.75;
}
/* 为什么选择我们 e */

/* 合作客户 s */
.n_custom_04{
	background-color: #fff;
}
.n_custom_04 .con{}
.n_custom_04 ul{}
.n_custom_04 ul li{
	background-color: #f6f6f6;
	border-radius: 0.1rem;
	text-align: center;
	padding: 0.3rem;
}
.n_custom_04 ul li>i{
	color: #ff803b;
}
.n_custom_04 ul li .des{
	text-align: center;
	line-height: 1.8;
	color: #37424b;
	margin: 0.25rem 0;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}
.n_custom_04 ul li .tit{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.n_custom_04 ul li .tit .ico{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 0.15rem
}
.n_custom_04 ul li .tit .ico img{
	width: 100%;
}
.n_custom_04 ul li .tit .name{
	flex: 1;
	text-align: left;
}
.n_custom_04 ul li .tit .name p{
	margin-bottom: 0.06rem;
}
.n_custom_04 ul li .tit .name span{}
.n_custom_04 ul li .tit .name span i{
	font-size: 16px;
	color: #000;
	font-family: "FontAwesome";
	margin-right: 0.04rem;
}
.n_custom_04 ul li .tit .name span i:before {
    content: "\f005";
}
/* 合作客户 e */

/* 在线留言 s */
.n_custom_05{
	background-color: #F6F6F4;
}
.n_custom_05 .con{}
.n_custom_05 form{}
.n_custom_05 .mui-input-row{
	margin-bottom: 0.16rem;
}
.n_custom_05 .mui-input-row label{}
.n_custom_05 .mui-input-row input,.n_custom_05 .mui-input-row textarea{
	width: 100%;
	border: 1px solid #807a73;
	font-size: 16px;
	padding: 12px 15px;
	border: none;
}
.n_custom_05 .mui-input-row textarea{}
.n_custom_05 .mui-input-row input::placeholder,.n_custom_05 .mui-input-row textarea::placeholder{
	font-size: 16px;
	color: #807a73;
}
.n_custom_05 .mui-input-row button{
	display: inline-block;
	font-size: 16px;
	color: #fff;
	padding: 0.15rem 0.5rem;
	border: none;
	background-color: #ff803b;
}
/* 在线留言 e */

/* ====================服务样式========================= */

/* 服务支持 s */
/* 服务支持 e */

/* 常见问题 s */
/* 常见问题 e */

/* 下载中心 s */
/* 下载中心 e */

/* 视频中心 s */
/* 视频中心 e */

/* ====================联系样式========================= */

/* 在线留言 s */
.n_contact_01{}
.n_contact_01 form{}
.n_contact_01 .mui-input-row{
	float: left;
	width: 48%;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
	overflow: hidden;
	margin-right: 4%;
	margin-bottom: 2%;
}
.n_contact_01 .mui-input-row.w100{
	width: 100%;
	border: none;
}
.n_contact_01 .mui-input-row:nth-child(2n){
	margin-right: 0;
}
.n_contact_01 .mui-input-row label{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20%;
	color: #999999;
	font-size: 16px;
}
.n_contact_01 .mui-input-row label i{
	display: inline-block;
	vertical-align: middle;
	color: #bf1313;
	width: 0.3rem;
}
.n_contact_01 .mui-input-row input{
	border: none;
	float: right;
	width: 80%;
	color: #000;
	font-size: 16px;
	padding: 0.2rem 0;
}
.n_contact_01 .mui-input-row input::placeholder{
	color: #999;
}
.n_contact_01 .mui-input-row button{
	display: block;
	position: relative;
	text-align: center;
	width: 2.8rem;
	height: 0.6rem;
	line-height: 0.6rem;
	background: #bf1313;
	margin: auto;
	margin-top: 3%;
	border: none;
	font-size: 0;
	cursor: pointer;
}
.n_contact_01 .mui-input-row button span{
	display: inline-block;
	font-size: 16px;
	color: #fff;
	margin-right: 0.16rem;
	vertical-align: middle;
}
.n_contact_01 .mui-input-row button i{
	display: inline-block;
	vertical-align: middle;
	width: .06rem;
	height: 0.1rem;
	background: url("../images/r1.svg") center no-repeat;
	background-size: 100%;
	filter: invert(100%) grayscale(100%) brightness(1.5);
}
/* 在线留言 e */

/* 联系方式 s */
.n_contact_02{
	padding-bottom: 0.8rem;
}
.n_contact_02 .box{
	background-color: #F2F2F2;
	padding: 0.6rem 0.9rem;
}
.n_contact_02 .fl{
	width: 50%;
	padding: 0.2rem 0;
}
.n_contact_02 .fl .ico{}
.n_contact_02 .fl .ico img{
	height: 0.52rem;
}
.n_contact_02 .fl .tit{
	color: #000;
	font-weight: 700;
	margin-top: 0.2rem;
}
.n_contact_02 .fl ul{
	margin-top: 0.4rem;
}
.n_contact_02 .fl ul li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 1% 0;
}
.n_contact_02 .fl ul li i{
	display: inline-block;
	margin-right: 0.2rem;
	margin-top: 0.04rem;
	color: #ff803b;
}
.n_contact_02 .fl ul li span{
	font-size: 16px;
	line-height: 1.5;
	color: #666;
}
.n_contact_02 .fr{
	width: 45%;
}
.n_contact_02 .fr .map{
	width: 100%;
	height: 100%;
}

/* 联系方式 e */

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
	.sort_nav_view ul li a{font-size: 16px;}
	.sort_nav_view ul li{margin-left: 0.35rem;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
	.Header-container .c-nav>li{
		margin-right: 0.4rem;
	}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.pc{display: none;}
	.mb{display: block;}
	.pd-32{
		padding: 0 15px;
	}
	.i_top{
		padding-bottom: 0.36rem;
	}
	.i_top .fl .tit h3{
		/* font-size: 0.58rem; */
	}
	
	.new_pro ul li .info .t1{
		width: 100%;
	}
	.new_pro ul li .info span{
		display: none;
	}
	
	.pro_cate ul li .more{
		font-size: 16px;
		padding: 0.2rem 0.6rem;
	}
	.pro_tj .con{
		grid-template-columns: 1fr 1fr; /* 两列布局 */
		grid-template-rows: repeat(2, auto);
	}
	.pro_tj .item:nth-child(1){
		grid-column: 1 / -1; /* 第一行仍然占满宽度 */
		grid-row: 1 / span 1; 
	}
	
	.i_num2 ul{
		gap: 10px;
	}
	.i_num2 ul li{
		width: calc(50% - 10px);
	}
	.i_num2 ul li{
		border-right: none;
	}
	.i_num2 ul li:nth-child(1),.i_num2 ul li:nth-child(2){
		border-bottom: 1px solid rgb(255, 255, 255, .3);
	}
	
	.i_new .swiper-button-prev, .i_new .swiper-button-next{
		display: none;
	}
	
	.i_com_box .item{
		width: 100%;
	}
	
	.i_video .pic img{
		min-height: 6rem;
	}
	.i_video .mask,.i_video .mask a,.i_video .mask a p{
		display: block;
		width: 100%;
	}
	.i_video .mask a i img{
		width: 1.2rem;
	}
	
	.i_model ul{
		gap: 2px;
	}
	.i_model ul li{
		width: calc(50% - 1px);
	}
	
	.i_sup{
		padding: 0 0 0.5rem;
	}
	.i_sup ul li .ico i{
		font-size: 0.72rem;
	}
	.i_sup ul{
		gap: 15px;
	}
	.i_sup ul li{
		width: calc(50% - 7.5px);
	}
	
	.n_ban .ban_txt{
		width: 100%;
		padding: 0 15px;
	}
	.n_ban .ban_txt p{
		font-size: 0.28rem;
	}
	
	.sort_nav .pd-32{
		min-height: auto;
		padding: 0.3rem 15px;
	}
	
	.n_ab_01 .top .fl,.n_ab_01 .top .fr{
		width: 100%;
	}
	.n_ab_01 .top .fl{
		margin-bottom: .3rem;
	}
	.n_ab_01 .top .fl .tit{
		position: relative;
	}
	.n_ab_01 .top .fr .info{
		text-align: left;
	}
	.n_ab_01 .top .fr ul li{
		width: 48%;
	}
	.n_ab_01 .top .fr ul{
		gap: 10px;
	}
	.n_ab_01 .top .fr ul li .ico img{
		width: 0.8rem;
	}
	.n_ab_01 .bot .pic img{
		min-height: 4rem;
		object-fit: cover;
	}
	.n_ab_01 .bot{
		margin-top: 5%;
	}
	.n_ab_01 .bot .text{
		font-size: 1rem;
	}
	.n_ab_01 .bot .play{
		width: 1.5rem;
		height: 1.5rem;
	}
	
	.pd-60,.pd-100,.pd-120,.pd-140,.pd-160{
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
	}
	.n_culture .tit{
		width: 100%;
	}
	
	.n_culture ul li{
		flex-direction: column-reverse !important;
	}
	.n_culture ul li .fl,.n_culture ul li .fr{
		width: 100%;
	}
	.n_culture ul li .fl .text .ico{
		margin-top: 0.4rem;
	}
	.n_culture ul li .fr{
		margin-bottom: 0.5rem;
	}
	.n_culture ul li:nth-child(2n) .fl .text{
		transform: none;
	}
	
	.n_newslist .bot ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.n_newslist .bot ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.n_news .top .fl,.n_news .mid .fl{
		display: none;
	}
	.n_news .top .fr,.n_news .mid .fr{
		width: 100%;
	}
	.n_news .bot{
		display: flex;
		gap: 10px;
		flex-direction: column;
		padding: 0.2rem 0;
	}
	.n_news .bot .prev,.n_news .bot .next{
		position: relative;
		float: none;
		width: 100%;
		display: flex;
		transform: none;
		text-align: left;
	}
	.n_news .bot .prev span, .n_news .bot .next span{
		flex: 1;
	}
	.n_news .bot .prev i, .n_news .bot .next i{
		width: 0.12rem;
		height: 0.2rem;
	}
	.n_news .bot .prev i{
		top: 0;
	}
	.n_news .bot .return i{
		width: 0.5rem;
		height: 1px;
	}
	
	.n_honor ul li{
		width: 49%;
		margin-right: 2%;
	}
	.n_honor ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.n_exh ul li,.n_env ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 4%;
	}
	.n_faq ul li .faq_con{
		padding: 20px;
	}
	.n_faq ul li .faq_tit i{
		margin-right: 15px;
	}
	.n_faq ul li .faq_tit{
		padding: 15px 10px;
	}
	.n_faq ul li{
		margin-bottom: 15px;
	}
	
	.n_contact_02 .fl,.n_contact_02 .fr{
		width: 100%;
	}
	.n_contact_02 .box{
		padding: 0.4rem 0.3rem;
	}
	.n_contact_02 .fr .map{
		width: 100%;
		height: 6rem;
	}
	
	.n_custom_05 .mui-input-row button{
		padding: 0.2rem 0.6rem;
	}
	
	.n_custom_011 .item01 .fl,.n_custom_011 .item01 .fr{
		width: 100%;
	}
	.n_custom_011 .item01 .fr ul{
		position: relative;
		width: 100%;
		padding-left: 0;
	}
	.n_custom_011 .item01 .fr .txt{
		width: 100%;
		margin-left: 0;
	}
	
	.n_custom_011 .item02 .img img{
		width: 100%;
		height: 8rem;
		object-fit: cover;
	}
	.n_custom_011 .item02 .txt{
		width: 100%;
	}
	
	.n_custom_011 .item03 .txt{
		width: 100%;
	}
	.n_custom_011 .item03 .con .ico{
		display: flex;
		padding-top: 0.5rem;
	}
	.n_custom_011 .item03 .con .ico dl{
		position: relative;
		width: 33%;
		top: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		text-align: center;
	}
	.n_custom_011 .item03 .con .ico dl dt{
		width: 100%;
		height: auto;
	}
	.n_custom_011 .item03 .con .ico dl img{
		display: inline-block;
		width: 80px;
	}
	
	.n_custom_011 .item04 .img img{
		height: 5rem;
		object-fit: cover;
		object-position: right center;
	}
	.n_custom_011 .item04 .txt{
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
		padding-bottom: 0;
		padding-right: 0;
	}
	
	.n_custom_02 .con ul li{
		width: 100%;
		margin-bottom: 20px;
		box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 7%);
	}
	.n_custom_02 .con ul li:last-child{
		margin-bottom: 0;
	}
	
	.n_custom_03 ul li{
		width: 100%;
		margin-right: 0%;
	}
	.n_custom_03 ul li:nth-child(2n){
		margin-right: 0;
	}
	.n_custom_03 ul li:not(:last-child){
		margin-bottom: 0.4rem;
	}
	
	.filters ul li{
		width: 100%;
		margin-right: 0%;
		margin-bottom: 15px;
		min-width: auto;
	}
	.filters ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.filters ul li select{
		min-height: 42px;
	}
	.filters ul li .pro_screen_select{
		height: 42px;
	}
	.filters ul li .pro_screen_btn span{
		font-size: 16px;
	}
	.filters ul li .pro_screen_btn{
		padding: 8px 12px;
		width: 100%;
		border-radius: 4px;
	}
	
	.n_prodet .fl,.n_prodet .fr{
		width: 100%;
	}
	.pp.mb{
		display: none;
	}
	
	.n_prodet .crumbs{
		margin-bottom: 0;
	}
}

@media all and (max-width:768px) {
	.Footer-container .top .foot_logo{
		margin-bottom: 0.3rem;
	}
	.Footer-container .top .foot_logo img{
		height: 0.64rem;
	}
	.media_ul li a{
		width: 0.64rem;
		height: 0.64rem;
	}
	.media_ul li a i{
		font-size: 0.32rem;
	}
	
	.Footer-container .mid{
		padding: 0.6rem 0;
	}
	.Footer-container .mid ul li{
		width: 100%;
	}
	.Footer-container .mid ul li:last-child{
		margin-bottom: 0;
		border: none;
	}
	.Footer-container .mid ul li{
		width: 100%;
		padding-bottom: 0.2rem;
		border-bottom: 1px solid rgb(255,255,255,.5);
		margin-bottom: 0.28rem;
	}
	.Footer-container .mid ul li p{
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 20px;
		margin-bottom: 0;
	}
	.Footer-container .mid ul li p.on i{
		transform: rotate(180deg);
	}
	.Footer-container .mid ul li .foot_nav_link{
		display: none;
		padding: 0.2rem 0;
	}
	.Footer-container .mid ul li .foot_nav_link a{
		font-size: 14px;
		line-height: 1.5;
		padding: 0.1rem 0;
	}
	.Footer-container .mid ul li dd i{
		top: -3px;
	}
	.Footer-container .mid ul li.lxwm p{
		margin-bottom: 0.28rem;
	}
	.crumbs a{
		line-height: 1.5;
	}
	
	.n_prolist ul li{
		width: 49%;
		margin-right: 2%;
	}
	.n_prolist ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.n_prodet{
		padding: 10px 15px;
	}
	.n_prodet_img{
		padding-left: 0;
	}
	.n_prodet .fr{
		padding-left: 0;
		padding-top: 15px;
	}
	
	.n_prodet .fr .btn a{
		height: 46px;
		line-height: 44px;
	}
	.like{
		width: 44px;
		height: 44px;
	}
	.like::after{
		font-size: 22px;
	}
	.n_prodet .fr .text .item .top{
		padding: 16px 12px;
	}
	
	.n_prodet_tj .tit{
		font-size: 0.4rem;
	}
	.n_prodet_img .tool{
		display: flex;
	}
	.n_prodet_img .tool .swiper-pagination{
		padding: 4px 8px;
		font-size: 0;
		opacity: 1;
	}
	.tc_search form{
		width: 92%;
		max-width: 92%;
	}
	.tc_search form,.tc_search input,.tc_search button{
		height: 0.8rem;
	}
	
	.i_com_box .item .mask .p1{
		line-height: 1.6;
	}
	.i_com_box .item:hover .t1{
		font-size: 0.28rem;
	}
	.i_com_box .item .mask a{
		font-size: 16px;
		padding: 10px 15px;
	}
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.n_newslist .bot ul li{
		width: 100%;
		margin-right: 0;
	}
	.com_page{
		padding-top: 0.4rem;
	}
	.n_custom_05 .mui-input-row input::placeholder, .n_custom_05 .mui-input-row textarea::placeholder{
		font-size: 14px;
	}
	
	.n_prodet .fr .color ul{
		grid-template-columns: repeat(auto-fill, minmax(64px, 64px));
	}
	
	.load_p{
		margin-bottom: 2em;
	}
}

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

@media all and (max-width:420px) {
	.Header-container .tool .search i,.Header-container .tool .collect i{
		font-size: 18px;
	}
	.i_btn span,.new_pro ul li .info span i,.pro_tj .item .tit,.crumbs a,.n_faq ul li .faq_tit,.load_p a{
		font-size: 16px;
	}
	.i_num2 ul li .text p,.Footer-container .mid ul li dd,.Footer-container .bot,.Footer-container .bot a,.n_ab_01 .top .fr ul li .text p,.n_news .bot .prev, .n_news .bot .next,
	.n_faq ul li .faq_con,.n_contact_02 .fl ul li span,.n_custom_05 .mui-input-row input, .n_custom_05 .mui-input-row textarea,.n_custom_011 .item03 .con .ico dd,
	.Header-container .tool .login a{
		font-size: 14px;
	}
	.com_page a,.com_page span{
		font-size: 13px;
	}
}

@media all and (max-width:376px) {
	
}