@charset "utf-8";
@import url("../css/bootstrap5.min.css");
@import url("../css/animate.min.css");
@import url("../css/zoom.css");
@import url("../css/swiper-bundle.min.css");
@import url("../../libs/toastr/toastr.min.css");

@font-face {
  font-family: "思源黑体";
  src: url("../css/SourceHanSansCN-Normal.otf");
}

* { margin:0; padding:0; border:0; outline:medium; text-shadow:none; text-decoration:none; font-family: "思源黑体"; }
html { height:100%; }
html,body { background:#fff; width:100%; min-height:100%; }
body { overflow-x:hidden; color:#000; font-size:12px; line-height:1; position:relative; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
body.nav-open { overflow:hidden; }
@media(min-width:768px){
  body { font-size:13px; }
}
@media(min-width:992px){
  body { font-size:14px; }
}
@media(min-width:1200px){
  body { font-size:15px; }
}
@media(min-width:1400px){
  body { font-size:16px; }
}
@media(min-width:1600px){
  body { font-size:18px; }
  .container { max-width:1390px; margin:0 auto; }
}

/* 自定义toast位置 */
.toast-top-center {
  top:30vh;
}

input {vertical-align:middle; }
textarea {resize:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:14px; }
hr { border-width:1px; border-style:inset; }
ul {list-style:none; padding:0; }
p { margin:0; }
a,a:link,a:active,a:visited,a:hover { color:inherit; text-decoration:none; }
i,em { font-style:normal; }
/*input placeholder 样式 */
::-webkit-input-placeholder { color:#999999; }
:-moz-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; }
:-ms-input-placeholder { color:#999999; }
/*修改滚动条*/
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-track { box-shadow:inset 0 0 6px transparent; background:#f8f8f8; border-radius:6px; }
::-webkit-scrollbar-thumb { border-radius:6px; background:#bbb; }
img {image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges; -ms-interpolation-mode:nearest-neighbor; }
.ratio { overflow: hidden; }
.ratio img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1); width:100%; height:unset; max-width:100%; transition:.36s all linear; }
/* 无内容 */
.no-goods,.no-network { padding-top:100px; overflow:hidden; text-align:center; }
.no-goods img { display:block; margin:0 auto 30px; width:220px; max-height:105px; }
.no-network img { display:block; margin:0 auto 30px; width:222px; height:160px; }
.no-goods p,.no-network p { font-size:14px; color:#666666; line-height:20px; }

.imgbox { position:relative; width:100%; overflow:hidden; }
.imgbox:after { content:''; display:block; padding-top:75%; }
.imgbox img { width:100%; object-fit: cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:.36s all; }
.imgbox:hover img { transform: translate(-50%,-50%) scale(1.1); transition:.35s all linear; }

.iframe-video { width:100%; height:470px; overflow:hidden; margin-bottom:30px; }
.iframe-video .video-preview { position:relative; display:block; width:100%; height:100%; font-size:0; text-align:center; cursor:pointer; }
.iframe-video .video-preview::after { position:absolute; content:''; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.2);z-index:1; }
.iframe-video .video-preview::before { position:absolute; content:''; left:0; top:0; right:0; bottom:0; background:url(../images/media-icon.png) no-repeat center;z-index:2; }
.iframe-video .video-preview img { display:inline-block;vertical-align:middle; max-width:100%; max-height:100%; }
.iframe-video iframe { display:block; width:100%; height:100%; }

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4301980 */
  src: url('//at.alicdn.com/t/c/font_4301980_k8s0v0yttze.woff2?t=1763368572307') format('woff2'),
       url('//at.alicdn.com/t/c/font_4301980_k8s0v0yttze.woff?t=1763368572307') format('woff'),
       url('//at.alicdn.com/t/c/font_4301980_k8s0v0yttze.ttf?t=1763368572307') format('truetype'),
       url('//at.alicdn.com/t/c/font_4301980_k8s0v0yttze.svg?t=1763368572307#iconfont') format('svg');
}
.ali-icon { font-family: 'iconfont'; }

.header { position:relative; overflow-x: clip; padding:10px 5px; background:#fff; transition:.36s all linear; }
.header .logo { flex:0 0 80%; max-width:80%; display:flex; padding-right: 15px; padding-left: 0; }
.header .list { position: relative; display:flex; align-items:center; }
.header .slide { position:relative; white-space: nowrap; }
.header .slide:nth-last-child(2) { border:none; }
.header .link { width:100%; display:flex; align-items:center; justify-content: space-between; cursor:pointer; }
.header .subnav .subslide { position:relative; }
.header .ali-icon { font-size:20px; margin-left:5px; transition:transform 0.3s; }
/* 汉堡菜单按钮 */
.header .menu-btn { display:none; align-self:center; padding:0; margin-right:10px; flex-direction:column; justify-content:space-between; width:30px; height:21px; cursor:pointer; }
.header .line { height:3px; width:100%; background-color:#333; border-radius:5px; transition:all 0.3s ease; }
.header .rightbox { position: relative; display:none; }
.header .tel { white-space: nowrap; font-size:16px; }
.header .tel i { font-size:110%; }
.header .search { position:relative; flex:1; max-width:240px; margin-left: 15px; }
.header .search input { width:100%; height:40px; padding:0 10px; border:none; outline:none; border:2px solid #eee; }
.header .search .ali-icon { position:absolute; top:00%; bottom:0; right:0px; padding:0 10px; background:#e40000; color:#fff; }
/* 移动端样式 */
@media (max-width:991px) {
	.header .logo img { max-height:45px; }
  .header .nav.active::before { content:''; position: fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,.6); z-index:0; }
  .header .nav { display: none; position: absolute; z-index:999; background: #fff; padding:0; left:50%; top:100%; width:101vw; max-width:101vw; transform:translate(-50%,10px); }
  .header .menu-btn { display:flex; }
  .header .list { background:#fff; flex-direction:column; align-items:flex-start; padding:10px 7% 15px; max-height:calc(90vh - 70px); overflow-y: auto; }
  .header .slide { width:100%; border-bottom:1px solid #f0f0f0; font-size:14px; }
  .header .slide a { color:#333; padding:15px 0; text-decoration:none; display:inline-block; transition:color 0.3s; }
  .header .slide:last-child { border-bottom:none; }
  .header .link { padding-right:15px; }
  /* 子菜单样式 */
  .header .subnav .subslide a { display:block; color:#555; transition:background 0.3s; }
  .header .subnav .subslide>a { padding:15px 0; padding-left:40px; }
  .header .subnav .subnav .subslide>a { padding:15px 0; padding-left:60px; }
  .header .link .ali-icon.active { transform:rotate(90deg); }
  .header .subnav { position:static; display:none; background:rgba(0,0,0,.04); }
  .header .subnav .link { padding-left:20px; }
  .header .subnav .subnav .link { padding-left:40px; }
  .header .subnav .subnav .subnav .link { padding-left:60px; }
  .header .subnav .subnav { position:static; }
  .header .subnav.active { display:block; }
  /* 汉堡菜单动画 */
  .header .menu-btn.active .line--1 { transform:rotate(45deg) translate(5px,5px); }
  .header .menu-btn.active .line--2 { opacity:0; }
  .header .menu-btn.active .line--3 { transform:rotate(-45deg) translate(7px,-8px); }
  /* 导航开启 */
  .nav.active { display: block; border-top: 2px solid #eee; }
  .nav-open .menu-btn { background:none; top:6px; right:15px; position:fixed; }
  .nav-open .menu-btn .line { background:#e40000; }
}
@media(min-width:768px) {
  .header { padding: 12px; }
  .header .logo { flex:0 0 30%; max-width:30%; padding-left: 40px; }
}
@media(min-width:992px) {
  .header { padding: 0; padding-top:20px; }
  .header .logo { flex:0 0 25%; max-width:25%; padding-left: 75px; }
  .header .rightbox { flex:0 0 65%; display:flex; align-items: center; justify-content: flex-end; padding-right: 75px; }
  .header .tel { font-size:18px; }
  .header .tel b { margin-left: 10px; }
  .header .nav { font-size:16px; }
  .header .nav .slide { flex:1; }
  .header .nav .slide:not(:last-child)::after { content:''; position: absolute; width:1px; height:20px; top:50%; right:0; background:#ccc; transform:translateY(-50%); }
  .header .nav { position: relative; display: block; width:100%; }
  .header .nav .list { display:flex; align-items:center; justify-content: space-between; }
  .header .nav .slide>.link .ali-icon { display: none; }
  .header .nav .slide .ali-icon { transform:translateX(50%); }  
  .header .slide .subnav { font-size:18px; }
  .header .nav .slide>a,
  .header .nav .slide>.link { display: block; text-align: center; height: 70px; line-height:70px; position: relative; }
  .header .nav .slide>a:after { content:''; position: absolute; bottom:25%; left:50%; transform:translateX(-50%); background:#fff; width:0px; height:2px; transition:.2s all linear; }
	.header .nav .slide.active>a,
  .header .nav .slide:hover>a,
  .header .nav .slide.active>.link,
  .header .nav .slide:hover>.link { color:#e40000; }
  .header .nav .slide.active>a:after,
  .header .nav .slide:hover>a:after { width:15px; transition:.2s all linear; }
  .header .nav .subnav { opacity:0; visibility: visible; pointer-events: none; position:absolute; z-index:3; top:0; right:0; min-width:100%; transform:translateX(100%); color:#333; background:rgba(255,255,255,.9); box-shadow:0 5px 15px rgba(0,0,0,0.1); transition:all 0.3s ease; }
  .header .nav .slide>.subnav { transform:translateX(50%); right:50%; top:100%; }
  .header .slide:hover>.subnav,
  .header .subslide:hover>.subnav { opacity:1; pointer-events: auto; transition:all 0.36s ease; }
	.header .nav .subnav .link,
  .header .nav .subnav .subslide>a { padding:0 15px; height:45px; line-height:45px; display: block; text-align:center; }
	.header .subnav .link:hover,
  .header .subnav .subslide:hover { color:#fff; background:#e40000; transition:.01s all linear; }
}
@media(min-width:1200px) {
  .header .tel { font-size:20px; }
  .header .slide>a { height: 80px; line-height: 80px; }
  .header .nav { font-size:18px; }
  .header .nav .subnav .link,
  .header .nav .subnav .subslide>a { padding:0 20px; height:50px; line-height: 50px; }
}
@media(min-width:1400px) {
  .header .tel { font-size:22px; }
  .header .search { margin-left: 25px; }
  .header .nav { font-size:20px; }
  .header .slide>a { height: 90px; line-height: 90px; }
  .header .slide .subnav { font-size:20px; }
  .header .nav .subnav .link,
  .header .nav .subnav .subslide>a { padding:0 20px; height:60px; line-height: 60px; }
}
@media(min-width:1600px) {
  .header .logo { flex:0 0 23%; max-width:23%; }
  .header .nav { font-size:22px; }
  .header .nav .subnav .link,
  .header .nav .subnav .subslide>a { padding:0 20px; height:70px; line-height: 70px; }
}

.banner { overflow:hidden; }
.banner .swiper-pagination { text-align: right; padding-right: 12%; bottom:5%; }
.banner .swiper-pagination-bullet { background:#c8c9ca; opacity: 1; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ca191b; }
.banner .swiper-button-next.swiper-button-disabled,.banner .swiper-button-prev.swiper-button-disabled { pointer-events:unset; }
.banner .swiper-button-prev,.banner .swiper-button-next {right:16%; color:#fff; font-size:170%; width:55px; height:55px; border-radius:50%; border:1px solid #fff; background:rgba(255,255,255,.44); }
.banner .swiper-button-prev { transform:rotateY(180deg); left:16%; right:0; }
.banner .swiper-button-next:after, .banner .swiper-button-prev:after { display: none; }
.banner-box { position:relative; left:50%; transform:translateX(-50%); text-align: center; }
@media(min-width:1200px) {
  .banner-box { width:100%; min-width:1600px; }
}
@media(min-width:1400px) {
  .banner-box { width:100%; min-width:1920px; }
}
@media(min-width: 1600px) {
	.banner .swiper-button-prev,.banner .swiper-button-next {right:10%; }
	.banner .swiper-button-prev {left:10%; right:0; }
}

.inbanner .container { position: relative; }
.inbanner .container:before { content:''; position: absolute; z-index: 1; left:12px; top:13px; width:3px; height:15px; background:#3280dd; }
.inbanner .container:after { content:''; position: absolute; z-index: 1; left:12px; top:28px; width:3px; height:18px; background:#e40000; }
.location { display: none; position: relative; padding:15px 12px 20px;  background:rgba(0,0,0,.04); }
.location a { position: relative; font-size:14px; line-height: 2; padding:5px 0; margin-right:30px; color:#666; border-bottom:1px solid #666; }
.location a:after { content: "/"; position: absolute; top: 50%; right: -17px; transform: translateY(-50%); display: block; color: #666; font-weight: normal !important; }
.location a:last-child:after { display: none; }
.location .active-title { display: inline-block; }
.prev_next { margin-top:30px; }
.prev_next>div:first-child { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.prev_next>div:nth-child(2) { border-bottom:1px solid #ddd; }
.prev_next a { display: block; line-height: 3.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media(min-width:576px) {
  .inbanner .container:before { left:15px; top:17px; height:15px; }
  .inbanner .container:after { left:15px; top:32px; height:18px; }
}
@media(min-width:768px) {
  .inbanner .container { padding:0 12px; position: absolute; bottom:0; left:50%; transform:translateX(-50%); }
  .inbanner .container:before { top:17px; width:3px; height:20px; background:#cee4ff; }
  .inbanner .container:after { top:37px; width:3px; height:25px; background:#fff; }
  .location { display: block; }
  .location a:hover { color:#e40000; border-bottom:1px solid #e40000; }
  .prev_next { margin-top: 40px; }
}
@media(min-width:992px) {
  .inbanner .container:before { top:20px; width:4px; height:23px; }
  .inbanner .container:after { top:43px; width:4px; height:26px; }
  .prev_next a:hover { text-decoration: underline; }
}
@media(min-width:1200px) {
  .inbanner .container:before { top:22px; width:4px; height:25px; }
  .inbanner .container:after { top:47px; width:4px; height:30px; }
  .prev_next { margin-top: 50px; }
}
@media(min-width:1400px) {
  .inbanner .container:before { top:26px; width:5px; height:30px; }
  .inbanner .container:after { top:56px; width:5px; height:35px; }
}
@media(min-width:1600px) {
  .inbanner .container:before { top:30px; height:33px; }
  .inbanner .container:after { top:63px; height:40px; }
}

.inbanner { width:100%; overflow:hidden; position:relative; }
.inbanner img { width:100%; position:relative; left:50%; transform:translateX(-50%); }

.index01 { position: relative; overflow: hidden; padding:20px 0; }
.index01 .t1 { color:#222; font-size:20px; font-weight: 500; }
.index01 .t1 span { color:#666; font-size:80%; font-weight:300; padding-left: 10px; }
.index01 .c1 { color:#666; line-height: 2.4; margin-top: 15px; font-size:16px; text-align: justify; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:6; -webkit-line-clamp:6; text-overflow: ellipsis; }
.index01 .list { display: flex; margin-top: 15px; }
.index01 .list .slide { flex:1; }
.index01 .list .s1 { font-size:22px; }
.index01 .list .s1 .number { color:#e40000; font-weight: 700; }
.index01 .list .s1 span { color:#666; font-size:80%; font-weight: 500; padding-left: 5px; }
.index01 .list .s2 { color:#666; margin-top: 10px; }
.index01 .more { display: inline-block; color:#fff; padding: 10px 30px; background-color: #e40000; margin: 20px auto 0; font-size: 14px; font-weight: bold; border-radius:500px; }
@media(max-width:992px) {
  .index01 .t1 { margin-top: 20px; }
}
@media(min-width:768px) {
  .index01 { padding:25px 0; }
  .index01 .t1 { font-size:24px; }
  .index01 .c1 { margin-top: 20px; }
  .index01 .list .s1 { font-size:26px; }
  .index01 .more { margin-top: 25px; font-size:16px; }
}
@media(min-width:992px) {
  .index01 { padding:30px 0; }
  .index01 .rightbox { padding-left: 25px; }
  .index01 .t1 { font-size:26px; }
  .index01 .list .s1 { font-size:30px; }
  .index01 .more { margin-top: 30px; }
  .index01 .more:hover { background:#222; color:#fff; }
}
@media(min-width:1200px) {
  .index01 { padding:35px 0; }
  .index01 .rightbox { padding-left: 35px; }
  .index01 .t1 { font-size:28px; }
  .index01 .c1 { margin-top: 25px; }
  .index01 .list { margin-top: 20px; }
  .index01 .list .s1 { font-size:34px; }
  .index01 .more { margin-top: 35px; font-size:18px; }
}
@media(min-width:1400px) {
  .index01 { padding:45px 0; }
  .index01 .rightbox { padding-left: 45px; }
  .index01 .t1 { font-size:30px; }
  .index01 .c1 { margin-top: 30px; }
  .index01 .list { margin-top: 25px; }
  .index01 .list .s1 { font-size:38px; }
  .index01 .more { margin-top: 40px; }
}
@media(min-width:1600px) {
  .index01 { padding:55px 0; }
  .index01 .rightbox { padding-left: 60px; }
  .index01 .t1 { font-size:32px; }
  .index01 .list { margin-top: 30px; }
  .index01 .list .s1 { font-size:42px; }
  .index01 .more { margin-top: 50px; }
}

.index02 { position: relative; padding-bottom: 20px; }
.index02 .slide { position: relative; flex:1; color:#fff; min-width:30%; padding:40px 10px; transition:.3s all linear; }
.index02 .slide>div { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.index02 .slide:before { content:''; position: absolute; z-index: 0; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); transition:.3s all linear; }
.index02 .slide i { font-size:36px; }
.index02 .s1 { font-size:16px; margin-top: 15px; line-height: 1.3; }
.index02 .s2 { display:none; opacity:0; visibility: visible; transform:translateY(50px); line-height: 2; margin-top: 20px; transition:.3s all linear; }
@media(min-width:768px) {
  .index02 { padding-bottom: 25px; }
  .index02 .slide { padding:60px 25px; }
  .index02 .s1 { font-size:22px; margin-top: 20px; }
  .index02 .slide i { font-size:36px; }
}
@media(min-width:992px) {
  .index02 { padding-bottom: 30px; }
  .index02 .slide { height:400px; padding:70px 25px; }
  .index02 .slide i { font-size:42px; transform:translateY(50px); transition:.3s all linear; }
  .index02 .s1 { font-size:26px; transform:translateY(50px); transition:.3s all linear; }
  .index02 .s2 { display: block; }
  .index02 .slide:hover { min-width:40%;  transition:.3s all linear; }
  .index02 .slide:hover:before { background:rgba(222,0,0,.6); transition:.3s all linear; }
  .index02 .slide:hover i { transform:translateY(0px); }
  .index02 .slide:hover .s1 { transform:translateY(0px); }
  .index02 .slide:hover .s2 { opacity:1; visibility: visible; transform:translateY(0px); }
}
@media(min-width:1200px) {
  .index02 { padding-bottom: 35px; }
  .index02 .slide { height:500px; padding:80px 30px; }
  .index02 .slide i { font-size:48px; }
  .index02 .s1 { font-size:28px; margin-top: 20px; }
  .index02 .s2 { margin-top: 30px; }
}
@media(min-width:1400px) {
  .index02 { padding-bottom: 40px; }
  .index02 .slide { height:560px; padding:90px 35px; }
  .index02 .slide i { font-size:54px; }
  .index02 .s1 { font-size:30px; margin-top: 25px; }
  .index02 .s2 { margin-top: 40px; }
}
@media(min-width:1600px) {
  .index02 { padding-bottom: 50px; }
  .index02 .slide { padding:100px 40px; }
  .index02 .slide i { font-size:60px; }
  .index02 .s1 { font-size:32px; margin-top: 30px; }
  .index02 .s2 { margin-top: 50px; }
}

.index03 { position: relative; padding:20px 0 0; color:#fff; }
.index03 .item { position: relative; padding:50px 0; margin-bottom: 10px; }
.index03 .t1 { font-size:20px; line-height: 1.3; font-weight: bold; }
.index03 .t2 { font-size:14px; line-height: 1.5; margin-top: 10px; }
.index03 .more { display: inline-block; border:1px solid #fff; padding:0 20px; border-radius:3px; height:35px; line-height: 35px; margin-top: 15px; }
@media(max-width:767px) {
  .index03 .item { text-align: center; background-size:cover!important; }
  .index03 .item:before { content:''; position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4); }
  .index03 .item>div { position: relative; z-index: 2; }
}
@media(min-width:768px) {
  .index03 .item { padding:50px 0; height:calc(100vw / 2.5); }
  .index03 .item:nth-child(2n-1) { text-align:right; }
  .index03 .t1 { font-size:26px; }
  .index03 .t2 { font-size:16px; margin-top: 15px; }
  .index03 .more { padding:0 25px; margin-top: 20px; }
}
@media(min-width:992px) {
  .index03 .item { padding:60px 0; }
  .index03 .t1 { font-size:30px; }
  .index03 .more { padding:0 30px; }
  .index03 .more:hover { background:#fff; color:#e40000; }
}
@media(min-width:1200px) {
  .index03 .item { padding:80px 0; }
  .index03 .t1 { font-size:34px; }
  .index03 .t2 { font-size:18px; margin-top: 20px; }
  .index03 .more { padding:0 35px; height:40px; line-height: 40px; margin-top: 35px; }
}
@media(min-width:1400px) {
  .index03 .item { padding:100px 0; }
  .index03 .t1 { font-size:38px; }
  .index03 .t2 { margin-top: 25px; }
  .index03 .more { margin-top: 45px; }
}
@media(min-width:1600px) {
  .index03 .item { padding:120px 0; }
  .index03 .t1 { font-size:42px; }
  .index03 .more { margin-top: 55px; }
}

.index04 { position: relative; padding:20px 0 35px; }
.index04 .title { text-align: center; }
.index04 .t1 { color:#222; font-size:20px; font-weight: bold; }
.index04 .t2 { color:#888; font-size:14px; margin-top: 10px; font-weight:200; }
.index04 .list { margin-top: 35px; }
.index04 .c1 { font-size:16px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index04 .c2 { color:#666; line-height: 1.6; margin-top: 10px; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; }
.index04 .c3 { margin-top:10px; color:#aaa; }
@media(max-width:991px) {
  .index04 .slide { margin-bottom: 30px; }
}
@media(min-width:768px) {
  .index04 { padding:30px 0 45px; }
  .index04 .t1 { font-size:24px; }
  .index04 .t2 { font-size:16px; }
  .index04 .list { margin-top: 40px; }
  .index04 .c1 { font-size:16px; }
  .index04 .c3 { margin-top: 15px; }
}
@media(min-width:992px) {
  .index04 { padding:35px 0 55px; }
  .index04 .t1 { font-size:26px; }
  .index04 .t2 { font-size:18px; }
  .index04 .list { margin-top: 50px; }
  .index04 .c2 { font-size:14px; }
  .index04 a:hover .c1 { color:#e40000; }
}
@media(min-width:1200px) {
  .index04 { padding:45px 0 65px; }
  .index04 .t1 { font-size:28px; }
  .index04 .t2 { font-size:20px; margin-top: 15px; }
  .index04 .list { margin-top: 65px; }
  .index04 .c1 { font-size:18px; }
  .index04 .c2 { font-size:16px; }
  .index04 .c3 { margin-top: 20px; }
}
@media(min-width:1400px) {
  .index04 { padding:55px 0 85px; }
  .index04 .t1 { font-size:32px; }
  .index04 .t2 { font-size:22px; }
  .index04 .list { margin-top: 70px; }
  .index04 .c1 { font-size:19px; }
}
@media(min-width:1600px) {
  .index04 { padding:65px 0 100px; }
  .index04 .t1 { font-size:36px; }
  .index04 .t2 { font-size:26px; }
  .index04 .list { margin-top: 80px; }
  .index04 .c1 { font-size:20px; }
}

.company01 { position: relative; background:#f5f5f5; overflow: hidden; padding:20px 0; }
.company01 .t1 { color:#222; font-size:20px; font-weight: 600; margin-top: 10px; }
.company01 .t1 span { display: block; color:#666; font-size:80%; font-weight:300; margin-top: 10px; }
.company01 .c1 { color:#212529; line-height: 2; margin-top: 15px; font-size:16px; text-align: justify; }
.company01 .list { display: flex; margin-top: 15px; }
.company01 .list .slide { flex:1; }
.company01 .list .s1 { font-size:22px; }
.company01 .list .s1 .number { color:#e40000; font-weight: 700; }
.company01 .list .s1 span { color:#666; font-size:80%; font-weight: 500; padding-left: 5px; }
.company01 .list .s2 { color:#666; margin-top: 10px; }
.company01 .more { display: inline-block; color:#fff; padding: 10px 30px; background-color: #e40000; margin: 20px auto 0; font-size: 14px; font-weight: bold; border-radius:500px; }
.company01 .imgbox { margin-top: 15px; }
.company01 .imgbox:after { padding-top: 30%; }
@media(max-width:992px) {
  .company01 .t1 { margin-top: 20px; }
}
@media(min-width:768px) {
  .company01 { padding:25px 0; }
  .company01 .t1 { font-size:24px; }
  .company01 .c1 { margin-top: 20px; }
  .company01 .list .s1 { font-size:30px; }
  .company01 .more { margin-top: 25px; font-size:16px; }
}
@media(min-width:992px) {
  .company01 { padding:30px 0; }
  .company01 .rightbox { padding-left: 25px; }
  .company01 .t1 { font-size:26px; }
  .company01 .c1 { margin-top: 0; }
  .company01 .list { display: block; margin-top: 30px; }
  .company01 .list .s1 { font-size:30px; }
  .company01 .list .slide { margin-top: 30px; }
  .company01 .more { margin-top: 30px; }
  .company01 .more:hover { background:#222; color:#fff; }
}
@media(min-width:1200px) {
  .company01 { padding:35px 0; }
  .company01 .rightbox { padding-left: 35px; }
  .company01 .t1 { font-size:28px; }
  .company01 .list { margin-top: 40px; }
  .company01 .list .s1 { font-size:34px; }
  .company01 .list .slide { margin-top: 40px; }
  .company01 .imgbox { margin-top: 20px; }
  .company01 .more { margin-top: 35px; font-size:18px; }
}
@media(min-width:1400px) {
  .company01 { padding:45px 0; }
  .company01 .rightbox { padding-left: 45px; }
  .company01 .t1 { font-size:30px; }
  .company01 .list { margin-top: 50px; }
  .company01 .list .s1 { font-size:38px; }
  .company01 .list .slide { margin-top: 50px; }
  .company01 .imgbox { margin-top: 25px; }
  .company01 .more { margin-top: 40px; }
}
@media(min-width:1600px) {
  .company01 { padding:55px 0; }
  .company01 .rightbox { padding-left: 60px; }
  .company01 .t1 { font-size:32px; }
  .company01 .list { margin-top: 60px; }
  .company01 .list .s1 { font-size:42px; }
  .company01 .list .slide { margin-top: 60px; }
  .company01 .more { margin-top: 50px; }
}

.company02 { position: relative; padding:30px 0 0; }
.company02 .title { text-align: center; }
.company02 .t1 { color:#222; font-size:20px; font-weight: bold; }
.company02 .t2 { color:#888; font-size:14px; margin-top: 10px; font-weight:200; }
.company02 .list { margin-top: 25px; padding:0 20px; background:url(../images/company02_bg.jpg) no-repeat center; background-size:cover; }
.company02 .slide { padding:80px 0; border-bottom:2px solid #fff; }
.company02 .slide:last-child { border:0; }
.company02 .c1 { color:#fff; font-size:18px; font-weight: bold; line-height: 1.5; text-align: center; }
@media(min-width:768px) {
  .company02 { padding:30px 0 0; }
  .company02 .t1 { font-size:24px; }
  .company02 .t2 { font-size:16px; }
  .company02 .list { margin-top: 40px; }
  .company02 .slide { padding:120px 5%; }
  .company02 .c1 { font-size:22px; }
}
@media(min-width:992px) {
  .company02 { padding:35px 0 0; }
  .company02 .t1 { font-size:26px; }
  .company02 .t2 { font-size:18px; }
  .company02 .list { margin-top: 50px; padding:25px 0; }
  .company02 .slide { padding:140px 5%; border-bottom:0; border-right:2px solid #fff; }
  .company02 .c1 { font-size:24px; }
}
@media(min-width:1200px) {
  .company02 { padding:45px 0 0; }
  .company02 .t1 { font-size:28px; }
  .company02 .t2 { font-size:20px; margin-top: 15px; }
  .company02 .list { margin-top: 65px; padding:30px 0; }
  .company02 .slide { padding:160px 5%; }
  .company02 .c1 { font-size:28px; }
}
@media(min-width:1400px) {
  .company02 { padding:55px 0 0; }
  .company02 .t1 { font-size:32px; }
  .company02 .t2 { font-size:22px; }
  .company02 .list { margin-top: 70px; padding:35px 0; }
  .company02 .slide { padding:180px 5%; }
  .company02 .c1 { font-size:30px; }
}
@media(min-width:1600px) {
  .company02 { padding:65px 0 0; }
  .company02 .t1 { font-size:36px; }
  .company02 .t2 { font-size:26px; }
  .company02 .list { margin-top: 80px; padding:40px 0; }
  .company02 .slide { padding:200px 5%; }
  .company02 .c1 { font-size:32px; }
}

.company03 { position: relative; padding:30px 0; background:#f5f5f5; }
.company03 .title { text-align: center; }
.company03 .t1 { color:#222; font-size:20px; font-weight: bold; }
.company03 .t2 { color:#888; font-size:14px; margin-top: 10px; font-weight:200; }
.company03 .content { margin-top: 35px; }
.company03 .slide { text-align: center; margin-bottom: 25px; }
.company03 .c1 { display: inline-block; width:90%; color:#fff; font-size:16px; background:#e40000; border-radius:500px; font-weight: bold; line-height: 2; text-align: center; }
.company03 .list { margin-top: 15px; }
.company03 .c2 { line-height: 2; }
@media(min-width:768px) {
  .company03 { padding:45px 0 35px; }
  .company03 .t1 { font-size:24px; }
  .company03 .t2 { font-size:16px; }
  .company03 .content { margin-top: 40px; }
  .company03 .slide { margin-bottom: 35px; }
  .company03 .c1 { font-size:16px; }
}
@media(min-width:992px) {
  .company03 { padding:60px 0; }
  .company03 .t1 { font-size:26px; }
  .company03 .t2 { font-size:18px; }
  .company03 .content { margin-top: 50px; }
  .company03 .slide { margin-bottom: 0; }
  .company03 .c1 { font-size:18px; }
  .company03 .list { margin-top: 20px; }
}
@media(min-width:1200px) {
  .company03 { padding:75px 0; }
  .company03 .t1 { font-size:28px; }
  .company03 .t2 { font-size:20px; margin-top: 15px; }
  .company03 .content { margin-top: 65px; }
  .company03 .c1 { font-size:20px; width:70%; }
  .company03 .list { margin-top: 25px; }
}
@media(min-width:1400px) {
  .company03 { padding:90px 0; }
  .company03 .t1 { font-size:32px; }
  .company03 .t2 { font-size:22px; }
  .company03 .content { margin-top: 70px; }
  .company03 .c1 { font-size:22px; }
  .company03 .list { margin-top: 30px; }
}
@media(min-width:1600px) {
  .company03 { padding:105px 0; }
  .company03 .t1 { font-size:36px; }
  .company03 .t2 { font-size:26px; }
  .company03 .content { margin-top: 80px; }
  .company03 .c1 { font-size:24px; }
  .company03 .list { margin-top: 35px; }
}

.culture01 { position: relative; padding:30px 0; background:#eee; }
.culture01 .title { text-align: center; }
.culture01 .t1 { color:#222; font-size:20px; font-weight: bold; }
.culture01 .t2 { color:#888; font-size:14px; margin-top: 10px; font-weight:200; }
.culture01 .content { display:flex; flex-direction:column; margin-top: 25px; width:100%; overflow:hidden; }
.culture01 .slide { flex:1; position:relative; margin:0 10px; transition:all 0.4s ease; cursor:pointer; overflow:hidden; }
.culture01 .panel-content { display:flex; flex-direction:column; padding-right:15px; background: url(../images/culture01_bg.png) center; background-size:cover; color:#212529; padding:2rem 0; height:100%; }
.culture01 .c1 { border-left:3px solid #e40000; padding-left: 15px; font-size:1.5rem; font-weight:700; margin-bottom:1rem; position:relative;z-index:2; }
.culture01 .c2 { font-size:14px; line-height:1.8; padding-left: 18px; position:relative; z-index:2; overflow:hidden; transition:opacity 0.3s ease,max-height 0.3s ease; }
@media (max-width:991px) {
    .culture01 .content { flex-direction:column;height:auto; }
    .culture01 .slide { min-height:80px; margin-bottom: 15px; }
    .culture01 .slide:nth-child(2) .panel-content { background:url(../images/culture01_bg_h.png) no-repeat center; background-size:cover; color:white; }
    .culture01 .slide:nth-child(2) .c1 { border-color:white; } 
}
@media(min-width:768px) {
  .culture01 { padding:30px 0; }
  .culture01 .t1 { font-size:24px; }
  .culture01 .t2 { font-size:16px; }
  .culture01 .content { margin-top: 40px; }
  .culture01 .panel-content { padding-right:20px; }
  .culture01 .c1 { border-left-width:4px; padding-left: 20px; }
  .culture01 .c2 { font-size:16px; padding-left: 24px; }
}
@media(min-width:992px) {
  .culture01 { padding:35px 0; }
  .culture01 .t1 { font-size:26px; }
  .culture01 .t2 { font-size:18px; }
  .culture01 .content { flex-direction:row; height:350px; margin-top: 50px; margin-left:auto; margin-right:auto; }
  .culture01 .slide { flex:0.8; }
  .culture01 .c2 { opacity:0; }
  .culture01 .slide.active { flex:2; }
  .culture01 .slide.active .panel-content { background:url(../images/culture01_bg_h.png) no-repeat center; background-size:cover; color:white; }
  .culture01 .slide.active .c1 { border-color:white; }
  .culture01 .slide.active .c2 { opacity:1; }
}
@media(min-width:1200px) {
  .culture01 { padding:45px 0; }
  .culture01 .t1 { font-size:28px; }
  .culture01 .t2 { font-size:20px; margin-top: 15px; }
  .culture01 .content { margin-top: 65px; }
  .culture01 .panel-content { padding-right:25px; }
  .culture01 .c1 { border-left-width:5px; padding-left: 25px; margin-bottom: 1.5rem; }
  .culture01 .c2 { font-size:17px; padding-left: 30px; line-height: 2; }
}
@media(min-width:1400px) {
  .culture01 { padding:55px 0; }
  .culture01 .t1 { font-size:32px; }
  .culture01 .t2 { font-size:22px; }
  .culture01 .content { margin-top: 70px; }
  .culture01 .c2 { font-size:18px; }
}
@media(min-width:1600px) {
  .culture01 { padding:65px 0; }
  .culture01 .t1 { font-size:36px; }
  .culture01 .t2 { font-size:26px; }
  .culture01 .content { margin-top: 80px; }
}

.culture02 { position: relative; padding:30px 0; background:#fff; }
.culture02 .t1 { color:#222; font-size:20px; font-weight: bold; }
.culture02 .t2 { color:#888; font-size:14px; margin-top: 10px; font-weight:200; }
.culture02 .content { margin-top: 25px; }
.culture02 .slide { border-left:3px solid #e40000; padding-left: 10px; line-height: 1.5; margin-bottom: 15px; }
@media(min-width:768px) {
  .culture02 { padding:30px 0; }
  .culture02 .t1 { font-size:24px; }
  .culture02 .t2 { font-size:16px; }
  .culture02 .content { margin-top: 40px; }
  .culture02 .slide { border-width:4px; padding-left: 15px; margin-bottom: 20px; }
}
@media(min-width:992px) {
  .culture02 { padding:35px 0; }
  .culture02 .t1 { font-size:26px; }
  .culture02 .t2 { font-size:18px; }
  .culture02 .content { margin-top: 50px; }
}
@media(min-width:1200px) {
  .culture02 { padding:45px 0; }
  .culture02 .t1 { font-size:28px; }
  .culture02 .t2 { font-size:20px; margin-top: 15px; }
  .culture02 .content { margin-top: 65px; }
  .culture02 .slide { line-height: 2; border-width:5px; padding-left: 20px; margin-bottom: 25px; }
}
@media(min-width:1400px) {
  .culture02 { padding:55px 0; }
  .culture02 .t1 { font-size:32px; }
  .culture02 .t2 { font-size:22px; }
  .culture02 .content { margin-top: 70px; }
  .culture02 .slide { font-size:17px; border-width:6px; padding-left: 25px; margin-bottom: 30px; }
}
@media(min-width:1600px) {
  .culture02 { padding:65px 0; }
  .culture02 .t1 { font-size:36px; }
  .culture02 .t2 { font-size:26px; }
  .culture02 .content { margin-top: 80px; }
}

.category01 { position: relative; padding:20px 0 30px; }
.category01 .slide { border:1px solid #eee; margin-bottom:20px; }
.category01 .slide .panel { position: relative; padding:12px; }
.category01 .slide .panel a:after { content:''; position: absolute; left:0; top:0; width:100%; height:100%; }
.category01 .slide .imgbox:after { padding-top: 70%; }
.category01 .slide .panel .imgbox img { width:unset; height:100%; }
.category01 .slide .txtbox { margin-top: 20px; }
.category01 .slide .c1 { font-size:20px; }
.category01 .slide .c2 { font-size:14px; color:#888; margin-top: 15px; line-height: 1.5; }
.category01 .slide .more { cursor:pointer; position: relative; z-index: 3; right:0; display: inline-block; margin-left:auto; color:#e40000; font-size:14px; margin-top: 15px; padding:0 40px 0 20px; height:30px; line-height: 30px; border-radius:3px; border:1px solid #e40000; }
.category01 .slide .more:before { content:''; position: absolute; right:25px; top:50%; width:1px; height:10px; background:#e40000; transform:translateY(-50%); }
.category01 .slide .more:after { content:''; position: absolute; right:20px; top:50%; width:10px; height:1px; background:#e40000; transform:translateY(-50%); }
.category01 .sublist { max-height:0; overflow: hidden; background:#eee; transition:.2s max-height linear; }
.category01 .slide.active .sublist { transition:.2s max-height linear; }
.category01 .slide.active .more:before { transform:rotate(90deg) translateX(-5px); }
.category01 .sublist .sublistinner { display: flex; flex-wrap:wrap; justify-content: space-between; padding:12px; }
.category01 .subslide { flex:0 0 48%; max-width:48%; margin-bottom: 15px; }
.category01 .txtslide { flex:0 0 100%; max-width:100%; margin-bottom: 10px; }
.category01 .txtslide:nth-child(2n) { margin-left: auto; }
.category01 .s1 { background:#e40000; color:#fff; text-align: center; line-height: 30px; padding:0 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.category01 .s2 { background:#fff; color:#666; line-height: 30px; padding:0 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media(min-width:768px) {
  .category01 { padding:30px 0 40px; }
  .category01 .slide { margin-bottom: 30px; }
  .category01 .slide .panel { display: flex; padding:16px; }
  .category01 .slide .panel>.imgbox { width:26%; }
  .category01 .slide .txtbox { flex:1; width:50%; margin-left: 30px; margin-top: 0; }
  .category01 .slide .c1 { font-size:24px; }
  .category01 .slide .c2 { font-size:16px; margin-top: 20px; }
  .category01 .sublist .sublistinner { justify-content: flex-start; padding:16px; }
  .category01 .subslide { flex:0 0 32%; max-width:32%; margin-right:2%; }
  .category01 .subslide:nth-child(3n) { margin-right:0; }
  .category01 .s1 { line-height: 35px; }
  .category01 .s2 { line-height: 35px; }
  .category01 .slide .more { font-size:16px; padding:0 45px 0 25px; margin-top: 20px; height:35px; line-height: 35px; }
}
@media(min-width:992px) {
  .category01 { padding:35px 0 50px; }
  .category01 .slide:hover { background-color:#f8f8f8; }
  .category01 .slide .c1 { font-size:26px; }
  .category01 .slide .more:hover { background:#e40000; color:#fff; }
  .category01 .slide .more:hover:before { background:#fff; }
  .category01 .slide .more:hover:after { background:#fff; }
}
@media(min-width:1200px) {
  .category01 { padding:40px 0 60px; }
  .category01 .slide { margin-bottom: 35px; }
  .category01 .slide .panel { padding:20px; }
  .category01 .slide .c1 { font-size:28px; }
  .category01 .slide .c2 { font-size:18px; margin-top: 25px; }
  .category01 .subslide { flex:0 0 23.5%; max-width:23.5%; margin-right:2%; }
  .category01 .subslide:nth-child(3n) { margin-right:2%; }
  .category01 .subslide:nth-child(4n) { margin-right:0; }
  .category01 .sublist .sublistinner { padding:20px; }
  .category01 .s1 { line-height: 40px; }
  .category01 .s2 { line-height: 40px; }
  .category01 .slide .more { font-size:18px; padding:0 50px 0 30px; margin-top: 30px; height:40px; line-height: 40px; }
  .category01 .txtslide { flex:0 0 49%; max-width:49%; margin-bottom: 15px; }
  .category01 .txtslide:hover .s2 { color:#fff; background:#e40000; }
}
@media(min-width:1400px) {
  .category01 { padding:45px 0 70px; }
  .category01 .slide { margin-bottom: 40px; }
  .category01 .slide .panel { padding:25px; }
  .category01 .slide .c1 { font-size:30px; }
  .category01 .slide .c2 { margin-top: 30px; }
  .category01 .sublist .sublistinner { padding:25px; }
  .category01 .s1 { line-height: 45px; }
  .category01 .s2 { line-height: 45px; }
  .category01 .slide .more { padding:0 55px 0 35px; margin-top: 35px; height:45px; line-height: 45px; }
}
@media(min-width:1600px) {
  .category01 { padding:50px 0 80px; }
  .category01 .slide .panel { padding:30px; }
  .category01 .slide .c1 { font-size:32px; }
  .category01 .slide .c2 { margin-top: 40px; }
  .category01 .sublist .sublistinner { padding:30px; }
  .category01 .s1 { line-height: 50px; }
  .category01 .s2 { line-height: 50px; }
}

.product01 { position: relative; overflow: hidden; padding-bottom:30px; }
.product01 .content { margin-top:20px; }
.product01 .list { margin-top: 10px; display: flex; flex-wrap:wrap; justify-content: space-between; }
.product01 .slide { position: relative; margin-bottom: 10px; flex:0 0 49%; max-width:49%; }
.product01 .imgbox { border:1px solid #eee; }
.product01 .imgbox img { width:100%; }
.product01 .txtbox { color:#555555; padding:5px 12px; line-height: 35px; text-align:center; }
.product01 .slide:hover .txtbox { color:#fff; background:#e40000; }
.product01 .type { margin-top:15px; line-height: 40px; padding-bottom:3px; display:flex; overflow-x:auto; position:relative; }
.product01 .type::-webkit-scrollbar { height:0px; }
.product01 .type a { position:relative; display:block; color:#555555; white-space:nowrap; margin-right:20px; text-align: center; }
.product01 .type a:after { content:''; height:2px; width:50%; opacity:0; position:absolute; bottom:0; left:50%; background:#e40000; transform:translateX(-50%); transition:.36s all linear; }
.product01 .type a:last-child { margin-right:0; }
.product01 .type a:hover,.product01 .type a.active { color:#e40000; }
.product01 .type a:hover:after,.product01 .type a.active:after { width:100%; opacity:1; transition:.36s all linear; }
@media(min-width:768px) {
  .product01 .type { margin-top:20px; line-height: 50px; }
  .product01 .type a { margin-right:30px; }
  .product01 .content { margin-top:25px; }
  .product01 .txtbox {line-height:45px; }
}
@media(min-width:992px) {
  .product01 .type {line-height: 55px; }
  .product01 .type a { margin-right:40px; }
  .product01 .content { margin-top:30px; }
  .product01 .list:before { content:''; display: block; flex:0 0 33%; order:2; }
  .product01 .list:after { content:''; display: block; flex:0 0 33%; }
  .product01 .slide { flex:0 0 32%; max-width:32%; margin-bottom: 15px; }
  .product01 .txtbox {line-height:50px; }
}
@media(min-width:1200px) {
  .product01 .type { margin-top:25px; line-height: 60px; }
  .product01 .type a { margin-right:50px; }
  .product01 .content { margin-top:35px; }
  .product01 .txtbox {line-height:55px; }
}
@media(min-width:1400px) {
  .product01 .type { margin-top:30px; line-height: 65px; }
  .product01 .type a { font-size:17px; margin-right: 65px; }
  .product01 .content { margin-top:40px; }
  .product01 .slide { margin-bottom: 20px; }
  .product01 .txtbox {line-height:60px; font-size:17px; }
}
@media(min-width:1600px) {
  .product01 .type { margin-top:35px; line-height: 70px; }
  .product01 .type a { font-size:18px; margin-right: 80px; }
  .product01 .content { margin-top:45px; }
  .product01 .txtbox {line-height:65px; }
}

.proinfo01 { position: relative; overflow: hidden; }
.proinfo01 .content { position: relative; border:1px solid #e5e5e5; border-radius: 12px; margin-top: 15px; overflow: hidden; }
.proinfo01 .c1 { position: relative; color:#212121; font-size:20px; line-height: 1.3; border-bottom: 1px solid #dfdfe3; padding-bottom: 10px; }
.proinfo01 .c1::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 200px; height: 1px; background-color: #e60012; }
.proinfo01 .c2 { color:#555555; line-height: 1.7; margin-top: 10px; text-align:justify; display:-webkit-box; text-overflow: ellipsis; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2; overflow: hidden; }
.proinfo01 .tag { color:rgba(57,60,63,.8); font-weight: bold; background:#f3f7fb url(../images/dh.png) no-repeat left center; padding:10px 35px; margin-top:10px; padding-right:15px; background-position:left 10px center; }
.proinfo01 .a1 { font-size:14px; color:#fff; background:#e40000; font-weight: bold; line-height: 35px; height:35px; padding:0 20px; margin-top: 10px; display: flex; align-items: center; justify-content: space-between; transition:.3s all; }
.proinfo01 .a1 i { color:#fff; font-size:150%; font-weight: normal; }
.proinfo01 .a1:hover { background:#e8962b; transition:.3s all; }
.proinfo01 #bigSwiper { max-width:450px; width:100%; margin-top: 20px; }
.proinfo01 .main-img { border:1px solid #eee; overflow:hidden; }
.proinfo01 .imgbox:after { padding-top: 75%; }
.proinfo01 .imgbox:hover img { transform:translate(-50%,-50%) scale(1); }
@media(min-width:768px) {
  .proinfo01 .content { border-radius: 15px; margin-top: 20px; }
  .proinfo01 .c1 { font-size:22px; }
  .proinfo01 .tag { padding:12px 45px; padding-right:20px; background-position:left 12px center; }
  .proinfo01 .a1 { font-size:15px; line-height: 45px; height:45px; padding:0 25px; }
}
@media(min-width:992px) {
  .proinfo01 .content { border-radius: 18px; margin-top: 25px; }
  .proinfo01 .c1 { font-size:24px; }
  .proinfo01 .c2 { margin-top: 14px; }
  .proinfo01 .tag { padding:12px 55px; padding-right:24px; background-position:left 17px center; }
  .proinfo01 .a1 { font-size:16px; line-height: 55px; height:55px; padding:0 30px; }
}
@media(min-width:1200px) {
  .proinfo01 .content { border-radius: 20px; margin-top: 30px; }
  .proinfo01 .txtbox { padding-left:15px; }
  .proinfo01 .c1 { font-size:26px; }
  .proinfo01 .c2 { margin-top: 18px; line-height: 2; }
  .proinfo01 .tags { margin-top:20px; }
  .proinfo01 .tag { padding:12px 60px; padding-right:27px; background-position:left 22px center; }
  .proinfo01 .a1 { font-size:18px; line-height: 70px; height:70px; padding:0 40px; }
  .proinfo01 #bigSwiper { margin-top: 30px; }
}
@media(min-width:1400px) {
  .proinfo01 .content { border-radius: 22px; margin-top: 40px; }
  .proinfo01 .c1 { font-size:28px; }
  .proinfo01 .c2 { margin-top: 20px; }
  .proinfo01 .tags { margin-top:25px; }
  .proinfo01 .tag { padding:15px 65px; padding-right:30px; background-position:left 20px center; }
  .proinfo01 .a1 { font-size:20px; line-height: 85px; height:85px; padding:0 50px; }
}
@media(min-width:1600px) {
  .proinfo01 .content { border-radius: 25px; margin-top: 50px; }
  .proinfo01 .c1 { font-size:30px; }
  .proinfo01 .tags { margin-top:30px; }
  .proinfo01 .tag { padding:17px 70px; padding-right:35px; background-position:left 25px center; }
  .proinfo01 .a1 { font-size:22px; line-height: 100px; height:100px; padding:0 55px; }
}

.proinfo02 { position: relative; overflow: hidden; }
.proinfo02 .t1 { color:#000; font-weight: bold; font-size:22px; line-height: 1.2; border-left:3px solid #3280dd; padding-left: 12px; }
.proinfo02 .info { color:rgba(58,58,58,.6); line-height: 2; margin-top: 15px; }
@media(min-width:576px) {
  .proinfo02 .t1 { font-size:24px; }
}
@media(min-width:768px) {
  .proinfo02 .t1 { font-size:28px; padding-left: 15px; }
  .proinfo02 .info { margin-top: 20px; }
}
@media(min-width:992px) {
  .proinfo02 .t1 { font-size:32px; padding-left: 20px; }
}
@media(min-width:1200px) {
  .proinfo02 .t1 { font-size:36px; border-left:4px solid #3280dd; padding-left: 25px; }
  .proinfo02 .info { margin-top: 25px; }
}
@media(min-width:1400px) {
  .proinfo02 .t1 { font-size:38px; border-left:5px solid #3280dd; padding-left: 30px; }
  .proinfo02 .info { margin-top: 30px; }
}
@media(min-width:1600px) {
  .proinfo02 .t1 { font-size:40px; padding-left: 35px; }
}

.infopage .mainbox { padding:15px 0 25px; }
.infopage .content .t1 { color:#555555; font-size:20px; line-height: 1.5; }
.infopage .content .t2 { color:#989898; margin-top:15px; line-height:1.3; }
.infopage .content { line-height: 2; text-align:justify; }
.infopage .content .img { margin:20px auto 0; text-align: center; }
.infopage .content strong { font-weight: bold; }
.infopage .content ul { padding-left:20px; }
.infopage .content img { max-width:100%!important; height:unset!important; margin:5px 0; }
.infopage .content .video { width:800px; max-width:100%; height:300px; margin:20px auto; }
.infopage .content .video .jw-controlbar { width:100%; }
.infopage .infocontent { margin-top: 15px; }
@media(min-width:768px) {
  .infopage .sidebox { padding: 0px 0 35px; margin-top: 15px; }
  .infopage .content .t1 { font-size:22px; }
  .infopage .content .t2 { margin-top:20px; } 
}
@media(min-width:992px) {
  .infopage .sidebox { height:100%; padding-top: 30px; margin-top: 0; }
  /* .infopage .mainbox { padding: 50px 15px; flex:0 0 75%; max-width:75%; margin-top: 0; margin-left: auto; } */
  .infopage .mainbox { padding: 50px 45px; }
  .infopage .infocontent { line-height: 1.8; padding-top: 20px; padding-bottom:50px; }
  .infopage .content .t1 { font-size:24px; }
  .infopage .content .video { height:350px; }  
}
@media(min-width:1200px) {
  .infopage .sidebox { padding-top: 35px; }
  .infopage .mainbox { padding: 60px 60px; }
  .infopage .content .t1 { font-size:26px; }
  .infopage .content .t2 { margin-top:25px; }
  .infopage .content .video { height:450px; }
  .infopage .infocontent { margin-top: 25px; }
}
@media(min-width:1400px) {
  .infopage .container { max-width:1200px; }
  .infopage .sidebox { padding-top: 40px; }
  .infopage .mainbox { padding: 70px 80px; }
  .infopage .content .t1 { font-size:28px; }
  .infopage .content .t2 { font-size:18px; margin-top:30px; }
  .infopage .infocontent { margin-top: 30px; }
}
@media(min-width:1600px) {
  .infopage .sidebox { padding-top: 45px; }
  .infopage .mainbox { padding: 80px 100px; }
  .infopage .content .t1 { font-size:30px; }
  .infopage .content .t2 { margin-top:40px; }
  .infopage .infocontent { margin-top: 35px; }
}

.inpage { position: relative; overflow: hidden; padding: 20px 0 25px; }
.inpage .t1 { position: relative; color:#212121; margin-bottom: 20px; text-align: center; font-size:20px; line-height: 1.6; border-bottom: 1px solid #dfdfe3; padding-bottom: 10px; }
.inpage .t1::before { content: ""; position: absolute; bottom: -1px; left: 50%; transform:translateX(-50%); width: 200px; height: 1px; background-color: #e60012; }
.inpage .list:after { content:''; display:block; clear:both; }
.inpage .list .slide { float:left; width:49%; margin-right:2%; margin-bottom:15px; box-sizing:border-box; }
.inpage .list .slide:nth-child(2n) { margin-right:0; }
.inpage .list .slide .imgbox { background: #fbfbfb; border:1px solid #efefef; }
.inpage .list .slide .imgbox img { max-width:90%; max-height:90%; }
.inpage .list .slide .txtbox { height:35px; padding:0 10px; display:flex; align-items:center; justify-content: center; border-bottom:1px solid #efefef; }
.inpage .list .slide:hover .imgbox { background:#f0f8ff; border-color:#8bbdef; }
.inpage .list .slide .imgbox .shadow { position: absolute; z-index:3; left:50%; top:50%; opacity:0; transform:translate(-50%,-50%); width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; background: rgba(81,157,223,.6); transition:.2s all linear; }
.inpage .list .slide:hover .shadow { opacity:1; transition:.2s all linear; }
.inpage .list .slide .imgbox .shadow:before { content:'+'; position: relative; z-index:5; color:#e40000; font-size:150%; font-weight: bold; width:30px; height:30px; line-height: 30px; text-align:center; border-radius:50px; background: #fff; }
.submit { background:#e40000; border-color:#e40000; color:#fff!important; }
.msgtip {line-height: 1.7; margin-top:20px; border:1px dashed #ccc; border-radius:10px; display:inline-block; padding:15px; }
.msgtip .h5 { color:red; }
.msgtip .m1 { color:#999; font-size:80%; }
@media(min-width:576px) {
  .inpage { padding:25px 0 35px; }
}
@media(min-width:768px) {
  .inpage { padding:30px 0 45px; }
  .inpage .t1 { font-size:22px; margin-bottom: 25px; }
  .inpage .list .slide { margin-bottom: 20px; }
}
@media(min-width:992px) {
  .inpage { padding:40px 0 55px; }
  .inpage .t1 { font-size:24px; margin-bottom: 30px; }
  .inpage .list .slide { width:32%; margin-bottom: 25px; }
  .inpage .list .slide:nth-child(2n) { margin-right:2%; }
  .inpage .list .slide:nth-child(3n) { margin-right:0%; }
	.inpage .list .slide .txtbox { font-size:14px; height:40px; padding:0 15px; }
  .inpage .list .slide .imgbox .shadow:before { width:35px; height:35px; line-height:35px; }
}
@media(min-width:1200px) {
  .inpage { padding:45px 0 70px; }
  .inpage .t1 { font-size:28px; margin-bottom: 35px; }
	.inpage .list .slide { margin-bottom: 30px; }
	.inpage .list .slide .txtbox { font-size:16px; height:50px; padding:0 20px; }
	.inpage .list .slide:hover .txtbox { color: #e40000; }
  .inpage .list .slide .imgbox .shadow:before { width:40px; height:40px; line-height:40px; }
}
@media(min-width:1400px) {
  .inpage { padding:50px 0 85px; }
  .inpage .t1 { font-size:32px; margin-bottom: 40px; }
  .inpage .container { max-width:1200px; }
	.inpage .list .slide { margin-bottom: 40px; }
	.inpage .list .slide .txtbox { height:55px; }
  .inpage .list .slide .imgbox .shadow:before { width:45px; height:45px; line-height:45px; }
}
@media(min-width:1600px) {
  .inpage { padding:55px 0 100px; }
  .inpage .t1 { font-size:36px; margin-bottom: 50px; }
	.inpage .list .slide { margin-bottom: 50px; }
	.inpage .list .slide .txtbox { height:60px; }
  .inpage .list .slide .imgbox .shadow:before { width:50px; height:50px; line-height:50px; }
}

/*文章列表页样式*/
.textlist .slide { padding:15px 0; position:relative; background: #fff; border-bottom:1px solid #f6f6f6; transition:.3s all; }
.textlist .slide:first-child { padding-top: 0; }
.textlist .slide:last-child { border-bottom:0; }
.textlist .slide .imgbox:after { padding-top:65%; }
.textlist .slide .c1 { color:#333; font-weight:bold; font-size:16px; margin-top:15px; line-height:22px; position:relative; }
.textlist .slide .c2 { color:rgba(0,0,0,.8); margin-top:10px; line-height: 1.8; overflow: hidden; display: -webkit-box; line-clamp:2; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; text-align:justify; }
.textlist .slide .c3 { color:rgba(0,0,0,.5); margin-top: 10px; font-size:12px; }
.textlist .slide .c3 span { color:rgba(0,0,0,.8); font-size:130%; }
.textlist .slide .c1:hover { text-decoration: underline; }
.textlist .slide .c3 span:hover { text-decoration: underline; }
@media(min-width:768px) {
  .textlist .slide { padding:18px 0; }
  .textlist .slide .c1 { margin-top: 0; }
  .textlist .slide .c2 { margin-top:12px; }
  .textlist .slide .c3 { margin-top: 12px; }
}
@media(min-width:992px) {
  .textlist .slide { padding:20px 0; }
  .textlist .slide a { display:flex; align-items:center; }
  .textlist .slide .imgbox { margin-right:3.5%; width:230px; }
  .textlist .slide .txtbox { flex:1; width:50%; }
  .textlist .slide .c1 { font-size:20px; }
  .textlist .slide .c2 { margin-top:14px; }
  .textlist .slide .c3 { margin-top: 15px; font-size:13px; }
}
@media(min-width:1200px) {
  .textlist .slide { padding:22px 0; }
  .textlist .slide .c2 { margin-top:16px; }
}
@media(min-width:1400px) {
  .textlist .slide { padding:25px 0; }
  .textlist .slide .imgbox { width:250px; }
  .textlist .slide .c2 { font-size:17px; margin-top:18px; }
  .textlist .slide .c3 { margin-top: 20px; }
}
@media(min-width:1600px) {
  .textlist .slide { padding:30px 0; }
  .textlist .slide .c2 { font-size:18px; margin-top:20px; }
}

.play { cursor:pointer; color:rgba(255,255,255,.7); transition:.16s all linear; height:100%; display:flex; justify-content: center; align-items:center; font-size:42px; position:absolute;z-index:4; left:15px; right:15px; top:0%; }
.play-small { font-size:22px; }
.play:hover { color:#fff; transition:.16s all linear; }
.play i { transition:.16s all linear; }
.play:hover i { transform:scale(1.1); transition:.16s all linear; }
.video-shadow { display: none; position:fixed;z-index:99999; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,.8); }
.video-panel { height:275px; width:365px; padding:5px; background:#f8f8f8; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); }
.video-shadow .close { position:absolute; bottom:5%; left:50%; transform:translateX(-50%); width:100px; height:40px; line-height:40px; border-radius:20px; background: #fff; text-align:center; }
@media(min-width:768px) {
  .play { font-size:46px; }
  .play-small { font-size:24px; }
  .video-panel { height:362px; width:630px; }
}
@media(min-width:992px) {
  .play { font-size:54px; }
  .play-small { font-size:26px; }
  .video-panel { height:420px; width:730px; }
}
@media(min-width:1200px) {
  .play { font-size:62px; }
  .play-small { font-size:28px; }
  .video-panel { height:500px; width:870px; }
}
@media(min-width:1400px) {
  .video-panel { height:724px; width:1260px; }
}
@media(min-width:1600px) {
  .play { font-size:72px; }
  .play-small { font-size:32px; }
}

.video-shadow { display: none; position:fixed;z-index:99999; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,.8); }
.video-panel { height:275px; width:365px; padding:5px; background:#f8f8f8; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); }
.video-shadow .close { position:absolute; bottom:5%; left:50%; transform:translateX(-50%); width:100px; height:40px; line-height:40px; border-radius:20px; background: #fff; text-align:center; }
@media(min-width:768px) {
  .video-panel { height:362px; width:630px; }
}
@media(min-width:992px) {
  .video-panel { height:420px; width:730px; }
}
@media(min-width:1200px) {
  .video-panel { height:500px; width:870px; }
}
@media(min-width:1440px) {
  .video-panel { height:724px; width:1260px; }
}

.contact01 { position: relative; overflow: hidden; }
.contact-list { margin-top:20px; }
.contact01 .slide { display: flex; align-items: center; padding:12px 0px; }
.contact01 .slide .ali-icon { color:#fff; background:#e40000; text-align:center; width:30px; height:30px; line-height: 30px; font-size:22px; margin-right: 15px; transition:.3s all linear; }
.contact01 .s1 { color:#4d5156; }
.contact01 .s2 { color:#e40000; font-weight: bold; line-height: 1.1; white-space: nowrap; margin-top: 5px; font-size:18px; }
.contact01 .s3 { color:#e40000; line-height: 1.3; margin-top: 5px; font-size:16px; }
@media(min-width:576px) {
  .contact01 .slide { padding: 15px 0px; }
  .contact01 .slide .ali-icon { width:40px; height:40px; line-height: 40px; font-size:26px; margin-right: 20px; }
  .contact01 .s2 { font-size:20px; }
  .contact01 .s3 { font-size:18px; }
}
@media(min-width:768px) {
  .contact01 .slide { padding: 17px 0px; }
  .contact01 .slide .ali-icon { width:45px; height:45px; line-height: 45px; font-size:30px; margin-right: 25px; }
  .contact01 .s2 { margin-top: 10px; font-size:22px; }
  .contact01 .s3 { margin-top: 10px; font-size:20px; }
}
@media(min-width:992px) {
  .contact01 .slide { padding: 20px 5px; }
  .contact01 .slide .ali-icon { width:55px; height:55px; line-height: 55px; font-size:34px; margin-right: 30px; }
  .contact01 .s2 { font-size:24px; }
  .contact01 .s3 { font-size:22px; }
}
@media(min-width:1200px) {
  .contact01 .slide { padding: 24px 10px; }
  .contact01 .slide .ali-icon { width:65px; height:65px; line-height: 65px; font-size:38px; margin-right: 35px; }
  .contact01 .s2 { margin-top: 15px; font-size:28px; }
  .contact01 .s3 { margin-top: 15px; font-size:24px; }
}
@media(min-width:1400px) {
  .contact01 .slide { padding: 27px 10px; }
  .contact01 .slide .ali-icon { width:75px; height:75px; line-height: 75px; font-size:42px; margin-right: 40px; }
  .contact01 .s2 { font-size:32px; }
  .contact01 .s3 { font-size:28px; }
}
@media(min-width:1600px) {
  .contact01 .slide { padding: 30px 10px; }
  .contact01 .slide .ali-icon { width:85px; height:85px; line-height: 85px; font-size:46px; margin-right: 50px; }
  .contact01 .s2 { margin-top: 20px; font-size:36px; }
  .contact01 .s3 { margin-top: 20px; font-size:30px; }
}

.message01 { background:#fff; position:relative; overflow: hidden; }
.message01 .content { background:#f8f8f8; margin-top:20px; padding:30px 15px; }
.message01 .form-group { margin-bottom:10px; display:flex; flex-wrap:wrap; align-items:center; }
.message01 span.text-nowrap { width:120px; text-align:right; padding-right:15px; font-weight:500; color:#555; }
.message01 .form-control { width:unset; padding:12px 15px; border:1px solid #ddd; border-radius:5px; font-size:15px; transition:all 0.3s; }
.message01 .form-control:focus { outline:none; border-color:#e40000; box-shadow:0 0 0 2px rgba(52,152,219,0.2); }
.message01 textarea.form-control { flex:1; max-width:100%; min-height:120px; resize:vertical; }
.message01 .text-danger { color:#e40000; }
.message01 .btn { background:#e40000; color:white; border:none; padding:12px 35px; border-radius:5px; font-size:16px; font-weight:500; cursor:pointer; transition:all 0.3s; }
.message01 .btn:hover { background:#000000; transform:translateY(-2px); box-shadow:0 4px 8px rgba(0,0,0,0.1); }
@media (max-width:768px) {
    .message01 .form-group { flex-direction:column; align-items:flex-start; }
    .message01 .form-control { width:100%; }
    .message01 span.text-nowrap { width:100%; text-align:left; padding-right:0; margin-bottom:8px; }
}
@media(min-width:768px) {
	.message01 .content { padding:35px 25px; padding-right:45px; margin-left:auto; margin-right:auto; }
}
@media(min-width:992px) {
	.message01 .content { margin-top:30px; padding:45px 30px; padding-right:50px; }
}
@media(min-width:1200px) {
	.message01 .content { margin-top:40px; padding:55px 35px; padding-right:55px; }
  .message01 .form-group { margin-bottom: 15px; }
}
@media(min-width:1400px) {
	.message01 .content { margin-top:40px; padding:60px 40px; padding-right:60px; }
  .message01 .form-group { margin-bottom: 20px; }
}
@media(min-width:1600px) {
	.message01 .content { margin-top:50px; padding:70px 50px; padding-right:70px; }
}


.job01 {position:relative;overflow: hidden;}
.job01 .joblist {margin-top: 15px;padding-left: 0; background:#fff; }
.job01 .joblist li { margin-bottom:10px; }
.job01 .panel { position:relative; color:#7a7b7e;background:#fcfcfc;padding:0 15px;height: 45px;line-height: 45px;align-items:center;cursor: pointer; border-bottom:1px solid #f5f5f5;}
.job01 .panel:after {content:'\e600';font-family: 'iconfont';position:absolute;right:15px;top:50%;transform:translateY(-50%) rotateZ(0deg); font-size:125%; }
.job01 .panel.active {color:#fff;background:#e40000;border-bottom:none!important;}
.job01 .panel.active:after { transform: translateY(-50%) rotateZ(90deg); }
.job01 .c1 {font-size:14px;}
.job01 .c2 {margin-left:15px;margin-right:20px;flex:1;width:50%;}
.job01 .c3 {background:#f8f8f8;display:none;line-height:1.6;padding:15px;text-align: justify;}
@media(min-width:768px){
	.job01 .panel {height: 60px;line-height: 60px;}
	.job01 .c1 {font-size:16px;}
	.job01 .c2 {margin-left:7%;margin-right:10%;}
}
@media(min-width:992px){
	.job01 .panel {height: 65px;line-height: 65px;}
	.job01 .panel:after { content:'\e600'; }
	.job01 .c1 {font-size:18px;}
	.job01 .c3 {padding:3vw 4vw;}
}
@media(min-width:1200px) {
	.job01 .panel {padding: 0 20px;height: 70px;line-height: 70px;}
	.job01 .panel:after {right:20px;}
	.job01 .c1 {font-size:20px;}
  .job01 .c3 { line-height: 2; }
}
@media(min-width:1400px) {
	.job01 .panel {padding: 0 25px;height: 80px;line-height: 80px;}
	.job01 .panel:after {right:25px;}
	.job01 .c1 {font-size:23px;}
}
@media(min-width:1600px) {
	.job01 .panel {padding: 0 30px;height: 88px;line-height: 88px;}
	.job01 .panel:after {right:30px;}
	.job01 .c1 {font-size:25px;}
}

.footer { color:#fff; background: #444; padding:15px 0 10px; }
.footer a { color:#fff; }
.footer .f-nav { position: relative; }
.footer .f-slide { flex:1; }
.footer .f-slide>a { display: block; position: relative; margin:0 15px; line-height:1.5; padding:10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.footer .f-subnav { flex-wrap:wrap; background:#fff; padding:0 15px; max-height:0; overflow: hidden; transition: max-height 0.3s ease; }
.fbottom { background: #2b2b2b; color:rgba(255,255,255,.6); line-height: 1.7; padding: 15px 0; }
.fbottom a { color:rgba(255,255,255,.6); }
.fbottom a:hover { color:#fff; text-decoration: underline; }
.fbottom .flogo { font-weight: bold; font-size:26px; line-height: 1.3; }
.fbottom .s1 { margin-top: 15px; display: flex; align-items: center; }
.fbottom .s1 i { font-size:160%; margin-right: 10px; }
.fbottom .s2 { font-size:18px; font-weight: bold; font-family:'Futura Md BT'; line-height: 1.5; }
.fbottom .c1 { color:rgba(255,255,255,.6); line-height: 1.8; margin-top: 10px; }
.fbottom .ewm { margin-right: 15px; }
.fbottom .ewm img { width:65px; }
.fbottom .share { margin-top: 15px; white-space: nowrap; }
.fbottom .share a { display:inline-block; margin:0 5px; color:#e40000; border:1px solid #fff; background:#fff; font-size:14px; text-align:center; border-radius:50px; width:24px; height:24px; line-height: 24px; text-decoration: none; }
.fbottom .share a:hover { background:#e40000; color:#fff; border-color:#fff; }
@media(max-width:767px) {
  .footer .f-slide { border-bottom:1px solid #222; transition:background .2s linear; }
  .footer .f-slide:last-child { border-bottom:none; }
  .footer .f-slide>a { position: relative; font-weight: bold; font-size:15px; }
  .footer .f-slide>a:before { content:''; width:1px; height:20px; background:#999; position: absolute; top:50%; right:20px; transform:translateY(-50%); transition:.1s all linear; }
  .footer .f-slide>a:after { content:''; height:1px; width:20px; background:#999; position: absolute; top:50%; right:10px; transform:translateY(-50%); }
  .footer .f-slide.active { background:#fff; transition:background .2s linear; }
  .footer .f-slide.active>a { color:#e40000; }
  .footer .f-slide.active>a:before { background:#333; transform:rotateZ(90deg) translateX(-10px); transition:.1s all linear; }
  .footer .f-slide.active>a:after { background:#333; }
  .footer .f-slide .f-subnav .f-subnavinner { padding-bottom: 15px; }
  .footer .f-subnav a { display: block; color:#333; height:30px; line-height: 30px; flex:0 0 50%; max-width:50%; }
  .footer .f-subnav a:active { color:#e40000; }
  .footer .f-slide.active .f-subnav { transition: max-height 0.3s ease; }
}
@media(min-width:768px) {
  .footer { padding:20px 40px 14px; }
  .footer .f-nav { padding-bottom: 45px; }
  .footer .f-slide>a { padding:10px 15px; text-align: center; }
  .footer .f-slide>a:before { content:''; height:2px; width:100%; position: absolute; bottom:0; left:0; background:rgba(255,255,255,.3); }
  .footer .f-slide>a:after { content:''; height:2px; width:0%; position: absolute; bottom:0; left:0; background:#e40000; transition:.2s all linear; }
  .footer .f-slide.active>a:after { width:100%; transition:.2s all linear; }
  .footer .f-slide .f-subnav { position: absolute; left:15px; bottom:0; right:15px; border-radius:10px; background:rgba(54,54,54,.5); }
  .footer .f-slide .f-subnav .f-subnavinner { display: flex; justify-content: space-around; }
  .footer .f-slide .f-subnav a { height:35px; line-height: 35px; flex:0 0 25%; max-width:25%; text-align: center; }
  .fbottom { padding: 20px; }
  .fbottom .flogo { font-size:30px; }
  .fbottom .s1 { margin-top: 20px; }
  .fbottom .s2 { font-size:20px; }
  .fbottom .c1 { margin-top: 15px; }
}
@media(min-width:992px) {
  .footer { padding:25px 75px 17px; }
  .footer .f-nav { padding-bottom: 50px; }
  .footer .f-slide>a { padding:15px 15px; }
  .footer .f-slide .f-subnav a { height:40px; line-height: 40px; }
  .footer .f-slide .f-subnav a:hover { color:#e40000; }
  .fbottom { font-size:14px; padding: 25px; }
  .fbottom .flogo { font-size:34px; }
  .fbottom .s1 { margin-top: 25px; }
  .fbottom .s2 { font-size:22px; }
  .fbottom .c1 { line-height: 2; margin-top: 0; }
}
@media(min-width:1200px) {
  .footer { padding:30px 75px 20px; }
  .footer .f-nav { padding-bottom: 65px; }
  .footer .f-slide .f-subnav a { height:55px; line-height: 55px; flex:0 0 15%; max-width:15%; }
  .footer .f-slide>a { font-size:14px; padding:18px 15px; }
  .fbottom .flogo { font-size:38px; }
  .fbottom .s1 { margin-top: 30px; }
  .fbottom .s1 span { font-size:14px; }
  .fbottom .s2 { font-size:24px; }
  .fbottom .ewms1 { font-size:14px; }
}
@media(min-width:1400px) {
  .footer { padding:35px 75px 22px; }
  .footer .f-slide>a { font-size:17px; padding:22px 15px; }
  .fbottom .flogo { font-size:42px; }
  .fbottom .s1 { margin-top: 35px; }
  .fbottom .s2 { font-size:26px; }
}
@media(min-width:1600px) {
  .footer { padding:40px 75px 25px; }
  .footer .f-slide>a { font-size:18px; padding:25px 15px; }
  .fbottom .flogo { font-size:46px; }
  .fbottom .s1 { margin-top: 40px; }
  .fbottom .s2 { font-size:28px; }
}

.footer-bar { height:70px;z-index:99; transition:.36s all; }
.footer-bar .list { color:#fff; background:#333; display:flex; position:fixed; bottom:0; left:0; right:0; height:70px;z-index:99; }
.footer-bar .slide { flex:1; text-align: center; line-height: 30px; }
.footer-bar .slide:hover { color:#fff; }
.footer-bar .slide i { display:block; font-size:25px; padding-top:10px; }
@media(max-width:991px) {
  .footer-bar.hide { display:none; }
}

#bdshare_weixin_qrcode_dialog { height:unset!important; }

.floatewm { display:none; background:#fff; border:1px solid #666; width:245px; padding:15px; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);z-index: 99; font-size:14px; color:#888; }
.floatewm .close { width: 16px; height: 16px; position: absolute; right: 10px; top: 10px; color: #999; text-decoration: none; font-size: 16px; }
.floatewm .title { font-size: 12px; font-weight: bold; color:#000; }
.floatewm .bottom { font-size: 12px; line-height: 22px; color: #666; }

ul.pagination { display: flex; justify-content: center; margin-top: 2rem; }
ul.pagination li a,ul.pagination li span { display: block; float: left; min-width: 36px; padding: 0 5px; margin:0 5px; height: 36px; border-radius:5px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden; }
ul.pagination li a:hover,ul.pagination li.active span { color: #fff; border-color: #e40000; background: #e40000; }
ul.pagination li.disabled { display: none; }


.pub_btn { position:fixed; right:0; bottom:5%;z-index:11111; display:none; }
.pub_btn div.box { width:50px; height:50px; background:#c4c4c4; margin:0 0 15px 0; position:relative; text-align:center; cursor:pointer; border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-top-right-radius:0px; border-bottom-right-radius:0px; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; }
.pub_btn div.box span { display:block; font-size:12px; color:#ffffff; }
.pub_btn div.box i { display:block; width:30px; height:30px; margin:0 auto; position:relative; background-image:url(../images/b17.png); background-repeat:no-repeat; background-size:30px 120px; -webkit-background-size:30px 120px; }
.pub_btn div.box1 i { background-position:0 0}
.pub_btn div.box2 i { background-position:0 -30px}
.pub_btn div.box3 i { background-position:0 -60px}
.pub_btn div.box4 i { background-position:0 -90px; top:10px; }
.pub_btn div.box>div.in { position:absolute; top:0; margin-left:-70px; right:-500px; background:#c4c4c4; padding:10px; border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-top-right-radius:0px; border-bottom-right-radius:0px; color:#fff !important;z-index:-1; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; }
@media screen and (min-width:1200px) {.pub_btn div.box:hover,.pub_btn div.box:hover>div { background:#e40000; }
.pub_btn div.box1:hover,.pub_btn div.box2:hover { border-top-left-radius:0px; border-bottom-left-radius:0px; }
.pub_btn div.box:hover>div.in { margin-left:0; right:50px; }
}
.pub_btn div.box1>div.in { height:50px; line-height:30px; white-space:nowrap; }
.pub_btn div.box2>div.in { bottom:0; top:auto; }
.pub_btn div.box1.on { background:#e40000; border-top-left-radius:0px; border-bottom-left-radius:0px; }
.pub_btn div.box1.on>div { background:#e40000; }
.pub_btn div.box1.on>div.in { margin-left:0; right:50px; height:50px; line-height:40px; white-space:nowrap; }
.pub_btn div.box2.on { background:#e40000; border-top-left-radius:0px; border-bottom-left-radius:0px; }
.pub_btn div.box2.on>div { background:#e40000; }
.pub_btn div.box2.on>div.in { margin-left:0; right:50px; bottom:0; top:auto; }