@charset "utf-8";
* {margin:0;padding:0;border:0;outline:medium;text-shadow:none;text-decoration:none;}
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){
  .container {max-width:1424px;margin:0 auto;}
}
@media(min-width:1800px){
  .indexpage .container {max-width:1624px;margin:0 auto;}
}

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;}

/*手机端分页处理*/
.de-page-mian {padding-top:25px;}
@media(max-width:767px) {
  .de-page-mian .page-inner a {margin-right:0!important;}
  .de-page-mian span,.de-page-mian input,.de-page-mian .page-btn,.de-page-mian .prev,.de-page-mian .next {display:none!important;}
}

.imgbox {position:relative;width:100%;overflow:hidden;}
.imgbox:after {content:'';display:block;padding-top:75%;}
.imgbox img {width:100%;height: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_6fs0nu7muca.woff2?t=1776070496802') format('woff2'),
       url('//at.alicdn.com/t/c/font_4301980_6fs0nu7muca.woff?t=1776070496802') format('woff'),
       url('//at.alicdn.com/t/c/font_4301980_6fs0nu7muca.ttf?t=1776070496802') format('truetype'),
       url('//at.alicdn.com/t/c/font_4301980_6fs0nu7muca.svg?t=1776070496802#iconfont') format('svg');
}
.ali-icon {font-family: 'iconfont';}

.topbar { display: none; position:absolute; z-index: 1; top:12px; left:0; width:100%; }
.topbar .tel { color:#fff; position: relative; display: flex; align-items: flex-end; justify-content: flex-end; }
.topbar .tel img { filter: brightness(0) invert(1); width:25px; }
/* body.onmove .topbar { opacity:0; } */
@media(min-width:1200px) {
  .topbar.on { display: block; }
  .topbar .tel b { font-size:22px; }
}
@media(min-width:1400px) {
  .topbar .tel b { font-size:24px; }
}
@media(min-width:1600px) {
  .topbar .tel b { font-size:26px; }
}

.header { position:fixed; left:0; top:0; width:100%; z-index: 111; overflow: hidden;transition:.2s all linear;}
.header .container { background:#fff; padding:6px 20px 0 12px; }
.header .logo {flex:0 0 80%;max-width:80%;display:flex; padding-bottom: 6px; }
body.onmove .header { padding-top:0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); transition:.2s all linear; }
body.onmove .header .container { box-shadow:none; padding-top:6px; }
body.onmove .header .logo { padding-bottom:6px; }
.nav {display:none;background:#fff;color:#000;position:relative;z-index:9;}
.nav .list {display:flex;align-items:center;flex-wrap:wrap;}
.nav .slide {flex:1;text-align:center;position:relative;transition:.2s all linear;}
.nav .slide>a {position: relative;display:block;}
.nav .slide>a:after { content:''; position: absolute; bottom:25%; left:50%; transform:translateX(-50%); background:#fff; width:0px; height:2px; transition:.2s all linear; }
/* .nav .slide i {display:none;} */
.nav .subnav {pointer-events: none;display:none;color:#333;background:rgba(255,255,255,1);border-right:1px solid #eee;position:absolute;z-index:3;bottom:0;left:50%;transform:translate(-50%,100%);}
.nav .subnav .subitem { position: relative; }
.nav .subnav a {display:block;border-bottom:1px solid #eee;height:40px;line-height: 40px; text-align: left; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 50px 0 40px;}
.nav .subnav i { position: absolute; right:5px; }
.nav .subnav .subnav { left:100%; top:0; bottom:unset;transform:translate(0,0%); }
.nav .slide.active>a,.nav .slide:hover>a { font-weight: bold; font-size:112.5%; }
.nav .slide.active>a:after,.nav .slide:hover>a:after { width:15px; transition:.2s all linear; }
.nav .tel { position: relative; display: flex; align-items: flex-end; justify-content: flex-end; }
@media(max-width:991px) {
	.header .logo img {max-height:50px;}
}
@media(min-width:768px) {
  .header { padding-top: 25px;}
  .header .container { box-shadow:0 0 10px rgba(0,0,0,.1); padding:12px 25px 0; border-radius:10px; }
  .header .logo {flex:0 0 70%;max-width:70%;}
  .nav .tel b { font-size:18px; }
}
@media(min-width:992px) {
  .header { padding-top:30px; overflow: visible;}
  .header .container { padding:12px 25px 0; border-radius:10px; }
  .header .logo {padding-bottom: 12px;flex:0 0 25%;max-width:25%;}
  .nav { display: block; flex:0 0 70%;max-width:70%; }
	.nav .slide>a {height: 48px;line-height:48px;position: relative;}
	.nav .slide:hover>.subnav {display:block;}
  .nav .subnav .subitem:hover>.subnav { display: block; }
	.nav .slide .subnav {font-size:14px;pointer-events: auto;}
	.nav .slide .subnav a:hover,
  .nav .slide .subnav a.active {color:#fff;background:#1c93a5;transition:.2s all linear;}
  .nav .tel b { font-size:20px; }
}
@media(min-width:1200px) {
  .header { padding-top:40px; }
  .header .container { padding:15px 30px 0; }
  .header .logo {padding-bottom: 15px;}
  .nav .slide>a {height: 52px;line-height: 52px;}
  .nav .slide .subnav {font-size:15px;}
  .nav .subnav a {height:45px;line-height: 45px;}
  .nav .tel b { font-size:22px; }
}
@media(min-width:1400px) {
  .header { padding-top:50px; }
  .header .container { padding:15px 35px 0; }
  .nav .slide>a {height: 56px;line-height: 56px;}
  .nav .tel b { font-size:24px; }
}
@media(min-width:1600px) {
  .header { padding-top:55px; }
  .header .container { padding:15px 40px 0; }
  .header .logo {flex:0 0 23%;max-width:23%;}
  .nav { flex:0 0 72%;max-width:72%; }
  .nav .slide>a {height: 60px;line-height: 60px;}
  .nav .tel b { font-size:26px; }
}

.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: absolute; bottom:20%; left:50%; transform:translateX(-50%); }
.floatbox { position: relative; display:inline-block; }
.floatbox .f1 { color:#fff; font-weight: bold; font-size:16px; }
.floatbox .f2 { color:rgba(255,255,255,.6); white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-top: 15px; }
.prev_next {margin:20px 0;display:flex;flex-wrap:wrap;}
.page-a {line-height: 1.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.next_page {margin-top:15px;}
.location { text-align: right; color:rgba(0,0,0,.4); border-bottom:1px solid #eee; line-height: 3; }
@media(min-width:576px) {
	.location { padding:17px 15px 13px; }
}
@media(min-width:768px) {
  .inbanner .container { padding:0 12px;  }
  .floatbox .f1 { font-size:20px; }
  .floatbox .f2 { margin-top: 20px; }
  .prev_next {margin:25px 0;}
}
@media(min-width:992px) {
  .floatbox .f1 { font-size:24px; }
  .floatbox .f2 { margin-top: 25px; }
  .prev_next {margin:30px 0;}
  .next_page {margin-top:0px;text-align:right;}
  .page-a:hover {color:#e87b2b;}
}
@media(min-width:1200px) {
  .floatbox .f1 { font-size:28px; }
  .floatbox .f2 { margin-top: 30px; }
  .prev_next {margin:35px 0;}
}
@media(min-width:1400px) {
  .floatbox .f1 { font-size:34px; }
  .floatbox .f2 { margin-top: 35px; }
  .prev_next {margin:40px 0;}
}
@media(min-width:1600px) {
  .floatbox .f1 { font-size:40px; }
  .floatbox .f2 { margin-top: 40px; }
  .prev_next {margin:50px 0;}
}

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

.index01 {position: relative;overflow: hidden; padding:30px 0 45px; }
.index01 .title { position: relative; padding-bottom: 5px; }
.index01 .title:after { content:''; position: absolute; bottom:1px; left:0; width:100%; background:#999; height:1px; }
.index01 .title:before { content:''; position: absolute; z-index: 1; left:0; bottom:0; width:24%; height:3px; background:#1c93a5; }
.index01 .t1 { color:#000; font-size:24px; line-height: 1.3; font-weight: bold; display:flex; align-items: center; }
.index01 .t1 span { position:relative; color:#fff; background:#1c93a5; border-radius:100px; width:28px; height:28px; line-height:28px; margin:0 3px; text-align: center; }
.index01 .t2 { color:rgba(0,0,0,.6); line-height: 1.5; margin-top: 8px; font-size:14px; text-transform: uppercase; }
.index01 .t2 em { position: relative; margin-right:10px; }
.index01 .more { position: relative; display:flex; align-items: center; justify-content:space-between; overflow: hidden; font-weight: bold; color:#fff; border:2px solid #1c93a5; background:#1c93a5; max-width:180px; margin-left: auto; padding:5px 5px 5px 15px; transition:.3s background linear; }
.index01 .more i { color:#fff; background:#ce1c1d; padding:5px; }
.index01 .more:hover { background:#fff; color:#1c93a5; transition:.2s all linear; }
.index01 .content { margin-top: 20px; }
/* .index01 .content .imgbox:after { padding-top: 90%; } */
.index01 .list { margin-top: 15px; }
.index01 .list:after { content:''; display:block; clear:both; }
.index01 .slide { position: relative; float:left; width:49%; margin-right:2%; }
.index01 .slide:nth-child(2n) { margin-right: 0; }
.index01 .slide:nth-child(n+7) { display: none; }
.index01 .slide .imgbox { border:2px solid #1c93a5; }
.index01 .slide .s1 {position: relative; display: flex; align-items: center; color:#000; height:30px; line-height: 30px; padding:0 15px 0 35px; }
.index01 .slide .s1:before { content:''; position: absolute; left:0; top:50%; transform:translate(0,-50%); display: block; width:16px; height:16px; border-radius:50px; background:#1c93a5; }
.index01 .slide .s1:after { content:''; position: absolute; left:0; top:50%; transform:translate(50%,-50%); display: block; width:16px; height:16px; border-radius:50px; background:#1c93a5; opacity:.5; }
.index01 .slide .s1 span { display:inline-block; margin-left:auto; display: none; }
@media(min-width:768px) {
  .index01 { padding:45px 0 60px; }
  .index01 .title { padding-bottom: 20px; }
  .index01 .t1 { font-size:32px; }
  .index01 .t1 span { width:36px; height:36px; line-height:36px; margin:0 5px; }
  .index01 .t2 { margin-top: 10px; font-size:15px; }
  .index01 .t2 em { margin-right: 15px; }
  .index01 .content { margin-top: 30px; }
  .index01 .list { margin-top: 20px; }
  .index01 .slide .s1 { padding:0 15px 0 35px; height:35px; line-height: 35px; }
  .index01 .more i { padding:7px; }
}
@media(min-width:992px) {
  .index01 { padding:60px 0 75px; }
  .index01 .title { padding-bottom: 25px; }
  .index01 .t1 { font-size:36px; }
  .index01 .t1 span { width:40px; height:40px; line-height:40px; margin:0 5px; }
  .index01 .t2 { font-size:16px; }
  .index01 .t2 em { margin-right: 20px; }
  .index01 .content { margin-top: 40px; }
  .index01 .list { flex:0 0 77%; max-width:77%; margin-top: 0; }
  .index01 .slide { width:32%; }
  .index01 .slide:nth-child(n+7) { display: block; }
  .index01 .slide:nth-child(n+10) { display: none; }
  .index01 .slide .s1 { padding:0 15px 0 35px; height:40px; line-height: 40px; }
  .index01 .slide:nth-child(2n) { margin-right: 2%; }
  .index01 .slide:nth-child(3n) { margin-right: 0; }
  .index01 .more i { padding:9px; }
}
@media(min-width:1200px) {
  .index01 { padding:70px 0 90px; }
  .index01 .title { padding-bottom: 35px; }
  .index01 .t1 { font-size:40px; }
  .index01 .t1 span { width:44px; height:44px; line-height:44px; margin:0 6px; }
  .index01 .t2 { margin-top: 12px; font-size:17px; }
  .index01 .t2 em { margin-right: 25px; }
  .index01 .content { margin-top: 50px; }
  .index01 .slide .s1 { height:45px; line-height: 45px; }
  .index01 .more i { padding:11px; }
}
@media(min-width:1400px) {
  .index01 { padding:80px 0 105px; }
  .index01 .title { padding-bottom: 45px; }
  .index01 .t1 { font-size:44px; }
  .index01 .t1 span { width:48px; height:48px; line-height:48px; margin:0 7px; }
  .index01 .t2 { margin-top: 14px; font-size:18px; }
  .index01 .t2 em { margin-right: 30px; }
  .index01 .content { margin-top: 55px; }
  .index01 .slide .s1 { height:50px; line-height: 50px; }
  .index01 .more i { padding:13px; }
}
@media(min-width:1600px) {
  .index01 { padding:95px 0 120px; }
  .index01 .title { padding-bottom: 55px; }
  .index01 .t1 { font-size:48px; }
  .index01 .t1 span { width:52px; height:52px; line-height:52px; margin:0 8px; }
  .index01 .t2 { margin-top: 15px; font-size:18px; }
  .index01 .t2 em { margin-right: 35px; }
  .index01 .content { margin-top: 60px; }
  .index01 .slide:nth-child(n+10) { display: block; }
  /* .index01 .slide:nth-child(2n) { margin-right: 2%; }
  .index01 .slide:nth-child(3n) { margin-right: 2%; }
  .index01 .slide:nth-child(4n) { margin-right: 0; } */
  .index01 .slide .s1 { height:65px; line-height: 65px; }
  .index01 .more i { padding:15px; }
}

.index02 {position: relative;overflow: hidden; padding:30px 0 0; background:url(../images/in02_bg.jpg) no-repeat; background-size:cover; }
.index02 .title { position: relative; padding-bottom: 25px; }
.index02 .title:after { content:''; position: absolute; bottom:1px; left:0; width:100%; background:#999; height:1px; }
.index02 .title:before { content:''; position: absolute; z-index: 1; left:0; bottom:0; width:24%; height:3px; background:#1c93a5; }
.index02 .t1 { color:#fff; font-size:24px; line-height: 1.5; font-weight: bold; display:flex; align-items: center; }
.index02 .t1 span { position:relative; color:#fff; background:#1c93a5; border-radius:100px; width:28px; height:28px; line-height:28px; margin:0 3px; text-align: center; }
.index02 .t2 { color:rgba(255,255,255,.6); line-height: 1.3; font-size:14px; margin-top: 8px; text-transform: uppercase; }
.index02 .t2 em { position: relative; margin-right:10px; }

/* index02 内容区域 */
.index02 .content { padding: 40px 0 20px; }
.index02 .num-title { color: #fff; font-size: 20px; font-weight: bold; font-style: italic; line-height: 1.4; margin-bottom: 15px; }
.index02 .num-title span { font-size: 32px; margin-right: 12px; font-style: italic; vertical-align: -3px; }
.index02 .desc { color: #fff; font-size: 14px; line-height: 1.8; margin-bottom: 6px; }
.index02 .desc-en { color: rgba(255,255,255,.35); font-size: 13px; line-height: 1.6; }

/* 底部优势卡片 */
.index02 .adv-list { display: flex; flex-wrap: wrap; background: linear-gradient(to right, #0d7686 0%, #22cae3 100%); position: relative; z-index: 2; }
.index02 .adv-item { flex: 0 0 50%; justify-content: center; padding: 30px 30px; box-sizing: border-box; border-right: 1px solid rgba(255,255,255,.15); }
.index02 .adv-item:nth-child(2n) { border-right: none; }
.index02 .adv-item:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.15); }
.index02 .adv-item .icon-box { display: block; margin-left: auto; margin-right: auto; font-size: 42px; color: #fff; width: 60px; height: 60px; text-align: center; margin-bottom: 18px; }
.index02 .adv-item .txt { color: #fff; font-size: 13px; line-height: 1.65; }
.index02 .info-box { display: none; }
.index02 .info-box.active { display: block; animation: fadeInUp .6s ease both; }
.index02 .adv-item { cursor: pointer; transition: background .3s ease; position: relative; }
@media(min-width:768px) {
  .index02 { padding:45px 0 0; }
  .index02 .t1 { font-size:32px; }
  .index02 .t1 span { width:36px; height:36px; line-height:36px; margin:0 5px; }
  .index02 .t2 { margin-top: 10px; font-size:15px; }
  .index02 .t2 em { margin-right: 15px; }
  .index02 .content { padding: 55px 0 30px; }
  .index02 .num-title { font-size: 24px; }
  .index02 .num-title span { font-size: 40px; }
  .index02 .desc { font-size: 15px; }
  .index02 .desc-en { font-size: 14px; }
  .index02 .adv-item { padding: 35px 95px; }
  .index02 .adv-item .icon-box { font-size: 48px; width: 70px; height: 70px; margin-bottom: 22px; }
  .index02 .adv-item .txt { font-size: 14px; }
}
@media(min-width:992px) {
  .index02 { padding:60px 0 0; }
  .index02 .t1 { font-size:36px; }
  .index02 .t1 span { width:40px; height:40px; line-height:40px; margin:0 5px; }
  .index02 .t2 { font-size:16px; }
  .index02 .t2 em { margin-right: 20px; }
  .index02 .content { padding: 70px 0 35px; margin-left: auto; width:85%; }
  .index02 .num-title { font-size: 28px; margin-bottom: 20px; }
  .index02 .num-title span { font-size: 48px; }
  .index02 .desc { font-size: 16px; margin-bottom: 8px; }
  .index02 .desc-en { font-size: 14px; }
  .index02 .adv-list { margin-left: auto; width:92%; transform: skew(-18deg); }
  .index02 .adv-list:after { content:''; position: absolute; left:99%; top:0; height:100%; width:100%; background:linear-gradient(to right, #22cae3 0%, #23cde7 20%); }
  .index02 .adv-list:before { content:''; position: absolute; z-index: -1; left:0%; bottom:0; height:90%; width:45px; background:rgba(255,255,255,.5); transform:translateX(-100%); }
  .index02 .adv-item { flex: 0 0 25%; border-right: 1px solid rgba(255,255,255,.5); border-bottom: none; padding: 35px 30px; }
  .index02 .adv-item:nth-child(2n) { border-right: 1px solid rgba(255,255,255,.5); }
  .index02 .adv-item:nth-child(n+3) { border-top: none; }
  .index02 .adv-item .icon-box { margin-right: 0; font-size: 52px; width: 60px; height: 78px; margin-bottom: 24px; transform:translateX(-70%) skew(18deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; -webkit-transform-style: preserve-3d; }
  .index02 .adv-item .txt { font-size: 15px; transform: skew(18deg) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-text-stroke: 0.01em transparent; }
}
@media(min-width:1200px) {
  .index02 { padding:70px 0 0; }
  .index02 .title { padding-bottom: 30px; }
  .index02 .t1 { font-size:40px; }
  .index02 .t1 span { width:44px; height:44px; line-height:44px; margin:0 6px; }
  .index02 .t2 { margin-top: 12px; font-size:17px; }
  .index02 .t2 em { margin-right: 25px; }
  .index02 .content { padding: 85px 0 40px;  width:80%; }
  .index02 .num-title { font-size: 32px; margin-bottom: 24px; }
  .index02 .num-title span { font-size: 54px; margin-right: 16px; vertical-align: -4px; }
  .index02 .desc { font-size: 17px; line-height: 1.9; margin-bottom: 10px; }
  .index02 .desc-en { font-size: 15px; line-height: 1.7; }
  .index02 .adv-list { width:87%; }
  .index02 .adv-list:before { width:65px; }
  .index02 .adv-item { padding: 45px 40px; }
  .index02 .adv-item .icon-box { font-size: 56px; width: 65px; height: 65px; margin-bottom: 26px; }
  .index02 .adv-item .txt { font-size: 16px; }
}
@media(min-width:1400px) {
  .index02 { padding:80px 0 0; }
  .index02 .t1 { font-size:44px; }
  .index02 .t1 span { width:48px; height:48px; line-height:48px; margin:0 7px; }
  .index02 .t2 { margin-top: 14px; font-size:18px; }
  .index02 .t2 em { margin-right: 30px; }
  .index02 .content { padding: 100px 0 50px; }
  .index02 .num-title { font-size: 36px; margin-bottom: 28px; }
  .index02 .num-title span { font-size: 60px; vertical-align: -5px; }
  .index02 .desc { font-size: 18px; line-height: 2; margin-bottom: 12px; }
  .index02 .desc-en { font-size: 15.5px; line-height: 1.75; }
  .index02 .adv-item { padding: 55px 50px; }
  .index02 .adv-item .icon-box { font-size: 60px; width: 75px; height: 75px; margin-bottom: 30px; }
  .index02 .adv-item .txt { font-size: 18px; }
}
@media(min-width:1600px) {
  .index02 { padding:95px 0 0; }
  .index02 .t1 { font-size:48px; }
  .index02 .t1 span { width:52px; height:52px; line-height:52px; margin:0 8px; }
  .index02 .t2 { margin-top: 15px; }
  .index02 .t2 em { margin-right: 35px; }
  .index02 .content { padding: 110px 0 55px; }
  .index02 .num-title { font-size: 40px; margin-bottom: 32px; }
  .index02 .num-title span { font-size: 66px; vertical-align: -6px; }
  .index02 .desc { font-size: 19px; line-height: 2.05; margin-bottom: 14px; }
  .index02 .desc-en { font-size: 16px; line-height: 1.8; }
  .index02 .adv-item { padding: 65px 5%; }
  .index02 .adv-item .icon-box { font-size: 64px; width: 88px; height: 88px; margin-bottom: 34px; }
  .index02 .adv-item .txt { line-height: 1.7; }
}
@media(min-width:1920px) {
  .index02 .adv-item { padding: 65px 5.5%; }
}

.index03 {position: relative;overflow: hidden; padding:30px 0 45px; background:url(../images/in03_bg.jpg) no-repeat bottom; background-size:100% auto; }
.index03 .title { position: relative; padding-bottom: 25px; }
.index03 .title:after { content:''; position: absolute; bottom:1px; left:0; width:100%; background:#999; height:1px; }
.index03 .title:before { content:''; position: absolute; z-index: 1; left:0; bottom:0; width:24%; height:3px; background:#1c93a5; }
.index03 .t1 { color:#000; font-size:24px; line-height: 1.3; font-weight: bold; display:flex; align-items: center; }
.index03 .t1 span { position:relative; color:#fff; background:#1c93a5; border-radius:100px; width:28px; height:28px; line-height:28px; margin:0 3px; text-align: center; }
.index03 .t2 { color:rgba(0,0,0,.6); line-height: 1.5; font-size:14px; margin-top: 8px; text-transform: uppercase; }
.index03 .t2 em { position: relative; margin-right:10px; }
.index03 .content { margin-top: 25px; }
.index03 .c1 { color:#000; font-size:18px; line-height: 1.4; }
.index03 .c2 { line-height: 2; margin-top: 25px; }
.index03 .c2 p { margin-bottom:15px; }
.index03 .more { position: relative; display:flex; align-items: center; justify-content:space-between; overflow: hidden; font-weight: bold; color:#fff; border:2px solid #1c93a5; background:#1c93a5; max-width:180px; margin-top: 25px; padding:5px 5px 5px 15px; transition:.3s background linear; }
.index03 .more i { color:#fff; background:#ce1c1d; padding:5px; }
.index03 .more:hover { background:#fff; color:#1c93a5; transition:.2s all linear; }
.index03 .img { display: none; background:url(../images/in03_img.jpg) no-repeat right bottom; background-size:48%; }
@media(min-width:768px) {
  .index03 { padding:45px 0 60px; }
  .index03 .t1 { font-size:32px; }
  .index03 .t1 span { width:36px; height:36px; line-height:36px; margin:0 5px; }
  .index03 .t2 { margin-top: 10px; font-size:15px; }
  .index03 .t2 em { margin-right: 15px; }
  .index03 .content { margin-top: 40px; }
  .index03 .c1 { font-size:20px; }
  .index03 .c2 { line-height: 2; margin-top: 35px; }
  .index03 .more { margin-top: 30px; }
  .index03 .more i { padding:7px; }
}
@media(min-width:992px) {
  .index03 { padding:60px 0 75px; }
  .index03 .t1 { font-size:36px; }
  .index03 .t1 span { width:40px; height:40px; line-height:40px; margin:0 5px; }
  .index03 .t2 { font-size:16px; }
  .index03 .t2 em { margin-right: 20px; }
  .index03 .content { margin-top: 55px; }
  .index03 .c1 { font-size:22px; }
  .index03 .c2 { line-height: 2.2; margin-top: 45px; }
  .index03 .more { margin-top: 40px; }
  .index03 .more i { padding:9px; }
  .index03 .img { display: block; padding-left: 12%; padding-right:65px; padding-bottom: 60px; }
}
@media(min-width:1200px) {
  .index03 { padding:70px 0 90px; }
  .index03 .title { padding-bottom: 30px; }
  .index03 .t1 { font-size:40px; }
  .index03 .t1 span { width:44px; height:44px; line-height:44px; margin:0 6px; }
  .index03 .t2 { margin-top: 12px; font-size:17px; }
  .index03 .t2 em { margin-right: 25px; }
  .index03 .content { margin-top: 70px; }
  .index03 .c1 { font-size:24px; }
  .index03 .c2 { line-height: 2.5; margin-top: 55px; }
  .index03 .c2 p { margin-bottom:25px; }
  .index03 .more { margin-top: 50px; }
  .index03 .more i { padding:11px; }
  .index03 .img { padding-right: 80px; }
}
@media(min-width:1400px) {
  .index03 { padding:80px 0 105px; }
  .index03 .t1 { font-size:44px; }
  .index03 .t1 span { width:48px; height:48px; line-height:48px; margin:0 7px; }
  .index03 .t2 { margin-top: 14px; font-size:18px; }
  .index03 .t2 em { margin-right: 30px; }
  .index03 .content { margin-top: 85px; }
  .index03 .c1 { font-size:28px; }
  .index03 .c2 { margin-top: 65px; }
  .index03 .more { margin-top: 65px; }
  .index03 .more i { padding:13px; }
  .index03 .img { background-size:43%; }
}
@media(min-width:1600px) {
  .index03 { padding:95px 0 120px; }
  .index03 .t1 { font-size:48px; }
  .index03 .t1 span { width:52px; height:52px; line-height:52px; margin:0 8px; }
  .index03 .t2 { margin-top: 15px; }
  .index03 .t2 em { margin-right: 35px; }
  .index03 .content { margin-top:100px; }
  .index03 .c1 { font-size:32px; }
  .index03 .c2 { margin-top: 80px; }
  .index03 .c2 p { margin-bottom:35px; }
  .index03 .more { margin-top: 80px; }
  .index03 .more i { padding:15px; }
  .index03 .img { padding-right: 95px; }
}

.index04 {position: relative;overflow: hidden; padding:30px 0 45px; background:#f8f8f8; }
.index04 .title { position: relative; padding-bottom: 25px; }
.index04 .title:after { content:''; position: absolute; bottom:1px; left:0; width:100%; background:#999; height:1px; }
.index04 .title:before { content:''; position: absolute; z-index: 1; left:0; bottom:0; width:24%; height:3px; background:#1c93a5; }
.index04 .t1 { color:#000; font-size:24px; line-height: 1.3; font-weight: bold; display:flex; align-items: center; }
.index04 .t1 span { position:relative; color:#fff; background:#1c93a5; border-radius:100px; width:28px; height:28px; line-height:28px; margin:0 3px; text-align: center; }
.index04 .t2 { color:rgba(0,0,0,.6); line-height: 1.5; font-size:14px; margin-top: 8px; text-transform: uppercase; }
.index04 .t2 em { position: relative; margin-right:10px; }
.index04 .more { position: relative; display:flex; align-items: center; justify-content:space-between; overflow: hidden; font-weight: bold; color:#fff; border:2px solid #1c93a5; background:#1c93a5; max-width:180px; margin-left: auto; padding:5px 5px 5px 15px; transition:.3s background linear; }
.index04 .more i { color:#fff; background:#ce1c1d; padding:5px; }
.index04 .more:hover { background:#fff; color:#1c93a5; transition:.2s all linear; }
.index04 .content { margin-top: 20px; }
@media(min-width:768px) {
  .index04 { padding:45px 0 60px; }
  .index04 .title { padding-bottom: 10px; }
  .index04 .t1 { font-size:32px; }
  .index04 .t1 span { width:36px; height:36px; line-height:36px; margin:0 5px; }
  .index04 .t2 { margin-top: 10px; font-size:15px; }
  .index04 .t2 em { margin-right: 15px; }  
  .index04 .more i { padding:7px; }
  .index04 .content { margin-top: 30px; }
}
@media(min-width:992px) {
  .index04 { padding:60px 0 75px; }
  .index04 .title { padding-bottom: 15px; }
  .index04 .t1 { font-size:36px; }
  .index04 .t1 span { width:40px; height:40px; line-height:40px; margin:0 5px; }
  .index04 .t2 { font-size:16px; }
  .index04 .t2 em { margin-right: 20px; }  
  .index04 .more i { padding:9px; }
  .index04 .content { margin-top: 40px; }
}
@media(min-width:1200px) {
  .index04 { padding:70px 0 90px; }
  .index04 .title { padding-bottom: 20px; }
  .index04 .t1 { font-size:40px; }
  .index04 .t1 span { width:44px; height:44px; line-height:44px; margin:0 6px; }
  .index04 .t2 { margin-top: 12px; font-size:17px; }
  .index04 .t2 em { margin-right: 25px; }
  .index04 .more i { padding:11px; }
  .index04 .content { margin-top: 50px; }
}
@media(min-width:1400px) {
  .index04 { padding:80px 0 105px; }
  .index04 .title { padding-bottom: 25px; }
  .index04 .t1 { font-size:44px; }
  .index04 .t1 span { width:48px; height:48px; line-height:48px; margin:0 7px; }
  .index04 .t2 { margin-top: 14px; font-size:18px; }
  .index04 .t2 em { margin-right: 30px; }
  .index04 .more i { padding:13px; }
  .index04 .content { margin-top: 55px; }
}
@media(min-width:1600px) {
  .index04 { padding:95px 0 120px; }
  .index04 .title { padding-bottom: 30px; }
  .index04 .t1 { font-size:48px; }
  .index04 .t1 span { width:52px; height:52px; line-height:52px; margin:0 8px; }
  .index04 .t2 { margin-top: 15px; }
  .index04 .t2 em { margin-right: 35px; }
  .index04 .more i { padding:15px; }
  .index04 .content { margin-top: 60px; }
}


.index05 {position: relative;overflow: hidden; padding:30px 0 45px; background:#fff; }
.index05 .title { position: relative; padding-bottom: 5px; }
.index05 .title:after { content:''; position: absolute; bottom:1px; left:0; width:100%; background:#999; height:1px; }
.index05 .title:before { content:''; position: absolute; z-index: 1; left:0; bottom:0; width:24%; height:3px; background:#1c93a5; }
.index05 .t1 { color:#000; font-size:24px; line-height: 1.3; font-weight: bold; display:flex; align-items: center; }
.index05 .t1 span { position:relative; color:#fff; background:#1c93a5; border-radius:100px; width:28px; height:28px; line-height:28px; margin:0 3px; text-align: center; }
.index05 .t2 { color:rgba(0,0,0,.6); line-height: 1.5; font-size:14px; margin-top: 8px; text-transform: uppercase; }
.index05 .t2 em { position: relative; margin-right:10px; }
.index05 .more { position: relative; display:flex; align-items: center; justify-content:space-between; overflow: hidden; font-weight: bold; color:#fff; border:2px solid #1c93a5; background:#1c93a5; max-width:180px; margin-left: auto; padding:5px 5px 5px 15px; transition:.3s background linear; }
.index05 .more i { color:#fff; background:#ce1c1d; padding:5px; }
.index05 .more:hover { background:#fff; color:#1c93a5; transition:.2s all linear; }
.index05 .content { margin-top: 20px; }
.index05 .content .imgbox:after { padding-top: 70%; }
.index05 .box1 { position: relative; background:#f3f3f3; padding:14px 12px; }
.index05 .box1 .imgbox:after { padding-top: 60%; }
.index05 .box1 .c1 { color:#000; font-size:13px; margin-top: 9px; font-weight: bold; }
.index05 .box1:hover { background:#1c93a5; }
.index05 .box1:hover .c1 { color:#fff; }
.index05 .box2 { position: relative; background:#f3f3f3; padding:14px 12px; margin-top: 15px; }
.index05 .box2 a { margin-top: 10px; display: block; }
.index05 .box2 .c1 { color:#000; font-size:13px; font-weight: bold; }
.index05 .box2 .c2 { color:rgba(38,38,38,.8); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; margin-top: 5px; }
.index05 .box2 .c3 { color:#5e5b5b; margin-top: 10px; font-size:13px; white-space: nowrap; }
@media(min-width:768px) {
  .index05 { padding:45px 0 60px; }
  .index05 .t1 { font-size:32px; }
  .index05 .t1 span { width:36px; height:36px; line-height:36px; margin:0 5px; }
  .index05 .t2 { margin-top: 10px; font-size:15px; }
  .index05 .t2 em { margin-right: 15px; }
  .index05 .more i { padding:7px; }
  .index05 .content { margin-top: 30px; }
  .index05 .leftbox { width:47%; flex:0 0 47%; max-width:47%; }
  .index05 .rightbox { width:50%; flex:0 0 50%; max-width:50%; }
  .index05 .box1 { padding:15px 14px; }
  .index05 .box1 .c1 { font-size:14px; margin-top: 16px; }
  .index05 .box2 { padding:15px 18px; margin-top: 12px; }
  .index05 .box2:first-child { margin-top: 0; }
  .index05 .box2 a { margin-top: 0px; }
  .index05 .box2 .c1 { font-size:14px; }
  .index05 .box2 .c2 { margin-top: 8px; }
  .index05 .box2 .c3 { margin-top: 12px; font-size:14px; }
}
@media(min-width:992px) {
  .index05 { padding:60px 0 75px; }
  .index05 .t1 { font-size:36px; }
  .index05 .t1 span { width:40px; height:40px; line-height:40px; margin:0 5px; }
  .index05 .t2 { font-size:16px; }
  .index05 .t2 em { margin-right: 20px; }
  .index05 .more i { padding:9px; }
  .index05 .content { margin-top: 40px; }
  .index05 .box1 { padding:18px 17px; }
  .index05 .box1 .c1 { font-size:16px; margin-top: 15px; }
  .index05 .box2 { padding:23px 20px; }
  .index05 .box2:last-child { margin-top: 20px; }
  .index05 .box2 .c1 { font-size:16px; }
  .index05 .box2 .c2 { margin-top: 10px; }
  .index05 .box2 .c3 { margin-top: 16px; font-size:16px; }
  .index05 .box2:hover { background:#1c93a5; }
  .index05 .box2:hover .c1,.index05 .box2:hover .c2,.index05 .box2:hover .c3 { color:#fff; }
}
@media(min-width:1200px) {
  .index05 { padding:70px 0 90px; }
  .index05 .title { padding-bottom: 30px; }
  .index05 .t1 { font-size:40px; }
  .index05 .t1 span { width:44px; height:44px; line-height:44px; margin:0 6px; }
  .index05 .t2 { margin-top: 12px; font-size:17px; }
  .index05 .t2 em { margin-right: 25px; }
  .index05 .more i { padding:11px; }
  .index05 .content { margin-top: 50px; }
  .index05 .box1 { padding:20px 19px; }
  .index05 .box1 .c1 { font-size:18px; margin-top: 19px; }
  .index05 .box2 { padding:30px 30px; }
  .index05 .box2:last-child { margin-top: 25px; }
  .index05 .box2 .c1 { font-size:18px; }
  .index05 .box2 .c2 { margin-top: 12px; }
  .index05 .box2 .c3 { margin-top: 20px; font-size:18px; }
}
@media(min-width:1400px) {
  .index05 { padding:80px 0 105px; }
  .index05 .t1 { font-size:44px; }
  .index05 .t1 span { width:48px; height:48px; line-height:48px; margin:0 7px; }
  .index05 .t2 { margin-top: 14px; font-size:18px; }
  .index05 .t2 em { margin-right: 30px; }
  .index05 .more i { padding:13px; }
  .index05 .content { margin-top: 55px; }
  .index05 .leftbox { width:40%; flex:0 0 40%; max-width:40%; }
  .index05 .rightbox { width:55%; flex:0 0 55%; max-width:55%; }
  .index05 .box1 { padding:23px 21px 36px; }
  .index05 .box1 .c1 { font-size:20px; margin-top: 22px; }
  .index05 .box2 { padding:28px 45px; }
  .index05 .box2:last-child { margin-top: 30px; }
  .index05 .box2 .c1 { font-size:20px; }
  .index05 .box2 .c2 { margin-top: 14px; }
  .index05 .box2 .c3 { margin-top: 24px; }
}
@media(min-width:1600px) {
  .index05 { padding:95px 0 120px; }
  .index05 .t1 { font-size:48px; }
  .index05 .t1 span { width:52px; height:52px; line-height:52px; margin:0 8px; }
  .index05 .t2 { margin-top: 15px; }
  .index05 .t2 em { margin-right: 35px; }
  .index05 .more i { padding:15px; }
  .index05 .content { margin-top: 60px; }
  .index05 .box1 { padding:25px 23px 41px; }
  .index05 .box1 .c1 { font-size:22px; margin-top: 25px; }
  .index05 .box2 { padding:33px 55px; }
  .index05 .box2:last-child { margin-top: 35px; }
  .index05 .box2 .c1 { font-size:22px; }
  .index05 .box2 .c3 { margin-top: 28px; }
}
@media(min-width:1920px) {
  .index05 .box2 { padding:45px 55px; }
}


.company01 { position: relative; overflow: hidden; padding:25px 0 0; }
.company01 .t1 { color:#000; font-size:20px; line-height: 1.5; }
.company01 .c1 { color:rgba(0,0,0,.8); line-height: 2; margin-top: 10px; margin-top: 15px; text-align:justify; overflow: hidden; }
.company01 .img { margin-top: 20px; }
.company01 .content { background:#1c93a5; }
.company01 .list { display: flex; flex-wrap:wrap; justify-content: space-around; margin-top: 20px; }
.company01 .slide { color:#fff; min-width:34%; max-width:48%; text-align: center; padding:30px 0; }
.company01 .slide img { max-height:45px; }
.company01 .s1 { font-size:14px; margin-top: 20px; max-width:80%; margin-left:auto; margin-right:auto; line-height: 1.5; }
@media(min-width:768px) {
  .company01 { padding:40px 0 0px; }
  .company01 .t1 { font-size:24px; display:flex; align-items: center; }
  .company01 .c1 { margin-top: 12px; }
  .company01 .img { margin-top: 30px; }
  .company01 .list { margin-top: 30px; }
  .company01 .slide { padding:50px 0; }
  .company01 .slide img { max-height:55px; }
  .company01 .s1 { font-size:15px; margin-top: 25px; max-width:210px; }
}
@media(min-width:992px) {
  .company01 { padding:55px 0 0px; }
  .company01 .t1 { font-size:26px; }
  .company01 .c1 { line-height: 2.5; margin-top: 20px; }
  .company01 .img { margin-bottom:-8vw; margin-top: 40px; }
  .company01 .list { justify-content: space-between; margin-top: 0; }
  .company01 .slide { min-width:unset; max-width:20%; padding:180px 0 100px; }
  .company01 .s1 { font-size:16px; margin-top: 30px; }
}
@media(min-width:1200px) {
  .company01 { padding:70px 0 0px; }
  .company01 .t1 { font-size:28px; }
  .company01 .c1 { margin-top: 15px; line-height: 2.6; }
  .company01 .img { margin-top: 50px; }
  .company01 .slide { padding:200px 0 120px; }
  .company01 .slide img { max-height:65px; }
  .company01 .s1 { font-size:18px; margin-top: 35px; }
}
@media(min-width:1400px) {
  .company01 { padding:85px 0 0px; }
  .company01 .t1 { font-size:30px; }
  .company01 .c1 { margin-top: 18px; margin-top: 30px; }
  .company01 .img { margin-top: 60px; }
  .company01 .slide { padding:220px 0 135px; }
  .company01 .slide img { max-height:75px; }
  .company01 .s1 { font-size:20px; margin-top: 40px; }
}
@media(min-width:1600px) {
  .company01 { padding:100px 0 0px; }
  .company01 .t1 { font-size:32px; }
  .company01 .c1 { margin-top: 20px; margin-top: 40px; }
  .company01 .img { margin-top: 70px; }
  .company01 .slide { padding:240px 0 150px; }
  .company01 .slide img { max-height:85px; }
  .company01 .s1 { margin-top: 45px; }
}

.company02 { position: relative; overflow: hidden; padding:25px 0; }
.company02 .t1 { color:#000; font-size:20px; line-height: 1.5; }
.company02 .c1 { color:rgba(0,0,0,.8); line-height: 2; margin-top: 10px; margin-top: 15px; text-align:justify; overflow: hidden; }
.company02 .content { margin-top: 20px; }
@media(min-width:768px) {
  .company02 { padding:70px 0 60px; }
  .company02 .t1 { font-size:24px; display:flex; align-items: center; }
  .company02 .c1 { margin-top: 12px; }
  .company02 .content { margin-top:30px; }
}
@media(min-width:992px) {
  .company02 { padding:80px 0 70px; }
  .company02 .t1 { font-size:26px; }
  .company02 .c1 { line-height: 2.5; margin-top: 20px; }
  .company02 .content { margin-top: 40px; }
}
@media(min-width:1200px) {
  .company02 { padding:110px 0 100px; }
  .company02 .t1 { font-size:28px; }
  .company02 .c1 { margin-top: 15px; line-height: 2.6; }
  .company02 .content { margin-top: 50px; }
}
@media(min-width:1400px) {
  .company02 { padding:130px 0 115px; }
  .company02 .t1 { font-size:30px; }
  .company02 .c1 { margin-top: 18px; margin-top: 30px; }
  .company02 .content { margin-top: 60px; }
}
@media(min-width:1600px) {
  .company02 { padding:150px 0 130px; }
  .company02 .t1 { font-size:32px; }
  .company02 .c1 { margin-top: 20px; margin-top: 40px; }
  .company02 .content { margin-top: 75px; }
}


.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:after { padding-top: 75%; }
.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:#1c93a5;}
.product01 .type { margin-left: 0; margin-top:15px;line-height: 40px;padding-bottom:3px;display:flex;overflow-x:auto;position:relative;}
.product01 .type::-webkit-scrollbar {height:0px;}
.product01 .type .swiper-slide {position:relative;color:#555555;text-align: center;width:auto!important;}
.product01 .type .swiper-slide a { display: block; }
.product01 .type .swiper-slide:after { content:''; height:2px; width:50%; opacity:0; position:absolute; bottom:0; left:50%; background:#1c93a5; transform:translateX(-50%); transition:.36s all linear;}
.product01 .type .swiper-slide:hover,.product01 .type .swiper-slide.active { color:#1c93a5; }
.product01 .type .swiper-slide:hover:after,.product01 .type .swiper-slide.active:after { width:100%; opacity:1; transition:.36s all linear; }
@media(min-width:768px) {
  .product01 .type {margin-top:20px;line-height: 50px;}
  .product01 .content {margin-top:25px;}
  .product01 .txtbox {line-height:45px;}
}
@media(min-width:992px) {
  .product01 .type {line-height: 55px;}
  .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 .content {margin-top:35px;}
  .product01 .txtbox {line-height:55px;}
}
@media(min-width:1400px) {
  .product01 .type {margin-top:30px;line-height: 65px;}
  .product01 .type .swiper-slide {font-size:17px;}
  .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 .swiper-slide {font-size:18px;}
  .product01 .content {margin-top:45px;}
  .product01 .txtbox {line-height:65px;}
}

.infopage .mainbox { padding:15px 12px 25px; }
.infopage .mainbox .content .t1 { color:#555555; font-size:20px; text-align:center; line-height: 1.3; margin:0 auto; }
.infopage .mainbox .content .t2 { color:#989898; margin-top:10px; text-align:center; line-height:1.3; }
.infopage .mainbox .content { color:#555555; line-height: 2; padding-top:10px; padding-bottom:30px; text-align:justify;}
.infopage .mainbox .content .img {margin:20px auto 0;text-align: center;}
.infopage .mainbox .content strong {font-weight: bold;}
.infopage .mainbox .content ul {padding-left:20px;}
.infopage .mainbox .content img {max-width:100%!important;height:unset!important;margin:5px 0;}
.infopage .mainbox .content .video {width:800px;max-width:100%;height:300px;margin:20px auto;}
.infopage .mainbox .content .video .jw-controlbar {width:100%;}
@media(min-width:768px) {
  .infopage .mainbox .content { padding-top: 15px; padding-bottom:40px;}
  .infopage .mainbox .content .t1 { font-size:22px; }
}
@media(min-width:992px) {
  .infopage .row { justify-content: space-between; }
  .infopage .sidebox { margin-top: 20px; margin-bottom: 50px; }
  .infopage .mainbox { padding: 20px 15px; flex:0 0 74%; max-width:74%; margin-top: 0; }
  .infopage .mainbox .content .info { padding-top: 20px; padding-bottom:50px;}
  .infopage .mainbox .content .t1 { font-size:24px; width:550px; max-width:100%; }
  .infopage .mainbox .content .video {height:350px;}  
}
@media(min-width:1200px) {
  .infopage .sidebox { margin-top: 30px; }
  .infopage .mainbox { padding: 30px 15px; flex:0 0 76%; max-width:76%; }
  .infopage .mainbox .content .t1 { font-size:26px; }
  .infopage .mainbox .content .info { padding-top: 25px; padding-bottom:60px;}
  .infopage .mainbox .content .video {height:450px;}
}
@media(min-width:1400px) {
  .infopage .sidebox { margin-top:40px; }
  .infopage .mainbox { padding: 40px 15px; }
  .infopage .mainbox .content .t1 { font-size:28px; }
}
@media(min-width:1600px) {
  .infopage .sidebox { margin-top: 50px; }
  .infopage .mainbox { padding: 50px 15px; }
  .infopage .mainbox .content .t1 { font-size:30px; }
}

.proinfo01 { position: relative; overflow: hidden; padding-bottom: 20px; }
.proinfo01 .content { position: relative; border:1px solid #e5e5e5; border-radius: 12px; margin-top: 15px; overflow: hidden; }
.proinfo01 .c1 { color:#212121; font-size:20px; line-height: 1.3; }
.proinfo01 .c2 { color:#555555; line-height: 1.7; margin-top: 10px; text-align:justify; display:-webkit-box; text-overflow: ellipsis; -webkit-box-orient:vertical; -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:#1c93a5; 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 .main-img {border:1px solid #eee;overflow:hidden;}
.proinfo01 .imgbox {border:1px solid #eee; }
.proinfo01 .imgbox:after { padding-top: 75%; }
.proinfo01 .imgbox:hover img { transform:translate(-50%,-50%) scale(1); }
.proinfo01 .tel { display: flex; align-items: center; margin-top:20px; font-size:20px; font-weight: bold; }
.proinfo01 .tel i { color:red; font-size:110%; margin-right:10px; }
@media(min-width:768px) {
  .proinfo01 { padding-bottom: 25px; }
  .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; }
  .proinfo01 .tel { font-size:24px; margin-top: 25px; }
}
@media(min-width:992px) {
  .proinfo01 { padding-bottom: 30px; }
  .proinfo01 .content { border-radius: 18px; margin-top: 20px; }
  .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; }
  .proinfo01 .tel { font-size:26px; }
}
@media(min-width:1200px) {
  .proinfo01 { padding-bottom: 35px; }
  .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 .tel { font-size:28px; margin-top: 30px; }
}
@media(min-width:1400px) {
  .proinfo01 { padding-bottom: 40px; }
  .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; }
  .proinfo01 .tel { font-size:30px; }
}
@media(min-width:1600px) {
  .proinfo01 { padding-bottom: 45px; }
  .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; }
  .proinfo01 .tel { font-size:32px; margin-top: 40px; }
}

.proinfo02 { position: relative; overflow: hidden; margin-top: 25px; }
.proinfo02 .t1 { color:#000; font-weight: bold; font-size:22px; line-height: 1.2; border-left:3px solid #1c93a5; padding-left: 12px; }
.proinfo02 .info { color:rgba(58,58,58,.6); line-height: 2; margin-top: 15px;}
.proinfo02 .info img { max-width:100%; height:unset!important; }
.proinfo02 .swiper-slide .imgbox {border:1px solid #eee; }
.proinfo02 .swiper-slide .imgbox:after { padding-top: 75%; }
@media(min-width:576px) {
  .proinfo02 .t1 { font-size:24px; }
}
@media(min-width:768px) {
  .proinfo02 { margin-top: 30px; }
  .proinfo02 .t1 { font-size:28px; padding-left: 15px; }
  .proinfo02 .info { margin-top: 20px; }
}
@media(min-width:992px) {
  .proinfo02 { margin-top: 35px; }
  .proinfo02 .t1 { font-size:32px; padding-left: 20px; }
}
@media(min-width:1200px) {
  .proinfo02 { margin-top: 45px; }
  .proinfo02 .t1 { font-size:36px; border-left:4px solid #1c93a5; padding-left: 25px; }
  .proinfo02 .info { margin-top: 25px; }
}
@media(min-width:1400px) {
  .proinfo02 { margin-top: 55px; }
  .proinfo02 .t1 { font-size:38px; border-left:5px solid #1c93a5; padding-left: 30px; }
  .proinfo02 .info { margin-top: 30px; }
}
@media(min-width:1600px) {
  .proinfo02 { margin-top: 65px; }
  .proinfo02 .t1 { font-size:40px; padding-left: 35px; }
}

.ys-swiper { margin-top: 20px; }
.ys-swiper .swiper-slide { color:#fff; height:unset; text-align: center; }
.ys-swiper .swiper-slide:before { content:''; position: absolute; left:0; top:0; width:100%; height:100%; background:#1c93a5; transition:.3s .2s all linear; }
.ys-swiper .swiper-slide a { display:block; position: relative; z-index: 2; padding:30px 10% 25px;}
.ys-swiper .s1 { font-weight: bold; font-size:14px; line-height: 1.5; position: relative; padding-bottom: 15px; }
.ys-swiper .s1:after { content:''; height:2px; width:20px; background:#fff; position: absolute; left:50%; bottom:0; transform:translateX(-50%); }
.ys-swiper .s2 { color:rgba(255, 255, 255, .6); line-height: 20px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 4; }
.ys-swiper .s3 { display:inline-block; margin-top:10px; color:rgba(255, 255, 255, .8); line-height: 1.2; padding:10px 15px; border-top:1px solid rgba(255, 255, 255, .8); border-bottom:1px solid rgba(255, 255, 255, .8); text-align:center;  transition:.3s all linear; }
.ys-swiper .swiper-slide:hover:before { transition:.3s all linear; }
.ys-swiper .swiper-slide:hover .s3 { color:#1c93a5; background:#fff; transition:.3s .2s all linear; }
@media(min-width:768px) {
  .ys-swiper { margin-top: 25px; }
  .ys-swiper .swiper-slide a { padding:40px 10% 35px; }
  .ys-swiper .s1 { font-size:15px; }
  .ys-swiper .s1:after { height:3px; width:25px; }
  .ys-swiper .s2 { line-height: 22px; margin-top: 25px; }
  .ys-swiper .s3 { margin-top: 15px; }
}
@media(min-width:992px) {
  .ys-swiper { margin-top: 30px; }
  .ys-swiper .swiper-slide a { padding:45px 10% 40px; }
  .ys-swiper .s1 { font-size:16px; padding-bottom: 20px; }
  .ys-swiper .s1:after { height:4px; width:28px; }
  .ys-swiper .s2 { line-height: 24px; margin-top: 30px; }
  .ys-swiper .s3 { margin-top: 20px; }
}
@media(min-width:1200px) {
  .ys-swiper { margin-top: 35px; }
  .ys-swiper .swiper-slide a { padding:55px 10% 45px; }
  .ys-swiper .s1 { font-size:17px; padding-bottom: 25px; }
  .ys-swiper .s2 { line-height: 26px; margin-top: 35px; }
  .ys-swiper .s3 { margin-top: 25px; }
}
@media(min-width:1400px) {
  .ys-swiper { margin-top: 40px; }
  .ys-swiper .swiper-slide a { padding:65px 10% 50px; }
  .ys-swiper .s1 { font-size:18px; }
  .ys-swiper .s1:after { height:5px; width:31px; }
  .ys-swiper .s2 { line-height: 28px; margin-top: 40px; }
  .ys-swiper .s3 { margin-top: 30px; }
}
@media(min-width:1600px) {
  .ys-swiper { margin-top: 45px; }
  .ys-swiper .swiper-slide a { padding:75px 10% 60px; }
  .ys-swiper .s1 { font-size:20px; }
  .ys-swiper .s2 { line-height: 30px; margin-top: 45px; }
}

.hot-swiper { margin-top: 20px; }
.hot-swiper .swiper-slide .s1 { display: flex; align-items: center; justify-content: space-between; padding:0 12px; color:#222; border-bottom:1px solid #ddd; height:30px; line-height: 30px; text-align: center; }
.hot-swiper .swiper-slide .s1 span { position: relative; z-index: 2; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left:12px; }
@media(min-width:768px) {
  .hot-swiper { margin-top: 25px; }
  .hot-swiper .swiper-slide .s1 { height:35px; line-height: 35px; }
}
@media(min-width:992px) {
  .hot-swiper { margin-top: 30px; }
  .hot-swiper .swiper-slide .s1 { height:40px; line-height: 40px; }
}
@media(min-width:1200px) {
  .hot-swiper { margin-top: 35px; }
  .hot-swiper .swiper-slide .s1 { height:45px; line-height: 45px; }
  .hot-swiper .swiper-slide:hover .s1 { color:#1c93a5; }
}
@media(min-width:1400px) {
  .hot-swiper { margin-top: 40px; }
  .hot-swiper .swiper-slide .s1 { height:50px; line-height: 50px; }
}
@media(min-width:1600px) {
  .hot-swiper { margin-top: 45px; }
}

.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;}
}

.inpage { position: relative; overflow: hidden; padding: 20px 0 10px; }
.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:#1c93a5; font-size:150%; font-weight: bold; width:30px; height:30px; line-height: 30px; text-align:center; border-radius:50px; background: #fff; }
.submit {background:#1c93a5;border-color:#1c93a5;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 15px; }
}
@media(min-width:768px) {
  .inpage { padding:30px 0 15px; }
  .inpage .list .slide {margin-bottom: 20px;}
}
@media(min-width:992px) {
  .inpage { padding:40px 0 15px; }
  .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 15px; }
	.inpage .list .slide {margin-bottom: 30px;}
	.inpage .list .slide .txtbox {font-size:16px; height:50px;padding:0 20px;}
	.inpage .list .slide:hover .txtbox {color: #1c93a5;}
  .inpage .list .slide .imgbox .shadow:before {width:40px;height:40px;line-height:40px;}
}
@media(min-width:1400px) {
  .inpage { padding:50px 0 15px; }
	.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 20px; }
	.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;}
}

.sidebox {position: relative; overflow: hidden;padding:12px 12px 12px; background:#1c93a5; }
.sidebox .tit { position: relative; z-index: 1; padding:10px; background:#fff; }
.sidebox .tit:after {content:'\ec00';cursor:pointer;color:#222; font-weight: bold;font-size:120%;font-family:'iconfont';display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);}
.sidebox .tit.active:after {content:'\e696';}
.sidebox .s1 {color:#1c93a5; font-size:14px;line-height: 1.8;font-weight: bold;position:relative;cursor:pointer;}
.sideboxlist {display:none; position: relative; z-index: 1; padding: 10px 0 0; }
.sideboxlist.active {display:block;}
.sideboxslide {position: relative; padding:0 12px; }
.sideboxslide a { color:#fff; border-bottom:1px solid rgba(255,255,255,.3); padding:14px; display: flex; align-items: center; justify-content: space-between; }
.sideboxslide a div { white-space: nowrap; flex:1; width:50%; overflow: hidden; text-overflow: ellipsis; margin-right:15px; }
.sideboxslide a i { margin-left:20px; }
.sideboxslide:last-child a { border:none; }
.sideboxtel { position: relative; z-index: 1; margin-top: 10px; }
.sideboxtelpanel { padding:18px 12px 12px; background:rgba(255,255,255,.1); }
.sideboxtel1 { color:rgba(255,255,255,1); line-height: 1.8; }
.sideboxtel2 { color:#fff; font-family:'Futura Md BT'; font-size:14px; line-height: 1.3; }
.sideboxslide.index:nth-child(n+5) { display:none; }
@media(min-width:768px) {  
  .sidebox { padding: 12px 12px 15px; }
	.sidebox .s1 { font-size:15px; }
}
@media(min-width:992px) {
  .sidebox { flex:0 0 24%; max-width:24%; padding: 14px 12px 18px; }
	.sidebox .tit:after {display:none;}
	.sidebox .s1 {font-size:13px; text-align: center; }
	.sideboxlist { display: block; padding:15px 0 0; }
  .sideboxslide a { padding:18px; }
  .sideboxslide a:hover { background: #fff; color:#1c93a5; }
  .sideboxtel { padding:0 5px; }
  .sideboxtelpanel { padding:25px 15px 15px; }
}
@media(min-width:1200px) {
	.sidebox { flex:0 0 22%; max-width:22%; height:100%; padding: 16px 12px 20px; }
	.sidebox .s1 {font-size:15px;}
  .sideboxslide a { padding:22px; }
  .sideboxtelpanel { padding:30px 17px 17px; }
  .sideboxtel1 { line-height: 2; }
  .sideboxtel2 { font-size:16px; }
}
@media(min-width:1400px) {
  .sidebox { padding: 18px 12px 22px; }
	.sidebox .s1 {font-size:18px;}
	.sideboxlist { padding:20px 0 0; }
  .sideboxslide a { font-size:18px; padding:26px; }
  .sideboxtelpanel { padding:35px 20px 20px; }
  .sideboxtel2 { margin-top: 10px; font-size:18px; }
}
@media(min-width:1600px) {
  .sidebox { padding: 20px 12px 25px; }
	.sidebox .s1 {font-size:20px;}
  .sideboxslide a { padding:30px 30px; }
  .sideboxtelpanel { padding:45px 25px 25px; }
}

.goods02 {padding:0 0 10px;background: #fff;}
.goods02 h3 {margin-bottom: 10px;font-size:24px;line-height: 32px;}
.goods02 h4 {margin-top:15px;font-size:120%;color:#1c93a5;line-height: 1.5;border-bottom:1px solid #1c93a5;display:inline-block;}
.goods02-main-img {border:1px solid #eee;overflow:hidden;}
.goods02-imgmore {margin-top:10px;}
.goods02-imgmore-slide {border-radius:10px;border:1px solid #f5f5f5;overflow:hidden;}
.goods02-imgmore-slide img,.goods02-main-img img {max-height:100%;max-width:100%;width:unset;}
.goods02-imgmore-slide.active {border:1px solid #1c93a5;}
.goods02-right .goods02-options .c1 {margin-top: 10px;line-height: 1.7;color:#4e4e4e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;}
.goods02-right .goods02-submit {margin-top:10px;padding:10px 0;}
.goods02-right .goods02-submit div {flex:1;}
.goods02-right .goods02-submit div a {background:#1c93a5;color:#fff;width:180px;margin:0 5px;border-radius:50px;line-height: 34px;text-align:center;display:block;}
.goods02-right .goods02-submit div:nth-child(1) {padding-right:40px;}
.goods02-right .goods02-submit div:nth-child(2) {line-height: 17px;color:#797979;margin-top:15px;}
.goods02-right .goods02-submit div b {font-size:16px;display:block;color:#f00;}
.goods02-slide-title {color:#999;position:relative;padding-left:10px;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.goods02-slide-title:after {content:'';background:#1c93a5;position:absolute;left:0;top:50%;transform:translateY(-50%);height:15px;width:3px;}
.goods02-prev.swiper-button-prev {font-size:0;background:url(../images/r.png) no-repeat center;}
.goods02-next.swiper-button-next {font-size:0;background:url(../images/l.png) no-repeat center;}
.goods02-prev.swiper-button-prev:after,.goods02-next.swiper-button-next:after {font-size:0;}
.goods02-next.swiper-button-next.swiper-button-disabled, .goods02-prev.swiper-button-prev.swiper-button-disabled {display:block;}
.shuiyin {font-size: 18px;line-height: 40px;color: #fff;left: 0;top: 0;right:0;bottom:0;opacity: 0.5;position: absolute;z-index: 999;display:flex;align-items:center;justify-content: center;text-align: center;}
@media(max-width:767px) {
  .goods02-submit {padding:12px 15px;}
  .goods02-submit div { white-space: nowrap;}
}
@media(min-width:768px) {
  .goods02 {padding:0 0 20px;}
  .goods02 h4 {margin-top:20px;}
  .goods02-submit {margin-top:15px;}
}
@media(min-width:992px) {
  .goods02 {padding:0 0 30px;}
  .goods02 h3 {margin-bottom: 15px;}
  .goods02 h4 {margin-top:0px;}
  .goods02-right .goods02-options .c1 {font-size:13px;}
  .goods02-right .goods02-submit {margin-top:18px;}
  .goods02-right .goods02-submit div a {line-height: 50px;font-size:16px;transition: .16s all ease-out;}
  .goods02-right .goods02-submit div a:hover {transform: translateY(-5px);box-shadow: 0 10px 15px -5px rgb(0 0 0 / 60%);transition: .16s all ease-in;}
  .goods02-right .goods02-submit div:nth-child(2) {line-height: 36px;}
  .goods02-right .goods02-submit div b {font-size:32px;}
  .shuiyin {font-size:28px;line-height: 70px;}
	.goods02-imgmore {margin-top:15px;}
}
@media(min-width:1200px) {
  .goods02 {padding:0 0 40px;}
  .goods02 h3 {margin-bottom: 20px;}
  .goods02-right {padding-left:3%!important;}
  .goods02-right .goods02-options .c1 {font-size:14px;}
  .goods02-right .goods02-submit {margin-top:20px;}
  .goods02-right .goods02-submit div:nth-child(2) {margin-top: 20px;}
	.goods02-imgmore {margin-top:20px;}
}
@media(min-width:1400px) {
  .goods02 {padding:0 0 50px;}
  .goods02 h3 {margin-bottom: 25px;}
  .goods02-right .goods02-options .c1 {font-size:15px;}
  .goods02-right .goods02-submit {margin-top:24px;}
  .goods02-right .goods02-submit div:nth-child(2) {margin-top: 25px;}
	.goods02-imgmore {margin-top:25px;}
}
@media(min-width:1600px) {
  .goods02 {padding:0 0 60px;}
}

.goods03 {padding:20px 0;}
.goods03-title {background:#fff;line-height: 20px;position:relative;}
.goods03-title h3 {line-height: 32px;font-size:20px;}
.goods03-title i {display:block;position:relative;height:1px;background: #f5f5f5;}
.goods03-title i:before {content:'';position:absolute;left:0;top:-1px;width:100px;height:3px;background:#1c93a5;}
.goods03-title span {display:block;height:5px;background:#1c93a5;position:absolute;top:0;left:0;right:0;}
.goods03-content {background:#fff;padding:15px 0;line-height: 25px;text-align: justify;overflow:hidden;}
.goods03-content img {max-width:100%!important;}
.goods03-content table {max-width:100%!important;width:100%!important;}
.goods03-slide-imgbox {border: 1px solid #eee;}
.goods03-slide-imgbox:after {padding-top:85%;}
.goods03-slide-imgbox img {width:100%;max-height: unset;}
.goods03-slide-title {line-height: 3;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.goods03-slide:hover {color:#1c93a5;}
.goods03-slide:hover img {transform:translate(-50%,-50%) scale(1.1);}
.goods03-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; }
.goods03-content .swiper-slide:hover .shadow { opacity:1; transition:.2s all linear; }
.goods03-slide-imgbox .shadow:before { content:'+'; position: relative; z-index:5; color:#1c93a5; font-size:150%; font-weight: bold; width:30px; height:30px; line-height: 30px; text-align:center; border-radius:50px; background: #fff; }
@media (min-width:992px) {
  .goods03 {padding-bottom: 50px;}
  .goods03-title {line-height: 30px;}
  .goods03-title h3 {line-height: 36px;font-size:24px;}
  .goods03-title i {margin-top:10px;}
  .goods03-content .slide:hover {color:#1c93a5;}
  .goods03-slide-imgbox .shadow:before {width:35px;height:35px;line-height:35px;}
}
@media(min-width:1200px) {
  .goods03-title {padding:25px 0;}
  .goods03-title h3 {line-height: 43px;}
  .goods03-content {padding:0 0 25px;font-size:15px;line-height: 32px;}
  .goods03-slide-imgbox .shadow:before {width:40px;height:40px;line-height:40px;}
}
@media(min-width:1400px) {
  .goods03-slide-imgbox .shadow:before {width:45px;height:45px;line-height:45px;}
}
@media(min-width:1600px) {
  .goods03-slide-imgbox .shadow:before {width:50px;height:50px;line-height:50px;}
}

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


.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; padding:30px 0 240px; background:#fff url(../images/contact_bg.jpg) no-repeat right 10% bottom 200px; background-size:40%; }
.contact01 .t1 { color:#4c5054; font-size:20px; font-weight: bold; line-height: 1.3; }
.contact01 .t2 { color:rgba(76,80,74,.6); margin-top: 14px; line-height: 1.5; }
.contact-list { margin-top:20px; }
.contact01 .slide { display: flex; align-items: center; padding:12px 0px; }
.contact01 .slide .ali-icon { color:#fff; background:#1c93a5; clip-path:polygon(20% 0,100% 0,100% 87%,80% 100%,0 100%,0 15%); 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:#1c93a5; font-weight: bold; line-height: 1.1; white-space: nowrap; margin-top: 5px; font-size:22px; }
.contact01 .s3 { color:#1c93a5; line-height: 1.3; margin-top: 5px; font-size:16px; }
.contact01 .slide:hover .ali-icon { background:#1c93a5; clip-path:polygon(0 0,80% 0,100% 13%,100% 100%,20% 100%,0 85%); transition:.3s all linear; }
.contact01 .slide:hover .s2 { color:#1c93a5; }
.contact01 .slide:hover .s3 { color:#1c93a5; }
@media(min-width:576px) {
  .contact01 { padding:40px 0 270px; }
  .contact01 .t1 { font-size:22px; }
  .contact01 .t2 { margin-top: 17px; }
  .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:26px; }
  .contact01 .s3 { font-size:18px; }
}
@media(min-width:768px) {
  .contact01 { padding:50px 0 160px; background:#fff url(../images/contact_bg.jpg) no-repeat right 10% bottom 75px; background-size:40%; }
  .contact01 .t1 { font-size:24px; }
  .contact01 .t2 { margin-top: 21px; }
  .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:28px; }
  .contact01 .s3 { margin-top: 10px; font-size:20px; }
}
@media(min-width:992px) {
  .contact01 { padding:60px 0 180px; }
  .contact01 .t1 { font-size:28px; }
  .contact01 .t2 { margin-top: 24px; }
  .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:32px; }
  .contact01 .s3 { font-size:22px; }
}
@media(min-width:1200px) {
  .contact01 { padding:70px 0 200px; }
  .contact01 .t1 { font-size:32px; }
  .contact01 .t2 { margin-top: 27px; }
  .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:36px; }
  .contact01 .s3 { margin-top: 15px; font-size:24px; }
}
@media(min-width:1400px) {
  .contact01 { padding:85px 0 220px; }
  .contact01 .t1 { font-size:36px; }
  .contact01 .t2 { margin-top: 31px; }
  .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:40px; }
  .contact01 .s3 { font-size:28px; }
}
@media(min-width:1600px) {
  .contact01 { padding:100px 0 240px; }
  .contact01 .t1 { font-size:40px; }
  .contact01 .t2 { margin-top: 35px; }
  .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:44px; }
  .contact01 .s3 { margin-top: 20px; font-size:30px; }
}


.message01 {position:relative;overflow: hidden; padding:20px 0;}
.message01 .t1 {color:#212121;font-size:20px;}
.message01 .t2 {color:#555;margin-top:8px;line-height: 1.3;}
.message01 .content {margin-top:20px;}
.message01 .slide {color:#929292;background:#f3f3f3;line-height:40px;margin-bottom:10px;white-space:nowrap;}
.message01 .slide input {background:#f3f3f3;width:100%;}
.message01 .slide textarea {background:#f3f3f3;width:90%;font-size:14px;line-height: 24px;height:92px;padding-top:8px;}
.message01 .submit {color:#fff;background:#1c93a5;display:block;text-align:center;border-radius:0;}
.message01 .submit .btn2 {padding:0;border:none;border-radius: 0;background:#1c93a5; }
.message01 .submit .btn-inner {transition:.36s all linear;}
.message01 .submit .btn-inner i {right:-10px!important;}
.message01 .submit .btn-inner i:before {content:'';opacity:0;}
.message01 .submit:hover {background:#14479b;transition:.36s all; }
@media(min-width:768px) {
	.message01 { padding:35px 0; }
	.message01 .t1 {font-size:24px;}
	.message01 .t2 {margin-top:10px;}
	.message01 .slide {line-height:45px;}
	.message01 .slide textarea {padding-top:10px;}
}
@media(min-width:992px) {
	.message01 { padding:45px 0; }
	.message01 .t1 {font-size:26px;}
	.message01 .content {margin-top:30px;}
	.message01 .slide {line-height:50px;}
	.message01 .submit {font-size:16px;transition:.36s all;}
	.message01 .slide textarea {padding-top:14px;}
}
@media(min-width:1200px) {
	.message01 { padding:55px 0; }
	.message01 .t1 {font-size:28px;}
	.message01 .t2 {margin-top:13px;}
	.message01 .content {margin-top:40px;}
	.message01 .slide {line-height:60px;}
	.message01 .slide textarea {font-size:16px;line-height: 30px;height: 120px;padding-top:13px;}
}
@media(min-width:1400px) {
	.message01 { padding:65px 0; }
	.message01 .t1 {font-size:32px;}
	.message01 .t2 {margin-top:15px;font-size:17px;}
	.message01 .content {margin-top:40px;}
	.message01 .slide {line-height:65px;}
	.message01 .slide textarea {font-size:16px;line-height: 30px;height: 120px;padding-top:17px;}
}
@media(min-width:1600px) {
	.message01 { padding:80px 0; }
	.message01 .t1 {font-size:36px;}
	.message01 .t2 {font-size:18px;}
	.message01 .content {margin-top:50px;}
	.message01 .slide {line-height:70px;margin-bottom:15px;}
	.message01 .slide textarea {font-size:16px;line-height: 30px;height:120px;padding-top:20px;}
	.message01 .submit {font-size:18px;}
}

.inmessage { padding:20px 15px; background:#fff; margin-bottom: 15px; }
.inmessage .t1 { font-weight: bold; color:#262829; font-size:22px; text-align:center; margin-bottom: 15px; line-height: 1.3; }
.inmessage .form-item { background:#f3f7fb; font-size:12px; height:35px; line-height: 35px; overflow: hidden; margin-top: 10px; }
.inmessage input {color:rgba(38,40,41,.9);border:none;background: none;padding:0 15px; width:100%;}
.inmessage input::placeholder {color:rgba(38,40,41,.6);}
.inmessage .submit {cursor:pointer;height:35px;line-height: 35px;color:#fff;background: #1c93a5;text-align: center; padding:0 25px; margin-top: 10px; transition: .2s all; }
.inmessage .submit:hover { color:#333; background:#fccb34; transition: .2s all; }
@media(min-width:768px) {
  .inmessage { padding:25px 30px; margin-bottom: 20px; }
  .inmessage .t1 { font-size:26px; }
  .inmessage .form-item { margin-right: 10px; margin-top: 0; }
  .inmessage .form-item.con { flex:1; width:50%; }
  .inmessage .submit { margin-top: 0; }
}
@media(min-width:992px) {
  .inmessage { padding:30px 35px; margin-bottom: 25px; }
  .inmessage .t1 { font-size:30px; margin-bottom: 20px; }
  .inmessage .form-item { font-size:13px; height:40px; line-height: 40px; }
  .inmessage .submit { height:40px; line-height: 40px; padding:0 30px; }
}
@media(min-width:1200px) {
  .inmessage { padding:40px 45px; margin-bottom: 30px; }
  .inmessage .t1 { font-size:32px; margin-bottom: 25px; }
  .inmessage .form-item {font-size:14px;height:45px;line-height: 45px;}
  .inmessage .submit {height:45px;line-height: 45px; padding:0 40px; }
}
@media(min-width:1400px) {
  .inmessage { padding:45px 50px; margin-bottom: 35px; }
  .inmessage .t1 { font-size:34px; margin-bottom: 30px; }
  .inmessage .form-item {font-size:15px;height:50px;line-height: 50px;}
  .inmessage .submit {height:50px;line-height: 50px; padding:0 45px; }
}
@media(min-width:1600px) {
  .inmessage { padding:50px 55px; margin-bottom: 40px; }
  .inmessage .t1 { font-size:36px; margin-bottom: 35px; }
  .inmessage .form-item {height:55px;line-height: 55px;}
  .inmessage .submit { padding:0 50px; }
}

.footer { color:#fff; background: #1c93a5; padding-top:20px; }
.footer a {color:#fff;}
.footer a:hover {color:#fff;text-decoration: underline;}
.footer .flogo img { filter: brightness(0) invert(1); max-height: 50px; }
.footer .s1 { margin-top: 15px; display: flex; align-items: center; }
.footer .s1 i { font-size:160%; margin-right: 10px; }
.footer .s2 { font-size:18px; font-weight: bold; font-family:'Futura Md BT'; line-height: 1.5; }
.footer .f-nav { background-color: #339eae; display:flex; margin-top: 15px; padding:5px 12px; }
.footer .f-nav a { flex:0 0 25%; font-size:14px; text-align: center; line-height:1.8; white-space: nowrap; color: #fff; opacity:.85; }
.footer .f-nav a:hover { opacity:1; text-decoration: none; }
.footer .c1 { color:rgba(255,255,255,.9); line-height: 2; margin-top: 15px; }
.footer .c-item { display: flex; align-items: center; line-height: 1.5; margin-top: 15px; }
.footer .c-item:first-child { margin-top: 0; }
.footer .c-item i { color:#fff; font-size:22px; margin-right:12px; background:rgba(255,255,255,.3); width:38px; height:38px; line-height:38px; text-align:center; border-radius:10px; flex-shrink:0; }
.footer .c-item .label { color:rgba(255,255,255,.7); }
.footer .c-item:nth-child(1) .label b { color:#fff;  font-size:120%; }
.footer .c-item:nth-child(2) .label b { color:#fff;  font-size:120%; }
.footer .list { margin-top:15px; display:flex; flex-wrap:wrap; gap:15px 25px; }
.footer .list a { color:rgba(255,255,255,.7); font-size:13px; opacity:.75; }
.footer .fbottom { color:rgba(255,255,255,.7); background-color: #146773; line-height: 1.7; padding: 12px 0; margin-top: 20px; }
.footer .fbottom a { color:rgba(255,255,255,.7); }
@media(min-width:768px) {
  .footer { padding-top: 25px; }
  .footer .f-nav { margin-top: 20px; }
  .footer .list { margin-top: 20px; }
  .footer .c-item i { font-size:26px; width:42px; height:42px; line-height:42px; }
  .footer .fbottom { margin-top: 25px; }
}
@media(min-width:992px) {
  .footer { padding-top: 30px; }
  .footer .f-nav { margin-top: 25px; }
  .footer .f-nav a { flex:1; }
  .footer .list { margin-top: 25px; }
  .footer .c1 { padding-left: 20%; }
  .footer .c-item { margin-top: 20px; }
  .footer .fbottom { margin-top: 30px; }
}
@media(min-width:1200px) {
  .footer { padding-top: 40px; }
  .footer .f-nav { margin-top: 30px; }
  .footer .list { margin-top: 30px; }
  .footer .c-item { margin-top: 25px; }
  .footer .c-item i { font-size:30px; width:46px; height:46px; line-height:46px; }
  .footer .fbottom { margin-top: 35px; }
}
@media(min-width:1400px) {
  .footer { padding-top: 50px; }
  .footer .f-nav { margin-top: 35px; }
  .footer .f-nav a { font-size:16px; }
  .footer .list { margin-top: 35px; }
  .footer .c-item { margin-top: 30px; }
  .footer .fbottom { margin-top: 40px; }
}
@media(min-width:1600px) {
  .footer { padding-top: 60px; }
  .footer .f-nav { margin-top: 40px; }
  .footer .list { margin-top: 45px; }
  .footer .c-item { margin-top: 40px; }
  .footer .c-item i { font-size:34px; width:50px; height:50px; line-height:50px; }
  .footer .fbottom { margin-top: 50px; }
}


.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;}