﻿@charset "utf-8";
:root {--color: #00ab96;--hovercolor: #07675b}
header{position:fixed;top:0;left:0;width:100%;z-index:999}
.head-main,.head-top:after,.head-top .head-box{background:transparent}
main.is-fixed{margin-top:0}
.head.is-fixed .head-main{background:rgba(255,255,255,.5)}
.head-top{display:none}
@media (min-width:1281px){.head-nav>ul>li>a{font-size:18px}}
header:hover{background:#fff}
header{transition:0.2s}
.inner-banner .inner-content{padding-top:100px;box-sizing:border-box}
.inner-banner h2,.inner-banner h1{text-align:center;font-size:30px;margin:-40px 0 0}
.inner-banner img{min-height:200px;object-fit:cover;object-position:right}
@media (max-width:1366px){.inner-banner h2,.inner-banner h1{font-size:25px}}
@media (max-width:1100px){.inner-banner h2,.inner-banner h1{font-size:20px}}
@media (max-width:768px){.inner-banner .inner-content{padding:10px 15px 20px}}
@media (max-width:560px){.inner-banner h2,.inner-banner h1{margin:0;font-size:16px}}
.head-nav a.inmenu_1{color:#00ac96}
#contact {background: #08786a;}
#ind{flex-wrap:wrap}
#inpro{width:100%;max-width:100%;box-sizing:border-box}
.inpro{padding:70px 15px 10px;background:#fcfcfc}
.inpro .commonweb{max-width:1400px;margin:0 auto}
.inpro-minview{position:relative}
.inpro-minview .swiper-container{padding:30px 20px;box-sizing:border-box}
.inpro-minview .swiper-wrapper{display:flex;position:relative;width:100%;height:100%;z-index:1;box-sizing:content-box}
.inpro-minview .swiper-slide{position:relative;text-align:center;overflow:visible}
.inpro-minview .swiper-slide a{display:block;width:100%;position:relative;border-radius:10px;overflow:hidden;perspective:1200px;transition:all .5s}
.inpro-minposi{width:100%;height:100%;background:#fff;border-radius:10px;padding:40px 25px;box-sizing:border-box}
.inpro-minposiicon{margin:0 auto}
.inpro-minposi p{font-size:20px;padding-top:10px}
.inpro-minback{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;background:linear-gradient(225deg,#3a9bdc,#0598da);border-radius:10px;transition:all .5s;transform:rotateX(90deg) skew(-12deg);transform-origin:top;visibility:hidden;overflow:hidden}
.inpro-minback p{font-size:22px;position:relative;z-index:3;line-height:1.3;font-weight:300;color:#fff}
.inpro-minview .swiper-slide.active-nav a{transform:translateY(-.625rem);box-shadow:.20833rem .83333rem .625rem -.41667rem #206888}
.inpro-minview .swiper-slide.active-nav a .inpro-minback{transform:rotateX(0) skew(0);visibility:inherit;padding:25px 20px;box-sizing:border-box}
.incon-btn{position:absolute;top:50%;z-index:10;display:none;width:30px;height:30px;line-height:30px;color:#fff;text-align:center;font-size:18px;background:#3a9bdc;border-radius:50%;transform:translateY(-50%)}
.inpro-maxview{margin-top:0;padding:0;text-align:center}
.inpro-maxview .swiper-slide img{width:100%;transition:all .5s;border-radius:20px}
.inpro-maxview a::after{content:' ';position:absolute;top:0;bottom:0;left:0;right:0;z-index:2}
@media (max-width:1024px){.inpro-minposi,.inpro-minview .swiper-slide.active-nav a .inpro-minback{padding:15px 10px}
.inpro-minback p{font-size:24px}}
@media (max-width:768px){#ind{flex-direction:column}
.inpro{padding:20px 15px}
.inpro-minview{padding:0 50px}
.incon-btn{display:inline-block}
.incon-prev{left:0}
.incon-next{right:0}
.inpro-minback p,.inpro-minposi p{font-size:16px}}
@media (max-width:640px){.inpro-minview{padding:0 35px}
.inpro-minview .swiper-container{padding:20px 0}
.inpro-minposiicon img{max-width:40px}
.inpro-minposi p{font-size:14px}
.inpro-minback p{font-size:16px}}
.contact .contact-item .icon em{font-size:30px;margin-left:-3px}
@media (min-width:1081px){.head-main .l-wrap .lang{position:relative;right:0;top:0;margin-left:20px;}
.head-main .l-wrap .lang-icon span{color:#000}
.head-main .l-wrap .lang-icon span:before,.head-main .l-wrap .lang-icon span:after{background:#000}}