﻿#banner #swiper1 .swiper-slide img{width:100%;animation:banner 30s;animation-iteration-count:infinite;-webkit-animation:banner 30s;-webkit-animation-iteration-count:infinite}
@keyframes banner{0%{transform:scale(1)}
50%{transform:scale(1.15)}
100%{transform:scale(1)}
}
@-webkit-keyframes banner{0%{transform:scale(1)}
50%{transform:scale(1.15)}
100%{transform:scale(1)}
}
#banner #swiper1 .swiper-slide .swipertext{position:absolute;top:22.5%;left:13.75%;z-index:1;padding-right:46px}
#banner #swiper1 .swiper-slide .swipertext h1{color:#fff;font-weight:700;font-size:60px;line-height:normal}
#banner #swiper1 .swiper-slide .swipertext h1 span{font-weight:400}
#banner #swiper1 .swiper-slide .swipertext h2{margin-top:40px;margin-bottom:104px;color:#fff;font-weight:inherit;font-size:25px}
#banner #swiper1 .swiper-slide .swipertext a{padding:17px 59px;background-color:rgba(0,0,0,.6);color:#fff;font-size:14px;transition:all .5s}
#banner #swiper1 .swiper-slide .swipertext a:hover{background-color:rgba(255,255,255,.4)}
#swiper1 #sb1{top:81.7%;left:-34.3%}
#swiper1 .swiper-pagination-bullet-active{margin:0 7px;width:16px;height:16px;background-color:#fff}
#swiper1 .swiper-pagination-bullet{margin:0 7px;width:16px;height:16px;border:1px solid #fff}
.pc{display: block}
.mobile{display: none;}
@media (max-width:768px){
.pc{display: none}
.mobile{display: block;}	
}


/* Homepage hero: separate desktop/mobile tracks prevent hidden blank slides. */
#banner{position:relative;width:100%;height:clamp(540px,50vw,960px);margin:0;overflow:hidden;background:#edf0f2}
#banner .hero-swiper,#banner .swiper-wrapper,#banner .swiper-slide{width:100%;height:100%}
#banner .swiper-slide{overflow:hidden;background:#edf0f2}
#banner .swiper-slide::after{content:"";position:absolute;right:0;bottom:0;left:0;height:25%;pointer-events:none;background:linear-gradient(to top,rgba(24,43,54,.12),rgba(24,43,54,0))}
#banner .hero-media{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.025);will-change:transform;animation:none!important}
#banner .swiper-slide-active .hero-media{animation:banner-focus 7.2s cubic-bezier(.2,.55,.35,1) both!important}
@keyframes banner-focus{from{transform:scale(1.025)}to{transform:scale(1.085)}}
#banner .hero-swiper--mobile{display:none}
#banner .hero-pagination,#banner #swiper1 #sb1{top:auto;right:auto;bottom:clamp(24px,3.3vw,52px);left:50%;width:auto;transform:translateX(-50%);line-height:0}
#banner .hero-pagination .swiper-pagination-bullet{box-sizing:border-box;width:10px;height:10px;margin:0 7px;border:2px solid rgba(255,255,255,.95);border-radius:50%;background:rgba(35,65,80,.22);box-shadow:0 2px 8px rgba(23,43,54,.18);opacity:1;transition:width .3s ease,background-color .3s ease,border-color .3s ease}
#banner .hero-pagination .swiper-pagination-bullet:hover{background:#214f60}
#banner .hero-pagination .swiper-pagination-bullet-active{width:28px;border-color:#214f60;border-radius:8px;background:#214f60}
#banner .hero-pagination .swiper-pagination-bullet:focus-visible{outline:3px solid rgba(230,127,44,.5);outline-offset:4px}

@media (max-width:1180px){
#banner{height:auto;margin-top:72px!important;aspect-ratio:4/5}
#banner .hero-swiper--desktop{display:none}
#banner .hero-swiper--mobile{display:block}
#banner .hero-pagination{bottom:22px}
}
@media (prefers-reduced-motion:reduce){
#banner .swiper-slide-active .hero-media{animation:none!important;transform:none}
#banner .hero-pagination .swiper-pagination-bullet{transition:none}
}

.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.height-auto {height: auto!important;}
/*.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}*/
.content {width:75%;margin: auto;}
.left{ float:left;}
.right{ float:right;}
/*img {max-width: 100%; max-height: 100%;}*/

.section {background-position: center;background-repeat: no-repeat;background-size: cover;clear: both;overflow: hidden;}
.section .content {}

.title-style {overflow: hidden;}
.title-style h3 {text-transform: uppercase;font-size: 36px;margin:5px 0 0 0;color: #9c2626;}
.title-style h1 {text-transform: uppercase;font-size: 60px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h2 {text-transform: uppercase;font-size: 50px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h5 {font-size: 20px;margin:0;color: #666;line-height: 30px;}
.title-style h4 {text-transform: uppercase;font-size: 20px;margin:5px 0 0 0;color: #9c2626;}
.title-style .line {width: 80px;height: 4px;background: #9c2626;margin: 10px 0;}

.img-center {position: absolute;display: block;left: 0;top: 0;bottom: 0;right: 0;margin: auto;width: auto!important;height: 100%!important;}


.index-products-center {padding: 3%;overflow: hidden;}
.index-products-center .top{width: 85%;margin: auto;padding: 50px 0;overflow: hidden;position: relative;}
.index-products-center .top .title-style{text-align: center;}
.index-products-center .top .title-style .line {margin: 20px auto auto;}
.index-products-center .top .text{padding: 20px 0 0 0;overflow: hidden; color: #737373;font-size: 16px;line-height: 26px;text-align: center;}
.index-products-center .bottom3{}
.index-products-center .bottom3 a{position: relative;display: block;overflow: hidden;float: left;width: 33.22%;}
.index-products-center .bottom3 a .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 33;text-align: center;}
.index-products-center .bottom3 a .text h2{font-size: 30px;color: #fff;line-height: 36px;margin: 0;text-transform: uppercase;}
.index-products-center .bottom3 a .text .line{width: 80px;height: 4px;background: #9c2626;margin: 15px auto;}
.index-products-center .bottom3 a .text p{width:80%; margin:10px auto; line-height: 24px;}
.index-products-center .bottom3 a .text h6{border: 1px solid rgba(255,255,255,.5);padding: 0px 20px;display: inline-block;font-size: 0;margin-top:20px;height: 49px;line-height: 49px;opacity: 0;}
.index-products-center .bottom3 a .text h6 span{font-size: 14px;color: #fff;opacity: .5;display: inline-block;vertical-align: middle;margin-right: 10px;}
.index-products-center .bottom3 a .text h6 i{width: 14px;height: 10px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/right.png")/*tpa=/themes/default/images/right.png*/;opacity: .5;}
.index-products-center .bottom3 a .img{position: relative;overflow: hidden;}
.index-products-center .bottom3 a .img img{width: 100%;display: block;height: auto;}
.index-products-center .bottom3 a .img img.img-center {opacity: .5;}
.index-products-center .bottom3 a .text h6:hover span,.index-products-center .bottom3 a .text h6:hover i{opacity: 1;color: #fff;}
.index-products-center .bottom3 a .text h6:hover i {background: url("../images/right.png")/*tpa=/themes/default/images/right.png*/;}
.index-products-center .bottom3 a .text h6:hover {background: #9c2626;border: 1px solid #9c2626; opacity: 1;}
.index-products-center .bottom3 a:hover .text h6{height: 49px;line-height: 49px;opacity: 1;}
.index-products-center .bottom3 a:hover img.img-center{opacity: 1;transform: scale(1.1);}
.index-products-center .bottom3 a:hover .text p{color:#e8e8e8;}


.index-about {--about-bottom-space: 72px;--about-stats-half: 86px;position: relative;padding: 96px 0 var(--about-bottom-space);background: #fff;color: #172335;}
.index-about::before {content: '';position: absolute;z-index: 0;top: 0;right: 0;bottom: calc(var(--about-bottom-space) + var(--about-stats-half));left: 0;background: #f4f8fc url("../images/index-about-bg.jpg") center top/cover no-repeat;}
.index-about * {-webkit-box-sizing: border-box;box-sizing: border-box;}
.index-about .about-shell {position: relative;z-index: 1;width: min(92%, 1600px);margin: 0 auto;}
.index-about .about-heading {text-align: center;margin-bottom: 48px;}
.index-about .about-heading a {display: inline-block;color: inherit;}
.index-about .about-heading h2 {margin: 0;font-size: 36px;line-height: 1.25;font-weight: 700;color: #172335;letter-spacing: .02em;}
.index-about .about-heading-line {display: block;width: 54px;height: 3px;margin: 18px auto 0;background: #9c2626;}
.index-about .about-heading p {margin: 22px 0 0;font-size: 16px;line-height: 1.75;color: #627083;}
.index-about .about-item {display: grid;grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);align-items: center;gap: clamp(48px, 6vw, 104px);}
.index-about .aboutleft {min-width: 0;padding-left: 10px;}
.index-about .about-since {margin: 0 0 14px;font-size: clamp(30px, 2.5vw, 42px);line-height: 1;font-weight: 700;color: #9c2626;letter-spacing: -.02em;}
.index-about .about-company h3 {margin: 0;font-size: clamp(22px, 1.65vw, 30px);line-height: 1.45;font-weight: 700;color: #172335;}
.index-about .about-company > span {display: block;width: 56px;height: 2px;margin: 22px 0 24px;background: #172335;}
.index-about .about-summary {max-width: 720px;font-size: 16px;line-height: 2;color: #435064;text-align: justify;}
.index-about .about-actions {display: flex;align-items: center;gap: 14px;margin-top: 32px;}
.index-about .about-more,.index-about .aboutleft .play a {display: inline-flex;align-items: center;justify-content: center;min-width: 142px;height: 50px;padding: 0 24px;border: 1px solid #9c2626;font-size: 14px;line-height: 1;white-space: nowrap;-webkit-transition: background-color .25s ease,color .25s ease,-webkit-transform .25s ease;transition: background-color .25s ease,color .25s ease,transform .25s ease;}
.index-about .about-more {gap: 9px;background: #9c2626;color: #fff;}
.index-about .about-more span {font-size: 19px;font-weight: 300;}
.index-about .aboutleft .play {margin: 0;}
.index-about .aboutleft .play a {background: rgba(255,255,255,.55);color: #9c2626;}
.index-about .aboutleft .play i {width: 11px;height: 14px;margin-right: 9px;background: url("../images/play.png") center/100% no-repeat;filter: brightness(0) saturate(100%) invert(19%) sepia(91%) saturate(2131%) hue-rotate(199deg) brightness(80%) contrast(104%);}
.index-about .aboutleft .play span {font-size: 14px;color: inherit;}
.index-about .about-more:hover,.index-about .aboutleft .play a:hover {background: #9c2626;border-color: #9c2626;color: #fff;}
.index-about .aboutleft .play a:hover i {filter: none;}
.index-about .about-more:active,.index-about .aboutleft .play a:active {-webkit-transform: translateY(1px);transform: translateY(1px);}
.index-about .about-more:focus-visible,.index-about .aboutleft .play a:focus-visible,.index-about .about-visual:focus-visible {outline: 3px solid rgba(156,38,38,.28);outline-offset: 4px;}
.index-about .about-visual {position: relative;display: block;overflow: hidden;aspect-ratio: 1.28 / 1;background: #e8eef5;box-shadow: 0 22px 54px rgba(24,57,94,.14);}
.index-about .about-visual::after {content: '';position: absolute;inset: 0;border: 1px solid rgba(255,255,255,.52);pointer-events: none;}
.index-about .about-visual img {display: block;width: 100%;height: 100%;object-fit: cover;-webkit-transition: -webkit-transform .6s cubic-bezier(.16,1,.3,1);transition: transform .6s cubic-bezier(.16,1,.3,1);}
.index-about .about-visual:hover img {-webkit-transform: scale(1.025);transform: scale(1.025);}
.index-about .about-stats {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));margin-top: 66px;padding: 36px 24px;background: rgba(255,255,255,.94);box-shadow: 0 12px 38px rgba(24,57,94,.11);}
.index-about .about-stat {position: relative;padding: 0 24px;text-align: center;}
.index-about .about-stat p {margin: 0;color: #9c2626;line-height: 1;white-space: nowrap;}
.index-about .about-stat strong {font-size: clamp(42px, 4vw, 64px);font-weight: 700;letter-spacing: -.035em;}
.index-about .about-count {display: inline-block;font-variant-numeric: tabular-nums;-webkit-font-feature-settings: "tnum";font-feature-settings: "tnum";}
.index-about .about-count.is-complete {-webkit-animation: about-number-settle .36s cubic-bezier(.16,1,.3,1);animation: about-number-settle .36s cubic-bezier(.16,1,.3,1);}
.index-about .about-stat span {margin-left: 7px;font-size: 14px;}
.index-about .about-stat h3 {margin: 13px 0 0;font-size: 15px;line-height: 1.5;font-weight: 400;color: #263449;}

@-webkit-keyframes about-number-settle {
	0% {-webkit-transform: scale(.96);transform: scale(.96);}
	65% {-webkit-transform: scale(1.045);transform: scale(1.045);}
	100% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes about-number-settle {
	0% {-webkit-transform: scale(.96);transform: scale(.96);}
	65% {-webkit-transform: scale(1.045);transform: scale(1.045);}
	100% {-webkit-transform: scale(1);transform: scale(1);}
}

@media screen and (max-width: 1100px) {
	.index-about {padding-top: 76px;}
	.index-about .about-shell {width: 88%;}
	.index-about .about-item {grid-template-columns: minmax(0,1fr) minmax(380px,1fr);gap: 42px;}
	.index-about .about-summary {font-size: 14px;line-height: 1.9;}
	.index-about .about-stats {margin-top: 52px;padding-right: 12px;padding-left: 12px;}
	.index-about .about-stat {padding: 0 12px;}
}

@media screen and (max-width: 768px) {
	.index-about {--about-bottom-space: 44px;--about-stats-half: 138px;padding-top: 62px;}
	.index-about::before {background-position: 58% top;}
	.index-about .about-shell {width: calc(100% - 40px);}
	.index-about .about-heading {margin-bottom: 36px;}
	.index-about .about-heading h2 {font-size: 29px;}
	.index-about .about-heading-line {margin-top: 14px;}
	.index-about .about-heading p {margin-top: 16px;font-size: 14px;}
	.index-about .about-item {grid-template-columns: 1fr;gap: 34px;}
	.index-about .aboutleft {padding-left: 0;}
	.index-about .about-company h3 {font-size: 21px;}
	.index-about .about-summary {font-size: 14px;line-height: 1.85;text-align: left;}
	.index-about .about-actions {margin-top: 26px;}
	.index-about .about-visual {aspect-ratio: 4 / 3;}
	.index-about .about-stats {grid-template-columns: repeat(2,minmax(0,1fr));padding: 14px 8px;}
	.index-about .about-stat {padding: 24px 8px;}
	.index-about .about-stat strong {font-size: 40px;}
}

@media screen and (max-width: 480px) {
	.index-about .about-shell {width: calc(100% - 28px);}
	.index-about .about-since {font-size: 28px;}
	.index-about .about-actions {align-items: stretch;flex-direction: column;}
	.index-about .about-more,.index-about .aboutleft .play,.index-about .aboutleft .play a {width: 100%;}
	.index-about .about-stat strong {font-size: 34px;}
	.index-about .about-stat span {margin-left: 4px;font-size: 12px;}
}

@media (prefers-reduced-motion: reduce) {
	.index-about .about-more,.index-about .aboutleft .play a,.index-about .about-visual img {-webkit-transition: none;transition: none;}
	.index-about .about-visual:hover img {-webkit-transform: none;transform: none;}
	.index-about .about-count.is-complete {-webkit-animation: none;animation: none;}
}

.popup-window {background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;display: none;}
.popup-window-content {background: #fff;width: 800px;padding: 5% 2% 5% 5%;margin: auto;position: relative;z-index: 10;opacity: 0;transform: translate(0px,-100px);transition: all .4s;}
.popup-window-content .rolling-content{overflow: auto;height: 500px;position: relative;}
.popup-window-content .rolling-content .rolling-h{padding-right: 50px;font-size: 16px;color: #7d7d7d;line-height: 26px;}
.popup-window-content .rolling-content .rolling-h h2{color: #000;margin: 10px 0;text-transform: uppercase;font-size: 30px;}
.popup-window-content-bg {position: absolute;left: 0;top: 0;width:100%;height: 100%;z-index: 1;}
.ani-show1 {display: block;opacity: 1;transform: translate(0px,0px);transition-delay: .5s;}
.video-window-content {width: 80%;height: auto;margin: auto;position: relative;z-index: 10;}
.video-window-content video {width: 100%;height: auto;display: block;margin: auto;}
.popup-close {z-index:1;width: 30px; height:30px;background: url("../images/xx.png")/*tpa=/themes/default/images/xx.png*/ center no-repeat;background-size: 40%;text-align:center; padding:10px; position:absolute; right:1%; display:block; top:30px;cursor: pointer;}


@media screen and (max-width: 1680px) {

	.index-products-center .bottom3 a .text h2 {width: 80%;margin: auto;}
	.about-global .top {left: 10%;width: 80%;}
	.index-interesting .title h6,.contact-section .title-style .text {font-size: 14px;line-height: 36px;}
}
@media screen and (max-width: 1440px) {

	.about-item .title-style h2 {font-size: 40px;line-height:50px;}
	.index-products-center .bottom3 a .text h6 {display: none;}
	.index-products-center .bottom3 a:hover .text h6 {display: inline-block;}
	input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {font-size:12px;}

}
@media screen and (max-width: 1366px) {
	.index-products-center .top {width: 100%;}
	.swiper-history .swiper-history-time .text {font-size:12px;line-height:22px;}
	.index-interesting {width: 90%;}
	.title-style h2 {line-height: 40px;}
}
@media screen and (max-width: 1280px) {
	.index-products-center .bottom3 a .text h6 {height: 40px;line-height: 40px;}
	.index-products-center .bottom3 a:hover .text h6 {height: 40px;line-height: 40px;}
	.title-style h2 {line-height: 40px; font-size: 40px;}
}
@media screen and (max-width: 414px){
	.index-products-center .bottom3 a{width:100%; height: 250px;}
	.index-products-center .bottom3 a .text h6{display: block;height: 49px;line-height: 49px;opacity: 1; width: 120px; margin: 0 auto;}
}


/* contact */
.contact-section {padding: 120px 0;overflow: hidden;}
.contact-section .title-style{text-align: center;}
.contact-section .title-style h2{}
.contact-section .title-style .line{margin: 10px auto;}
.contact-section .title-style .text{width: 50%;margin:20px auto;font-size: 16px;color: #666;line-height: 26px;}
.contact-section .content  {overflow: hidden;padding: 50px 0 0 0;}
.contact-section .content .cleft {width: 100%;}
.contact-section .content .cleft .content-way{overflow: hidden;}
.contact-section .content .cleft .content-way li{list-style: none;float: left;width: 33%;margin-bottom: 20px;position: relative;}
.contact-section .content .cleft .content-way li::after{content: '';display: block;width: 1px;height: 100%;background:#e7e8eb;position: absolute;right:10%;top: 0;}
.contact-section .content .cleft .content-way li:last-child::after {display: none;}
.contact-section .content .cleft .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;opacity: .7;}
/*.contact-section .content .cleft .content-way li:last-child {width: 99%;}*/
.contact-section .content .cleft .content-way li i.c1 {background: url("../images/c1.png")/*tpa=/themes/default/images/c1.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li i.c2 {background: url("../images/c2.png")/*tpa=/themes/default/images/c2.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li i.c3 {background: url("../images/c3.png")/*tpa=/themes/default/images/c3.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li i.c4 {background: url("../images/c4.png")/*tpa=/themes/default/images/c4.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li span{display: inline-block;vertical-align: middle;}
.contact-section .content .cleft .content-way li span h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-section .content .cleft .content-way li span h5{font-size: 14px;color: #666;margin: 5px 0 0 0;}
.contact-section .content .cleft .content-way li span h5 a{color: #9c2626;}
.contact-section .content .cleft .content-way li:hover span h5{color: #9c2626;}
.contact-section .content .cleft .content-map {clear: both;margin-top: 10px;overflow: hidden;width: 100%;position: relative;}
.contact-section .content .cleft .content-map iframe {border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-section .content .cleft .content-map iframe #watermark {display: none;}
.contact-section .content .cleft .content-text {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;}


#product.product-categories {--product-accent:#9c2626;--product-ink:#172335;--product-card:#30343a;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding:92px clamp(20px,3vw,58px) 96px;background:#fff;}
#product.product-categories * {box-sizing:border-box;}
#product .product-categories__heading {width:min(92%,920px);padding:0 0 50px;}
#product .product-categories__heading .title-style h2 {height:auto;margin:0;font-size:clamp(32px,3vw,46px);line-height:1.25;font-weight:700;letter-spacing:.02em;text-transform:none;color:var(--product-ink);}
#product .product-categories__heading .title-style .line {display:block;width:56px;height:3px;margin:18px auto 0;background:var(--product-accent);}
#product .product-categories__heading .text {padding-top:22px;font-size:16px;line-height:1.75;color:#687588;}

#product .product-categories__carousel {position:relative;width:min(100%,1605px);margin:0 auto;overflow:visible;}
#product .product-categories__carousel .swiper-container {overflow:hidden;}
#product .product-category-slide {height:auto;}
#product .product-categories__empty {margin:0;padding:72px 20px;background:#f3f6f9;color:#687588;font-size:16px;text-align:center;}
#product .product-categories__empty[hidden] {display:none!important;}
#product .product-category-card {display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:28px;width:100%;height:276px;min-height:276px;padding:28px 32px;background:var(--product-card);color:#f7f9fc;text-align:left;overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .35s ease;}
#product .product-category-card__media {display:block;width:210px;max-width:100%;aspect-ratio:1;margin:0 auto;border-radius:50%;overflow:hidden;background:#252a31;}
#product .product-category-card__media img {display:block;width:100%;height:100%;max-width:none;object-fit:cover;background:#252a31;transition:transform .55s cubic-bezier(.16,1,.3,1);}
#product .product-category-card__placeholder {display:none;width:100%;height:100%;align-items:center;justify-content:center;border:1px solid #4c5663;border-radius:50%;color:#aeb8c4;font-size:14px;letter-spacing:.16em;}
#product .product-category-card__media.is-empty img {display:none;}
#product .product-category-card__media.is-empty .product-category-card__placeholder {display:flex;}
#product .product-category-card__content {display:flex;min-width:0;flex-direction:column;align-items:flex-start;}
#product .product-category-card__content strong {display:block;font-size:clamp(20px,1.25vw,25px);line-height:1.4;font-weight:700;color:#f7f9fc;word-break:break-word;}
#product .product-category-card__subtitle {display:-webkit-box;overflow:hidden;margin-top:16px;color:#cbd3dd;font-size:14px;line-height:1.75;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
#product .product-category-card__subtitle:empty {display:none;}
#product .product-category-card__arrow {display:block;margin-top:12px;color:#aeb8c4;font-size:20px;line-height:1;transition:color .3s ease,transform .3s cubic-bezier(.16,1,.3,1);}
#product .product-category-card:hover {background:#282d33;transform:translateY(-4px);}
#product .product-category-card:hover .product-category-card__media img {transform:scale(1.06);}
#product .product-category-card:hover .product-category-card__arrow {color:#fff;transform:translateX(5px);}

#product .product-category-card:focus-visible,#product .product-categories__more:focus-visible {outline:3px solid rgba(156,38,38,.28);outline-offset:4px;}

#product .product-categories__more {display:inline-flex;align-items:center;align-self:center;gap:14px;min-height:50px;margin-top:42px;padding:0 28px;border:1px solid var(--product-accent);color:var(--product-accent);font-size:16px;line-height:48px;white-space:nowrap;transition:background-color .3s ease,color .3s ease,transform .3s cubic-bezier(.16,1,.3,1);}
#product .product-categories__more span {font-size:19px;transition:transform .3s cubic-bezier(.16,1,.3,1);}
#product .product-categories__more:hover {background:var(--product-accent);color:#fff;transform:translateY(-2px);}
#product .product-categories__more:hover span {transform:translateX(4px);}
#product .product-categories__more:active {transform:translateY(0) scale(.98);}

@media only screen and (max-width:1440px) {
	#product .product-category-card {grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:22px;padding:28px;}
	#product .product-category-card__media {width:190px;}
}
@media only screen and (max-width:1024px) {
	#product.product-categories {padding-top:76px;padding-bottom:80px;}
	#product .product-category-card {height:250px;min-height:250px;}
	#product .product-category-card__media {width:174px;}
}
@media only screen and (max-width:640px) {
	#product.product-categories {padding:62px 18px 68px;}
	#product .product-categories__heading {width:100%;padding-bottom:34px;}
	#product .product-categories__heading .text {padding-top:18px;font-size:14px;line-height:1.7;}
	#product .product-category-card {grid-template-columns:112px minmax(0,1fr);gap:20px;height:210px;min-height:210px;padding:24px 20px;}
	#product .product-category-card__media {width:112px;}
	#product .product-category-card__content strong {font-size:20px;}
	#product .product-category-card__subtitle {margin-top:10px;font-size:13px;line-height:1.6;-webkit-line-clamp:3;}
	#product .product-category-card__arrow {margin-top:10px;font-size:18px;}
	#product .product-categories__more {margin-top:32px;}
}
@media (prefers-reduced-motion:reduce) {
	#product .product-category-card,#product .product-category-card__media img,#product .product-category-card__arrow,#product .product-categories__more,#product .product-categories__more span {transition:none;}
}

/* Application fields: editorial carousel with partial neighbouring slides */
.application-fields {--application-ink:#25282d;--application-muted:#7b7f86;--application-accent:#e68a2e;box-sizing:border-box;padding:98px 0 112px;overflow:hidden;background:#fff;color:var(--application-ink);}
.application-fields * {box-sizing:border-box;}
.application-fields__heading {width:min(94.5%,1936px);margin:0 auto;padding:0 0 70px;}
.application-fields__heading h2 {height:auto;margin:0;font-size:clamp(34px,2.45vw,50px);font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--application-ink);text-transform:none;}
.application-fields__line {display:block;width:48px;height:2px;margin-top:17px;background:var(--application-accent);}
.application-fields__heading p {max-width:760px;margin:18px 0 0;color:#676c74;font-size:17px;line-height:1.8;text-wrap:pretty;}
.application-fields__stage {position:relative;}
.application-fields__swiper {width:100%;overflow:visible;}
.application-fields__slide {height:auto;opacity:.13;transition:opacity .45s ease,transform .45s cubic-bezier(.16,1,.3,1);}
.application-fields__slide.swiper-slide-active,.application-fields__slide.swiper-slide-prev,.application-fields__slide.swiper-slide-next {opacity:1;}
.application-field-card {display:block;height:100%;color:inherit;text-align:left;}
.application-field-card__media {position:relative;display:block;width:100%;aspect-ratio:1.74;overflow:hidden;background:#f1f2f3;}
.application-field-card__media::after {position:absolute;inset:0;border:1px solid rgba(29,35,43,.06);content:'';pointer-events:none;}
.application-field-card__media img {display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s ease;}
.application-field-card__body {display:block;padding:25px 12px 0;text-align:center;}
.application-field-card__body strong {display:block;overflow:hidden;color:#34373b;font-size:clamp(18px,1.15vw,23px);font-weight:500;line-height:1.45;text-overflow:ellipsis;white-space:nowrap;}
.application-field-card__body > span {display:-webkit-box;overflow:hidden;min-height:56px;margin-top:12px;color:#92959a;font-size:15px;line-height:1.85;text-align:left;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.application-field-card:hover .application-field-card__media img {transform:scale(1.035);filter:saturate(1.04) contrast(1.02);}
.application-field-card:hover .application-field-card__body strong {color:#111317;}
.application-field-card:focus-visible {outline:3px solid rgba(230,138,46,.34);outline-offset:5px;}
.application-fields__nav {position:absolute;z-index:3;bottom:23px;display:flex;align-items:center;gap:9px;padding:8px;border:0;background:rgba(255,255,255,.86);color:#17191c;font:500 16px/1 Arial,sans-serif;letter-spacing:.01em;cursor:pointer;transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1);}
.application-fields__nav img {display:block;width:31px;height:15px;object-fit:contain;}
.application-fields__nav--prev {left:7.5%;}
.application-fields__nav--next {right:7.5%;}
.application-fields__nav--next img {transform:rotate(180deg);}
.application-fields__nav:hover {transform:translateY(-2px);}
.application-fields__nav:active {transform:translateY(0) scale(.97);}
.application-fields__nav:focus-visible {outline:3px solid rgba(230,138,46,.34);outline-offset:3px;}
.application-fields__nav.swiper-button-disabled {opacity:.28;cursor:default;pointer-events:none;}
.application-fields__empty {width:min(94.5%,1936px);margin:0 auto;padding:80px 24px;background:#f5f6f7;color:var(--application-muted);font-size:16px;text-align:center;}
.application-fields__empty[hidden] {display:none!important;}

@media only screen and (max-width:1200px) {
	.application-fields {padding-top:82px;padding-bottom:94px;}
	.application-fields__heading {padding-bottom:52px;}
	.application-fields__nav {bottom:20px;}
	.application-fields__nav--prev {left:3%;}
	.application-fields__nav--next {right:3%;}
}
@media only screen and (max-width:900px) {
	.application-fields__swiper {width:94.5%;margin-left:2.75%;}
	.application-fields__slide {opacity:1;}
	.application-fields__nav {display:none;}
}
@media only screen and (max-width:640px) {
	.application-fields {padding:64px 0 72px;}
	.application-fields__heading {width:90%;padding-bottom:36px;}
	.application-fields__heading h2 {font-size:30px;letter-spacing:-.02em;}
	.application-fields__heading p {margin-top:15px;font-size:14px;line-height:1.75;}
	.application-fields__swiper {width:95%;margin-left:5%;}
	.application-field-card__body {padding:18px 8px 0;}
	.application-field-card__body strong {font-size:18px;}
	.application-field-card__body > span {min-height:50px;margin-top:8px;font-size:13px;line-height:1.75;}
}
@media (prefers-reduced-motion:reduce) {
	.application-fields__slide,.application-field-card__media img,.application-fields__nav {transition:none;}
}

/* News center: editorial lead story with a compact article index */
.news-center {--news-accent:#ed862d;--news-ink:#25282d;--news-muted:#8a8f96;box-sizing:border-box;padding:72px 0 80px;overflow:hidden;background:#f3f5f6 url("../images/news-center-bg.jpg") center/cover no-repeat;color:var(--news-ink);}
.news-center * {box-sizing:border-box;}
.news-center__shell {width:min(94.5%,1936px);margin:0 auto;}
.news-center__heading {display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:46px;}
.news-center__heading h2 {height:auto;margin:0;color:var(--news-ink);font-size:clamp(34px,2.45vw,50px);font-weight:700;line-height:1.2;letter-spacing:-.035em;text-transform:none;}
.news-center__line {display:block;width:48px;height:2px;margin-top:17px;background:var(--news-accent);}
.news-center__heading p {margin:18px 0 0;color:#70767e;font-size:17px;line-height:1.7;}
.news-center__more {display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;width:160px;height:55px;margin-top:4px;border:1px solid rgba(237,134,45,.76);background:rgba(255,255,255,.3);color:var(--news-accent);font-size:16px;line-height:1;transition:background-color .3s ease,color .3s ease,transform .3s cubic-bezier(.16,1,.3,1);}
.news-center__more span:last-child {font-size:19px;font-weight:300;transition:transform .3s cubic-bezier(.16,1,.3,1);}
.news-center__more:hover {background:var(--news-accent);color:#fff;transform:translateY(-2px);}
.news-center__more:hover span:last-child {transform:rotate(90deg);}
.news-center__more:active {transform:translateY(0) scale(.98);}
.news-center__more:focus-visible,.news-featured-card a:focus-visible,.news-list-card a:focus-visible {outline:3px solid rgba(237,134,45,.34);outline-offset:4px;}

.news-center__grid {display:grid;grid-template-columns:minmax(0,1.04fr) minmax(540px,1fr);align-items:stretch;gap:38px;}
.news-center__featured,.news-featured-card,.news-featured-card > a {height:100%;min-height:0;}
.news-featured-card {margin:0;overflow:hidden;background:#667b92;}
.news-featured-card > a {position:relative;display:flex;min-height:510px;flex-direction:column;color:#fff;}
.news-featured-card__media {display:block;min-height:0;flex:1;overflow:hidden;background:#dfe5e9;}
.news-featured-card__media img {display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .65s cubic-bezier(.16,1,.3,1),filter .45s ease;}
.news-featured-card__caption {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;min-height:76px;padding:16px 30px;background:#667b92;transition:background-color .35s ease;}
.news-featured-card__date {font-size:12px;line-height:1;letter-spacing:.06em;opacity:.68;font-variant-numeric:tabular-nums;}
.news-featured-card__caption strong {overflow:hidden;font-size:18px;font-weight:500;line-height:1.5;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.news-featured-card__arrow {font-size:23px;line-height:1;transition:transform .35s cubic-bezier(.16,1,.3,1);}
.news-featured-card:hover .news-featured-card__media img {transform:scale(1.035);filter:saturate(1.04) contrast(1.02);}
.news-featured-card:hover .news-featured-card__caption {background:#596f87;}
.news-featured-card:hover .news-featured-card__arrow {transform:translateX(5px);}

.news-center__list {display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:12px;}
.news-list-card {min-height:0;background:rgba(255,255,255,.93);}
.news-list-card > a {position:relative;display:grid;height:100%;min-height:118px;grid-template-columns:160px minmax(0,1fr) 24px;align-items:center;padding:14px 32px 14px 20px;color:var(--news-ink);transition:background-color .32s ease,color .32s ease,transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease;}
.news-list-card__date {display:flex;align-self:stretch;justify-content:center;flex-direction:column;border-right:1px solid #dde0e3;text-align:center;font-style:normal;font-variant-numeric:tabular-nums;transition:border-color .32s ease;}
.news-list-card__date strong {font-size:37px;font-weight:700;line-height:1;letter-spacing:-.04em;}
.news-list-card__date span {margin-top:16px;font-size:16px;font-weight:500;line-height:1;}
.news-list-card__content {display:block;min-width:0;padding:0 38px;}
.news-list-card__content > strong {display:block;overflow:hidden;font-size:17px;font-weight:700;line-height:1.55;text-overflow:ellipsis;white-space:nowrap;}
.news-list-card__content > span {display:-webkit-box;overflow:hidden;margin-top:10px;color:var(--news-muted);font-size:14px;line-height:1.65;word-break:break-word;transition:color .32s ease;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-list-card__arrow {opacity:0;font-size:22px;line-height:1;transform:translateX(-9px);transition:opacity .3s ease,transform .3s cubic-bezier(.16,1,.3,1);}
.news-list-card:hover > a {background:var(--news-accent);color:#fff;transform:translateX(-6px);box-shadow:18px 18px 40px rgba(157,90,31,.12);}
.news-list-card:hover .news-list-card__date {border-color:rgba(255,255,255,.58);}
.news-list-card:hover .news-list-card__content > span {color:rgba(255,255,255,.84);}
.news-list-card:hover .news-list-card__arrow {opacity:1;transform:translateX(0);}

@media only screen and (min-width:1441px) {
	.news-center__grid {grid-template-columns:800px 768px;align-items:start;justify-content:center;}
	.news-center__featured,.news-featured-card,.news-featured-card > a {width:800px;height:480px;}
	.news-featured-card > a {min-height:0;}
	.news-center__list {width:768px;grid-template-rows:repeat(4,125px);}
	.news-list-card,.news-list-card > a {width:768px;height:125px;}
	.news-list-card > a {min-height:0;}
}

@media only screen and (max-width:1440px) {
	.news-center {padding-top:66px;padding-bottom:72px;}
	.news-center__heading {margin-bottom:40px;}
	.news-center__grid {grid-template-columns:minmax(0,1fr) minmax(500px,1fr);gap:28px;}
	.news-featured-card > a {min-height:462px;}
	.news-list-card > a {min-height:107px;grid-template-columns:132px minmax(0,1fr) 22px;padding-right:24px;}
	.news-list-card__content {padding-right:26px;padding-left:30px;}
}
@media only screen and (max-width:1024px) {
	.news-center {padding-top:62px;padding-bottom:68px;}
	.news-center__grid {grid-template-columns:1fr;gap:22px;}
	.news-featured-card > a {min-height:470px;}
	.news-center__list {grid-template-rows:none;}
	.news-list-card > a {min-height:116px;}
}
@media only screen and (max-width:640px) {
	.news-center {padding:52px 0 58px;background-position:60% center;}
	.news-center__shell {width:calc(100% - 36px);}
	.news-center__heading {align-items:flex-end;gap:18px;margin-bottom:28px;}
	.news-center__heading h2 {font-size:30px;letter-spacing:-.02em;}
	.news-center__heading p {margin-top:14px;font-size:14px;}
	.news-center__more {width:auto;height:auto;margin:0 0 2px;padding:9px 0;border:0;border-bottom:1px solid currentColor;background:transparent;font-size:13px;}
	.news-center__more:hover {background:transparent;color:var(--news-accent);transform:none;}
	.news-featured-card > a {min-height:310px;}
	.news-featured-card__caption {grid-template-columns:minmax(0,1fr) auto;gap:16px;min-height:74px;padding:18px 20px;}
	.news-featured-card__date {display:none;}
	.news-featured-card__caption strong {font-size:15px;text-align:left;}
	.news-list-card > a {min-height:112px;grid-template-columns:78px minmax(0,1fr);padding:16px 16px 16px 8px;}
	.news-list-card__date strong {font-size:29px;}
	.news-list-card__date span {margin-top:10px;font-size:12px;}
	.news-list-card__content {padding:0 0 0 20px;}
	.news-list-card__content > strong {font-size:15px;line-height:1.45;}
	.news-list-card__content > span {margin-top:7px;font-size:12px;line-height:1.55;-webkit-line-clamp:2;}
	.news-list-card__arrow {display:none;}
	.news-list-card:hover > a {transform:none;box-shadow:none;}
}
@media (prefers-reduced-motion:reduce) {
	.news-center__more,.news-center__more span:last-child,.news-featured-card__media img,.news-featured-card__caption,.news-featured-card__arrow,.news-list-card > a,.news-list-card__date,.news-list-card__content > span,.news-list-card__arrow {transition:none;}
	.news-featured-card:hover .news-featured-card__media img,.news-list-card:hover > a {transform:none;}
}
#news{display:flex;background:#f7f7f7;flex-direction:column;justify-content:center}
#news .title{margin:0 auto;padding:104px 0 64px}
#news .newsin{display:flex;margin:0 auto 104px;width:85%; max-width: 1392px; flex-wrap:wrap;justify-content:space-between}
#news .newsbox{width:32%}
#news .newsbox:hover>.lin{width:100%}
#news .lin{margin-bottom:24px;width:32px;height:5px;background-color:#9c2626;transition:all .5s}
#news img{width: 100%; margin-bottom: 10px;}
#news a{display:inline-block;margin-top:40px;width:40px;height:40px;background-image:url("../images/arrow.png")/*tpa=/themes/default/images/arrow.png*/}
#news a:hover{background-image:url("../images/arrowb.png")/*tpa=/themes/default/images/arrowb.png*/}
#contact{height:100%;background-image:url("../images/m4.jpg")/*tpa=/themes/default/images/m4.jpg*/}
#contact .contactin{padding:90px 0 90px 8%}
#contact .contactin h1{color:#fff;font-size:36px}
#contact .tit {margin-top: 50px;color: #9c2626;font-size: 60px; font-weight: 300; font-family: 'Microsoft YaHei Light', 'Microsoft YaHei';  letter-spacing: 0.1rem; position: relative; z-index: 2;}
#contact .line{ content: '';display: block;height: 1px;  width: 92px;background: #fff;  z-index: 2;}
#contact .desc{color:#fff; font-size: 20px; height: 30px; line-height: 30px; margin:30px 0;}
#contact .contact_box{background: rgba(255,255,255,0.2); padding: 30px; width: 500px; margin-bottom: 100px;}
#contact .contactin p{margin:20px 0 70px;color:#fff;font-size:14px}
#contact .contactin a{padding:17px 59px;background-color:rgba(5,70,134,1);color:#fff;font-size:14px;transition:all .5s}
#contact .contactin a:hover{background-color:rgba(255,255,255,.6)}

@media only screen and (max-width:1440px){#banner #swiper1 .swiper-slide .swipertext h2{margin-bottom:65px}
#about .aboutin{margin-left:118px}
#about .top{left:118px}
#about .about,#about .honor{flex-basis:50%}
#product #bt1,#product #bt2{display:none}
#contact .contactin{padding-left:118px}
}
@media only screen and (max-width:1180px){#banner{margin-top:9vw}
#banner #swiper1 .swiper-slide .swipertext h1{font-size:4vw}
#banner #swiper1 .swiper-slide .swipertext h2{margin:3.5vh 0;font-size:1.5vw}
#banner #swiper1 .swiper-slide .swipertext a,#swiper1 #sb1{display:none}
#about .down{flex-wrap:wrap}
#about .about,#about .honor{flex-basis:100%}
#about .aboutin{margin:60px 9vw}
#about .honorin{margin:60px 9vw}
#about .top{position:static}
.newsin div:last-child{display:none}
#news .newsbox{width:40vw}
#contact .contactin{padding:90px 9vw}
#contact .contactin p{margin:5vw 0}
}
@media only screen and (max-width:768px){#banner{margin-top:10vw}
#contact .contactin h1{ font-size:30px}
}
@media only screen and (max-width:700px){#about .honor{background-image:none}
}
@media only screen and (max-width:840px){#about .top{display:none}
}
@media only screen and (max-width:425px){#banner{margin-top:14vw}
#contact .tit{font-size: 30px; margin-top: 0px;}
#contact .desc{font-size: 14px; height: auto;}
#contact .contact_box{width:auto;}
#contact .contactin a{padding: 10px 30px; margin-top: 20px;}
.fright{display: none;}
#product .productbunner{margin-bottom: 50px;}
}
@media only screen and (max-width:320px){#banner{margin-top:16vw}
#about .aboutin h1{font-size:22px}
}
.index_con5{position:relative;padding:0 0 70px}
.con5_zong{position:relative;font-size:0}
.con5_right{position:static;top:0;right:0;display:inline-block;width:45%;vertical-align:top}
.con5_right img{width:100%}
.con5_left{position:relative;top:150px;z-index:2;display:inline-block;box-sizing:border-box;padding-right:70px;width:55%;background:#fff;vertical-align:top}
.con5_left p{color:#333;font-size:16px;line-height:25px}
.con5_left span{display:block;display:none;margin-bottom:40px;color:#333;text-align:right}
.con5_left span img{display:none;transform:translateX(50px)}
.con5_left a{position:relative;left:0;display:block;margin-top:50px;width:205px;height:50px;background:#9c2626;text-align:center;line-height:50px}
.con5_left a img{width:auto;transition:.3s ease-in-out}
.con5_left a:hover img{transform:translateX(10px)}
.index_con5 .index_con3_list{position:relative;top:125px;z-index:3}
.title{text-align:left}
.title h1{color:#9c2626;text-transform:uppercase;letter-spacing:2px;font-size:30px;font-family:ziti;line-height:30px}
.title h2{margin-top:5px;color:#9c2626;font-size:40px}
.divBox{margin:0 auto;padding:0 3%;}
.index_con7{padding:100px 0}
.index_con7 .swiper-slide{padding:15px 0 50px}
.icon7_swier{position:relative;margin-top:40px}
.con7_list{position:relative;box-sizing:border-box;padding:90px 40px;border:2px solid #b8b8b8}
.con7_list_ls{position:absolute;top:-10px;display:inline-block;padding:12px 10px;background:#9c2626;text-align:center;transition:.3s ease-in-out}
.con7_list_ls font{display:block;color:#fff;font-weight:700;font-size:20px;font-family:ziti}
.con7_list_ls time{color:#fff;font-family:ziti}
.con7_list h1{overflow:hidden;padding-bottom:20px;border-bottom:1px solid #eee;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.con7_list h1:before{display:inline-block;width:0;height:1px;background:#787878;content:'';vertical-align:middle;transition:.3s ease-in-out}
.con7_list p{margin-top:20px;color:#6e6e6e;font-size:14px;line-height:22px}
.con_spans{position:absolute;bottom:-27px;left:50%;display:block;width:54px;height:54px;border-radius:50%;background:#bbb;text-align:center;line-height:52px;transform:translateX(-50%)}
.con_spans i{position:relative;z-index:2;display:inline-block;color:#fff;font-size:30px;transition:.4s ease-in-out}
.con_spans:after{position:absolute;top:-14px;left:-14px;display:block;width:82px;height:70px;border-radius:50%;background:rgba(187,187,187,.2);content:'+'; font-size:50px; padding-top: 12px; transition:.4s ease-in-out .1s}
.con_spans:before{position:absolute;top:-14px;left:-14px;display:block;width:82px;height:70px;border-radius:50%;background:rgba(187,187,187,.2);content:'+';font-size:50px; padding-top: 12px; transition:.4s ease-in-out;transform:scale(0)}
.index_con7 .swiper-slide:hover .con_spans:after{background:rgba(156,38,38,.1);opacity:0;transform:scale(1.5)}
.index_con7 .swiper-slide:hover .con_spans:before{background:rgba(156,38,38,.1);opacity:1;transform:scale(1)}
.index_con7 .swiper-slide:hover .con_spans{background:#9c2626}
.index_con7 .swiper-slide:hover .con7_list_ls{background:#9c2626}
.index_con7 .swiper-slide:hover h1:before{margin-right:5px;width:35px}
.icon7_swier .swiper-button-next,.icon7_swier .swiper-button-prev{top:-100px;width:70px;height:35px;background-color:#9c2626;background-size:10px;text-align:center;line-height:32px;transition:.3s ease-in-out}
.icon7_swier .swiper-button-prev{right:75px;left:auto}
.icon7_swier .swiper-button-next:hover,.icon7_swier .swiper-button-prev:hover{background-color:#9c2626}
@media only screen and (max-width:1550px){.index_con7{padding:55px 0}
}
.more1{display: block;margin: 0 auto;text-align: center;width: 125px;height: 32px;text-align: center;line-height: 32px;border: 1px solid #666666;
border-radius: 50px;font-size: 14px;color: #666;position: relative;overflow: hidden;margin-top: 50px;}
.more1:before{content: '';display: block;width: 0%;height: 100%;background: #787878;position: absolute;left: 0;top: 0;z-index: -1;transition: 0.3s ease-in-out;}
.more1:hover:before{width: 100%;}
.more1:hover{color: white;}

@media(max-width: 768px){
    .index_con5 .index_con3_list{top:40px;}
	.con5_left{width:100%; padding-right: 0px; top: 58px;}
	.con5_right{width:100%; margin-top: 68px;}
	#news .newsbox{width:100vw}
	#news a{margin-top: 10px; margin-bottom: 10px;}
	.con7_list{padding:90px 20px 40px;}
	.icon7_swier .swiper-button-next, .icon7_swier .swiper-button-prev{top:-64px;}
	#navpart .position{padding: 10px 4%;}
	#navpart .column{padding: 10px 4% 10px;    width: 100%;}
	#navpart .column ul li{padding: 0 15px;margin-bottom: 15px;}
}
