@charset "utf-8";



/*---------------------------------------------------*/



.indexA{padding:70px 0;} 

.indexA .tit{text-align:center;}

.indexA .tit h3{font-family:'blenderpro-medium';font-size:68px;color:#000;text-align:center;}

.indexA .tit p{font-size:20px;color:#000;line-height:30px;max-width:1370px;margin:35px auto 0;text-align:center;}



.indexA ul {margin-top:60px;display:flex;justify-content:space-between;flex-wrap:wrap;}

.indexA ul li{width:32%;position:relative;padding-bottom:30px;text-align:center;border-bottom:2px solid #a2cbcc;-ms-transition:.3s all;transition:.3s all;}

.indexA ul li::after{content:'';position:absolute;z-index:2;bottom:-2px;left:0;right:0;opacity:0;width:100%;height:2px;background:#24b9bc;transform:scaleX(0);-ms-transition:.5s all;transition:.5s all;}

.indexA ul li span{display:block;width:121px;height:105px;margin:0 auto;text-align:center;/*background:url(../images/bg02.png) no-repeat;*/transition:.3s all;display:flex;justify-content:center;align-items:center;}

.indexA ul li h5{margin-top:35px;font-size:30px;color:#333;font-family:'blenderpro-medium';}

.indexA ul li p{margin-top:20px;font-size:20px;color:#666;line-height:28px;}



.indexA ul li:hover {transform:translate(0,-15px);-ms-transform:translate(0,-8px);}

.indexA ul li:hover::after{opacity:1;transform:scaleX(1);}







.indexB{padding:70px 0;background:url(../images/ibg1.jpg) no-repeat center;} 

.indexB h3{font-size:68px;color:#000;text-align:center;font-family:var(--font-family2);}



.indexB .list{position:relative;margin:70px 0 0;}

.indexB .swiper-slide{padding:10px;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}



.indexB .swiper-container-v .swiper-slide{padding:0;display:block;}

.indexB .swiper-slide .pic{width:46.66666%;display:block;position:relative;}

.indexB .swiper-slide .pic::before{content:"";position:absolute;left:-10px;top:-10px;border:100px solid transparent;border-left:100px solid #21B8BB;border-top:60px solid #21B8BB;}

.indexB .swiper-slide .pic::after{content:"";position:absolute;right:-10px;top:-10px;border:100px solid transparent;border-right:100px solid #21B8BB;border-top:60px solid #21B8BB;}

.indexB .swiper-slide .pic .box{display:block;width:100%;height:100%;}

.indexB .swiper-slide .pic .box::before{content:"";position:absolute;left:-10px;bottom:-10px;border:100px solid transparent;border-left:100px solid #21B8BB;border-bottom:60px solid #21B8BB;}

.indexB .swiper-slide .pic .box::after{content:"";position:absolute;right:-10px;bottom:-10px;border:100px solid transparent;border-right:100px solid #21B8BB;border-bottom:60px solid #21B8BB;}

.indexB .swiper-slide .pic img{width:100%;display:block;transition:all 0.3s ease 0s;position:relative;z-index:20;}







.indexB .swiper-slide .txt{-webkit-flex:1;flex:1;margin-left:100px;}

.indexB .swiper-slide .txt h5{font-size:60px;color:#000;font-family:'blenderpro-medium';}

.indexB .swiper-slide .txt h5::after{content:"";background:#21B8BB;width:270px;height:5px;margin:40px auto 0 0;display:block;}

.indexB .swiper-slide .txt .t{font-size:40px;color:#4d4d4d;line-height:1.5;margin:50px 0 0;}



.indexB .swiper-pagination-bullets.swiper-pagination-v{position:absolute;bottom:40px;text-align:center;}

.indexB .swiper-pagination-v .swiper-pagination-bullet {height:18px;width:18px;margin:0 6px;background:#fff;border-radius:50%;opacity:1;box-sizing:border-box;}

.indexB .swiper-pagination-v .swiper-pagination-bullet-active{background:#21B8BB;}





.indexB .swiper-pagination-h{position:static;margin:60px 0 0;text-align:center;}

.indexB .swiper-pagination-h .swiper-pagination-bullet {height:4px;width:60px;margin:0 3px;background:#000;border-radius:0;opacity:1;box-sizing:border-box;}

.indexB .swiper-pagination-h .swiper-pagination-bullet-active{background:#21B8BB;}







.indexC{padding:70px 0;background:#fff;}



.indexC .tit{text-align:center;}

.indexC .tit h3{font-size:68px;color:#000;font-family:var(--font-family2);}

.indexC .tit p{font-size:22px;color:#3b3b3b;line-height:30px;margin:25px auto 0;}



.indexC ul{margin:40px -20px 0;display:flex;flex-wrap:wrap;}

.indexC ul li{width:20%;padding:20px;}

.indexC ul li .pic{border:1px solid #f0f0f0;height:100px;display:flex;justify-content:center;align-items:center;cursor:pointer;}

.indexC ul li .pic img{max-width:80%;max-height:80%;display:inline-block;transition:all 0.3s ease 0s;}





.indexD .tit{text-align:center;}

.indexD .tit h3{font-size:68px;color:#000;font-family:var(--font-family2);}

.indexD .tit p{font-size:22px;color:#3b3b3b;line-height:30px;margin:25px auto 0;}

.indexD .list{position:relative;margin-top:50px;}



.indexD .v{position:relative;width:100%;}

.indexD .v > a{display:none;width:100%;position:relative;overflow:hidden;}

.indexD .v > a.active{display:block;}

.indexD .v > a::after1{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:9;background:url("../images/v1.png") no-repeat center;display:block;}

.indexD .v > a > img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.indexD .v > a > span{position:absolute;left:calc(50% - 46px);top:calc(50% - 46px);width:92px;height:92px;display:block;}

.indexD .v > a > span img{position:relative;z-index:20;}

.indexD .v > a > span::before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;border:1px solid #21B8BB;animation:scale2 2s linear infinite;}

.indexD .v > a > span::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:rgba(33,184,187,0.47);animation:scale2 2s linear infinite;}



.indexD .v > a:hover::after1{background-color:rgba(0,0,0,0.1);}



.indexD .tab{position:absolute;z-index:100;top:0;right:60px;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}

.indexD .tab ul{}

.indexD .tab ul li{width:200px;border:3px solid #ccc;position:relative;cursor:pointer;}

.indexD .tab ul li::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:9;background:url("../images/v2.png") no-repeat center;display:block;}

.indexD .tab ul li+li{margin-top:30px;}



.indexD .tab ul li.active{border-color:#21B8BB;}

.indexD .tab ul li.active::after{display:block;}





.indexE{padding:80px 0;background:url(../images/ibg2.jpg) no-repeat center;}

.indexE .tit{text-align:center;}

.indexE .tit h3{font-family:'blenderpro-medium';font-size:72px;color:#fff;}

.indexE .tit p{font-size:22px;color:#fff;line-height:30px;max-width:1370px;margin:25px auto 0;}

.indexE .pic{max-width:1400px;margin:50px auto 0;overflow:hidden;text-align:center;}





.indexF{padding:70px 0 0;background:#fff;}



.indexF .tit{text-align:center;}

.indexF .tit h3{font-size:68px;color:#000;font-family:var(--font-family2);}

.indexF .tit p{font-size:22px;color:#575757;line-height:30px;max-width:1370px;margin:25px auto 0;}





.indexJ{padding:70px 0;background:url(../images/ibg7.jpg) no-repeat center top;background-size:cover;}



.indexJ .tit{text-align:center;}

.indexJ .tit h3{font-size:68px;color:#fff;font-family:var(--font-family2);}

.indexJ .tit p{font-size:22px;color:#c8c8c8;line-height:30px;max-width:1100px;margin:25px auto 0;}



.indexJ .tab{margin:40px 0 0;position:relative;}

.indexJ .tab ul{text-align:center;font-size:0;}

.indexJ .tab ul li{display:inline-block;position:relative;padding:0 35px;height:40px;line-height:40px;border-radius:8px;font-size:16px;font-weight:bold;color:#848383;cursor:pointer;margin:0 21px;}

.indexJ .tab ul li::after{display:none;content:'';width:0;height:0;line-height:0;border:8px solid transparent;border-top-style:solid;border-top-color:#1D9598;position:absolute;bottom:-14px;left:calc(50% - 8px);}

.indexJ .tab ul li p{display:inline-block;}

.indexJ .tab ul li.active{color:#fff;background:linear-gradient(#21B8BB, #1C8E91);}

.indexJ .tab ul li.active p{color:#fff;}

.indexJ .tab ul li.active::after{display:block;}



.indexJ .list{margin:40px auto 0;max-width:1400px;position:relative;}

.indexJ .list .swiper-container{max-width:1060px;margin:0 auto;}

.indexJ .list .swiper-slide{text-align:center;}

.indexJ .list .swiper-slide .pic{display:block;width:100%;box-sizing:border-box;}

.indexJ .list .swiper-slide .pic img{width:100%;}

.indexJ .list .swiper-slide h5{margin-top:20px;font-size:24px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.indexJ .list .swiper-slide h5 a{color:#fff;}

.indexJ .list .swiper-slide h5 a:hover{opacity:0.6;}

.indexJ .list .swiper-slide .more{width:300px;line-height:58px;height:58px;font-size:20px;color:#fff;display:block;margin:20px auto 0;border:1px solid #fff;}

.indexJ .list .swiper-slide .more:hover{background:#21B8BB;}





.indexJ .swiper-button-prev,.indexJ .swiper-button-next{width:70px;height:70px;background:none;color:rgba(255,255,255,0.52);margin-top:-35px;z-index:100;text-align:center;}

.indexJ .swiper-button-prev i,.indexJ .swiper-button-next i{font-size:50px;line-height:70px;color:inherit;}

.indexJ .swiper-button-prev,.indexJ .swiper-container-rtl .swiper-button-next{left:0;right:auto;}

.indexJ .swiper-button-next,.indexJ .swiper-container-rtl .swiper-button-prev{right:0;left:auto;}

.indexJ .swiper-button-prev:hover,.indexJ .swiper-button-next:hover{color:rgba(255,255,255,1);}



.care-list{margin:50px 0 0;}

.care-list .preview{width:100%;position:relative;text-align:center;box-sizing:border-box;}

.care-list .preview .swiper-container{width:100%;text-align:center;}

.care-list .preview .swiper-wrapper{}

.care-list .preview .swiper-slide{cursor:pointer;padding:15px 15px 50px;display:inline-block;box-sizing:border-box;position:relative;background:url("../images/ibg3.jpg") no-repeat center;}

.care-list .preview .swiper-slide::after{content:"";background:rgba(0,0,0,0.46);position:absolute;left:0;right:0;top:0;bottom:0;display:block;}

.care-list .preview .swiper-slide .pic{display:block;width:100%;box-sizing:border-box;}

.care-list .preview .swiper-slide .pic img{width:100%;}

.care-list .preview .swiper-slide h5{margin-top:20px;color:#040404;font-size:30px;font-family:'blenderpro-bold';text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.care-list .preview .swiper-slide .bnt{margin-top:20px;font-size:0;text-align:center;}

.care-list .preview .swiper-slide .bnt a{line-height:45px;height:45px;padding:0 45px;font-size:24px;color:#fff;display:inline-block;background:#222225;-ms-transform:skew(-25deg);transform:skew(-25deg);}

.care-list .preview .swiper-slide .bnt a span{-ms-transform:skew(25deg);transform:skew(25deg);display:inline-block;}

.care-list .preview .swiper-slide .bnt a:last-child{background:#21B8BB;margin-left:3px;}



.care-list .preview .swiper-slide .bnt a:hover{background:#21b8bb;}

.care-list .preview .swiper-slide .bnt a:last-child:hover{background:#222225;}



.care-list .preview .swiper-slide.active-nav::after{display:none;}

.care-list .preview .swiper-slide.active-nav p{background:#013688;color:#fff;}

.care-list .preview .swiper-slide.active-nav p::after{display:inline-block;}







.care-list .preview .arrow-left,.care-list .preview .arrow-right{position:absolute;top:50%;margin-top:-50px;z-index:10;width:70px;height:100px;background:#1B1B1B;border:1px solid rgba(255,255,255,0.5);color:#fff;margin-top:-50px;z-index:100;text-align:center;}

.care-list .preview .arrow-left{left:0;border-left:none;border-radius:0 10px 10px 0;}

.care-list .preview .arrow-right{right:0;border-right:none;border-radius:10px 0 0 10px;}

.care-list .preview .arrow-left i,.care-list .preview .arrow-right i{font-size:35px;line-height:100px;color:inherit;}

.care-list .preview .arrow-left:hover,.care-list .preview .arrow-right:hover{background:#21B8BB;color:#fff;}



.care-list .view{padding:70px 60px;position:relative;background:#EBEBEB;}

.care-list .view .swiper-container{width:100%;}



.care-list .view .swiper-slide ul{margin:0 0 0 -1%;}

.care-list .view .swiper-slide ul li{float:left;width:24%;margin:0 0 0 1%;background:#fff;padding:10px 10px 30px;box-sizing:border-box;}

.care-list .view .swiper-slide ul li img{width:100%;display:block;}

.care-list .view .swiper-slide ul li p{margin:15px 0 0;text-align:center;font-size:24px;color:#000;font-family:'blenderpro-medium';}

.care-list .view .swiper-slide ul li .more{width:210px;margin:20px auto 0;text-align:center;line-height:45px;height:45px;font-size:24px;color:#fff;display:block;background:#21B8BB;-ms-transform:skew(-25deg);transform:skew(-25deg);}

.care-list .view .swiper-slide ul li .more span{-ms-transform:skew(25deg);transform:skew(25deg);display:inline-block;}

.care-list .view .swiper-slide ul li:hover .more{background:#000;}



.care-list .view .swiper-pagination-bullets{position:static;margin:30px 0 0;text-align:center;display: none;}

.care-list .view .swiper-pagination-bullet {height:4px;width:60px;margin:0 3px;background:#000;border-radius:0;opacity:1;box-sizing:border-box;}

.care-list .view .swiper-pagination-bullet-active{background:#21B8BB;}



.indexG{padding:70px 0;background:url(../images/ibg4.jpg) no-repeat center top;}



.indexG .tit{}

.indexG .tit~.tit{margin-top:50px;}

.indexG .tit h3{font-size:68px;color:#fff;text-align:center;font-family:var(--font-family2);}

.indexG .tit ul{max-width:1000px;margin:35px auto 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}

.indexG .tit ul li{width:48%;line-height:18px;font-size:22px;color:#fff;background:url(../images/white.png) no-repeat left 5px;background-size:14px;padding:0 0 0 24px;display:inline-block;box-sizing:border-box;}

.indexG .tit ul li:last-child{background-image:url(../images/red.png);}



.indexG .tit .more{width:220px;height:50px;line-height:50px;background:#EAEAEA;font-size:18px;color:#000;text-align:center;display:block;}

.indexG .tit .more:hover{background:#E58A3F;color:#fff;}



.indexG .list{position:relative;z-index:20;margin:80px 0 0;}



.indexG .list .pic img{width:100%;}



.indexG .list .box{position:absolute;}

.indexG .list .box a{width:11px;height:11px;display:block;}

.indexG .list .box a img{width:100%;display:block;transition:all 0.3s ease 0s;position:relative;z-index:20;}

.indexG .list .box a::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;display:block;border-radius:50%;background:rgba(29,156,201,0.4);animation: scale1 1.5s linear infinite;}



.indexG .list .box .nr{position:absolute;left:-8px;top:-53px;z-index:30;width:auto;padding:7px 15px;background:#fff;box-sizing:border-box;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(0);transform:scale(0);}

.indexG .list .box .nr::after{content:'';position:absolute;left:17px;bottom:-9px;width:14px;height:9px;background:url("../images/marker1.png") no-repeat;display:block;}

.indexG .list .box .nr p{font-size:22px;color:#21B8BB;font-family:'blenderpro-medium';text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}



.indexG .list .box:hover .nr{opacity:1;-webkit-transform:scale(1);transform:scale(1);}



.indexG .list .box:nth-of-type(n+31) .nr{left:auto;right:-8px;}

.indexG .list .box:nth-of-type(n+31) .nr::after{left:auto;right:17px;background:url("../images/marker2.png") no-repeat;}



.indexG .list .box7 .nr,.indexG .list .box25 .nr{top:auto;bottom:-25px;}

.indexG .list .box7 .nr::after,.indexG .list .box25 .nr::after{top:auto;bottom:35px;}





.indexG .list .box1{left:6.22%;top:19.48%;}

.indexG .list .box2{left:9.77%;top:20.58%;}

.indexG .list .box3{left:12.78%;top:36.35%;}

.indexG .list .box4{left:17.7%;top:24.7%;}

.indexG .list .box5{left:15.86%;top:40.74%;}

.indexG .list .box6{left:16.95%;top:46.09%;}



.indexG .list .box7{left:25.43%;top:1.65%;}

.indexG .list .box8{left:23.92%;top:5.62%;}

.indexG .list .box9{left:26.73%;top:18.11%;}

.indexG .list .box10{left:27.34%;top:30.73%;}

.indexG .list .box11{left:25.56%;top:34.16%;}

.indexG .list .box12{left:27.07%;top:52.54%;}

.indexG .list .box13{left:23.92%;top:65.98%;}

.indexG .list .box14{left:24.61%;top:68.72%;}

.indexG .list .box15{left:25.22%;top:71.06%;}

.indexG .list .box16{left:28.57%;top:73.66%;}

.indexG .list .box17{left:29.25%;top:78.74%;}

.indexG .list .box18{left:30.76%;top:79.97%;}

.indexG .list .box19{left:27.14%;top:84.79%;}

.indexG .list .box20{left:25.43%;top:89.57%;}



.indexG .list .box21{left:38.28%;top:1.23%;}

.indexG .list .box22{left:31.24%;top:8.23%;}

.indexG .list .box23{left:35%;top:10.84%;}

.indexG .list .box24{left:39.44%;top:7.27%;}

.indexG .list .box25{left:42.17%;top:18.91%;}



.indexG .list .box26{left:45.8%;top:38.96%;}

.indexG .list .box27{left:57.21%;top:41.7%;}

.indexG .list .box28{left:47.1%;top:51.3%;}

.indexG .list .box29{left:53.73%;top:50.21%;}

.indexG .list .box30{left:53.93%;top:52.81%;}

.indexG .list .box31{left:55.43%;top:64.33%;}





.indexG .list .box32{left:62.82%;top:9.74%;}

.indexG .list .box33{left:69.04%;top:13.44%;}

.indexG .list .box34{left:73.82%;top:11.52%;}

.indexG .list .box35{left:53.02%;top:19.2%;}

.indexG .list .box36{left:64.52%;top:19.07%;}

.indexG .list .box37{left:61.04%;top:28.81%;}

.indexG .list .box38{left:63.5%;top:44.31%;}

.indexG .list .box39{left:63.2%;top:35.36%;}



.indexG .list .box40{right:15.52%;top:24.69%;}

.indexG .list .box41{right:22.9%;top:31.55%;}

.indexG .list .box42{right:17.36%;top:31.55%;}

.indexG .list .box43{right:23.72%;top:38.13%;}

.indexG .list .box44{right:26.52%;top:48.42%;}

.indexG .list .box45{right:23.03%;top:48.42%;}

.indexG .list .box46{right:24.47%;top:52.54%;}

.indexG .list .box47{right:21.05%;top:61.73%;}

.indexG .list .box48{right:21.05%;top:64.61%;}

.indexG .list .box49{right:16.54%;top:78.88%;}

.indexG .list .box50{right:11.55%;top:81.21%;}





.indexG .slidebox{margin-top:50px;}

.indexG .slidebox .tab{}

.indexG .slidebox .tab ul{font-size:0;text-align:center; }

.indexG .slidebox .tab ul li{display:inline-block;height:60px;line-height:60px;background:#fff;color:#000;cursor:pointer;font-size:34px;font-family:'blenderpro-medium';-ms-transform:skew(-25deg);transform:skew(-25deg);margin:0 2px;padding:0 100px;}

.indexG .slidebox .tab ul li span{-ms-transform:skew(25deg);transform:skew(25deg);display:inline-block;font-size: 25px;}

.indexG .slidebox .tab ul li.active{background:#21B8BB;color:#fff;}



.indexG .slidebox .box{margin-top:50px;overflow:hidden;position:relative;}



.indexG .slidebox .box .swiper-slide{box-sizing:border-box;}



.indexG .slidebox .box .swiper-slide .pic{display:block;width:100%;overflow:hidden;position:relative;}

.indexG .slidebox .box .swiper-slide .pic > img{display:block;width:100%;transition:transform .5s;-webkit-transition:transform .5s;}



.indexG .slidebox .box .swiper-slide .t{background:rgba(0,0,0,0.46) url(../images/i1.png) no-repeat center;font-size:14px;box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:background-color 0.5s;transition:background-color 0.5s;opacity:0;-webkit-transition:opacity 0.5s, -webkit-transform 0.5s;transition:opacity 0.5s, transform 0.5s;-webkit-transform:scale(0);transform:scale(0);color:#fff;text-align:center;}

.indexG .slidebox .box .swiper-slide .t p{font-size:30px;color:#fff;line-height:1;position:absolute;left:0;right:0;bottom:25px;}



.indexG .slidebox .box .swiper-slide:hover .pic img{transform:scale(1.02);-webkit-transform:scale(1.02);}

.indexG .slidebox .box .swiper-slide:hover .t{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}



.indexG .swiper-pagination-bullets{position:static;margin:60px 0 0;text-align:center;}

.indexG .swiper-pagination-bullet {height:4px;width:60px;margin:0 3px;background:#000;border-radius:0;opacity:1;box-sizing:border-box;}

.indexG .swiper-pagination-bullet-active{background:#21B8BB;}





.indexH{padding:70px 0 120px;background:#F7F7F7;}

.indexH .tit{text-align:center;}

.indexH .tit h3{font-size:68px;color:#000;font-family:var(--font-family2);}

.indexH .tit p{font-size:22px;color:#343434;line-height:30px;max-width:1055px;margin:25px auto 0;}



.indexH .tab{margin-top:40px;}

.indexH .tab ul{font-size:0;text-align:center; }

.indexH .tab ul li{display:inline-block;width:280px;height:65px;line-height:65px;background:#000;color:#fff;cursor:pointer;font-size:20px;font-family:'blenderpro-medium';margin:0 8px;}

.indexH .tab ul li.active{background:#21B8BB;}



.indexH .tab-content{margin-top:70px;}



.indexH .box{display:-webkit-flex;display:flex;}



.indexH .scroll{width:474px;position:relative;}

.indexH .scroll::after{content:'';position:absolute;right:-20px;bottom:-20px;width:100%;height:100%;background:#fff;display:block;}

.indexH .swiper-container{}

.indexH .swiper-slide{}

.indexH .swiper-slide .pic{display:block;width:100%;overflow:hidden;position:relative;}

.indexH .swiper-slide .pic > img{display:block;width:100%;transition:transform .5s;-webkit-transition:transform .5s;}



.indexH .swiper-slide .t{background:rgba(0,0,0,0.5);box-sizing:border-box;position:absolute;left:0;right:0;bottom:0;padding:15px 20px;color:#fff;text-align:center;}

.indexH .swiper-slide .t h5{font-size:30px;color:#fff;font-family:'blenderpro-medium';text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.indexH .swiper-slide .t p{font-size:20px;color:#fff;line-height:19px;height:38px;overflow:hidden;margin-top:10px;}



.indexH .swiper-slide:hover .pic img{transform:scale(1.02);-webkit-transform:scale(1.02);}





.indexH .swiper-pagination-bullets{position:absolute;bottom:-68px;width:100%;text-align:center;}

.indexH .swiper-pagination-bullet {height:4px;width:60px;margin:0 3px;background:#000;border-radius:0;opacity:1;box-sizing:border-box;}

.indexH .swiper-pagination-bullet-active{background:#21B8BB;}



.indexH .list{-webkit-flex:1;flex:1;margin-left:56px;}

.indexH .list .scrollbar-inner{padding-right:50px;height:317px;box-sizing:border-box;overflow:hidden;}

.indexH .list ul{margin-top:-20px;}

.indexH .list ul li{border-bottom:1px solid #B1B1B1;padding:30px 13px;}

.indexH .list ul li h5{font-size:36px;color:#000;font-family:'blenderpro-medium';word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.indexH .list ul li p{font-size:20px;color:#434343;margin:15px 0 0;line-height:26px;height:52px;overflow:hidden;}





.indexI{padding:70px 0;background:url(../images/ibg5.jpg) no-repeat center top;}

.indexI h3{text-align:center;font-size:68px;color:#fff;font-family:var(--font-family2);}



.indexI .list{position:relative;margin:50px 60px 0;}

.indexI .swiper-box{overflow:hidden;}

.indexI .swiper-slide{width:550px;margin:20px 0;}

.indexI .swiper-slide a{width:100%;display:block;position:relative;background:#fff;border:15px solid #21b8bb;box-sizing:border-box;overflow:hidden;box-shadow:rgba(0,0,0,0.2) 0px 4px 10px 0px;}

.indexI .swiper-slide a::after1{content:"";z-index:9;background:url("../images/v.png") no-repeat center;display:block;position:absolute;left:0;top:0;right:0;bottom:0;border-radius:5px;font-size:50px;color:#fff;display:none;}

.indexI .swiper-slide a img {width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}



.indexI .swiper-slide-active:hover a::after{background-color:rgba(0,0,0,0.5);}

.indexI .swiper-slide-active:hover a img{transform: scale(1.04);-webkit-transform: scale(1.04);}



.indexI .swiper-button-prev,.indexI .swiper-button-next{width:45px;height:45px;margin-top:-22px;text-align:center;background:none;border-radius:4px;}

.indexI .swiper-button-prev i,.indexI .swiper-button-next i{color:#fff;font-size:40px;line-height:45px;}

.indexI .swiper-button-prev:hover,.indexI .swiper-button-next:hover{}

.indexI .swiper-button-prev,.indexI .swiper-container-rtl .swiper-button-next{left:-50px;right:auto;}

.indexI .swiper-button-next,.indexI .swiper-container-rtl .swiper-button-prev{right:-50px;left:auto;}



.indexI .swiper-pagination{position:static;width:100%;margin-top:30px;display:none;}

.indexI .swiper-pagination-bullet {height:10px;width:10px;margin:0 5px;background:none;border:2px solid #21b8bb;border-radius:50%;opacity:1;box-sizing:border-box;}

.indexI .swiper-pagination-bullet-active{background:#21b8bb;}



.indexContact{padding:40px 0 70px;position:relative;}

.indexContact .tit{text-align:center;}

.indexContact .tit h3{font-family:var(--font-family2);font-size:68px;color:#000;}

.indexContact .tit p{font-size:22px;color:#343434;line-height:30px;max-width:1055px;margin:25px auto 0;}

.indexContact .inquirbox{margin:50px 0 0 0;}

.indexContact .inquirbox .row{margin-bottom:30px;}



.indexContact .inquirbox h6{font-size:24px;color:#212121;font-family:'blenderpro-medium';}

.indexContact .inquirbox .check-box{margin-top:15px;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;}

.indexContact .inquirbox input[type="checkbox"]{margin:9px 10px 0 0;}

.indexContact .inquirbox p{font-size:20px;color:#525252;line-height:32px;}





/*------------------------------------------------------------*/



/*.sidebanner{position:relative;height:460px;background-repeat:no-repeat;background-position:center top;}



.sidebanner img{width:100%;}



.sidebanner .path{position:absolute;top:0;bottom:0;width:100%;left:0;right:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center;}

.sidebanner h3{color:#fff;font-size:60px;line-height:1;display:inline-block;position:relative;font-family:'blenderpro-bold';}



.sidebanner p{color:#fff;font-size:22px;margin:45px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.sidebanner p i{font-size:17px;}

.sidebanner p a{color:#fff;}*/



.sidebanner{position:relative;}

.sidebanner img{width:100%;}



.sidebanner .path{position:absolute;top:0;bottom:0;width:100%;left:0;right:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center;}

.sidebanner h3{color:#fff;font-size:60px;line-height:1;display:inline-block;position:relative;font-family:'blenderpro-bold';}



.sidebanner p{color:#fff;font-size:22px;margin:45px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.sidebanner p i{font-size:17px;}

.sidebanner p a{color:#fff;}



.path{border-bottom:1px solid #eee;line-height:70px;}

.path p{color:#999;font-size:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}





.main{padding-top:50px;padding-bottom:50px;}

.main-left{float:left;width:300px;}

.main-right{margin-left:340px;}



/*----------------------------------------*/



.main-left h3{font-size:25px;font-family:'blenderpro-medium';display:block;color:#fff;height:50px;line-height:50px;padding:0 0 0 20px;background:#21B8BB;position:relative;}

.main-left h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;top:6px;right:6px;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}

.main-left h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}



.sidemenu{margin:0 0 15px;background:#F7F7F7;}

.sidemenu ul{}

.sidemenu > ul > li{margin:3px 0 0;border-bottom:1px solid #EDEDED;}

.sidemenu > ul > li h5{line-height:24px;display:block;font-size:20px;color:#333;cursor:pointer;position:relative;}

.sidemenu > ul > li h5 a{color:#333;display:block;padding:10px 0 10px 20px;margin-right:40px;text-transform:capitalize;}

.sidemenu > ul > li h5 a:hover{color:#21B8BB;}

.sidemenu > ul > li h5 span{position:absolute;top:0;right:0;background:url("../images/i7.png") no-repeat center;width:40px;height:45px;display:block;}



.sidemenu ul ul{display:none;}

.sidemenu ul ul li{line-height:22px;border-bottom:1px dashed #DCDCDC;background:#fff;padding:0 20px;}

.sidemenu ul ul li:last-child{border-bottom:none;}

.sidemenu ul ul li a{font-size:18px;padding:10px 0 10px 15px;display:block;color:#515151;padding-left:15px;text-transform:capitalize;background:url("../images/i6-1.png") no-repeat left 16px;}

.sidemenu ul ul li.active a,.sidemenu ul ul li a:hover{color:#21B8BB;background-image:url("../images/i6.png");}



.sidemenu > ul > li.active h5 a{color:#21B8BB;}

.sidemenu > ul > li.active span{background:url("../images/i7-1.png") no-repeat center;}



.sidenav{margin:0 0 15px;}

.sidenav ul{}

.sidenav ul li{position:relative;line-height:20px;border:1px solid #e2e2e2;margin:5px 0 0 0;padding:10px 40px 10px 20px;}

.sidenav ul li::after{font-family:"qico";content:"\e62e";position:absolute;right:10px;top:0;font-size:20px;font-weight:normal;line-height:42px;}

.sidenav ul li a{color:#555;font-size:16px;font-weight:300;display:block;-webkit-transition: 0.5s;transition: 0.5s;}

.sidenav ul li.active a{color:#8FC93D;}

.sidenav ul li.active::after{color:#8FC93D;}





.menu-tabs{padding:30px 0;text-align:center;border-bottom:1px solid #E3E3E3;background:#fff;}

.menu-tabs ul{font-size:0;}

.menu-tabs ul li{height:46px;line-height:46px;display:inline-block;margin:0 10px;}

.menu-tabs ul li a{font-size:22px;color:#222;font-weight:500;display:block;padding:0 32px;background:#EAEAEA;}

.menu-tabs ul li.active a{background:#21B8BB;color:#fff;}



/*---------news-----------*/



.news-left{margin-right:366px;}

.news-right{float:right;width:326px;}



.news-nav{margin:0 0 20px;}

.news-nav h3{display:none;height:50px;line-height:50px;padding:0 0 0 15px;background:#F6AA00;font-size:20px;color:#fff;position:relative;}

.news-nav h3::after{content:"+";position:absolute;right:5px;top:5px;font-size:27px;height:40px;line-height:40px;width:40px;text-align:center;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}

.news-nav h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}



.news-nav ul{}

.news-nav ul li{height:57px;line-height:57px;position:relative;background:#F5F5F5;}

.news-nav ul li+li{margin-top:15px;}

.news-nav ul li a{color:#000;font-size:20px;text-transform:uppercase;display:block;-webkit-transition: 0.5s;transition: 0.5s;padding:0 10px 0 27px;}

.news-nav ul li a:hover{color:#21B8BB;}

.news-nav ul li::after{content:"\e650";font-family:"qico";color:#000;font-size:26px;position:absolute;right:15px;top:0px;}



.news-nav ul li.active{color:#fff;background:#21B8BB;}

.news-nav ul li.active::after{color:#fff;}

.news-nav ul li.active a{color:#fff;background:#21B8BB;}



.side-news-list{margin:0 0 30px;padding-bottom:26px;border-bottom:2px solid #E0E0E0;}

.side-news-list h4{text-align:center;font-size:22px;color:#000;line-height:32px;position:relative;}

.side-news-list h4::before{content:"";display:block;width:100%;height:2px;background:#E0E0E0;position:absolute;top:calc(50% - 1px);z-index:1;}

.side-news-list h4 span{background:#fff;padding:0 26px;position:relative;display:inline-block;font-family:'blenderpro-medium';z-index:1;}

.side-news-list ul{}

.side-news-list ul li{margin-top:18px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}

.side-news-list ul li .pic{width:113px;}

.side-news-list ul li .pic img{width:100%;display:block;}

.side-news-list ul li .t{-webkit-flex:1;flex:1;margin:0 0 0 23px;}

.side-news-list ul li .t h5{color:#484848;font-size:17px;line-height:22px;height:44px;overflow:hidden;font-family:'blenderpro-medium';}

.side-news-list ul li .t h5 a:hover{color:#21B8BB;}

.side-news-list ul li .t p{color:#f6aa00;font-size:16px;margin:8px 0 0;}





.newslist{}

.newslist ul{}

.newslist ul li{margin:0 0 20px;position:relative;box-sizing:border-box;display:-webkit-flex;display:flex;}

.newslist ul li .pic{width:350px;display:block;overflow:hidden;}

.newslist ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}

.newslist ul li .t{-webkit-flex:1;flex:1;margin-left:50px;}

.newslist ul li .t h5{font-family:'blenderpro-medium';font-size:26px;color:#000;}

.newslist ul li .t h5 a:hover{color:#21B8BB;}

.newslist ul li .t span{background:url("../images/time1.png") no-repeat left center;padding:0 0 0 20px;display:inline-block;font-size:17px;color:#777;margin:15px 0 0;}

.newslist ul li .t p{font-size:20px;color:#525151;margin:15px 0 0;line-height:24px;height:48px;overflow:hidden;}

.newslist ul li .t .more{margin:15px 0 0;width:120px;height:34px;line-height:34px;font-size:18px;color:#030303;font-family:'blenderpro-medium';border:1px solid #030303;display:inline-block;text-align:center;}

.newslist ul li .t .more:hover{border-color:#21B8BB;background:#21B8BB;color:#fff;}



.newsnr{}

.newsnr h1{font-size:30px;line-height:1.4;color:#000;text-align:center;font-family:'blenderpro-medium';}



.artInfo{padding:20px 0;border-bottom:1px solid #D9D9D9;text-align:center;}

.artInfo span{margin:0 10px;line-height:20px;display:inline-block;font-size:18px;color:#666;}

.artInfo span.time{background:url(../images/time.png) no-repeat left center;padding:0 0 0 20px;}

.artInfo span.hit{background:url(../images/hit.png) no-repeat left center;padding:0 0 0 23px;}



.myart{margin:20px 0;line-height:30px;font-size:20px;color:#333;}

.myart p{margin:0 0 15px;}



.pnbar{margin-top:30px;}

.pnbar p{max-width:100%;margin:-1px 0 0 0;padding:8px 14px;border:1px solid #ddd;font-size:20px;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.pnbar p:hover a{color:#21B8BB;}



/*-----about------*/



.about-index{padding:60px 0;}

.about-index ul{margin:0 -20px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}

.about-index ul li{width:33.3333333%;padding:20px;box-sizing:border-box;}

.about-index ul li .pic{display:block;width:100%;padding-top:56.25%;overflow:hidden;position:relative;}

.about-index ul li .pic > img{-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;display:block;transition:transform 420ms cubic-bezier(.75,.02,.5,1),-webkit-transform 420ms cubic-bezier(.75,.02,.5,1);}



.about-index ul li .t{background:rgba(0,0,0,0.4);font-size:14px;box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;transition:all 0.3s ease 0s;text-align:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}

.about-index ul li .t p{font-size:30px;color:#fff;font-family:'blenderpro-medium';}



.about-index ul li:hover .pic img{transform:scale(1.08);-webkit-transform:scale(1.08);}

.about-index ul li:hover .t{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}





.about{padding:60px 0;}

.about .pic{width:50%;float:right;margin:0 20px 0 80px;}

.about .txt{}

.about .txt h3{font-size:40px;color:#000;margin-bottom:15px;font-family:'blenderpro-bold';}

.about .txt h3::after{content:"";width:70px;height:5px;background:#21B8BB;border-radius:15px;margin:15px 0 0;display:block;}

.about .txt .t{font-size:18px;color:#3d3d3d;line-height:24px;text-transform:capitalize;}

.about .txt .t p{margin-bottom:10px;}





.culture{}

.culture ul li{overflow:hidden;position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;background:#F7F7F7;}

.culture ul li+li{margin-top:30px;}

.culture ul li .pic{display:block;width:50%;}

.culture ul li .box{-webkit-flex:1;flex:1;box-sizing:border-box;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;background:#fff;margin:60px;}

.culture ul li .box .txt{text-align:center;background:#fff;padding:30px;}

.culture ul li .box .txt h3{font-size:40px;color:#272728;line-height:1;font-family:'blenderpro-bold';}

.culture ul li .box .txt p{font-size:24px;text-align:center;color:#444;margin-top:24px;}



.culture ul li:nth-child(2n){-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}





.factory{background:#F7F7F7;padding:80px 0;}

.factory .tit{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}

.factory .tit h3{font-size:40px;color:#000;font-family:'blenderpro-bold';}

.factory .tit h3::after{content:"";width:70px;height:5px;background:#21B8BB;border-radius:15px;margin:15px 0 0;display:block;}

.factory .page{}

.factory .swiper-button-prev,.factory .swiper-button-next{display:inline-block;position:static;width:42px;height:42px;border:2px solid #DBDBDB;border-radius:50%;background:#fff;margin-top:0;text-align:center;color:#9E9E9E;}

.factory .swiper-button-prev i,.factory .swiper-button-next i{font-size:22px;line-height:42px;color:inherit;}

.factory .swiper-button-prev:hover,.factory .swiper-button-next:hover{border:2px solid #21B8BB;color:#21B8BB;}



.factory .list{margin-top:50px;position:relative;}

.factory .list .swiper-slide{float:left;background:#fff;position:relative;box-sizing:border-box;}

.factory .list .swiper-slide .pic{width:100%;display:block;box-sizing:border-box;}

.factory .list .swiper-slide .pic img{width:100%;display:block;}



.factory .swiper-pagination{display:none;position:static;width:100%;margin:20px 0 0;}

.factory .swiper-pagination-bullet {height:10px;width:10px;margin:0 4px;background:none;border:1px solid #8EC63F;border-radius:50%;opacity:1;box-sizing:border-box;}

.factory .swiper-pagination-bullet-active{background:#8EC63F;}





.factory{}

.factory ul{margin:0 0 0 -2%;overflow:hidden;}

.factory ul li{float:left;width:23%;margin:0 0 25px 2%;text-align:center;}

.factory ul li a{display:block;width:100%;overflow:hidden;}

.factory ul li img{width:100%;box-sizing:border-box;display:block;}



.cert-list{}

.cert-list ul{margin:0 0 0 -2%;overflow:hidden;}

.cert-list ul li{float:left;width:23%;margin:0 0 25px 2%;text-align:center;}

.cert-list ul li a{display:block;width:100%;overflow:hidden;}

.cert-list ul li img{width:100%;box-sizing:border-box;display:block;}

.cert-list ul li p{font-size:24px;text-align:center;color:#444;margin-top:10px;height:60px;line-height:22px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}





.history{position:relative;max-width:1200px;margin:0 auto;}

.history::before{content:'';position:absolute;width:1px;top:0;bottom:0;left:50%;background-color:#E3E3E3;height:100%;}

.history .list{position:relative;width:100%;padding:70px 0;box-sizing:border-box;}

.history .list::before{content:'';position:absolute;width:11px;height:11px;top:0;left:calc(50% - 5px);background-color:#E3E3E3;border-radius:50%;}

.history .list::after{content:'';position:absolute;width:11px;height:11px;bottom:0;left:calc(50% - 5px);background-color:#E3E3E3;border-radius:50%;}



.history .item{position:relative;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}

.history .item~.item{margin-top:0px;}

.history .item::before{content:'';position:absolute;width:75px;height:9px;top:calc(50% - 4.5px);}



.history .item .date{width:50%;box-sizing:border-box;}

.history .item .date em{position:relative;z-index:20;display:inline-block;border-radius:20px;width:140px;height:40px;line-height:40px;background:#21B8BB;text-align:center;box-sizing:border-box;text-align:center;font-size:24px;color:#fff;font-family:'blenderpro-medium';}



.history .item .content{position:relative;width:50%;box-sizing:border-box;}

.history .item .content .box{padding:30px;border:1px solid #DFDFDF;border-radius:10px;background:#fff;position:relative;z-index:20;}

.history .item .content img{margin-bottom:15px;}

.history .item .content p{font-size:20px;color:#000;line-height:24px;text-transform:capitalize;}

.history .item .content p~p{margin-top:10px;}



.history .item:nth-child(2n+1){-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}

.history .item:nth-child(2n+1)::before{left:calc(50% - 70px);background:url(../images/ibg3.png) no-repeat right center;}



.history .item:nth-child(2n+1) .content{padding-right:70px;}

.history .item:nth-child(2n+1) .date{padding-left:70px;}



.history .item:nth-child(2n+2)::before{right:calc(50% - 70px);background:url(../images/ibg4.png) no-repeat;}

.history .item:nth-child(2n+2) .content{padding-left:70px;}

.history .item:nth-child(2n+2) .date{text-align:right;padding-right:70px;}



.brand-list{}

.brand-list h5{font-size:40px;color:#000;font-family:'blenderpro-bold';margin-bottom:20px;}

.brand-list ul{margin:0 0 0 -2%;overflow:hidden;}

.brand-list ul li{float:left;width:18%;margin:0 0 25px 2%;padding:15px;text-align:center;border:1px solid #E3E3E3;box-sizing:border-box;}

.brand-list ul li img{width:100%;display:block;}





.newslist{}

.scenic-list ul li{margin:0 0 20px;position:relative;box-sizing:border-box;display:-webkit-flex;display:flex;}

.scenic-list ul li .pic{width:350px;display:block;overflow:hidden;}

.scenic-list ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}

.scenic-list ul li .t{-webkit-flex:1;flex:1;margin-left:50px;}

.scenic-list ul li .t h5{font-family:'blenderpro-medium';font-size:26px;color:#000;}

.scenic-list ul li .t h5 a:hover{color:#21B8BB;}

.scenic-list ul li .t p{font-size:20px;color:#525151;margin:20px 0 0;line-height:24px;height:48px;overflow:hidden;}

.scenic-list ul li .t .more{margin:20px 0 0;width:120px;height:40px;line-height:40px;font-size:18px;background:#21B8BB;color:#fff;font-family:'blenderpro-medium';display:inline-block;text-align:center;}

.scenic-list ul li .t .more:hover{background:#8B050F;color:#fff;}









/*-----faq------*/







.faq {}

.faq ul li{width: 90%;margin: 0 auto 30px;padding: 30px;border-radius:25px;transition: all .6s ease 0s;background:rgba(0, 0, 0, 0.02);}

.faq ul li h6{font-size: 16px;line-height: 1.5;color: rgba(0, 0, 0, 0.85);font-weight: 600;}

.faq ul li p{font-size: 16px;line-height: 1.5;color: rgba(0, 0, 0, 0.45);margin-top: 24px;}

.faq ul li:hover{background:#21B8BB;box-shadow: 5px 5px 22px 7px rgb(48 48 48 / 5%);}

.faq ul li:hover h6{color:#fff;}

.faq ul li:hover p{color:#fff;}





/*-----------*/



.app-list h3{font-size:40px;color:#212121;font-family: 'blenderpro-medium';line-height:1;position:relative;z-index:20;text-align:center;}

.app-list h3::after{display:block;content:'';width:80px;height:4px;background:#21B8BB;margin:10px auto 0;}



.app-list > p{margin:40px 0 0;line-height:36px;font-size:22px;color:#666;}

.app-list ul{margin:37px -20px 0;display:flex;justify-content:space-between;flex-wrap:wrap;}

.app-list ul li{width:33.3333%;padding:15px 20px;}

.app-list ul li >a{position:relative;overflow:hidden;display:block;}

.app-list ul li img{display:block;width:100%;}

.app-list ul li .txt{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;z-index:105;padding:0 34px 29px;transition:opacity 0.2s, transform 0.35s;display:flex;justify-content:flex-end;-webkit-flex-direction:column;flex-direction:column;}

.app-list ul li .txt::after{content:"";background:rgba(80,169,181,.85);height:0;position:absolute;left:0;right:0;bottom:0;transition:all 0.3s ease 0s;}

.app-list ul li .txt > *{position:relative;z-index:10;}

.app-list ul li .txt h6{font-size:20px;font-weight:700;color:#fff;line-height:1;text-shadow: #21b8bb 1px 0 0, #21b8bb 0 1px 0, #21b8bb -1px 0 0, #21b8bb 0 -1px 0;}

.app-list ul li .txt p{font-size:15px;color:#fff;line-height:28px;height:0;overflow:hidden;transition:all 0.5s ease 0s;margin:15px 0 0;text-shadow: #21b8bb 1px 0 0, #21b8bb 0 1px 0, #21b8bb -1px 0 0, #21b8bb 0 -1px 0;}

.app-list ul li .txt .more{display:inline-block;font-size:14px;font-weight:500;color:#fff;margin:25px 0 0;}

.app-list ul li .txt .more i{color:#fff;font-size:12px;border-radius:50%;width:26px;height:26px;border:1px solid #fff;line-height:24px;display:inline-block;text-align:center;margin-right:20px;}



@media screen and (min-width:1171px){

.app-list ul li:hover .txt::after{height:100%;}

.app-list ul li:hover .txt p{height:112px;}

.app-list ul li:hover .more i{background:#FAFBFB;color:#4FA8B4;border-color:#FAFBFB;}

}



/*-----video------*/



.videolist ul{margin:0 0 0 -2%;}

.videolist ul li{float:left;width:31.333333%;margin:0 0 20px 2%;}

.videolist ul li .v{position:relative;width:100%;display:block;overflow:hidden;}

.videolist ul li .v img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.videolist ul li .v::after{content:'';position:absolute;left:50%;top:50%;margin:-35px 0 0 -35px;width:70px;height:70px;background:url("../images/video.png") no-repeat;display:block;}

.videolist ul li .t{padding:15px;background:#F3F4F7;box-sizing:border-box;position:relative;}

.videolist ul li .t h5{font-size:16px;color:#333;text-align:center;}

.videolist ul li:hover img{transform:scale(1.11);-webkit-transform: scale(1.11);}





/*-----faq------*/



.onepage{margin:30px 0 0;}

.onepage h5{font-size:24px;color:#333;font-weight:bold;margin-bottom:25px;text-align:center;}

.onepage p{font-size:15px;color:#333;line-height:23px;margin-bottom:15px;text-transform:capitalize;text-align:center;}

.onepage dl{margin:70px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}

.onepage dl dd{text-align:center;}

.onepage dl dd h6{color:#333;font-size:45px;}

.onepage dl dd p{font-size:14px;color:#777;margin:5px 0 0;}



/*-----products------*/

.pro-top{margin-bottom:15px;background:#F7F7F7;padding:20px;}

.pro-top h1{font-size:24px;color:#111;font-weight:600;}

.pro-top .t{font-size:16px;color:#545454;line-height:24px;margin:15px 0 0;}

.pro-top .t h5{font-size:18px;font-weight:500;color:#333;margin-top:10px;}

.pro-top .t p~p{margin-top:10px;}.pro-top{margin-bottom:15px;background:#F7F7F7;padding:20px;}

.pro-top h1{font-size:24px;color:#111;font-weight:600;}

.pro-top .t{font-size:16px;color:#545454;line-height:24px;margin:15px 0 0;}

.pro-top .t h5{font-size:18px;font-weight:500;color:#333;margin-top:10px;}

.pro-top .t p~p{margin-top:10px;}





.prolist ul{margin:0 0 0 -2%;}

.prolist ul li{width:31.333333%;float:left;text-align:center;background:#fff;padding:5px 5px 20px;border:1px solid #C9C9C9;margin:0 0 20px 2%;cursor:pointer;box-sizing:border-box;}

.prolist ul li .pic{display:block;width:100%;overflow:hidden;box-sizing:border-box;}

.prolist ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.prolist ul li h6{margin-top:15px;color:#111;font-size:24px;font-family:'blenderpro-medium';height:48px;}

.prolist ul li h6 a{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}

.prolist ul li .more{width:180px;margin:15px auto 0;text-align:center;line-height:40px;height:40px;font-size:21px;color:#fff;display:block;background:#21B8BB;-ms-transform:skew(-25deg);transform:skew(-25deg);}

.prolist ul li .more span{-ms-transform:skew(25deg);transform:skew(25deg);display:inline-block;}



.prolist ul li:hover{box-shadow:0 0 20px 0 rgba(0,0,0,0.15);}

.prolist ul li:hover h6{color:#21B8BB;}

.prolist ul li:hover .more{background:#000;}

.prolist ul li:hover .pic img {transform:scale(1.06);-webkit-transform:scale(1.06);}







/*-----pro-view----*/





.pro_view{padding:70px 0;}

.pro_view .wp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}

.pro_img{width:650px;}

.pro_img .view{width:100%;position:relative;border:1px solid #f0f0f0;box-sizing:border-box;}

.pro_img .view .swiper-container{width:100%;}

.pro_img .view .swiper-container img{width:100%;display:block;}

.pro_img .view .arrow-left,.pro_img .view .arrow-right{background:rgba(0,0,0,0.3);position:absolute;top:50%;margin-top:-25px;width:28px;height:50px;z-index:10;text-align:center;}

.pro_img .view .arrow-left{left:0;}

.pro_img .view .arrow-right{right:0;}

.pro_img .view .arrow-left i,.pro_img .view .arrow-right i{color:#fff;font-size:15px;line-height:50px;}



.pro_img .preview {width:100%;position:relative;text-align:center;overflow:hidden;box-sizing:border-box;}

.pro_img .preview .swiper-container {width:100%;text-align:center;}

.pro_img .preview .swiper-wrapper{justify-content:center;}

.pro_img .preview .swiper-slide{cursor:pointer;width:80px;padding:10px 0 4px;margin:0 2px;display:inline-block;box-sizing:border-box;position:relative;}

.pro_img .preview .swiper-slide::after{display:none;content:'';width:0;height:0;line-height:0;border-width:5px;border-style:dashed;border-bottom-style:dashed;border-color:transparent;border-bottom-color:transparent;vertical-align: middle;border-bottom-style:solid;border-bottom-color:#21B8BB;position:absolute;top:0px;left:50%;margin:0 0 0 -5px;}

.pro_img .preview .swiper-slide img{width:100%;border:1px solid #D9D9D9;padding:2px;box-sizing:border-box;}

.pro_img .preview .active-nav img{border:1px solid #21B8BB;}



.pro_img .preview .swiper-slide.active-nav::after{display:inline-block;}





.pro_view_inner{-webkit-flex:1;flex:1;margin-left:50px;}

.pro_view_inner h1{color:#000;font-size:30px;margin:8px 0 0;font-weight:bold;}

.pro_view_inner hr{height:4px;background:url(../images/line2.png) repeat-x;margin:25px 0;}

.pro_view_inner .para{color:#333;font-size:17px;line-height:24px;}

.pro_view_inner .para p{background:url(../images/dot1.png) no-repeat left 8px;padding:0 0 0 20px;}

.pro_view_inner .para p+p{margin-top:10px;}

.pro_view_inner .para table{}

.pro_view_inner .para table td{padding:5px;}



.pro_btn{margin-top:20px;border-top:1px solid #ccc;padding:20px 0 0;}

.pro_btn a{text-align:center;color:#fff;background:#313a49;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}

.pro_btn span{padding:0 35px 0 20px;font-size:17px;color:#fff;}

.pro_btn em{width:40px;height:40px;line-height:40px;color:#fff;position:relative;background:#21B8BB;}

.pro_btn em:before{position:absolute;content:'';top:0;left:-10px;width:20px;height:40px;background:#21B8BB;transform:skewX(-20deg);}

.pro_btn em i{font-size:16px;color:#fff;margin-left:-10px;position:relative;z-index:20;}



.pro_btn .pdf{margin-left:20px;}



.pro_view_inner .pro-share{margin:20px 0 0;}





.pro_text{position:relative;}

.pro_text .tit{text-align:center;padding:30px 0;}

.pro_text .tit h5{font-size:36px;color:#000;text-transform:uppercase;font-weight:bold;}















/*-----pro-view----*/



.pro_tab_box{background:#fff;}

.pro_tab{height:50px;width:100%;z-index:99;padding:20px 0;}

.pro_tab.scroll-top{position:fixed;top:0px;width:1400px;z-index:200;}



.pro_tab ul{background:#161616;height:50px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;position:relative;}

.pro_tab ul li{-webkit-flex:auto;flex:auto;padding:0 5px;box-sizing:border-box;height:50px;line-height:50px;text-align:center;position:relative;box-sizing:border-box;font-size:22px;cursor:pointer;color:#fff;position:relative;text-transform:uppercase;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-family:'blenderpro-medium';}

.pro_tab ul li.active{background:#21B8BB;color:#fff;}



.pro_text{position:relative;}



.pro_text .tit{text-align:center;padding:30px 0;width:1400px;margin:auto;}

.pro_text .tit h5{font-size:40px;color:#000;text-transform:uppercase;font-family:'blenderpro-bold';}





.pro-color{background:url(../images/colorbg.jpg) no-repeat center;background-size:cover;padding:100px 0 60px;}

.pro-color .tab{font-size:0;text-align:center;position:relative;margin: 0 -100px;}

.pro-color .tab::before{content:'';position:absolute;width:149px;height:40px;background:url(../images/i11.png) no-repeat right center;top:0;left:0;z-index:11;}

.pro-color .tab::after{content:'';position:absolute;width:149px;height:40px;background:url(../images/i12.png) no-repeat left center;top:0;right:0;z-index:11;}

.pro-color .tab span{width:130px;height:40px;display:inline-block;margin:0 6px;cursor:pointer;transition:all 0.3s ease 0s;}

.pro-color .tab span.active{-webkit-transform:translateY(-10px);transform:translateY(-10px);}



.pro-color .tab-box{width:600px;margin:50px auto 0;}

.pro-color .tab-box dd{display:none;}





.pro-selling{position:relative;}

.pro-selling .txt{text-align:center;width:31%;height:100%;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;z-index:10;overflow:hidden;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;}

.pro-selling .txt p{font-size:50px;color:#fff;line-height:2;}

.pro-selling .txt p i{font-size:64px;color:#fa1313;}

.pro-selling .txt .more{cursor:pointer;text-align:center;color:#fff;font-size:18px;width:140px;height:44px;line-height:44px;border:1px solid #fff;}

.pro-selling .txt .more:hover{color:#21B8BB;border-color:#21B8BB;}

.pro-selling-text-left .txt{right:auto;left:0;}









.pro-collocation{background:#F7F7F7;padding:60px 0;}

.pro-collocation .tit h5{color:#000;}

.pro-collocation .tit h5::after{content:"";width:40px;height:4px;background:#21B8BB;display:block;margin:15px auto 0;}

.pro-collocation .pro-content{background-color:#1c1c1c;}

.pro-collocation .carTableWrap{max-height:600px;overflow-y:scroll;position:relative;}

.pro-collocation caption{color: #0f0f0f;background-color:#21b8bb;padding:8px 0;text-align:center;color:#fff;font-size:22px;}

.pro-collocation table{width:100%;font-size:16px;color:#a2a2a2;border-collapse: collapse;}

.pro-collocation table th{padding:10px 15px;border:1px solid #ddd;}

.pro-collocation table td{padding:10px 15px;border:1px solid #ddd;}

.pro-collocation table tr{border-color:#3c3c3c;}

.pro-collocation table tr:nth-child(2n+1){background-color:#171717;}



.pro-collocation table tr > .tableHead{color:#076082;background-color:#141c1f !important;}



.pro-collocation table tr > .tableTit{width:13%;border-right: 1px solid #ddd;text-align:left;}







.pro-content .table-response{width:100%;max-width: 100%;overflow-x:auto;}





.pro-wonderful .list{position:relative;}

.pro-wonderful .swiper-slide{position:relative;overflow:hidden;}

.pro-wonderful .swiper-slide img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}



.pro-wonderful .swiper-button-prev::after,.pro-wonderful .swiper-button-next::after{display:none;}

.pro-wonderful .swiper-button-prev,.pro-wonderful .swiper-button-next{width:40px;height:60px;background:#1B1B1B;color:#fff;margin-top:-30px;z-index:100;text-align:center;}

.pro-wonderful .swiper-button-prev i,.pro-wonderful .swiper-button-next i{font-size:30px;line-height:60px;color:inherit;}

.pro-wonderful .swiper-button-prev,.pro-wonderful .swiper-container-rtl .swiper-button-next{left:0;right:auto;border-left:none;border-radius:0 10px 10px 0;}

.pro-wonderful .swiper-button-next,.pro-wonderful .swiper-container-rtl .swiper-button-prev{right:0;left:auto;border-right:none;border-radius:10px 0 0 10px;}



.pro-wonderful .swiper-pagination-bullets{position:static;margin:30px 0 0;text-align:center;display: none;}

.pro-wonderful .swiper-pagination-bullet {height:4px;width:60px;margin:0 3px;background:#000;border-radius:0;opacity:1;box-sizing:border-box;}

.pro-wonderful .swiper-pagination-bullet-active{background:#21B8BB;}



.pro-video{padding:60px 0 0;}

.pro-video h3{text-align:center;font-size:36px;color:#000;margin-bottom:30px;font-weight:bold;}

.pro-video h3::after{content:"";width:40px;height:4px;background:#21b8bb;display:block;margin:15px auto 0;}

.pro-video .v{position:relative;width:100%;display:block;overflow:hidden;}

.pro-video .v img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.pro-video .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2) url("../images/video.png") no-repeat center;display:block;}

.pro-video .v:hover img{transform:scale(1.03);-webkit-transform: scale(1.03);}

.pro-video .v:hover::after{background-color:rgba(0,0,0,0.6);}



.pro-inquiry{padding:60px 0;}

.pro-inquiry h4{font-size:40px;line-height:1;color:#000;text-align:center;margin-bottom:50px;font-family:'blenderpro-bold';}

.pro-inquiry h4::after{content:"";width:40px;height:4px;background:#21B8BB;display:block;margin:15px auto 0;}



/*-----------*/





.pro-fancybox{position:relative;}

.pro-fancybox .swiper-slide{position:relative;overflow:hidden;}



.pro-fancybox .swiper-slide .txt{padding:40px 0;background:#000;text-align:center;}

.pro-fancybox .swiper-slide .txt h5{font-size:28px;color:#bc2720;font-family:'blenderpro-bold';margin-bottom:20px;}

.pro-fancybox .swiper-slide .txt p{font-size:14px;color:#fff;line-height:24px;height:48px;overflow:hidden;max-width:80%;margin:0 auto;}

.pro-fancybox .swiper-slide img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}



.pro-fancybox .swiper-button-prev,.pro-fancybox .swiper-button-next{width:40px;height:40px;background:none;border:1px solid #1B1B1B;color:#1B1B1B;margin-top:-20px;z-index:100;text-align:center;border-radius:50%;}

.pro-fancybox .swiper-button-prev i,.pro-fancybox .swiper-button-next i{font-size:25px;line-height:40px;color:inherit;}

.pro-fancybox .swiper-button-prev,.pro-fancybox .swiper-container-rtl .swiper-button-next{left:20px;right:auto;}

.pro-fancybox .swiper-button-next,.pro-fancybox .swiper-container-rtl .swiper-button-prev{right:20px;left:auto;}



.pro-fancybox .swiper-pagination{bottom:15px;width:100%;}

.pro-fancybox .swiper-pagination-bullet {height:12px;width:12px;margin:0 4px;background:none;border:1px solid #21B8BB;border-radius:50%;opacity:1;box-sizing:border-box;}

.pro-fancybox .swiper-pagination-bullet-active{background:#21B8BB;}



.fancybox-slide--iframe .fancybox-content{max-width:90%;max-height:94%;margin:0;}



/*---------*/



.pro-moto-pic{padding:60px 0;}

.pro-moto-pic h3{text-align:center;font-size:40px;color:#000;margin-bottom:30px;font-family:'blenderpro-bold';}

.pro-moto-pic h3::after{content:"";width:40px;height:4px;background:#21B8BB;display:block;margin:15px auto 0;}

.pro-moto-pic .list{position:relative;}

.pro-moto-pic .swiper-slide{position:relative;overflow:hidden;}

.pro-moto-pic .swiper-slide img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}



.pro-moto-pic .swiper-button-prev,.pro-moto-pic .swiper-button-next{width:40px;height:60px;background:#1B1B1B;color:#fff;margin-top:-30px;z-index:100;text-align:center;}

.pro-moto-pic .swiper-button-prev i,.pro-moto-pic .swiper-button-next i{font-size:30px;line-height:60px;color:inherit;}

.pro-moto-pic .swiper-button-prev,.pro-moto-pic .swiper-container-rtl .swiper-button-next{left:0;right:auto;border-left:none;border-radius:0 10px 10px 0;}

.pro-moto-pic .swiper-button-next,.pro-moto-pic .swiper-container-rtl .swiper-button-prev{right:0;left:auto;border-right:none;border-radius:10px 0 0 10px;}



.pro-moto-pic2{padding:60px 0;}

.pro-moto-pic2 h3{text-align:center;font-size:40px;color:#000;margin-bottom:30px;font-family:'blenderpro-bold';}

.pro-moto-pic2 h3::after{content:"";width:40px;height:4px;background:#21B8BB;display:block;margin:15px auto 0;}

.pro-moto-pic2 .list{position:relative;}

.pro-moto-pic2 .swiper-slide{position:relative;overflow:hidden;}

.pro-moto-pic2 .swiper-slide img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}



.pro-moto-pic2 .swiper-button-prev,.pro-moto-pic2 .swiper-button-next{width:40px;height:60px;background:#1B1B1B;color:#fff;margin-top:-30px;z-index:100;text-align:center;}

.pro-moto-pic2 .swiper-button-prev i,.pro-moto-pic2 .swiper-button-next i{font-size:30px;line-height:60px;color:inherit;}

.pro-moto-pic2 .swiper-button-prev,.pro-moto-pic2 .swiper-container-rtl .swiper-button-next{left:0;right:auto;border-left:none;border-radius:0 10px 10px 0;}

.pro-moto-pic2 .swiper-button-next,.pro-moto-pic2 .swiper-container-rtl .swiper-button-prev{right:0;left:auto;border-right:none;border-radius:10px 0 0 10px;}





/*---------*/





.pro-kache{padding:60px 0;}

.pro-kache h3{color:#000;font-size:40px;text-transform:capitalize;font-family:'blenderpro-bold';text-align:center;}



.pro-kache .tab{margin-top:50px;}

.pro-kache .tab ul{background:#161616;height:50px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;position:relative;}

.pro-kache .tab ul li{-webkit-flex:auto;flex:auto;padding:0 5px;box-sizing:border-box;height:50px;line-height:50px;text-align:center;position:relative;box-sizing:border-box;font-size:20px;cursor:pointer;color:#fff;position:relative;text-transform:uppercase;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-family:'blenderpro-medium';}

.pro-kache .tab ul li.active{background:#21B8BB;color:#fff;}



.pro-kache .tab-box{font-size:16px;line-height:26px;padding:30px 0 0;color:#333;}

.pro-kache .tab-box .content{display:none;}

.pro-kache .tab-box table{width:100%;max-width:100%;margin-bottom:20px;font-size:15px;border:1px solid #D9D9D9;color:#333;}

.pro-kache .tab-box table tr > th{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;font-weight:bold;}

.pro-kache .tab-box table tr > td{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;}

.pro-kache .tab-box table tr.firstRow > td{font-weight:bold;}

.pro-kache .tab-box table tr > td *{margin:0;padding:0;}

.pro-kache .tab-box table tr > td p{margin:0;}



.pro-down{padding:60px 0;}

.pro-down h3{color:#000;font-size:40px;padding-bottom:30px;text-transform:capitalize;font-family:'blenderpro-bold';text-align:center;border-bottom:2px solid #f0f0f0;}



.pro-down .list{margin-top:40px;font-size:0;}

.pro-down .list a{background:#F0F0F0;line-height:50px;height:50px;display:block;position:relative;}

.pro-down .list a em{padding:0 80px 0 20px;font-size:22px;font-family:'blenderpro-medium';color:#111;display:block;box-sizing:border-box;}

.pro-down .list a i{position:absolute;right:0;top:0;width:50px;height:50px;line-height:50px;background:#21B8BB;color:#fff;text-align:center;font-size:22px;display:inline-block;vertical-align:top;}



/*---------*/



.pro-nong{padding:60px 0;}

.pro-nong h1{color:#000;font-size:30px;text-transform:capitalize;font-family:'blenderpro-bold';text-align:center;}



.pro-pic{position:relative;max-width:700px;margin:30px auto 0;}

.pro-pic .swiper-slide{position:relative;overflow:hidden;}

.pro-pic .swiper-slide img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}



.pro-pic .swiper-button-prev,.pro-pic .swiper-button-next{width:40px;height:40px;background:none;border:1px solid #1B1B1B;color:#1B1B1B;margin-top:-20px;z-index:100;text-align:center;border-radius:50%;}

.pro-pic .swiper-button-prev i,.pro-pic .swiper-button-next i{font-size:25px;line-height:40px;color:inherit;}

.pro-pic .swiper-button-prev,.pro-pic .swiper-container-rtl .swiper-button-next{left:-60px;right:auto;}

.pro-pic .swiper-button-next,.pro-pic .swiper-container-rtl .swiper-button-prev{right:-60px;left:auto;}



.pro-pic .swiper-pagination{position:static;width:100%;margin:30px 0 0;}

.pro-pic .swiper-pagination-bullet {height:12px;width:12px;margin:0 4px;background:none;border:1px solid #21B8BB;border-radius:50%;opacity:1;box-sizing:border-box;}

.pro-pic .swiper-pagination-bullet-active{background:#21B8BB;}





.pro-nong-tab{margin-top:50px;}

.pro-nong-tab ul{background:#161616;height:50px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;position:relative;}

.pro-nong-tab ul li{-webkit-flex:auto;flex:auto;padding:0 5px;box-sizing:border-box;height:50px;line-height:50px;text-align:center;position:relative;box-sizing:border-box;font-size:22px;cursor:pointer;color:#fff;position:relative;text-transform:uppercase;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-family:'blenderpro-medium';}

.pro-nong-tab ul li.active{background:#21B8BB;color:#fff;}



.pro-nong-text{font-size:16px;line-height:26px;padding:20px 0 0;color:#333;}

.pro-nong-text .content{display:none;}

.pro-nong-text table{width:100%;max-width:100%;margin-bottom:20px;font-size:15px;border:1px solid #D9D9D9;color:#333;}

.pro-nong-text table tr > th{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;font-weight:bold;}

.pro-nong-text table tr > td{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;}

.pro-nong-text table tr.firstRow > td{font-weight:bold;}

.pro-nong-text table tr > td *{margin:0;padding:0;}

.pro-nong-text table tr > td p{margin:0;}



.pro-nong-pic{}

.pro-nong-pic ul{margin:0 0 0 -2%;}

.pro-nong-pic ul li{float:left;width:23%;margin:20px 0 0 2%;}





/*---------*/



.moto-banner{background-repeat:no-repeat;background-position:center;background-size:cover;padding:100px 0 60px;}

.moto-banner h1{color:#fff;font-size:60px;line-height:1;text-align:center;margin-bottom:50px;font-family:'blenderpro-bold';}

.moto-banner .color .tab-box{width:680px;height:470px;overflow:hidden;min-height:1;margin:0 auto;}

.moto-banner .color .tab-box dd{display:none;}



.moto-banner .color .tab{font-size:0;text-align:center;position:relative;margin-top:20px;}

.moto-banner .color .tab span{width:22px;height:22px;border-radius:50%;display:inline-block;border:2px solid transparent;vertical-align:middle;margin:0 6px;cursor:pointer;transition:all 0.3s ease 0s;}

.moto-banner .color .tab span.red{background:#A52C34}

.moto-banner .color .tab span.grey{background:#6B677A}

.moto-banner .color .tab span.silver{background:#D8E2E8}

.moto-banner .color .tab span.active{border:2px solid #fff;}



.pro-moto-para{padding:65px 36px 85px;box-sizing:border-box;background:#343434;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}

.pro-moto-para .item{width:33.3333333%;padding:0 25px;box-sizing:border-box;}

.pro-moto-para .item h5{text-align:center;font-size:24px;color:#fff;margin-bottom:30px;font-family:'blenderpro-bold';}

.pro-moto-para .item .content{font-size:14px;color:#fff;}

.pro-moto-para table{width:100%;max-width:100%;margin-bottom:20px;font-size:15px;border:none;color:#fff;}

.pro-moto-para table tr > td{padding:8px 8px;border:none}

.pro-moto-para table tr.firstRow > td{font-weight:bold;}

.pro-moto-para table tr > td *{margin:0;padding:0;}

.pro-moto-para table tr > td p{margin:0;}



.moto-tit{padding:70px 0 0;border-top:2px solid #f0f0f0;}

.moto-tit h1{color:#000;font-size:60px;line-height:1;text-align:center;font-family:'blenderpro-bold';}











/*-----contact------*/



.contact{display:flex;align-items:flex-start;position:relative;}

.contact-info{flex:1;margin-right:130px;}

.contact-info dl{padding:35px 20px;border-bottom:1px solid #E5E5E5;display:flex;justify-content:space-between;position:relative;z-index:10;}

.contact-info dl dt{width:60px;height:60px;background:#21B8BB;border-radius:50%;display:flex;justify-content:center;align-items:center;}

.contact-info dl dt i{color:#fff;font-size:30px;}

.contact-info dl dd{-webkit-flex:1;flex:1;margin-left:40px;}

.contact-info dl dd h5{font-size:22px;color:#333;font-family:'blenderpro-bold';}

.contact-info dl dd p{font-size:20px;color:#666;line-height:30px;margin:13px 0 0;}



.contact-inquiry{width:45%;box-shadow:0 3px 14px rgba(0,0,0,0.07);padding:50px 55px;background:#fff;position:relative;z-index:10;}

.contact-inquiry h3{font-size:28px;line-height:1;color:#333;font-weight:700;}

.contact-inquiry .inquirbox{margin:50px 0 0;}

.contact-inquiry .inquirbox .row{margin-bottom:23px;}

.contact-inquiry .inquirbox input[type="text"],.contact-inquiry .inquirbox textarea{padding:19px 25px;background:#FAFAFA;font-size:15px;border:1px solid #eee;line-height: 22px;color:#777;}



.contact-inquiry .inquirbox .submit{width:100%;height:66px;line-height:66px;font-size:18px;color:#fff;font-weight:700;background:#21B8BB;}

.contact-inquiry .inquirbox .submit:hover{opacity:0.7;}





/*



.contact{padding:70px 0;}

.contact h3{font-size:30px;color:#000;margin-bottom:25px;font-family:'blenderpro-bold';}



.contact .txt{}

.contact .txt h6{color:#000;font-size:22px;font-family:'blenderpro-medium';}

.contact .txt p{color:#111;margin:10px 0 0;font-size:19px;line-height:24px;}

.contact .txt p span{font-family:'blenderpro-medium';}

.contact .txt p a:hover{color:#E62129;}



.contact-auto{margin-top:50px;}





.contact ul{display:-webkit-flex;display:flex;margin:0 -15px;-webkit-flex-wrap:wrap;flex-wrap:wrap;}

.contact ul li{width:25%;margin-top:20px;padding:0 15px;box-sizing:border-box;}

.contact ul li .box{padding:20px;box-shadow: 0 0 10px #ddd;height:100%;box-sizing:border-box;}

.contact ul li p{color:#111;margin:10px 0 0;font-size:19px;line-height:24px;}

.contact ul li p span{font-family:'blenderpro-medium';}

.contact ul li p a:hover{color:#E62129;}



.contact-branch{margin-top:50px;}

.contact-branch dl{display:-webkit-flex;display:flex;margin:0 -15px;-webkit-flex-wrap:wrap;flex-wrap:wrap;}

.contact-branch dl dd{width:50%;margin-top:20px;padding:0 15px;box-sizing:border-box;}

.contact-branch dl dd .box{padding:30px 20px;height:100%;box-sizing:border-box;background:url('../images/ibg6.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:4px;}

.contact-branch dl dd h5{font-size:26px;color:#fff;font-family:'blenderpro-bold';}

.contact-branch dl dd h6{font-size:22px;color:#fff;font-family:'blenderpro-bold';margin-top:15px;}

.contact-branch dl dd .t{font-size:18px;color:#fff;margin-top:15px;}

.contact-branch dl dd .t p~p{margin-top:5px;}





.contact-inquiry{background:#F9F9F9;padding:70px 0;}

.contact-inquiry h4{font-size:40px;line-height:1;color:#000;text-align:center;margin-bottom:50px;font-family:'blenderpro-bold';}

.contact-inquiry h4::after{content:"";width:40px;height:4px;background:#222;display:block;margin:15px auto 0;}

.contact-inquiry .inquirbox .row{margin-bottom:20px;}

.contact-inquiry .inquirbox input[type="text"],.contact-inquiry .inquirbox textarea{padding:15px 10px;}

.contact-inquiry .inquirbox .submit{margin:0 auto;}



.map{float:right;width:550px;border:1px solid #ccc;}

.map img{width:100%;}



*/





/*-----------------*/ 

.pro-scroll img {width: 1400px;}