@charset "utf-8";@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700&display=swap');
*{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 i,.fixtop,.topsearch .search,.topsearch .search #sbtn,.topsearch span.icon-close-bold,.fixtop .en,.topsearch,.fixtop .navpc,.fixtop .logo,.topsearch .btn,.home-company .pics li img,.home-multi-brand li:before,.home-news li .pic img,.online-shop li,.home-product dd a img,.new_telst li:before,.new_telst li,.product .swiper-slide .pic img,.product .swiper-slide .title,.product .swiper-slide .title p,.gaoyi-brand table td img,.jingyangfang-pic li img,.bainianyiren-honor .text ul.ul-2 li img,.product-cate li a:before,.product-list li .big-pic .pic img,.product-list li .swiper-slide .pic h3 p
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.home-company .pics li img:hover,.home-news li:Hover .pic img,.news li:hover .pic img,.home-product dd:Hover a img,.product .swiper-slide:hover .pic img,.product-list li .big-pic:hover .pic 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
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Noto Serif SC','Microsoft YaHei','微软雅黑','arial';}
html,body,input,button,select,textarea,big,small {font-size:19px;color:#000;font-weight:400;}a {color:#000}b,strong {font-weight:700;color:#000}
a:hover,.home-news li:hover .text .title a,.news li:hover .text .title a{color:#a80c0f}
: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:-webket-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;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:100px 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:#a80c0f; background: #a80c0f} 
.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: #a80c0f;}
::-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:#a80c0f;color:#ffffff;}
::-moz-selection {background:#a80c0f;color:#ffffff;}
::-webkit-selection {background:#a80c0f;color:#ffffff; }

.wrap {margin:0 auto;max-width:1520px;position:relative; z-index: 10}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:150px; background:rgba(168,12,15,0);}
.fixtop .logo { position: absolute;left:0;top:45px;z-index: 999}
.fixtop .logo a {height:61px; background: url("../images/logo.png") no-repeat left top;width:225px; background-size:100%; display: block}
.fixtop .logo img {position: absolute;top:-500px}
.fixtop .navpc { text-align:right;padding:70px 0 0 0}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 95px; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:86px; line-height:19px;font-size:19px;color:#fff; position: relative;top:-6px;}
.fixtop .navpc li a.a p { position:absolute;left:0;bottom:0;width:100%; height:2px; text-align: center}
.fixtop .navpc li a.a p i { display:block;width:0;height:100%; background:#fff;margin:0 auto}
.fixtop .navpc li:hover a.a p i,.fixtop ul.navpc li:Hover>a.a p i {width:100%}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:50%;width:180px;margin-left:-90px;top:80px;display:none;background:rgba(255,255,255,0.95); text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.15); padding:18px 0}
.fixtop .navpc li .list dd {margin:20px 0;padding:0}
.fixtop .navpc li .list dd a {font-size:19px; line-height: 29px;display:inline-block;}
.topblank {display:none;}

.fixtop:hover,.fixtop.active,.fixtop-bg {background:rgba(168,12,15,0.95);}
.fixtop.active {top:-20px; height:100px}
.fixtop.active .navpc {padding:20px 0 0 0}
.fixtop.active .navpc li a.a { line-height:89px;}
.fixtop.active .logo {top:38px;}
.fixtop.active .logo a {height:44px;width:162px; background-size:100%;}

.indpics {position:relative; left:0;top:0;width:100%;height:100vh; z-index: 1}
.indpics .swiper-slide { position:relative;height:100vh; overflow: hidden}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:5s linear;transform:scale(1,1);}

.top-pic {position:relative;left:0;top:0;width:100%;height:100vh; 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;}

@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}
@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-framework {background: #fff; position: relative; z-index: 100;margin-top:0;width:100%;overflow-x: hidden}

.banxh{position: absolute; z-index:1000; left: 50%;bottom:120px;margin-left: -25px;width: 50px;line-height: 50px;font-size: 40px;color: #fff;text-align: center;}
.banxh:before {content: "";font-family: "iconfont" !important;width:50px;height:50px; position: absolute;left:0px;top:-25px; background: url("../images/btn.png") no-repeat center;background-size:35px 35px;}
.banxh span {position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 53px;height:53px;display: block;border: 1px dashed #fff;-webkit-border-radius: 100%;border-radius: 100%;}
.banxh .cirI01 {-webkit-animation: jing_max 2.4s linear 0s infinite normal both;animation: jing_max 2.4s linear 0s infinite normal both;}
.banxh .cirI02 {-webkit-animation: jing_max 2.4s linear 0.6s infinite normal both;animation: jing_max 2.4s linear 0.6s infinite normal both;}
.banxh .cirI03 {-webkit-animation: jing_max 2.4s linear 1.5s infinite normal both;animation: jing_max 2.4s linear 1.5s infinite normal both;}
@-webkit-keyframes jing_max {0% {width: 53px;height: 53px;opacity: 0;}25% {width: 68px;height:68px;opacity: 0.6;}50% {width: 84px;height:84px;opacity: .3;}75% {width: 106px;height:106px;opacity: 0;}100% {width: 53px;height:53px;opacity: 0;}}
@keyframes jing_max {0% {width: 53px;height: 53px;opacity: 0;}25% {width: 68px;height:68px;opacity: 0.6;}50% {width: 84px;height:84px;opacity: .3;}75% {width: 106px;height:106px;opacity: 0;}100% {width: 53px;height:53px;opacity: 0;}}

.top-pic .banxh {bottom:80px;}

.home-more a {font-size:20px;color:#a80c0f;}
.home-company {padding:180px 0 60px 0; position: relative;}
.home-company:before {content:''; position: absolute;left:0;top:0;width:100%; z-index: -1; background: url("../images/bg.jpg") no-repeat center top;height:100%; background-size:100%;}
.home-company .wrap:nth-child(1) {display:flex;align-items:center;justify-content: center;}
.home-company .text {width:47.5%;margin-right:5.5%}
.home-company .text .content {border-top:1px solid #d0c2ae;padding:45px 0 0 0;margin:48px 0 0 0;font-size:20px;}
.home-company .pics {width:56%;}
.home-company .col-3 {gap:2px;}
.home-company .col-3 .col {width:calc(33.3333% - 1.3333px);width:-webkit-calc(33.3333% - 1.3333px);}
.home-company .pics li h2 {position:relative;padding:94.5% 0; overflow: hidden}
.home-company .pics li:nth-child(2) {margin-top:50px}
.home-company .home-more {position: relative;width:100%; text-align: right}
.home-company .home-more a {display:inline-block;margin:30px 17px 0 0}
.home-company .home-subject {margin-top:150px}

.home-subject {border-bottom:1px solid #ddd; position: relative;text-align: center}
.home-subject:before {content:''; position: absolute;left:0;top:14px;width:47.7%;height:1px; background: #dddddd}
.home-subject:after {content:''; position: absolute;right:0;top:14px;width:47.7%;height:1px; background: #dddddd}
.home-subject i {width:26px;height:26px; background: url("../images/home-icon.png") no-repeat center; display:block;margin:0 auto}
.home-subject img {margin:8px 0 16px 0}

.home-multi-brand {margin:0 0 130px 0}
.home-multi-brand .col-4 .col {width:14%}
.home-multi-brand .col-4 .col.active {width:58%}
.home-multi-brand li { position: relative;padding:16.875% 0; text-align: center}
.home-multi-brand li:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.5); z-index: 2;opacity:0}
.home-multi-brand li .pic { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1}
.home-multi-brand li .color-logo {position:absolute;left:0;bottom:9%;width:100%; z-index: 100}
.home-multi-brand li .color-logo .logo {margin-bottom:5px}
.home-multi-brand li .color-logo .logo img {height:65px;}
.home-multi-brand li .color-logo .more a {font-size:18px;}
.home-multi-brand li.li16 .color-logo .more a {color:#a80c0f}
.home-multi-brand li.li15 .color-logo .more a {color:#f8c682}
.home-multi-brand li.li14 .color-logo .more a {color:#18948a}
.home-multi-brand li.li1 .color-logo .more a {color:#1e1210}
.home-multi-brand li .text {position:absolute;left:0;top:0;left:0;width:100%;height:100%;z-index: 100;color:#fff; display: flex; align-items: center;justify-content: center;flex-direction: column;opacity:0}
.home-multi-brand li .text .logo img {max-height:110px}
.home-multi-brand li .text .content {font-size:18px;width:620px;margin:50px auto}
.home-multi-brand li .text .more a {color:#fff;font-size:18px}
.home-multi-brand li.active .text,.home-multi-brand li.active:before {opacity:1}
.home-multi-brand li.active .color-logo {opacity:0}

.home-research-innovation .pic {padding:21.6666% 0; position: relative;margin-top:120px;}
.home-research-innovation .content {background:#a80c0f;color:#fff;font-size:22px; text-align: center;margin:-125px 0 0 0;padding:85px 5% 85px 4%}
.home-research-innovation .content ul {display: flex; justify-content:space-between;}
.home-research-innovation .content li { position: relative;}
.home-research-innovation .content li:before {content:''; position: absolute;left:-83px;top:0;width:1px;height:100%; background: rgba(255,255,255,0.2)}
.home-research-innovation .content li:first-of-type:before {display:none;}

.home-news {background:#f5f5f5;padding:100px 0 120px 0}
.home-news .col-3 {gap:20px;}
.home-news .col-3 .col {width:calc(33.3333% - 13.3333px);width:-webkit-calc(33.3333% - 13.3333px)}
.home-news ul {margin:100px 0}
.home-news li { background: #fff}
.home-news li .pic {position: relative; overflow: hidden;padding:30% 0}
.home-news li .text {padding:25px 25px}
.home-news li .text .title {font-size:22px; line-height: 30px;height:30px; overflow: hidden;font-weight:500}
.home-news li .text .content {color:#6a6a6a;font-size:16px; line-height: 25px;height:50px; overflow: hidden;margin:10px 0;font-weight:500}
.home-news li .text .more a {font-size:16px;color:#a80c0f;font-weight:500}
.news-more {text-align:center}
.news-more a { font-weight:500;background: url("../images/more-bg.png") no-repeat center;width:308px;height:47px; line-height: 47px; margin:0 auto; text-align: center; background-size:100%;color:#a80c0f;font-size:18px; display: block;border-radius:47px;}
.news-more a:hover {background: #a80c0f;color:#fff;}
.news-blue-more a { background: url("../images/more-blue-bg.png") no-repeat center;color:#00a199; background-size:100%}
.news-blue-more a:hover { background: #00a199;color:#fff}
.yellow-more a { background: url("../images/yellow-bg.png") no-repeat center;color:#cc9043; background-size:100%}
.yellow-more a:hover { background: #cc9043;color:#fff}

.yellow-more-2 a { background: url("../images/yellow-bg-2.png") no-repeat center;color:#d08f66; background-size:100%}
.yellow-more-2 a:hover { background: #d08f66;color:#fff}

.story-part-1 {padding:150px 0 180px 0; position: relative}
.story-part-1:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; background: url("../images/story-bg.jpg") no-repeat center 60%;background-size:100%}
.story-part-1 .subject { position: absolute;left:0;top:-10px;color:#a80c0f;font-size:24px;font-weight:500;padding:0 0 0 20px}
.story-part-1 .subject:before {content:'';position:absolute;left:0;top:18px;width:8px;height:8px;border-radius:50%; background: #a80c0f;}
.story-part-1 .text {width:75%;margin-left:25%;}
.story-part-1 .text .pic img {width:100%}
.story-part-1 .text .content {font-size:20px;margin-top:70px}
.story-part-2 { background-attachment: fixed;color:#fff;padding:180px 0;font-size:20px; background-position:bottom}
.story-part-2 h3 {font-size:36px;font-weight:500}
.story-part-2 .text {max-width:1180px}

.story-part-3 {text-align:center;padding:150px 0 180px 0; position: relative}
.story-part-3:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; background: url("../images/story-bg.jpg") no-repeat center 100%;background-size:100%}
.story-part-3 .title {font-size:36px; line-height: 1;font-weight:500; position: relative;margin:0 0 70px 0;}
.story-part-3 .title:before {content:''; position: absolute;left:50%;bottom:-35px;width:75px;height:2px; background: #a80c0f;margin-left:-38px;}
.story-part-3 .content {font-size:20px;}
.story-part-3 .content strong {font-size:25px;font-weight:500}
.anchor-point {position: absolute;top:-80px}

.news {padding:60px 0 120px 0}
.news li { position: relative;min-height:387px;margin-top:60px}
.news li .pic {position: absolute;left:0;top:0;width:645px;height:387px; overflow: hidden;}
.news li .text {margin-left:705px;padding-top:20px;border-bottom:1px solid #ddd;}
.news li .text .title {height:35px; line-height: 35px; overflow: hidden;margin:0 0 30px 0}
.news li .text .title a {font-size:27px;font-weight:500;}
.news li .text .content { line-height: 35px;height:105px;color:#666; overflow: hidden;}
.news li .text .date-more {font-size:18px;color:#bbb; position: relative;padding:124px 0 40px 0}
.news li .text .date-more a {position:absolute;right:10px;bottom:42px;font-size:18px;color:#a80c0f;font-weight:500}

.news-show .title {font-size:36px; line-height: 46px;font-weight:500;margin-top:250px; text-align: center}
.news-show .date {color:#9d9b9b;font-size:16px;border-bottom:1px solid #dcdcdc;padding:40px 0 20px 0;margin:0 0 70px 0; text-align: center}
.news-show .content {font-size:18px;max-width:920px;margin:0 auto 150px auto}
.news-show .content img {margin:10px 0}
.health {text-align:center;padding-bottom:150px}
.health li {position: relative;padding:120px 0 0 0}
.health li .content {font-size:22px;margin-top:45px}
.health li .content .max-width {max-width:1230px;margin:0 auto 40px auto}

.club-pic {margin:150px 0 0 0;}
.club-pic.active {margin-top:80px;}
.club-pic .pic { position: relative;padding:25.3906% 0}
.club {padding:120px 0;font-size:24px; text-align: center}
.club-num .pic {position: relative;padding:29.0460% 0;}
.club-num .text {position:absolute;left:0;top:0;width:100%;height:100%;  z-index: 500; display: flex; align-items: center;justify-content: center;color:#fff; flex-direction: column;font-size:24px;}
.club-num .text strong {font-size:46px;color:#fff;font-weight:500}
.club-num .text:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: -1; background: rgba(0,0,0,0.6)}
.club-wx {text-align:center;padding:120px 0 150px 0}
.club-wx .title {font-size:34px;}
.club-wx .wx img {max-width:250px;margin:60px 0 25px 0}
.club-wx .content {font-size:22px; line-height: 1.7}

.shop-text {text-align:center;font-size:22px;max-width:1150px;margin:100px auto -20px auto}
.online-shop {text-align:center;margin:120px 0 0 0}
.online-shop ul {display:flex;justify-content: space-between;margin:80px 0 -20px 0}
.online-shop li {position: relative;top:0}
.online-shop li:hover {top:-10px}
.online-shop li .pic { position: absolute;left:-15px;bottom:250px;width:180px;padding:10px;background: #fff;opacity:0;visibility: hidden;border:1px solid #a80c0f;}
.online-shop li .pic img {width:100%;}
.online-shop li .title {color:#a80c0f;font-size:22px;margin-top:15px;font-weight:500}
.online-shop li:hover .pic,.online-shop li:active .pic {opacity:1;visibility:visible}

.easternculture {padding:40px 0 150px 0}
.easternculture li {border-bottom:1px solid #dfdfdf;padding:80px 0; position: relative}
.easternculture li .content {float:left;width:49.2%;font-size:20px}
.easternculture li .content strong {font-size:24px;margin:10px 0;}
.easternculture li .content hr { background: #dfdfdf;margin:35px 0}
.easternculture li .content h3 {font-size:36px;font-weight:400; line-height: 1.5}
.easternculture li .content .img-100,.easternculture li .content .img-50 {margin:5px 0}
.easternculture li .pic {float:right;width:45.2%; text-align: right;}
.easternculture li.li5 .content .img-50 {margin-bottom:20px}
.easternculture li.li5 hr {margin:95px 0}

.new_telst {display:flex;justify-content: space-between;margin:60px 0; position: relative}
.new_telst i {position: absolute;top:12px;width:1px;height:24px; background: #d1d1d1;display:block}
.new_telst i.i1 {left:15.7%;}
.new_telst i.i2 {left:32.85%}
.new_telst i.i3 {left:50%}
.new_telst i.i4 {display:none;}
.new_telst i.i5 {right:32.85%;}
.new_telst i.i6 {right:15.7%}
.new_telst li {width:219px;height:46px; line-height: 43px; position: relative;cursor: pointer; text-align: center;font-size:26px;color:#000}
.new_telst li:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; background: url("../images/home-product-cate-bg.png") no-repeat center;opacity:0}
.new_telst li h2 {position: relative; z-index: 100;font-size:26px;font-weight:400}
.new_telst li.newon {color:#fff}
.new_telst li.newon:before {opacity:1}
.new_lst {display: none;}
.new-wrap .show {display: block;padding:0;margin:0}

.home-product {margin:150px 0 130px 0}
.home-product .col-4 {gap:15px;}
.home-product .col-4 .col {width:calc(25% - 11.25px);width:-webkit-calc(25% - 11.25px);}
.home-product dd a {position: relative; overflow: hidden;padding:76.0695% 0; display: block}

.subtitle-bg {position: relative; display:inline-block;height:52px;padding:0 28px}
.subtitle-bg p { background: url("../images/gaoyi-btn-bg.png"); height: 52px; line-height: 50px;font-size:30px;color:#a80c0f;padding:0 20px}
.subtitle-bg:before {content:''; position: absolute;left:0;top:0; background: url("../images/gaoyi-btn-left.png") no-repeat;width:28px;height:52px;}
.subtitle-bg:after {content:''; position: absolute;right:0;top:0; background: url("../images/gaoyi-btn-left.png") no-repeat;width:28px;height:52px;transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.gaoyi-about {position: relative;padding:120px 0}
.gaoyi-about:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: 5; background: url("../images/gaoyi-bg.jpg") no-repeat center; background-size:cover;}
.gaoyi-about .content {font-size:20px;}
.gaoyi-about .subtitle-bg {margin:30px 0 50px 0}

.product {margin:0px 0 120px 0}
.product .swiper-container {margin:70px 0}
.product .swiper-slide { position: relative;}
.product .swiper-slide a {color:#000}
.product .swiper-slide .title { position: absolute;left:0;bottom:0;width:100%;height:0; background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));  z-index: 100;}
.product .swiper-slide .title p { position: absolute;left:0;bottom:1.0416vw;width:100%; z-index: 200; text-align: center;font-size:1.5625vw;font-weight:500}
.product .swiper-slide .pic {position: relative; overflow: hidden;padding:40.625% 0}
.product .swiper-slide:hover .title {height:30%;}
.product .swiper-slide:hover .title p {color:#fff;bottom:1.5625vw}

.product .swiper-button-next,.product .swiper-button-prev {border-radius:0;}
.product .swiper-button-next:after,.product .swiper-button-prev:after { border-width:0; color:#fff;font-size:35px; border-radius:0}
.product .swiper-button-next:Hover,.product .swiper-button-prev:hover {background:none;}
.product .swiper-button-next:hover:after,.product .swiper-button-prev:hover:after{color:#a80c0f;background:none}
.product .swiper-button-prev {left:15px}
.product .swiper-button-next{right:15px}
.product .swiper-button-next.swiper-button-disabled,.product .swiper-button-prev.swiper-button-disabled {opacity:0}

.gaoyi-art .text {position: relative; text-align: right;padding:120px 0 150px 0}
.gaoyi-art .text .content {position: absolute;left:0;top:130px; text-align: left; z-index: 100;font-size:17px; line-height: 1.6; font-weight:500;}
.gaoyi-art .text .content em {font-style:italic;}
.gaoyi-art .text .content h2 {font-size:32px;font-weight:500; line-height: 1.4}
.gaoyi-art .text .content h3 {font-weight:700;font-size:32px; line-height: 1.4}
.gaoyi-brand {background: #f5f5f5; text-align: center;font-size:20px;padding:120px 0 150px 0}
.gaoyi-brand table {width:100%;margin-bottom:90px}
.gaoyi-brand table td { display: flex;justify-content: space-between}
.gaoyi-brand table td img {position: relative;top:0}
.gaoyi-brand table td img:hover {top:0}
.jingyangfang-about {font-size:22px;padding:120px 0}
.jingyangfang-about .content {margin-top:60px}
.jingyangfang-art .content {text-align:center;margin-top:120px}
.jingyangfang-pic {margin:150px 0}
.jingyangfang-pic .wrap {max-width:1461px}
.jingyangfang-pic ul {display: flex;}
.jingyangfang-pic li {flex: 1; text-align: center}
.jingyangfang-pic li img {position: relative;top:0;}
.jingyangfang-pic li:Hover img {top:0}
.jingyangfang-pic ul.list-paddingleft-1,.jingyangfang-pic ul.list-paddingleft-2{margin:0;}

.bainianyiren-subtitle-bg {position: relative; display:inline-block;height:45px;padding:0 28px}
.bainianyiren-subtitle-bg p { background: url("../images/bainianyiren-btn-bg.png"); height: 45px; line-height: 43px;font-size:24px;color:#000;padding:0 0px}
.bainianyiren-subtitle-bg:before {content:''; position: absolute;left:0;top:0; background: url("../images/bainianyiren-btn-left-bg.png") no-repeat;width:28px;height:45px;}
.bainianyiren-subtitle-bg:after {content:''; position: absolute;right:0;top:0; background: url("../images/bainianyiren-btn-left-bg.png") no-repeat;width:28px;height:45px;transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.bainianyiren-about {padding:120px 0 100px 0}
.bainianyiren-about .bainianyiren-subtitle-bg {margin:30px 0 40px 0}
.bainianyiren-about .pic {margin-top:150px}

.bainianyiren-yellow-bg {position: relative; display:inline-block;height:47px;padding:0 28px;margin:10px 0 75px 0}
.bainianyiren-yellow-bg p { background: url("../images/bainianyiren-art-mid-bg.png"); height: 47px; line-height: 45px;font-size:24px;color:#d3903a;padding:0 15px; letter-spacing: 2px}
.bainianyiren-yellow-bg:before {content:''; position: absolute;left:0;top:0; background: url("../images/bainianyiren-art-left-bg.png") no-repeat;width:28px;height:47px;}
.bainianyiren-yellow-bg:after {content:''; position: absolute;right:0;top:0; background: url("../images/bainianyiren-art-left-bg.png") no-repeat;width:28px;height:47px;transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}

.bainianyiren-art {position: relative; text-align: center;padding:0 0 60px 0}
.bainianyiren-art:before {content:''; position: absolute;left:0;bottom:0;width:100%;height:100%; z-index: 1; background:url("../images/bainianyiren-bg.jpg") no-repeat center;background-size:100%;}
.bainianyiren-art .title {font-size:40px;font-weight:500; letter-spacing: 5px}
.bainianyiren-art .content table {width:100%}
.bainianyiren-art .content h3 {font-size:26px;font-weight:500;border-bottom:1px solid #d3903a;padding:0 0 13px 0;margin:0 0 20px 0; position: relative}
.bainianyiren-art .content h3:before {content:'';position: absolute;left:50%;bottom:0px;width:100px; height:2px; background: #d3903a;margin-left:-50px}
.bainianyiren-art .content .row {display:inline-block;position: relative;}
.bainianyiren-art .content td {width:33.3333%; vertical-align: top;}
.bainianyiren-art .content td:nth-child(1) .row {margin:0 18% 0 0;width:82%}
.bainianyiren-art .content td:nth-child(2) .row {width:82%}
.bainianyiren-art .content td:nth-child(3) .row {margin:0 0 0 18%;width:82%;}
.bainianyiren-art .subtitle {display:inline-block; text-align: right;font-size:20px;margin:180px 0}
.bainianyiren-art .subtitle p {position: relative;font-size:20px;right:-140px}
.bainianyiren-art .subtitle p span { display: inline-block; position: relative}
.bainianyiren-art .subtitle p span:before {content:'';width:80px;height:1px;position: absolute;top:18px;left:-95px; background: #000}

.bainianyiren-honor .pic {text-align:center;margin-top:100px}
.bainianyiren-honor .pic img {position: relative;top:0}
.bainianyiren-honor .pic img:hover {top:0}
.bainianyiren-honor .text { text-align: center;padding:100px 0 150px 0;font-size:16px; position: relative; background: #fff}
.bainianyiren-honor .text:before {content:''; position: absolute;left:0;top:0;width:100%;height:65%;background: linear-gradient(to bottom,#e4ae69,#ffffff); }
.bainianyiren-honor .text .wrap {max-width:1650px}
.bainianyiren-honor .text ul {display:flex;flex-wrap: wrap;}
.bainianyiren-honor .text ul.ul-1 {margin-bottom:30px}
.bainianyiren-honor .text ul.ul-1 li {width:50%}
.bainianyiren-honor .text ul.ul-1 li:nth-child(1) {width:100%;margin-bottom:80px}
.bainianyiren-honor .text ul.ul-1 li:nth-child(2) {text-align:right}
.bainianyiren-honor .text ul.ul-1 li:nth-child(3) {text-align:left}
.bainianyiren-honor .text ul.ul-1 li h3 {display:inline-block;position: relative;font-size:33px; line-height: 1;font-weight:400}
.bainianyiren-honor .text ul.ul-1 li h3:before {content:''; position: absolute;top:-9px;left:-60px;width:54px;height:54px; background: url("../images/bainianyiren-tree.png") no-repeat center;background-size:100%; }
.bainianyiren-honor .text ul.ul-1 li h3:after {content:''; position: absolute;top:-9px;right:-60px;width:54px;height:54px; background: url("../images/bainianyiren-tree.png") no-repeat center;background-size:100%; transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.bainianyiren-honor .text ul.ul-1 li:nth-child(1) h3 {font-size:41px; }
.bainianyiren-honor .text ul.ul-1 li:nth-child(1) h3:before {top:-10px;left:-90px;width:65px;height:65px;background-size:100%; }
.bainianyiren-honor .text ul.ul-1 li:nth-child(1) h3:after {top:-10px;right:-90px;width:65px;height:65px;background-size:100%; }
.bainianyiren-honor .text ul.ul-1 li:nth-child(2) h3 {margin-right:115px}
.bainianyiren-honor .text ul.ul-1 li:nth-child(3) h3 {margin-left:115px}
.bainianyiren-honor .text ul.ul-2 li{width:25%;margin-top:50px}
.bainianyiren-honor .text ul.ul-2 li img {height:100px;margin:0 0 10px 0}
.bainianyiren-honor .text ul.ul-2 li strong {font-size:21px;font-weight:500}

.bainianyiren-art-2 { text-align: center;padding:100px 0 150px 0;font-size:16px; position: relative; background: #fff}
.bainianyiren-art-2:before {content:''; position: absolute;left:0;top:0;width:100%;height:65%;background: linear-gradient(to bottom,#fbe4c3,#ffffff); }
.bainianyiren-art-2 .text .wrap {max-width:1920px;margin-top:70px}
.bainianyiren-art-2 .home-subject {border-color:#ecd5b4}
.bainianyiren-art-2 .home-subject:before,.bainianyiren-art-2 .home-subject:after{ background:#ecd5b4}
.product-cate { text-align: center;margin:225px 0 5px 0}
.product-cate ul {border-bottom:2px solid #cccccc;padding:0 0 30px 0}
.product-cate li {display:inline-block; vertical-align: top;margin:0 0 0 6.5%}
.product-cate li:nth-child(1) {margin-left:0}
.product-cate li a { position: relative;font-size:29px;padding-left:25px}
.product-cate li a:before {content:''; position: absolute;left:0;top:18px;width:10px;height:10px; background: #a80c0f;border-radius:50%;opacity:0}
.product-cate li.active a,.product-cate li a:Hover {color:#a80c0f;}
.product-cate li.active a {font-weight:500}
.product-cate li a:Hover:before,.product-cate li.active a:before {opacity:1}

.product-list {min-height:260px;padding-bottom:70px}
.product-list li {padding:90px 0 80px 0;border-top:1px solid #e5e5e5;}
.product-list li .in {position: relative;}
.product-list li:nth-child(1){border-top:0}
.product-list li .logo { position: absolute;left:0;top:0;width:64.9%;height:38.5%; text-align: center;padding-right:45px;display: flex; align-items: center;justify-content: center; }
.product-list li .big-pic {width:35.1%;margin-left:64.9%}
.product-list li .big-pic .pic {position: relative;padding:88.6666% 0; overflow: hidden}
.product-list li .list { position: absolute;left:0;bottom:0;height:61.5%;width:64.9%;padding-right:45px;display: flex; align-items:flex-end;justify-content: center;}
.product-list li .list .swiper-container {padding-top:35px}
.product-name {position: relative;margin-top:15px;}
.product-name a {display:block;font-size:21px; font-weight:500;padding-right:30px}
.product-name a span {position: absolute;right:0;top:10px;font-size:21px; line-height: 1;font-weight:400}

.product-list li .swiper-slide .pic {position: relative;padding:88.6666% 0; overflow: hidden}
.product-list li .swiper-slide .pic h2 img {max-width:290px;height:auto}
.product-list li .swiper-slide .pic h3 p {opacity:0}
.product-list li .swiper-slide:hover .pic h3 p {opacity:1}
.product-list li .swiper-slide .pic h3 p.imgcover { z-index: 10}

.product-list .swiper-button-next,.product-list .swiper-button-prev {top:0;width:45px;height:23px;margin-top:0;border-radius:0;}
.product-list .swiper-button-next:after,.product-list .swiper-button-prev:after {content:"\e679";border-color:#e2e2e2; color:#666;font-size:14px;width:45px;height:23px;line-height:23px; border-radius:0;}
.product-list .swiper-button-next:Hover,.product-list .swiper-button-prev:hover {background: #a80c0f;border-color:#a80c0f}
.product-list .swiper-button-next:hover:after,.product-list .swiper-button-prev:hover:after{background: #a80c0f;border-color:#a80c0f;color:#fff}
.product-list .swiper-button-prev {left:auto;right:44px}
.product-list .swiper-button-next{right:0px}
.product-list .swiper-button-next.swiper-button-disabled,.product-list .swiper-button-prev.swiper-button-disabled,
.product-list .swiper-button-next.swiper-button-disabled:after,.product-list .swiper-button-prev.swiper-button-disabled:after
{opacity:1;cursor:auto;pointer-events:auto; background: none;color:#e2e2e2;border-color:#e2e2e2;}





footer { background: #a80c0f;color:#fff;padding-top:70px;}
footer a {color:#fff}
footer a:hover {color:rgba(255,255,255,0.5)}
.footer .logo {border-bottom:1px solid rgba(255,255,255,0.25);padding-bottom:60px;margin-bottom:45px;}
.footer .logo a {background: url("../images/logo-foot.png") no-repeat center;width:258px;height:70px; background-size:100%;margin:0 auto; display: block;}
.footer dl {display:inline-block; vertical-align: top;margin-left:7.6%;min-height:320px}
.footer dl:first-of-type {margin-left:0}
.footer dt {margin-bottom:15px}
.footer dt a {font-size:22px;}
.footer dd a {color:rgba(255,255,255,0.5);font-size:18px;}
.footer dd a:Hover {color:#fff}
.footer .wx-tel-social {position:absolute;top:185px;right:0;width:380px}
.footer .wx-tel-social .wx {display:flex;align-items: center;}
.footer .wx-tel-social .wx .pic {width:122px;margin-right:40px;}
.footer .wx-tel-social .wx .text {font-size:16px;color:rgba(255,255,255,0.5);}
.footer .wx-tel-social .tel {font-size:22px;margin:45px 0}
.footer .wx-tel-social ul {display:flex;justify-content: space-between;}
.footer .wx-tel-social li {position: relative;}
.footer .wx-tel-social li .pic { position: absolute;left:-45px;bottom:70px;width:120px;padding:10px;background: #fff;opacity:0;visibility: hidden;}
.footer .wx-tel-social li .pic img {width:100%;}
.footer .wx-tel-social li:hover .pic,.footer .wx-tel-social li:active .pic {opacity:1;visibility:visible}
.footer .wx-tel-social li .icon img {opacity:0.5}
.footer .wx-tel-social li:hover .icon img {opacity:1}
footer .line { background: rgba(255,255,255,0.25);width:100%;height:1px;margin-top:50px}
footer .copy {text-align: center;padding:50px 0;font-size:16px;}