@charset "utf-8";/*!
by Sean Lu 20221203
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
*/
:root { --color-main:#d46800;
--color-white:#fff;
--color-txt:#253554;
--color-bg:#f5f5f5;
--color-0:#000;
--color-3:#333;
--color-6:#666;
--color-9:#999;
--color-border:#dedede;
--fsize-base:14px;
--fsize-large:calc(var(--fsize-base) * 1.25);
--fsize-txt:calc(var(--fsize-base) * 1.14);
--fsize-small:calc(var(--fsize-base) * .85);
--fsize-h1:calc(var(--fsize-base) * 2.6);
--fsize-h2:calc(var(--fsize-base) * 2.15);
--fsize-h3:calc(var(--fsize-base) * 1.7);
--gap-base:16px;
--gap-mini:calc(var(--gap-base) * .25);
--gap-small:calc(var(--gap-base) * .5);
--gap-large:calc(var(--gap-base) * 1.5);
--gap-h1:calc(var(--gap-base) * 5);
--gap-h2:calc(var(--gap-base) * 4);
--gap-h3:calc(var(--gap-base) * 3)
}
.bgtable { width: 100%; border-collapse: collapse; }
.bgtable td { border: 1px solid #666; text-align: center; line-height: 2; }
.bgtable td:first-child { background: #e4e4e4; }
.inner_flex { display: flex; flex-wrap: wrap; align-items: flex-start; }
.inner_flex li { margin: 0 1% 1% 0; width: 32%; }
.inner_flex li img { display: block; max-width: 100%; }
html, body { height: 100% }
.sean-fullpage { height: 100%; --swiper-pagination-color:#d66a02
}
.sean-fullpage .swiper-slide { display: flex; overflow: hidden }
.sean-fullpage .swiper-pagination { right: auto; left: 10px }
.index-bg { width: 100%; height: 100%; object-fit: cover }
body.on .header { background: var(--color-txt) }
.header { height: 100px; background: url(../img/dimg/headerbg.png) repeat-x; background-size: auto 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 9 }
.header.fxdon { background-color: rgba(0,0,0,0.6); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); height: 80px }
.header.fxdon .nav .nul .nli .sub { top: 80px }
.header .bigwrapper { margin: 0 var(--gap-h3); height: 100%; display: flex; align-items: center }
.header .logo { display: block; width: 332px; height: 50px }
.header .logo img { display: block; width: 100%; height: 100% }
.header .nav { margin-left: auto; position: relative; height: 100% }
.header .nav .nul { display: flex; align-items: center; height: 100% }
.header .nav .nul .nli .na { display: flex; height: 100%; align-items: center; text-decoration: none; font-size: var(--fsize-large); color: var(--color-white); padding:0 calc(var(--gap-large) * 1.2);
position: relative }
.header .nav .nul .nli .na::after { content: ""; display: block; width: 0; position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; height: 3px; background: #d66a02; transition: all .3s }
.header .nav .nul .nli:hover .na::after { width: 100% }
.header .nav .nul .nli:hover .sub { visibility: visible; opacity: 1; transform: translateY(0) }
.header .nav .nul .nli .sub { position: absolute; top: 100px; left: 0; right: 0; display: flex; background: var(--color-white); padding: var(--fsize-large); align-items: flex-start; box-shadow: 0 10px 20px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transform: translateY(-5px); transition: all .3s }
.header .nav .nul .nli .sub .sul { flex: 1; display: flex; flex-wrap: wrap }
.header .nav .nul .nli .sub .sul .sli { flex: 0 0 50%; max-width: 50%; box-sizing: border-box; padding-right: var(--gap-base); margin-bottom: var(--gap-small) }
.header .nav .nul .nli .sub .sul .sli .sa { line-height: 30px; display: block; font-size: var(--fsize-base); text-decoration: none; border-bottom: 1px solid var(--color-border); transition: all .3s }
.header .nav .nul .nli .sub .sul .sli .sa:hover { background: #d66a02; color: var(--color-white); padding-left: var(--gap-base); border-color: var(--color-main) }
.header .nav .nul .nli .sub .img { flex: 1; margin-left: var(--fsize-large) }
.header .nav .nul .nli .sub .img img { display: block; width: 100% }
.header .more { margin-left: auto; display: flex; align-items: center; height: 100% }
.header .more .lang { display: block; width: 50px; height: 100%; background: url(../img/dimg/headericon01.jpg) no-repeat center }
.header .more .sea { height: 100%; position: relative }
.header .more .sea .seabtn { display: block; width: 50px; height: 100%; background: url(../img/dimg/headericon02.png) no-repeat center }
.header .more .sea .seabtn.on { background: var(--color-main) url(../img/arrowmore.svg) no-repeat center; background-size: 20px 20px }
.header .more .sea .seabox { position: absolute; right: 50px; top: 0; background: var(--color-white); height: 100%; display: flex; width: 0; visibility: hidden }
.header .more .sea .seabox.on { width: 220px; visibility: visible }
.header .more .sea .seabox .ipt { flex: 1; width: 100%; border: 0; background: transparent; padding: 0 var(--gap-base); font-size: var(--fsize-base) }
.header .more .sea .seabox .sub { border: 0; background: transparent; width: 50px; background: url(../img/dimg/headericon03.png) no-repeat center; text-indent: -9999px; cursor: pointer }
.header .more .menu { padding-left: 26px; background: url(../img/dimg/menuicon.png) no-repeat left center; font-size: var(--fsize-base); color: var(--color-white); text-decoration: none; display: none }
.section01 .box { position: absolute; top: 0; bottom: 0; left: 8%; color: var(--color-white); display: flex; align-items: center; font-weight: bold }
.section01 .box .nam {
font-size:calc(var(--fsize-h1) * 2); transform: translateY(50px); opacity: 0 }
.section01 .box .txt { font-size: 22px; margin: var(--gap-small) 0 var(--gap-h3); line-height: 1.5; transform: translateY(30px); opacity: 0 }
.section01 .box .btn { margin-bottom: var(--gap-h1); transform: translateY(20px); opacity: 0 }
.section01 .box .btn a { display: block; width: 50px; height: 50px; background: #d66a02 url(../img/arrowright.svg) no-repeat center; border-radius: 50% }
.section01 .box .btn a:hover { transform: scale(1.2) }
.section01 .box .en { font-size: 20PX; line-height: 1; transform: translateY(80px); opacity: 0 }
.section01 .box .en p { display: flex; align-items: center }
.section01 .box .en p:last-child::after { content: ""; width: var(--gap-h1); height: 1px; background: var(--color-white); display: block; margin-left: var(--gap-large) }
.section01.swiper-slide-active .box .nam, .section01.swiper-slide-active .box .txt, .section01.swiper-slide-active .box .btn, .section01.swiper-slide-active .box .en { opacity: 1; transform: translateY(0); transition-delay: .6s; transition-duration: 1.2s; text-shadow: -3px 0 5px #111; }
.section02 .item { position: absolute; width: 36.3%; height: 100%; display: flex; align-items: center; justify-content: center; background: #ddd; top: 0; overflow: hidden }
.section02 .item.it01 { -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%); left: 0 }
.section02 .item.it02 { left: 27.2%; width: 45.6%; background: #eee; z-index: 9; -webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%) }
.section02 .item.it03 { right: 0; -webkit-clip-path: polygon(25% 0%, 100% 0, 100% 100%, 0 100%); clip-path: polygon(25% 0%, 100% 0, 100% 100%, 0 100%) }
.section02 .item .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.section02 .item .bg img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s ease }
.section02 .item .cov { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) }
.section02 .item .cov2 { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); opacity: 0 }
.section02 .con { position: absolute; color: var(--color-white); text-align: center; width: 100%; z-index: 1111111111; }
.section02 .con .ico { width: var(--gap-h1); margin: 0 auto }
.section02 .con .ico img { display: block; width: 100% }
.section02 .con .nam { font-size: var(--fsize-h1); font-weight: bold; margin: 30px 0 15px; }
.section02 .con .nama { font-size: 45px; font-weight: bold; text-align: center; letter-spacing: 2px; line-height: 100%; }
.section02 .con .txt { font-size: var(--fsize-large) }
.section02 .con .btn { margin-top: var(--gap-h1); width: 200px; margin: 30px auto 0; }
.section02 .con .btn a { display: flex; padding: 0 var(--gap-h3); height: 45px; align-items: center; border-bottom: 3px solid #d66a02; color: var(--color-white); text-decoration: none; font-size: var(--fsize-base) }
.section02 .con .btn a:after { content: ""; width: 13px; height: 13px; background: url(../img/arrowmore.svg) no-repeat center; background-size: cover; margin-left: var(--gap-small) }
.section02 .con .btn a:hover { opacity: .8; transform: scale(1.1) }
.section02 .item:hover .bg img { transform: scale(1.2) }
.section02 .item:hover .cov { opacity: 0 }
.section02 .item:hover .cov2 { opacity: 1 }
.section02 .item:hover .con .btn a { background: #d66a02; border-radius: 30px }
.section03 { background: url(../img/dimg/section03bg.jpg) no-repeat center; background-size: cover }
.section03::before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100px; width: 100%; background: #16283c; transform: translateY(-100%) }
.section03 .wrapper { height: 100%; display: flex; align-items: center }
.section03 .wrapper .con { width: 100% }
.section03 .wrapper .hd { display: flex; align-items: center; width: 100%; opacity: 0; transform: translateY(-100%) }
.section03 .wrapper .hd .nam { display: flex; align-items: center; height: 50px; border: 1px solid var(--color-border); padding: 0 var(--gap-large); font-size: var(--fsize-base) }
.section03 .wrapper .hd .nam::after { content: ""; width: 16px; height: 16px; display: block; background: url(../img/dimg/arrow.png) no-repeat center; background-size: 100% auto; margin-left: var(--gap-h3) }
.section03 .wrapper .hd .lis { display: flex; align-items: center; margin-left: var(--gap-large) }
.section03 .wrapper .hd .lis li a { display: block; text-decoration: none; font-size: var(--fsize-txt); padding: 0 var(--gap-base) }
.section03 .wrapper .hd .mor { display: flex; align-items: center; margin-left: auto; font-size: var(--fsize-base); text-decoration: none }
.section03 .wrapper .hd .mor::after { content: ""; display: block; width: 14px; height: 14px; background: url(../img/dimg/moreproduct.png) no-repeat center; background-size: 100% auto; margin-left: var(--gap-base) }
.section03 .wrapper .list { display: flex; align-items: center; margin-top: 40px; opacity: 0; transform: translateY(-60%) }
.section03 .wrapper .list .item { flex: 1; margin-right: var(--gap-large) }
.section03 .wrapper .list .item:hover { background: var(--color-white); box-shadow: 0 10px 20px rgba(0,0,0,0.1); transform: translateY(-5px) }
.section03 .wrapper .list .item:hover .img a { box-shadow: none }
.section03 .wrapper .list .item .img a { display: block; width: 100%; height: 0; padding-bottom: 80%; position: relative;/*box-shadow: 5px 5px 20px rgba(0,0,0,0.2)*/ }
.section03 .wrapper .list .item .img img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0 }
.section03 .wrapper .list .item .inf { padding: var(--gap-large); background-color: rgba(255, 255, 255); }
.section03 .wrapper .list .item .inf .sub { color: var(--color-main); font-size: var(--fsize-txt) }
.section03 .wrapper .list .item .inf .nam { font-size: var(--fsize-h3); font-weight: bold; color: var(--color-6); margin: var(--gap-small) 0 var(--gap-base) }
.section03 .wrapper .list .item .inf .txt { font-size: var(--fsize-txt); color: var(--color-3); line-height: 1.5; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2 }
.section03 .wrapper .list .item .inf .mor { margin-top: var(--gap-large); font-size: var(--fsize-base); display: flex }
.section03 .wrapper .list .item .inf .mor a { color: var(--color-3); text-decoration: none; line-height: 30px; display: block; border-radius: 30px }
.section03 .wrapper .list .item .inf .mor a:hover { background: var(--color-main); color: var(--color-white); padding: 0 var(--gap-base) }
.section03 .wrapper .list .item:last-child { margin-right: 0 }
.section03.swiper-slide-active::before { transform: translateY(0); transition-delay: .6s; transition-duration: 1.2s }
.section03.swiper-slide-active .wrapper .hd, .section03.swiper-slide-active .wrapper .list { opacity: 1; transform: translateY(0); transition-delay: .6s; transition-duration: 1.2s }
.section04 { background: url(../img/dimg/section04bg.jpg) no-repeat center; background-size: cover }
.section04 .wrapper { height: 100%; display: flex; align-items: center }
.section04 .wrapper .con { width: 100% }
.section04 .hd { display: flex; justify-content: space-between; align-items: flex-end; opacity: 0; transform: translateY(-100%) }
.section04 .hd .tit .nam { font-size: var(--fsize-h3); font-weight: bold; color: var(--color-white) }
.section04 .hd .tit .txt { font-size: var(--fsize-txt); color: #fff; margin-top: var(--gap-small) }
.section04 .hd .btn a { display: flex; justify-content: center; align-items: center; width: 120px; height: 40px; font-size: var(--fsize-txt); color: #ffbd02; border: 2px solid #f3b60a; text-decoration: none }
.section04 .hd .btn a:hover { background: var(--color-main); border-color: var(--color-main); color: var(--color-white) }
.section04 .list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-mini); margin-top: var(--gap-large) }
.section04 .list .item { opacity: 0; transform: translateY(100%) }
.section04 .list .item .bg { overflow: hidden }
.section04 .list .item .bg img { display: block; width: 100%; height: 100%; object-fit: cover; }
.section04 .list .item:hover .bg img { transform: scale(1.1) }
.section04 .list .item.itb { grid-row: span 2 }
.section04 .list .item.itb .box { left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 500px; text-align: center }
.section04 .list .item.itb .box .btn a { margin: 0 auto }
.section04 .list .item .box { width: 100%; background-color: rgba(0,0,0,0.3); padding: 20px 30px; box-sizing: border-box; }
.section04 .list .item .box .nam { font-size: 16px; color: #fff; margin-bottom: 12px; }
.section04 .list .item .box .sub { font-size: 12px; margin: 0px 0 8px; text-transform: uppercase; color: #999; }
.section04 .list .item .box .txt { margin: var(--gap-large) 0 var(--gap-base); font-size: var(--fsize-base); color: #666; opacity: .6; line-height: 1.5; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2 }
.section04 .list .item .box .btn a { display: flex; width: 60px; height: 30px; justify-content: center; align-items: center; font-size: var(--fsize-base); background-color: var(--color-main); color: var(--color-white); text-decoration: none; float: right; margin-top: -40px; }
.section04 .list .item .box .btn a:hover { opacity: .8 }
.section04.swiper-slide-active .hd, .section04.swiper-slide-active .list .item { opacity: 1; transform: translateY(0); transition-delay: .6s; transition-duration: 1.2s; padding: 10px; }
.section05 { background: url(../img/dimg/section05bg.jpg) no-repeat center; background-size: cover }
.section05 .bigbox { width: 55%; margin: 10% 0 0% 10%; background: url(../img/dimg/section05boxbg.png) no-repeat center; background-size: cover; padding: 50px; box-sizing: border-box; color: var(--color-white); display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateX(50%); float: left; }
.section05 .piclogo { float: right; width: 25%; color: #fff; margin-right: 10%; margin-top: 10%; background-color: rgba(190, 103, 0); text-align: center; vertical-align: middle; height: 60%; padding: 5% 0; box-sizing: border-box; }
.section05 .bigbox .box { width: 100%; }
.section05 .bigbox .box:before { content: ""; display: block; width: 40px; height: 3px; background: var(--color-white); position: absolute; left: -100px; top: 20px }
.section05 .bigbox .box .nam { font-weight: bold }
.section05 .bigbox .box .nam .en { font-size: var(--fsize-h2) }
.section05 .bigbox .box .nam .cn { font-size: var(--fsize-txt); letter-spacing: 2px }
.section05 .bigbox .box .sub { margin: var(--gap-h3) 0 var(--gap-large); font-size: var(--fsize-h2); font-weight: bold }
.section05 .bigbox .box .txta { font-size: var(--fsize-base); line-height: 1.8 }
.section05 .bigbox .box .btn { margin: var(--gap-h3) 0; display: flex }
.section05 .bigbox .box .btn a { display: flex; width: 150px; height: 40px; border-radius: 30px; background: #d66a02; color: var(--color-white); font-size: var(--fsize-txt); align-items: center; justify-content: center; text-decoration: none }
.section05 .bigbox .box .btn a:hover { background: var(--color-white); color: var(--color-main) }
.section05 .section05lis .swiper-wrapper { align-items: center }
.section05 .section05lis .swiper-slide { display: flex; align-items: center }
.section05 .section05lis .swiper-slide .img { width: 48px; margin-right: var(--gap-small) }
.section05 .section05lis .swiper-slide .img img { display: block; width: 48px }
.section05 .section05lis .swiper-slide .txt { font-size: var(--fsize-base); line-height: 1.5 }
.section05.swiper-slide-active .bigbox { opacity: 1; transform: translateX(0); transition-delay: .6s; transition-duration: 1.2s }
.section06 { background: url(../img/dimg/section06bg.jpg) no-repeat center; background-size: cover }
.section06 .wrapper { height: 100%; display: flex; align-items: center }
.section06 .wrapper .box { display: flex; justify-content: space-between; width: 100% }
@media (max-width: 800px) {
}
.section06 .wrapper .box .hd { width: 100px; margin-right: var(--gap-h1); opacity: 0; transform: translateX(100%) }
@media (max-width: 800px) {
}
.section06 .wrapper .box .hd .nam {
font-size:calc(var(--fsize-h1) * 1.3); font-weight: bold; line-height: 1.1; color: var(--color-white) }
@media (max-width: 800px) {
}
.section06 .wrapper .box .hd .btn { margin: var(--gap-h3) 0 var(--gap-h1) }
@media (max-width: 800px) {
}
.section06 .wrapper .box .hd .btn a { text-decoration: none; font-size:calc(var(--fsize-h1) * 1.5);
color: var(--color-main) }
.section06 .wrapper .box .hd .sub { display: flex; flex-direction: column }
@media (max-width: 800px) {
}
.section06 .wrapper .box .hd .sub a { font-size: var(--fsize-large); color: var(--color-white); text-decoration: none; margin: var(--gap-mini) 0 }
.section06 .wrapper .box .hd .sub a:hover { color: var(--color-main) }
.section06 .wrapper .box .bd { flex: 1; display: flex; opacity: 0; transform: translateX(-10%) }
.section06 .wrapper .box .bd .item { flex: 1; margin-right: var(--gap-base) }
.section06 .wrapper .box .bd .item:last-child { margin-right: 0 }
.section06 .wrapper .box .bd .item:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1) }
.section06 .wrapper .box .bd .item .img a { display: block; width: 100% }
.section06 .wrapper .box .bd .item .img a img { display: block; width: 100% }
.section06 .wrapper .box .bd .item .inf { background: var(--color-white); padding: var(--gap-h3) }
.section06 .wrapper .box .bd .item .inf .sub { display: inline-block; padding: 0 var(--gap-base); background: var(--color-main); color: var(--color-white); font-size: var(--fsize-base); line-height: 30px }
.section06 .wrapper .box .bd .item .inf .nam { font-size: var(--fsize-large); margin: var(--gap-base) 0 var(--gap-large) }
.section06 .wrapper .box .bd .item .inf .nam a { text-decoration: none; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; color: var(--color-0) }
.section06 .wrapper .box .bd .item .inf .nam a:hover { color: var(--color-main) }
.section06 .wrapper .box .bd .item .inf .txt { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 3; font-size: var(--fsize-base); line-height: 1.6; color: var(--color-3) }
.section06 .wrapper .box .bd .item .inf .tim { font-size: 15px; color: #aaa; margin-top: var(--gap-large) }
.section06.swiper-slide-active .wrapper .box .hd, .section06.swiper-slide-active .wrapper .box .bd { opacity: 1; transform: translateX(0); transition-delay: .6s; transition-duration: 1.2s }
.section07 { background: url(../img/dimg/section07bg.jpg) no-repeat center; background-size: cover }
.section07 .bigbox { width: 900px; position: absolute; top: 0; bottom: 0; left: 0; margin-left: 10%; color: var(--color-white); display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateX(-50%) }
.section07 .bigbox .box { width: 100%; position: relative }
.section07 .bigbox .box:before { content: ""; display: block; width: 40px; height: 3px; background: var(--color-white); position: absolute; left: -100px; top: 20px }
.section07 .bigbox .box .nam { font-weight: bold }
.section07 .bigbox .box .nam .en { font-size: var(--fsize-h2) }
.section07 .bigbox .box .nam .cn { font-size: 25px; letter-spacing: 2px }
.section07 .bigbox .box .coninf { font-size: 20px; line-height: 2; margin: var(--gap-h3) 0; float: left; }
.section07 .bigbox .box .coninf img { width: 5%; display: inline-block; vertical-align: middle; margin-right: 10px; }
.section07 .bigbox .box .coninf strong { font-size: var(--fsize-h2) }
.section07 { position: relative; }
.section07 .qrbox { width: 50%; float: left; color: #fff; font-size: 15px; line-height: 180%; }
.section07 .qrbox img { display: block; width: 10%; margin-bottom: 10px; }
.section07 .qrbox .hd { font-size: 18px; margin-bottom: 20px; color: #fff; }
.section07 .qrbox .bd { display: flex }
.section07 .qrbox .bd img { display: block; width: 112px; height: 112px; margin-right: var(--gap-large) }
.section07 .bigbox .box .qrbox .bd p { flex: 1; font-size: var(--fsize-base); line-height: 1.4 }
.section07 .bigbox .box .copy { margin-top: var(--gap-large); line-height: 1.5; font-size: var(--fsize-base) }
.section07 .bigbox .box .copy a { margin: 0 var(--gap-mini); color: var(--color-white) }
.section07 .bigbox .box .copy a img { vertical-align: middle; margin-right: var(--gap-mini) }
.section07.swiper-slide-active .bigbox { opacity: 1; transform: translateX(0); transition-delay: .6s; transition-duration: 1.2s }
.backhome { position: absolute; bottom: var(--gap-large); left: 50%; transform: translateX(-50%) }
.backhome a { display: block; font-size: var(--fsize-small); text-decoration: none; line-height: 40px; padding: 0 var(--fsize-large); border-radius: 20px; background: var(--color-main); color: var(--color-white) }
.backhome a:hover { color: var(--color-white); text-decoration: none; opacity: .8; transform: scale(1.2) }
.moveico { position: absolute; bottom: var(--gap-large); left: 50%; transform: translateX(-50%); font-size: var(--fsize-small); color: var(--color-white); display: flex; flex-direction: column; align-items: center; z-index: 9 }
.moveico::before { content: ""; display: block; width: 26px; height: 44px; background: url(../img/moveicon.png) no-repeat center; margin-bottom: var(--gap-mini) }
.moveico::after { content: "DOWN" }
.inbanner { position: relative }
.inbanner .bg img { display: block; width: 100% }
.inbanner .con { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translateX(-50%) translateY(-30%); color: var(--color-white) }
.inbanner .con .sub { text-transform: uppercase; font-size: var(--fsize-txt) }
.inbanner .con .nam { text-transform: uppercase; font-size:calc(var(--fsize-h1) * 1.6);
font-weight: bold; margin: var(--gap-small) 0 var(--gap-base) }
.inbanner .con .txt { font-size: var(--fsize-large); letter-spacing: 2px }
.sean-breadcrumb { display: flex; align-items: center; margin: 20px 0; font-size: var(--fsize-small); color: var(--color-9) }
.sean-breadcrumb.sean-breadcrumb-withbg { background: var(--color-white); padding: 20px; border-radius: 6px; box-shadow: 0 0 20px rgba(0,0,0,0.1) }
.sean-breadcrumb.sean-breadcrumb-new .sean-breadcrumb-it a { border-radius: 4px; padding: 3px 4px }
.sean-breadcrumb.sean-breadcrumb-new .sean-breadcrumb-it a:hover { text-decoration: none; opacity: 1; color: var(--color-3); background: rgba(0,0,0,0.06) }
.sean-breadcrumb.sean-breadcrumb-bigit .sean-breadcrumb-it a { line-height: 20px; height: 20px; padding: 10px 10px 10px 5px; background: var(--color-main); text-decoration: none; color: var(--color-white); position: relative; margin-right: 23px; border-radius: 0 }
.sean-breadcrumb.sean-breadcrumb-bigit .sean-breadcrumb-it a::before { content: ""; position: absolute; top: 0; border: 0 solid var(--color-main); border-width: 20px 10px; width: 0; height: 0; left: -20px; border-left-color: transparent }
.sean-breadcrumb.sean-breadcrumb-bigit .sean-breadcrumb-it a::after { content: ""; position: absolute; top: 0; border: 0 solid transparent; border-width: 20px 10px; width: 0; height: 0; left: 100%; border-left-color: var(--color-main) }
.sean-breadcrumb.sean-breadcrumb-bigit .sean-breadcrumb-it a:hover { opacity: .8; color: var(--color-white); text-decoration: none; background: var(--color-main) }
.sean-breadcrumb.sean-breadcrumb-bigit .sean-breadcrumb-it::after { display: none }
.sean-breadcrumb.sean-breadcrumb-bigit .sean-breadcrumb-it:first-child a { padding-left: 15px; border-radius: 6px 0 0 6px }
.sean-breadcrumb.sean-breadcrumb-bigit .sean-breadcrumb-it:first-child a::before { display: none }
.sean-breadcrumb .sean-breadcrumb-it { display: flex; align-items: center }
.sean-breadcrumb .sean-breadcrumb-it a { color: var(--color-9); display: flex; align-items: center }
.sean-breadcrumb .sean-breadcrumb-it a img { margin-right: 4px; display: block; width: 16px }
.sean-breadcrumb .sean-breadcrumb-it a:hover { color: var(--color-main); text-decoration: underline }
.sean-breadcrumb .sean-breadcrumb-it::after { content: ">"; font-family: simsun; margin: 0 6px }
.sean-breadcrumb .sean-breadcrumb-it:last-child::after { display: none }
.insubnav { border-bottom: 1px solid var(--color-border); height: 60px; background: var(--color-bg) }
.insubnav .wrapper { display: flex; justify-content: space-between; align-items: center; height: 100% }
.insubnav .innav { display: flex; align-items: center; height: 100% }
.insubnav .innav .it { height: 100% }
.insubnav .innav .it .ia { display: flex; height: 100%; align-items: center; font-size: var(--fsize-txt); text-decoration: none; padding: 0 var(--gap-large); position: relative }
.insubnav .innav .it .ia::after { content: ""; width: 0; height: 3px; background: var(--color-main); position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); transition: all .6s }
.insubnav .innav .it .ia:hover::after { width: 100% }
.insubnav .innav .it.on .ia { color: var(--color-main); background-color: var(--color-white) }
.insubnav .innav .it.on .ia::after { width: 100% }
.aboutbox01 { display: flex; align-items: center; margin: var(--gap-h1) 0; }
.aboutbox01 .box { flex: 1.2 }
.aboutbox01 .box .sub { font-size: var(--fsize-large) }
.aboutbox01 .box .sub::before { content: ""; width: 64px; height: 51px; background: url(../img/dimg/bg_dd1.png) no-repeat center; display: block; margin-bottom: var(--gap-base) }
.aboutbox01 .box .nam { font-size: var(--fsize-h1); font-weight: bold; margin: var(--gap-base) 0 var(--gap-large) }
.aboutbox01 .box .nam:after { content: ""; width: var(--gap-h1); height: 3px; display: block; background: var(--color-main); margin-top: var(--gap-base) }
.aboutbox01 .box .txt { font-size: var(--fsize-txt); line-height: 1.8; color: var(--color-3) }
.aboutbox01 .box .txt p { margin-bottom: var(--gap-base) }
.aboutbox01 .box .txt p:last-child { margin-bottom: 0 }
.aboutbox01 .img { flex: 1; margin-left: var(--gap-h3) }
.aboutbox01 .img img { display: block; width: 100% }
.aboutbox02 { padding: var(--gap-h3) 0; background: url(../img/dimg/aboutbox02bg.jpg) no-repeat center; background-size: cover; color: var(--color-white) }
.aboutbox02 .list { display: flex; justify-content: space-between }
.aboutbox02 .list .it { flex: 1; text-align: center; border-radius: var(--gap-base); padding: var(--gap-base); transition: none }
.aboutbox02 .list .it:hover { background: rgba(255,255,255,0.2); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%) }
.aboutbox02 .list .it .img { width: 50px; height: 100px; display: flex; align-items: center; margin: 0 auto }
.aboutbox02 .list .it .img img { display: block; width: 100% }
.aboutbox02 .list .it .txt { font-size: var(--fsize-base); padding: var(--gap-mini) 0 }
.aboutbox03 { padding: var(--gap-h1) 0 20%; background: url(../img/dimg/aboutbox03bg.jpg) no-repeat center bottom }
@media (max-width: 800px) {
.aboutbox03 { background-size: 100% auto }
}
.aboutbox03 .box { text-align: center }
.aboutbox03 .box .sub { font-size: var(--fsize-large) }
.aboutbox03 .box .nam { font-size: var(--fsize-h1); font-weight: bold; margin: var(--gap-base) 0 var(--gap-large) }
@media (max-width: 800px) {
.aboutbox03 .box .nam { font-size: var(--fsize-h2) }
}
.aboutbox03 .box .nam:after { content: ""; width: var(--gap-h1); height: 3px; display: block; background: var(--color-main); margin: var(--gap-base) auto 0 }
.aboutbox03 .box .txt { font-size: var(--fsize-txt); line-height: 1.8; color: var(--color-3) }
.aboutbox03 .box .txt p { margin-bottom: var(--gap-base) }
.aboutbox03 .box .txt p:last-child { margin-bottom: 0 }
.aboutbox03 .list { display: flex; justify-content: space-between; text-align: center; margin: var(--gap-h1); margin-bottom: 0 }
@media (max-width: 800px) {
.aboutbox03 .list { flex-wrap: wrap }
}
.aboutbox03 .list .it { flex: 1 }
@media (max-width: 800px) {
.aboutbox03 .list .it { flex: 50% }
}
.aboutbox03 .list .ico { width: 50px; height: 50px; margin: 0 auto; padding: var(--gap-base); background: var(--color-white); border-radius: 50%; box-shadow: 0 0 var(--gap-large) rgba(0,0,0,0.1) }
.aboutbox03 .list .ico img { display: block; width: 100%; height: 100% }
.aboutbox03 .list .num { margin-top: var(--gap-base) }
.aboutbox03 .list .num strong {
font-size:calc(var(--fsize-h1) * 1.5); color: var(--color-main) }
@media (max-width: 800px) {
.aboutbox03 .list .num strong { font-size: var(--fsize-h1) }
}
.aboutbox03 .list .num span { font-size: var(--fsize-base) }
.aboutbox03 .list .txt { font-size: var(--fsize-txt); margin-top: var(--gap-small) }
.aboutbox04 { margin: var(--gap-h1) 0 }
.aboutbox04 .hd { margin-bottom: var(--gap-h2); display: flex; justify-content: space-between; align-items: flex-end }
@media (max-width: 800px) {
.aboutbox04 .hd { flex-direction: column; align-items: flex-start }
}
.aboutbox04 .hd .nam { flex: 1; font-size: var(--fsize-h1); font-weight: bold }
.aboutbox04 .hd .nam::before { content: ""; width: 64px; height: 51px; background: url(../img/dimg/bg_dd1.png) no-repeat center; display: block; margin-bottom: var(--gap-base) }
.aboutbox04 .hd .txt { flex: 3; font-size: var(--fsize-txt); line-height: 1.5; color: var(--color-3); text-align: right }
@media (max-width: 800px) {
.aboutbox04 .hd .txt { text-align: left; margin-top: var(--gap-large) }
}
.aboutbox04 .list { display: grid; row-gap: var(--gap-h3); grid-template-columns: repeat(2, minmax(0, 1fr)) }
@media (max-width: 800px) {
.aboutbox04 .list { grid-template-columns: repeat(1, minmax(0, 1fr)) }
}
.aboutbox04 .list .item { padding-right: var(--gap-h1) }
.aboutbox04 .list .item .box { background: var(--color-bg) url(../img/dimg/aboutbox01bg.png) no-repeat 150% 50%; background-size: 60%; padding: var(--gap-h3); position: relative; height: 100%; box-sizing: border-box }
.aboutbox04 .list .item .box:hover { transform: translateX(-10px) translateY(-10px); box-shadow: 10px 10px 0 rgba(0,0,0,0.3) }
.aboutbox04 .list .item .box .nam { font-size: var(--fsize-large); margin-bottom: var(--gap-large); color: var(--color-main); font-weight: bold }
.aboutbox04 .list .item .box .txt { font-size: var(--fsize-h3); line-height: 1.6 }
.aboutbox04 .list .item .box .img { position: absolute; right: 0; top: 50%; transform: translateX(50%) translateY(-50%); width:calc(var(--gap-h2) * 2)
}
.aboutbox04 .list .item .box .img img { display: block; width: 100% }
.contactlist { display: flex }
@media (max-width: 800px) {
.contactlist { flex-wrap: wrap }
}
.contactlist .it { flex: 1; margin-right: var(--gap-large); background: var(--color-bg); padding: var(--gap-large); text-align: center; border: 1px solid var(--color-border) }
@media (max-width: 800px) {
.contactlist .it { flex: 100%; box-sizing: border-box; margin-bottom: var(--gap-base); margin-right: 0 }
}
.contactlist .it:hover { transform: translateX(-10px) translateY(-10px); box-shadow: 10px 10px 0 rgba(0,0,0,0.3) }
.contactlist .it .ico { width: var(--gap-h3); height: var(--gap-h3); margin: 0 auto }
.contactlist .it .ico img { display: block; width: 100%; height: 100% }
.contactlist .it .inf { margin-top: var(--gap-base) }
.contactlist .it .inf .nam { font-size: var(--fsize-large); font-weight: bold }
.contactlist .it .inf .txt { font-size: var(--fsize-large); line-height: 1.8; margin-top: var(--gap-base) }
.contactlist .it:last-child { margin-right: 0 }
.footer { background: var(--color-bg); padding: var(--gap-h3) 0 }
.footer .wrapper { display: flex }
.footer .footlogo { margin-right: var(--gap-large) }
@media (max-width: 800px) {
.footer .footlogo { display: none }
}
.footer .footlogo a { display: block; width: 260px }
.footer .footlogo a img { display: block; width: 100% }
.footer .inf { font-size: var(--fsize-base); line-height: 1.5; color: var(--color-6) }
.footer .inf span { margin-right: var(--gap-base) }
.footer .inf span:last-child { margin-right: 0 }
.footer .inf .copy { margin-top: var(--gap-base); color: var(--color-9) }
.footer .inf .copy a { margin: 0 var(--gap-mini) }
.footer .inf .copy a img { vertical-align: middle; margin-right: var(--gap-mini) }
.noinf { height: 50vh; display: flex; align-items: center; justify-content: center; font-size: var(--fsize-txt); color: var(--color-9); background: var(--color-bg) url(../img/dimg/aboutbox01bg.png) no-repeat center; background-size: 30% }
.noinf::before { content: "抱歉，当前栏目暂无资料" }
.messagecon { font-size: var(--fsize-txt); line-height: 1.6; margin-top: var(--gap-large); background: var(--color-bg); padding: var(--gap-large); border: 1px solid var(--color-border) }
.messagecon p { margin-bottom: var(--gap-base) }
.messagecon .messagetit { font-size: var(--fsize-base); font-weight: bold; line-height: 2 }
.messagecon .messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px }
.messagecon .messagetarea:focus { color: #333; outline: none; background: #fff }
.messagecon .messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px }
.messagecon .messageinput:focus { color: #333; outline: none; background: #fff }
.messagecon .messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; cursor: pointer; margin-right: 10px }
.messagecon .messagebtn.btnon { width: 50%; color: #fff; background: linear-gradient(to right, #ea0000, #f30) }
.messagecon .messagebtn:hover { opacity: .8; filter: alpha(opacity=80) }
.messagecon .yanzhengma { display: inline }
.partnerlist { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--gap-base) }
.partnerlist .it { background: var(--color-white); box-shadow: 0 3px 50px rgba(242,0,0,0.1); border-radius: var(--gap-small); display: flex; align-items: center; justify-content: center }
.partnerlist .it img { display: block; width: 100%; max-width: 80px }
.groupimg img { display: block; width: 100% }
.appslide { margin: var(--gap-h1) 0; position: relative }
@media (max-width: 800px) {
.appslide { display: flex; flex-direction: column }
}
@media (max-width: 800px) {
.appslide .limg { width: 100%; order: 2 }
}
.appslide .limg img { display: block; width: 100%; transition: all 1.2s ease }
.appslide .limg .swiper-slide-active img { transform: scale(1.1) }
.appslide .conbox { position: absolute; z-index: 3; top: 0; left: 0; bottom: 0; width: 50%; background: rgba(255,255,255,0.8); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); display: flex; flex-direction: column }
@media (max-width: 800px) {
.appslide .conbox { position: relative; width: 100% }
}
.appslide .conbox .hd { padding: var(--gap-h2); flex: 1; display: flex; flex-direction: column; justify-content: center }
@media (max-width: 800px) {
.appslide .conbox .hd { padding: var(--gap-h2) 0 }
}
.appslide .conbox .hd .nam { font-size: var(--fsize-h1); font-weight: bold }
.appslide .conbox .hd .nam::before { content: ""; width: 64px; height: 51px; background: url(../img/dimg/bg_dd1.png) no-repeat center; display: block; margin-bottom: var(--gap-base) }
.appslide .conbox .hd .txt { margin-top: var(--gap-base); font-size: var(--fsize-txt); line-height: 1.6; color: var(--color-3) }
.appslide .conbox .lcon { width: 100%; background: var(--color-main); color: var(--color-white); padding: var(--gap-h3); box-sizing: border-box }
.appslide .conbox .lcon .swiper-wrapper { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)) }
@media (max-width: 800px) {
.appslide .conbox .lcon .swiper-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) }
}
.appslide .conbox .lcon .swiper-wrapper .swiper-slide { display: flex; flex-direction: column; text-align: center; padding: var(--gap-base) var(--gap-small); border-radius: var(--gap-small); box-sizing: border-box; transition: background .3s; cursor: pointer }
@media (max-width: 800px) {
.appslide .conbox .lcon .swiper-wrapper .swiper-slide { width: 100% !important }
}
.appslide .conbox .lcon .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { background: rgba(255,255,255,0.2) }
.appslide .conbox .lcon .swiper-wrapper .swiper-slide .ico { width: var(--gap-h3); height: var(--gap-h3); margin: 0 auto }
@media (max-width: 800px) {
.appslide .conbox .lcon .swiper-wrapper .swiper-slide .ico { width: var(--gap-h1); height: var(--gap-h1) }
}
.appslide .conbox .lcon .swiper-wrapper .swiper-slide .ico img { display: block; width: 100%; height: 100% }
.appslide .conbox .lcon .swiper-wrapper .swiper-slide .inf { margin-top: var(--gap-small) }
.appslide .conbox .lcon .swiper-wrapper .swiper-slide .inf .nam { font-size: var(--fsize-base); font-weight: bold }
.appslide .conbox .lcon .swiper-wrapper .swiper-slide .inf .txt { font-size: var(--fsize-small) }
.sean-newslist { margin: var(--gap-h3) 0 }
.sean-newslist.sean-newslist-col3 { margin: var(--gap-large) 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-base) }
@media (max-width: 800px) {
.sean-newslist.sean-newslist-col3 { grid-template-columns: repeat(1, minmax(0, 1fr)) }
}
.sean-newslist.sean-newslist-col3.sean-newslist-col2 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
@media (max-width: 800px) {
.sean-newslist.sean-newslist-col3.sean-newslist-col2 { grid-template-columns: repeat(1, minmax(0, 1fr)) }
}
.sean-newslist.sean-newslist-col3.sean-newslist-col4 { grid-template-columns: repeat(4, minmax(0, 1fr)) }
@media (max-width: 800px) {
.sean-newslist.sean-newslist-col3.sean-newslist-col4 { grid-template-columns: repeat(1, minmax(0, 1fr)) }
}
.sean-newslist.sean-newslist-col3 .sean-newslist-item { box-sizing: border-box; padding: var(--gap-large); border: 1px solid var(--color-border); flex-direction: column; background-color: var(--color-white) }
@media (max-width: 800px) {
.sean-newslist.sean-newslist-col3 .sean-newslist-item { flex-direction: row; padding: var(--gap-h3) }
}
.sean-newslist.sean-newslist-col3 .sean-newslist-item:hover { box-shadow: 0 var(--gap-base) var(--gap-large) rgba(0,0,0,0.1); transform: translateY(-5px) }
.sean-newslist.sean-newslist-col3 .sean-newslist-item:last-child { border-bottom: 1px solid var(--color-border) }
.sean-newslist.sean-newslist-col3 .sean-newslist-item .sean-newslist-img { width: 100%; margin-bottom: var(--gap-base) }
@media (max-width: 800px) {
.sean-newslist.sean-newslist-col3 .sean-newslist-item .sean-newslist-img { width: 30vw }
}
.sean-newslist.sean-newslist-col3 .sean-newslist-item .sean-newslist-img a { padding-bottom: 65% }
@media (max-width: 800px) {
.sean-newslist.sean-newslist-col3 .sean-newslist-item .sean-newslist-img a { padding-bottom: 75% }
}
.sean-newslist.sean-newslist-imglight .sean-newslist-item .sean-newslist-img a { overflow: hidden }
.sean-newslist.sean-newslist-imglight .sean-newslist-item .sean-newslist-img a:after { content: ""; position: absolute; left: -120%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); transform: skewx(-25deg); opacity: .6 }
.sean-newslist.sean-newslist-imglight .sean-newslist-item .sean-newslist-img a:hover:after { left: 120%; transition: 1s }
@media (max-width: 800px) {
.sean-newslist.sean-newslist-mimgbig .sean-newslist-item { flex-direction: column }
.sean-newslist.sean-newslist-mimgbig .sean-newslist-item .sean-newslist-img { width: 100%; margin-right: 0; margin-bottom: var(--gap-base) }
.sean-newslist.sean-newslist-mimgbig .sean-newslist-item .sean-newslist-img a { padding-bottom: 65% }
}
@media (max-width: 800px) {
.sean-newslist.sean-newslist-minftxt .sean-newslist-item .sean-newslist-inf .sean-newslist-txt { display: -webkit-box; margin-top: var(--gap-large) }
}
.sean-newslist.sean-newslist-alternate .sean-newslist-item:nth-child(2n) .sean-newslist-img { order: 2; margin-right: 0; margin-left: var(--gap-large) }
@media (max-width: 800px) {
.sean-newslist.sean-newslist-alternate .sean-newslist-item:nth-child(2n) .sean-newslist-img { order: 0; margin-left: 0 }
}
.sean-newslist.sean-newslist-bigitem .sean-newslist-item { border: 0 }
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-img { width: 40% }
@media (max-width: 800px) {
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-img { width: 100% }
}
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-img a { padding-bottom: 60% }
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf { align-items: center; flex-direction: row; height: auto }
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf .sean-newslist-con { height: auto }
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf .sean-newslist-con .sean-newslist-tit { font-size: var(--fsize-h3) }
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf .sean-newslist-con .sean-newslist-tool a.sean-newslist-tool-fl { background: var(--color-white); padding: 10px 30px; border: 1px solid var(--color-border); width: auto; height: auto; font-size: var(--fsize-base); text-decoration: none; border-radius: 30px }
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf .sean-newslist-con .sean-newslist-tool a.sean-newslist-tool-fl:before { content: "阅读更多" }
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf .sean-newslist-con .sean-newslist-tool a.sean-newslist-tool-fl:hover { border-color: var(--color-main); color: var(--color-white); background-color: var(--color-main) }
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf .sean-newslist-con .sean-newslist-tool a.sean-newslist-tool-fr { display: none }
.sean-newslist.sean-newslist-imgright .sean-newslist-item .sean-newslist-img { order: 2; margin-right: 0; margin-left: var(--gap-large) }
.sean-newslist .sean-newslist-item { display: flex; justify-content: space-between; padding: var(--gap-large) 0; border-bottom: 1px solid var(--color-border) }
.sean-newslist .sean-newslist-item:last-child { border-bottom: 0 }
.sean-newslist .sean-newslist-item .sean-newslist-img { width: 220px; margin-right: var(--gap-large) }
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-img { width: 30vw }
}
.sean-newslist .sean-newslist-item .sean-newslist-img a { width: 100%; height: 0; display: block; padding-bottom: 75%; position: relative }
.sean-newslist .sean-newslist-item .sean-newslist-img a img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover }
.sean-newslist .sean-newslist-item .sean-newslist-inf { flex: 1; display: flex; flex-direction: column }
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-con { height: 100%; display: flex; flex-direction: column }
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tit { font-size: var(--fsize-large); font-weight: bold }
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tit { margin-bottom: var(--gap-base) }
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tit a { color: var(--color-3) }
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tit a:hover { color: var(--color-main) }
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim { margin-top: var(--gap-base); color: var(--color-9); font-size: var(--fsize-base); display: flex; align-items: center }
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim { margin-top: auto }
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim span { margin-right: var(--gap-large); display: flex; align-items: center }
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim span::before { content: ""; width: 20px; height: 20px; display: block; background: url(../img/seanui/seanui-icon-time.svg) no-repeat center; background-size: cover; margin-right: var(--gap-mini) }
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim span::before { width: 16px; height: 16px }
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim span:nth-child(2)::before { background-image: url(../img/seanui/seanui-icon-nums.svg) }
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-txt { margin-top: var(--gap-base); color: var(--color-6); font-size: var(--fsize-base); line-height: 1.6; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2 }
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-txt { display: none }
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tag { margin-top: auto; display: flex; justify-content: flex-end; align-items: center; font-size: var(--fsize-base) }
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tag { display: none }
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tag a { margin-right: var(--gap-base); margin-top: var(--gap-base); color: var(--color-main) }
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tag a:last-child { margin-right: 0 }
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-sub { margin-bottom: var(--gap-base); font-size: var(--fsize-base); color: var(--color-9); display: flex; align-items: center; margin-left: -4px }
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-sub a { display: block; margin-right: var(--gap-base); color: var(--color-9); text-decoration: none; padding: 3px 4px; border-radius: var(--gap-mini) }
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-sub a:hover { background: rgba(0,0,0,0.06); color: var(--color-3) }
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool { margin-top: var(--gap-large); display: flex; justify-content: space-between }
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool { margin-top: var(--gap-h3) }
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool a { display: block; width: 24px; height: 24px; background: url(../img/seanui/seanui-icon-01.png) no-repeat center }
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool a.sean-newslist-tool-fl { background-image: url(../img/seanui/seanui-icon-01.png) }
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool a.sean-newslist-tool-fr { background-image: url(../img/seanui/seanui-icon-02.png) }
.newswrap { max-width: 800px; margin: var(--gap-h3) auto }
.newswrap .title { font-size: var(--fsize-h2); font-weight: bold; color: var(--color-0) }
.newswrap .info { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--color-border); font-size: var(--fsize-small); color: var(--color-9); margin-top: 10px }
.newswrap .info span { margin-right: 6px }
.newswrap .content { font-size: var(--fsize-txt); color: var(--color-3); line-height: 1.6 }
.newswrap .content p { margin-bottom: 20px }
.newswrap .content img { display: block; max-width: 100% }
.newswrap .more { font-size: var(--fsize-small); border-top: 1px solid var(--color-border); padding-top: 30px; margin-top: 30px }
.newswrap .more p { display: flex }
.newswrap .more a { padding: 5px 0; display: block }
.prolist { margin: var(--gap-h1) 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--gap-base) }
@media (max-width: 800px) {
.prolist { grid-template-columns: repeat(4, minmax(0, 1fr)) }
}
.prolist .item { background: var(--color-white); border-radius: var(--gap-base); padding: var(--gap-h1); box-shadow: 0 0 20px rgba(0,0,0,0.1); display: flex; flex-direction: column; align-items: center; grid-column: span 2 }
@media (max-width: 800px) {
.prolist .item { padding: var(--gap-h3) }
}
.prolist .item .nam { font-size:28px; font-weight: bold }
@media (max-width: 800px) {
.prolist .item .nam { font-size: var(--fsize-h3) }
}
.prolist .item .btn { display: flex; margin-top: var(--gap-base); justify-content: center; }
@media (max-width: 800px) {
.prolist .item .btn { margin-top: var(--gap-large) }
}
.prolist .item .btn a { display: block; font-size: var(--fsize-txt); padding: 0 var(--gap-large); line-height: 48px; font-weight: bold; color: var(--color-white); background: var(--color-0); border-radius: 30px; text-decoration: none }
@media (max-width: 800px) {
.prolist .item .btn a { line-height: 30px; font-size: var(--fsize-base); font-weight: normal }
}
.prolist .item .btn a:hover { background: var(--color-main) }
.prolist .item .img { flex: 2; margin-bottom: var(--fsize-base) }
.prolist .item .img a { display: block; width: 100% }
.prolist .item .img img { display: block; width: 100% }
.prolist .item .inf { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center }
.prolist .item.itemA { grid-column: span 2; grid-row: span 2; flex-direction: column }
.prolist .item.itemB { grid-column: span 2 }
.prolist .item.itemC { grid-column: span 4 }
.prolist .item.itemC .img img { width: 50%; margin: 0 auto }
.prosubnav { margin: var(--gap-h1) 0 0; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
@media (max-width: 800px) {
.prosubnav { flex-wrap: wrap }
}
.prosubnav .pa { width: 20%; text-align: center; display: block; line-height: 36px; background: var(--color-bg); color: var(--color-3); border-radius: 30px; padding: 0 var(--gap-large); margin: 0 var(--gap-mini); margin-bottom: 10px; font-size: var(--fsize-large); text-decoration: none }
@media (max-width: 800px) {
.prosubnav .pa { line-height: 30px; margin: var(--gap-small) }
}
.prosubnav .pa:hover { color: var(--color-main); }
.prosubnav .pa.on { background: var(--color-main); color: var(--color-white) }
.proitemlist { margin: var(--gap-h3) 0 var(--gap-h1); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-large) }
@media (max-width: 800px) {
.proitemlist { grid-template-columns: repeat(1, minmax(0, 1fr)) }
}
.proitemlist .item { background: var(--color-white); border-radius: var(--gap-base); box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: var(--gap-h3); display: flex; align-items: center }
.proitemlist .item .img { flex: 1; margin-right: var(--gap-large) }
@media (max-width: 800px) {
.proitemlist .item .img { flex: 1.2 }
}
.proitemlist .item .img a { display: block; width: 100% }
.proitemlist .item .img img { display: block; width: 100% }
.proitemlist .item .inf { flex: 1 }
.proitemlist .item .inf .sub { font-size: var(--fsize-txt); margin-bottom: var(--gap-base) }
.proitemlist .item .inf .sub a { color: var(--color-main) }
.proitemlist .item .inf .nam { font-size: 24px; font-weight: bold; text-transform:capitalize; }
@media (max-width: 800px) {
.proitemlist .item .inf .nam { font-size: var(--fsize-h3) }
}
.proitemlist .item .inf .txt { color: var(--color-6); font-size: var(--fsize-base); line-height: 1.5; margin-top: var(--gap-base); display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 3 }
@media (max-width: 800px) {
.proitemlist .item .inf .txt { display: none }
}
.proitemlist .item .inf .btn { margin-top: var(--gap-large); display: flex }
.proitemlist .item .inf .btn a { display: block; line-height: 36px; font-size: var(--fsize-base); color: var(--color-white); background: var(--color-0); border-radius: 30px; padding: 0 var(--gap-large); text-decoration: none }
@media (max-width: 800px) {
.proitemlist .item .inf .btn a { line-height: 30px }
}
.proitemlist .item .inf .btn a:hover { background-color: var(--color-main) }
.proitemwrap { padding: var(--gap-h1) 0; display: flex }
.proitemwrap .pside { flex: 1; margin-right: var(--gap-h3) }
.proitemwrap .pmain { flex: 1 }
.proitemwrap .hd { margin-bottom: var(--gap-large) }
.proitemwrap .hd .tip { font-size: var(--fsize-txt); color: var(--color-main); font-weight: bold; margin-bottom: var(--gap-base) }
.proitemwrap .hd .nam { font-size: 30px; font-weight: bold; color: var(--color-0);text-transform: capitalize; }
.proitemwrap .imgbox { position: sticky; top: 90px; width: 660px }
.proitemwrap .imgbox .it img { display: block; width: 100% }
.proitemwrap .imgbox .lSSlideWrapper { margin-bottom: 5px }
.proitemwrap .imgbox .lSSlideOuter .lSPager.lSGallery li { border: 2px solid #dedede; box-sizing: border-box }
.proitemwrap .imgbox .lSSlideOuter .lSPager.lSGallery li.active, .proitemwrap .imgbox .lSSlideOuter .lSPager.lSGallery li:hover { border: 2px solid var(--color-main); border-radius: 0 }
.proitemwrap .imgbox .lSAction>a { background: url(../img/dimg/slideicon01.svg) no-repeat center; background-size: 36px; width: 36px; height: 36px }
.proitemwrap .imgbox .lSAction>a.lSNext { background-image: url(../img/dimg/slideicon02.svg) }
.proitemwrap .imgbox .img { max-width: 1000px; width: 100%; margin: 0 auto }
.proitemwrap .imgbox .img img { display: block; width: 100% }
.proitem { padding: var(--gap-large) 0; border-top: 1px solid var(--color-border); display: flex; flex-direction: column }
.proitem .phd { font-size: var(--fsize-h3); font-weight: bold; color: var(--color-0); margin-bottom: var(--gap-base) }
.proitem .pbd { /*font-size: var(--fsize-txt);*/ color: var(--color-3); line-height: 1.8; flex: 1 }
.proitem .pbd .good { display: flex; flex-wrap: wrap }
.proitem .pbd .good span { background: var(--color-bg); padding: var(--gap-small) var(--gap-base); font-size: var(--fsize-txt); border-radius: 0 20px; margin: var(--gap-mini); display: flex; border: 1px solid var(--color-border); align-items: center }
.proitem .pbd .good span::before { content: ""; width: 16px; height: 16px; display: block; margin-right: var(--gap-small); background: url(../img/dimg/radios.svg) no-repeat center; background-size: cover }
.proitem .imgs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px }
.proitem .imgs .itt img { display: block; width: 100% }
.stable { min-width: 100%; margin: var(--gap-large) 0 var(--gap-base); direction: ltr; empty-cells: show; border: 1px solid rgba(0,0,0,0.06); border-collapse: collapse; border-spacing: 0; white-space: nowrap }
.stable.st2 { margin: 0 0 var(--gap-base) }
.stable.st2 tr:nth-child(2n + 1) td { background-color: rgba(0,0,0,0.05) }
.stable tr:hover { background: rgba(60,90,100,0.04) }
.stable th { border: 1px solid rgba(0,0,0,0.06); border-width: 1px 0 2px; padding: var(--gap-small); text-align: left; font-weight: bold; background: var(--color-main); font-size: var(--fsize-base); box-sizing: border-box; color: var(--color-white) }
.stable th:first-child { border-left: 1px solid rgba(0,0,0,0.06) }
.stable th:last-child { border-right: 1px solid rgba(0,0,0,0.06) }
.stable tr:nth-child(2n + 1) td { background-color: rgba(0,76,160,0.1) }
.stable td { border: 1px solid rgba(0,0,0,0.06); border-width: 1px 0; padding: var(--gap-small); font-size: var(--fsize-base); box-sizing: border-box }
.stable td:first-child { border-left: 1px solid rgba(0,0,0,0.06) }
.stable td:last-child { border-right: 1px solid rgba(0,0,0,0.06) }
.bigimglist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-base) }
.bigimglist .it img { display: block; width: 100%; height: 100%; object-fit: cover }
.honorbox #imageGallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-base) }
.honorbox #imageGallery .it img { display: block; width: 100%; cursor: pointer }
.honorbox #imageGallery .it img:hover { opacity: .8 }
.joinbox .item { display: flex; align-items: center }
.joinbox .item:nth-child(2n) .img { order: 2; margin-right: 0; margin-left: var(--gap-h3) }
.joinbox .item .img { flex: 1; margin-right: var(--gap-h3) }
.joinbox .item .img img { display: block; width: 100% }
.joinbox .item .con { flex: 1 }
.joinbox .item .con .nam { font-size: var(--fsize-h1); font-weight: bold }
.joinbox .item .con .txt { font-size: var(--fsize-txt); line-height: 1.8; margin-top: var(--gap-base); color: var(--color-6) }
body { overflow-x: hidden }
body.on { overflow: hidden }
.wrapper { box-sizing: border-box; padding: 0 20px; width: 1400px; margin: 0 auto }
* { transition: all .3s }
@-webkit-keyframes zoomInSmall { from {
opacity:0;
-webkit-transform:scale3d(.92, .92, .92);
transform:scale3d(.92, .92, .92)
}
50% {
opacity:1
}
}
@keyframes zoomInSmall { from {
opacity:0;
-webkit-transform:scale3d(.92, .92, .92);
transform:scale3d(.92, .92, .92)
}
50% {
opacity:1
}
}
.zoomInSmall { -webkit-animation-name: zoomInSmall; animation-name: zoomInSmall }
.lightGallery-white-theme .lg-outer .lg-thumb-outer { box-shadow: 0 0 6px -3.5px rgba(0,0,0,0.25) inset }
.lightGallery-white-theme .lg-sub-html { color: #333 !important }
.lightGallery-white-theme .lg-sub-html a { color: #2f2f2f !important }
.lightGallery-white-theme .lg-backdrop { background-color: rgba(243,243,243,0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px) }
.lightGallery-white-theme .lg-backdrop { background-color: rgba(243,243,243,0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px) }
.lightGallery-white-theme .lg-thumb-item.active, .lightGallery-white-theme .lg-thumb-item:hover { border-color: var(--color-main) }
.lightGallery-white-theme .lg-progress-bar { background-color: #999 }
.lightGallery-white-theme .lg-progress-bar .lg-progress { background-color: #333 }
.lightGallery-white-theme .lg-outer .lg-thumb-outer { background-color: #fcfcfc }
.lightGallery-white-theme .lg-next, .lightGallery-white-theme .lg-prev { background-color: rgba(0,0,0,0.03); color: #444 }
.lightGallery-white-theme .lg-next:hover, .lightGallery-white-theme .lg-prev:hover { color: #000 }
.lightGallery-white-theme .lg-next:focus, .lightGallery-white-theme .lg-prev:focus { outline: none; box-shadow: none }
.lightGallery-white-theme .lg-toolbar .lg-icon { color: #555 }
.lightGallery-white-theme .lg-toolbar .lg-icon:hover { color: #000 }
.lightGallery-white-theme .lg-counter { color: #555 }
.lightGallery-white-theme .lg-outer .lg-thumb-item.active, .lightGallery-white-theme .lg-outer .lg-thumb-item:hover { border: 2px solid var(--color-main) }
::-webkit-scrollbar {
width:5px;
height:5px
}
::-webkit-scrollbar-button:vertical {
display:none
}
::-webkit-scrollbar-track:vertical {
background-color:black
}
::-webkit-scrollbar-track-piece {
background:#fff
}
::-webkit-scrollbar-thumb:vertical {
background-color:#c2c2c2
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:#a0a0a0
}
::-webkit-scrollbar-corner:vertical {
background-color:#535353
}
::-webkit-scrollbar-resizer:vertical {
background-color:#ff6e00
}
::selection { background: var(--color-main); color: var(--color-white) }
::-moz-selection {
background:var(--color-main);
color:var(--color-white)
}
body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video { margin: 0; padding: 0 }
article, aside, footer, header, hgroup, nav, section, audio, canvas, video { display: block }
body { font-size: 100%; font-family: "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); background: var(--color-white) }
textarea { resize: none }
iframe, img { border: 0 }
ul, ol { list-style: none }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only }
a { text-decoration: none; color: #666 }
a:hover { text-decoration: underline; color: var(--color-main) }/*# sourceMappingURL=./c.css.map */
.service_innerbox { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.service_innerbox .item { width: 31%; margin: 1%; }
.service_innerbox .item .bg img { display: block; max-width: 100%; }
.service_innerbox .item .box { background-color: rgba(0,0,0,0.3); padding: 20px 30px; box-sizing: border-box; }
.service_innerbox .item .box .nam { font-size: 16px; color: #fff; margin-bottom: 12px; width: 80%; height: 46px; }
.service_innerbox .item .box .btn a { display: flex; width: 60px; height: 30px; justify-content: center; align-items: center; font-size: var(--fsize-base); background-color: var(--color-main); color: var(--color-white); text-decoration: none; float: right; margin-top: -40px; }
.hezuo_box { background: #fff; margin-top: 30px; }
.hezuo_box .hezuo_ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.hezuo_box .hezuo_ul li { width: calc(20% - 40px); margin: 25px 20px; justify-content: center; display: flex; }
.hezuo_box .hezuo_ul li img { display: block; max-width: 70%; }
.erweima { float: left; margin-left: 10%; width: 18%; text-align: center; }
.erweima img { width: 100%; margin-top: 30px; display: block; margin-bottom: 12px; }
.foot_copy { clear: both; position: absolute; bottom: 100px; width: 90%; margin: 0 5%; }
.foot_copy .copy { float: right; color: #fff; text-align: right; }
@media (max-width: 1440px) {
:root { --fsize-base:12px;
--gap-base:12px
}
.header .nav .nul .nli .na { padding: 0 var(--gap-large) }
.wrapper { width: 100% }
}
@media (max-width: 1024px) {
.section05 .piclogo img { display: block; max-width: 100%; }
}
@media (max-width: 800px) {
.joinbox .item { flex-direction: column; margin-bottom: var(--gap-h3) }
.joinbox .item:nth-child(2n) .img { order: 0; margin: 0 0 var(--gap-h3) }
.honorbox #imageGallery { grid-template-columns: repeat(2, minmax(0, 1fr)) }
.joinbox .item .img { margin: 0 0 var(--gap-h3) }
.joinbox .item .con .nam { font-size: var(--fsize-h3) }
:root { --fsize-base:12px;
--gap-base:6px
}
.header { height: 80px }
.header .logo { width: 220px; height: 36px }
.header .nav { position: fixed; top: 80px; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(30px) saturate(180%); -webkit-backdrop-filter: blur(30px) saturate(180%); box-sizing: border-box; padding: var(--gap-h3); opacity: 0; visibility: hidden; transform: translateY(-10px) }
.header .nav.on { opacity: 1; visibility: visible; transform: translateY(0) }
.header .nav .nul { flex-direction: column; }
.header .nav .nul .nli { border-bottom: 1px solid var(--color-border); width: 100%; text-align: center; height: auto; }
.header .nav .nul .nli .na { color: var(--color-0); line-height: 40px; padding: var(--gap-base) 0 }
.header .nav .nul .nli .sub { display: none }
.header .more .sea { display: none }
.header .more .menu { display: block }
.header .more .menu.on { background-image: url(../img/dimg/menuicons.png) }
.section01 .box .nam { font-size: var(--fsize-h1) }
.section01 .box .txt { font-size: var(--fsize-base) }
.section01 .box .en { font-size: var(--fsize-h1) }
.section02 .item { width: 100%; height: 40%; left: 0; right: 0 }
.section02 .item.it01 { top: 0; clip-path: none }
.section02 .item.it02 { top: 33%; left: 0; height: 30%; width: 100%; clip-path: none }
.section02 .item.it03 { top: auto; bottom: 50px; clip-path: none }
.section02 .con .btn { display: none }
.section03::before { height: 80px }
.section03 .wrapper .hd { flex-direction: column }
.section03 .wrapper .hd .nam { height: 36px }
.section03 .wrapper .hd .lis { flex-wrap: wrap; margin: var(--gap-base) 0 }
.section03 .wrapper .list .item .inf .nam { font-size: var(--fsize-large) }
.section03 .wrapper .list .item .inf .txt { display: none }
.section03 .wrapper .list .item .inf .mor { display: none }
.section04 .hd .btn { display: none }
.section04 .list { grid-template-columns: repeat(1, minmax(0, 1fr)) }
.section04 .list .item.itb { height: 18vh; overflow: hidden }
.section04 .list .item.itb .box { left: var(--gap-h3); transform: translateY(-50%); text-align: left }
.section04 .list .item.itb .box .btn a { margin: 0 }
.section04 .list .item .box .txt { display: none }
.section04 .list .item .box .btn { margin-top: var(--gap-large) }
.home_abbox { width: 100%; position: absolute; bottom: 50px; }
.section05 { background-size: auto 50%; background-position: center top }
.section05 .bigbox { width: 100%; margin-right: 0; top: 50%; bottom: 50px; padding: 45px; box-sizing: border-box; margin: 0; background-color: #000; }
.section05 .section05lis .swiper-slide .img { width: 30px }
.section05 .section05lis .swiper-slide .img img { width: 30px }
.section06 .wrapper .box { flex-direction: column }
.section06 .wrapper .box .hd { display: flex; justify-content: space-between; width: 100%; align-items: center }
.section06 .wrapper .box .hd .nam { font-size: var(--fsize-h1) }
.section06 .wrapper .box .hd .nam br { display: none }
.section06 .wrapper .box .hd .btn { margin: 0 }
.section06 .wrapper .box .hd .sub { display: none }
.section06 .wrapper .box .bd { flex-direction: column }
.section06 .wrapper .box .bd .item { margin: 0 0 var(--gap-large); display: flex; align-items: center; background-color: var(--color-white) }
/*.section06 .wrapper .box .bd .item .img { width: 30vw; height: 30vw }
.section06 .wrapper .box .bd .item .img a { height: 100% }*/
.section06 .wrapper .box .bd .item .img { display: none; }
/*.section06 .wrapper .box .bd .item .img a img { height: 100%; object-fit: cover }*/
.section06 .wrapper .box .bd .item .inf { flex: 1; /*padding: var(--gap-large)*/ }
.section07 { background-size: auto 30%; background-position: center top }
.section07 .bigbox { width: 100%; margin-left: 0; top: 30%; bottom: 50px; padding: var(--gap-h1); box-sizing: border-box; background: #111; }
.section07 .bigbox .box .qrbox .bd img { width: 90px; height: 90px }
.section07 .bigbox .box .qrbox .bd p { display: none }
.moveico { bottom: 60px; transform: translateX(-50%) scale(.8) }
.inbanner .bg img { height: 50vw; object-fit: cover }
.inbanner .con { transform: translateX(-50%) }
.inbanner .con .nam { font-size: var(--fsize-h2) }
.inbanner .con .txt { display: none }
.sean-breadcrumb { flex-wrap: wrap; display: none }
.sean-breadcrumb.sean-breadcrumb-bigit .sean-breadcrumb-it a { line-height: 16px; height: auto; padding: 0; background: none; color: var(--color-9); margin-right: 0 }
.sean-breadcrumb.sean-breadcrumb-bigit .sean-breadcrumb-it a::before { display: none }
.sean-breadcrumb.sean-breadcrumb-bigit .sean-breadcrumb-it a::after { display: none }
.sean-breadcrumb.sean-breadcrumb-bigit .sean-breadcrumb-it::after { display: block }
.sean-breadcrumb.sean-breadcrumb-bigit .sean-breadcrumb-it:first-child a { padding-left: 4px }
.insubnav { height: 50px; overflow-x: auto }
.insubnav::-webkit-scrollbar {
display:none
}
.insubnav .innav .it { white-space: nowrap }
.aboutbox01 { flex-direction: column }
.aboutbox01 .img { margin-left: 0; margin-top: var(--gap-base) }
.aboutbox02 .list { flex-wrap: wrap }
.aboutbox02 .list .it { box-sizing: border-box; flex: 25% }
.proitemwrap { flex-direction: column }
.proitemwrap .pside { margin-right: 0; margin-bottom: var(--gap-h1) }
.proitemwrap .imgbox { width: 100% }
.hezuo_box .hezuo_ul li { width: calc(25% - 40px); }
.section05 .piclogo { display: none; }
.service_innerbox .item .box .btn { display: none; }
.aboutbox04 img { display: block; max-width: 100%; }
.prosubnav .pa { width: 13%; }
}
@media (max-width: 430px) {
.erweima { display: none; }
.section07 .qrbox { width: 100%; font-size: 13px; }
.foot_copy .copy { font-size: 13px; }
.hezuo_box .hezuo_ul li img { max-width: 100%; }
.hezuo_box .hezuo_ul li { width: calc(42% - 40px); }
.service_innerbox .item { width: 48%; }
.prosubnav .pa { width: 27%; }
}
.section07 .bigbox .box .coninf { font-size: var(--fsize-txt); line-height: 1.6; margin: var(--gap-h3) 0; }