@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;}
  .container { max-width:1260px;margin:0 auto; }
}
@media(min-width:1600px){
  .container { max-width:1460px; }
}
@media(min-width:1800px){
  .container { max-width:1630px; }
}

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 { margin-top: 15px!important; }
.de-page-mian .page-inner a {color:#2a404d!important;border:1px solid #e8e8ea; background: none!important;margin:0 2px!important;height:26px!important;line-height:26px!important;width:26px;padding:0!important;}
.de-page-mian .page-inner a:hover,.de-page-mian .page-inner a.active {color:#fff!important;border:none;background: #054ba3!important;}
.de-page-mian span,.de-page-mian input,.de-page-mian .page-btn {display:none!important;}
@media(max-width:991px) {
	.de-page-mian .page-inner a.next {display:none!important;}
	.de-page-mian .page-inner a.prev {display:none!important;}
}
@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;}
}
@media(min-width:992px) {
  .de-page-mian { margin-top: 20px!important; }
	.de-page-mian .page-inner a {height:37px!important;line-height:37px!important;width:37px;margin:0 4px!important;}
	.de-page-mian .page-inner a.next {color:#2a404d!important;border:1px solid #e8e8ea;background:none!important;position: relative;width:unset;padding:0 10px!important;}
	.de-page-mian .page-inner a.next:before {content:'下一页';display:block;}
	.de-page-mian .page-inner a.next:hover {color:#054ba3!important;font-weight: bold;}
	.de-page-mian .page-inner a.prev {color:#2a404d!important;border:1px solid #e8e8ea;background:none!important;position: relative;width:unset;padding:0 10px!important;}
	.de-page-mian .page-inner a.prev:before {content:'上一页';display:block;}
	.de-page-mian .page-inner a.prev:hover {color:#054ba3!important;font-weight: bold;}
}
@media(min-width:1200px) {
  .de-page-mian { margin-top: 25px!important; }
	.de-page-mian .page-inner a {height:42px!important;line-height:42px!important;width:42px;margin:0 6px!important;}
}
@media(min-width:1400px) {
  .de-page-mian { margin-top: 30px!important; }
	.de-page-mian .page-inner a {height:47px!important;line-height:47px!important;width:47px;}
}
@media(min-width:1600px) {
  .de-page-mian { margin-top: 35px!important; }
	.de-page-mian .page-inner a {height:50px!important;line-height:50px!important;width:50px;}
}

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

.sy { position: absolute; z-index: 1; pointer-events:none; left:50%; top:50%; width:90%; height:90%; transform:translate(-50%,-50%); background:url(../images/sy.png) no-repeat center; background-size:auto 100%; }


.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_hwjqy0sltqh.woff2?t=1703208118219') format('woff2'),
       url('//at.alicdn.com/t/c/font_4301980_hwjqy0sltqh.woff?t=1703208118219') format('woff'),
       url('//at.alicdn.com/t/c/font_4301980_hwjqy0sltqh.ttf?t=1703208118219') format('truetype'),
       url('//at.alicdn.com/t/c/font_4301980_hwjqy0sltqh.svg?t=1703208118219#iconfont') format('svg');
}
.ali-icon {font-family: 'iconfont';}

.header {padding:5px 5px; border-bottom:1px solid rgba(255,255,255,.1); position:fixed;top:0; left:0; right:0;z-index: 111;overflow: hidden;transition:.36s all linear;}
.header.onmove { padding:2px 5px; background:#054ba3; }
.header.onmove .logo img { filter: brightness(200); transition:.3s all linear; }
.header.onmove .tel>div>div { display: none; }
.header.onmove .tel img { height:30px; transition:.3s all linear; }
.header.onmove .tel b { margin-bottom: 0; }
.header .logo {flex:0 0 80%;max-width:80%;display:flex; padding-right: 15px; padding-left: 0; transition:.3s all linear;}
.header .logo img { transition:.3s all linear; }
.nav {display:none;color:#fff;position:relative;z-index:9; transition:.3s all linear;}
.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;z-index: 3;}
.nav .slide>a:after { content:''; position: absolute; top:50%; left:50%; z-index: -1; transform:translate(-50%,-50%); background:#e4b821; width:0%; height:55px; transition:.2s all linear; }
.nav .slide i {display:none;}
.nav .subnav {pointer-events: none;display:none;overflow:hidden;color:#333;background:rgba(255,255,255,.9);position:absolute;z-index:3;bottom:0;left:0;right:0;transform:translateY(100%);}
.nav .subnav a {display:block;height:40px;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 10px;}
.nav .slide.active a,.nav .slide:hover a { color:#fff; }
.nav .slide.active a:after,.nav .slide:hover a:after { width:100%; transition:.2s all linear; }
.header .tel { color:rgba(255,255,255,.4); font-size:12px; position: relative; align-items: center; justify-content: center;transition:.3s all linear; }
.header .tel img { height:100%; transition:.3s all linear; }
.header .tel b { display:block; color:#fff; font-family:'Arail'; margin-bottom: 5px; font-size:18px; white-space: nowrap; }
@media(max-width:991px) {
	.header .logo img {max-height:50px;transition:.3s all linear;}
  .header.onmove .logo img { max-height:50px; }
}
@media(max-width:767px) {
  .header.onmove { padding:5px 5px; }
	.header .logo img {max-height:40px;}
  .header.onmove .logo img { max-height:40px; }
}
@media(max-width:375px) {
	.header .logo img {max-height:35px;}
  .header.onmove .logo img { max-height:35px; }
}
@media(min-width:768px) {
  .header { padding: 10px;}
  .header .logo {flex:0 0 70%;max-width:70%;}
}
@media(min-width:992px) {
  .header .logo img {max-height:55px;transition:.3s all linear;}
  .header.onmove .logo img { max-height:50px; }
  .header { padding-left: 15px;}
  .header .logo {flex:0 0 13%;max-width:15%; }
  .header.onmove .nav .slide>a { height:55px; line-height: 55px;}
  .nav { display: block; flex:0 0 60%;max-width:60%; }
	.nav .slide>a {height: 55px;line-height:55px;position: relative;}
	.nav .slide: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;font-weight:bold;background:#e4b821;transition:.2s all linear;}
  .header .tel {flex:0 0 25%;max-width:25%;}
  .header.onmove .tel {flex:0 0 23%;max-width:23%;transition:.3s all linear;}
}
@media(min-width:1200px) {
  .header .logo img {max-height:75px;}
  .header .logo {flex:0 0 18%;max-width:18%; }
  .header.onmove .logo {flex:0 0 13%;max-width:13%;transition:.3s all linear;}
  .header.onmove .nav { flex:0 0 63%;max-width:63%;transition:.3s all linear; }
  .nav { flex:0 0 58%;max-width:58%; }
  .nav .slide .subnav {font-size:15px;}
  .nav .subnav a {height:45px;line-height: 45px;}
  .header .tel { font-size:14px; flex:0 0 19%;max-width:19%;}
  .header .tel b { font-size:19px; }
  .header.onmove .tel {flex:0 0 18%;max-width:18%;}
}
@media(min-width:1400px) {
  .header .logo img {max-height:82px;}
  .header .logo { padding-left: 25px; }
  .header.onmove .nav { flex:0 0 67%;max-width:67%; }
  .nav { flex:0 0 62%;max-width:62%; }
  .header .tel { flex:0 0 20%;max-width:20%;}
  .header .tel b { font-size:20px; }
  .header.onmove .tel {flex:0 0 18%;max-width:18%;}
}
@media(min-width:1600px) {
  .header .logo img {max-height:88px;}
  .nav { flex:0 0 58%;max-width:58%; }
  .header .tel { flex:0 0 18%;max-width:18%; margin-left: auto;}
  .header .tel b { font-size:22px; }
  .header.onmove .tel {flex:0 0 17%;max-width:17%;}
}

.banner {overflow:hidden;}
.banner .swiper-pagination {bottom:5%;}
.banner .swiper-pagination-bullet {background:#c8c9ca;opacity: 1;width:10px; height:5px;border-radius:0;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {width:50px; background: #ca191b;}
.banner-box {position:relative;left:50%;transform:translateX(-50%);text-align: center;}
.swiper-button-box { display: flex; align-items: center; position: absolute; right:0; bottom:0; z-index: 3; background:#054ba3; height:50px; width:30%; padding-left: 3%; }
.swiper-button-box span { height:12px; width:1px; background:#fff; }
.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 { position: relative;color:#fff;font-size:28px;top: 0;left: unset;right: unset;margin: 0 5px;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { color:#f00; }
.banner .swiper-button-prev {transform:rotateY(180deg); }
.banner .swiper-button-next:after, .banner .swiper-button-prev:after {display: none;}
@media(min-width:576px) {
  .swiper-button-box { height:60px; }
  .swiper-button-box span { height:14px; }
  .banner .swiper-button-prev,.banner .swiper-button-next { font-size:30px;margin: 0 8px; }
}
@media(min-width:768px) {
  .swiper-button-box { height:70px; }
  .swiper-button-box span { height:16px; }
  .banner .swiper-button-prev,.banner .swiper-button-next { font-size:32px;margin: 0 11px; }
}
@media(min-width:992px) {
  .swiper-button-box { height:80px; }
  .swiper-button-box span { height:18px; }
  .banner .swiper-button-prev,.banner .swiper-button-next { font-size:34px;margin: 0 15px; }
}
@media(min-width:1200px) {
  .banner-box {width:100%;}
  .swiper-button-box { height:90px; }
  .swiper-button-box span { height:20px; }
  .banner .swiper-button-prev,.banner .swiper-button-next { font-size:38px;margin: 0 20px; }
}
@media(min-width:1400px) {
  .swiper-button-box { height:100px; }
  .swiper-button-box span { height:22px; }
  .banner .swiper-button-prev,.banner .swiper-button-next { font-size:42px;margin: 0 26px; }
}
@media(min-width: 1600px) {
  .swiper-button-box { height:110px; }
  .swiper-button-box span { height:25px; }
  .banner .swiper-button-prev,.banner .swiper-button-next { font-size:46px;margin: 0 30px; }
}

.location { position: relative; background: #eee; color:rgba(0,0,0,.4); padding:10px 0; }
.location .ll { white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }
@media(min-width:768px) {
	.location { padding:12px 0; }
  .location a:hover { color:#054ba3; }
}
@media(min-width:992px) {
}
@media(min-width:1200px) {
  .location { padding:15px 0; }
	.location a { font-size:15px; }
}
@media(min-width:1400px) {
}
@media(min-width:1600px) {
}

.inbanner {width:100%;overflow:hidden;position:relative;}
.inbanner img {width:100%;position:relative;left:50%;transform:translateX(-50%);}
@media(max-width:425px) {
  .inbanner img { width:125%; }
}

.index01 { position: relative; overflow: hidden; padding:30px 0; background:#f9f9fb; }
.index01 .title { text-align: center; }
.index01 .t1 { font-size:22px; color:#000; }
.index01 .t2 { font-size:12px; color:#000; font-weight: bold; text-transform: uppercase; margin-top: 5px; }
.index01 .typebar { margin-top: 15px; color:#fff; background:#054ba3; padding:12px 0; overflow: hidden; }
.index01 .types { display:flex; align-items:center; overflow-x: scroll; overflow-y:hidden; padding:8px 15px; }
.index01 .types::-webkit-scrollbar { height:0; }
.index01 .types a { position: relative; white-space: nowrap; padding-right: 15px; font-weight: bold; border-left:3px solid #e4b821; padding-left: 6px; }
.index01 .types a:last-child { margin-right: 0; }
/* .index01 .types a:hover { color:#054ba3; } */
.index01 .tel { display: flex; align-items: center; white-space: nowrap; justify-content: flex-end; }
.index01 .tel .line { content:''; width:1px; height:55px; background:#c3c3c3; transform:rotate(20deg) translate(-11px,4px); position: relative;  }
.index01 .tel span { display:block; color:rgba(255,255,255,.4); font-size:12px; margin-top: 5px; }
.index01 .tel b { font-family:'Arial'; }
.index01 .list { margin-top: 10px; }
.index01 .list .swiper-slide { margin-bottom: 5px; }
.index01 .list .imgbox { border:1px solid #e0eaf8; }
.index01 .list .txtbox { position: relative; color:#404042; display: flex; align-items: center; margin-top: 7px; line-height: 1.2; padding-right: 5px; }
.index01 .list .txtbox:before { content:''; width:10%; height:16px; display:block; background:#abc8eb; clip-path:polygon(0 0,100% 0, 80% 100%,0 100%);  transition:.2s all linear; }
.index01 .list .txtbox .c1 { padding-left: 15px; flex:1; width:50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index01 .list .txtbox i { color:#b5b5b5; font-size:120%; margin-left: auto; }
.index01 .list .swiper-slide:hover .imgbox { border-color:#054ba3; }
.index01 .list .swiper-slide:hover .c1 { color:#054ba3; }
.index01 .list .swiper-slide:hover .txtbox:before { background:#054ba3; width:12%; transition:.2s all linear; }
.index01 .list .swiper-slide:hover .txtbox i { color:#054ba3; }
.index01 .more { display:block; color:#054ba3; border:1px solid #054ba3; width:200px; height:40px; line-height: 40px; text-align: center; margin-top: 20px; margin-left: auto; margin-right: auto; transition:.2s all linear; }
.index01 .more:hover { color:#fff; background:#054ba3; transition:.2s all linear; }
@media(min-width:768px) {
  .index01 { padding:40px 0; }
  .index01 .t1 { font-size:30px; }
  .index01 .t2 { font-size:14px; }
  .index01 .typebar { margin-top: 20px;  padding:12px 20px; }
  .index01 .types a { padding-right: 25px; }
  .index01 .list .txtbox { margin-top: 10px; }
  .index01 .more { width:220px; height:50px; line-height: 50px; margin-top: 30px; }
}
@media(min-width:992px) {
  .index01 { padding:55px 0; }
  .index01 .t1 { font-size:36px; }
  .index01 .t2 { font-size:16px; margin-top: 10px; }
  .index01 .typebar { margin-top: 25px; justify-content: space-between; padding:15px 22px; }
  .index01 .types { display: flex; overflow-x: hidden; }
  .index01 .types a { overflow: hidden; text-overflow: ellipsis; padding-right: 30px; border-left-width:4px; padding-left: 10px; }
  .index01 .types a:last-child { text-overflow: unset; }
  .index01 .tel span { font-size:14px; }
  .index01 .list { margin-top: 15px; }
  .index01 .list .txtbox { margin-top: 13px; }
  .index01 .more { width:240px; height:55px; line-height: 55px; margin-top: 35px; }
}
@media(min-width:1200px) {
  .index01 { padding:70px 0; }
  .index01 .t1 { font-size:42px; }
  .index01 .t2 { font-size:18px; margin-top: 12px; }
  .index01 .typebar { display: flex; align-items: center; margin-top: 30px; padding:20px 26px; }
  .index01 .types { flex:0 0 67%; max-width:67%; }
  .index01 .types a { padding-right: 20px; border-left-width:5px; padding-left: 15px; }
  .index01 .tel { flex:0 0 33%; max-width:33%; }
  .index01 .list .txtbox { margin-top: 16px; }
  .index01 .more { width:270px; height:60px; line-height: 60px; margin-top: 40px; }
}
@media(min-width:1400px) {
  .index01 { padding:85px 0; }
  .index01 .t1 { font-size:48px; }
  .index01 .t2 { font-size:20px; margin-top: 15px; }
  .index01 .typebar { margin-top: 35px; padding:22px 30px; }
  .index01 .types { flex:0 0 65%; max-width:65%; }
  .index01 .types a { padding-right: 25px; }
  .index01 .tel .line { height:62px; transform:rotate(25deg) translate(-15px,8px); position: relative;  }
  .index01 .tel span { margin-top: 10px; }
  .index01 .list .txtbox { margin-top: 20px; }
  .index01 .more { width:290px; height:65px; line-height: 65px; margin-top: 45px; }
}
@media(min-width:1600px) {
  .index01 { padding:100px 0; }
  .index01 .t1 { font-size:50px; }
  .index01 .t2 { font-size:22px; margin-top: 20px; }
  .index01 .typebar { margin-top: 40px; padding:25px 35px; }
  .index01 .types { flex:0 0 63%; max-width:63%; }
  .index01 .types a { padding-right: 45px; }
  .index01 .tel b { font-size:22px; }
  .index01 .more { width:308px; height:70px; line-height: 70px; margin-top: 55px; }
}

@keyframes round{
  from {
    transform:rotateZ(0deg);
  }
  to {
    transform: rotateZ(-720deg);
  }
}

.index02 { position: relative; overflow: hidden; padding:25px 0 25px; background:url(../images/in02_bg.jpg) no-repeat; background-size:cover; }
.index02 .title { color:#fff; text-align: center; }
.index02 .t1 { font-size:22px; }
.index02 .t2 { font-size:12px; font-weight: bold; text-transform: uppercase; margin-top: 5px; }
.index02 .content { position: relative; margin-top: 15px; }
.index02 .img { position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.index02 .img:before { content:''; position: absolute; left:0; top:0; width:100%; height:100%; animation:round 30s linear infinite; background:url(../images/in02_img.png) no-repeat center; background-size:100%; }
.index02 .img img { position: absolute; left:50%; top:50%;  transform:translate(-50%,-50%); max-height:70%; }
.index02 .slide { margin-bottom: 15px; text-align:center; }
.index02 .s1 { position: relative; display:inline-block;color:#094591; font-weight: bold; font-size:16px; height:45px; line-height: 45px; max-width:100%; }
.index02 .s1 span { position: relative; z-index: 5; display:inline-block; text-align:center; width:280px; max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index02 .s1:before { content:''; background:#fff; position: absolute; width:100%; height:100%; clip-path:polygon(0 50%,6.5% 6%,93% 6%,99% 50%,93% 94%,6.5% 94%); }
.index02 .s1:after { content:''; background:#e4b821; position: absolute; right:0; top:0; width:22%; height:100%; clip-path:polygon(0 6%,5% 0,68% 0%,99% 50%, 68% 100%,5% 100%,0 94%,64% 94%,91% 50%,64% 6%); }
.index02 .s2 { color:rgba(255,255,255,.8); line-height: 1.7; margin-top: 10px; width:280px; max-width:100%; margin-left:auto; margin-right:auto;  }
@media(min-width:576px) {
  .index02 .s1 { font-size:18px; height:50px; line-height: 50px; }
}
@media(min-width:768px) {
  .index02 { padding:40px 0 30px; }
  .index02 .t1 { font-size:30px; }
  .index02 .t2 { font-size:14px; }
  .index02 .content { margin-top: 20px; }
  .index02 .content .row { padding:0 2%; }
  .index02 .slide { margin-bottom: 20px; }
  .index02 .s1 { font-size:20px; height:56px; line-height: 56px; }
  .index02 .s1 span { width:270px; }
}
@media(min-width:992px) {
  .index02 { padding:55px 0 35px; }
  .index02 .t1 { font-size:36px; }
  .index02 .t2 { font-size:16px; margin-top: 10px; }
  .index02 .content { margin-top: 25px; height:430px; }
  .index02 .img { width:430px; height:430px; }
  .index02 .content .row { padding:0 3%; }
  .index02 .slide { margin-bottom: 0; }
  .index02 .content .slide1 { padding-right: 15%; text-align:right; }
  .index02 .content .slide1:nth-child(3) { padding-right:19%;}
  .index02 .content .slide1 .s2 { padding-right: 15%; }
  .index02 .content .slide2 { padding-left: 17%; text-align:left; }
  .index02 .content .slide2:nth-child(4) { padding-left:19%;}
  .index02 .content .slide2 .s1:after { right:unset; left:-1px; transform:rotateY(180deg); }
  .index02 .content .slide2 .s2 { padding-left: 15%; }
  .index02 .s1 { font-size:22px; height:62px; line-height: 62px; }
  .index02 .s1 span { width:260px; }
  .index02 .s2 { width:unset; }
}
@media(min-width:1200px) {
  .index02 { padding:70px 0 40px; }
  .index02 .t1 { font-size:42px; }
  .index02 .t2 { font-size:18px; margin-top: 12px; }
  .index02 .content { margin-top: 30px; height:540px; }
  .index02 .img { width:540px; height:540px; }
  .index02 .content .row { padding:0 4%; }
  .index02 .content .slide1 .s2 { padding-right: 22%; }
  .index02 .content .slide1:nth-child(3) { padding-right:20%;}
  .index02 .content .slide2 .s2 { padding-left: 22%; }
  .index02 .content .slide2:nth-child(4) { padding-left:20%;}
  .index02 .s1 { font-size:24px; height:68px; line-height: 68px; }
  .index02 .s1 span { width:290px; }
  .index02 .s2 { margin-top: 15px; }
}
@media(min-width:1400px) {
  .index02 { padding:85px 0 45px; }
  .index02 .t1 { font-size:48px; }
  .index02 .t2 { font-size:20px; margin-top: 15px; }
  .index02 .content { margin-top: 35px; height:620px; }
  .index02 .img { width:620px; height:620px; }
  .index02 .s1 { font-size:26px; height:74px; line-height: 74px; }
  .index02 .s1 span { width:320px; }
}
@media(min-width:1600px) {
  .index02 { padding:100px 0 50px; }
  .index02 .t1 { font-size:50px; }
  .index02 .t2 { font-size:22px; margin-top: 20px; }
  .index02 .content { margin-top: 40px; height:670px; }
  .index02 .img { width:670px; height:670px; }
  .index02 .s1 { font-size:28px; height:80px; line-height: 80px; }
  .index02 .s1 span { width:350px; }
  .index02 .s2 { margin-top: 20px; }
}

.index03 { position: relative; overflow: hidden; padding:30px 0; background:#f9f9fb; }
.index03 .title { text-align: center; }
.index03 .t1 { font-size:22px; color:#000; }
.index03 .t2 { font-size:12px; color:#000; font-weight: bold; text-transform: uppercase; margin-top: 5px; }
.index03 .list { margin-top: 20px; }
.index03 .list .swiper-slide { margin-bottom: 5px; }
.index03 .list .imgbox { border:1px solid #e0eaf8; }
.index03 .list .txtbox { position: relative; color:#404042; display: flex; align-items: center; margin-top: 7px; line-height: 1.2; padding-right: 5px; }
.index03 .list .txtbox:before { content:''; width:10%; height:16px; display:block; background:#abc8eb; clip-path:polygon(0 0,100% 0, 80% 100%,0 100%);  transition:.2s all linear; }
.index03 .list .txtbox .c1 { padding-left: 15px; flex:1; width:50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index03 .list .txtbox i { color:#b5b5b5; font-size:120%; margin-left: auto; }
.index03 .list .swiper-slide:hover .imgbox { border-color:#054ba3; }
.index03 .list .swiper-slide:hover .c1 { color:#054ba3; }
.index03 .list .swiper-slide:hover .txtbox:before { background:#054ba3; width:12%; transition:.2s all linear; }
.index03 .list .swiper-slide:hover .txtbox i { color:#054ba3; }
.index03 .more { display:block; color:#054ba3; border:1px solid #054ba3; width:200px; height:40px; line-height: 40px; text-align: center; margin-top: 20px; margin-left: auto; margin-right: auto; transition:.2s all linear; }
.index03 .more:hover { color:#fff; background:#054ba3; transition:.2s all linear; }
@media(min-width:768px) {
  .index03 { padding:50px 0 40px; }
  .index03 .t1 { font-size:30px; }
  .index03 .t2 { font-size:14px; }
  .index03 .list { margin-top: 25px; }
  .index03 .list .txtbox { margin-top: 10px; }
  .index03 .more { width:220px; height:50px; line-height: 50px; margin-top: 30px; }
}
@media(min-width:992px) {
  .index03 { padding:65px 0 55px; }
  .index03 .t1 { font-size:36px; }
  .index03 .t2 { font-size:16px; margin-top: 10px; }
  .index03 .list { margin-top: 30px; }
  .index03 .list .txtbox { margin-top: 13px; }
  .index03 .more { width:240px; height:55px; line-height: 55px; margin-top: 35px; }
}
@media(min-width:1200px) {
  .index03 { padding:80px 0 70px; }
  .index03 .t1 { font-size:42px; }
  .index03 .t2 { font-size:18px; margin-top: 12px; }
  .index03 .list { margin-top: 35px; }
  .index03 .list .txtbox { margin-top: 16px; }
  .index03 .more { width:270px; height:60px; line-height: 60px; margin-top: 40px; }
}
@media(min-width:1400px) {
  .index03 { padding:100px 0 85px; }
  .index03 .t1 { font-size:48px; }
  .index03 .t2 { font-size:20px; margin-top: 15px; }
  .index03 .list { margin-top: 40px; }
  .index03 .list .txtbox { margin-top: 20px; }
  .index03 .more { width:290px; height:65px; line-height: 65px; margin-top: 45px; }
}
@media(min-width:1600px) {
  .index03 { padding:120px 0 100px; }
  .index03 .t1 { font-size:50px; }
  .index03 .t2 { font-size:22px; margin-top: 20px; }
  .index03 .list { margin-top: 45px; }
  .index03 .more { width:308px; height:70px; line-height: 70px; margin-top: 55px; }
}

.index04 { position: relative; overflow: hidden; padding:25px 0 15px; background:url(../images/in04_bg.jpg) no-repeat; background-size:cover; }
.index04 .title { color:#fff; text-align: center; }
.index04 .t1 { font-size:22px; }
.index04 .t2 { font-size:12px; font-weight: bold; text-transform: uppercase; margin-top: 5px; }
.index04 .content { position: relative; margin-top: 10px; background:#fff; padding:20px 15px; }
.index04 .c1 { color:#000; font-size:18px; }
.index04 .c1 span { color:#054ba3; font-size:200%; vertical-align: text-top; margin-right:10px; }
.index04 .c2 { color:#616161; line-height: 1.7; }
.index04 .more { display:block; color:#054ba3; border:1px solid #054ba3; width:200px; height:40px; line-height: 40px; text-align: center; margin-top: 10px; transition:.2s all linear; }
.index04 .more:hover { color:#fff; background:#054ba3; transition:.2s all linear; }
.index04 .slide { margin-top:20px; }
.index04 .img { margin-right: 10px; margin-bottom: 10px; }
.index04 .s1 { position: relative; font-weight: bold; line-height: 1.5; }
@media(min-width:576px) {
  .index04 .content { margin-top: 12px; padding: 30px 20px; }
  .index04 .c1 { font-size:20px; }
  .index04 .slide { margin-top:25px; }
  .index04 .img { margin-right: 15px; }
}
@media(min-width:768px) {
  .index04 { padding:40px 0 20px; }
  .index04 .t1 { font-size:30px; }
  .index04 .t2 { font-size:14px; }
  .index04 .content { margin-top: 14px; padding: 40px 30px; }
  .index04 .c1 { font-size:24px; }
  .index04 .c1 span { margin-right: 12px; }
  .index04 .more { width:220px; height:50px; line-height: 50px; margin-top: 15px; }
  .index04 .slide { margin-top:30px; }
  .index04 .img { margin-right: 20px; margin-bottom: 0; }
}
@media(min-width:992px) {
  .index04 { padding:55px 0 25px; }
  .index04 .t1 { font-size:36px; }
  .index04 .t2 { font-size:16px; margin-top: 10px; }
  .index04 .content { margin-top: 16px; padding: 50px 40px; }
  .index04 .c1 { font-size:28px; }
  .index04 .c1 span { margin-right: 15px; }
  .index04 .more { width:240px; height:55px; line-height: 55px; margin-top: 20px; }
  .index04 .slide { margin-top:35px; justify-content:center; }
  .index04 .img { margin-right: 15px; }
}
@media(min-width:1200px) {
  .index04 { padding:70px 0 30px; }
  .index04 .t1 { font-size:42px; }
  .index04 .t2 { font-size:18px; margin-top: 12px; }
  .index04 .content { margin-top: 20px; padding:60px 55px; }
  .index04 .c1 { font-size:30px; }
  .index04 .c1 span { margin-right: 18px; }
  .index04 .more { width:270px; height:60px; line-height: 60px; margin-top: 25px; }
  .index04 .slide { margin-top:40px; }
  .index04 .img { margin-right: 20px; }
}
@media(min-width:1400px) {
  .index04 { padding:85px 0 35px; }
  .index04 .t1 { font-size:48px; }
  .index04 .t2 { font-size:20px; margin-top: 15px; }
  .index04 .content { margin-top: 22px; padding:70px 65px; }
  .index04 .c1 { font-size:32px; }
  .index04 .c1 span { margin-right: 20px; }
  .index04 .more { width:290px; height:65px; line-height: 65px; margin-top: 30px; }
  .index04 .slide { margin-top:45px; }
  .index04 .img { margin-right: 25px; }
  .index04 .s1 { font-size:17px; }
}
@media(min-width:1600px) {
  .index04 { padding:100px 0 40px; }
  .index04 .t1 { font-size:50px; }
  .index04 .t2 { font-size:22px; margin-top: 20px; }
  .index04 .content { margin-top: 25px; padding:80px; }
  .index04 .c1 { font-size:36px; }
  .index04 .more { width:308px; height:70px; line-height: 70px; margin-top: 35px; }
  .index04 .slide { margin-top:55px; }
  .index04 .img { margin-right: 30px; }
  .index04 .s1 { font-size:18px; }
}

.index05 { position: relative; overflow: hidden; padding:30px 0; background:#f9f9fb; }
.index05 .title { text-align: center; }
.index05 .t1 { font-size:22px; color:#000; }
.index05 .t2 { font-size:12px; color:#000; font-weight: bold; text-transform: uppercase; margin-top: 5px; }
.index05 .list { margin-top: 20px; }
.index05 .list .c1 { color:#333436; font-weight: bold; }
.index05 .list .c2 { font-size:14px; height:48px; line-height: 48px; border-bottom:1px solid #d4d8dc; }
.index05 .list .c2-1 { color:#333436; flex:1; width:50%; }
.index05 .list .c2 i { color:#054ba3; font-weight: bold; }
.index05 .list .c3 { color:#969798; margin-top: 12px; line-height: 1.7; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; }
.index05 .list .swiper-slide:hover .c2-1 { color:#054ba3; }
.index05 .list .swiper-slide:hover .c3 { text-decoration: underline; }
.index05 .more { display:block; color:#054ba3; border:1px solid #054ba3; width:200px; height:40px; line-height: 40px; text-align: center; margin-top: 20px; margin-left: auto; margin-right: auto; transition:.2s all linear; }
.index05 .more:hover { color:#fff; background:#054ba3; transition:.2s all linear; }
@media(min-width:768px) {
  .index05 { padding:50px 0 40px; }
  .index05 .t1 { font-size:30px; }
  .index05 .t2 { font-size:14px; }
  .index05 .list { margin-top: 25px; }
  .index05 .list .c2 { font-size:15px; height:55px; line-height: 55px; }
  .index05 .list .c3 { margin-top: 15px; }
  .index05 .more { width:220px; height:50px; line-height: 50px; margin-top: 30px; }
}
@media(min-width:992px) {
  .index05 { padding:65px 0 55px; }
  .index05 .t1 { font-size:36px; }
  .index05 .t2 { font-size:16px; margin-top: 10px; }
  .index05 .list { margin-top: 35px; }
  .index05 .list .c2 { font-size:16px; height:60px; line-height: 60px; }
  .index05 .list .c3 { margin-top: 18px; }
  .index05 .more { width:240px; height:55px; line-height: 55px; margin-top: 45px; }
}
@media(min-width:1200px) {
  .index05 { padding:80px 0 70px; }
  .index05 .t1 { font-size:42px; }
  .index05 .t2 { font-size:18px; margin-top: 12px; }
  .index05 .list { margin-top: 45px; }
  .index05 .list .c2 { font-size:18px; height:66px; line-height: 66px; }
  .index05 .list .c3 { margin-top: 21px; }
  .index05 .more { width:270px; height:60px; line-height: 60px; margin-top: 60px; }
}
@media(min-width:1400px) {
  .index05 { padding:100px 0 85px; }
  .index05 .t1 { font-size:48px; }
  .index05 .t2 { font-size:20px; margin-top: 15px; }
  .index05 .list { margin-top: 50px; }
  .index05 .list .c2 { font-size:20px; height:72px; line-height: 72px; }
  .index05 .list .c3 { margin-top: 25px; }
  .index05 .more { width:290px; height:65px; line-height: 65px; margin-top: 75px; }
}
@media(min-width:1600px) {
  .index05 { padding:120px 0 100px; }
  .index05 .t1 { font-size:50px; }
  .index05 .t2 { font-size:22px; margin-top: 20px; }
  .index05 .list { margin-top: 60px; }
  .index05 .list .c2 { font-size:22px;height:78px; line-height: 78px; }
  .index05 .list .c3 { margin-top: 28px; }
  .index05 .more { width:308px; height:70px; line-height: 70px; margin-top: 90px; }
}

.company01 { position: relative; z-index: 2; padding-top:25px; margin-bottom: -45px; overflow: hidden;  }
.company01 .txtimg { display: none; }
.company01 .t1 { font-size:22px; }
.company01 .t2 { color:#000; font-size:18px; margin-top: 10px; }
.company01 .t2 span { color:#054ba3; font-size:200%; vertical-align: text-top; margin-right:10px; }
.company01 .c1 { color:#616161; line-height: 1.7; }
.company01 .c1 p { margin:10px 0; }
.company01 .c1 img { max-width:100%!important; height:unset; }
.company01 .list { position: relative; margin-top: 10px; background:#fff; padding:20px 15px; }
.company01 .slide { margin-top:20px; }
.company01 .img { margin-right: 10px; margin-bottom: 10px; }
.company01 .s1 { position: relative; font-weight: bold; line-height: 1.5; }
@media(max-width:991px) {
  .company01 { background:url(../images/company01_bg.png) no-repeat; background-size:80% auto; background-position:bottom 260px right; }
}
@media(min-width:576px) {
  .company01 { background-size:60% auto; }
  .company01 .t2 { font-size:20px; margin-top: 15px; }
  .company01 .list { margin-top: 12px; padding: 30px 20px; }
  .company01 .slide { margin-top:25px; }
  .company01 .img { margin-right: 15px; }
}
@media(min-width:768px) {
  .company01 { padding-top:40px; background-size:50% auto; }
  .company01 .t1 { font-size:30px; }
  .company01 .t2 { font-size:24px; margin-top: 20px; }
  .company01 .t2 span { margin-right: 12px; }
  .company01 .list { margin-top: 14px; padding: 40px 30px; }
  .company01 .slide { margin-top:30px; }
  .company01 .img { margin-right: 20px; margin-bottom: 0; }
}
@media(min-width:992px) {
  .company01 { padding-top:55px; margin-bottom: -45px; background:url(../images/company01_bg.png) no-repeat; background-size:60% auto; background-position:right bottom 35px; }
  .company01 .txtimg { display:block; position: absolute; right:18%; top:65px; max-height:80%; width:90px; }
  .company01 .t1 { font-size:36px; }
  .company01 .t2 { font-size:28px; margin-top: 25px; }
  .company01 .t2 span { margin-right: 15px; }
  .company01 .c1 p { margin:15px 0; }
  .company01 .list { margin-top: 16px; padding: 50px 40px; }
  .company01 .slide { margin-top:35px; justify-content:center; }
  .company01 .img { margin-right: 15px; }
}
@media(min-width:1200px) {
  .company01 { padding-top:70px; margin-bottom: -55px; background-size:52% auto; background-position:right bottom 95px; }
  .company01 .txtimg { top:80px; width:100px; }
  .company01 .t1 { font-size:42px; }
  .company01 .t2 { font-size:30px; margin-top: 30px; }
  .company01 .t2 span { margin-right: 18px; }
  .company01 .list { margin-top: 20px; padding:60px 55px; }
  .company01 .slide { margin-top:40px; }
  .company01 .img { margin-right: 20px; }
}
@media(min-width:1400px) {
  .company01 { padding-top:85px; margin-bottom: -65px; background-size:45% auto; background-position:right bottom 120px; }
  .company01 .txtimg { top:95px; width:100px; }
  .company01 .t1 { font-size:48px; }
  .company01 .t2 { font-size:32px; margin-top: 35px; }
  .company01 .t2 span { margin-right: 20px; }
  .company01 .list { margin-top: 22px; padding:70px 65px; }
  .company01 .slide { margin-top:45px; }
  .company01 .img { margin-right: 25px; }
  .company01 .s1 { font-size:17px; }
}
@media(min-width:1600px) {
  .company01 { padding-top:100px; margin-bottom: -75px; background-size:auto; background-position:right bottom 155px; }
  .company01 .txtimg { top:110px; width:unset; }
  .company01 .t1 { font-size:50px; }
  .company01 .t2 { font-size:36px; margin-top: 40px; }
  .company01 .list { margin-top: 25px; padding:80px; }
  .company01 .slide { margin-top:55px; }
  .company01 .img { margin-right: 30px; }
  .company01 .s1 { font-size:18px; }
}

.company02 { position: relative; overflow: hidden; background:#054ba3; padding:100px 0 35px; border-bottom:1px solid rgba(255,255,255,.1); }
.company02 .t1 { color:#fff; font-size:22px; }
.company02 .t2 { color:rgba(255,255,255,.6); font-size:18px; margin-top: 10px; }
.company02 .t2 span { font-size:200%; vertical-align: text-top; margin-right:10px; }
.company02 .list { margin-top: 15px; }
.company02 .list .swiper-slide { margin-bottom: 5px; }
.company02 .list .txtbox { position: relative; color:#404042; display: flex; align-items: center; margin-top: 7px; line-height: 1.2; padding-right: 5px; }
.company02 .list .txtbox:before { content:''; width:10%; height:16px; display:block; background:#abc8eb; clip-path:polygon(0 0,100% 0, 80% 100%,0 100%);  transition:.2s all linear; }
.company02 .list .txtbox .c1 { color:#fff; padding-left: 15px; flex:1; width:50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.company02 .list .txtbox i { color:#b5b5b5; font-size:120%; margin-left: auto; }
.company02 .list .swiper-slide:hover .txtbox:before { background:#fff; width:12%; transition:.2s all linear; }
.company02 .list .swiper-slide:hover .txtbox i { color:#fff; }
@media(min-width:768px) {
  .company02 { padding:130px 0 60px; }
  .company02 .t1 { font-size:30px; }
  .company02 .t2 { font-size:24px; }
  .company02 .t2 span { margin-right: 12px; }
  .company02 .list { margin-top: 20px; }
  .company02 .list .txtbox { margin-top: 10px; }
}
@media(min-width:992px) {
  .company02 { padding:150px 0 75px; }
  .company02 .t1 { font-size:36px; }
  .company02 .t2 { font-size:28px; }
  .company02 .t2 span { margin-right: 15px; }
  .company02 .list { margin-top: 25px; }
  .company02 .list .txtbox { margin-top: 13px; }
}
@media(min-width:1200px) {
  .company02 { padding:170px 0 90px; }
  .company02 .t1 { font-size:42px; }
  .company02 .t2 { font-size:30px; }
  .company02 .t2 span { margin-right: 18px; }
  .company02 .list { margin-top: 30px; }
  .company02 .list .txtbox { margin-top: 16px; }
}
@media(min-width:1400px) {
  .company02 { padding:190px 0 105px; }
  .company02 .t1 { font-size:48px; }
  .company02 .t2 { font-size:32px; }
  .company02 .t2 span { margin-right: 20px; }
  .company02 .list { margin-top: 35px; }
  .company02 .list .txtbox { margin-top: 20px; }
}
@media(min-width:1600px) {
  .company02 { padding:210px 0 120px; }
  .company02 .t1 { font-size:50px; }
  .company02 .t2 { font-size:36px; }
  .company02 .list { margin-top: 40px; }
}

.product01 { position: relative; overflow: hidden; padding:30px 0; background:#f9f9fb; }
.product01 .t1 { font-size:22px; }
.product01 .t2 { color:#000; font-size:18px; margin-top: 10px; }
.product01 .t2 span { color:#054ba3; font-size:200%; vertical-align: text-top; margin-right:10px; }
.product01 .typebar { margin-top: 15px; background:#fff; border:1px solid #e0eaf8; padding:12px 0; overflow: hidden; }
.product01 .types { display:flex; overflow-x: scroll; overflow-y:hidden; height:100%; padding:8px 15px; }
.product01 .types::-webkit-scrollbar { height:0; }
.product01 .types a { position: relative; white-space: nowrap; padding-right: 15px; font-weight: bold; border-left:3px solid #054ba3; padding-left: 6px; }
.product01 .types a:last-child { margin-right: 0; }
.product01 .types a:hover,.product01 .types a.active { color:#054ba3; }
.product01 .tel span { display:block; color:rgba(0,0,0,.4); font-size:12px; margin-top: 5px; }
.product01 .list { margin-top: 10px; margin-bottom: 10px; }
.product01 .list .slide { position: relative; margin-bottom: 10px; flex:0 0 49.5%; max-width:49.5%; border:1px solid #deedff; transition:.2s .1s all linear; }
.product01 .list .slide:nth-child(2n-1) { margin-right:1%; }
.product01 .list .imgbox { border:none; }
.product01 .list .txtbox { position: relative; color:#404042; background:#fff; padding:14px 15px; overflow: hidden; }
.product01 .list .txtbox .c1 { display:flex; align-items: center; position: relative; color:#404042; font-size:14px; }
.product01 .list .txtbox .c1:before { content:''; width:11%; min-width:16px; height:12px; display:block; margin-right: 8px; background:#abc8eb; clip-path:polygon(0 0,100% 0, 80% 100%,0 100%);  transition:.2s all linear; }
.product01 .list .txtbox .c2 { color:#727273;  line-height: 1.7; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; }
.product01 .list .txtbox i { color:#054ba3; font-size:120%; margin-left: auto; }
.product01 .list .slide:hover { box-shadow:4px 4px 9px 0 rgba(0,0,0,.2); transform:translateY(-4px); transition:.2s all linear; }
.product01 .list .slide:hover .c1 { color:#054ba3; }
.product01 .list .slide:hover .c1:before { background:#054ba3; width:13%; transition:.2s .1s all linear; }
.product01 .list .slide:hover .txtbox:before { background:#054ba3; width:12%; transition:.2s all linear; }
.product01 .list .slide:hover .txtbox i { color:#054ba3; }
.product01 .list .slide:hover .imgbox img { transform:translate(-50%,-50%); }
.product01 .more { display:block; color:#054ba3; border:1px solid #054ba3; width:150px; max-width:100%; height:30px; line-height: 30px; text-align: center; margin-top: 15px; transition:.2s all linear; }
.product01 .more:hover { color:#fff; background:#054ba3; transition:.2s all linear; }
@media(min-width:576px) {
  .product01 .t2 { font-size:20px; margin-top: 15px; }
}
@media(min-width:768px) {
  .product01 { padding:40px 0; }
  .product01 .t1 { font-size:30px; }
  .product01 .t2 { font-size:24px; margin-top: 20px; }
  .product01 .t2 span { margin-right: 12px; }
  .product01 .typebar { margin-top: 20px;  padding:12px 20px; }
  .product01 .types a { padding-right: 25px; }
  .product01 .list { margin-top: 15px; }
  .product01 .list .txtbox { padding:16px 24px; }
  .product01 .list .txtbox .c1 { font-size:16px; }
  .product01 .list .txtbox .c1:before { margin-right: 11px; height:14px; }
  .product01 .list .txtbox .c2 { margin-top: 14px; }
  .product01 .more { width:170px; height:35px; line-height: 35px; margin-top: 25px; }
}
@media(min-width:992px) {
  .product01 { padding:55px 0; }
  .product01 .t1 { font-size:36px; }
  .product01 .t2 { font-size:28px; margin-top: 25px; }
  .product01 .t2 span { margin-right: 15px; }
  .product01 .typebar { margin-top: 25px; justify-content: space-between; padding:15px 22px; }
  .product01 .types { overflow-x: hidden; flex-wrap:wrap; justify-content: space-between; }
  .product01 .types:after { content:''; display:block; flex:0 0 33.33%; max-width:33.33%;  }
  .product01 .types a { white-space:nowrap; overflow: hidden; text-overflow: ellipsis; flex:0 0 33.33%; max-width:33.33%;margin:12px 0; padding-right: 30px; border-left:4px solid #054ba3; padding-left: 10px; }
  .product01 .tel span { font-size:14px; }
  .product01 .list { margin-top: 20px; }
  .product01 .list .slide { margin-bottom: 15px; display:flex; }
  .product01 .list .imgbox { flex:0 0 46%; max-width:46%; }
  .product01 .list .txtbox { padding:18px 28px; flex:1; width:50%; }
  .product01 .list .txtbox .c1 { font-size:17px; }
  .product01 .list .txtbox .c1:before { margin-right: 15px; height:16px; }
  .product01 .list .txtbox .c2 { margin-top: 18px; }
  .product01 .more { width:190px; height:40px; line-height: 40px; margin-top: 35px; }
}
@media(min-width:1200px) {
  .product01 { padding:65px 0; }
  .product01 .t1 { font-size:42px; }
  .product01 .t2 { font-size:30px; margin-top: 30px; }
  .product01 .t2 span { margin-right: 18px; }
  .product01 .typebar { margin-top: 30px; padding:20px 26px; }
  .product01 .types a { margin:16px 0; padding-right:0;padding-left:15px; border-left:5px solid #054ba3; }
  .product01 .list { margin-top: 25px; }
  .product01 .list .txtbox { padding:20px 32px; }
  .product01 .list .txtbox .c1 { font-size:18px; }
  .product01 .list .txtbox .c1:before { margin-right: 18px; }
  .product01 .list .txtbox .c2 { font-size:15px; margin-top: 22px; }
  .product01 .more { width:210px; height:45px; line-height: 45px; margin-top: 40px; }
}
@media(min-width:1400px) {
  .product01 { padding:70px 0; }
  .product01 .t1 { font-size:48px; }
  .product01 .t2 { font-size:32px; margin-top: 35px; }
  .product01 .t2 span { margin-right: 20px; }
  .product01 .typebar { margin-top: 35px; padding:22px 30px; }
  .product01 .types a { font-size:17px; margin:19px 0; padding-left: 20px; }
  .product01 .tel span { margin-top: 10px; }
  .product01 .list { margin-top: 30px; }
  .product01 .list .txtbox { padding:22px 36px; }
  .product01 .list .txtbox .c1 { font-size:20px; }
  .product01 .list .txtbox .c1:before { margin-right:20px; }
  .product01 .list .txtbox .c2 { margin-top: 26px; }
  .product01 .more { width:230px; height:50px; line-height: 50px; margin-top: 45px; }
}
@media(min-width:1600px) {
  .product01 { padding:75px 0; }
  .product01 .t1 { font-size:50px; }
  .product01 .t2 { font-size:36px; margin-top: 40px; }
  .product01 .typebar { margin-top: 40px; padding:25px 35px; }
  .product01 .types a { font-size:18px; margin:23px 0; padding-left: 25px; }
  .product01 .tel b { font-size:22px; }
  .product01 .list { margin-top: 40px; }
  .product01 .list .txtbox { padding:25px 40px; }
  .product01 .list .txtbox .c1 { font-size:22px; }
  .product01 .list .txtbox .c2 { margin-top: 30px; }
  .product01 .more { width:245px; height:55px; line-height: 55px; margin-top: 50px; }
}
.infopage {background: #edeef0;padding-bottom:15px;}
.infopage .video { position: relative;width:800px;max-width:100%;height:300px;margin:20px auto;}
.infopage .video .jw-controlbar {width:100%;}
.wrap {padding:0 15px;flex:0 0 100%;max-width:100%;}
.page-a {color:#666666;border-bottom:1px solid #e9e9e9;line-height:35px;display:flex; align-items: center;}
.page-a a { display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.back {color:#666666;text-align:center;display:block;padding: 10px 10px;border: 1px solid #ddd; margin-left: auto;}
.back i {font-size:24px;margin-bottom:15px;display:block;}
.back:hover { background:#054ba3; color:#fff; }
@media(min-width:768px) {
  .infopage {padding-bottom:20px;}
  .prev_next>div {line-height: 40px;}
}
@media(min-width:992px) {
  .infopage {padding-bottom:25px;}
  .infopage .video {height:350px;}
  .prev_next>div {line-height: 45px;}
  .page-a:hover {color:#054ba3;}
  .back {padding: 15px 25px;}
}
@media(min-width:1200px) {
  .infopage {padding-bottom:30px;}
  .infopage .video {height:450px;}
  .wrap {flex:0 0 71.25%;max-width:71.25%;}
  .prev_next>div {font-size:15px;}
  .prev_next>div {line-height: 50px;}
  .back {font-size:15px;padding: 20px 30px;}
  .back i {font-size:26px;margin-bottom:20px;}
}
@media(min-width:1400px) {
  .infopage {padding-bottom:35px;}
  .prev_next>div {line-height: 55px;}
  .back i {font-size:28px;margin-bottom:25px;}
}
@media(min-width:1600px) {
  .infopage {padding-bottom:40px;}
  .prev_next>div {line-height: 60px;}
  .back i {font-size:31px;}
}

.noticeinfo01 {padding:20px 15px 30px;background: #fff;overflow:hidden;position:relative;}
.noticeinfo01 .t1 {color:#333333;font-size:18px;text-align:center;}
.noticeinfo01 .imgbox {margin-top:15px;}
.noticeinfo01 .imgbox img {width:unset;max-width:100%;max-height:100%;}
.noticeinfo01 .imgbox:hover img {transform:translate(-50%,-50%);cursor:pointer;}
.noticeinfo01 .content {color:#333333;margin-top:15px;line-height: 2;overflow:hidden;}
.noticeinfo01 .content img {max-width:100%;}
@media(min-width:768px) {
  .noticeinfo01 {padding:25px 25px 25px;}
  .noticeinfo01 .t1 {font-size:23px;}
}
@media(min-width:992px) {
  .noticeinfo01 {padding:25px 40px 30px;}
  .noticeinfo01 .t1 {font-size:25px;}
  .noticeinfo01 .imgbox {margin-top:20px;}
  .noticeinfo01 .content {margin-top:25px;}
}
@media(min-width:1200px) {
  .noticeinfo01 {padding:35px 55px 40px;}
  .noticeinfo01 .t1 {font-size:28px;}
  .noticeinfo01 .imgbox {margin-top:30px;}
  .noticeinfo01 .content {font-size:15px;}
}
@media(min-width:1440px) {
  .noticeinfo01 {padding:45px 65px 50px;}
  .noticeinfo01 .t1 {font-size:30px;}
  .noticeinfo01 .imgbox {margin-top:40px;}
  .noticeinfo01 .content {margin-top:35px;}
}
@media(min-width:1601px) {
  .noticeinfo01 {padding:55px 80px 60px;}
  .noticeinfo01 .t1 {font-size:32px;}
  .noticeinfo01 .imgbox {margin-top:50px;}
  .noticeinfo01 .content {margin-top:50px;}
}

.sider {padding:0 15px;flex:0 0 100%;max-width:100%;margin-top:20px;}
@media(min-width:1200px) {
  .sider {flex:0 0 28.75%;max-width:28.75%;margin-top:0;}
}

.sider03 {background: #fff;margin-bottom:15px;padding:15px;}
.sider03 .t1 {color:#333333;font-size:16px;position:relative;z-index:1;display:inline-block;}
.sider03 .t1:before {content:'';background:#054ba3;width:50%;height:10px;position:absolute;right:0;bottom:0;z-index:-1;}
.sider03 .t2 {color:#333333;margin-top:5px;}
.sider03 .more {color:#999999;display:flex; align-items: center;}
.sider03 .more:hover { color:#054ba3;}
.sider03 .more i {font-size:22px;margin-left: 5px;}
.sider03 .swiper {margin-top:20px;}
.sider03 .swiper .s1 {color:#333333;margin-top:15px;}
.sider03 .swiper .s2 {color:#999999;margin-top:10px;font-size:12px;line-height:18px;max-height:36px;overflow:hidden;}
@media(min-width:768px) {}
@media(min-width:992px) {
  .sider03 .t1 {font-size:20px;}
}
@media(min-width:1200px) {
  .sider03 {padding:25px 15px;}
  .sider03 .t1 {font-size:22px;}
  .sider03 .t2 {font-size:14px;margin-top:10px;}
  .sider03 .more {font-size:15px;}
  .sider03 .swiper {margin-top:20px;}
  .sider03 .swiper .s1 {font-size:14px;}
}
@media(min-width:1440px) {
  .sider03 {padding:35px 30px 30px;}
  .sider03 .t1 {font-size:24px;}
  .sider03 .swiper {margin-top:28px;}
}
@media(min-width:1601px) {
  .sider03 {padding:40px 40px 30px;}
  .sider03 .t1 {font-size:26px;}
  .sider03 .t2 {margin-top:15px;}
  .sider03 .swiper {margin-top:35px;}
}

.sider05 {background: #fff;margin-bottom:15px;padding:15px;}
.sider05 .t1 {color:#333333;font-size:16px;position:relative;z-index:1;display:inline-block;}
.sider05 .t1:before {content:'';background:#054ba3;width:50%;height:10px;position:absolute;right:0;bottom:0;z-index:-1;}
.sider05 .t2 {color:#333333;margin-top:5px;}
.sider05 .more {color:#999999;display:flex; align-items: center;}
.sider05 .more:hover { color:#054ba3;}
.sider05 .more i {font-size:22px;margin-left: 5px;}
.sider05 .list {margin-top:15px;}
.sider05 .list a {color:#666666;line-height: 26px;padding-left:12px;position:relative;display:block;transition:.36s all linear;}
.sider05 .list a:before {content:'';width:6px;height:6px;background:#f1f1f1;border:1px solid #b9b9b9;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.sider05 .list a:hover {color:#054ba3;text-decoration: underline; transition:.36s all linear;}
.sider05 .list a:hover:before {background:#054ba3;border:1px solid #054ba3;border-radius:50%;}
@media(min-width:768px) {
  .sider05 .list a {line-height:24px;}
}
@media(min-width:992px) {
  .sider05 .t1 {font-size:20px;}
  .sider05 .list {margin-top:18px;}
  .sider05 .list a {line-height:30px;padding-left:16px;}
}
@media(min-width:1200px) {
  .sider05 {padding:25px 15px;}
  .sider05 .t1 {font-size:22px;}
  .sider05 .t2 {font-size:14px;margin-top:10px;}
  .sider05 .more {font-size:15px;}
  .sider05 .list {margin-top:22px;}
  .sider05 .list a {line-height:32px;padding-left:20px;}
}
@media(min-width:1440px) {
  .sider05 {padding:35px 30px 30px;}
  .sider05 .t1 {font-size:24px;}
  .sider05 .list {margin-top:26px;}
  .sider05 .list a {line-height:34px;padding-left:24px;}
}
@media(min-width:1601px) {
  .sider05 {padding:40px 40px 30px;}
  .sider05 .t1 {font-size:26px;}
  .sider05 .t2 {margin-top:15px;}
  .sider05 .list {margin-top:30px;}
  .sider05 .list a {line-height:36px;padding-left:28px;}
}

.proinfo {background: #eeeeee;}
.proinfo01 {padding:15px 0 30px;}
.proinfo01 .imgbox {height: 100%;cursor:pointer;border:1px solid #eee;}
.proinfo01 .imgbox:after {padding-top:74%;}
.proinfo01 #bigSwiper .ratio {background: #fff;}
.proinfo01 #bigSwiper img {width:unset;max-height:100%;}
.proinfo01 #bigSwiper .swiper-button-next,.proinfo01 #bigSwiper .swiper-button-prev {color:#054ba3;}
.proinfo01 #smallSwiper .swiper-slide .play {font-size:26px;text-align: center;}
.proinfo01 #smallSwiper .ratio {background: #fff;}
.proinfo01 #smallSwiper img {width:unset;max-height:100%;}
.proinfo01 .t1 {color:#363535;font-size:17px;}
.proinfo01 .t2 {color:#919191;line-height: 2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis; overflow:hidden;margin-top:20px;padding:15px 0 0;border-top:1px solid #e2e1e1;}
.proinfo01 .t3 {color:#494949;line-height:35px;flex:0 0 50%;max-width:50%;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.proinfo01 .t3:before {content:'';display:inline-block;border-radius: 50%;background:#054ba3;width:10px;height:10px;margin-right:1.211vw;}
.proinfo01 .t4 {padding:1.053vw 0;margin-top:15px;display:flex;flex-wrap:wrap;border-top:1px solid #e2e1e1;border-bottom:1px solid #e2e1e1;}
.proinfo01 .t5 {margin-top:15px;}
.proinfo01 .c1 {color:#919191;font-weight: bold;white-space: nowrap;flex:1;}
.proinfo01 .c1 b {color:#054ba3;font-size:140%;font-weight:bold;}
.proinfo01 .order-btn {color:#054ba3;font-weight:bold;flex:1;text-decoration: underline;display:block;}
.proinfo01 .play {cursor:pointer;color:rgba(255,255,255,.7);background:rgba(0,0,0,.3);width:100%;height:100%;display:flex;justify-content: center; align-items:center;font-size:50px;position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);}
.proinfo01 .play:hover {color:#fff;transition:.36s all linear;}
.proinfo01 #videobox iframe {position:absolute;left:0;}
@media(max-width: 991px) {
	.proinfo01 .t1 {margin-top:20px;}
}
@media(max-width: 767px) {
	.proinfo01 #smallSwiper {margin-top:10px;}
}
@media(min-width:768px) {
	.proinfo01 .t3 {line-height: 40px;}
	.proinfo01 .play {font-size:50px;}
	.proinfo01 #bigSwiper {flex:0 0 76%;max-width:76%;}
	.proinfo01 #smallSwiper {flex:0 0 23.5%;max-width:23.5%;margin-left:15px;margin-bottom:-11px;}
	.proinfo01 #smallSwiper .swiper-slide .play {font-size:32px;}
  .proinfo01 #smallSwiper .swiper-slide img {border-left:3px solid #fff;}
  .proinfo01 #smallSwiper .swiper-slide.active img {border-left:3px solid #054ba3;}
  .proinfo01 #smallSwiper .swiper-slide:hover {cursor:pointer;}
}
@media(min-width:992px) {
	.proinfo01 {padding:2.105vw 0 5.8vw;}
	.proinfo01 .rightbox {padding-left:4vw;}
	.proinfo01 .t1 {font-size:24px;}
	.proinfo01 .t2 {margin-top:1.421vw;padding:1.421vw 0 0;}
	.proinfo01 .t4 {padding:1.053vw 0;margin-top:1.842vw;}
	.proinfo01 .t5 {margin-top:1.579vw;}
	.proinfo01 .play {font-size:65px;}
  .proinfo01 #smallSwiper {margin-bottom:-8px;}
}
@media(min-width:1200px) {
	.proinfo01 #bigSwiper {flex:0 0 70%;max-width:70%;}
	.proinfo01 #smallSwiper {flex:0 0 22.5%;max-width:22.5%;}
	.proinfo01 .t1 {font-size:28px;}
	.proinfo01 .t2 {font-size:14px;}
	.proinfo01 .t3 {line-height: 45px;}
	.proinfo01 .c1 {font-size:15px;}
	.proinfo01 .play {font-size:75px;}
  .proinfo01 #smallSwiper {margin-bottom:-2px;}
	.proinfo01 #smallSwiper .swiper-slide .play {font-size:36px;}
}
@media(min-width:1400px) {
	.proinfo01 .t1 {font-size:32px;}
	.proinfo01 .t3 {font-size:17px;line-height: 55px;}
  .proinfo01 #smallSwiper {margin-bottom:-3px;}
}
@media(min-width:1600px) {
	.proinfo01 .t1 {font-size:36px;}
	.proinfo01 .t3 {font-size:18px;line-height: 60px;}
	.proinfo01 .play {font-size:85px;}
	.proinfo01 #smallSwiper .swiper-slide .play {font-size:42px;}
}

.proinfo02 {padding:25px 0 0;}
.proinfo02 .t1 {color:#054ba3;font-size:20px;font-weight:bold;}
.proinfo02 .t2 {color:#6a6767;font-size:20px;}
.proinfo02 .t3 {color:#d9d8d8;font-weight:bold;font-style:italic;}
.proinfo02 .title {margin-top:10px;}
.proinfo02 .title hr {flex:1;position:relative;overflow:visible;margin:0 15px;}
.proinfo02 .title hr:before {content:'';position:absolute;left:0;top:50%;transform:translate(-100%,-50%) rotate(45deg);width:9px;height:9px;border:1px solid #999;}
.proinfo02 .content {color:#86898d;margin-top:25px;line-height: 2;}
.proinfo02 .content img { max-width:100%!important; height:unset; }
@media(min-width:768px) {
  .proinfo02 .t1 {font-size:22px;}
  .proinfo02 .t2 {font-size:22px;}
}
@media(min-width:992px) {
  .proinfo02 {padding:5.8vw 0 0;}
  .proinfo02 .t1 {font-size:24px;}
  .proinfo02 .t2 {font-size:24px;}
  .proinfo02 .title hr {margin:0 2.5vw;}
  .proinfo02 .content {margin-top:3.684vw;}
}
@media(min-width:1200px) {
  .proinfo02 .t1 {font-size:28px;}
  .proinfo02 .t2 {font-size:28px;}
  .proinfo02 .content {font-size:15px;}
}
@media(min-width:1400px) {
  .proinfo02 .t1 {font-size:32px;}
  .proinfo02 .t2 {font-size:32px;}
}
@media(min-width:1600px) {
  .proinfo02 .t1 {font-size:36px;}
  .proinfo02 .t2 {font-size:36px;}
}

.proinfo04 {padding:20px 0;}
.proinfo04 .t1 {color:#054ba3;font-size:20px;font-weight:bold;}
.proinfo04 .t2 {color:#6a6767;font-size:20px;}
.proinfo04 .t3 {color:#d9d8d8;font-weight:bold;font-style:italic;}
.proinfo04 .title {margin-top:10px;}
.proinfo04 .title hr {flex:1;position:relative;overflow:visible;margin:0 15px;}
.proinfo04 .title hr:before {content:'';position:absolute;left:0;top:50%;transform:translate(-100%,-50%) rotate(45deg);width:9px;height:9px;border:1px solid #999;}
.proinfo04 .list {margin-top:15px;}
.proinfo04 .list .swiper-slide { margin-bottom: 5px; }
.proinfo04 .list .imgbox { border:1px solid #e0eaf8; }
.proinfo04 .list .txtbox { position: relative; color:#404042; display: flex; align-items: center; margin-top: 7px; line-height: 1.2; padding-right: 5px; }
.proinfo04 .list .txtbox:before { content:''; width:10%; height:16px; display:block; background:#abc8eb; clip-path:polygon(0 0,100% 0, 80% 100%,0 100%);  transition:.2s all linear; }
.proinfo04 .list .txtbox .c1 { padding-left: 15px; flex:1; width:50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.proinfo04 .list .txtbox i { color:#b5b5b5; font-size:120%; margin-left: auto; }
.proinfo04 .list .swiper-slide:hover .imgbox { border-color:#054ba3; }
.proinfo04 .list .swiper-slide:hover .c1 { color:#054ba3; }
.proinfo04 .list .swiper-slide:hover .txtbox:before { background:#054ba3; width:12%; transition:.2s all linear; }
.proinfo04 .list .swiper-slide:hover .txtbox i { color:#054ba3; }
@media(min-width:768px) {
  .proinfo04 {padding:25px 0;}
  .proinfo04 .t1 {font-size:22px;}
  .proinfo04 .t2 {font-size:22px;}
  .proinfo04 .list {margin-top:20px;}
  .proinfo04 .list .txtbox { margin-top: 10px; }
}
@media(min-width:992px) {
  .proinfo04 {padding:30px 0;}
  .proinfo04 .t1 {font-size:24px;}
  .proinfo04 .t2 {font-size:24px;}
  .proinfo04 .title hr {margin:0 2.5vw;}
  .proinfo04 .list {margin-top:25px;}
  .proinfo04 .list .txtbox { margin-top: 13px; }
}
@media(min-width:1200px) {
  .proinfo04 {padding:40px 0;}
  .proinfo04 .t1 {font-size:28px;}
  .proinfo04 .t2 {font-size:28px;}
  .proinfo04 .list {margin-top:30px;}
  .proinfo04 .list .txtbox { margin-top: 16px; }
}
@media(min-width:1400px) {
  .proinfo04 {padding:50px 0;}
  .proinfo04 .t1 {font-size:32px;}
  .proinfo04 .t2 {font-size:32px;}
  .proinfo04 .list {margin-top:35px;}
  .proinfo04 .list .txtbox { margin-top: 20px; }
}
@media(min-width:1600px) {
  .proinfo04 {padding:60px 0;}
  .proinfo04 .t1 {font-size:36px;}
  .proinfo04 .t2 {font-size:36px;}
  .proinfo04 .list {margin-top:40px;}
}

.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:30px 0; background:#f9f9fb; }
.inpage .t1 { font-size:22px; }
.inpage .t2 { color:#000; font-size:18px; margin-top: 10px; }
.inpage .t2 span { color:#054ba3; font-size:200%; vertical-align: text-top; margin-right:10px; }
.inpage .list { margin-top: 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: #fff;border:1px solid #ddd;}
.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:#fff; border-color:#8bbdef; }
.inpage .list .slide:hover .imgbox img { transform:translate(-50%,-50%);}
.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:#054ba3; font-size:150%; font-weight: bold; width:30px; height:30px; line-height: 30px; text-align:center; border-radius:50px; background: #fff; }
.submit {background:#054ba3;border-color:#054ba3;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 .t2 { font-size:20px; margin-top: 15px; }
}
@media(min-width:768px) {
  .inpage { padding:40px 0; }
  .inpage .t1 { font-size:30px; }
  .inpage .t2 { font-size:24px; margin-top: 20px; }
  .inpage .t2 span { margin-right: 12px; }
  .inpage .list { margin-top: 15px; }
  .inpage .list .slide {margin-bottom: 20px;}
}
@media(min-width:992px) {
  .inpage { padding:55px 0; }
  .inpage .t1 { font-size:36px; }
  .inpage .t2 { font-size:28px; margin-top: 25px; }
  .inpage .t2 span { margin-right: 15px; }
  .inpage .list { margin-top: 20px; }
  .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:65px 0; }
  .inpage .t1 { font-size:42px; }
  .inpage .t2 { font-size:30px; margin-top: 30px; }
  .inpage .t2 span { margin-right: 18px; }
  .inpage .list { margin-top: 25px; }
	.inpage .list .slide {margin-bottom: 30px;}
	.inpage .list .slide .txtbox {font-size:16px; height:50px;padding:0 20px;}
	.inpage .list .slide:hover .txtbox {color: #054ba3;}
  .inpage .list .slide .imgbox .shadow:before {width:40px;height:40px;line-height:40px;}
}
@media(min-width:1400px) {
  .inpage { padding:70px 0; }
  .inpage .t1 { font-size:48px; }
  .inpage .t2 { font-size:32px; margin-top: 35px; }
  .inpage .t2 span { margin-right: 20px; }
  .inpage .list { margin-top: 30px; }
	.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:75px 0; }
  .inpage .t1 { font-size:50px; }
  .inpage .t2 { font-size:36px; margin-top: 40px; }
  .inpage .list { margin-top: 40px; }
	.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;}
}

.news01 { position: relative; overflow: hidden; padding:30px 0; background:#f9f9fb; }
.news01 .t1 { font-size:22px; }
.news01 .t2 { color:#000; font-size:18px; margin-top: 10px; }
.news01 .t2 span { color:#054ba3; font-size:200%; vertical-align: text-top; margin-right:10px; }
.news01 .list { margin-top: 20px; }
.news01 .list .slide { margin-bottom: 25px; }
.news01 .list .slide .imgbox { margin-top: 15px; }
.news01 .list .c1 { color:#333436; font-weight: bold; }
.news01 .list .c2 { font-size:14px; height:48px; line-height: 48px; border-bottom:1px solid #d4d8dc; }
.news01 .list .c2-1 { color:#333436; flex:1; width:50%; }
.news01 .list .c2 i { color:#054ba3; font-weight: bold; }
.news01 .list .c3 { color:#969798; margin-top: 10px; line-height: 20px; height:40px; overflow: hidden; }
.news01 .list .slide .imgbox:after { padding-top: 45%; }
.news01 .list .slide:hover .c2-1 { color:#054ba3; }
.news01 .list .slide:hover .c3 { text-decoration: underline; }
@media(min-width:576px) {
  .news01 .t2 { font-size:20px; margin-top: 15px; }
  .news01 .list .c3 { line-height: 22px; height:44px; }
}
@media(min-width:768px) {
  .news01 { padding:40px 0; }
  .news01 .t1 { font-size:30px; }
  .news01 .t2 { font-size:24px; margin-top: 20px; }
  .news01 .t2 span { margin-right: 12px; }
  .news01 .list { margin-top: 25px; display:flex; flex-wrap:wrap; }
  .news01 .list .slide { flex:0 0 48%; margin-bottom: 30px; }
  .news01 .list .slide:first-child { margin-right: 4%; }
  .news01 .list .slide:nth-child(n+3) { flex:0 0 100%; }
  .news01 .list .slide .imgbox { margin-top: 20px; }
  .news01 .list .c2 { font-size:15px; height:55px; line-height: 55px; }
  .news01 .list .c3 { margin-top: 12px; line-height: 24px; height:48px; }
}
@media(min-width:992px) {
  .news01 { padding:55px 0; }
  .news01 .t1 { font-size:36px; }
  .news01 .t2 { font-size:28px; margin-top: 25px; }
  .news01 .t2 span { margin-right: 15px; }
  .news01 .list { margin-top: 35px; }
  .news01 .list .slide { margin-bottom: 35px; }
  .news01 .list .slide .imgbox { margin-top: 25px; }
  .news01 .list .c2 { font-size:16px; height:60px; line-height: 60px; }
  .news01 .list .c3 { margin-top: 15px; line-height: 26px; height:52px; }
}
@media(min-width:1200px) {
  .news01 { padding:65px 0; }
  .news01 .t1 { font-size:42px; }
  .news01 .t2 { font-size:30px; margin-top: 30px; }
  .news01 .t2 span { margin-right: 18px; }
  .news01 .list { margin-top: 45px; }
  .news01 .list .slide { margin-bottom: 40px; }
  .news01 .list .slide .imgbox { margin-top: 30px; }
  .news01 .list .c2 { font-size:18px; height:66px; line-height: 66px; }
  .news01 .list .c3 { margin-top: 19px; line-height: 28px; height:56px; }
}
@media(min-width:1400px) {
  .news01 { padding:70px 0; }
  .news01 .t1 { font-size:48px; }
  .news01 .t2 { font-size:32px; margin-top: 35px; }
  .news01 .t2 span { margin-right: 20px; }
  .news01 .list { margin-top: 50px; }
  .news01 .list .slide { margin-bottom: 50px; }
  .news01 .list .slide .imgbox { margin-top: 35px; }
  .news01 .list .c2 { font-size:20px; height:72px; line-height: 72px; }
  .news01 .list .c3 { margin-top: 22px; line-height: 30px; height:60px; }
}
@media(min-width:1600px) {
  .news01 { padding:75px 0; }
  .news01 .t1 { font-size:50px; }
  .news01 .t2 { font-size:36px; margin-top: 40px; }
  .news01 .list { margin-top: 60px; }
  .news01 .list .slide { margin-bottom: 60px; }
  .news01 .list .slide .imgbox { margin-top: 40px; }
  .news01 .list .c2 { font-size:22px;height:78px; line-height: 78px; }
  .news01 .list .c3 { margin-top: 25px; line-height: 32px; height:64px; }
}

.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; background:#fff; }
.contact01 .t1 { font-size:22px; }
.contact01 .t2 { color:#000; font-size:18px; margin-top: 10px; }
.contact01 .t2 span { color:#054ba3; font-size:200%; vertical-align: text-top; margin-right:10px; }
.contact01 .content { margin-top: 20px; }
.contact01 .content .col { margin-bottom: 10px; }
.contact01 .content .slide {background:#f8f8f8; text-align: center;margin-bottom:30px; padding:15px; height:100%; transition:.2s all linear; }
.contact01 .content .slide .ali-icon {font-size:35px;display: flex;align-items: center;justify-content: center;}
.contact01 .content .slide .ali-icon img {max-height:70px;}
.contact01 .content .slide .c1 {color:#054ba3;font-size:15px;font-weight:bold;margin-top:10px; line-height: 1.3;}
.contact01 .content .slide .c2 {line-height: 1.7;margin-top: 5px;}
.contact01 .content .slide:hover { background:#054ba3!important; color:#fff; transition:.2s all linear; }
.contact01 .content .slide:hover .c1 { color:#fff; }
@media(max-width:575px) {
  .contact01 .content .col:nth-child(2n) { padding-left: 5px; }
  .contact01 .content .col:nth-child(2n+1) { padding-right: 5px; }
}
@media(min-width:576px) {
  .contact01 .t2 { font-size:20px; margin-top: 15px; }
  .contact01 .content .slide .ali-icon {height:70px;}
  .contact01 .content .col:nth-child(3n-1) { padding:0 8px;}
  .contact01 .content .col:nth-child(3n) { padding-left: 8px; }
  .contact01 .content .col:nth-child(3n+1) { padding-right: 8px; }
}
@media(min-width:768px) {
  .contact01 { padding:40px 0; }
  .contact01 .t1 { font-size:30px; }
  .contact01 .t2 { font-size:24px; margin-top: 20px; }
  .contact01 .t2 span { margin-right: 12px; }
  .contact01 .content { margin-top: 25px; display:flex; flex-wrap:wrap; }
  .contact01 .content .slide .ali-icon {font-size:40px;}
  .contact01 .content .slide .c1 {font-size:16px;}
}
@media(min-width:992px) {
  .contact01 { padding:55px 0; }
  .contact01 .t1 { font-size:36px; }
  .contact01 .t2 { font-size:28px; margin-top: 25px; }
  .contact01 .t2 span { margin-right: 15px; }
  .contact01 .content { margin-top: 35px; }
  .contact01 .content .col { margin-bottom: 15px; }
  .contact01 .content .slide { padding:20px; }
  .contact01 .content .slide .ali-icon {font-size:45px;}
  .contact01 .content .slide .c1 {font-size:17px; margin-top: 15px;}
  .contact01 .content .slide .c2 {margin-top: 10px;}
}
@media(min-width:1200px) {
  .contact01 { padding:65px 0; }
  .contact01 .t1 { font-size:42px; }
  .contact01 .t2 { font-size:30px; margin-top: 30px; }
  .contact01 .t2 span { margin-right: 18px; }
  .contact01 .content { margin-top: 45px; }
  .contact01 .content .col { margin-bottom: 20px; }
  .contact01 .content .col:nth-child(4n-1) { padding:0 10px;}
  .contact01 .content .col:nth-child(3n) { padding:0 10px; }
  .contact01 .content .col:nth-child(4n+1) { padding-right: 10px; }
  .contact01 .content .col:nth-child(4n) { padding-left: 10px; }
  .contact01 .content .slide { padding:25px; }
  .contact01 .content .slide .ali-icon {font-size:50px;}
  .contact01 .content .slide .c1 {font-size:18px; margin-top: 20px;}
}
@media(min-width:1400px) {
  .contact01 { padding:70px 0; }
  .contact01 .t1 { font-size:48px; }
  .contact01 .t2 { font-size:32px; margin-top: 35px; }
  .contact01 .t2 span { margin-right: 20px; }
  .contact01 .content { margin-top: 50px; }
  .contact01 .content .slide .ali-icon {font-size:55px;}
  .contact01 .content .slide .c1 {font-size:19px; margin-top: 25px;}
}
@media(min-width:1600px) {
  .contact01 { padding:75px 0; }
  .contact01 .t1 { font-size:50px; }
  .contact01 .t2 { font-size:36px; margin-top: 40px; }
  .contact01 .content { margin-top: 60px; }
  .contact01 .content .slide { padding:30px; }
  .contact01 .content .slide .ali-icon {font-size:60px;}
  .contact01 .content .slide .c1 {font-size:20px;}
}

.message01 {position: relative; background:#f9f9fb;padding:7.368vw 15px 8.421vw;overflow:hidden;}
.message01 .t1 { font-size:22px; }
.message01 .t2 { color:#000; font-size:14px; margin-top: 10px; }
.message01 .t2 span { color:#054ba3; font-size:200%; vertical-align: text-top; margin-right:10px; }
.message01 input {flex:1;}
.message01 .content {margin-top:2.632vw;}
.message01 .slide {display:flex;color:#9e9e9e;border: 1px solid #ddd;background:#fff;line-height:35px;margin-bottom:1.578vw;white-space:nowrap;}
.message01 .slide select {color:#9e9e9e;background:none;display:block;width:100%;height:35px;}
.message01 .slide textarea {width:90%;line-height: 35px;height:140px;}
.message01 .submit {color:#fff;background:#054ba3;display:block;text-align:center;border-radius:0;transition:.36s all;}
.message01 input[type="reset"] {color:#fff;background: #999;justify-content:center;transition:.36s all;}
.message01 div.slide:hover {color: #212529;background-color: #fff;border-color: #86b7fe;outline: 0;box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);}
@media(min-width:768px) {
  .message01 .t1 { font-size:30px; }
  .message01 .t2 { font-size:18px; margin-top: 20px; }
  .message01 .t2 span { margin-right: 12px; }
  .message01 .slide {line-height:40px;}
}
@media(min-width:992px) {
  .message01 .t1 { font-size:36px; }
  .message01 .t2 { font-size:20px; margin-top: 25px; }
  .message01 .t2 span { margin-right: 15px; }
  .message01 .slide {line-height:45px;margin-bottom:0.789vw;}
  .message01 .slide select {height:45px;}
  .message01 .slide textarea {line-height:45px;height:135px;}
  .message01 .slide:hover {border-color:#153f7b;}
  .message01 .submit {font-size:16px;transition:.36s all;}
  .message01 .submit:hover {box-shadow: inset 0 0 15px 5px rgb(0 0 0 / 50%);transition:.36s all;}
  .message01 input[type="reset"]:hover {background:#000;transition:.36s all;}
}
@media(min-width:1200px) {
  .message01 .t1 { font-size:42px; }
  .message01 .t2 { font-size:22px; margin-top: 30px; }
  .message01 .t2 span { margin-right: 18px; }
  .message01 .slide {line-height:50px;}
  .message01 .slide select {height:50px;}
  .message01 .slide textarea {line-height: 50px;height: 150px;}
}
@media(min-width:1400px) {
  .message01 .t1 { font-size:48px; }
  .message01 .t2 { font-size:24px; margin-top: 35px; }
  .message01 .t2 span { margin-right: 20px; }
  .message01 .slide {line-height:55px;}
  .message01 .slide select {height:55px;}
  .message01 .slide textarea {line-height:55px;height:165px;}
  .message01 .submit {font-size:18px;}
}
@media(min-width:1600px) {
  .message01 .t1 { font-size:50px; }
  .message01 .t2 { font-size:26px; margin-top: 40px; }
}

.footer { color:rgba(255,255,255,.6); background: #054ba3; padding-top:15px; }
.footer a {color:rgba(255,255,255,.6);}
.footer a:hover {color:#fff;text-decoration: underline;}
.footer .t1 { color:#fff; font-size:20px; margin-bottom: 10px; }
.footer .f-nav a { flex:0 0 25%; max-width:25%; line-height:1.7; padding:3px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.footer .f-nav a:first-child { padding-left: 0; }
.footer .f-nav a:last-child { padding-right: 0; }
.footer .c1 { color:rgba(255,255,255,.6); line-height: 1.8; }
.footer .ewm img { width:110px; }
.footer .fbottom { color:rgba(255,255,255,.4); background:#054ba3; line-height: 1.7; padding: 10px; margin-top: 10px; }
@media(min-width:768px) {
  .footer { padding-top:20px; }
  .footer .t1 { font-size:24px; margin-bottom: 12px; }
  .footer .f-nav a { flex:1; }
  .footer .fbottom { margin-top: 15px; }
}
@media(min-width:992px) {
  .footer { padding-top:25px; }
  .footer .t1 { font-size:26px; margin-bottom: 15px; }
  .footer .c1 { line-height: 2; }
  .footer .fbottom { font-size:14px; margin-top: 20px; }
}
@media(min-width:1200px) {
  .footer { padding-top:30px; }
  .footer .t1 { font-size:28px; margin-bottom: 20px; }
  .footer .c1 { font-size:14px; }
  .footer .f-nav a { font-size:14px;  padding:0 12px; }
  .footer .fbottom { margin-top: 25px; }
}
@media(min-width:1400px) {
  .footer { padding-top:35px; }
  .footer .t1 { font-size:30px; margin-bottom: 25px; }
  .footer .f-nav a { padding:0 14px; }
  .footer .fbottom { margin-top: 30px; }
}
@media(min-width:1600px) {
  .footer { padding-top:40px; }
  .footer .t1 { font-size:32px; margin-bottom: 30px; }
  .footer .f-nav a { padding:0 16px; }
  .footer .fbottom { margin-top: 35px; }
}

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