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

.header {padding:10px 5px; background:#fff;position:relative;overflow: hidden;transition:.36s all linear;}
.header .logo {flex:0 0 80%;max-width:80%;display:flex; padding-right: 15px; padding-left: 0;}
.nav {display:none;background:#0952aa;color:#fff;position:relative;z-index:9;}
.nav:before { content:''; position: absolute; left:0; top:0; transform:translateX(-89px); height:100%; width:90px; background:url(../images/nav_bg.png) no-repeat right center;background-size:auto 100%;}
.nav:after { content: ''; position: absolute; right:0; top:0; height:100%; width:100%; transform:translateX(99%); background:#0952aa; }
.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;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 { 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: center; padding-left: 18px;}
.nav .tel:before { content:''; width:1px; height:12px; background:#fff; position: absolute; left:0; top:50%; transform:translateY(-50%); }
@media(max-width:991px) {
	.header .logo img {max-height:50px;}
}
@media(min-width:768px) {
  .header { padding: 10px;}
  .header .logo {flex:0 0 70%;max-width:70%;}
}
@media(min-width:992px) {
  .header { padding: 0;}
  .header .logo {flex:0 0 25%;max-width:25%;}
  .nav { display: block; flex:0 0 70%;max-width:70%; }
	.nav .slide>a {height: 70px;line-height:70px;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;background:#0952aa;transition:.2s all linear;}
  .nav .tel { margin-left: 10px; }
}
@media(min-width:1200px) {
  .nav .slide>a {height: 80px;line-height: 80px;}
  .nav .slide .subnav {font-size:15px;}
  .nav .subnav a {height:45px;line-height: 45px;}
}
@media(min-width:1400px) {
  .nav .slide>a {height: 90px;line-height: 90px;}
  .nav .tel b { font-size:18px; }
}
@media(min-width:1600px) {
  .header .logo {flex:0 0 23%;max-width:23%;}
  .nav { flex:0 0 70%;max-width:70%; }
  .nav .slide>a {height: 100px;line-height: 100px;}
  .nav .tel b { font-size:20px; }
}

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

.inbanner .container { position: relative; }
.inbanner .container:before { content:''; position: absolute; z-index: 1; left:12px; top:13px; width:3px; height:15px; background:#3280dd; }
.inbanner .container:after { content:''; position: absolute; z-index: 1; left:12px; top:28px; width:3px; height:18px; background:#0952aa; }
.location { position: relative; display:inline-block; color:rgba(0,0,0,.6); padding:13px 10px 10px;}
.location .tt { color:#000; font-weight: bold; font-size:16px; }
.location .ll { white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-top: 5px; }
.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;}
@media(min-width:576px) {
	.location { padding:17px 15px 13px; }
  .inbanner .container:before { left:15px; top:17px; height:15px; }
  .inbanner .container:after { left:15px; top:32px; height:18px; }
}
@media(min-width:768px) {
  .inbanner .container { padding:0 12px; position: absolute; bottom:0; left:50%; transform:translateX(-50%); }
  .inbanner .container:before { top:17px; width:3px; height:20px; background:#cee4ff; }
  .inbanner .container:after { top:37px; width:3px; height:25px; background:#fff; }
	.location { padding:17px 22px 15px; color:rgba(255,255,255,.6); background:#0952aa; }
  .location:before { content:''; position: absolute; left:0; top:0; height:100%; width:10000px; background:#0952aa; transform:translateX(-99%); z-index: -1; }
  .location:after { content:''; position: absolute; right:0; top:0; height:101%; width:37px; background:#0952aa; transform:translateX(34px); clip-path:polygon(0 0,10% 0,100% 100%,0 100%,0 0); }
  /* .location:after { width:37px; transform:translateX(34px); } */
  .location .tt { color:#fff; font-size:20px; }
  .location .ll { margin-top: 8px; }
  .location a:hover {color:#fff;}
  .prev_next {margin:25px 0;}
}
@media(min-width:992px) {
  .inbanner .container:before { top:20px; width:4px; height:23px; }
  .inbanner .container:after { top:43px; width:4px; height:26px; }
	.location { padding:20px 25px 17px; }
  .location:after { width:50px; transform:translateX(46px); }
  .location .tt { font-size:24px; }
  .location .ll { margin-top: 10px; }
  .prev_next {margin:30px 0;}
  .next_page {margin-top:0px;text-align:right;}
  .page-a:hover {color:#e87b2b;}
}
@media(min-width:1200px) {
  .inbanner .container:before { top:22px; width:4px; height:25px; }
  .inbanner .container:after { top:47px; width:4px; height:30px; }
  .location { padding:22px 30px 19px; }
  .location:after { width:60px; transform:translateX(56px); }
  .location .tt { font-size:28px; }
  .location .ll { margin-top: 12px; }
	.location a { font-size:15px; }
  .prev_next {margin:35px 0;}
}
@media(min-width:1400px) {
  .inbanner .container:before { top:26px; width:5px; height:30px; }
  .inbanner .container:after { top:56px; width:5px; height:35px; }
  .location { padding:26px 35px 22px; }
  .location:after { width:69px; transform:translateX(66px); }
  .location .tt { font-size:34px; }
  .location .ll { margin-top: 14px; }
  .prev_next {margin:40px 0;}
}
@media(min-width:1600px) {
  .inbanner .container:before { top:30px; height:33px; }
  .inbanner .container:after { top:63px; height:40px; }
  .location { padding:30px 40px 25px; }
  .location:after { width:77px; transform:translateX(72px); }
  .location .tt { font-size:40px; }
  .location .ll { margin-top: 16px; }
  .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;}
.index01 .topbox { padding:25px 0 70px; color:#fff; background:#0952aa; margin-bottom: -35px; }
.index01 .topbox .container { padding-left: 45px; background:url(../images/logo_txt.png) no-repeat right top; background-size:50%; }
.index01 .topbox .container:before { content:''; position: absolute; left:15px; top:0; width:3px; height:20px; background:#cee4ff; }
.index01 .topbox .container:after { content:''; position: absolute; left:15px; top:20px; width:3px; height:25px; background:#fff; }
.index01 .t1 { font-weight: bold; font-size:19px; line-height: 1.3; }
.index01 .t1 i { display:none; width:25px; height:2px; background:#fff; margin:5px 6px 5px 3px; }
.index01 .c1 { color:rgba(255,255,255,.6); line-height: 2; margin-top: 10px; text-align:justify; overflow: hidden; }
.index01 .more { position: relative; display:block; overflow: hidden; font-weight: bold; font-size:14px; margin-top: 15px; background:url(../images/border.png) no-repeat;background-size:100% 100%;  clip-path: polygon(18px 0,100% 0,100% 39px ,165px 100%,0 100%,0 13px); width:180px; height:50px; line-height: 50px; text-align:center; transition:.3s all linear; }
.index01 .more:hover { background:#fff; color:#0952aa; transition:.3s all linear; }
.index01 .swiper-slide { padding:20px 25px 45px; background:linear-gradient(-45deg, transparent 30px, #f3f7fb 0) bottom right; height:unset; }
.index01 .s1 { color:#0952aa; font-weight: bold; }
.index01 .s1 i { display:inline-block; margin-right: 5px; height:1px; width:10px; background:#0952aa; }
.index01 .s2 { margin-top: 15px; }
.index01 .s3 { color:#252726; font-size:14px; font-weight: bold; margin-top: 10px; }
.index01 .s4 { color:rgba(37,39,38,.8); line-height: 1.5; margin-top: 10px; }
@media(min-width:768px) {
  .index01 .topbox { padding:50px 0 85px; margin-bottom:-50px; }
  .index01 .topbox .container:before { width:4px; height:25px; }
  .index01 .topbox .container:after { top:25px; width:4px; height:30px; }
  .index01 .t1 { font-size:24px; display:flex; align-items: center; }
  .index01 .t1 i { display:inline-block; width:60px; margin-left:4px; margin-right: 8px; }
  .index01 .c1 { margin-top: 12px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; text-overflow: ellipsis; }
  .index01 .s1 i { width:14px; }
  .index01 .s2 { margin-top: 20px; }
}
@media(min-width:992px) {
  .index01 .topbox { padding:60px 0 100px; margin-bottom:-65px; }
  .index01 .topbox .container:before { width:5px; height:30px; }
  .index01 .topbox .container:after { top:30px; width:5px; height:35px; }
  .index01 .t1 { font-size:28px; }
  .index01 .t1 i { width:70px; height:3px; margin-left:5px; margin-right: 10px; }
  .index01 .more { margin-left: auto; margin-top: 20px;}
  .index01 .swiper-slide { padding:20px 30px 40px; background:linear-gradient(-45deg, transparent 35px, #f3f7fb 0) bottom right; }
  .index01 .s1 i { width:17px; }
  .index01 .s2 { margin-top: 25px; }
  .index01 .s3 { font-size:16px; margin-top: 12px; }
  .index01 .s4 { margin-top: 12px; }
}
@media(min-width:1200px) {
  .index01 .topbox { padding:80px 0 120px; margin-bottom:-80px; }
  .index01 .topbox .container:before { height:35px; }
  .index01 .topbox .container:after { top:35px; height:40px; }
  .index01 .t1 { font-size:32px; }
  .index01 .t1 i { width:75px; margin-left:6px; margin-right: 12px; }
  .index01 .c1 { margin-top: 15px; -webkit-line-clamp:4;}
  .index01 .more { margin-top: 25px;}
  .index01 .swiper-slide { padding:22px 35px 45px; background:linear-gradient(-45deg, transparent 40px, #f3f7fb 0) bottom right; }
  .index01 .s1 i { width:20px; }
  .index01 .s2 { margin-top: 30px; }
  .index01 .s3 { font-size:18px; margin-top: 15px; }
  .index01 .s4 { margin-top: 15px; }
}
@media(min-width:1400px) {
  .index01 .topbox { padding:100px 0 140px; margin-bottom:-100px; }
  .index01 .topbox .container:before { height:40px; }
  .index01 .topbox .container:after { top:40px; height:45px; }
  .index01 .t1 { font-size:36px; }
  .index01 .t1 i { width:80px; height:4px; margin-left:8px; margin-right: 16px; }
  .index01 .c1 { margin-top: 18px;}
  .index01 .more { clip-path: polygon(22px 0,100% 0,100% 48px ,197px 100%,0 100%,0 15px); width:215px; height:60px; line-height: 60px; margin-top: 30px; }
  .index01 .more:hover { clip-path: polygon(0 0,193px 0,100% 15px,100% 100%,22px 100%,0 45px,0 0); }
  .index01 .swiper-slide { padding:26px 40px 50px; background:linear-gradient(-45deg, transparent 45px, #f3f7fb 0) bottom right; }
  .index01 .s1 i { width:23px; }
  .index01 .s2 { margin-top: 35px; }
  .index01 .s3 { font-size:20px; margin-top: 18px; }
  .index01 .s4 { margin-top: 18px; }
}
@media(min-width:1600px) {
  .index01 .topbox { padding:120px 0 160px; }
  .index01 .t1 { font-size:40px; }
  .index01 .t1 i { width:85px; height:5px; margin-left:10px; margin-right: 20px; }
  .index01 .c1 { margin-top: 20px;}
  .index01 .swiper-slide { padding:30px 45px 60px; background:linear-gradient(-45deg, transparent 50px, #f3f7fb 0) bottom right; }
  .index01 .s1 i { width:26px; }
  .index01 .s2 { margin-top: 40px; }
  .index01 .s3 { font-size:22px; margin-top: 20px; }
  .index01 .s4 { margin-top: 20px; }
}

.index02 {position: relative;overflow: hidden; padding:30px 0 45px; }
.index02 .title .container { padding-left: 45px; }
.index02 .title .container:before { content:''; position: absolute; left:15px; top:0; width:3px; height:20px; background:#3280dd; }
.index02 .title .container:after { content:''; position: absolute; left:15px; top:20px; width:3px; height:25px; background:#0952aa; }
.index02 .t1 { color:#000; font-weight: bold; font-size:20px; line-height: 1.3; display:flex; align-items: center; }
.index02 .t2 { color:rgba(0,0,0,.6); line-height: 1.3; margin-top: 8px; }
.index02 .more { position: relative; display:block; overflow: hidden; font-weight: bold; color:#0952aa; font-size:14px; margin-top: 15px; background:url(../images/border_h.png) no-repeat;background-size:100% 100%; clip-path: polygon(18px 0,100% 0,100% 39px ,165px 100%,0 100%,0 13px); width:180px; height:50px; line-height: 50px; text-align:center; transition:.3s background linear; }
.index02 .more:hover { background:#0952aa; color:#fff; transition:.2s all linear; }
.index02 .content { margin-top: 20px; }
.index02 .content .imgbox:after { padding-top: 90%; }
.index02 .list { margin-top: 15px; }
.index02 .list:after { content:''; display:block; clear:both; }
.index02 .slide { position: relative; float:left; width:49%; margin-right:2%; margin-bottom: 15px; }
.index02 .slide:nth-child(2n) { margin-right: 0; }
.index02 .slide .s1 { color:#fff; position: absolute; bottom:0; left:0; height:30px; line-height: 30px; padding:0 30px; padding-left:15px; min-width:60%; max-width:75%; }
.index02 .slide .s1 span { position: relative; z-index: 2; font-weight: bold; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left:12px; }
.index02 .slide .s1 span:before { content:''; position: absolute; left:0; top:50%; width:8px; height:8px; border-radius:8px; border:1px solid #fff; transform:translateY(-50%); }
.index02 .slide .s1:before { content:''; position: absolute; top:0; left:0px; width:100%; height:100%; background:#0952aa; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%); transition:.3s all linear; }
.index02 .slide .s1:after { content:''; position: absolute; top:0; left:0px; width:105%; height:100%; background:rgba(9,82,170,.2); clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%); transition:.3s .1s all linear; }
.index02 .slide:hover .s1:before { width:110%; transition:.3s .2s all linear; }
.index02 .slide:hover .s1:after { width:120%; background:rgba(9,82,170,.6); transition:.3s .1s all linear; }
@media(min-width:768px) {
  .index02 { padding:45px 0 60px; }
  .index02 .title .container:before { width:4px; height:25px; }
  .index02 .title .container:after { top:25px; width:4px; height:30px; }
  .index02 .t1 { font-size:24px; }
  .index02 .t2 { margin-top: 10px; }
  .index02 .more { margin-left: auto; margin-top: 10px;}
  .index02 .content { margin-top: 30px; }
  .index02 .list { margin-top: 20px; }
  .index02 .slide .s1 { padding-left:20px; height:35px; line-height: 35px; }
}
@media(min-width:992px) {
  .index02 { padding:60px 0 75px; }
  .index02 .title .container:before { width:5px; height:30px; }
  .index02 .title .container:after { top:30px; width:5px; height:35px; }
  .index02 .t1 { font-size:28px; }
  .index02 .more { margin-top: 20px;}
  .index02 .content { margin-top: 40px; }
  .index02 .list { flex:0 0 75%; max-width:75%; margin-top: 0; }
  .index02 .slide { width:32%; }
  .index02 .slide .s1 { padding-left:30px; height:40px; line-height: 40px; }
  .index02 .slide:nth-child(2n) { margin-right: 2%; }
  .index02 .slide:nth-child(3n) { margin-right: 0; }
}
@media(min-width:1200px) {
  .index02 { padding:70px 0 90px; }
  .index02 .title .container:before { height:35px; }
  .index02 .title .container:after { top:35px; height:40px; }
  .index02 .t1 { font-size:32px; }
  .index02 .t2 { margin-top: 12px; -webkit-line-clamp:4;}
  .index02 .more { margin-top: 25px;}
  .index02 .content { margin-top: 50px; }
}
@media(min-width:1400px) {
  .index02 { padding:80px 0 105px; }
  .index02 .title .container:before { height:40px; }
  .index02 .title .container:after { top:40px; height:45px; }
  .index02 .t1 { font-size:36px; }
  .index02 .t2 { margin-top: 14px;}
  .index02 .more {clip-path: polygon(22px 0,100% 0,100% 48px ,197px 100%,0 100%,0 15px); width:215px; height:60px; line-height: 60px; margin-top: 30px; }
  .index02 .more:hover { clip-path: polygon(0 0,193px 0,100% 15px,100% 100%,22px 100%,0 45px,0 0); }
  .index02 .content { margin-top: 55px; }
}
@media(min-width:1600px) {
  .index02 { padding:95px 0 120px; }
  .index02 .t1 { font-size:40px; }
  .index02 .t2 { margin-top: 15px;}
  .index02 .content { margin-top: 60px; }
}


.index03 {position: relative;overflow: hidden; background:#f3f7fb; padding:30px 0 45px; }
.index03 .title .container { padding-left: 45px; overflow: hidden; }
.index03 .title .container:before { content:''; position: absolute; left:15px; top:0; width:3px; height:20px; background:#3280dd; }
.index03 .title .container:after { content:''; position: absolute; left:15px; top:20px; width:3px; height:25px; background:#0952aa; }
.index03 .t1 { color:#000; font-weight: bold; font-size:19px; line-height: 1.3; display:flex; align-items: center; }
.index03 .t2 { color:rgba(0,0,0,.6); line-height: 1.3; margin-top: 8px; }
.index03 .more { position: relative; display:block; overflow: hidden; font-weight: bold; color:#0952aa; font-size:14px; margin-top: 15px; background:url(../images/border_h.png) no-repeat;background-size:100% 100%; clip-path: polygon(18px 0,100% 0,100% 39px ,165px 100%,0 100%,0 13px); width:180px; height:50px; line-height: 50px; text-align:center; transition:.3s background linear; }
.index03 .more:hover { background:#0952aa; color:#fff; transition:.2s all linear; }
.index03 .content { margin-top: 20px; }
.index03 .content .imgbox:after { padding-top: 90%; }
.index03 .swiper-slide { color:#fff; height:unset; text-align: center; }
.index03 .swiper-slide:before { content:''; position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(9,82,170,.8); transition:.3s .2s all linear; }
.index03 .swiper-slide:nth-child(2):before { background:rgba(197,40,49,.8); }
.index03 .swiper-slide:nth-child(3):before { background:rgba(68,81,100,.8); }
.index03 .swiper-slide a { display:block; position: relative; z-index: 2; padding:40px 10% 50px;}
.index03 .s1 { font-weight: bold; font-size:16px; line-height: 1.5; position: relative; padding-bottom: 15px; }
.index03 .s1:after { content:''; height:2px; width:20px; background:#fff; position: absolute; left:50%; bottom:0; transform:translateX(-50%); }
.index03 .s2 { color:rgba(255, 255, 255, .6); height:80px; line-height: 20px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 4; }
.index03 .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 background linear; }
.index03 .swiper-slide:hover:before { background:rgba(9,82,170,.5); transition:.3s all linear; }
.index03 .swiper-slide:nth-child(2):hover:before { background:rgba(197,40,49,.5); transition:.3s all linear; }
.index03 .swiper-slide:nth-child(3):hover:before { background:rgba(68,81,100,.5); transition:.3s all linear; }
.index03 .swiper-slide:hover .s3 { color:#fff; border-color:rgba(255,255,255,0); background:rgba(9,82,170,1); transition:.3s background linear; }
.index03 .swiper-slide:nth-child(2):hover .s3 { background:rgba(197,40,49,1); }
.index03 .swiper-slide:nth-child(3):hover .s3 { background:rgba(68,81,100,1); }
@media(min-width:768px) {
  .index03 { padding:45px 0 60px; }
  .index03 .title .container:before { width:4px; height:25px; }
  .index03 .title .container:after { top:25px; width:4px; height:30px; }
  .index03 .t1 { font-size:24px; }
  .index03 .t2 { margin-top: 10px; }
  .index03 .content { margin-top: 30px; }
  .index03 .swiper-slide a { padding:50px 10% 65px; }
  .index03 .s1 { font-size:18px; }
  .index03 .s1:after { height:3px; width:25px; }
  .index03 .s2 { height:88px; line-height: 22px; margin-top: 25px; }
  .index03 .s3 { margin-top: 15px; }
}
@media(min-width:992px) {
  .index03 { padding:60px 0 75px; }
  .index03 .title .container:before { width:5px; height:30px; }
  .index03 .title .container:after { top:30px; width:5px; height:35px; }
  .index03 .t1 { font-size:28px; }
  .index03 .more { margin-left: auto; margin-top: 20px;}
  .index03 .content { margin-top: 40px; }
  .index03 .swiper-slide a { padding:65px 10% 80px; }
  .index03 .s1 { font-size:20px; padding-bottom: 20px; }
  .index03 .s1:after { height:4px; width:28px; }
  .index03 .s2 { height:96px; line-height: 24px; margin-top: 30px; }
  .index03 .s3 { margin-top: 20px; }
}
@media(min-width:1200px) {
  .index03 { padding:70px 0 90px; }
  .index03 .title .container:before { height:35px; }
  .index03 .title .container:after { top:35px; height:40px; }
  .index03 .t1 { font-size:32px; }
  .index03 .t2 { margin-top: 12px; }
  .index03 .more { margin-top: 25px;}
  .index03 .content { margin-top: 50px; }
  .index03 .swiper-slide a { padding:75px 10% 95px; }
  .index03 .s1 { font-size:22px; padding-bottom: 25px; }
  .index03 .s2 { height:104px; line-height: 26px; margin-top: 35px; }
  .index03 .s3 { margin-top: 25px; }
}
@media(min-width:1400px) {
  .index03 { padding:80px 0 105px; }
  .index03 .title .container:before { height:40px; }
  .index03 .title .container:after { top:40px; height:45px; }
  .index03 .t1 { font-size:36px; }
  .index03 .t2 { margin-top: 14px;}
  .index03 .more {clip-path: polygon(22px 0,100% 0,100% 48px ,197px 100%,0 100%,0 15px); width:215px; height:60px; line-height: 60px; margin-top: 30px; }
  .index03 .content { margin-top: 55px; }
  .index03 .swiper-slide a { padding:90px 10% 110px; }
  .index03 .s1 { font-size:24px; }
  .index03 .s1:after { height:5px; width:31px; }
  .index03 .s2 { height:112px; line-height: 28px; margin-top: 40px; }
  .index03 .s3 { margin-top: 30px; }
}
@media(min-width:1600px) {
  .index03 { padding:95px 0 120px; }
  .index03 .t1 { font-size:40px; }
  .index03 .t2 { margin-top: 15px;}
  .index03 .content { margin-top: 60px; }
  .index03 .swiper-slide a { padding:105px 10% 130px; }
  .index03 .s1 { font-size:26px; }
  .index03 .s2 { height:120px; line-height: 30px; margin-top: 45px; }
}

.index04 {position: relative;overflow: hidden; background:#0952aa; padding-top:25px; }
.index04 .bottom-bg { background:#fff; width:100%; height:100px; position: absolute; bottom:0; }
.index04 .topbox { color:#fff; }
.index04 .topbox .container { padding-left: 45px; background:url(../images/logo_txt.png) no-repeat right top; background-size:50%; }
.index04 .topbox .container:before { content:''; position: absolute; left:15px; top:0; width:3px; height:20px; background:#cee4ff; }
.index04 .topbox .container:after { content:''; position: absolute; left:15px; top:20px; width:3px; height:25px; background:#fff; }
.index04 .t1 { font-weight: bold; font-size:20px; line-height: 1.3; display:flex; align-items: center; }
.index04 .t1 i { display:inline-block; width:25px; height:2px; background:#fff; margin-left:3px; margin-right: 6px; }
.index04 .t2 { color:rgba(255,255,255,.6); line-height: 1.3; margin-top: 8px; }
.index04 .more { position: relative; display:block; overflow: hidden; font-weight: bold; font-size:14px; margin-top: 5px; background:url(../images/border.png) no-repeat;background-size:100% 100%;  clip-path: polygon(18px 0,100% 0,100% 39px ,165px 100%,0 100%,0 13px); width:180px; height:50px; line-height: 50px; text-align:center; transition:.3s background linear; }
.index04 .more:hover { background:#fff; color:#0952aa; transition:.3s background linear; }
.index04 .list { position: relative; margin-top: 20px; }
.index04 .list .swiper-button-next, .index04 .list .swiper-button-prev { color: #fff;border: 3px solid #fff;border-radius: 500px;width: 45px;height: 45px;line-height: 45px; }
.index04 .list .swiper-button-next { right:5%; padding-left: 4px; }
.index04 .list .swiper-button-prev { left:5%; padding-right: 4px; }
.index04 .list .swiper-button-next:after, .index04 .list .swiper-button-prev:after { font-size:20px; font-weight: bold; line-height: 45px; }
.index04 .swiper-slide { height:unset; }
.index04 .txtbox { padding:14px; background:#f3f7fb; }
.index04 .s1 { position: relative; color:#1e1d1d; font-size:13px; font-weight: bold; padding-left: 12px; }
.index04 .s1:before { content:''; position: absolute; left:0; top:50%; width:8px; height:8px; border-radius:8px; border:1px solid #1e1d1d; transform:translateY(-50%); }
.index04 .s2 { display:inline-block; color:#fff; height:32px; line-height: 32px; padding:0 15px 0 10px; margin-top: 8px; background:#0952aa; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%); transition:.3s all linear; }
@media(min-width:576px) {
  .index04 .s2 { padding:0 25px 0 15px; }
}
@media(min-width:768px) {
  .index04 { padding-top:50px; }
  .index04 .topbox .container:before { width:4px; height:25px; }
  .index04 .topbox .container:after { top:25px; width:4px; height:30px; }
  .index04 .t1 { font-size:24px; }
  .index04 .t1 i { width:60px; margin-left:4px; margin-right: 8px; }
  .index04 .t2 { margin-top: 10px; }
  .index04 .list { margin-top: 30px; }
  .index04 .txtbox { padding:16px; }
  .index04 .s1 { font-size:14px; }
  .index04 .s2 { margin-top: 10px; height:36px; line-height: 36px; padding:0 30px 0 15px; }
  .index04 .swiper-slide:hover .s1 { color:#0952aa;}
  .index04 .swiper-slide .s2:hover { padding:0 45px 0 20px; transition:.3s all linear; }
}
@media(min-width:992px) {
  .index04 { padding-top:70px; }
  .index04 .topbox .container { padding-bottom: 15px; }
  .index04 .topbox .container:before { width:5px; height:30px; }
  .index04 .topbox .container:after { top:30px; width:5px; height:35px; }
  .index04 .t1 { font-size:28px; }
  .index04 .t1 i { width:70px; height:3px; margin-left:5px; margin-right: 10px; }
  .index04 .more { margin-left: auto; margin-top: 20px; margin-top: 10px;}
  .index04 .list { margin-top: 25px; }
  .index04 .txtbox { padding:18px; }
  .index04 .s1 { font-size:15px; }
  .index04 .s2 { margin-top: 12px; height:40px; line-height: 40px; padding-right: 35px; }
}
@media(min-width:1200px) {
  .index04 { padding-top:85px; }
  .index04 .topbox .container { padding-bottom: 20px; }
  .index04 .topbox .container:before { height:35px; }
  .index04 .topbox .container:after { top:35px; height:40px; }
  .index04 .t1 { font-size:32px; }
  .index04 .t1 i { width:75px; margin-left:6px; margin-right: 12px; }
  .index04 .t2 { margin-top: 12px; }
  .index04 .more { margin-top: 15px; }
  .index04 .list { margin-top: 30px; }
  .index04 .txtbox { padding:20px; }
  .index04 .s1 { font-size:16px; }
  .index04 .s2 { margin-top: 15px; padding-right: 40px; }
}
@media(min-width:1400px) {
  .index04 { padding-top:100px; }
  .index04 .topbox .container { padding-bottom: 30px; }
  .index04 .topbox .container:before { height:40px; }
  .index04 .topbox .container:after { top:40px; height:45px; }
  .index04 .t1 { font-size:36px; }
  .index04 .t1 i { width:80px; height:4px; margin-left:8px; margin-right: 16px; }
  .index04 .t2 { margin-top: 14px;}
  .index04 .more { clip-path: polygon(22px 0,100% 0,100% 48px ,197px 100%,0 100%,0 15px); width:215px; height:60px; line-height: 60px; margin-top: 20px; }
  .index04 .more:hover { clip-path: polygon(0 0,193px 0,100% 15px,100% 100%,22px 100%,0 45px,0 0); }
  .index04 .list { margin-top: 30px; }
  .index04 .txtbox { padding:23px; }
  .index04 .s1 { font-size:17px; }
  .index04 .s2 { margin-top: 18px; }
}
@media(min-width:1600px) {
  .index04 { padding-top:115px; }
  .index04 .t1 { font-size:40px; }
  .index04 .t1 i { width:85px; height:5px; margin-left:10px; margin-right: 20px; }
  .index04 .t2 { margin-top: 15px;}
  .index04 .more { margin-top: 25px; }
  .index04 .list { margin-top: 40px; }
  .index04 .list .swiper-button-next { left:calc(50vw + 715px); right:unset; }
  .index04 .list .swiper-button-prev { right:calc(50vw + 715px); left:unset; }
  .index04 .txtbox { padding:25px; }
  .index04 .s1 { font-size:18px; }
  .index04 .s2 { margin-top: 20px; }
}

.index05 {position: relative;overflow: hidden; padding:30px 0 45px; }
.index05 .title .container { padding-left: 45px; }
.index05 .title .container:before { content:''; position: absolute; left:15px; top:0; width:3px; height:20px; background:#3280dd; }
.index05 .title .container:after { content:''; position: absolute; left:15px; top:20px; width:3px; height:25px; background:#0952aa; }
.index05 .t1 { color:#000; font-weight: bold; font-size:20px; line-height: 1.3; display:flex; align-items: center; }
.index05 .t2 { color:rgba(0,0,0,.6); line-height: 1.3; margin-top: 8px; }
.index05 .more { position: relative; display:block; overflow: hidden; font-weight: bold; color:#0952aa; font-size:14px; margin-top: 15px; background:url(../images/border_h.png) no-repeat;background-size:100% 100%; clip-path: polygon(18px 0,100% 0,100% 39px ,165px 100%,0 100%,0 13px); width:180px; height:50px; line-height: 50px; text-align:center; transition:.3s background linear; }
.index05 .more:hover { background:#0952aa; color:#fff; transition:.2s all linear; }
.index05 .content { margin-top: 20px; }
.index05 .content .imgbox:after { padding-top: 70%; }
.index05 .box1 { position: relative; background:#f3f7fb; padding:14px 12px; }
.index05 .box1:before { content:''; position: absolute; top:0; left:0; width:100%; height:46%; background:#0952aa; }
.index05 .box1 .c1 { color:#000000; font-size:14px; font-weight: bold; margin-top: 9px; }
.index05 .box1 .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 .box1 .c3 { display:inline-block; color:#fff; height:32px; line-height: 32px; padding:0 15px 0 10px; margin-top: 8px; background:#0952aa; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%); transition:.3s all linear; }
.index05 .box1:hover .c1 { color:#0952aa; }
.index05 .box2 { position: relative; background:#f3f7fb; padding:14px 12px; margin-top: 15px; }
.index05 .box2 a { margin-top: 10px; display: block; }
.index05 .box2 .c1 { color:#000; font-size:14px; }
.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; white-space: nowrap; text-align:right; display: flex; align-items: center; justify-content: space-between; }
.index05 .box2 .c3:before { content:''; height:1px; width:25%; margin-right:20px; background:#cccdcd; }
.index05 .box2 a:hover .c1 { color:#0952aa; }
.index05 .box3 { position: relative; background:#f3f7fb; padding:14px 12px; margin-top: 15px; }
.index05 .box3 .c1 { color:rgba(0,0,0,.8); line-height: 2.5; flex:1; width:50%; margin-right:15px; }
.index05 .box3 .c3 { color:#5e5b5b; text-align:right; }
.index05 .box3 a:hover .c1 { color:#0952aa; }
@media(min-width:576px) {
  .index05 .box1 .c3 { padding:0 25px 0 15px; }
}
@media(min-width:768px) {
  .index05 { padding:45px 0 60px; }
  .index05 .title .container:before { width:4px; height:25px; }
  .index05 .title .container:after { top:25px; width:4px; height:30px; }
  .index05 .t1 { font-size:24px; }
  .index05 .t2 { margin-top: 10px; }
  .index05 .more { margin-left: auto; margin-top: 10px;}
  .index05 .content { margin-top: 30px; }
  .index05 .box1 { padding:15px 14px; }
  .index05 .box1 .c1 { font-size:16px; margin-top: 16px; }
  .index05 .box1 .c2 { margin-top: 8px; }
  .index05 .box1 .c3 { margin-top: 10px; height:36px; line-height: 36px; padding:0 30px 0 15px; }
  .index05 .box1 a:hover .c3 { padding:0 45px 0 20px; transition:.3s all linear; }
  .index05 .box2 { padding:23px 18px; margin-top: 0; }
  .index05 .box2 a { margin-top: 0px; }
  .index05 .box2 .c1 { font-size:16px; }
  .index05 .box2 .c2 { margin-top: 8px; }
  .index05 .box2 .c3 { margin-top: 12px; }
  .index05 .box3 { padding:23px 18px; }
}
@media(min-width:992px) {
  .index05 { padding:60px 0 75px; }
  .index05 .title .container:before { width:5px; height:30px; }
  .index05 .title .container:after { top:30px; width:5px; height:35px; }
  .index05 .t1 { font-size:28px; }
  .index05 .more { margin-top: 20px;}
  .index05 .content { margin-top: 40px; }
  .index05 .box1 { padding:18px 17px; }
  .index05 .box1 .txtbox { padding:0 5px; }
  .index05 .box1 .c1 { font-size:17px; margin-top: 15px; }
  .index05 .box1 .c2 { margin-top: 10px; }
  .index05 .box1 .c3 { margin-top: 12px; height:40px; line-height: 40px; padding-right: 35px; }
  .index05 .box2 { padding:25px 20px; }
  .index05 .box2 .c1 { font-size:17px; }
  .index05 .box2 .c2 { margin-top: 10px; }
  .index05 .box2 .c3 { margin-top: 16px; }
  .index05 .box3 { padding:25px 20px; }
}
@media(min-width:1200px) {
  .index05 { padding:70px 0 85px; }
  .index05 .title .container:before { height:35px; }
  .index05 .title .container:after { top:35px; height:40px; }
  .index05 .t1 { font-size:32px; }
  .index05 .t2 { margin-top: 12px; -webkit-line-clamp:4;}
  .index05 .more { margin-top: 25px;}
  .index05 .content { margin-top: 50px; }
  .index05 .box1 { padding:20px 19px; }
  .index05 .box1 .txtbox { padding:0 10px; }
  .index05 .box1 .c1 { font-size:18px; margin-top: 19px; }
  .index05 .box1 .c2 { margin-top: 15px; }
  .index05 .box1 .c3 { margin-top: 15px; padding-right: 40px; }
  .index05 .box2 { padding:35px 30px; }
  .index05 .box2 .c1 { font-size:18px; }
  .index05 .box2 .c2 { margin-top: 12px; }
  .index05 .box2 .c3 { margin-top: 20px; font-size:14px; }
  .index05 .box3 { padding:35px 30px; }
  .index05 .box3 .c3 { font-size:14px; }
}
@media(min-width:1400px) {
  .index05 { padding:80px 0 95px; }
  .index05 .title .container:before { height:40px; }
  .index05 .title .container:after { top:40px; height:45px; }
  .index05 .t1 { font-size:36px; }
  .index05 .t2 { margin-top: 14px;}
  .index05 .more {clip-path: polygon(22px 0,100% 0,100% 48px ,197px 100%,0 100%,0 15px); width:215px; height:60px; line-height: 60px; margin-top: 30px; }
  .index05 .more:hover { clip-path: polygon(0 0,193px 0,100% 15px,100% 100%,22px 100%,0 45px,0 0); }
  .index05 .content { margin-top: 55px; }
  .index05 .box1 { padding:23px 21px 36px; }
  .index05 .box1 .txtbox { padding:0 15px; }
  .index05 .box1 .c1 { font-size:20px; margin-top: 22px; }
  .index05 .box1 .c3 { margin-top: 18px; }
  .index05 .box2 { padding:50px 45px; }
  .index05 .box2 .c1 { font-size:20px; }
  .index05 .box2 .c2 { margin-top: 14px; }
  .index05 .box2 .c3 { margin-top: 24px; }
  .index05 .box3 { padding:44px 45px; }
}
@media(min-width:1600px) {
  .index05 { padding:95px 0 110px; }
  .index05 .t1 { font-size:40px; }
  .index05 .t2 { margin-top: 15px;}
  .index05 .content { margin-top: 60px; }
  .index05 .box1 { padding:25px 23px 41px; }
  .index05 .box1 .txtbox { padding:0 18px; }
  .index05 .box1 .c1 { font-size:22px; margin-top: 25px; }
  .index05 .box1 .c3 { margin-top: 20px; }
  .index05 .box2 { padding:55px 55px; }
  .index05 .box2 .c1 { font-size:22px; }
  .index05 .box2 .c3 { margin-top: 28px; }
  .index05 .box3 { padding:50px 55px; }
}


.company01 {position: relative;overflow: hidden;padding:25px 0 35px;}
.company01 .t1 { color:#4c5054; font-weight: bold; font-size:19px; line-height: 1.3; }
.company01 .t1 i { display:none; width:25px; height:2px; background:#4c5054; margin:5px 6px 5px 3px; }
.company01 .c1 { color:rgba(0,0,0,.6); line-height: 2; margin-top: 10px; text-align:justify; overflow: hidden; }
.company01 .list { margin-top: 30px; }
.company01 .swiper-slide { padding:20px 25px 45px; background:linear-gradient(-45deg, transparent 30px, #f3f7fb 0) bottom right; height:unset; }
.company01 .s1 { color:#0952aa; font-weight: bold; }
.company01 .s1 i { display:inline-block; margin-right: 5px; height:1px; width:10px; background:#0952aa; }
.company01 .s2 { margin-top: 15px; }
.company01 .s3 { color:#252726; font-size:14px; font-weight: bold; margin-top: 10px; }
.company01 .s4 { color:rgba(37,39,38,.8); line-height: 1.5; margin-top: 10px; }
@media(min-width:768px) {
  .company01 { padding:40px 0 50px; }
  .company01 .t1 { font-size:24px; display:flex; align-items: center; }
  .company01 .t1 i { display:inline-block; width:60px; margin-left:4px; margin-right: 8px; }
  .company01 .c1 { margin-top: 12px; }
  .company01 .list { margin-top: 35px; }
  .company01 .s1 i { width:14px; }
  .company01 .s2 { margin-top: 20px; }
}
@media(min-width:992px) {
  .company01 { padding:55px 0 60px; }
  .company01 .t1 { font-size:28px; }
  .company01 .t1 i { width:70px; height:3px; margin-left:5px; margin-right: 10px; }
  .company01 .list { margin-top: 40px; }
  .company01 .swiper-slide { padding:20px 30px 40px; background:linear-gradient(-45deg, transparent 35px, #f3f7fb 0) bottom right; }
  .company01 .s1 i { width:17px; }
  .company01 .s2 { margin-top: 25px; }
  .company01 .s3 { font-size:16px; margin-top: 12px; }
  .company01 .s4 { margin-top: 12px; }
}
@media(min-width:1200px) {
  .company01 { padding:70px 0 80px; }
  .company01 .t1 { font-size:32px; }
  .company01 .t1 i { width:75px; margin-left:6px; margin-right: 12px; }
  .company01 .c1 { margin-top: 15px; }
  .company01 .list { margin-top: 45px; }
  .company01 .swiper-slide { padding:22px 35px 45px; background:linear-gradient(-45deg, transparent 40px, #f3f7fb 0) bottom right; }
  .company01 .s1 i { width:20px; }
  .company01 .s2 { margin-top: 30px; }
  .company01 .s3 { font-size:18px; margin-top: 15px; }
  .company01 .s4 { margin-top: 15px; }
}
@media(min-width:1400px) {
  .company01 { padding:85px 0 100px; }
  .company01 .t1 { font-size:36px; }
  .company01 .t1 i { width:80px; height:4px; margin-left:8px; margin-right: 16px; }
  .company01 .c1 { margin-top: 18px;}
  .company01 .list { margin-top: 50px; }
  .company01 .swiper-slide { padding:26px 40px 50px; background:linear-gradient(-45deg, transparent 45px, #f3f7fb 0) bottom right; }
  .company01 .s1 i { width:23px; }
  .company01 .s2 { margin-top: 35px; }
  .company01 .s3 { font-size:20px; margin-top: 18px; }
  .company01 .s4 { margin-top: 18px; }
}
@media(min-width:1600px) {
  .company01 { padding:100px 0 120px; }
  .company01 .t1 { font-size:40px; }
  .company01 .t1 i { width:85px; height:5px; margin-left:10px; margin-right: 20px; }
  .company01 .c1 { margin-top: 20px;}
  .company01 .list { margin-top: 55px; }
  .company01 .swiper-slide { padding:30px 45px 60px; background:linear-gradient(-45deg, transparent 50px, #f3f7fb 0) bottom right; }
  .company01 .s1 i { width:26px; }
  .company01 .s2 { margin-top: 40px; }
  .company01 .s3 { font-size:22px; margin-top: 20px; }
  .company01 .s4 { margin-top: 20px; }
}

.company02 {position: relative;overflow: hidden; background:#0952aa; padding-top:25px; }
.company02 .bottom-bg { background:#fff; width:100%; height:100px; position: absolute; bottom:0; }
.company02 .t1 { color:#fff; font-weight: bold; font-size:20px; line-height: 1.3; display:flex; align-items: center; }
.company02 .t1 i { display:inline-block; width:25px; height:2px; background:#fff; margin-left:3px; margin-right: 6px; }
.company02 .t2 { color:rgba(255,255,255,.6); line-height: 1.3; margin-top: 8px; }
.company02 .list { position: relative; margin-top: 20px; }
.company02 .swiper-slide { height:unset; }
.company02 .txtbox { padding:14px; background:#f3f7fb; }
.company02 .s1 { position: relative; color:#1e1d1d; font-size:13px; font-weight: bold; padding-left: 12px; }
.company02 .s1:before { content:''; position: absolute; left:0; top:50%; width:8px; height:8px; border-radius:8px; border:1px solid #1e1d1d; transform:translateY(-50%); }
.company02 .s2 { display:inline-block; color:#fff; height:32px; line-height: 32px; padding:0 15px 0 10px; margin-top: 8px; background:#0952aa; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%); transition:.3s all linear; }
@media(min-width:576px) {
  .company02 .s2 { padding:0 25px 0 15px; }
}
@media(min-width:768px) {
  .company02 { padding-top:50px; }
  .company02 .t1 { font-size:24px; }
  .company02 .t1 i { width:60px; margin-left:4px; margin-right: 8px; }
  .company02 .t2 { margin-top: 10px; }
  .company02 .list { margin-top: 30px; }
  .company02 .txtbox { padding:16px; }
  .company02 .s1 { font-size:14px; }
  .company02 .s2 { margin-top: 10px; height:36px; line-height: 36px; padding:0 30px 0 15px; }
  .company02 .swiper-slide:hover .s1 { color:#0952aa;}
  .company02 .swiper-slide .s2:hover { padding:0 45px 0 20px; transition:.3s all linear; }
}
@media(min-width:992px) {
  .company02 { padding-top:70px; }
  .company02 .t1 { font-size:28px; }
  .company02 .t1 i { width:70px; height:3px; margin-left:5px; margin-right: 10px; }
  .company02 .list { margin-top: 25px; }
  .company02 .txtbox { padding:18px; }
  .company02 .s1 { font-size:15px; }
  .company02 .s2 { margin-top: 12px; height:40px; line-height: 40px; padding-right: 35px; }
}
@media(min-width:1200px) {
  .company02 { padding-top:85px; }
  .company02 .t1 { font-size:32px; }
  .company02 .t1 i { width:75px; margin-left:6px; margin-right: 12px; }
  .company02 .t2 { margin-top: 12px; }
  .company02 .list { margin-top: 30px; }
  .company02 .txtbox { padding:20px; }
  .company02 .s1 { font-size:16px; }
  .company02 .s2 { margin-top: 15px; padding-right: 40px; }
}
@media(min-width:1400px) {
  .company02 { padding-top:100px; }
  .company02 .t1 { font-size:36px; }
  .company02 .t1 i { width:80px; height:4px; margin-left:8px; margin-right: 16px; }
  .company02 .t2 { margin-top: 14px;}
  .company02 .list { margin-top: 30px; }
  .company02 .txtbox { padding:23px; }
  .company02 .s1 { font-size:17px; }
  .company02 .s2 { margin-top: 18px; }
}
@media(min-width:1600px) {
  .company02 { padding-top:115px; }
  .company02 .t1 { font-size:40px; }
  .company02 .t1 i { width:85px; height:5px; margin-left:10px; margin-right: 20px; }
  .company02 .t2 { margin-top: 15px;}
  .company02 .list { margin-top: 40px; }
  .company02 .txtbox { padding:25px; }
  .company02 .s1 { font-size:18px; }
  .company02 .s2 { margin-top: 20px; }
}

.company03 {position: relative;overflow: hidden;padding:25px 0 35px;}
.company03 .t1 { color:#4c5054; font-weight: bold; font-size:19px; line-height: 1.3; }
.company03 .t1 i { display:none; width:25px; height:2px; background:#4c5054; margin:5px 6px 5px 3px; }
.company03 .c1 { color:rgba(0,0,0,.6); line-height: 2; margin-top: 10px; text-align:justify; overflow: hidden; }
.company03 .list { margin-top: 30px; }
.company03 .swiper-slide .s1 { color:#fff; position: absolute; bottom:0; left:0; height:30px; line-height: 30px; padding:0 30px; padding-left: 15px; min-width:60%; max-width:75%; }
.company03 .swiper-slide .s1 span { position: relative; z-index: 2; font-weight: bold; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left:12px; }
.company03 .swiper-slide .s1 span:before { content:''; position: absolute; left:0; top:50%; width:8px; height:8px; border-radius:8px; border:1px solid #fff; transform:translateY(-50%); }
.company03 .swiper-slide .s1:before { content:''; position: absolute; top:0; left:0px; width:100%; height:100%; background:#0952aa; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%); transition:.3s all linear; }
.company03 .swiper-slide .s1:after { content:''; position: absolute; top:0; left:10px; width:100%; height:100%; background:rgba(9,82,170,.2); clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%); transition:.3s .1s all linear; }
.company03 .swiper-slide:hover .s1:before { width:110%; transition:.3s .2s all linear; }
.company03 .swiper-slide:hover .s1:after { width:120%; background:rgba(9,82,170,.6); transition:.3s .1s all linear; }
@media(min-width:768px) {
  .company03 { padding:40px 0 50px; }
  .company03 .t1 { font-size:24px; display:flex; align-items: center; }
  .company03 .t1 i { display:inline-block; width:60px; margin-left:4px; margin-right: 8px; }
  .company03 .c1 { margin-top: 12px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; text-overflow: ellipsis; }
  .company03 .list { margin-top: 35px; }
  .company03 .swiper-slide .s1 { padding-left:20px; height:35px; line-height: 35px; }
}
@media(min-width:992px) {
  .company03 { padding:55px 0 60px; }
  .company03 .t1 { font-size:28px; }
  .company03 .t1 i { width:70px; height:3px; margin-left:5px; margin-right: 10px; }
  .company03 .list { margin-top: 40px; }
  .company03 .swiper-slide .s1 { padding-left:30px; height:40px; line-height: 40px; }
}
@media(min-width:1200px) {
  .company03 { padding:70px 0 80px; }
  .company03 .t1 { font-size:32px; }
  .company03 .t1 i { width:75px; margin-left:6px; margin-right: 12px; }
  .company03 .c1 { margin-top: 15px; -webkit-line-clamp:4;}
  .company03 .list { margin-top: 45px; }
}
@media(min-width:1400px) {
  .company03 { padding:85px 0 100px; }
  .company03 .t1 { font-size:36px; }
  .company03 .t1 i { width:80px; height:4px; margin-left:8px; margin-right: 16px; }
  .company03 .c1 { margin-top: 18px;}
  .company03 .list { margin-top: 50px; }
}
@media(min-width:1600px) {
  .company03 { padding:100px 0 120px; }
  .company03 .t1 { font-size:40px; }
  .company03 .t1 i { width:85px; height:5px; margin-left:10px; margin-right: 20px; }
  .company03 .c1 { margin-top: 20px;}
  .company03 .list { margin-top: 55px; }
}

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

.infopage .mainbox { padding:15px 0 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 .sidebox { padding: 0px 0 35px; margin-top: 15px; }
  .infopage .mainbox .content { padding-top: 15px; padding-bottom:40px;}
  .infopage .mainbox .content .t1 { font-size:22px; }
}
@media(min-width:992px) {
  .infopage .sidebox { height:100%; padding-top: 30px; margin-top: 0; }
  .infopage .mainbox { padding: 50px 15px; flex:0 0 75%; max-width:75%; margin-top: 0; }
  .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 { padding-top: 35px; }
  .infopage .mainbox { padding: 60px 15px; }
  .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 { padding-top: 40px; }
  .infopage .mainbox { padding: 70px 15px; }
  .infopage .mainbox .content .t1 { font-size:28px; }
}
@media(min-width:1600px) {
  .infopage .sidebox { padding-top: 45px; }
  .infopage .mainbox { padding: 80px 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:#0952aa; 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:after { padding-top: 86%; }
.proinfo01 .imgbox:hover img { transform:translate(-50%,-50%) scale(1); }
@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; }
}
@media(min-width:992px) {
  .proinfo01 { padding-bottom: 30px; }
  .proinfo01 .content { border-radius: 18px; margin-top: 25px; }
  .proinfo01 .c1 { font-size:24px; }
  .proinfo01 .c2 { margin-top: 14px; }
  .proinfo01 .tag { padding:12px 55px; padding-right:24px; background-position:left 17px center; }
  .proinfo01 .a1 { font-size:16px; line-height: 55px; height:55px; padding:0 30px; }
}
@media(min-width:1200px) {
  .proinfo01 { 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; }
}
@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; }
}
@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; }
}

.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 #3280dd; padding-left: 12px; }
.proinfo02 .info { color:rgba(58,58,58,.6); line-height: 2; margin-top: 15px;}
@media(min-width:576px) {
  .proinfo02 .t1 { font-size:24px; }
}
@media(min-width:768px) {
  .proinfo02 { 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 #3280dd; 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 #3280dd; 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:rgba(9,82,170,.8); transition:.3s .2s all linear; }
.ys-swiper .swiper-slide:nth-child(2):before { background:rgba(197,40,49,.8); }
.ys-swiper .swiper-slide:nth-child(3):before { background:rgba(68,81,100,.8); }
.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); height:60px; 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 { background:rgba(9,82,170,.5); transition:.3s all linear; }
.ys-swiper .swiper-slide:nth-child(2):hover:before { background:rgba(197,40,49,.5); transition:.3s all linear; }
.ys-swiper .swiper-slide:nth-child(3):hover:before { background:rgba(68,81,100,.5); transition:.3s all linear; }
.ys-swiper .swiper-slide:hover .s3 { color:#0952aa; 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 { height:66px; 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 { height:72px; 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 { height:78px; 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 { height:84px; 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 { height:90px; line-height: 30px; margin-top: 45px; }
}

.hot-swiper { margin-top: 20px; }
.hot-swiper .swiper-slide .s1 { color:#fff; position: absolute; bottom:0; left:0; height:30px; line-height: 30px; padding:0 30px; padding-left: 15px; min-width:60%; max-width:75%; }
.hot-swiper .swiper-slide .s1 span { position: relative; z-index: 2; font-weight: bold; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left:12px; }
.hot-swiper .swiper-slide .s1 span:before { content:''; position: absolute; left:0; top:50%; width:8px; height:8px; border-radius:8px; border:1px solid #fff; transform:translateY(-50%); }
.hot-swiper .swiper-slide .s1:before { content:''; position: absolute; top:0; left:0px; width:100%; height:100%; background:#0952aa; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%); transition:.3s all linear; }
.hot-swiper .swiper-slide .s1:after { content:''; position: absolute; top:0; left:0px; width:105%; height:100%; background:rgba(9,82,170,.2); clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%); transition:.3s .1s all linear; }
.hot-swiper .swiper-slide:hover .s1:before { width:110%; transition:.3s .2s all linear; }
.hot-swiper .swiper-slide:hover .s1:after { width:120%; background:rgba(9,82,170,.6); transition:.3s .1s all linear; }
@media(min-width:768px) {
  .hot-swiper { margin-top: 25px; }
  .hot-swiper .swiper-slide .s1 { padding-left:20px; height:35px; line-height: 35px; }
}
@media(min-width:992px) {
  .hot-swiper { margin-top: 30px; }
  .hot-swiper .swiper-slide .s1 { padding-left:30px; height:40px; line-height: 40px; }
}
@media(min-width:1200px) {
  .hot-swiper { margin-top: 35px; }
}
@media(min-width:1400px) {
  .hot-swiper { margin-top: 40px; }
}
@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:#0952aa; font-size:150%; font-weight: bold; width:30px; height:30px; line-height: 30px; text-align:center; border-radius:50px; background: #fff; }
.submit {background:#0952aa;border-color:#0952aa;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: #0952aa;}
  .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: 0; }
.sidebox:after { content:''; position: absolute; left:0; top:0; right:0px; height:100%; background:#f3f7fb;}
.sidebox .tit { position: relative; z-index: 1; padding:15px 20px 15px; }
.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:#000; font-size:18px;line-height: 1.2;font-weight: bold;position:relative;cursor:pointer;}
.sidebox .s2 { color:rgba(0,0,0,.6); font-size:12px; line-height: 2; text-transform: uppercase; }
.sideboxlist {display:none; position: relative; z-index: 1; padding-bottom: 15px; }
.sideboxlist.active {display:block;}
.sideboxslide {position: relative; color:#555555;display: flex; align-items: center; transition: .36s all linear; }
.sideboxslide a {white-space: nowrap;text-overflow: ellipsis;overflow:hidden; width:100%; padding:10px 20px;}
.sideboxslide a div { white-space: nowrap; overflow: hidden; text-overflow:  ellipsis; width:80%;}
.sideboxslide a div:nth-child(1) {color:#000; font-size:14px; font-weight: bold;}
.sideboxslide a div:last-child {color:rgba(0,0,0,.8); margin-top: 6px; }
.sideboxslide:before { content:'\e600'; font-family:'iconfont'; color:#000; position: absolute; right:36px; top:50%; transform:translateY(-50%); }
.sideboxslide:hover { background: #0952aa; transition: .36s all linear; }
.sideboxslide:hover a div { color:#fff; }
.sideboxslide:hover:before { color:#fff; }
.sideboxtel { position: relative; z-index: 1; padding:0 20px; }
.sideboxtelpanel { padding:15px 0; border-top:1px solid rgba(0,0,0,.2); }
.sideboxtel1 { color:rgba(0,0,0,.8); }
.sideboxtel2 { color:#0952aa; font-weight: bold; font-family:'Futura Md BT'; font-size:22px; line-height: 1.6; margin-top: 5px; }
.sideboxslide.index:nth-child(n+5) { display:none; }
@media(min-width:768px) {
	.sidebox .s1 {font-size:18px;}
}
@media(min-width:992px) {
  .sidebox { flex:0 0 24%; max-width:24%; }
  .sidebox:after { right:10px; }
  .sidebox .tit { padding:20px 25px 15px; }
	.sidebox .tit:after {display:none;}
	.sidebox .s1 {font-size:20px;}
  .sidebox .s2 { font-size:13px; }
	.sideboxlist {display: block; }
  .sideboxslide a { padding:13px 25px; }
  .sideboxslide a div:nth-child(1) { font-size:16px; }
  .sideboxslide a div:last-child { margin-top: 8px; }
  .sideboxtel { padding:0 25px; }
  .sideboxtelpanel { padding:17px 0 15px; }
}
@media(min-width:1200px) {
	.sidebox { height:100%; }
  .sidebox .tit {padding:25px 30px 17px;}
	.sidebox .s1 {font-size:24px;}
  .sidebox .s2 { font-size:14px; }
  .sideboxslide a { padding:16px 30px; }
  .sideboxslide a div:nth-child(1) { font-size:18px; }
  .sideboxslide a div:last-child { margin-top: 10px; }
  .sideboxtel { padding:0 30px; }
  .sideboxtelpanel { padding:22px 0 17px; }
  .sideboxtel2 { margin-top: 8px; font-size:24px; }
}
@media(min-width:1400px) {
  .sidebox .tit {padding:30px 35px 20px;}
	.sidebox .s1 {font-size:26px;}
  .sideboxslide a { padding:18px 35px; }
  .sideboxslide a div:nth-child(1) {font-size:17px;}
  .sideboxslide a div:last-child { margin-top: 12px; }
  .sideboxtel { padding:0 35px; }
  .sideboxtelpanel { padding:25px 0 20px; }
  .sideboxtel2 { margin-top: 10px; font-size:26px; }
}
@media(min-width:1600px) {
  .sidebox .tit {padding:35px 40px 25px; }
	.sidebox .s1 {font-size:28px;}
  .sideboxslide a { padding:20px 40px; }
  .sideboxslide a div:nth-child(1) {font-size:18px;}
  .sideboxtel { padding:0 40px; }
  .sideboxtelpanel { padding:28px 0 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:#0952aa;line-height: 1.5;border-bottom:1px solid #0952aa;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 #0952aa;}
.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:#0952aa;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:#0952aa;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:#0952aa;}
.goods03-title span {display:block;height:5px;background:#0952aa;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:#0952aa;}
.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:#0952aa; 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:#0952aa;}
  .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:#0952aa;}
@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:#0952aa; 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:#0952aa; font-weight: bold; line-height: 1.1; white-space: nowrap; margin-top: 5px; font-size:22px; }
.contact01 .s3 { color:#0952aa; line-height: 1.3; margin-top: 5px; font-size:16px; }
.contact01 .slide:hover .ali-icon { background:rgba(9, 82, 170,.8); clip-path:polygon(0 0,80% 0,100% 13%,100% 100%,20% 100%,0 85%); transition:.3s all linear; }
.contact01 .slide:hover .s2 { color:rgba(9, 82, 170,.8); }
.contact01 .slide:hover .s3 { color:rgba(9, 82, 170,.8); }
@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:#0952aa;display:block;text-align:center;border-radius:0;}
.message01 .submit .btn2 {padding:0;border:none;border-radius: 0;background:#0952aa; }
.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; margin-bottom: 15px; line-height: 1.3; }
.inmessage .t1 span { color:#da1515; }
.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: #0952aa;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; text-align:center; }
  .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: #0952aa; padding:15px 0 10px; }
.footer a {color:#fff;}
.footer a:hover {color:#fff;text-decoration: underline;}
.footer .flogo { font-weight: bold; font-size:26px; line-height: 1.3; }
.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 { border-top:1px solid rgba(255,255,255,.3); padding:10px 0; margin-top: 15px; }
.footer .f-nav a { font-weight: bold; line-height:1.5; padding:15px; 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,.8); line-height: 1.8; margin-top: 10px; }
.footer .ewm { margin-right: 15px; }
.footer .ewm img { width:65px; }
.footer .share { margin-top: 15px; white-space: nowrap; }
.footer .share a { display:inline-block; margin:0 5px; color:#0952aa; border:1px solid #fff; background:#fff; font-size:14px; text-align:center; border-radius:50px; width:24px; height:24px; line-height: 24px; text-decoration: none; }
.footer .share a:hover { background:#0952aa; color:#fff; border-color:#fff; }
.footer .fbottom { color:rgba(255,255,255,.6); line-height: 1.7; padding: 10px; }
@media(min-width:768px) {
  .footer { padding:20px 0 14px; }
  .footer .flogo { font-size:30px; }
  .footer .s1 { margin-top: 20px; }
  .footer .s2 { font-size:20px; }
  .footer .c1 { margin-top: 15px; }
  .footer .f-nav { padding:15px 0; margin-top: 20px; }
  .footer .fbottom {padding: 0 15px; }
}
@media(min-width:992px) {
  .footer { padding:25px 0 17px; }
  .footer .flogo { font-size:34px; }
  .footer .s1 { margin-top: 25px; }
  .footer .s2 { font-size:22px; }
  .footer .c1 { line-height: 2; margin-top: 0; }
  .footer .f-nav { padding:20px 0 15px; margin-top: 25px; }
  .footer .fbottom { font-size:14px; }
}
@media(min-width:1200px) {
  .footer { padding:30px 0 20px; }
  .footer .flogo { font-size:38px; }
  .footer .s1 { margin-top: 30px; }
  .footer .s1 span { font-size:14px; }
  .footer .s2 { font-size:24px; }
  .footer .ewms1 { font-size:14px; }
  .footer .f-nav { margin-top: 30px; }
  .footer .f-nav a { font-size:14px; }
}
@media(min-width:1400px) {
  .footer { padding:35px 0 22px; }
  .footer .flogo { font-size:42px; }
  .footer .s1 { margin-top: 35px; }
  .footer .s2 { font-size:26px; }
  .footer .f-nav { padding:25px 0 20px; margin-top: 35px; }
  .footer .f-nav a { font-size:17px; }
}
@media(min-width:1600px) {
  .footer { padding:40px 0 25px; }
  .footer .flogo { font-size:46px; }
  .footer .s1 { margin-top: 40px; }
  .footer .s2 { font-size:28px; }
  .footer .f-nav { padding:30px 0 25px; margin-top: 40px; }
  .footer .f-nav a { font-size:18px; }
}

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