html {margin-top: 0 !important;}
.menu {font-size:25px;padding:0.8em 0;height:5.32em;background:#ffffff;box-shadow:0px 0px 12px rgb(0 0 0 / 15%);}
.menu .nav-toggle,.menu .sub-level-open {display:none;}
.menu .logo-a {font-size:1em;}
.menu .logo-a .logo {width:4.36em;height:3.72em;object-fit:contain;float:left;}
.menu .logo-a span {float:left;font-size:1em;line-height:1.25;color:var(--text);padding-left:1em;margin-left:1em;margin-top:1.75em;border-left:1px solid;}
.menu .email-a {display:block;background:var(--theme);color:#fff;text-align:center;font-size:0.92em;padding:0.4em 1.4em;}
.menu .email-a * {color:#fff;}
.menu-contact-list {}
.menu-contact-list .item {font-size:0.72em;padding:0.35em 0 0.35em 1.5em;line-height:1;background-repeat:no-repeat;background-size:1em auto;background-position:left center;}
.menu-contact-list .item.item1 {background-image:url(../images/menu-contact-ico1.png);}
.menu-contact-list .item.item2 {background-image:url(../images/menu-contact-ico2.png);}
.menu-contact-list .item.item3 {background-image:url(../images/menu-contact-ico3.png);}
.header-h {font-size:25px;height:auto;}
.header-h.head-fixed {height:5.32em;}
.menu.head-fixed {position:fixed;top:0;left:0;right:0;animation:smoothScroll 0.4s forwards;z-index:100;}
.banner {position:relative;font-size:16px;}
.banner .swiper {width:100%;}
.banner .swiper img {width:100%;height:800px;object-fit:cover;}
.pc-img {display:block;}
.m-img {display:none;}
.banner .text {width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.banner .txt {}
.banner .txt .name {display:none;font-size:3em;font-weight:600;font-style:italic;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;color:var(--theme);line-height:1.2;padding-bottom:0.5em;}
.banner .txt .img-tit {width:100%;margin-bottom:1.5em;}
.banner .txt .img-tit img {max-width:100%;}
.banner .txt .p {font-size:1.5em;color:#fff;text-shadow:2px 2px #000;padding-bottom:1.8em;max-width:46em;}
.banner .txt .list {max-width:38.5em;width:100%;padding-bottom:4em;}
.banner .txt .list .item {width:48%;height:8.5em;padding-left:1em;padding-right:1em;background:rgb(0 0 0 / 60%);margin-bottom:1em;text-align:left;overflow:hidden;}
.banner .txt .list .item p {font-size:1.55em;color:#fff;width:100%;text-align:center;}
.banner .txt .list .item1 {border-top-left-radius:1.5em;}
.banner .txt .list .item2 {border-top-right-radius:1.5em;}
.banner .txt .list .item3 {border-bottom-left-radius:1.5em;}
.banner .txt .list .item4 {border-bottom-right-radius:1.5em;}
.banner .txt .list .item p span {color:ivory;display:block;}
.banner .txt .list .item p b {display:block;font-weight:600;color:var(--minor);font-size:1.75em;line-height:1.25;}
.banner .swiper-slide i {position:absolute;left:50%;bottom:3.75em;margin-left:-1.125em;background:url(../images/banner-icon.png) no-repeat center;background-size:2.25em;width:2.25em;height:3.25em;animation:bannerslide 2s linear infinite;}
@keyframes bannerslide {0% {transform:translateY(-50px);opacity:1;}
100% {transform:translateX(0px);opacity:0;}
}
.banner .swiper-button-prev,.banner .swiper-button-next {top:50%;margin-top:-2.25em;width:4.5em;height:4.5em;opacity:0;transition:all 1s;border-radius:50%;}
.banner .swiper-button-prev {left:8%;}
.banner .swiper-button-next {right:7%;}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next {opacity:0.5;background-color:var(--theme);color:#fff;box-shadow:-5px 5px 8px rgb(0 0 0 / 35%);}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after {font-size:2em;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover {opacity:1;}
.section {font-size:16px;padding:5em 0;}
.section .title {padding-bottom:2.5em;}
.section .title .tit {text-transform:uppercase;font-size:2.75em;font-weight:600;font-style:italic;text-align:center;line-height:1.2;}
.section .title .ico {margin:0.5em 0;}
.section .title .ico img {margin:0 auto;height:2.125em;}
.section .title .p {text-align:center;width:100%;max-width:69em;margin:0 auto;font-size:1.125em;color:var(--p-color);}
.a .btn {display:block;width:100%;font-size:1.35em;font-weight:600;line-height:2em;background:var(--theme);text-align:center;color:#fff;transition:all 0.5s;}
.a .btn:hover {transform:translate(0.25em,-0.25em);box-shadow:0px 0px 12px rgb(0 0 0 / 15%);}
.section-product {}
.section-product .list {}
.section-product .list .item {display:block;width:24.16%;margin-right:1.12%;margin-bottom:1em;}
.section-product .list .item:nth-child(4n) {margin-right:0;}
.section-product .list .item .img {overflow:hidden;}
.section-product .list .item .img img {width:100%;aspect-ratio:142/100;object-fit:cover;transition:all 0.5s;}
.section-product .list .item .img:hover img {transform:scale(1.1);}
.section-product .list .item .txt {text-align:center;font-size:1.125em;line-height:1.5;height:3em;margin-top:1.5em;transition:all 0.5s;}
.section-product .list .item .txt:hover {color:var(--theme);}
.section-professional {background:url(../images/professional-bg.jpg)  center no-repeat #0f101b;background-size:auto 100%;padding:4em 0;}
.section-professional .txt {width:62em;max-width:77%;}
.section-professional .txt .name {font-size:1.875em;font-weight:600;color:#fff;line-height:1.25;padding-bottom:0.75em;}
.section-professional .txt .p {font-size:1em;font-weight:300;color:#fff;line-height:1.55;width:100%;max-width:57em;}
.section-professional .a {width:15em;max-width:20%;}
.section-cases {}
.section-cases .list {}
.section-cases .list .item {display:block;width:32.3%;margin-right:1.55%;margin-bottom:1.875em;position:relative;padding:2px;background:#d3d3d3;}
.section-cases .list .item .i-t,.section-cases .list .item .i-r,.section-cases .list .item .i-b,.section-cases .list .item .i-l {position:absolute;background:var(--theme);width:0;height:0;transition:all 0.5s;}
.section-cases .list .item .i-t {top:0;left:0;height:2px;}
.section-cases .list .item .i-r {top:0;right:0;width:2px;}
.section-cases .list .item .i-b {right:0;bottom:0;height:2px;}
.section-cases .list .item .i-l {bottom:0;left:0;width:2px;}
.section-cases .list .item:hover .i-t {width:100%;}
.section-cases .list .item:hover .i-r {height:100%;}
.section-cases .list .item:hover .i-b {width:100%;}
.section-cases .list .item:hover .i-l {height:100%;}
.section-cases .list .item:nth-child(3n) {margin-right:0;}
.section-cases .list .item .img {overflow:hidden;background:#ffffff;}
.section-cases .list .item .img img {width:100%;aspect-ratio:70/43;object-fit:cover;transition:all 0.5s;transform:scale(1.1);}
.section-cases .list .item:hover .img img {transform:scale(1);}
.section-cases .list .item .txt {text-align:center;padding:1.5em 0.5em 2.5em;background:#ffffff;}
.section-cases .list .item .txt .tit {font-size:1.375em;line-height:1.35;height:2.7em;margin-bottom:1em;}
.section-cases .list .item .txt .score {margin-top:1em;height:3.25em;background-size:auto 1em;background-position:top center;background-repeat:no-repeat;background-image:url(../images/score-5.png);}
.section-cases .list .item .txt .score-1 {background-image:url(../images/score-1.png);}
.section-cases .list .item .txt .score-2 {background-image:url(../images/score-2.png);}
.section-cases .list .item .txt .score-3 {background-image:url(../images/score-3.png);}
.section-cases .list .item .txt .score-4 {background-image:url(../images/score-4.png);}
.section-cases .list .item .txt .score-5 {background-image:url(../images/score-5.png);}
.section-cases .list .item .txt .score i {color:#e09910;font-size:1.25em;}
.section-cases .list .item .txt .a {width:80%;margin:0 auto;}
.section-choose {background: url(../images/choose-bg.png) no-repeat #ebebeb;background-size: 120em auto;background-position: top center;padding: 4.5em 0;}
.section-choose .list {}
.section-choose .list .item {margin-bottom:1.5em;}
.section-choose .list .item .img {width:50%;}
.section-choose .list .item .img img {width:100%;}
.section-choose .list .item .txt {width:50%;padding-left:5em;padding-right:1.25em;}
.section-choose .list .item .p {width:100%;position:relative;margin-bottom:3em;}
.section-choose .list .item .p:nth-child( 2n ) {margin-bottom:0;}
.section-choose .list .item .p i {position:absolute;left:-2.2em;top:-0.35em;font-size:1.5em;font-weight:600;font-style:normal;color:#fff;text-align:center;line-height:1.7em;width:1.7em;border-radius:50%;background:var(--theme);}
.section-choose .list .item .p .tit {font-size:1.575em;font-weight:600;margin-bottom:0.35em;line-height:1;}
.section-choose .list .item .p .info {font-size:1.125em;color:var(--p-color);}
.section-about {}
.section-about .info {padding-bottom:2.75em;}
.section-about .info .left {width:49%;}
.section-about .info .left .img {}
.section-about .info .left .img img {}
.section-about .info .right {width:51%;padding-left:3%;position:relative;}
.section-about .info .right .label {position:absolute;text-transform:uppercase;font-size:2.75em;font-weight:600;font-style:italic;color:#ffffff;background:var(--minor);line-height:1;padding:0.75em 1em 0.75em;left:-1em;top:0.75em;}
.section-about .info .right .label:after {content:" ";position:absolute;right:0;top:0;width:0;height:0;border-top:1em solid white;border-left:1.15em solid transparent;border-right:0 solid transparent;}
.section-about .info .right .text {}
.section-about .info .right .text .img {padding:2.5em 0 3em;}
.section-about .info .right .text .img img {margin:0 0 0 auto;height:7.25em;}
.section-about .info .right .text .txt {padding-bottom:1em;}
.section-about .info .right .text .txt p {font-size:1.05em;line-height:1.75;padding-bottom:1em;}
.section-about .info .right .text .txt .b {font-size:1.375em;font-weight:600;font-style:italic;color:var(--theme);text-transform:uppercase;padding-bottom:0.65em;}
.section-about .info .right .text .a {width:43.5%;margin:0 0 0 auto;}
.section-about .about-swiper {position:relative;padding:0 4.5em;width:94%;max-width:1444px;margin:0 auto;}
.section-about .about-swiper .swiper-slide {width:18.875em;}
.section-about .about-swiper img {width:100%;transition:all 0.5s;}
.section-about .about-swiper .swiper-slide:hover img {transform:scale(1.1);}
.section-about .about-swiper .swiper-button-next,.section-about .about-swiper .swiper-button-prev {font-size:1em;width:3em;height:5em;margin-top:-2.5em;background:rgb(0 0 0 / 50%);border-radius:0.35em;}
.section-about .about-swiper .swiper-button-next {right:0;}
.section-about .about-swiper .swiper-button-prev {left:0;}
.section-about .about-swiper .swiper-button-next:after,.section-about .about-swiper .swiper-button-prev:after {color:#fff;font-size:1.5em;}
.section-blog {padding:3em 0 5em;}
.section-blog .box-top {padding-bottom:3em;}
.section-blog .title {width:30%;padding-bottom:0;}
.section-blog .title .tit {text-align:left;}
.section-blog .box-tag {max-width:60%;}
.section-blog .box-tag a {font-size:1.25em;color:var(--text);background:var(--background);width:13.5em;line-height:1.35;text-align:center;padding:0.325em;margin-left:1.5em;transition:all 0.45s;}
.section-blog .box-tag a.active {color:#ffffff;background:var(--theme);}
.section-blog .box-list {}
.section-blog .box-li {display:none;}
.section-blog .box-li.active {display:block;}
.section-blog .box-li .left {width:48.5%;float:left;}
.section-blog .box-li .right {width:48.5%;float:right;}
.section-blog .box-li .item {display:block;}
.section-blog .box-li .item .img {width:100%;overflow:hidden;}
.section-blog .box-li .item .img img {width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.section-blog .box-li .item .txt {width:100%;}
.section-blog .box-li .item .txt .date {font-size:1em;color:var(--theme);margin-bottom:1em;}
.section-blog .box-li .item .txt .tit {font-size:1.25em;font-weight:600;line-height:1.25;height:2.5em;color:var(--text);margin-bottom:1em;transition: all 0.35s;}
.section-blog .box-li .item .txt .view {font-size:1em;color:var(--p-color);line-height:1.35;padding-left:1.35em;padding-right:1.25em;border-right:1px solid var(--p-color);margin-right:1.25em;background:url(../images/view.png) no-repeat;background-position:left center;background-size:1.125em auto;}
.section-blog .box-li .item .txt .link {}
.section-blog .box-li .item .txt .link span {padding-right:0.5em;color:var(--p-color);transition:all 0.35s;}
.section-blog .box-li .item .txt .link i {font-size:0.875em;width:1.7em;height:1.7em;line-height:1.5;border-radius:50%;border:0.1em solid var(--p-color);text-align:center;transition:all 0.35s;}
.section-blog .box-li .left .item .img {height:27em;margin-bottom:1.25em;}
.section-blog .box-li .right .item {padding-bottom:2.75em;margin-bottom:3em;border-bottom:1px solid #d4d4d4;}
.section-blog .box-li .right .item:nth-last-child(1) {padding-bottom:0;margin-bottom:0;border-width:0;}
.section-blog .box-li .right .item .img {height:8.25em;width:12.5em;float:right;}
.section-blog .box-li .right .item .txt {width:62%;float:left;}
.section-blog .box-li .item .img:hover img {transform:scale(1.1);}
.section-blog .box-li .item .txt .tit:hover {color:var(--theme);}
.section-blog .box-li .item .txt .link:hover span {color:var(--theme);}
.section-blog .box-li .item .txt .link:hover i {background:var(--theme);border-color:var(--theme);color:#fff;}
.section-digit {position:relative;z-index:1;padding:0;height:7.75em;}
.section-digit .list {}
.section-digit .list .item {width:33.3333%;height:15em;}
.section-digit .list .item1 {background:#e6e6e6;}
.section-digit .list .item2 {background:#ededed;}
.section-digit .list .item3 {background:#f6f6f6;}
.section-digit .list .item .digit-num {text-align:center;width:100%;}
.section-digit .list .item .digit-num span {font-size:2.375em;}
.section-digit .list .item .digit-num b {font-size:2.1em;font-style:italic;padding-right:0.15em;color:var(--theme);line-height:1em;}
.section-digit .list .item .digit-num p {font-size:1.25em;padding-top:0.5em;}
.footer {border-top:1em solid var(--theme);font-size:16px;background:url(../images/footer-bg.jpg) center no-repeat #000000;background-size:auto 100%;padding:10em 0 4.25em;}
.foot-box {width:94%;max-width:1400px;margin:0 auto;}
.foot-box .left {width:37em;padding-right:2.5em;padding-top:1em;}
.foot-txt {padding-bottom:4em;}
.foot-txt .foot-name {font-size:3.025em;font-weight:600;font-style:italic;color:#fff;text-transform:uppercase;padding-bottom:0.35em;}
.foot-txt .foot-p {font-size:1.25em;color:#fff;}
.foot-contact {}
.foot-contact .flex {padding-bottom:3.5em;}
.foot-contact .flex i {display:block;width:2.75em;height:2.75em;background:var(--minor);border-radius:50%;text-align:center;line-height:2.75em;margin-right:0.75em;}
.foot-contact .flex i:before {color:#ffffff;font-size:1.35em;}
.foot-contact .flex .p {flex:1;}
.foot-contact .flex .p span {display:block;font-size:1.5em;line-height:1.85em;color:#fff;}
.foot-contact .flex .p p {display:block;font-size:1.25em;color:#ffffff;line-height:1.5em;padding-top:0.5em;}
.foot-box .right {flex:1;}
.foot-form {padding:3.5em 3em 4em;background:rgb(0 0 0 / 40%);}
.foot-form .tit {font-size:1.875em;font-weight:600;text-align:center;line-height:1.25;color:#fff;margin:0 auto 1.2em;max-width:20em;}
.foot-form .form-input {width:48%;margin-bottom:1em;}
.yanzhengma input{width:50%;
    line-height: 2.15em;
    font-size: 1.25em;
    padding: 0 0.75em;}
    

.foot-form .form-input .form-control {width:100%;line-height:2.15em;font-size:1.25em;padding:0 0.75em;}
.foot-form .form-input .form-control.form-control-5 {width:50%;}
.foot-form .form-input img {float:right;width:48%;/*height:2.15em;*/font-size:1.25em;}
.foot-form .form-content {width:100%;}
.foot-form .form-content .form-control {width:100%;line-height:1.25em;font-size:1.25em;padding:0.5em 0.75em;height:10em;}
.yanzhengma img{
    height:2.35em;
}
.foot-form .a {width:18em;margin:1.875em auto 1.25em;}
.foot-form .a .btn {border:none;}
.foot-form p {width:100%;font-size:1em;color:#ffffff;text-align:center;}
div#translate {display: none;}
.page-customization {padding:7em 0 2em;}
.page-customization .title .tit {font-style:unset;font-size:2.55em;}
.page-customization .list {padding-top:1em;}
.page-customization .list .item {width:25%;float:left;margin-bottom:4em;position:relative;}
.page-customization .list .item5,.page-customization .list .item6,.page-customization .list .item7,.page-customization .list .item8 {float:right;}
.page-customization .list .item .img {width:100%;max-width:11.5em;margin:0 auto 1em;}
.page-customization .list .item .img img {width:100%;transition: all 0.75s;}
.page-customization .list .item:hover .img img {transform: rotateY(360deg);}
.page-customization .list .item .txt {text-align:center;padding:0 1em 0.5em;}
.page-customization .list .item .txt .tit {font-size:1.25em;line-height: 1.25; height: 2.5em;}
.page-customization .list .item:before {content:" ";position:absolute;background-size:100% 100%;width:2.5em;height:2.5em;}
.page-customization .list .item1:before,.page-customization .list .item2:before,.page-customization .list .item3:before,.page-customization .list .item9:before,.page-customization .list .item10:before {background-image:url(../images/service-ico-l.png);right:-1.25em;top:4.5em;}
.page-customization .list .item5:before,.page-customization .list .item6:before,.page-customization .list .item7:before {background-image:url(../images/service-ico-r.png);left:-1.25em;top:4.5em;}
.page-customization .list .item4:before,.page-customization .list .item8:before {background-image:url(../images/service-ico-d.png);transform: translateX(-1.25em);left:50%;bottom:-2.5em;}
.page-design {background:var(--background);}
.page-design .list {}
.page-design .list .item {background:#ffffff;width:100%;height:20.9375em;}
.page-design .list .item .txt {width:50%;padding:3em 2.25em 0;}
.page-design .list .item .tit {text-align:center;font-size:2.25em;font-weight:600;text-transform:uppercase;margin-bottom:0.25em;}
.page-design .list .item .p {}
.page-design .list .item .p p {font-size:1.125em;line-height:1.45;color:var(--p-color);}
.page-design .list .item .img {width:50%;height:100%;}
.page-design .list .item .img .name {display:none;}
.page-design .list .item .img img {width:100%;height:100%;object-fit:cover;}
.page-service {}
.page-service .img {width:51%;}
.page-service .img .name {display:none;}
.page-service .img img {width:100%;}
.page-service .txt {width:47%;}
.page-service .txt .tit {font-size:2.5em;font-weight:600;text-transform:uppercase;margin-bottom:0.5em;}
.page-service .txt .info {}
.page-service .txt .info .p {margin-bottom:2em;}
.page-service .txt .info .p p {color:var(--p-color);line-height:1.75;}
.page-service .txt .info .p i {margin-right:0.35em;}
.page-service .txt .info .p ul {}
.page-service .txt .info .p li {padding-top:0.5em;color:var(--p-color);line-height:1.5;}
.page-service .txt .info .p li i {font-size:1.25em;}
.page-service .txt .a {width:14em;padding-top:2em;}

@media screen and (max-width:1380px) {
.banner,.section,.footer {font-size:15px;}
.banner .swiper img {height:650px;}
.banner .txt .img-tit img {/*    max-height:3.25em;*/}
.section-about .info .right {padding-left:2%;}
.section-about .info .right .text .img {padding:3em 0 3em;}
.section-about .info .right .label {font-size:2.35em;top:1em;}
.section-about .info .right .text .txt .b {font-size:1.4em;}
}
@media screen and (max-width:1200px) {
.section-blog .box-li .right .item .txt {width: 59%;float: left;}
.foot-box .left {width: 30em;padding-right: 1.25em;}
.foot-form {padding: 3em 1.75em 3.5em;}
.page-design .list .item .txt {padding-top:1.5em;}
.page-service .txt .info .p {margin-bottom:1.25em;}
.page-service .txt .a {padding-top:1em;}
.page-service .txt .tit {font-size:2.25em;}
.page-customization .list {font-size: 0.875em;}
}
@media screen and (max-width:1024px) {
html {min-width:auto;}
.menu {font-size:18px;}
.header-h {font-size:18px;}
.banner,.section,.footer {font-size:14px;}
.container {max-width:768px;}
.a .btn {font-size:1.5em;}
.banner .swiper img {height:580px;}
.section-product .list .item {width:49%;margin-right:2%;}
.section-product .list .item:nth-child(2n) {margin-right:0;}
.section-professional .txt {font-size:0.85em;max-width: 100%;margin-bottom: 2em;}
.section-cases .list .item {width:49%;margin-right:2%;}
.section-cases .list .item:nth-child(3n) {margin-right:2%;}
.section-cases .list .item:nth-child(2n) {margin-right:0;}
.section-cases .list .item .txt .tit {font-size:1.25em;}
.section-about .info {max-width:45em;width:100%;margin:0 auto;padding-bottom:3.5em;position: relative;}
.section-about .info .left {width:100%;margin-bottom:2em;}
.section-about .info .left .img img {margin:0 auto;height:40em;width:100%;object-fit:cover;}
.section-about .info .right {position: unset;width:100%;padding-left:0;}
.section-about .info .right .label {top:-1.25em;left:-1em;font-size:2em;}
.section-about .info .right .text .img {display:none;}
.section-about .info .right .text .a {width:40%;}
.section-digit .list .item .digit-num b {font-size:1.5em;}
.section-choose {background-size: auto 100%;}
.section-choose .list .item {margin-bottom: 3.5em;}
.section-choose .list .item .txt {width: 100%;}
.section-choose .list .item .img {margin-bottom: 2em;width: 100%;}
.section-choose .list .item .img img {height: 20em;object-fit: cover;}
.section-blog .box-li .left {width:100%;margin-bottom:2.75em;}
.section-blog .box-li .left .item .img {height:auto;}
.section-blog .box-li .right {width:100%;}
.section-blog .box-li .right .item .txt {width:70%;}
.footer {padding:7em 0 3em;}
.foot-box .left {width:100%;padding-right:0;}
.foot-txt {padding-bottom:3.5em;}
.foot-contact .flex {padding-bottom:3em;}
.page-customization .list .item {width:33.333%;}
.page-customization .list .item4,.page-customization .list .item10,.page-customization .list .item11 {float:right;}
.page-customization .list .item7,.page-customization .list .item8 {float:left;}
.page-customization .list .item3:before,.page-customization .list .item6:before,.page-customization .list .item9:before {background-image:url(../images/service-ico-d.png);transform:translateX(-1.25em);left:50%;bottom:-2.5em;right:auto;top:auto;}
.page-customization .list .item4:before,.page-customization .list .item10:before {background-image:url(../images/service-ico-r.png);transform:translateX(0);left:-1.25em;top:4.5em;bottom:auto;right:auto;}
.page-customization .list .item7:before,.page-customization .list .item8:before {background-image:url(../images/service-ico-l.png);transform:translateX(0);right:-1.25em;top:4.5em;bottom:auto;left:auto;}
.page-design .list .item {height:auto;padding:2em 2.5em 2.5em;margin-bottom:3em;}
.page-design .list .item .img {width:100%;}
.page-design .list .item .img .name {display:block;text-align:center;font-size:2.25em;font-weight:600;text-transform:uppercase;margin-bottom:0.75em;}
.page-design .list .item .txt {width:100%;padding:1.75em 0;}
.page-design .list .item .tit {display:none;}
.page-service .img {width:100%;margin-bottom:2em;}
.page-service .img .name {display:block;text-align:center;font-size:2.25em;font-weight:600;text-transform:uppercase;margin-bottom:0.75em;}
.page-service .txt {width:100%;}
.page-service .txt .tit {display:none;}
.page-service .txt .info {font-size:1.25em;}
}
@media screen and (max-width:800px) {
.menu .logo-a span {display:none;}
.menu .email-a {font-size:1em;}
}
@media screen and (max-width:767px) {
.menu {padding:0.25em 0;height:4.2em;}
.menu-contact-list {display: none;}
.menu .logo-a {width: 100%;}
.menu .logo-a .logo {float: none;margin: 0 auto;width: auto;height: 3.7em;}
.menu .email-a {padding:0.6em;line-height:1;border-radius:50%;}
.menu .email-a span {display:none;}
.header-h.head-fixed {height:4.2em;}
.banner,.section,.footer {font-size:10px;}
.banner .swiper img {height:auto;}
.banner .swiper-slide i {display: none;}
.banner .swiper-button-prev,.banner .swiper-button-next {display: none;}
.pc-img {display:none;}
.m-img {display:block;}
.banner .txt .img-tit {margin-bottom:8em;}
.banner .txt .img-tit img {max-height:initial;}
.banner .txt .name {display:block;font-size:2em;line-height:1;padding-bottom:5em;}
.banner .txt .p {display:none;}
.banner .txt .list {display:none;}
.section {padding:3.5em 0;}
.container {max-width:600px;}
.section .title .tit {font-size:2.2em;}
.section-product .list .item {width:100%;margin-right:0;}
.section-professional .txt {max-width:unset;width:100%;text-align:center;font-size:0.75em;margin-bottom:3em;}
.section-professional .txt .p {display: none;font-size:1.5em;}
.section-professional .a {max-width:unset;margin:0 auto;width:18em;}
.section-cases .list .item {margin-right:0 !important;width:100%;}
.section-cases .list .item .txt .a {width:18em;}
.section-about .info .left .img img {height:30em;}
.section-about .info .right .label {top:-1.25em;left:-0.5em;font-size:1.5em;}
.section-about .info .right .text .txt p {font-size:1.15em;}
.section-about .info .right .text .a {width:18em;margin:0 auto;}
.section-about .about-swiper {padding:0 2em;}
.section-about .about-swiper .swiper-button-next,.section-about .about-swiper .swiper-button-prev {font-size:0.85em;}
.section-blog .box-top {padding-bottom:2em;}
.section-blog .title {width:100%;padding-bottom:1.5em;}
.section-blog .box-tag {max-width:100%;}
.section-blog .box-tag a {width:auto;margin:0 0.25em;padding:0.325em 1em;}
.section-blog .box-li .left {padding-bottom:2.75em;margin-bottom:3em;border-bottom:1px solid #d4d4d4;}
.section-blog .box-li .right .item .img {height:auto;width:100%;margin-bottom:1.25em;}
.section-blog .box-li .right .item .txt {width:100%;}
.section-digit {padding:0;height:14em;}
.section-digit .list {position:relative;}
.section-digit .list .item {width:50%;height:10em;}
.section-digit .list .item .digit-num span {font-size:1.25em;}
.section-digit .list .item .digit-num p {font-size:1em;}
.section-digit .list .item1 {margin:0 25%;}
.foot-box .left {padding-top:0;padding-bottom:3em;}
.foot-txt {padding-bottom:3em;}
.foot-contact .flex {padding-bottom:1.5em;}
.foot-contact .flex i {font-size:1.15em;}
.foot-contact .flex .p span {font-size:1.75em;}
.foot-contact .flex .p p {padding-top:0.25em;font-size:1.5em;}
.foot-form {padding:3em 2em;}
.foot-form .tit {font-size:1.65em;}
.foot-form .form-input {width:100%;}
.page-customization .list .item {width:50%;}
.page-customization .list .item1,.page-customization .list .item2,.page-customization .list .item5,.page-customization .list .item6,.page-customization .list .item9,.page-customization .list .item10 {float:left;}
.page-customization .list .item3,.page-customization .list .item4,.page-customization .list .item7,.page-customization .list .item8,.page-customization .list .item11 {float:right;}
.page-customization .list .item1:before,.page-customization .list .item5:before,.page-customization .list .item9:before {background-image:url(../images/service-ico-l.png);transform:translateX(0);right:-1.25em;top:4.5em;bottom:auto;left:auto;}
.page-customization .list .item2:before,.page-customization .list .item4:before,.page-customization .list .item6:before,.page-customization .list .item8:before,.page-customization .list .item10:before {background-image:url(../images/service-ico-d.png);transform:translateX(-1.25em);left:50%;bottom:-2.5em;right:auto;top:auto;}
.page-customization .list .item3:before,.page-customization .list .item7:before {background-image:url(../images/service-ico-r.png);transform:translateX(0);left:-1.25em;top:4.5em;bottom:auto;right:auto;}
.page-design .list .item {padding:1.5em;}
.page-design .list .item .p p {font-size:1.25em;}
}
@media screen and (min-width:1921px) {
.banner .swiper img {height:auto;}
.section-professional {background-size:100vw 100%;}
.section-choose {background-size:100vw 100%;}
.footer {background-size:100vw;}
}
.goto {font-size:16px;display:none;position:fixed;z-index:10;right:0;bottom:5em;background:rgb(0 0 0 / 50%);width:3.5em;height:3.5em;line-height: 3.5em;text-align:center;border-radius: 50%;}
.goto i {color:#fff;font-size: 1.75em;}


.header {background:#ffffff;box-shadow:0px 0px 12px rgb(0 0 0 / 15%);}
.header_top {position:relative;background-image: linear-gradient(45deg, #00639e 0%, #0076b9 25%, #008fdb 50%, #0076b9 75%, #00639e 100%);font-size:16px;}
.header_top .container {position:relative;z-index:1;}
.header_top_left {flex:1;}
.header_top_left .header_top_h {font-size:1em;color:#fff;line-height:2.25em;padding-left: 1.5em;background: url(../images/seat-solid.png) no-repeat center left;background-size: 1em;}
.header_top_right {padding: 0.359em 2em;position: relative;}
.header_top_right:before { content: ""; display: block; position: absolute; left: -1.25em; top: 0; right: -1.25em; height: 2.5em; background: url(../images/header_top-bg.png) no-repeat; background-size: 100% 2.5em; }
.header_top_tel {line-height:1.5em;padding-right:1.5em;border-right:1px solid #fff;margin-right:1.5em;position: relative;z-index: 1;}
.header_top_tel img {width:1.25em;height:1.25em;margin-right:0.5em;}
.header_top_tel span {color:#ffffff;font-size:1.125em;}
.icon_boxs {padding-right:0.5em;border-right:1px solid #fff;margin-right:1.5em;position: relative;z-index: 1;}
.icon_boxs li {margin-right:1em;}
.icon_boxs li i {color:#fff;font-size:0.875em;border-radius:50%;width:1.75em;height:1.75em;line-height:1.75em;text-align:center;}
.icon_boxs .icon1 i {background:#5fabde;}
.icon_boxs .icon2 i {background:#3c599b;}
.icon_boxs .icon3 i {background:#0073b1;}
.language_switc {margin-left:1em;position: relative;z-index: 1;}
.language_switc a {display:block;font-size:1em;padding-left:1.5em;color:#fff;background:url(../images/ico_earth1.png) no-repeat;background-position:left center;background-size:1.25em;}
.header_container {font-size:16px;padding:1.5em 0;position:relative;z-index:100;}
.header_container .logo-a {}
.header_container .logo-a .logo {width:13.625em;}
.header_container .move_left,.header_container .move_right {display:none;}
.header_container .navbar {font-size:1em;float:left;}
.header_container .navbar>li {float:left;position:relative;margin-right:2em;padding:0.5em 0;text-transform:uppercase;}
.header_container .navbar>li>a {position:relative;display:inline-block;line-height:1.875em;}
.header_container .navbar>li>a:after {content:" ";display:block;height:2px;width:0;left:50%;background:var(--theme);position:absolute;transition:all 0.35s;}
.header_container .navbar>li:hover>a {color:var(--theme);}
.header_container .navbar>li:hover>a:after,.header_container .navbar>li.active>a:after {left:0;width:100%;}
.header_container .navbar>li>i {font-size:1.25em;transition:all 0.4s;}
.header_container .navbar>li:hover>i {transform:rotateZ(-180deg);color:var(--theme);}
.header_container .nav_list {display:none;position:absolute;z-index:10;min-width:9em;background:#fff;border-radius:6px;left:calc( 50% - 1em );top:calc( 100% - 0.15em );text-align:center;box-shadow:1px 1px 5px rgb(112,112,112);overflow:hidden;transform:translateX(-50%);padding:1em 0;font-size:0.9em;}
.header_container .nav_list li {}
.header_container .nav_list a {display:block;font-size:1em;line-height:3em;word-break:keep-all;white-space:nowrap;padding:0 1.5em;text-align:center;transition:all 0.4s;}
.header_container .navsearch {float:right;margin:0.5em 0;}
.header_container .navsearch i {color:#ffffff;width:1.875em;height:1.875em;text-align:center;line-height:1.875em;background:var(--theme);border-radius:50%;}
.header_container .nav_list a:hover {color:var(--theme);background: #fff5eb;}
.header-h {height:0;}
.header.head-fixed {position:fixed;top:0;left:0;right:0;animation:smoothScroll 0.4s forwards;z-index:100;}
.nav_modal {display:none;font-size:16px;position:fixed;z-index:1004;}
.nav_m_mask {display:none;}
.nav_mask {position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:999;}
.sousuos_modal {width:94%;max-width:1300px;position:fixed;left:0;top:40%;right:0;margin:auto;z-index:1004;}
.sousuos_box {}
.search_cons {position:relative;}
.search_cons i {position:absolute;left:0.25em;top:0;height:2.2em;width:2.2em;border:none;background:0;outline:0;font-size:1.125em;color:inherit;line-height:2.2em;text-align:center;pointer-events:none;}
.search_cons input {display:block;background:rgb(235 235 235);outline:0;padding:0 4.375em 0 3em;border:1px solid #ffffff;color:inherit;border-radius:1.25em;width:100%;height:2.5em;font-size:1em;}
.search_cons button {position:absolute;right:1px;top:1px;bottom:1px;display:block;text-align:center;font-size:1.5em;cursor:pointer;transition:.3s;font-style:initial;border-radius:2em;padding:0 1.25em;border:none;outline:0;color:#fff;background:var(--theme);}
.search_cons button .fa {color:#fff;}
.search_cons button .btn_txt {display:none;}
.language_modal {position:fixed;top:10%;left:0;right:0;width:1000px;max-width:94%;height:80%;background:#fff;border-radius:1em;box-shadow:0 0 25px 0 rgba(0,0,0,.75);z-index:1021;margin:auto;color:#000;}
.language_modal_title {position:relative;}
.language_modal_title span {display:block;height:2.5em;line-height:2.5em;font-size:2.25em;overflow:hidden;padding:0 0.75em;border-bottom:1px solid #ddd;font-weight:700;text-transform:uppercase;}
.language_modal_title .language_close {display:block;width:3.125em;height:3.125em;line-height:3.125em;text-align:center;cursor:pointer;position:absolute;top:1em;right:1.5em;padding:0.5em;}
.language_con {padding:1.875em;position:absolute;top:5.625em;left:0;right:0;bottom:2.5em;overflow:hidden;overflow-y:auto;}
.language_modal_title .language_close svg {fill:var(--text);transition:all 0.4s;}
.language_modal_title .language_close:hover svg {fill:var(--theme);}
.active_locale_v {position:absolute;left:0;bottom:0;width:100%;height:2.5em;line-height:2.5em;text-align:center;box-shadow:0 0 4px 0 rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.language_modal_a {display:block;float:left;width:16.6666%;padding:1em 0.625em;transition:all 0.4s;}
.language_modal_a span {display:block;overflow:hidden;text-overflow:ellipsis;line-height:2em;font-size:0.9375em;text-align:center;white-space:nowrap;}
.language_modal_a.font-color span,.language_modal_a:hover span {color:var(--theme);}
.language_modal_a div {background-image:url(../images/languages_icon.png);background-size:28.125em auto;width:3.125em;height:1.875em;margin:0 auto;}
.language_modal_a .icon-af {background-position:0 0;}
.language_modal_a .icon-am {background-position:-3.125em 0;}
.language_modal_a .icon-ar {background-position:0 -1.875em;}
.language_modal_a .icon-az {background-position:-3.125em -1.875em;}
.language_modal_a .icon-be {background-position:0 -3.75em;}
.language_modal_a .icon-bg {background-position:-3.125em -3.75em;}
.language_modal_a .icon-bn {background-position:-7.5em 0;}
.language_modal_a .icon-bs {background-position:-7.5em -1.875em;}
.language_modal_a .icon-ca {background-position:-7.5em -3.75em;}
.language_modal_a .icon-ceb {background-position:0 -5.625em;}
.language_modal_a .icon-co {background-position:-3.125em -5.625em;}
.language_modal_a .icon-cs {background-position:-7.5em -5.625em;}
.language_modal_a .icon-cy {background-position:0 -7.5em;}
.language_modal_a .icon-da {background-position:-3.125em -7.5em;}
.language_modal_a .icon-de {background-position:-7.5em -7.5em;}
.language_modal_a .icon-el {background-position:-9.375em 0;}
.language_modal_a .icon-en {background-position:-9.375em -1.875em;}
.language_modal_a .icon-eo {background-position:-9.375em -3.75em;}
.language_modal_a .icon-es {background-position:-9.375em -5.625em;}
.language_modal_a .icon-et {background-position:-9.375em -7.5em;}
.language_modal_a .icon-eu {background-position:0 -9.375em;}
.language_modal_a .icon-fa {background-position:-3.125em -9.375em;}
.language_modal_a .icon-fi {background-position:-7.5em -9.375em;}
.language_modal_a .icon-fr {background-position:-9.375em -9.375em;}
.language_modal_a .icon-fy {background-position:-12.5em 0;}
.language_modal_a .icon-ga {background-position:-12.5em -1.875em;}
.language_modal_a .icon-gd {background-position:-12.5em -3.75em;}
.language_modal_a .icon-gl {background-position:-12.5em -5.625em;}
.language_modal_a .icon-gu {background-position:-12.5em -7.5em;}
.language_modal_a .icon-ha {background-position:-12.5em -9.375em;}
.language_modal_a .icon-haw {background-position:0 -11.25em;}
.language_modal_a .icon-hi {background-position:-3.125em -11.25em;}
.language_modal_a .icon-hmn {background-position:-7.5em -11.25em;}
.language_modal_a .icon-hr {background-position:-9.375em -11.25em;}
.language_modal_a .icon-ht {background-position:-12.5em -11.25em;}
.language_modal_a .icon-hu {background-position:0 -13.125em;}
.language_modal_a .icon-hy {background-position:-3.125em -13.125em;}
.language_modal_a .icon-id {background-position:-7.5em -13.125em;}
.language_modal_a .icon-ig {background-position:-9.375em -13.125em;}
.language_modal_a .icon-is {background-position:-12.5em -13.125em;}
.language_modal_a .icon-it {background-position:-15.625em 0;}
.language_modal_a .icon-iw {background-position:-15.625em -1.875em;}
.language_modal_a .icon-ja {background-position:-15.625em -3.75em;}
.language_modal_a .icon-jv {background-position:-15.625em -5.625em;}
.language_modal_a .icon-jw {background-position:-15.625em -7.5em;}
.language_modal_a .icon-ka {background-position:-15.625em -9.375em;}
.language_modal_a .icon-kk {background-position:-15.625em -11.25em;}
.language_modal_a .icon-km {background-position:-15.625em -13.125em;}
.language_modal_a .icon-kn {background-position:0 -15em;}
.language_modal_a .icon-ko {background-position:-3.125em -15em;}
.language_modal_a .icon-ku {background-position:-7.5em -15em;}
.language_modal_a .icon-ky {background-position:-9.375em -15em;}
.language_modal_a .icon-la {background-position:-12.5em -15em;}
.language_modal_a .icon-lb {background-position:-15.625em -15em;}
.language_modal_a .icon-lo {background-position:0 -16.875em;}
.language_modal_a .icon-lt {background-position:-3.125em -16.875em;}
.language_modal_a .icon-lv {background-position:-7.5em -16.875em;}
.language_modal_a .icon-mg {background-position:-9.375em -16.875em;}
.language_modal_a .icon-mi {background-position:-12.5em -16.875em;}
.language_modal_a .icon-mk {background-position:-15.625em -16.875em;}
.language_modal_a .icon-ml {background-position:-18.75em 0;}
.language_modal_a .icon-mn {background-position:-18.75em -1.875em;}
.language_modal_a .icon-mr {background-position:-18.75em -3.75em;}
.language_modal_a .icon-ms {background-position:-18.75em -5.625em;}
.language_modal_a .icon-mt {background-position:-18.75em -7.5em;}
.language_modal_a .icon-my {background-position:-18.75em -9.375em;}
.language_modal_a .icon-ne {background-position:-18.75em -11.25em;}
.language_modal_a .icon-nl {background-position:-18.75em -13.125em;}
.language_modal_a .icon-no {background-position:-18.75em -15em;}
.language_modal_a .icon-ny {background-position:-18.75em -16.875em;}
.language_modal_a .icon-pa {background-position:0 -18.75em;}
.language_modal_a .icon-pl {background-position:-3.125em -18.75em;}
.language_modal_a .icon-ps {background-position:-7.5em -18.75em;}
.language_modal_a .icon-pt {background-position:-9.375em -18.75em;}
.language_modal_a .icon-ro {background-position:-12.5em -18.75em;}
.language_modal_a .icon-ru {background-position:-15.625em -18.75em;}
.language_modal_a .icon-sd {background-position:-18.75em -18.75em;}
.language_modal_a .icon-si {background-position:-21.875em 0;}
.language_modal_a .icon-sk {background-position:-21.875em -1.875em;}
.language_modal_a .icon-sl {background-position:-21.875em -3.75em;}
.language_modal_a .icon-sm {background-position:-21.875em -5.625em;}
.language_modal_a .icon-sn {background-position:-21.875em -7.5em;}
.language_modal_a .icon-so {background-position:-21.875em -9.375em;}
.language_modal_a .icon-sq {background-position:-21.875em -11.25em;}
.language_modal_a .icon-sr {background-position:-21.875em -13.125em;}
.language_modal_a .icon-st {background-position:-21.875em -15em;}
.language_modal_a .icon-su {background-position:-21.875em -16.875em;}
.language_modal_a .icon-sv {background-position:-21.875em -18.75em;}
.language_modal_a .icon-sw {background-position:0 -20.625em;}
.language_modal_a .icon-ta {background-position:-3.125em -20.625em;}
.language_modal_a .icon-te {background-position:-7.5em -20.625em;}
.language_modal_a .icon-tg {background-position:-9.375em -20.625em;}
.language_modal_a .icon-th {background-position:-12.5em -20.625em;}
.language_modal_a .icon-tl {background-position:-15.625em -20.625em;}
.language_modal_a .icon-tr {background-position:-18.75em -20.625em;}
.language_modal_a .icon-uk {background-position:-21.875em -20.625em;}
.language_modal_a .icon-ur {background-position:0 -22.5em;}
.language_modal_a .icon-uz {background-position:-3.125em -22.5em;}
.language_modal_a .icon-vi {background-position:-7.5em -22.5em;}
.language_modal_a .icon-xh {background-position:-9.375em -22.5em;}
.language_modal_a .icon-yi {background-position:-12.5em -22.5em;}
.language_modal_a .icon-yo {background-position:-15.625em -22.5em;}
.language_modal_a .icon-zh-CN {background-position:-18.75em -22.5em;}
.language_modal_a .icon-zh-TW {background-position:-21.875em -22.5em;}
.language_modal_a .icon-zu {background-position:-25em 0;}
.footer_section {background:#232323;font-size:16px;}
.footer_section_container {padding:3.375em 0;}
.footer_section_container .item_txt {width:23em;}
.footer_section_container .item_txt .img {}
.footer_section_container .item_txt .img img {width:13.625em;}
.footer_section_container .item_txt .txt {color:#fefefe;margin:1.875em 0 1.25em;line-height:1.75;}
.footer_icon_boxs {font-size:1.05em;}
.footer_icon_boxs .icon_boxs {width:10em;border-right:0;margin-right:0;}
.footer_icon_boxs .icon_boxs li {margin:0 0.25em;width:1.625em;height:1.625em;background-size:100% 100%;}
.footer_icon_boxs .icon_boxs li a {display:block;width:100%;height:100%;}
.footer_icon_boxs .icon_boxs .icon1 {background-image:url(../images/icon_boxs_ico1.svg);}
.footer_icon_boxs .icon_boxs .icon2 {background-image:url(../images/icon_boxs_ico2.svg);}
.footer_icon_boxs .icon_boxs .icon3 {background-image:url(../images/icon_boxs_ico3.svg);}
.footer_icon_boxs .icon_boxs .icon4 {background-image:url(../images/icon_boxs_ico4.svg);}
.footer_section_container .item_link {padding-top:1.25em;}
.footer_section_container .item_link .a {display:block;color:#fefefe;line-height:1.5em;padding-left:1.15em;margin:1em 0;transition:all 0.4s;position:relative;}
.footer_section_container .item_link .a:hover {color:var(--theme);}
.footer_section_container .item_link .a:before {content:" ";display:block;position:absolute;width:0.25em;height:0.25em;background:#fff;left:0.25em;top:0.55em;transition:all 0.4s;}
.footer_section_container .item_link .a:hover:before {background:var(--theme);}
.footer_section_container .item_link .tit {font-size:1.5em;font-weight:600;color:var(--theme);}
.footer_section_container .item_wx {padding-top:1.25em;}
.footer_section_container .item_wx .img {width:10em;border:2px solid #666;padding:0.75em;}
.footer_section_container .item_wx .img img {width:100%;}
.footer_section_container .item_wx .tit {text-align:center;color:#fff;margin-top:1em;}
.footer_copyright {}
.footer_copyright .footer_text {text-align:center;font-size:0.85em;color:#8d8d8d;padding:1em 0;line-height:1.5em;border-top:1px solid #585858;}

.fixed-contact {z-index:99;position:fixed;right:0;top:40%;width:50px;margin-top:-90px;overflow:hidden;opacity:0;filter:alpha(opacity=0);transition:all .4s;transform:translateX(95px);-webkit-transform:translateX(95px);-moz-transform:translateX(95px);}
.fixed-contact.show {transform:none;opacity:1;filter:alpha(opacity=100);}
.fixed-contact:hover {width:260px;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style:none;background:var(--theme);background-size:cover;margin-bottom:1px;}
.fixed-contact li i {z-index:1000;position:absolute;left:0;display:block;width:50px;height:50px;transition:all .4s;background-repeat:no-repeat;background-position:center center;}
.fixed-contact:hover li:last-child:after {display:none;}
.fixed-contact li:hover i,.fixed-contact li:hover a {color:#fff;}
.fixed-contact li.online_code:hover {height:130px;}
.fixed-contact .online i.icon1 {background-image:url(../images/online-ico1.png);}
.fixed-contact .online i.icon2 {background-image:url(../images/online-ico2.png);}
.fixed-contact .online i.icon3 {background-image:url(../images/online-ico3.png);}
.fixed-contact li a {z-index:1000;position:absolute;top:0;right:-160px;display:block;width:210px;line-height:110%;padding:18px 0 0 50px;color:#fff;white-space:nowrap;transition:all .4s;font-size:14px;text-align:left;font-weight:normal;opacity:0;}
.fixed-contact li a p {color:#ffffff;}
.fixed-contact .online_code a img {max-width:80px;}
.fixed-contact:hover .online_code {height:130px;}
.fixed-contact:hover li a {opacity:1;right:50px;}
.fixed-contact li.online_code:hover a {opacity:1;right:auto;left:0;}
.fixed-contact:hover .online_code a p {margin:0;margin-bottom:5px;}

@media screen and (max-width:1300px) {
.header_container .logo-a .logo {width:10em;}
.header_container .navbar>li {margin-right:1.25em;margin-right: 0.75em;}
}
@media screen and (max-width:1100px) {
.header_container .navbar {font-size: 0.85em;}
}
@media screen and (max-width:1024px) {
.header_container {font-size:14px;}
.header_top {display:none;}
.header_container .move_left,.header_container .move_right {display:block;width:14em;font-size:1.25em;}
.header_container .navsearch {font-size:0.88em;margin-left:0.5em;}
.language_switc a {display:block;width:1.25em;height:1.25em;font-size:1.3em;padding:0;background-image: url(../images/ico_earth.png);}
.header_container .navbtn {display:block;width:40px;height:40px;border:1px solid #FFFFFF;cursor:pointer;overflow:hidden;border-color:var(--theme);background:var(--theme);transition:all 0.3s ease 0s;}
.header_container .navbtn span {display:block;background:#FFFFFF;width:16px;height:1px;font-size:0;margin:4px auto 0;transition:all 0.3s ease 0s;}
.header_container .navbtn span:first-child {margin-top:14px;}
.header_container .navbtn.active {right:140px;}
.header_container .navbtn.active span:first-child {width:20px;transform:rotate(45deg) translate(4px,4px);}
.header_container .navbtn.active span:nth-child(2) {transform:translateX(-40px);}
.header_container .navbtn.active span:nth-child(3) {width:20px;transform:rotate(-45deg) translate(3px,-3px);}
.header_container .move_left {position:relative;z-index:1020;}
.header_container .nav {position:fixed;left:0;top:0;width:320px;height:100vh;background:var(--theme);transform:translateX(-320px);transition:all 0.3s ease 0s;z-index:1010;padding:7em 1.5em 0;}
.header_container .navbar {float:unset;font-size: 1.15em;}
.header_container .navsearch {display:none;}
.header_container .nav.active {transform:translateX(0);}
.header_container .navbar>li {float:unset;width:100%;margin-right:0;}
.header_container .navbar>li>a {color:#fff;width:100%;}
.header_container .navbar>li>i {position:absolute;width:2.3em;height:2.3em;text-align:center;line-height:2.3em;top:0;right:0;color:#ffffff;}
.header_container .nav_list {position:unset;transform:translateX(0);background:unset;box-shadow:unset;}
.header_container .nav_list a {color:#fff;text-align:left;}
.header_container .navbar>li>a:after {background:#fff;height:1.5px;left:0;}
.header_container .navbar>li:hover>a {color:#fff;}
.header_container .navbar>li:hover>i {color:#fff;transform:rotateZ(-0);}
.header_container .navbar>li:hover>a:after {width:0;}
.header_container .navbar>li.active>a:after {width:0%;}
.header_container .navbar>li.active>i {transform:rotateZ(-180deg);}
.nav_m_mask.block {display:block;}
.move_right .icon_boxs {margin-right: 0;padding-right: 0;}
.icon_boxs li:nth-last-child(1) {margin-right: 0;}
.footer_section_container .item_txt {width: 20em;}
.footer_section_container .item_wx {display: none;}
.fixed-contact {display: none;}
}
@media screen and (max-width:767px) {
.header_container {padding:1em 0;}
.header_container .logo-a .logo {width:10em;}
.header_container .move_left,.header_container .move_right {width:5em;}
.header_container .move_right .icon_boxs {display:none;}
.header_container .nav {padding-top:5em;}
.nav_modal {font-size:14px;}
.language_modal_title span {font-size:1.25em;height:4.5em;padding:1em 4em 0 2em;line-height:1.5;}
.language_modal_a {width:25%;}
.page_banner, .footer_section {font-size: 12px;}
.footer_section_container .item_link {display: none;}
.footer_section_container .item_txt {width: 100%;}
.footer_icon_boxs {font-size: 1.75em;}
.goto{font-size:14px;}
}

.page_banner {position:relative;}
.page_banner .img {width:100%;height:28.125em;}
.page_banner .img img {width:100%;height:100%;object-fit:cover;}
.page_banner .text {position:absolute;top:0;left:0;width:100%;height:100%;}
.page_banner .text .txt {}
.page_banner .text .txt .h2 {color:#fff;font-size:3.0375em;font-weight:600;line-height:0.85em;padding-left:0.5em;border-left:0.175em solid var(--theme);text-transform:uppercase;}
.page_banner .page_nav {position:absolute;left:0;bottom:0;width:100%;padding:1.5em 0;background:rgb(0 0 0 / 40%);}
.page_banner .page_nav .ico {margin-right:0.75em;}
.page_banner .page_nav .ico svg {display:block;width:1.5em;height:1.5em;}
.page_banner .page_nav .ico path {fill:#fff;}
.page_banner .page_nav a {color:#fff;}
.page_banner .page_nav span {color:#fff;margin:0 0.5em;}


.list_nav {border-bottom:1px solid #b9b9bc;}
.list_nav .container {position:relative;}
.list_nav .swiper {margin:0 3em;}
.list_nav .swiper-backface-hidden .swiper-wrapper {-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.list_nav .swiper-slide {width:auto;}
.list_nav .swiper-slide .item {display:block;height:3.9em;line-height:3.9em;font-size:1.125em;margin:0 1.5em;position:relative;}
.list_nav .swiper-slide .item.active {color:var(--theme);}
.list_nav .swiper-slide .item:after {content:'';position:absolute;bottom:0;left:0;background:var(--theme);height:3px;width:0;border-radius:1.5px;transition:all 0.5s;}
.list_nav .swiper-slide .item.active:after {width:100%;}
.list_nav .swiper-button-next,.list_nav .swiper-button-prev {font-size:1em;width:3em;height:3em;line-height:3em;margin-top:-1.2em;text-align:center;color:var(--text);}
.list_nav .swiper-button-prev {left:0;}
.list_nav .swiper-button-next {right:0;}
.list_nav .swiper-button-next:after,.list_nav .swiper-button-prev:after {font-size:1.5em;}

.list_link_artboard {display:none;}
.pagination {}
.pagination .page-item {margin:0 0.25em;}
.pagination .page-item a {display:block;font-size:1.125em;width:2em;height:2em;text-align:center;line-height:1.9em;border:0.05em solid #686466;color:#686466;border-radius:3px;transition:all 0.35s;}
.pagination .page-item a i {color:inherit;}
.pagination .page-item a.active,.pagination .page-item a:hover {background:var(--theme);color:#fff;border-color:var(--theme);}
.pagination select {width:3em;font-size:1.125em;margin-left:0.5em;background:#ffffff;color:#686466;border-radius:3px;padding:0 0.25em;}
.projects {font-size: 16px;background:#ffffff;padding-bottom:6.25em;}
.list_projects {padding:3.75em 0 1em;}
.list_projects .item {width:31.6%;margin-right:2.6%;margin-bottom:2.25em;position:relative;border: 1px solid #d9d9d9;}
.list_projects .item:before {content:" ";position:absolute;bottom:0;left:0;height:3px;width:100%;background:#d9d9d9;}
.list_projects .item:after {content:" ";position:absolute;bottom:0;left:0;height:3px;width:0;background:var(--theme);transition:all 0.5s;}
.list_projects .item:nth-child(3n) {margin-right:0;}
.list_projects .item .img {position:relative;width:100%;padding-top:61.8%;overflow:hidden;}
.list_projects .item .img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.list_projects .item .text {background:#fff;padding:1.5em;}
.list_projects .item .text .tit {font-size:1.125em;height:2.7em;line-height:1.35em;margin-bottom:0.55em;transition:all 0.5s;}
.list_projects .item .text .time {font-size:1.125em;color:var(--p-color);line-height:1.35em;padding-left:1.75em;background:url(../images/time.png) no-repeat;background-position:left center;background-size:auto 1.35em;}
.list_projects .item .text .fa {display:block;width:1.75em;height:1.75em;font-size:1.25em;border:0.05em solid var(--p-color);color:var(--p-color);border-radius:50%;text-align:center;line-height:1.65em;background:#fff;transition:all 0.5s;}
.list_projects .item:hover:after {width:100%;}
.list_projects .item .img:hover img {transform:scale(1.1);}
.list_projects .item .text .tit:hover {color:var(--theme);}
.list_projects .item:hover .text .fa {border-color:var(--theme);background:var(--theme);color:#fff;}
.info_projects {font-size: 16px;background:#ffffff;padding:2.25em 0 7.5em;}
.info_projects .left {width:76.9%;border:1px solid #dddddd;}
.info_projects .right {width:20%;}
.info_projects .box {background:#fff;padding:4em 2em 3em;}
.info_projects .box .h2 {text-align:center;font-size:1.875em;line-height:1.25;margin-bottom:0.5em;}
.info_projects .box .span {text-align:center;line-height:1.35;margin-bottom:1.5em;}
.info_projects .box .span span {color:var(--p-color);padding-left:1.5em;margin:0 0.875em;background-position:left center;background-size:1em auto;background-repeat:no-repeat;}
.info_projects .box .span span.date {background-image:url(../images/date.png);}
.info_projects .box .span span.view {background-image:url(../images/view.png);background-size:1.15em auto;}
.info_projects .box .article {}
.info_projects .box .article p {font-size:1.125em;line-height:1.55;margin-bottom:1.2em;}
.info_projects .box .article p * {color:inherit;}
.info_projects .box .article img {max-width:100% !important;height:auto !important;margin-bottom:1.5em;}
.info_projects .box table {width: 100% !important;border-color:#e3e3e3;margin:1em 0;border-collapse: collapse;}
.info_projects .box table tr {font-size:1.125em;}
.info_projects .box table td:nth-child(1) {background:rgb(241 241 241);width:25%;padding:0.75em;}
.info_projects .prev-next {margin:0 2em;border-top:1px solid #dddddd;}
.info_projects .prev-next .prev,.info_projects .prev-next .next {width:49.2%;background:#ffffff;padding:2em 0;}
.info_projects .prev-next .prev span {font-size:1.125em;margin-right:0.5em;color:var(--text);}
.info_projects .prev-next .prev span i {font-size:1.125em;margin-right:0.5em;color:inherit;}
.info_projects .prev-next .next span {font-size:1.125em;margin-left:0.5em;color:var(--text);}
.info_projects .prev-next .next span i {font-size:1.125em;margin-left:0.5em;color:inherit;}
.info_projects .prev-next .prev .a {flex:1;font-size:0.875em;}
.info_projects .prev-next .next .a {flex:1;font-size:0.875em;text-align:right;}
.info_projects .prev-next .prev:hover .a,.info_projects .prev-next .next:hover .a,.info_projects .prev-next .prev:hover span,.info_projects .prev-next .next:hover span {color:var(--theme);}
.info_projects .project_img {position:relative;margin-bottom:1.125em;}
.info_projects .project_img .img {width:100%;height:22.75em;}
.info_projects .project_img .img img {width:100%;height:100%;object-fit:cover;}
.info_projects .project_img .txt {position:absolute;top:0;left:0;width:100%;height:100%;}
.info_projects .project_img .txt>div {width:100%;text-align:center;padding:0 1em;}
.info_projects .project_img .txt .name {color:#fff;font-size:1.5em;line-height:1.25;margin-bottom:0.75em;transition:all 0.5s;}
.info_projects .project_img .txt span {display:block;margin:0 auto;width:1.75em;height:1.75em;font-size:1.65em;border:0.05em solid #ffffff;color:#ffffff;border-radius:50%;text-align:center;line-height:1.65em;background:rgb(255 255 255 / 0%);transition:all 0.5s;}
.info_projects .project_img:hover .txt .name {color:var(--theme);}
.info_projects .project_img:hover .txt span {border-color:var(--theme);background:var(--theme);color:#fff;}
.info_projects .down {margin-top:2em;background:#f7f7f7;padding:2.25em 3.25em;width:100%;}
.info_projects .down .title {margin-bottom:1.85em;}
.info_projects .down .title .tit {font-size:1.75em;font-weight:600;text-transform:uppercase;line-height:0.85em;padding-left:0.5em;border-left:0.175em solid var(--theme);}
.info_projects .down .title .more {font-size:1em;color:var(--p-color);text-transform:uppercase;padding:0 1.5em;line-height:1.75em;border-radius:1em;border:1px solid var(--p-color);transition:all 0.35s;}
.info_projects .down .list {}
.info_projects .down .list .item {width:18.1%;}
.info_projects .down .list .item a {}
.info_projects .down .list .item .img {position:relative;width:100%;padding-top:64%;overflow:hidden;margin-bottom:0.875em;}
.info_projects .down .list .item .img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.info_projects .down .list .item .img:hover img {transform:scale(1.1);}
.info_projects .down .list .item .txt {}
.info_projects .down .list .item .txt .tit {font-size:1em;color:var(--p-color);line-height:1.5;margin-bottom:1em;}
.info_projects .down .list .item .txt .tit:hover {color:var(--theme);}
.info_projects .down .list .item .txt .more {font-size:0.8125em;font-weight:600;color:var(--theme);}
.info_projects .down .list .item .txt .more i {color:inherit;}
.info_projects .down .title .more:hover {color:#fff;border-color:#fff;background:var(--theme);}
.info_projects .down .list .vline {width:1px;background:#d2d2d2;margin:0 calc( 4.6% - 0.5px );}
.static-h {overflow:hidden;}
.static {position:relative;}
.list_category {background:#fff;margin-bottom:1.5em;}
.list_category .title {background:var(--minor);padding:1em 1.75em;}
.list_category .title span {font-size:1.25em;font-weight:600;line-height:1;color:#ffffff;}
.list_category .title i {font-size:1.125em;color:#fff;}
.category_navbar {padding:0 1.5em;background:#f7f7f7;}
.category_navbar .megamenu {position:relative;border-bottom:1px solid #d2d2d2;padding:1.25em 0;}
.category_navbar .megamenu:nth-last-child(1) {border-width:0;}
.category_navbar .megamenu>a {font-size:1.05em;font-weight:500;}
.category_navbar .megamenu .menu-toggle {position:absolute;right:0;top:1em;font-size:1.25em;width:1em;height:1em;text-align:center;line-height:1em;transition:all 0.5s;}
.category_navbar .sub-menu {display:none;padding:0.5em 0 0;}
.category_navbar .sub-menu li {padding:0.5em 0 0.5em 1em;position:relative;}
.category_navbar .sub-menu li:before {content:" ";width:6px;height:6px;position:absolute;left:0;top:0.85em;background:#fff;border:1px solid var(--p-color);}
.category_navbar .sub-menu li.active:before {border-color:var(--minor);background:var(--minor);}
.category_navbar .sub-menu a {font-size:1em;color:var(--p-color);}
.category_navbar .sub-menu li.active a,.category_navbar .sub-menu li a:hover {color:var(--minor);}
.category_navbar .megamenu.active>a,.category_navbar .megamenu>a:hover {color:var(--theme);}
.category_navbar .megamenu.active .menu-toggle {transform:rotateZ(-90deg);}
.hot_sale {background:#fff;margin-bottom:1.125em;}
.hot_sale .title {background:var(--minor);padding:1em 1.75em;}
.hot_sale .title span {font-size:1.25em;font-weight:600;line-height:1;color:#ffffff;}
.hot_sale ul {padding:0 1em 0.75em;background:#f7f7f7;}
.hot_sale li {padding:1em 0;border-bottom:1px solid #d2d2d2;}
.hot_sale li a {}
.hot_sale li .img {width:35%;}
.hot_sale li .img img {width:100%;height:100%;object-fit:cover;}
.hot_sale li .txt {width:60%;}
.hot_sale li .txt .tit {font-size:12px;color:var(--p-color);line-height:1.35;margin-bottom:1em;}
.hot_sale li .txt .more {font-size:12px;font-weight:600;color:var(--theme);}
.hot_sale li .txt .more i {color:inherit;}
.hot_sale li .txt .tit:hover {color:var(--theme);}
.hot_sale li:nth-last-child(1) {border-width:0;}
.blog {font-size: 16px;background: #ffffff;padding: 3.375em 0 6.25em;}
.blog .left {width: 20%;position: relative;}
.blog .right {width: 76.9%;}
.list_blog .item {padding-bottom:2em;margin-bottom:2em;border-bottom:1px solid #ddd;transition:all 0.5s;}
.list_blog .item:nth-last-child(1) {border-width:0;}
.list_blog .item .img {height:13.375em;width:20.5em;overflow:hidden;}
.list_blog .item .img img {width:100%;height:100%;object-fit:cover;transition:all 0.5s;transform:scale(1.1);}
.list_blog .item .text {flex:1;padding:1.5em 2em 0;}
.list_blog .item .text .tit {font-size:1.25em;line-height:1.25em;margin-bottom:0.75em;transition:all 0.35s;}
.list_blog .item .text .p {font-size:1em;color:var(--p-color);line-height:1.35;height:2.7em;margin-bottom:1.75em;}
.list_blog .item .text span.date {font-size:1em;color:var(--p-color);line-height:1.35;margin-right:1em;}
.list_blog .item .text span.view {font-size:1em;color:var(--p-color);line-height:1.35;padding-left:1.35em;background:url(../images/view.png) no-repeat;background-position:left center;background-size:1.125em auto;}
.list_blog .item .text .fa {display:block;width:1.75em;height:1.75em;font-size:1.5em;border:0.05em solid var(--p-color);color:var(--p-color);border-radius:50%;text-align:center;line-height:1.65em;background:#fff;transition:all 0.5s;}
.list_blog .item:hover .text .fa {border-color:var(--theme);background:var(--theme);color:#fff;}
.list_blog .item .img:hover img {transform:scale(1);}
.list_blog .item .text .tit:hover {color:var(--theme);}
.list_products .item {float:left;width:31.9%;margin-right:2.15%;margin-bottom:2.5em;background:#fff;transition:all 0.5s;border:1px solid #ddd;}
.list_products .item:hover {box-shadow:0 0 5px rgb(0 0 0 / 15%);}
.list_products .item:nth-child(3n) {margin-right:0;}
.list_products .item .img {position:relative;width:100%;padding-top:71.24%;overflow:hidden;}
.list_products .item .img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.list_products .item .img:hover img {transform:scale(1.1);}
.list_products .item .text {padding:1.75em 1em 1.75em;text-align:center;}
.list_products .item .text .tit {font-size:1.125em;margin-bottom:1em;transition:all 0.5s; line-height:1.3em; height: 2.6em;overflow: hidden;text-overflow: ellipsis;}
.list_products .item .text .tit:hover {color:var(--theme);}
.list_products .item .text .more {display:inline-block;text-transform:uppercase;font-size:0.9em;color:#fff;line-height:2;background:var(--theme);width:auto;padding:0 1.5em;transition:all 0.5s;}
.list_products .item .text .more:hover {transform:translate(5px,-5px);box-shadow:-5px 5px 5px rgb(0 0 0 / 25%);}
.info_product {font-size: 16px;padding: 3.375em 0 0;}
.info_product .top {background:#fff;padding:3.625em 3.125em;margin-bottom:1.5em;width:100%;}
.info_product .top .img {position:relative;width:49.5%;padding-top:47.5%;cursor:url(../images/loupe.png),auto;} 
.info_product .top .item {display:none;position:absolute;top:0;left:0;width:100%;height:100%;}
.info_product .top .item1 {display:block;}
.info_product .top .img img {width:100%;object-fit:cover; border:1px solid #ddd;padding:2%;}
.info_product .top .title {display:none;font-size:1.875em;font-weight:600;line-height:1.35;margin-bottom:1.25em;}
.info_product .top .txt {width:47.5%;}
.info_product .top .txt .tit {font-size:1.875em;font-weight:600;line-height:1.35;margin-bottom:0.4em;}
.info_product .top .txt .p {font-size:1em;color:var(--p-color);line-height:1.45;}
.info_product .top .txt .ico {margin-bottom:3.5em;}
.info_product .top .txt .ico .icon {width:2.875em;height:2.875em;margin-right:0.25em;background-size:auto 2.875em;background-repeat:no-repeat;background-image:url(../images/product-ico.png);}
.info_product .top .txt .ico .ico1 {background-position:0;}
.info_product .top .txt .ico .ico2 {background-position:-3.2em;}
.info_product .top .txt .ico .ico3 {background-position:-6.4em;}
.info_product .top .txt .ico .ico4 {background-position:-9.6em;}
.info_product .top .txt .ico .ico5 {background-position:-12.8em;}
.info_product .top .txt .ico .ico6 {background-position:-16em;}
.info_product .top .txt .ico .ico7 {background-position:-19.2em;}
.info_product .top .txt .ico .ico8 {background-position:-22.4em;}
.info_product .top .txt .more {display:block;font-size:1.25em;width:10em;line-height:2.2;text-align:center;border-radius:2px;color:#fff;background:var(--theme);transition:all 0.5s;margin-bottom:5.5em;}
.info_product .top .txt .more:hover {transform:translate(5px,-5px);box-shadow:-5px 5px 5px rgb(0 0 0 / 25%);}
.info_products-swiper {position:relative;top:100px;}
.info_products-swiper .swiper-button-next,.info_products-swiper .swiper-button-prev {width:2.125em;height:2.125em;background:#fff;border-radius:50%;box-shadow:2px 2px 5px rgb(0 0 0 / 20%);}
.info_products-swiper .swiper-button-next:after,.info_products-swiper .swiper-button-prev:after {color:var(--theme);font-size:1em;}
.info_products-swiper .swiper-button-next {right:-1em;}
.info_products-swiper .swiper-button-prev {left:-1em;}
.info_products-swiper .swiper-slide {}
.info_products-swiper .swiper-slide .swiper-img {width:100%;padding-top:80%;overflow:hidden;border:1px solid #dcdcdc;}
.info_products-swiper .swiper-slide .swiper-img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.info_products-swiper .swiper-slide .swiper-img.active:before {content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border:2px solid var(--theme);box-sizing:border-box;}
.info_product .left {width:78.3%;}
.info_product .box {background:#ffffff;width:100%;padding:3em 2.5em;margin-bottom:2em;border:1px solid #ddd;}
.info_product .box .h2 {font-size:1.75em;font-weight:600;line-height:0.85em;padding-left:0.5em;border-left:0.175em solid var(--theme);margin-bottom:0.75em;text-transform:uppercase;}
.info_product .box .article {border-top:2px solid #eaeaea;padding-top:1.125em;padding-bottom:1.125em;border-bottom:1px solid #eaeaea;}
.info_product .box .article p {font-size:1.125em;line-height:1.55;margin-bottom:2.5em;}
.info_product .box .article p * {color:inherit;}
.info_product .box .article img {max-width:100% !important;height:auto !important;margin-bottom:2.5em;}
.info_product .box table {width: 100% !important;border-color:#e3e3e3;margin:1em 0;border-collapse: collapse;}
.info_product .box table tr {font-size:1.125em;}
.info_product .box table td:nth-child(1) {background:rgb(241 241 241);width:25%;padding:0.75em;}
.info_product .prev-next {margin-top:1em;}
.info_product .prev-next .prev,.info_product .prev-next .next {width:49.2%;}
.info_product .prev-next .prev span {font-size:1.125em;margin-right:0.5em;color:var(--text);}
.info_product .prev-next .prev span i {font-size:1.125em;margin-right:0.5em;color:inherit;}
.info_product .prev-next .next span {font-size:1.125em;margin-left:0.5em;color:var(--text);}
.info_product .prev-next .next span i {font-size:1.125em;margin-left:0.5em;color:inherit;}
.info_product .prev-next .prev .a {flex:1;font-size:0.875em;}
.info_product .prev-next .next .a {flex:1;font-size:0.875em;text-align:right;}
.info_product .prev-next .prev:hover .a,.info_product .prev-next .next:hover .a,.info_product .prev-next .prev:hover span,.info_product .prev-next .next:hover span {color:var(--theme);}
.info_product-form {background:#fff;padding:5em 5.5em;border:1px solid #ddd;}
.info_product-form .txt {}
.info_product-form .txt .tit {font-size:2.225em;font-weight:600;margin-bottom:0.5em;}
.info_product-form .txt .p {}
.info_product-form .txt .p p {font-size:1.05em;margin-bottom:2em;}
.info_product-form form .form-input {width:48%;margin-bottom:2.25em;}
.info_product-form form .form-control {width:100%;padding:0 1.7em;line-height:2.75;font-size:1.175em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.info_product-form form .form-control2 {width:60%;padding:0 1.7em;margin-right:0.6em;line-height:2.75;font-size:1.375em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.info_product-form form .form-input img {flex:1;}
.info_product-form form .form-input2>p {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.info_product-form form .form-input2 .wpcf7-form-control-wrap {width:60%;margin-right:1.5em;}
.info_product-form form .form-input2 .wpcf7-form-control-wrap input {width:100%;padding:0 1.7em;line-height:2.75;font-size:1.375em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.info_product-form form .form-input2 img {height:2.75em;font-size:1.375em;}
.info_product-form form .form-content {width:100%;margin-bottom:2.25em;}
.info_product-form form .form-textarea {display:block;width:100%;padding:0.75em 1.7em;line-height:1.25;font-size:1.175em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.info_product-form form .submit {width:100%;}
.info_product-form form .submit .btn-danger {display:block;font-size:1.25em;font-weight:600;line-height:3.6em;color:#fff;width:14.5em;background:var(--theme);border-radius:2px;border:none;cursor:pointer;transition:all 0.45s;}
.info_product-form form .submit .btn-danger:hover {transform:translate(5px,-5px);box-shadow:-5px 5px 5px rgb(0 0 0 / 25%);}
.info_product-form form .p {width:100%;margin-top:2.25em;}
.info_product-form form .p .ico {border-radius:50%;border:0.125em solid #ededed;width:1.875em;height:1.875em;margin-right:0.5em;padding:0.4em;}
.info_product-form form .p .ico:before{content: ""; display: block; width: 100%; height: 100%; background: #fb3c00; border-radius: 50%;}
.info_product-form form .p p {text-align:left;color:#8c8c8c;font-size:1.125em;flex:1;}
.info_product .right {width:20%;}
.info_product .down {margin-top:2em;background:#f7f7f7;padding:2.25em 3.25em;width: 100%;}
.info_product .down .title {margin-bottom:1.85em;}
.info_product .down .title .tit {font-size:1.75em;font-weight:600;text-transform:uppercase;line-height:0.85em;padding-left:0.5em;border-left:0.175em solid var(--theme);}
.info_product .down .title .more {font-size:1em;color:var(--p-color);text-transform:uppercase;padding:0 1.5em;line-height:1.75em;border-radius:1em;border:1px solid var(--p-color);transition:all 0.35s;}
.info_product .down .list {}
.info_product .down .list .item {width:18.1%;}
.info_product .down .list .item a {}
.info_product .down .list .item .img {position:relative;width:100%;padding-top:64%;overflow:hidden;margin-bottom:0.875em;}
.info_product .down .list .item .img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.info_product .down .list .item .img:hover img {transform:scale(1.1);}
.info_product .down .list .item .txt {}
.info_product .down .list .item .txt .tit {font-size:1em;color:var(--p-color);line-height:1.5;margin-bottom:1em;}
.info_product .down .list .item .txt .tit:hover {color:var(--theme);}
.info_product .down .list .item .txt .more {font-size:0.8125em;font-weight:600;color:var(--theme);}
.info_product .down .list .item .txt .more i {color:inherit;}
.info_product .down .title .more:hover {color:#fff;border-color:#fff;background:var(--theme);}
.info_product .down .list .vline {width:1px;background:#d2d2d2;margin:0 calc( 4.6% - 0.5px );}
.list_finishes {}
.list_finishes .item {float:left;width:23.5%;margin-right:2%;margin-bottom:2.5em;background:#fff;transition:all 0.5s;border:1px solid #ddd;padding:1.125em;}
.list_finishes .item:nth-child(4n) {margin-right:0;}
.list_finishes .item .img {margin-bottom:0.5em;width:100%;padding-top:100%;overflow:hidden;position:relative;}
.list_finishes .item .img img {width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.5s;object-fit: cover;}
.list_finishes .item .img:hover img {transform:scale(1.1);}
.list_finishes .item .text {}
.list_finishes .item .text .tit {font-size:1.125em;line-height:1.35;text-align: center;height:2.7em;transition:all 0.5s;}
.list_finishes .item .text .tit:hover {color:var(--theme);}
.page-about-intro {}
.page-about-intro .img {width:45.25%;}
.page-about-intro .img img {margin: 0 auto;width: 100%;}
.page-about-intro .text {width:50.5%;}
.page-about-intro .text .right {}
.page-about-intro .text .right img {width:13.5em;margin:0 0 2.25em auto;}
.page-about-intro .text .tit {font-size:2.425em;font-weight:600;color:var(--theme);margin-bottom:0.5em;text-transform:uppercase;}
.page-about-intro .text .p {margin-bottom:3em;}
.page-about-intro .text .p p {font-size:1.125em;color:var(--p-color);margin-bottom:1em;line-height:1.55;}
.page-about-intro .text .a {width:15em;font-size:0.875em;}
.page-about-intro .list {margin-top:4.525em;background:url(../images/professional-num-bg.jpg) center no-repeat #0f101b;background-size:120em auto;padding:4em 0;}
.page-about-intro .list .item {}
.page-about-intro .list .item .txt {}
.page-about-intro .list .item .tit {font-size:2.25em;color:#fff;text-align:center;}
.page-about-intro .list .item .tit .timer {font-size:2.125em;font-weight:600;color:var(--theme);font-style:italic;padding-right:0.1em;}
.page-about-intro .list .item .p {font-size:1.25em;color:#fff;text-align:center;}
.section-into {padding:0 0 2em;overflow:hidden;}
.section-into .title .tit,.section-honor .title .tit {font-style: unset;font-size: 3em;}
.section-into .title .p {padding-top: 1.1em;max-width: 42em;}
.section-into .small-img {position:relative;}
.section-into .small-img .swiper {padding-bottom:5em;}
.section-into .small-img .swiper-slide {width:33%;}
.section-into .small-img .swiper-slide .img {width:100%;}
.section-into .small-img .swiper-slide .img img {width:100%;}
.section-into .small-img .swiper-button-next,.section-into .small-img .swiper-button-prev {font-size:1.5em;width:2.25em;height:2.25em;border-radius:50%;background:rgb(0 0 0 / 70%);margin-top:-2em;}
.section-into .small-img .swiper-button-next {right:-2.75em;}
.section-into .small-img .swiper-button-prev {left:-2.75em;}
.section-into .small-img .swiper-button-next:after,.section-into .small-img .swiper-button-prev:after {font-size:1em;color:#ffffff;}
.section-into .small-img .swiper-pagination span {margin:0 0.375em;width:1em;height:1em;}
.section-into .small-img .swiper-pagination span.swiper-pagination-bullet-active {background:var(--theme);}
.section-honor .title .p {padding-top: 1.1em;max-width: 45em;}
.section-honor {padding-bottom:4em;background:url(../images/honor-bg.png) no-repeat;background-position:center bottom;background-size:120em auto;}
.honor-swiper {position:relative;overflow:hidden;padding-bottom:4em;}
.honor-swiper .swiper {padding-top:10em;overflow:unset;width:20%;}
.honor-swiper .swiper-slide {transform:scale(1);transform-origin:bottom;transition:all 0.2s;position:relative;}
.honor-swiper .swiper-slide.swiper-slide-prev {transform:scale(1.2);z-index:1;}
.honor-swiper .swiper-slide.swiper-slide-next {transform:scale(1.2);z-index:1;}
.honor-swiper .swiper-slide.swiper-slide-active {transform:scale(1.37);z-index:2;}
.honor-swiper .swiper-slide .img {width:100%;}
.honor-swiper .swiper-slide .img img {width:100%;}
.honor-swiper .swiper-button-next,.honor-swiper .swiper-button-prev {font-size: 1.5em; width: 2em; height: 3.25em; border-radius: 0.25em; background: rgb(0 0 0 / 50%); margin-top: -2em;}
.honor-swiper .swiper-button-next {right:50%;margin-right:-11em;}
.honor-swiper .swiper-button-prev {left:50%;margin-left:-11em;}
.honor-swiper .swiper-button-next:after,.honor-swiper .swiper-button-prev:after {font-size:1em;color:#ffffff;}
.honor-swiper .swiper-pagination span {margin:0 0.375em;width:1em;height:1em;opacity:1;background:#d0d0d0;}
.honor-swiper .swiper-pagination span.swiper-pagination-bullet-active {background:var(--theme);}
.section-galleries {padding: 5.375em 0 6.875em;}
.section-galleries .title {width: 40%;}
.section-galleries .title .tit {font-style: unset;font-size: 3em;text-align: left;}
.section-galleries .title .p {padding-top: 1.1em;text-align: left;opacity: 0.75;margin-bottom: 3em;}
.section-galleries .title .a {width:15em;font-size:0.875em;}
.section-galleries .img {width: 54%;}
.section-galleries .img .tit {display: none;}
.section-galleries .img img {width: 100%;}
.page-contact {font-size: 16px;position:relative;overflow:hidden;}
.page-contact .list {padding:3.75em 0 4.875em;}
.page-contact .list .item {width:31.85%;padding:3em 0 0 2.625em;position:relative;}
.page-contact .list .item .ico {position:absolute;top:0;left:0;width:7.875em;height:7.875em;padding:1.375em;border-radius:50%;background:rgb(0 0 0 / 4%);}
.page-contact .list .item .ico img {width:100%;height:100%;padding:20%;background:var(--theme);border-radius:50%;transition:all 0.5s;}
.page-contact .list .item .ico:hover img {transform:rotateY(360deg);}
.page-contact .list .item .txt {background:var(--background);padding:2.65em 1.25em;text-align:center;height:100%;border-radius:0.35em;}
.page-contact .list .item .tit {font-size:1.675em;font-weight:600;margin-bottom:1em;}
.page-contact .list .item .info {}
.page-contact .list .item .info p {font-size:1.125em;color:#333333;line-height:1.45;}
.page-contact-form {padding-left:36.3%;padding-bottom:8.75em;}
.page-contact-form .txt {}
.page-contact-form .txt .tit {font-size:2.325em;font-weight:600;margin-bottom:0.4em;}
.page-contact-form .txt .p {margin-bottom:2.75em;}
.page-contact-form .txt .p p {font-size:1.125em;color:#999;}
.page-contact-form form .form-input {width:48%;margin-bottom:2.25em;}
.page-contact-form form .form-control {width:100%;padding:0 1.7em;line-height:2.75;font-size:1.25em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.page-contact-form form .form-control2 {width:60%;padding:0 1.7em;margin-right:0.6em;line-height:2.75;font-size:1.25em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.page-contact-form form .form-input img {flex:1;}
.page-contact-form form .form-content {width:100%;margin-bottom:2.25em;}
.page-contact-form form .form-textarea {display:block;width:100%;padding:0.75em 1.7em;line-height:1.25;font-size:1.25em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.page-contact-form form .submit {width:100%;}
.page-contact-form form .submit button {display:block;font-size:1.25em;font-weight:600;line-height:3.6em;color:#fff;width:14.5em;background:var(--minor);border-radius:2px;border:none;cursor:pointer;transition:all 0.45s;}
.page-contact-form form .submit button:hover {transform:translate(5px,-5px);box-shadow:-5px 5px 5px rgb(0 0 0 / 25%);}
.page-contact-form form .p {width:100%;margin-top:2.25em;}
.page-contact-form form .p .ico {border-radius:50%;border:0.125em solid #ededed;width:1.875em;height:1.875em;margin-right:0.5em;padding:0.4em;position:relative;}
.page-contact-form form .p .ico:after {content:" ";position:absolute;left:0.5375em;top:0.5375em;display:block;width:0.6em;height:0.6em;background:#fb3c00;border-radius:50%;}
.page-contact-form form .p>p {color:#8c8c8c;font-size:1.125em;}
.page-contact-form form .form-input2>p {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.page-contact-form form .form-input2 .wpcf7-form-control-wrap {width:60%;margin-right:1.5em;}
.page-contact-form form .form-input2 .wpcf7-form-control-wrap input {width:100%;padding:0 1.7em;line-height:2.75;font-size:1.375em;color:var(--text);border:none;background:#f6f6f6;border-radius:0.15em;}
.page-contact-form form .form-input2 img {height:2.75em;font-size:1.375em;}
.page-contact-form form .submit .wpcf7-form-control {display:block;font-size:1.25em;font-weight:600;line-height:3em;color:#fff;width:14.5em;background:var(--theme);border-radius:2px;border:none;cursor:pointer;transition:all 0.45s;}
.page-contact-form form .submit .wpcf7-form-control:hover {transform:translate(5px,-5px);box-shadow:-5px 5px 5px rgb(0 0 0 / 25%);}
.page-contact-bg {position:absolute;top:0;left:50%;margin-left:-59.375em;background:url(../images/wechat-bg.png) no-repeat;background-position:top right;width:43.5em;height:100%;}
.map {}
.map img {width:100%;}
.map iframe {width:100%;height:35em;display:block;}


@media screen and (max-width:1480px) {
.section-into .small-img .swiper-button-prev {left:-1.5em;}
.section-into .small-img .swiper-button-next {right:-1.5em;}
}
@media screen and (max-width:1200px) {
.info_projects .left {width:75.5%;}
.info_projects .right {width:22%;}
.static-h {font-size: 14px;}
.info_projects .down {padding: 1.75em 1.75em;}
.blog .left {width: 22%;}
.blog .right {width: 75.5%;}
.list_blog .item .img {width:17.22em;height:11.235em;}
.list_blog .item .text {padding:0.75em 1.25em;}
.list_blog .item .text .p {margin-bottom:1em;}
.list_products .item .text {padding: 1.25em 1.25em;}
.info_product .top {padding: 2.75em 2.25em;}
.info_product .top .txt .tit {font-size: 1.5em;}
.info_product .left {width:75.5%;}
.info_product .right {width:22%;}
.info_product .down {padding: 1.75em 1.75em;}
.info_product-form {padding: 3em 3.25em;}
.info_product-form .txt .tit {font-size: 2.25em;}
.info_product-form .txt .p p {font-size: 1.125em;}
.info_product-form form .form-control {font-size: 1.25em;}
.info_product-form form .form-control2 {font-size: 1.25em;}
.info_product-form form .form-textarea {font-size: 1.25em;}
.list_finishes .item {width: 32%;}
.list_finishes .item:nth-child(4n) {margin-right:2%;}
.list_finishes .item:nth-child(3n) {margin-right:0%;}
.page-contact-bg {width:40em;margin-left:-52em;background-size:100%;}

}


@media screen and (max-width:1024px) {
.list_nav {display:none;}
.list_link_artboard {display:block;padding:20px 0;}
.artboard_box {position:relative;}
.list_link_artboard .bg_artboard {box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1);border-radius:2px;position:relative;height:55px;background-color:#fff;color:#333;}
.list_link_artboard .bg_artboard .r_l_box {position:absolute;top:0;right:0;z-index:6;overflow:hidden;height:55px;display:block!important;width:70px;padding-left:15px;background-image:linear-gradient(270deg,#FFFFFF 70%,rgba(255,255,255,0.00) 100%);}
.list_link_artboard .btn_m img {width:20px;margin:17.5px auto;}
.list_link_artboard .hidden_box {overflow:hidden;position:absolute;width:100%;height:55px;}
.list_link_artboard .list_box {position:absolute;top:0;bottom:0;left:0;transition:.2s;}
.list_link_artboard ul.list_one {display:flex;white-space:nowrap;padding:0 55px 0 5px;}
.list_link_artboard ul.list_one a {color:inherit;display:block;padding:0 10px;line-height:55px;}
.list_link_artboard ul.list_one li {position:relative;}
.list_link_artboard ul.list_one .active:after {content:'';display:block;position:absolute;bottom:0;left:0;border-bottom:3px solid var(--theme);width:100%;}
.list_link_artboard .list_m_link {position:absolute;left:0;top:100%;width:100%;background:#fff;box-shadow:rgba(0,0,0,0.2) 0 2px 16px;z-index:40;padding:10px 0 20px;margin-bottom:60px;display:none;margin-top:15px;}
.list_link_artboard .list_arrow2 {position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:10px;bottom:100%;right:32px;border-top-color:#fff;border-bottom-width:0;transform:rotate(180deg);z-index:9;}
.list_link_artboard .list_m_link .li1 {position:relative;font-size:15px;}
.list_link_artboard .list_m_link .li1>a {display:block;padding:14px 60px 14px 20px;line-height:20px;position:relative;border-bottom:1px solid #F0F0F0;}
.list_link_artboard .list_m_link .li1>i {display:block;position:absolute;right:0;top:0;width:2.5em;height:3em;line-height:3em;text-align:center;transition:all 0.6s;}
.list_link_artboard .list_m_link ._li2 {position:relative;display:none;font-size:14px;}
.list_link_artboard .list_m_link .li2 {position:relative;}
.list_link_artboard .list_m_link .li2>a {display:block;padding:12px 40px 12px 12px;line-height:18px;position:relative;border-bottom:1px solid #F0F0F0;}
.list_link_artboard .list_m_link .li2>i {display:block;position:absolute;right:0;top:0;width:2.5em;height:3em;line-height:3em;text-align:center;transition:all 0.6s;}
.list_link_artboard .list_m_link .open>i {transform:rotateZ(-180deg);}
.list_link_artboard .list_m_link ._li3 {position:relative;display:none;font-size:12px;}
.list_link_artboard .list_m_link ._li3>a {display:block;padding:12px 40px 12px 22px;line-height:18px;position:relative;border-bottom:1px solid #F0F0F0;}
.list_link_artboard .list_m_link .active {background:#fffaf8;}
.projects {font-size: 14px;padding-top: 0;}
.list_projects {padding:0em 0 1em;}
.list_projects .item .text {padding:1em;}
.info_projects {font-size: 14px;}
.info_projects .left {width: 100%;}
.info_projects .right {display: none;}
.info_projects .down .list .vline {margin: 0 calc( 2.6% - 0.5px );}
.info_projects .down .list .item {width: 21.1%;}
.blog {font-size: 14px;padding-top: 0;}
.blog .left {display: none;}
.blog .right {width: 100%;}
.info_product {font-size: 14px;padding-top: 0;}
.info_product .top .title {display:block;}
.info_product .top .img {width:100%;padding-top:0;margin-bottom:1.75em;}
.info_product .top .txt {width:100%;}
.info_product .top .item {position:unset;}
.info_product .top .txt .tit {display:none;}
.info_product .left {width: 100%;}
.info_product .right {display: none;}
.info_product .down .list .vline {margin: 0 calc( 2.6% - 0.5px );}
.info_product .down .list .item {width: 21.1%;}
.page-about-intro {}
.page-about-intro>.container {position:relative;padding-top:3em;}
.page-about-intro .img {width:100%;margin-bottom:3em;}
.page-about-intro .img img {width:auto;}
.page-about-intro .text {width:100%;}
.page-about-intro .text .right {position: absolute;top: 0;right: 0;}
.page-about-intro .list {padding:2.5em 0;}
.page-about-intro .list .item .tit {font-size:1.5em;}
.page-about-intro .list .item .p {font-size:1em;}
.section-galleries {padding:3em 0 3.5em;}
.section-galleries .container {flex-direction:column-reverse;max-width:680px;}
.section-galleries .title {width:100%;}
.section-galleries .title .tit {display:none;}
.section-galleries .img {width:90%;margin-bottom:2em;}
.section-galleries .img .tit {display:block;text-transform:uppercase;font-size:2.75em;font-weight:600;text-align:center;line-height:1.2;margin-bottom:1em;}
.page-contact {font-size: 14px;}
.page-contact .list .item {width:46%;margin:0 auto 3em;}
.page-contact-form form .form-input {width:100%;}
.page-contact-bg {margin-left:-43em;width:35em;}
.map img {height:28em;object-fit:cover;}


}




@media screen and (max-width:767px) {
.page_banner .text .txt .h2 {font-size: 2.5em;margin-bottom: 2em;}
.projects {font-size: 12px;}
.list_projects .item {font-size:1.125em;width: 100%;margin-right: 0;}
.info_projects {font-size: 12px;}
.info_projects .box {padding:1.75em 1.5em;}
.info_projects .prev-next {padding:1em 0;}
.info_projects .prev-next .prev,.info_projects .prev-next .next {width:100%;padding:0.5em 0;}
.info_projects .down {padding:2em 1.15em;}
.info_projects .down .list .vline {display:none;}
.info_projects .down .list .item {width:47%;margin:0 1.5% 1.75em;}
.info_projects .down .list .item .txt .tit {font-size:1.125em;}
.info_projects .down .list .item .txt .more {font-size:1em;}
.blog {font-size: 12px;}
.list_blog .item {margin-bottom:2.75em;}
.list_blog .item .img {width:100%;height:auto;}
.list_blog .item .text {padding:1.25em;}
.list_products .item {width: 100%;margin-right: 0 !important;}
.list_products .item .text {padding: 1.25em 1.5em 2.75em;}
.list_products .item .text .tit {font-size: 1.5em;}
.list_products .item .text .more {font-size: 1.25em;}
.info_product {font-size: 12px;}
.info_product .top {padding:2em;}
.info_product .top .title {font-size:1.75em;margin-bottom:0.75em;}
.info_product .top .txt .more {margin-bottom:2em;}
.info_products-swiper .swiper-button-next,.info_products-swiper .swiper-button-prev {width:3em;height:3em;}
.info_product .box {padding:1.75em 1.5em;}
.info_product .prev-next {padding:1em 0;}
.info_product .prev-next .prev,.info_product .prev-next .next {width:100%;padding:0.5em 0;}
.info_product-form {padding:2em 1.75em;}
.info_product-form form .form-input {width:100%;}
.info_product-form form .p p {text-align:left;}
.info_product .down {padding:2em 1.15em;}
.info_product .down .list .vline {display:none;}
.info_product .down .list .item {width:47%;margin:0 1.5% 1.75em;}
.info_product .down .list .item .txt .tit {font-size:1.125em;}
.info_product .down .list .item .txt .more {font-size:1em;}
.list_finishes .item {width: 49%;}
.list_finishes .item:nth-child(3n) {margin-right:2%;}
.list_finishes .item:nth-child(2n) {margin-right:0%;}
.page-about-intro .text .tit {font-size:2.2em;}
.page-about-intro .list .item {width:48%;margin:1.25em 0;}
.section-into .title .tit,.section-honor .title .tit {font-size:2.2em;}
.section-into .small-img .swiper-button-next,.section-into .small-img .swiper-button-prev {display:none;}
.section-honor {padding:3em 0;}
.honor-swiper .swiper {padding-top:0;width:80%;overflow:hidden;}
.honor-swiper .swiper-slide.swiper-slide-prev,.honor-swiper .swiper-slide.swiper-slide-next,.honor-swiper .swiper-slide,.honor-swiper .swiper-slide.swiper-slide-active {transform:scale(1);}
.honor-swiper .swiper-button-next,.honor-swiper .swiper-button-prev {display:none;}
.honor-swiper .swiper-pagination span {width:1em;height:1em;}
.section-galleries .img .tit {font-size:2.2em;}
.page-contact {font-size: 12px;}
.page-contact .list {padding-bottom:2.5em;}
.page-contact .list .item {width:100%;max-width:34em;margin:0 auto 3em;}
.page-contact-form {padding-left:0;padding-bottom:3em;}
.page-contact-bg {display:none;}



}