@charset "utf-8";@import url('fonts.css');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.act,.image-container img,.fixtop .navpc li a.a p i,.fixtop,.fixtop .navpc .tel,.home-case .swiper-slide .pic p,.home-service li .pic img,.home-news li .pic img,.home-message .email-message form button,.fixright li .tubiao,.fixright,.about .pic img,.culture li:before,.culture li .title,.culture li .content,.product li .pic img,.service-show .service-menu dd a:before,.case li,.case li .pic img,.thumbnail-button-next, .thumbnail-button-prev,.close-modal,.relax-case .swiper-slide .pic img,.message li.btn button,.news li .pic img,.news-show .relax-news .first .pic img,.contact-list li .pic img,.contact-message li.btn button
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.home-case .swiper-slide:hover .pic p,.home-service li:hover .pic img,.home-news li:hover .pic img,.about .pic:hover img,.product li:hover .pic img,.case li:hover .pic img,.relax-case .swiper-slide:hover .pic img,.news li:hover .pic img,.news-show .relax-news .first .pic:hover img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd,.fixright li,.main-slide,.main-slide:before,.message li input[type="text"],.message li textarea,.news-show .text,.news-show .relax-news,.contact-list li,.contact-message li input[type],.contact-message li textarea
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.contact-list li:hover .pic img
{transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#f7f7f7;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑','arial';}
html,body,input,button,select,textarea,big,small {font-size:16px;color:#000;font-weight:300;}a {color:#1a1a1a}b,strong {font-weight:700;}
a:hover,.home-case .swiper-slide:hover .title a,.home-news li:hover .text .title a,.main-current a:Hover,.relax-case .swiper-slide:hover .title a,.news li:hover .text .title a,.news-show .relax-news .first:hover .first-title a {color:#0f8e0c}
.case-show .photos .text .cate a:hover {color:#194e0a}
:root{scroll-behavior:smooth;}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd,ol { list-style:none;}
.list-paddingleft-1,.list-paddingleft-2{margin:0 0 0 20px;}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.bodyactive {overflow:hidden}
:root{scroll-behavior:smooth;}
.average {display:flex;}.average .col {flex: 1;}
.both-end{display:flex;justify-content:space-between;}
.col-2 {display: flex;flex-wrap: wrap;gap:0;} .col-2 .col {width:50%;box-sizing: border-box;width:calc(50% - 0px);width:-webkit-calc(50% - 0px)}
.col-3 {display: flex;flex-wrap: wrap;} .col-3 .col {width:33.3333%;box-sizing: border-box;}
.col-4 {display: flex;flex-wrap: wrap;} .col-4 .col {width:25%;box-sizing: border-box;}
.col-5 {display: flex;flex-wrap: wrap;} .col-5 .col {width:20%;box-sizing: border-box;}
.col-6 {display: flex;flex-wrap: wrap;} .col-6 .col {width:16.6666%;box-sizing: border-box;}
.col-7 {display: flex;flex-wrap: wrap;} .col-7 .col {width:14.2857%;box-sizing: border-box;}
.col-8 {display: flex;flex-wrap: wrap;} .col-8 .col {width:12.5%;box-sizing: border-box;}
.col-9 {display: flex;flex-wrap: wrap;} .col-9 .col {width:11.1111%;box-sizing: border-box;}
.col-10 {display: flex;flex-wrap: wrap;} .col-10 .col {width:10%;box-sizing: border-box;}
.logo-for-baidu {position: absolute;left:-5000px;top:-5000px}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:2px 5px;width:40px; height:40px; line-height:38px;box-shadow:0 0 2px rgba(0,0,0,0);text-align: center;border-radius:4px; background:#e8e8e8}
.pager font {font-family:'宋体';font-weight:700;margin:0px;display:inline-block;vertical-align: top; line-height: 41px;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#0f8e0c; background: #0f8e0c} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:18px;font-weight:400;color:#595758;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 5px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #0f8e0c;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:#8d8d8d;}
:-moz-placeholder {color:#8d8d8d;}
::-moz-placeholder {color:#8d8d8d;}
:-ms-input-placeholder {color:#8d8d8d;}

::selection {background:#0f8e0c;color:#ffffff;}
::-moz-selection {background:#0f8e0c;color:#ffffff;}
::-webkit-selection {background:#0f8e0c;color:#ffffff; }
.wrap {margin:0 auto;max-width:1385px;position:relative;}
.wrap1 {margin:0 auto;max-width:1620px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:80px; background:rgba(255,255,255,0);}
.fixtop .logo { position: absolute;left:0;top:9px;z-index: 999}
.fixtop .logo a {background: url("../images/logo.png") no-repeat top;width:60px;height:62px;background-size:100%; display: block}
.fixtop .navpc { text-align:right;}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 50px; position: relative;}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:80px; line-height:77px;font-size:18px;color:#fff;}
.fixtop .navpc li a.a p { position:absolute;left:0;bottom:0;width:100%; height:3px; text-align: center}
.fixtop .navpc li a.a p i { display:block;width:0;height:100%; background:#0f8e0c;margin:0 auto}
.fixtop.active .navpc li.active a.a p i,.fixtop .navpc li:hover a.a p i,
.fixtop:hover .navpc li.active a.a p i,.fixtop:hover .navpc li:hover a.a p i{width:100%}
.fixtop .navpc ul,.fixtop .navpc .tel {display:inline-block; vertical-align: top;}
.fixtop .navpc .tel {color:#fff;margin:24px 0 0 50px}
.fixtop.active,.fixtop:hover {background:rgba(255,255,255,0.95);box-shadow:0 0 5px rgba(0,0,0,0.1)}
.fixtop.active .navpc li a.a,.fixtop:hover .navpc li a.a {color:#1a1a1a;}
.fixtop.active .navpc .tel,.fixtop:hover .navpc .tel {color:#000}
.fixtop.active .navpc li.active a.a,.fixtop.active .navpc li:hover a.a,
.fixtop:hover .navpc li.active a.a,.fixtop:hover .navpc li:hover a.a{color:#0f8e0c}

.home-pic {height:100vh; position:relative;}
.home-pic .pic {position:absolute; left:0;top:0;width:100%;height:100%; z-index: 1; overflow: hidden}
.home-pic .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 6s 0s ease both infinite;-moz-animation: minus 6s 0s ease both infinite;animation: minus 6s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

.home-pic .text {position: absolute;left:0;top:0;width:100%;height:100%; z-index: 600;color:#fff;}
.home-pic .text .wrap1 {display:flex;align-items:flex-start;justify-content:center;flex-direction: column;height:100%}
.home-pic .text .title {position: relative;font-size:50px; line-height: 1.6;margin:-100px 0 38px 0;font-weight:400}
.home-pic .text .title:before {content:'';position: absolute;left:0;bottom:-15px;width:98px;height:2px; background: #fff;}
.home-pic .text .content {font-size:20px;}

#myvideo {object-fit:cover; width:100%; height: 100vh}
.videos{position:absolute; z-index: 200; left:0;top:0;width:100%;heigh:100%}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../images/play.png) no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}

.top-pic {padding:11.7187% 0; position:relative;left:0;top:0;width:100%; z-index: 1;}
.top-pic .pic {position:absolute; left:0;top:0;width:100%;height:100%; z-index: 1; overflow: hidden}
.top-pic .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 6s 0s ease both infinite;-moz-animation: minus 6s 0s ease both infinite;animation: minus 6s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}

.home-about {background: #fff;border-top-left-radius:50px;border-top-right-radius:50px;padding:60px 7% 60px 7%; position: relative; z-index: 1000;margin-top:-180px;display:flex; align-items: center;justify-content: center;}
.home-about .text {width:45%}
.home-about .pic {width:45%;margin-left:10%;text-align: right;}
.home-subject .subtitle {font-size:40px; line-height: 1.4; font-weight:700; text-transform: uppercase;}
.home-subject .title {position: relative;color:#666;font-size:30px; line-height: 1.6;margin:5px 0 45px 0}
.home-subject .title:before {content:'';width:60px;height:4px;position: absolute;left:0;bottom:-15px;background: #0f8e0c;}
.home-subject .content {font-weight:400;color:#333}
.home-subject.center {text-align:center}
.home-subject.center .title:before {left:50%;margin-left:-30px}

.about-subject .subtitle {font-size:37px; line-height: 1.4; font-weight:500;color:#333}
.big-english .subtitle{font-size:48px}
.about-subject .title {position: relative;color:#000;font-size:30px; line-height: 1.6;margin:2px 0 55px 0}
.about-subject .title:before {content:'';width:60px;height:4px;position: absolute;left:0;bottom:-25px;background: #0f8e0c;}
.about-subject .content {font-weight:400;color:#333}
.about-subject.center {text-align:center}
.about-subject.center .title:before {left:50%;margin-left:-30px}

.home-more a {background: #0f8e0c;height:50px; line-height: 48px;border-radius:50px;padding:0 50px;display:inline-block;color:#fff; letter-spacing: 1px}
.home-more a:hover {background: #194e0a;}
.home-about .text .home-more {margin-top:30px}

.home-case {background: url("../images/home-bg.jpg") no-repeat center; background-attachment: fixed;background-size:cover;padding:120px 0 180px 0}
.home-case .list {position: relative;margin-top:60px}
.home-case .swiper-slide {position: relative; background: #fff;border-radius:25px;padding:15px; position: relative}
.home-case .swiper-slide .pic {padding:33.3333% 0; position: relative; overflow: hidden}
.home-case .swiper-slide .title {height:30px; line-height: 30px; overflow: hidden; text-align: center;font-weight:400;margin:10px 0 10px 0;}
.home-case .swiper-slide .title a {color:#333}
.home-case .swiper-horizontal>.swiper-pagination-bullets,.home-case .swiper-pagination-bullets.swiper-pagination-horizontal,.home-case .swiper-pagination-custom,.swiper-pagination-fraction {bottom:-60px;}

.home-service {padding:110px 0 120px 0}
.home-service ul {display:flex;flex-wrap: wrap;margin-top:60px}
.home-service li {position: relative;width:50%; background: #fff}
.home-service li:nth-child(1) {width:100%}
.home-service li:nth-child(2),.home-service li:nth-child(5) { background: #eeeeee}
.home-service li .pic { position: relative;width:50%;left:50%}
.home-service li .pic h2 {position: relative; overflow: hidden;padding:50% 0;}
.home-service li:nth-child(1) .pic h2 {padding:28.1111% 0;}
.home-service li .text { position: absolute;left:0;top:0;width:44%;padding:0 3%;height:100%;display:flex;align-items: center;justify-content: center; flex-direction: column; text-align: center}
.home-service li:nth-child(1) .text {align-items:flex-start;text-align: left;width:41%;padding:0 6.5% 0 2.5%}
.home-service li .text .title {font-size:25px; line-height: 35px;font-weight:400;}
.home-service li .text .subtitle {color:#666; line-height: 1.6;margin:5px 0 0 0}
.home-service li .text .content {margin-top:30px}
.home-service li .text .home-more-2 {margin-top:50px}
.home-service li:nth-child(4) .pic,.home-service li:nth-child(5) .pic {left:0}
.home-service li:nth-child(4) .text,.home-service li:nth-child(5) .text { left:50%;}
.home-more-2 a {background: #fff;height:38px; line-height: 36px;border-radius:38px;padding:0 50px;display:inline-block;color:#0f8e0c; letter-spacing: 1px;border:1px solid #0f8e0c;}
.home-more-2 a:hover,.home-service li:hover .text .home-more-2 a,.home-news li:hover .text .home-more-2 a {background: #0f8e0c;color:#fff}

.home-news {padding:120px 0;position: relative; background-position: center;background-repeat: no-repeat; background-attachment: fixed; background-size:cover;}
.home-news:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.3); z-index: 1}
.home-news .home-subject {color:#fff; position: relative; z-index: 10}
.home-news .home-subject .title,.home-news .home-subject .content {color:#fff}
.home-news .list {background: #fff;border-radius:50px;padding:4% 4% 100px 4%; position: relative; z-index: 100;margin-top:100px}
.home-news ul {display:flex;gap:20px;flex-wrap: wrap;}
.home-news li {position: relative;width:calc(33.3333% - 13.3333px);width:-webkit-calc(33.3333% - 13.3333px);}
.home-news li .pic h2 {position: relative;  overflow: hidden;padding:40.625% 0;}
.home-news li .text {padding:25px 50px 20px 0}
.home-news li .text .date {color:#666;font-size:14px}
.home-news li .text .title {height:25px; line-height: 25px; overflow: hidden;margin:15px 0 10px 0}
.home-news li .text .title a {font-weight:400;font-size:20px;}
.home-news li .text .content {line-height: 25px;height:50px; overflow: hidden;color:#666;font-size:14px;margin:0 0 30px 0}
.home-news .home-more {text-align:center;margin-top:60px}
.home-news li:nth-child(1) {width:100%; background: #f7f7f7}
.home-news li:nth-child(1) .pic {width:50%}
.home-news li:nth-child(1) .text {position: absolute;right:0;top:0;width:42%;height:100%;padding:0 4%}
.home-news li:nth-child(1) .text .date {font-size:16px;padding-top:40px;margin:0 0 20px 0}
.home-news li:nth-child(1) .text .title a {font-size:22px;}
.home-news li:nth-child(1) .text .content {font-size:16px; line-height: 28px;height:56px;margin:20px 0 50px 0}

.home-message {padding:150px 0}
.home-message .text {float:left;width:49%}
.home-message .text .title {font-size:35px; line-height: 1.4;margin:0 0 20px 0}
.home-message .text .content {font-size:18px;color:#333;}
.home-message .email-message {float:right;width:42%;padding-top:10px}
.home-message .email-message form {background: #fff;height:60px; position: relative;}
.home-message .email-message form input[type="text"] {height:60px;font-weight:300;padding:0 130px 0 25px}
.home-message .email-message form button {position: absolute;right:0;top:0;width:110px;height:60px; line-height: 58px; background: #0f8e0c;color:#fff; cursor: pointer}
.home-message .email-message form button:hover {background: #194e0a}

body.white {background: #fff}
.main-current {padding:26px 0 26px 0;color:#333;}
.main-current.white {background: #fff}
.main-current a {color:#333;}
.main-current .icon-home1 {margin:1px 5px 0 0;display:inline-block;vertical-align: top;}
.main-current .cate {position: absolute;right:0;top:-4px;}
.main-current .cate a {display:inline-block;padding:0 25px;border:1px solid #0f8e0c;color:#0f8e0c;height:35px; line-height: 33px;font-weight:400;font-size:14px}
.main-current .cate a:hover {background: #0f8e0c;color:#fff}

.about {background: url("../images/about-bg.jpg") no-repeat center; background-size:cover;padding:120px 0;}
.about .wrap {display:flex;align-items:flex-end;justify-content: flex-end}
.about .pic {flex: 1; overflow: hidden;}
.about .pic img {width:100%}
.about .text {flex: 1;box-shadow:0 0 15px rgba(0,0,0,0.1);padding:40px 35px 45px 35px}

.culture {padding:120px 0;}
.culture ul {display:flex;margin-top:60px}
.culture li {flex: 1; text-align: center;border-left:1px solid #ccc;padding:40px 20px; position: relative}
.culture li:before {content:'';position: absolute;left:0;top:0;width:100%;height:0; background: #0f8e0c; z-index: 1}
.culture li:hover:before {height:100%}
.culture li:nth-child(1) {border-width:0}
.culture li .text {position: relative; z-index: 100}
.culture li .pic img {height:50px;}
.culture li .title {color:#0f8e0c;font-size:18px;margin:40px 0 20px 0;font-weight:700}
.culture li .content {font-weight:400;font-size:14px;}
.culture li:hover .title,.culture li:hover .content {color:#fff}
.culture li:hover .pic img {-webkit-filter: brightness(100);filter: brightness(100);}

.about-numbers {background:#0F8E0C;color:#fff;padding:80px 0}
.about-numbers ul {display:flex;justify-content: space-between}
.about-numbers li h2,.about-numbers li h3 {display:inline-block; vertical-align: top;}
.about-numbers li h2 {font-family: 'CerveloGothic';font-size:45px; line-height: 1;font-weight:400;letter-spacing: 2px}
.about-numbers li h3 {font-weight:300;margin:14px 0 0 5px}
.about-numbers li .content {margin-top:10px;}

.product {background: url("../images/product-bg.jpg") no-repeat center; background-size:cover;padding:120px 0; background-attachment: fixed;}
.product ul {display:flex;flex-wrap: wrap;gap:40px;margin-top:100px}
.product li { position: relative;padding:40px 3.5%;width:calc(25% - 30px);width:-webkit-calc(25% - 30px); background: #fff;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:10px}
.product li .in { position: relative;}
.product li .pic {position: relative; overflow: hidden;padding:50% 0;border-radius:50%}
.product li .title {font-weight:400;text-align: center;height:30px; line-height: 30px; overflow: hidden;margin-top:20px}
.product .home-more {text-align:center;margin-top:100px}
.product li:hover {background:#0f8e0c;color:#fff}

.service-show {padding:100px 0 120px 0}
.service-show .service-menu {float:left;width:20%;}
.service-show .service-menu dt {background: #0f8e0c;color:#fff;border-top-left-radius:25px;padding:25px 30px 45px 30px;font-size:22px; line-height: 1.6}
.service-show .service-menu dt p {position: relative;font-size:25px;padding:4px 0 0 0}
.service-show .service-menu dt p:before {content:''; position: absolute;left:0;bottom:-18px;width:23px;height:2px; background: #fff;}
.service-show .service-menu dd a {display:block; background: #fff;border:1px solid #ddd;margin:0 0 -1px 0;padding:15px 30px 16px 29px; position: relative}
.service-show .service-menu dd a:before {content:''; position: absolute;left:-1px;top:0;width:4px;height:100%; background: #0f8e0c; z-index: 10;opacity:0}
.service-show .service-menu dd a:hover,.service-show .service-menu dd.active a {background: #f5f8fa;color:#0f8e0c;}
.service-show .service-menu dd a:hover:before,.service-show .service-menu dd.active a:before {opacity:1}
.service-show .text {float:right;width:77%}
.service-show .text .title {font-weight:500; text-align: center;border-bottom:1px solid #ddd;padding:0 0 25px 0;margin:0 0 40px 0;font-size:36px; line-height: 1.6}
.service-show .text .content strong, .service-show .text .content b{font-weight:500}
.service-show .text .content img {margin:5px 0}
.service-show .text .content table {text-align:center;margin-top:-20px}
.service-show .text .content td {padding:0 1px}
.service-show .text .content td img {margin:20px 0 10px 0}
.service-show .text .content td {font-size:14px}
.main-current.right {text-align:right}
.main-current.right .cate {right:auto;left:0}

.case {margin:100px 0 120px 0}
.case ul {display:flex;gap:20px;flex-wrap: wrap;margin-top:70px}
.case li { background: #fff;border-radius:20px;padding:15px; position: relative;width:calc(33.3333% - 13.3333px);width:-webkit-calc(33.3333% - 13.3333px);}
.case li .in { position: relative;}
.case li .pic {padding:33.3333% 0; position: relative; overflow: hidden}
.case li .title {height:30px; line-height: 30px; text-align: center;margin:10px 0 10px 0}
.case li:hover {background: #0f8e0c;color:#fff}
.case li:hover .title a {color:#fff}

.case-detail-top-pic {padding:5.2083% 0}
.case-show {padding:100px 0 120px 0;}
.case-show .wrap {position: static}
.case-show .bg {background: #fff;padding:35px 20px;border-radius:25px;margin-top:20px}
.case-show .photos {padding:70px;margin-top:70px;}
.case-show .photos .pics {float:left;width:46%;}
.case-show .photos .text {float:right;width:50%}
.case-show .photos .text .title {border-bottom:2px solid #000;font-weight:500;padding:0 0 20px 0;font-size:30px; line-height: 1.6;margin:0 0 20px 0}
.case-show .photos .text .gs {color:#333;font-size:14px}
.case-show .swiper-button-prev {left:0}
.case-show .swiper-button-next{right:0}

.main-swiper {width: 100%;overflow: hidden;}
.main-slide {display: flex;justify-content: center;align-items: center;position: relative;cursor: pointer;}
.main-slide:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100;border:1px solid #ddd; pointer-events: none;}
.main-slide img, .main-slide video {width: 100%;height: 100%;object-fit: cover;}
.video-play-btn,.modal-video-play-btn {position: absolute;background: url("../images/play.png") no-repeat center;top: 50%;left: 50%;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 20;transition: all 0.5s ease; background-size:100%;margin:-40px 0 0 -40px;}
.video-play-btn.hidden,.modal-video-play-btn.hidden {opacity: 0;pointer-events: none;}
.main-slide video {min-height:400px;}

.thumbnail-container {position: relative;width: 100%;padding: 0 25px;margin-top:10px;}
.thumbnail-swiper {width: 100%;}
.thumbnail-slide {opacity: 0.6;transition: opacity 0.3s;overflow: hidden;cursor: pointer;border:1px solid transparent;}
.thumbnail-slide.swiper-slide-thumb-active {opacity: 1;border-color:#0f8e0c;}
.thumbnail-slide img, .thumbnail-slide video {width: 100%;height: 100%;object-fit: cover;}
.thumbnail-button-next, .thumbnail-button-prev {position: absolute;top: 50%;transform: translateY(-50%);color:#333;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;transition: background 0.3s;font-size:18px;font-weight:400;}
.thumbnail-button-next:hover, .thumbnail-button-prev:hover {color:#0f8e0c}
.thumbnail-button-next {right: 0;}
.thumbnail-button-prev {left: 0;}

.btn-video { background: url("../images/play.png") no-repeat center;width:100%;height:100%; position: absolute;left:0;top:0;background-size:30%}

.modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);z-index: 10000;align-items: center;justify-content: center;}
.modal-content {width: 100%;height: 100%;position: relative;}
.modal-swiper {width: 100%;height: 100%;}
.modal-slide {display: flex;justify-content: center;align-items: center;}
.modal-slide img, .modal-slide video {max-width: 100%;max-height: 100%;object-fit: contain;}
.close-modal {position: absolute;top: 20px;right: 20px;color: white;font-size: 30px;font-weight: bold;cursor: pointer;z-index: 10010;background: rgba(0,0,0, 0.9);width: 50px;height: 50px; line-height: 45px; border-radius: 50%; text-align: center}
.close-modal:hover {color: #fff;background: rgba(15,142,12, 0.9);}
.pagination-info {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);color: white;background: rgba(0, 0, 0, 0.5);padding: 8px 15px;border-radius: 20px;font-size: 14px;z-index: 10010;}
/* 修复fade效果下视频问题 */
.modal-swiper .swiper-slide:not(.swiper-slide-active) video {display: none !important;}

.case-show .photos .text .keywords {position: relative;padding:0 0 0 62px;font-size:14px;margin:12px 0 25px 0}
.case-show .photos .text .keywords p {position: absolute;left:0;top:15px;color:#333}
.case-show .photos .text .keywords i {border-radius:3px;border:1px solid #ddd; display:inline-block; vertical-align: top;font-size:14px;margin:10px 10px 0 0;padding:0 10px;height:35px; line-height: 34px;}
.case-show .photos .text .cate {color:#666;font-size:14px;}
.case-show .photos .text .cate a {color:#0f8e0c;}
.case-show .photos .text .tel {font-weight:400;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;padding:13px 0 15px 0;font-size:18px;color:#333;margin:25px 0 30px 0}
.case-show .photos .text .tel p {display:inline-block;vertical-align: top;width:22px;height:22px;border-radius:50%; line-height: 17px;text-align: center;background: #333;color:#fff;margin:12px 10px 0 0;}
.case-show .photos .text .tel p span {font-size:12px;}
.case-show .photos .text .tel font {color:#0f8e0c;font-size:23px;}
.case-show .photos .text .btn a {display:inline-block; vertical-align: top;margin:0 20px 0 0;width:160px;height:45px; line-height: 43px; background: #0f8e0c;color:#fff; text-align: center;font-weight:400;cursor: pointer}

.case-show .detail .title {border-bottom:1px solid #ddd;margin:0 0 30px 0}
.case-show .detail .title p {width:200px;height:55px; line-height: 53px; background: #0f8e0c;color:#fff;font-weight:500; text-align: center;font-size:18px;}
.case-show .detail .content strong,.case-show .detail .content b{font-weight:500;}
.case-show .detail .content img {margin:5px 0;width:100%}

.case-show .subject {text-align:center;font-weight:500;color:#333;font-size:25px; line-height: 1.4;margin:0 0 20px 0}
.case-show .message-content { text-align: center;}
.case-show .message-content font {color:#0f8e0c;text-decoration: underline;}
.relax-case .list {margin-top:40px;}
.relax-case .swiper-container {padding:0 0 55px 0}
.relax-case .swiper-slide .in {border:1px solid #ddd;position: relative;padding:20px}
.relax-case .swiper-slide .pic { position: relative; overflow: hidden;padding:33.3333% 0;}
.relax-case .swiper-slide .title { text-align: center;height:30px; line-height: 30px;margin:18px 0 0px 0;}
.relax-case .swiper-slide .title a {font-weight:400;color:#333}
.relax-case .swiper-horizontal>.swiper-pagination-bullets,.relax-case .swiper-pagination-bullets.swiper-pagination-horizontal,.relax-case .swiper-pagination-custom,.relax-case .swiper-pagination-fraction {bottom:0px;}

.message ul {display:flex;justify-content: space-between;flex-wrap: wrap;margin-top:30px}
.message li {width:49%;margin-top:20px}
.message li input[type="text"] {width:100%;padding:0 15px;border:1px solid #ddd;height:48px;font-weight:300;font-size:14px;}
.message li.full {width:100%;}
.message li textarea {width:100%;padding:10px 15px;border:1px solid #ddd;height:200px;font-weight:300;font-size:14px; vertical-align: top;}
.message li.btn {text-align:center;width:100%}
.message li.btn button {height:50px;padding:0 0 2px 0; background: #0f8e0c;color:#fff;width:200px; text-align: center; cursor: pointer;font-weight:400}
.message li.btn button:hover {background: #194e0a}
.namemj {position: absolute;top:-80px}

.news {background: url("../images/product-bg.jpg") no-repeat center; background-size:cover;padding:100px 0 120px 0; background-attachment: fixed}
.news .page_wrap {padding-top:60px;}
.news .list {background: #fff;border-radius:25px;padding:40px 40px 70px 40px;margin-top:80px}
.news ul {margin-top:-35px}
.news li {border-bottom:1px dashed #ccc;padding:35px 0; position: relative}
.news li .pic {position: absolute;left:0;top:35px;width:260px;height:211px; overflow:hidden;border-radius:20px}
.news li .pic img {border-radius:20px}
.news li .text {margin:0 0 0 320px;min-height:196px;padding-top:15px}
.news li .text .title {height:30px; line-height: 30px; overflow: hidden}
.news li .text .title a {font-weight:400;font-size:22px;}
.news li .text .content {line-height: 30px;height:60px; overflow: hidden;margin:20px 0 30px 0;color:#333}
.news li .text .more a {width:110px;height:38px; line-height: 36px;border-radius:38px; text-align: center; background: #f8f8f8;font-size:14px; display:inline-block}
.news li:hover .text .more a {color:#fff; background: #0f8e0c;}

.news-show {background: url("../images/product-bg.jpg") no-repeat center; background-size:cover;padding:100px 0 120px 0; background-attachment: fixed}
.news-show .text {float:left;width:69%; background: #fff;border-radius:25px;padding:35px;}
.news-show .text .title {font-size:35px;font-weight:400;}
.news-show .text .date {font-size:14px;color:#333;border-bottom:1px solid #ddd;padding:10px 0 20px 0;margin:0 0 30px 0;}
.news-show .text .content {line-height: 2}
.news-show .text .content strong {font-weight:500}
.news-show .text .content img {margin:5px 0}
.news-show .relax-news {float:right;width:29%; background: #fff;border-radius:25px;padding:35px 35px 25px 35px;}
.news-show .relax-news li {margin-bottom:10px}
.news-show .relax-news .title {position: relative;padding:0 0 0 15px}
.news-show .relax-news .title:before {content:''; position: absolute;left:0;top:11px;width:8px;height:8px; background: #0f8e0c;border-radius:50%;}
.news-show .relax-news .first {border-bottom:2px solid #ddd;padding:0 0 20px 0;margin:0 0 15px 0; position: relative}
.news-show .relax-news .first:before {content:''; position: absolute;left:0;bottom:-2px;width:65px;height:2px; background: #0f8e0c; z-index: 1}
.news-show .relax-news .first .pic { overflow: hidden;margin:0 0 10px 0}
.news-show .relax-news .first .first-title  {line-height: 1.6}
.news-show .relax-news .first .first-title a {font-size:18px;font-weight:400;}

.contact-text,.contact-list,.contact-message { background: #fff;border-radius:25px;padding:45px 50px 50px 50px}
.contact-text {margin-top:90px}
.contact-text .content {max-width:620px;}
.contact-list {margin:20px 0;padding-top:50px}
.contact-list ul {display:flex;flex-wrap: wrap;}
.contact-list li {width:33.3333%; text-align:center;border:1px solid #ddd;margin:-1px 0 0 -1px;padding:35px 20px 30px 20px}
.contact-list li .pic img {height:40px;}
.contact-list li .title {font-weight:500;font-size:18px;margin:10px 0 10px 0}
.contact-list li .content {color:#666;font-weight:400}
.contact-message {margin-bottom:120px}
.contact-message ul {display:flex;justify-content: space-between;flex-wrap: wrap;margin-top:40px}
.contact-message li {width:32%}
.contact-message li input[type]{border:2px solid #ced4da;padding:0 13px;height:43px; line-height: 41px; width:100%;font-weight:300;font-size:14px}
.contact-message li textarea {border:2px solid #ced4da;padding:10px 13px;height:150px;width:100%;font-weight:300;font-size:14px; overflow: auto; vertical-align: top;}
.contact-message li.full {width:100%;margin-top:2%}
.contact-message li.btn {text-align:center;width:100%;margin-top:2%}
.contact-message li.btn button {height:50px;padding:0 0 2px 0; background: #0f8e0c;color:#fff;width:200px; text-align: center; cursor: pointer;font-weight:400;border-radius:3px}
.contact-message li.btn button:hover {background: #194e0a}

.foot { background: url("../images/foot-bg.jpg") no-repeat center; background-size:cover;color:#999;padding:60px 0}
.foot a {color:#999}
.foot a:hover {color:#fff}
.foot .menu {position: relative; text-align: right;border-bottom:1px solid #333;padding:0 0 50px 0; text-align: right}
.foot .menu .logo {position: absolute;left:0;top:-13px;width:60px;height:62px;}
.foot .menu .logo a {background: url("../images/logo.png") no-repeat center; width:100%;height:100%;display:block}
.foot .menu ul {display:flex;align-items:flex-end;justify-content:flex-end;}
.foot .menu li {margin:0 0 0 85px}
.foot .menu li a {color:#ccc;font-size:20px;}
.foot .menu li a:hover {color:#fff}
.foot .contact-info {position: relative;padding:75px 0 120px 0}
.foot .contact-info li {display:inline-block; vertical-align: top;margin:0 12% 0 0}
.foot .contact-info li p {border:1px solid #333;border-radius:50%; display:flex;align-items: center;justify-content: center;width:55px;height:55px;}
.foot .contact-info li p span {font-size:22px;}
.foot .contact-info li:nth-child(2) p span {font-size:15px;}
.foot .contact-info li:nth-child(3) p span {font-size:35px;}
.foot .contact-info li h2 {font-size:16px;font-weight:400;margin-top:15px}
.foot .contact-info .wx {position: absolute;right:0;top:75px;width:130px;border:1px solid #333;padding:15px}
.foot .footer {border-top:1px solid #333;padding-top:55px;font-size:14px}
.foot .footer .left {float:left;width:32%;}
.foot .footer .middle {float:left;width:26%; text-align:center;}
.foot .footer .middle a {color:#ccc}
.foot .footer .middle a:hover {color:#fff}
.foot .footer .right {float:left;width:42%; text-align: right;}

.fixright { position: fixed;right:10px;bottom:10px; z-index: 2000;margin-top:0;opacity:0;pointer-events: none;}
.fixright.active {opacity:1;pointer-events: auto}
.fixright li { position:relative;margin:1px 0; }
.fixright li .tubiao {width:50px; height:50px; line-height:50px; cursor:pointer;text-align: center;color:#fff;background:#0f8e0c;}
.fixright li .tubiao span {font-size:25px}
.fixright li.tel .tubiao span {font-size:28px;color:#fff}
.fixright li.up .tubiao span {font-size:26px}
.fixright li .cons { display:none; position: absolute;right:52px;top:0;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:5px; background: #fff;min-height:50px;color:#000;font-size:16px}
.fixright li:hover .tubiao { background: #194e0a;color:#fff}
.fixright li:hover .tubiao span {color:#fff}
.fixright li.wx .cons {width:280px;height:110px;padding:10px 0 10px 10px}
.weixin { position: relative}
.weixin .pcover {width:110px;height:110px}
.weixin .wright { position: absolute;left:140px;top:6px;font-size:16px; line-height: 33px; color:#000}
.weixin .wright b {display:block;font-weight:400;}
.weixin .wright span {font-size:40px;line-height:40px;}
.fixright li.qq .cons {width:355px; height: 50px; line-height:48px;padding:0 0 0 15px; letter-spacing:0.5px;font-weight:700;}
.fixright li.qq .cons font {color:#999;margin:0 10px 0 0}
.fixright li.tel .cons {width:180px; height: 50px; line-height:48px;padding:0 0 0 15px; letter-spacing:0.5px;font-weight:700}
.fixright li.tel .cons font {color:#999;margin:0 10px 0 0}