/** * Swiper 6.8.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 3, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{/* perspective:1200px */}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:none;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container{overflow-x: hidden;} /* 公共样式表css */ html,body {color:#333;margin:0;height:100%;font-family:"Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;} * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;} a {text-decoration:none;color:#000;} img {border:0; image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode:nearest-neighbor; } li {list-style:none;} .footlinks li ul li.ts a{color:#ffffff} .footlinks li ul li.ts a::after{border-left:#ffffff} /* index */ .Main{width: 100%;display: inline-block;vertical-align: bottom;} .swiper-slide img{width: 100%;} .head{width: 100%;} .heads{max-width: 1200px;margin:0 auto;} .heads0{width: 100%;background: #fff;position: relative;} .logoimg{display: inline-block;float: left;height:84px;} .menuBtn {display: inline-block;float: right;position:absolute;height: 80px;margin-right: 15px;right: 0;z-index: 99999;} .line0{display: inline-block;color: #377647;line-height:80px;margin-right: 45px;} .line3,.line2,.line1 {width:28px;height:3px;background:#377647;display:inline-block;position:absolute;top:29px;left:55px;z-index:1;transition:0.8s;-webkit-transition:0.8s;-moz-transition:0.8s;-ms-transition:0.8s;-o-transition:0.8s;} .line2 {top:39px;} .line3 {top:49px;} .bans{overflow-x: hidden;} .bans .swiper-button-next1,.bans .swiper-button-prev1{color: #FFFFFF;} .shiftLeft .line1 {transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);top:35px;} .shiftLeft .line2 {display:none;} .shiftLeft .line3 {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);top:35px;} .headul{ width:55%;display:none;position: absolute;background: #377647;right: 0;top: 80px;z-index: 9999;right: -85%;} .headul li{float: left;text-align: center;width:100%;padding-left: 5%;text-align: left;border-bottom: 1px solid #fff;} .headul li a,.headspan1{font-size: 16px;display: inline-block;width: 100%;height: 60px;line-height: 60px;letter-spacing: .1px;position: relative;} .headspan0{width: 4px;height: 4px;display: inline-block;background: #fff;} .headspan1 img{display: inline-block;margin-right: 5px;vertical-align: sub;} .headli3s .headspan1::after{content: '';position: absolute;left: 0;top:28px;width: 5px;height: 5px;background: #FFFFFF;} .headli .headspan1::after{content: '';position: absolute;left: 0;top:28px;width: 5px;height: 5px;background: #FFFFFF;} .headli2 .headspan1::after{content: '';position: absolute;left: 0;top:28px;width: 5px;height: 5px;background: #FFFFFF;} .headli,.headli2,.headli3s{text-decoration: underline;display: none;} .headli a span,.headli2 a span,.headli3s a span{font-size: 14px!important;padding-left: 10px;} .headli i,.headli2 i{width: 2px;height: 2px;background: #fff;} .headspan1h,.headspan2h{font-size: 16px;display: inline-block;width: 85%;color: #fff;height: 60px;line-height: 60px;letter-spacing: .1px;} .headspan1himg,.headspan2himg{display: inline-block;width: 12px;transition: .5s all;} .headli0h .headspan1himg,.headli1h .headspan2himg{transform: rotate(180deg)} .headli3 a span{font-size: 14px!important;} .headli3 i{width: 2px;height: 2px;background: #fff;} .headspan3h{font-size: 16px;display: inline-block;width: 85%;color: #fff;height: 60px;line-height: 60px;letter-spacing: .1px;} .headspan3himg{display: inline-block;width: 12px;transition: .5s all;} .headli3h .headspan3himg{transform: rotate(180deg)} .heads0right{line-height: 60px;display: inline-block;float: right;color: #377647;letter-spacing: 2px;font-size: 15px;font-weight: bold;} .heads0right img{height:84px;} .name1920{/*display: inline-block;*/vertical-align: bottom;background-color:#ffffff;color: #000;width: 100%;} .footer-name1920{border-top: 1px solid #ececec;} .name1200{max-width: 1200px;margin: 0 auto;} .name1920N{width: 100%;display: inline-block;vertical-align: bottom;} .pcul{width: 100%; display: flex; height: 84px; line-height: 84px; float: left; justify-content: flex-end;} .pcul li{position:relative;float: left;font-size: 15px;font-weight: bold;width: 100px;} .pcul li a{color: #377649;display: inline-block;width: 100%;text-align: center;} .pcul li ul{ display:none; position: absolute; left:0; top: 60px;z-index: 999;width: 150px;} .pcul li ul a{ color: #FFFFFF;} .pcul li ul li{display: inline-block;width: 100px;height:50px;line-height:50px;text-align: center;background:#377647;color: #FFFFFF;font-size: 15px;font-weight: bold;border-top: 1px dashed #fff;} .pcul li ul li:first-child{border-top: 0;} .brands{margin: 30px auto;max-width: 1200px;} .brands h3{text-align: center;color: #666666;font-size: 22px;letter-spacing: 2px;line-height: 40px;} .brandsp1{text-align: center;color: #666666;letter-spacing: 2px;} .brandsp1 span{width: 60px;border-bottom: 1px solid #666;display: inline-block;} .brandsp2{font-size: 15px;line-height: 35px;color: #666;text-align: center;padding:10px;} .brandsul{display:inline-block;width: 100%;} .brandsul li{width: 20%;display: inline-block;text-align: center;float: left;} .brandsimg{width: 100%;overflow: hidden;height:205px;} .brandsimg img{transition: all 1s;} .brandsul li:hover .brandsimg img{transform: scale(1.1);} .brandstit{font-size: 16px;color: #666;text-align: center;line-height: 45px;font-weight: bold;} .abouts{max-width: 1200px;margin:30px auto;} .aboutsimg{display: inline-block;float: left;} .aboutsright{display: inline-block;float:left;width: 40%;margin-left: 5%;} .aboutsright h3{color: #666666;font-size: 22px;letter-spacing: 2px;line-height: 55px;margin-top: 40px;} .aboutsp1{color: #666666;letter-spacing: 2px;} .aboutsp1 span{width: 60px;border-bottom: 1px solid #666;display: inline-block;} .aboutsp2{font-size: 15px;line-height: 30px;color: #666;letter-spacing: 2px;margin-top: 15px;} .aboutsp3{margin-top: 40px;} .aboutsp3 span{display: inline-block;background:#377547;color: #fff;line-height: 40px;height: 40px;letter-spacing: 2px;padding: 0px 10px;font-size: 15px;font-weight: bold;} .aboutsimg0{width: 100%;display: inline-block;margin:20px 0px;} .love{max-width: 1040px;margin:0 auto;} .loveul{width: 100%;display: inline-block;margin:0px;} .loveul li{display: inline-block;width: 100%;margin-bottom: 40px;} .loveulimg{float: left;display: inline-block;width:565px;transition:all .5s;} .loveulDimg{display: inline-block;float: left;position: relative;} .loveulimgD{width:565px;overflow: hidden;height: 280px;border-radius: 20px;} .loveul li:hover .loveulimg{transform: scale(1.1);} .loveulD{float: right;width:37%;margin-left: 3%;} .loveulD1{margin-top: 50px;} .loveulD1 span{color: #377547;font-size: 22px;font-weight: bold;letter-spacing: 2px;} .loveulD2{font-size: 15px;line-height: 30px;color: #666;letter-spacing: 2px;margin-top: 15px;} .loveul li:nth-child(2) .loveulD{margin-left: 0;float: left;} .loveul li:nth-child(2) .loveulDimg{float: right;} .loveulDP{position: absolute;right:-10%;top: 20%;} .loveulDP1{width: 12px;height: 12px;border-radius: 50%;background: #295617;display: inline-block;vertical-align: middle;} .loveulDP2{width:80px;height: 2px;background: #295617;display: inline-block;vertical-align: middle;margin: 0px -10px;} .loveulDP3{width: 8px;height: 8px;border-radius: 50%;background: #295617;display: inline-block;vertical-align: middle;} .loveul li:nth-child(2) .loveulDP{left: -10%;} .namepadding{padding: 20px 15px 10px;display: inline-block;width: 100%;} .footsFleft{width: 40%;float: left;display: inline-block;color:#377547;font-size: 15px;line-height: 30px;letter-spacing: 1px;} .footsFleft span{font-size: 21px;line-height: 40px;} .footsFright{float:left;width: 40%;} .footsFright span{font-size: 21px;color: #377547; font-size: 21px; line-height: 40px;} .footlinks{width: 100%;display: inline-block;} .footlinks li{display: inline-block;float: left;width: 120px;} .footlinks li ul{display: inline-block;} .footlinks li ul li{display: inline-block;} .footlinks li ul li a{color: #377547;display: inline-block;line-height: 30px;font-size: 15px;position: relative;width: 100%;padding-left: 20px;} .footlinks li ul li a::after{content: '';position: absolute;top: 10px;left:0px;width: 0;height: 0;border-top: 5px solid transparent;border-left: 10px solid #377547;border-bottom: 5px solid transparent;} .footsFimg{float:left;margin-top: 25px;} /* product */ .pro100{width: 100%;display: inline-block;} .productp1{text-align: center;margin: 20px 0px;} .productp1 img{display: inline-block;max-width: 955px;width: 100%;} .productp2{text-align: center;margin: 20px 0px;} .productp2 img{display: inline-block;max-width: 970px;width: 100%;} .productp3{text-align: center;margin: 20px 0px;} .productp3 img{display: inline-block;max-width: 1143px;width: 100%;} .proban0{max-width: 1143px;margin:0 auto 30px;background: #F7F5E8;} .proban{padding: 30px 5%;margin: 3%;display: inline-block;width: 94%;background: #FFFFFF;position: relative;} #swiper-container2 .swiper-slide img{max-width: 245px;height: 180px;} .proban .swiper-button-prev,.proban .swiper-button-next{color:#DDCEA5;font-weight: bold;} .proban .swiper-button-prev.swiper-button-disabled{opacity: 1;} /* activity */ .acttit000{margin: 0px auto 30px;max-width: 1200px;} .acttitp1{color: #000000;font-weight: bold;text-align: center;font-size: 48rpx;} .acttit000 h3{text-align: center;color: #000000;font-size: 48rpx;letter-spacing: 2px;line-height: 40px;} .actvideo{text-align: center;display: inline-block;width: 100%;margin: 0px 0px 20px;} .actvideo video{width:100%;} .acttit1000{margin: 30px auto;max-width:1200px;} .acttitp2{color: #000000;font-weight: bold;text-align:left;font-size: 48rpx;} .acttit1000 h3{text-align: left;color: #000000;font-size: 48rpx;letter-spacing: 2px;line-height: 40px;margin-bottom: 10px;} .actuls{display: inline-block;width: 100%;} .actuls li{display: inline-block;width: 100%;margin-bottom: 20px;} .actulsimg{width: 33%; height: 170px; display: flex; overflow: hidden; float: left; justify-content: center; align-items: center;} .actulsimg img{display: inline-block;width: 100%;transition:all .5s;} .actuls li:hover .actulsimg img{transform: scale(1.1);} .actulsR{display: inline-block;float: left;width: 64%;margin-left: 3%;} .actulsRp1{font-size:18px;color:#000000;line-height:40px;font-weight: bold;margin-top: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .actulsRp2{font-size: 14px;color: #737373;line-height: 26px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;} .userName{margin-top:10px} .thumbnailT{width:23%!important; margin:2% 1%;} /* case */ .caseS{margin: 30px auto;max-width: 1100px;} .caseS h3{border-left: 6px solid #54B84A;padding-left: 10px;margin-bottom: 20px;} .caseSBan{display: inline-block;width: 100%;} .caseSBanSwiper{margin-bottom: 15px;} .thuname{color:#353535;line-height: 25px; font-size: 14px; text-align: center;} #thumbSmall .swiper-slide-thumb-active .thuname{color: #69E05C;} #thumbSmallimg{max-height: 169px;border-radius: 5px;} .bigimg{width: 30%!important;max-height: 200px;display: inline-block;float: left;} .bigright{width: 67%;margin-left: 3%;display: inline-block;float: left;} .bigrightp1{line-height: 40px;margin-top: 15px;} .bigrightp1s1{font-size: 15px;color: #000;margin-right: 10px;} .bigrightp1s2{font-size: 19px;font-weight: bold;color: #000;} .bigrightp1s3{font-size: 19px;font-weight: bold;color:#E52B2B;} .bigrightp2{line-height: 24px;font-size: 15px;color:#757575;letter-spacing: 1px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;} .colorBB{color:#69E05C!important;} .bigrightp3{margin-top:15px;} .bigrightp3 a{background:#52B746;color: #FFFFFF;border-radius: 20px;padding: 5px 10px;font-size: 15px;} /* introduce */ .int935{margin: 30px auto;max-width:950px;position: relative;} .int935auto{display: inline-block;} .int935auto img{width: 100%;} .int935post{background: #FFFFFF;position: absolute;right: 0;bottom: 0;padding:30px;width: 50%;} .int935p1{text-align: center;font-size: 17px;line-height: 26px;color:#5F5F5F;} .int935p2{text-align: center;font-size: 20px;line-height: 30px;color:#4F4F4F;font-weight: bold;margin-bottom: 5px;} .int935p3{color: #5F5F5F;font-size: 15px;line-height: 30px;margin-bottom: 10px;} .int935ul{display:inline-block;margin-top: 20px;width:100%;} .int935ul li{display: inline-block;width:calc(100% / 2);float: left;margin-bottom: 15px;} .int935ul li:hover .int935ulimg img{transform: scale(1.1);} .int935ulimg{display: inline-block;overflow: hidden;width: 435px;height: 450px;} .int935ulimg img{display: inline-block;transition: all .5s;width: 100%;} .int935uli{width: 92%;padding: 15px;} .int935ulp1{font-size: 19px;font-weight: bold;color: #4F4F4F;line-height: 26px;} .int935ulp2{font-size: 15px;color:#4F4F4F;line-height: 26px;} .int935p3s1{font-size: 23px;font-weight: bold;color: #4F4F4F;line-height:30px;} .int935p3s2{font-size: 19px;font-weight: bold;color: #4F4F4F;line-height:40px;} /* course */ .co1260{margin:0px auto;max-width: 1260px;} .boxcour1000{max-width: 1000px;margin: 0 auto;} .boxcour{display: inline-block;width: 100%;position: relative;} .event_year {width:60px;text-align:center;float:left;margin-top:10px;} .event_year li {height:40px;line-height:40px;background:#FFF;margin-bottom:1px;font-size:18px;color:#828282;cursor:pointer;} .event_year li.current {width:61px;background:#111;color:#FFF;text-align:left;padding-left:9px;position: relative;} .event_year li.current::before{position: absolute;content: '';width: 0;height: 0;border-top:5px solid transparent;border-left: 10px solid #111;border-bottom: 5px solid transparent;right: -10px;top: 14px;} .event_list {width:850px;float:right;margin:10px 0 20px 0;} .event_list h3{margin-bottom: 15px;font-size: 24px;font-family: Georgia;font-style: italic;} .listp1{width: 50%;display: inline-block;float: left;margin-top: 15px;line-height: 30px;color: #4F4F4F;font-size: 15px;} .listp2img{width: 50%;display: inline-block;float: left;text-align: center;overflow: hidden;border-radius: 10px;height:250px;} .listp2img img{width:100%; min-height: 250px;} .listp2 img{display: inline-block;max-width: 100%;;} .event_list li{margin-bottom: 20px;} .event_listD{display: inline-block;width: 100%;border-bottom: 1px dashed #828282;padding: 15px 0px;} .Fix{position: fixed;top:90px;} /* base */ .base950{margin: 30px auto;max-width: 950px;} .base950 h3{text-align: center;color: #000000;font-size: 48rpx;letter-spacing: 2px;line-height: 40px;} .baseul{display: inline-block;width:100%;margin-top: 20px;} .baseul li{display: inline-block;text-align: center;padding: 0px 20px;float: left;width: calc( 100% / 3);} .baseulimg img{display: inline-block;max-width: 276px;max-height: 175px;} .baseulp1{text-align: center;font-size: 17px;color: #000000;font-weight: bold;line-height: 30px;} .baseulp1 span{display: inline-block;width: 30px;height: 1px;background: #000;vertical-align: middle;} .baseulp2{text-align: center;font-size: 15px;color: #000;font-weight: bold;line-height: 25px;} .baseulp3{font-size: 15px;color: #5F5F5F;line-height: 30px;text-align: left;text-align: justify;margin-top: 5px;} /* certificate */ .cer1100{margin:0px auto;max-width:1100px;} .cer1100tit{text-align: center;display: inline-block;width: 100%;margin: 30px 0px;} .cer1100tit span{font-size: 24px;color: #666;font-weight: bold;border-top: 1px solid #A2BFA9;border-bottom: 1px solid #A2BFA9;display: inline-block;padding: 10px 40px;} .cer1100ul{display: inline-block;width: 100%;} .rongyu img{height: 238px;} .cer1100ul li{display: inline-block;width: calc( 100% / 3);float: left;margin-bottom: 15px;} .cer1100ul li img{display: inline-block;} /* article */ .article1000{margin:15px auto;max-width: 1000px;} .article1000 h3{text-align: center;line-height: 30px;padding: 0px 10px;} .maoD{font-size: 14px;color: #acacac;font-family: '宋体';border-bottom: 1px solid #eee;height: 50px;line-height: 50px;margin-bottom: 15px;} .maoD a{color: #acacac;} .articleTime{font-size: 14px;color: #acacac;text-align: right;margin-right: 10px;margin-top: 7px;} .articleTime span{background:url('../images/ico.png') no-repeat;background-position: left -1px;padding-left: 20px;} .artcont{padding:10px 15px;line-height: 30px;font-size: 15px;} .artcont img{display: inline-block;text-align: center;max-width:60%;margin: 10px auto;height: auto;} .a_pages{width: 100%;display:flex;border-top: 1px solid #EEEEEE;padding-top: 20px;} .a_pages a{width: 45%;margin-left: 2%;display: inline-block;line-height: 40px;color: #626262;font-size: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .a_pages a:hover span{background: #5C5C5C;color: #FFFFFF;} .a_pages a span{display: inline-block;border-radius: 5px;border:1px solid #acacac;padding: 0px 15px;margin-right: 10px;} /* story */ .story1920{display: inline-block;max-width: 1920px;} .story1920 img{display: inline-block;width: 100%;} .ons{position: fixed;top: 0;display: block;z-index: 9999;width: 100%;} .headul li a .headspan1{color: #fff;} .newsBox{ display: flex; width: 100%; justify-content: center; margin-bottom: 30px; } .newsBox .newlist{ width: 1050px; display: flex; flex-direction: column; } .newsBox .ksdd{ display: flex; flex-direction: row; justify-content: space-between; } .newsBox .list{ width: 600px; margin-top:30px; } .newsBox .more{ margin-top:50px; width: 120px; border:1px solid #cccccc; height: 40px; line-height: 40px; text-align: center; } .newsBox .li{ display: flex; margin-bottom:20px; height: 20px; overflow: hidden; } .newsBox .li span{ width: 150px; margin-left: 90px; } .newsBox .title{ font-size: 15px; color: #666; letter-spacing: 2px; width: 600px; display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis; } .newsBox .fm{ border-radius: 30px; overflow: hidden; width: 300px; height: 190px; margin-top: 30px; } @media screen and (min-width:721px) { .menuBtn,.headul,.flx721{display:none;} #swiper-containerM{display: none;} } @media screen and (max-width:720px) { .newsBox .fm{display: none;} .newsBox .newlist{width: 100%;} .newsBox .list{width: 100%} .newsBox .li span{ width: 25%;margin-left: 3%;} .newsBox .title{width: 69%;margin-left: 3%;} .newsBox .more{margin: 60px auto;} .pc_none{display: none;} .acttit000{margin: 0px auto 0;} .acttit1000{margin: 0 auto;} .heads0right,.pcul{display: none;} .logo_one{display: none;} /* .Main{height: 80px;} */ .brandsul li{width: calc(94% / 2);margin-left: 2%;} .brandsimg{height: auto;} .brandsimg img{width: 100%;height: auto;} .aboutsimg{width: 100%;height: auto;} .aboutsright{width: 90%;margin: 0 5%;} .aboutsright h3{margin-top: 0;} .loveul{width: 90%;margin:0 5%;} .loveul li{margin-bottom: 20px;} .loveul li:nth-child(2){display: flex;flex-direction: column-reverse;} .loveulimgD{width: 100%;height: 100%;} .loveulDP{display: none;} .loveulimg{width: 100%;height: auto;} .loveulD{width: 100%;margin-left: 0;} .loveulD1{margin-top: 10px;} .footsF{padding: 20px;} .footsFleft{width: 100%;margin-bottom: 15px;} .footsFright{width: 100%;} .footsFimg{margin-top: 0;} #swiper-container2{display: none;} #swiper-container2 .swiper-slide img{max-width:100%;height: auto;} .proban .swiper-button-prev{left: 0;} .proban .swiper-button-next{right: 0;} .actvideo{margin: 10px 0px;} .acttitp2{margin-left: 3%;} .acttit1000 h3{margin-left: 3%;} .actvideo video{width: 95%;} .actuls li{width: 94%;margin: 0 3% 5%;padding-bottom: 4%;border-bottom: 1px dashed #737373;} .actulsimg{width:100%;height: auto;} .actulsR{width: 100%;margin-left: 0;} .actulsRp1{margin-top: 0;} .caseS{margin: 0 auto;} .swiper-container-thumbs{display: none;} .bigimg{width:100%!important;max-height:325px;display: inline-block;float: left;} .bigright{width: 94%;} .bigrightp3{height: 30px;display: inline-block;width: 100%;} .int935{margin: 0 auto;} .int935post{position: relative;width: 100%;padding:30px 0px 0px} .int935ul li{width: 100%;} .int935ulimg{width: 100%;height: auto;} .int935uli{width: 100%;} .int935p3{padding: 15px;} .boxcour1000{max-width: 640px;} .event_year{display: none;} .event_list li{display: inline-block;width: 100%;float: left;} .event_list{width: 100%;} .event_listD{padding: 5px 0px;} .event_list h3{margin-bottom: 0;} .listp1{width: 100%;padding: 0px 15px;} .listp2img{width: 100%;display: inline-block;float: left;text-align: center} .listp2img img{display: inline-block;max-width: 95%;} .baseul li{width: 100%;margin-bottom: 20px;} .cer1100ul li{width: calc( 94% / 2);margin-left:2%;margin-bottom: 5px;} .cer1100ul li img{width: 100%;display: inline-block;} .maoD{padding-left: 10px;} .article1000{margin: 0 auto 15px;} .a_pages a{width: 95%;margin-bottom: 4%;} } .breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #ccc; } .breadcrumb > li { display: inline-block; } .breadcrumb > li a { color: #555; background: #fff; font-size: 13px; margin-bottom: 0; } .breadcrumb{ position: relative; padding: 15px 0; margin-bottom: 20px; background: #fff; border-bottom: 1px solid #f5f5f5; } .videotit{color: #737373;font-size: 20px;line-height: 50px;padding-left: 20px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 100%;} .PC_friendLink{max-width: 1200px; margin: 0 auto; padding: 20px 15px 10px; color: #377547;} .PC_friendLink a{color: #377547;} .friendlinkTitle{margin-bottom: 20px;display: block;font-size: 21px;line-height: 40px;color: #377547;} /* 右侧悬浮开始 */ #mobile{display: none;} #pc{display: flex;} .footfix{position: fixed;right: 0;bottom:40%;z-index: 99999;} .footfix li{width: 110px;margin:5px 0;text-align: center;text-align: center;font-size: 16px;font-weight: 500;color: #333333;padding: 10px 5px;cursor: pointer;} .footfix li img{margin-bottom: 5px;width: 60%;} .footfix li a{color: #ffffff;font-size:14px} .biaodan{ display: none; position: fixed; z-index:999999999; top:0; bottom:0; left:0; right:0; margin:auto; width: 800px; height: 500px; background-image: url(/assets/img/alertg.jpg); background-size: 800px 500px; } .inputBox{margin-top: 195px; margin-left: 500px;} .item{ margin-bottom:18px } .item input{ outline: none; border:none; width:250px;background-color:#F3F3F3; height: 50px; font-size: 16px;} .submit{width: 200px; height: 50px; margin-top: 65px; margin-left: -50px;} .close{ text-align: center;height: 40px; width: 40px; font-size: 30px; color: #ffffff; position: absolute; right: 0; top: 0; cursor: default; } .qwxZj1{display:none;background:rgba(0,0,0,.7);position:fixed;z-index:999999999999;top:0;left:0;width:100%;height:100%;text-align:center;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .qwxZj1 .usfa{background:#fff;position:absolute;margin:auto;right:0;bottom:0;top:0;left:0;height:150px;width:85%;border-radius:5px;max-width: 400px;} .qwxZj1 .scva{font-size:16px;font-weight:bold} .qwxZj1 .oijd{font-size:16px;padding:40px} .qwxZj1 .closeTc{color:#3AB1FF;width:100%;font-size:16px;border-top:.5px solid #f1f1f1;height:40px;line-height:40px;position: absolute;bottom: 0;} @media screen and (max-width:750px) { .kf{display:none} .footfix li{text-align: right;} /* #mobile{display: flex;} #pc{display: none;} .footfix{bottom: 0;left: 0;width: 100%;background-color: #43BBF4;} .footfix li{flex:1;color:#ffffff} */ } @media screen and (max-width:414px) { .kf{display:none} .footfix li{text-align: right;} .biaodan{ display: none; position: fixed; z-index:999999999; top:0; bottom:0; left:0; right:0; margin:auto; width:90%; height:230px; background-image: url(/assets/img/alertg.jpg); background-size:100%;background-repeat: no-repeat; } .item input{outline: none; border: none; width: 120px; background-color: #f3f3f3; height: 25px; font-size: 14px;} .item { margin-bottom: 6px; } .inputBox { margin-top: 90px; margin-left: 229px; } .submit { width: 100px; height: 30px; margin-top: 25px; margin-left: -20px; } } @media screen and (max-width:375px) { .kf{display:none} .footfix li{text-align: right;} .biaodan{ display: none; position: fixed; z-index:999999999; top:0; bottom:0; left:0; right:0; margin:auto; width:90%; height:230px; background-image: url(/assets/img/alertg.jpg); background-size:100%;background-repeat: no-repeat; } .item input{outline: none; border: none; width: 100px; background-color: #f3f3f3; height: 23px; font-size: 14px;} .item { margin-bottom: 6px; } .inputBox {margin-top: 82px; margin-left: 209px;} .submit { width: 100px; height: 30px; margin-top: 25px; margin-left: -20px; } } /* 右侧悬浮结束 */