/* ========== */
/* = HOME = */
/* ========== */
.swiper-home-banner .swiper-slide{ padding:13% 0;  color: #FFFFFF; display:flex; flex-flow: wrap; align-items:center; justify-content:space-between;}
.swiper-home-banner .con{ width:100%;  min-height: 260px;}
.swiper-home-banner h2{ font-size: 56px; margin-bottom:20px; font-weight: normal; letter-spacing:4px;}
.swiper-home-banner p{ font-size: 20px; margin-bottom: 45px; line-height: 40px; letter-spacing: 2px;}
.swiper-home-banner .button-more{ background: #FFFFFF; color: #04d182;}
.swiper-home-banner .button-more:after{ background-image: url(../images/2022/ico_arrows2.png);}
.swiper-home-banner .button-more:hover{ background: #04d182; color: #FFF;}
.swiper-home-banner .button-more:hover:after{ background-image: url(../images/2022/ico_arrows.png);}


.pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.6); text-align: center; z-index:999;}
.pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.pop .content{ max-width:720px; width: 85%; display: inline-block; vertical-align: middle; position: relative;}
.pop .content .border{ display: inline-block;  background:#FFFFFF; padding: 10px; border-radius: 5px; position: relative;}
.pop .content video{ max-width: 100%;}
.pop .close{ position: absolute; cursor:pointer; top:-22px; right:-16px; width: 37px; height: 37px; background-image: url(../images/close.png); background-size: cover;}


.theme{ font-size: 40px; line-height:60px; color: #333; letter-spacing: 4px; text-align: center;}
.button-more{ display: inline-block; background: #04d182; color: #FFFFFF; line-height: 41px; border-radius: 21px; width: 150px; font-size: 16px; padding-right:20px; text-align: center; position: relative;}
.button-more:after{ content: ""; position: absolute; top:50%; right:18px; width: 20px; height: 20px; margin-top: -10px; background-image: url(../images/2022/ico_arrows.png); background-size:cover;}

.home-product { position: relative;}
.home-product .w1200{ position: relative;}
.home-product .left{ position:absolute; left:0; width: 100%; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 2;}
.home-product .tab{  position:absolute; left:70px; width: 100%; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-right: 1px solid rgba(255,255,255,.6); width: 188px; }
.home-product .tab span{ display: block; padding-left: 10px; font-size: 16px; color: #ffffff; position: relative; line-height: 100px; margin-bottom: 25px; cursor: pointer; position: relative;}
.home-product .tab span:before{ display:none; content: ""; position: absolute; top:50%; right:22px; width: 20px; height: 20px; margin-top: -10px; background-image: url(../images/2022/ico_arrows2.png); background-size:cover;}
.home-product .tab span:last-child{ margin-bottom: 0;}
.home-product .tab span.active{ padding-left: 0; font-size: 20px; color: #04d182;}
.home-product .tab span.active:before{ display: block;}
.home-product .tab span.active:after{ content: ""; position: absolute; height: 100%; top:0; right:-1px; border-right: 2px solid #03d378;}
.swiper-home-product .swiper-slide{ height: 700px; display:flex; flex-flow: wrap; align-items:center; justify-content:space-between; background-color: #000000;}
.swiper-home-product .swiper-slide .box{ width: 100%;}
.swiper-home-product .swiper-slide .w1200{ padding-left:370px; }
.swiper-home-product .swiper-slide .theme{ font-size: 36px; line-height: 48px; color: #FFFFFF; text-align: left;}
.swiper-home-product .swiper-slide .des{ margin-bottom:6%; font-size:20px; line-height: 36px; color: #FFFFFF; margin-top: 30px;}
.swiper-home-product .swiper-slide .button-more{ margin-right:10px;}
.swiper-home-product .swiper-slide .pro{ margin-top: 50px;}
.swiper-home-product .swiper-slide .pro .tit{ color: #FFFFFF;}
.swiper-home-product .swiper-slide .pro ul{  display:flex; flex-flow: wrap; align-items:stretch; justify-content:flex-start;}
.swiper-home-product .swiper-slide .pro li{ margin-top: 10px; display:flex; flex-flow: wrap; align-items:center; justify-content:space-between; background: rgba(255,255,255,.3); height: 66px; width: 140px; padding: 0 5px; text-align: center; margin-right: 14px;}
.swiper-home-product .swiper-slide .pro li a{ width: 100%;color: #FFFFFF; }
.swiper-home-product .swiper-slide .pro li:hover a{ color: #03d378;}

.home-datebase{ padding:5% 0; background-image: url(../images/2022/datebase.jpg);}
.home-datebase .theme{ color: #FFFFFF;}
.home-datebase ul{ margin-top: 2%; display: flex; flex-flow: wrap; align-items:flex-start; justify-content:space-between;}
.home-datebase li{ margin-top: 5%; width: 25%; color: #FFFFFF; font-size: 20px; text-align: center;}
.home-datebase li span{ display: block; font-size: 46px; font-weight: 600; margin-bottom:20px;}

.home-tool{ padding: 5% 0 4%; background: #fffcfc;}
.home-tool ul{ margin-top:4%; display: flex; flex-flow: wrap; align-items:stretch; justify-content:space-between;}
.home-tool li{ width:23.4%; margin:0.8%; background: #FFFFFF; border-radius: 10px; overflow: hidden;}
.home-tool li .box{ display: flex; flex-flow: wrap; align-items:center; justify-content:space-between; padding:12% 5% 10% 8%; }
.home-tool li .box img{ max-width: 26%; }
.home-tool li .box div{ width:65%;}
.home-tool li .box div span{ padding-bottom: 12px; display: block; font-size: 14px; color: #000000; position: relative; }
.home-tool li .box div span:after{ content: ""; position: absolute; bottom:0; left:0; width: 30px; height: 2px; background: #75c632;}
.home-tool li .box div p{ margin-top: 10px; color: #888; font-size:12px; line-height: 22px;}
.home-tool li .box:hover div span{ color: #75c632;}

.home-ecology{ padding:5% 0 4%; background-image: url(../images/2022/ecology_bg.jpg);}
.home-ecology .theme{ color: #FFFFFF;}
.home-ecology .content{ max-width: 920px; margin: 2% auto 0; display: flex; flex-flow: wrap; align-items:center; justify-content:space-between;}
.home-ecology ul{ max-width: 50%;}
.home-ecology li { margin: 32% 0; font-size: 20px; color: #FFF;}
.home-ecology li span{ font-size:46px; margin-right: 10px; display: inline-block; font-weight: 600; color: #04d182;}
.home-ecology .img{ width: 45%;}

.home-customer{ padding:5% 0; background-image: url(../images/2022/customer_bg.jpg);}
.home-customer .theme{ color: #FFFFFF;}
.home-customer ul{ margin-top:5%; display: flex; flex-flow: wrap; align-items:center; justify-content:space-between; }
.home-customer li{  width:13.4%; margin:0.1%;}

.home-news{ padding:5% 0;}
.swiper-home-news{ margin: 0 -15px;}
.swiper-home-news .swiper-slide{ padding:0 15px 30px 15px;}
.swiper-home-news .swiper-slide .img{width: 100%; height: 229px;}
.swiper-home-news .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover;}
.swiper-home-news .swiper-pagination{ bottom: 0px !important;}
.swiper-home-news .swiper-pagination-bullet{ border-radius:3px; width: 40px; height: 6px; background: #EBECF0;}
.swiper-home-news .swiper-pagination-bullet:before{ display: none;}
.swiper-home-news .swiper-pagination-bullet-active{ background: #0764E9;}
.swiper-home-news .box{ background: #FFFFFF; display: block; background: #F4F5F7; border-radius: 4px; overflow: hidden;}
.swiper-home-news .box .text{ padding: 20px 20px 12px 20px;}
.swiper-home-news .box .text .tit{ font-size:14px; font-weight: 600;  color: #020A1A;line-height: 24px; margin: 10px 0;}
.swiper-home-news .box .text .des{ font-size: 12px; color: #495973; line-height: 16px;height: 32px;}
.swiper-home-news .box .text .date{  font-size: 12px; color: #495973;line-height: 16px;}
.swiper-home-news .box .text .more{ display: flex;align-items: center; margin-top: 15px; color: #0764E9;font-size:14px;line-height: 24px;}
.swiper-home-news .box .text .more svg{margin-left: 8px;}
.swiper-home-news .box .text .more:hover svg{margin-left: 12px;  -webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;-o-transition: -o-transform 0.2s ease-out;transition: transform 0.2s ease-out;}
/* .swiper-home-news .box:hover .text .tit{ color: #0764E9;} */

@media (max-width:999px) {
	/* ========== */
	/* = HOME = */
	/* ========== */
	.banner{padding:2.4rem 0 2rem;}
	.banner h2{ font-size: 0.6rem; margin-bottom:0.4rem; letter-spacing:0.066666rem;}
	.banner p{ font-size: 0.38rem; line-height: 0.7rem; margin-bottom:0.4rem; letter-spacing: 0.04rem;}	
	.theme{ font-size: 0.42rem; line-height:0.84rem;letter-spacing:0.01rem;}
	.button-more{ line-height: 1rem; border-radius: 0.5rem; width:2.8rem; padding-left:0.3rem;  font-size:0.32rem;}
	.button-more:after{right:0.266666rem; width:0.4rem; height:0.4rem; margin-top:-0.2rem;}
	
	.home-product .left{ width: 100%; top:0.533333rem; transform: translateY(0%); -webkit-transform: translateY(0%);}
	.home-product .tab{ position: relative; top:auto; left:auto; transform: translateY(0%); -webkit-transform: translateY(0%); width: 100%; border-right: none; font-size: 0; border-bottom: 1px solid rgba(255,255,255,.6);  }
	.home-product .tab span{ margin-bottom: 0; text-align: center; padding-left: 0; display:inline-block; width:25%; font-size: 0.38rem;}
	.home-product .tab span.active{ font-size: 0.4rem;}
	.home-product .tab span.active:before{ display: none;}
	.home-product .tab span.active:after{ height:1px; width: 100%; top:auto; right:auto; left: 0; bottom: -1px; border-right:none; border-bottom: 2px solid #03d378;}
	.swiper-home-product .swiper-slide{ display: block; height: 14rem; padding-top:2rem;}
	.swiper-home-product .swiper-slide .w1200{ padding:2rem 0.4rem 0;}
	.swiper-home-product .swiper-slide .box{ width: 100%;}
	.swiper-home-product .swiper-slide .theme{ font-size: 0.42rem; line-height: 0.6rem;}
	.swiper-home-product .swiper-slide .des{ font-size:0.34rem; line-height: 0.7rem;  margin-top: 0.533333rem;}
	.swiper-home-product .swiper-slide .button-more{ margin-top: 6%;}
	
	.home-tool{ padding:1.2rem 0;}
	.home-tool li{ width: 48%; margin:1%;}
	.home-tool li .box{ display: block;}
	.home-tool li .box div{ margin-top:0.4rem; width: 100%; text-align: center;}
	.home-tool li .box div span:after{ margin-left: -15px; left:50%;}
	
	.home-datebase{ padding:1.2rem 0;}
	.home-datebase li{ font-size: 0.32rem;}
	.home-datebase li span{ font-size: 0.5rem; margin-bottom:0.266666rem;}
	
	.home-innovate{ padding:1.2rem 0;}
	.home-innovate li{ width:48%; }
	.home-innovate li .box{ padding: 0.5rem 0.2rem; height: 5rem; text-align: center; }
	.home-innovate li .box img{ width: 0.8rem; margin: 0 auto; }
	.home-innovate li .box div{ margin-top: 0.266666rem; width:100%;}
	.home-innovate li .box div span{ font-size: 0.36rem;}
	.home-innovate li .box div span:after{ left:50%; margin-left: -20px;}
	.home-innovate li .box div p{ margin-top: 0.266666rem; font-size: 0.3rem; line-height: 0.6rem;}
	
	.home-ecology{ padding:1.2rem 0;}
	.home-ecology li { margin:0.4rem 0; font-size: 0.4rem;}
	.home-ecology li span{ font-size:0.666666rem; margin-right: 0.133333rem;}
	
	.home-customer{ padding:1.2rem 0;}
	.home-customer ul{ margin-top: 0.666666rem;}
	.home-customer li{ width:18%; margin:0;}
}


/* ========== */
/* = NY = */
/* ========== */
.ny-banner{ padding: 11.5% 0; color: #FFFFFF; }
.ny-banner .w1200{ height: 200px;}
.ny-banner h2{ margin: 20px 0; font-size: 36px; line-height: 36px; line-height: 66px;}
.ny-banner .des{ margin: 20px 0; font-size: 20px; line-height:36px;}
.ny-banner .des ul{ padding-left: 30px;}
.ny-banner .des li{ list-style: disc;}


/* ========== */
/* = BIOLOGY = */
/* ========== */
.biology-product{ padding:6% 0;}
.biology-product ul{ display: flex; flex-flow: wrap; align-items:stretch; justify-content:space-between;}
.biology-product li{ margin-top:4%; width: 32%; padding:5% 2%; color: #FFFFFF; text-align: center;}
.biology-product li .tit{ margin-top:8%; font-size: 20px;}
.biology-product li .des{ margin: 8% 0; font-size: 16px; line-height: 26px;}
.biology-other{ padding: 5% 0; background-image: url(../images/2022/product_box_bg.jpg); text-align: center;}
.biology-other .theme{ color: #FFFFFF;}
.biology-other ul{ display: flex; flex-flow: wrap; align-items:flex-start; justify-content:space-between;}
.biology-other li{ margin-top:5%; width: 18%; text-align: center;}
.biology-other li span{ position: relative; display: inline-block;}
.biology-other li span img{-webkit-transition: all ease .4s;transition: all ease .4s;}
.biology-other li span img:nth-child(1){  position: absolute; top:0; left:0; opacity: 0; transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
.biology-other li .tit{ margin-top: 30px; font-size: 20px; color: #FFFFFF;}
.biology-other li .des{ margin: 20px auto 0; max-width: 180px; font-size: 12px; line-height: 20px; color: #FFFFFF;}
.biology-other li:hover span img:nth-child(1){ opacity:1; transform:rotateY(0deg); -webkit-transform:rotateY(0deg);}
.biology-other li:hover span img:nth-child(2){ opacity:0; transform:rotateY(-180deg); -webkit-transform:rotateY(-180deg);}
.biology-other li:hover .tit{ color: #04d182;}
.biology-other li:hover .des{ color: #04d182;}
.biology-other .ul-02 li{ width:13.2%;}
.biology-other .ul-02 li span{ width: 60px;}
.biology-other .ul-02 li .tit{ font-size: 16px;}
.biology-other .button-more{ margin-top: 60px; }

.biology-sence{ padding: 5% 0; background-image: url(../images/2022/biology_sence_bg.jpg);}
.biology-sence .theme{ color: #FFFFFF;}
.biology-sence .content{ margin-top: 6%;}
.biology-hezuo{ padding: 5% 0; background-image: url(../images/2022/biology_hezuo.jpg);}
.biology-hezuo .theme{ color: #FFFFFF;}
.biology-hezuo ul{  margin-top: 50px; display: flex; flex-flow: wrap; align-items:flex-start; justify-content:space-between;}
.biology-hezuo li{ width: 19%; max-width:200px; }
.biology-hezuo li span{ display: block; margin-bottom: 20px;}
.biology-hezuo li .tit{ font-size: 20px; padding:20px 0; cursor: pointer; text-align: center; color: #FFFFFF; border-top: 1px solid rgba(255,255,255,.5);}
.biology-hezuo li .tit em{ font-style: normal; font-size: 16px;}
.biology-hezuo li .tit:hover{ color: #04d182; }

/* ========== */
/* = FINANCE = */
/* ========== */
.finance-product{ padding: 5% 0;}
.finance-product ul{ margin-bottom: 5%; display: flex; flex-flow: wrap; align-items:stretch; justify-content:space-between;}
.finance-product li { margin-top: 50px; width: 31%; background: #f2fcf8; text-align: center; position: relative; padding: 80px 10px 30px; min-height: 400px; letter-spacing: 2px; color: #333333;}
.finance-product li .tit{ font-size: 22px;}
.finance-product li .tip{ font-size: 18px; margin-top: 20px;}
.finance-product li .des{ margin: 20px  auto 0; max-width: 260px; line-height: 30px; font-size: 16px; text-align: left;}
.finance-product li span{ position: absolute; bottom: 0; right: 0; display: inline-block;}
.finance-product li span img:nth-child(1){ position: absolute; top:0; left:0;}
.finance-product li span img:nth-child(2){ opacity: 0;}
.finance-product li:hover .tit{ color: #04d181;}
.finance-product li:hover img:nth-child(1){ opacity: 0;}
.finance-product li:hover img:nth-child(2){ opacity: 1;}
.finance-product .img{ margin-top: 60px;}

.finance-advantage{ padding: 5% 0;  background-image: url(../images/2022/finance_advantage_bg.jpg); text-align: center;}
.finance-advantage .theme{ color: #FFFFFF;}
.finance-advantage ul{ margin-bottom:40px; text-align: center; display: flex; flex-flow: wrap; align-items:flex-start; justify-content:space-between;}
.finance-advantage li{ margin-top: 70px;}
.finance-advantage li .tit{ padding-bottom: 20px; position: relative; font-size: 20px; line-height: 32px; color: #FFFFFF;}
.finance-advantage li .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 26px; height: 2px; margin-left: -13px; background:#FFFFFF;}
.finance-advantage li .des{ max-width: 250px; font-size: 12px; line-height: 26px; margin-top: 12px; color: #FFFFFF;}
.finance-advantage li:hover .tit{ color: #04d181;}
.finance-advantage li:hover .tit:after{ background: #04d181;}

.finance-sence{ padding-top: 5%;}
.finance-sence .content{ position: relative;}
.finance-sence .button{ position: absolute; top:50%; width: 100%;}
.finance-sence .button .w1200{ position: relative;}
.swiper-button-prev,
.swiper-button-next{ width: 60px !important; height: 60px !important; margin-top: -30px;}
.swiper-button-prev{ background-image:url(../images/2022/prev.png);}
.swiper-button-next{ background-image:url(../images/2022/next.png);}
.swiper-button-prev:hover{ background-image:url(../images/2022/prev_hover.png);}
.swiper-button-next:hover{ background-image:url(../images/2022/next_hover.png);}
.swiper-finance-sence{ margin-top: 5%;}
.swiper-finance-sence .swiper-slide{ padding:8% 0;}
.swiper-finance-sence .swiper-slide .tit{ font-size: 30px; color: #04d181; padding-bottom: 25px; position: relative;}
.swiper-finance-sence .swiper-slide .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 60px; height: 2px; background:#04d181;}
.swiper-finance-sence .swiper-slide .des{ margin-top: 25px; color: #FFFFFF; max-width: 540px; font-size: 20px; line-height: 36px; min-height: 150px; text-align: justify;}

.finance-hezuo{ padding: 5% 0; background-image: url(../images/2022/finance_hezuo_bg.jpg);}
.finance-hezuo .theme{ color: #FFFFFF;}
.finance-hezuo .des{ margin-top: 40px; font-size: 20px; line-height: 36px; text-align: justify; color:#FFFFFF;}
.finance-hezuo ul{ display: flex; flex-flow: wrap; align-items:stretch; justify-content:space-between;}
.finance-hezuo li{ margin-top: 40px; max-width: 18%; min-width: 12%;}

/* ========== */
/* = PROPERTY = */
/* ========== */
.property-product{ padding: 4% 0; background-image: url(../images/2022/property_pro_bg.jpg); color: #FFFFFF;}
.property-product .theme{ color: #FFFFFF;}
.property-product ul{ display: flex; flex-flow: wrap; align-items:stretch; justify-content:space-between;}
.property-product li{ margin-top:60px; width: 50%; text-align: center; }
.property-product li .cricle{ padding-top: 40px; display:inline-block; width: 205px; height: 205px; background: #ffffff; border-radius: 100%;}
.property-product li .cricle span{ display: inline-block; width: 80px; position: relative;}
.property-product li .cricle span img{-webkit-transition: all ease .4s; transition: all ease .4s;}
.property-product li .cricle span img:nth-child(2){ position: absolute; top:0; left:0; opacity: 0;  transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
.property-product li .cricle p{ font-size: 20px; color: #333333; line-height: 26px;}
.property-product li .des{ margin: 25px 0; font-size: 16px; line-height: 30px; color: #fff;}
.property-product li:nth-child(1) .cricle p{ margin-top: 10px;}
.property-product li:hover .cricle{ background: #04d181;}
.property-product li:hover .cricle span img:nth-child(1){  opacity:0; transform:rotateY(-180deg); -webkit-transform:rotateY(-180deg); }
.property-product li:hover .cricle span img:nth-child(2){  opacity:1; transform:rotateY(0deg); -webkit-transform:rotateY(0deg);}
.property-product li:hover .cricle p{ color: #FFFFFF;}
.property-product li:hover .des{ color:#04d181;}

.property-link{ background: #313733;}
.property-link ul{ padding:50px 10%; display: flex; flex-flow: wrap; align-items:stretch; justify-content:space-between;}
.property-link li{ text-align: center; width: 30%; text-align: center;}
.property-link li .box{  display: inline-block; background: rgba(255,255,255,.2); color: #FFFFFF; width: 150px; height: 150px; padding-top: 25px; border-radius: 100%;}
.property-link li .box p{ margin-top: 8px;}

.property-adv{ padding-top: 5%;}
.property-adv .tab{ text-align: center; margin-top: 50px;}
.property-adv .tab span{ display: inline-block; width:30%; cursor: pointer; max-width:172px; margin: 0 1%; border: 2px solid #04d181; color: #333333; border-radius:10px; line-height: 40px; font-size: 16px; padding: 0 10px;}
.property-adv .tab span.active{ background: #04d181; color: #FFFFFF;}
.property-adv .bg{ background-image: url(../images/2022/property_advantage_bg.jpg);}
.swiper-property-adv{ margin-top: 50px;}
.swiper-property-adv .swiper-slide ul{  display: flex; flex-flow: wrap; align-items:stretch; justify-content:space-between;}
.swiper-property-adv .swiper-slide li{ width: 40%; padding-top:110px;}
.swiper-property-adv .swiper-slide li:nth-child(2n){ width: 55%;}
.swiper-property-adv .swiper-slide li .tit{ margin-bottom:40px; font-size: 22px; color: #FFFFFF; text-align: center;}
.swiper-property-adv .swiper-slide li .con{ max-width: 540px; margin: 0 auto; display: flex; flex-flow: wrap; align-items:stretch; justify-content:space-between;}
.swiper-property-adv .swiper-slide li .con p{ width: 49%; background:#ffffff; border-radius: 12px; padding:20px; margin-bottom: 12px; display: flex; flex-flow: wrap; align-items:stretch; justify-content:space-between; color: #333333;}
.swiper-property-adv .swiper-slide li .con p span{ font-size: 18px;}
.swiper-property-adv .swiper-slide li .con p em{ font-style: normal; font-size: 20px; font-weight: 600;}
.swiper-property-adv .swiper-slide li .con p:hover{ background: #04d181; color: #FFFFFF;}
.swiper-property-adv .swiper-slide .img{ padding: 80px 0;}
.swiper-property-adv .swiper-slide .img img{ max-width: 960px;}
.property-case{ padding: 5% 0;}
.property-case .descon{ margin-top: 40px; font-size:20px; color: #333333; line-height: 36px; text-align: center;}
.property-case .content{ position: relative; margin-top: 50px;}
.property-case .button{ position: relative; margin: 0 auto; max-width: 170px; height: 50px;}
.property-case .swiper-button-prev,
.property-case .swiper-button-next{ -webkit-box-shadow:0 0 25px rgba(0,0,0,.1); box-shadow:0 0 25px rgba(0,0,0,.1); border-radius: 100%;}
.property-case .swiper-button-prev{ background-image:url(../images/2022/prev_gary.png);}
.property-case .swiper-button-next{ background-image:url(../images/2022/next_gary.png);}
.property-case .swiper-button-prev:hover{ background-image:url(../images/2022/prev_black.png);}
.property-case .swiper-button-next:hover{ background-image:url(../images/2022/next_black.png);}
.swiper-property-case{ margin: 0 -25px;}
.swiper-property-case .swiper-slide{ padding: 40px 25px;}
.swiper-property-case .box{ display: block; border-radius: 10px; overflow: hidden;}
.swiper-property-case .box .img{ position: relative;}
.swiper-property-case .box .tip{ position: absolute; top:0; left:0; background: #04d181; color: #FFFFFF; padding:4px 10px; font-size: 12px; border-radius: 10px 0 4px 0;}
.swiper-property-case .box .tip img{ display: inline-block; vertical-align: middle;}
.swiper-property-case .box .tip span{ display: inline-block; vertical-align: middle;}
.swiper-property-case .box .text{ padding: 25px;}
.swiper-property-case .box .text .logo-ico img{ margin: 0;}
.swiper-property-case .box .text .des{ margin-top: 20px; color: #333333; height: 60px; overflow: hidden; font-size: 12px; line-height: 20px;}
.swiper-property-case .box .text .con{ margin-top: 20px; border-top:1px solid #ccc; padding-top: 25px; display: flex; flex-flow: wrap; align-items:center; justify-content:space-between;}
.swiper-property-case .box .text .con .head{ width: 20%; overflow: hidden; border-radius: 100%;}
.swiper-property-case .box .text .con .txt{ width: 74%; font-size: 12px;}
.swiper-property-case .box .text .con .txt span{ color: #333333;}
.swiper-property-case .box .text .con .txt p{ margin-top: 5px; line-height: 20px; height: 40px; overflow: hidden; color: #999999;}

/* ========== */
/* = research = */
/* ========== */
.research-product{ padding: 5% 0; background: #f9fbff; text-align: center;} 
.research-product .content{ margin: 60px 0 20px; display: flex; flex-flow: wrap; align-items:center; justify-content:space-between;}
.research-product .content ul{ width: 45%;}
.research-product .content li{ margin: 22px 0; color: #333333; text-align: justify;}
.research-product .content li span{ display: block; font-size: 22px; color: #000000;}
.research-product .content li p{ font-size: 16px; line-height: 28px; margin-top: 10px;}
.research-product .content li:hover{ color: #04d182; }
.research-product .content li:hover span{  color: #04d182; }
.research-product .content .img{ width: 50%;}

.research-sence{ padding: 5% 0; background-image:url(../images/2022/research_sence_bg.jpg); }
.research-sence .theme{ color: #FFFFFF;}
.research-sence .con{ margin-top: 60px;}
.research-bottom{ padding-top: 5%;}
.research-bottom ul{ margin-top: 60px; display: flex; flex-flow: wrap; align-items:center; justify-content:space-between;}
.research-bottom ul li{ width:50%; position: relative; padding:8% 0  6%;}
.research-bottom ul li .con .tit{ text-align: center; font-size: 30px; color: #FFFFFF;}
.research-bottom .box{ display: none; position: absolute; top:0; left:0; width:200%; height: 100%; color:#FFFFFF;}
.research-bottom .box .tit{ padding-bottom: 30px; color: #04d182; font-size:30px; position: relative;}
.research-bottom .box .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 50px; height: 2px; background: #04d182;}
.research-bottom .box-01 { padding-top: 11%;}
.research-bottom .box-01 .w1200{ display: flex; flex-flow: wrap; align-items:center; justify-content:space-between;}
.research-bottom .box-01 .text{ width: 50%;}
.research-bottom .box-01 .tip{ font-size: 18px; margin-top: 35px;}
.research-bottom .box-01 .des{ margin-top: 20px; line-height: 26px; }
.research-bottom .box-01 .img{ width: 50%;}
.research-bottom .box-02{ padding-top:9%;}
.research-bottom .box-02 .tit{ text-align: center;}
.research-bottom .box-02 .tit:after{ left:50%; margin-left: -25px;}
.research-bottom .box-02 .content{ position: relative; max-width: 1000px; margin: 0 auto;}
.research-bottom .box-02 .content .tip{ position:absolute; width: 30%;}
.research-bottom .box-02 .content .tip span{ font-size: 18px;}
.research-bottom .box-02 .content .tip p{ line-height: 26px; margin-top: 12px;}
.research-bottom .box-02 .content .tip:nth-child(1){ left:0; top:24%;}
.research-bottom .box-02 .content .tip:nth-child(2){ right:0; top:24%;}
.research-bottom .box-02 .content .tip:nth-child(3){ left:40%; top:90%; }
.research-bottom ul li:nth-child(2) .box{ left:auto; right:0;}
.research-bottom ul li:hover{ z-index: 1;}
.research-bottom ul li:hover .box{ display: block;}

@media (max-width:999px) {
	/* ========== */
	/* = NY = */
	/* ========== */
	.ny-banner{ padding:1.4rem 0;}
	.ny-banner .w1200{ height: 4rem;}
	.ny-banner h2{  margin: 0.4rem 0;  font-size: 0.46rem; line-height: 0.8rem;}
	.ny-banner .des{ margin: 0.4rem 0; font-size: 0.32rem; line-height:0.533333rem;}
	.ny-banner .des ul{ padding-left: 0.4rem;}
	.ny-banner .des li{ list-style: disc;}
	
	
	/* ========== */
	/* = BIOLOGY = */
	/* ========== */
	.biology-product{ padding:1.2rem 0 0.6rem;}
	.biology-product li{ width: 100%; margin-bottom: 0.6rem; padding:1rem 0;}
	.biology-product li img{ width: 1.6rem;}
	.biology-product li .tit{  font-size: 0.4rem;}
	.biology-product li .des{ font-size: 0.34rem; line-height: 0.68rem;}
	.biology-other{  padding: 1.2rem 0;}
	.biology-other li,
	.biology-other .ul-02 li{ margin-top: 1.333333rem; width: 48%; }
	.biology-other li span,
	.biology-other .ul-02 li span{ width: 1.1rem; }
	.biology-other li .tit,
	.biology-other .ul-02 li .tit{ margin-top: 0.4rem; font-size: 0.36rem;}
	.biology-other li .des{ margin: 0.4rem auto 0; width: 100%; font-size: 0.32rem; line-height: 0.64rem;}
	.biology-other .button-more{ margin-top: 0.6rem; }
	.biology-sence{ padding: 1.2rem 0;}
	.biology-hezuo{ padding: 1.2rem 0;}
	.biology-hezuo ul{ margin-top: 0.8rem;}
	.biology-hezuo li span{margin-bottom: 0.7rem;}
	.biology-hezuo li .tit{ font-size: 0.33rem; padding:0.4rem 0; }
	.biology-hezuo li .tit em{ font-size: 0.3rem;}
	
	/* ========== */
	/* = FINANCE = */
	/* ========== */
	.finance-product{  padding:1.2rem 0;}
	.finance-product li { margin-top: 0.933333rem; width:100%; min-height:2.6rem; padding: 0.8rem 0.133333rem; letter-spacing: 0.04rem;}
	.finance-product li .tit{ font-size: 0.38rem; }
	.finance-product li .tip{ font-size: 0.34rem; }
	.finance-product li .des{ margin: 0.4rem auto 0; font-size: 0.32rem; line-height: 0.62rem;}
	.finance-product li span{ width: 1.2rem; }
	.finance-product .img{ margin-top: 0.8rem;}
	
	.finance-advantage{ padding:1.2rem 0;} 
	.finance-advantage li{ margin-top: 0.666666rem; width: 49%;}
	.finance-advantage li .tit{ padding-bottom:0.4rem; font-size: 0.36rem; line-height: 0.7rem;}
	.finance-advantage li .des{ margin-top: 0.4rem; font-size: 0.32rem; line-height: 0.62rem;}
	
	.swiper-button-prev,
	.swiper-button-next{ width:0.8rem !important; height: 0.8rem !important; margin-top: -0.4rem !important;} 
	.swiper-finance-sence .swiper-slide{ padding:2rem 0.933333rem;}
	.swiper-finance-sence .swiper-slide .tit{ font-size: 0.4rem; padding-bottom: 0.4rem;}
	.swiper-finance-sence .swiper-slide .des{ margin-top: 0.4rem; font-size: 0.32rem; line-height: 0.62rem; }
	
	.finance-hezuo{  padding:1.2rem 0;} 
	.finance-hezuo .des{ margin-top: 0.666666rem; font-size: 0.32rem; line-height: 0.62rem; }
	.finance-hezuo li{ margin-top: 0.8rem; width: 33%; max-width: 33%;}
	.finance-hezuo li img{ height: 1rem;}	
	
	/* ========== */
	/* = PROPERTY = */
	/* ========== */
	.property-product{ padding:1.2rem 0;}
	.property-product li{ margin-top:0.8rem; width: 49%; }
	.property-product li .cricle{ padding-top: 0.5rem; width:2.8rem; height:2.8rem;}
	.property-product li .cricle span{ width: 0.8rem;}
	.property-product li .cricle p{  margin-top: 0.1rem; font-size: 0.3rem; line-height:0.52rem;}
	.property-product li .des{ margin: 0.4rem 0; font-size: 0.28rem; line-height:0.6rem;}
	.property-product li:nth-child(1) .cricle p{ margin-top: 0.4rem;}
	 
	.property-link ul{ padding:1.066666rem 0; }
	.property-link li{  width: 32%;}
	.property-link li .box{  width: 2.2rem; height: 2.2rem; padding-top: 0.44rem; }
	.property-link li .box img{ width: 0.72rem;}
	.property-link li .box p{ margin-top: 0.133333rem; font-size: 0.28rem;}
	
	.property-adv{ padding-top:1.2rem;}
	.property-adv .tab{ margin-top: 0.8rem;}
	.property-adv .tab span{ line-height: 0.8rem; font-size: 0.32rem; padding: 0 0.133333rem;}
	.swiper-property-adv{ margin-top: 1.066666rem;}
	.swiper-property-adv .swiper-slide li{ width: 100%; padding:0.6rem 0;}
	.swiper-property-adv .swiper-slide li:nth-child(2n){ width: 100%;}
	.swiper-property-adv .swiper-slide li .tit{ margin-bottom:0.533333rem; font-size: 0.4rem;}
	.swiper-property-adv .swiper-slide li .con{ max-width: 100%; }
	.swiper-property-adv .swiper-slide li .con p{ border-radius: 0.186666rem; padding:0.266666rem; margin-bottom: 0.266666rem;}
	.swiper-property-adv .swiper-slide li .con p span{ font-size: 0.32rem;}
	.swiper-property-adv .swiper-slide li .con p em{  font-size: 0.36rem;}
	.swiper-property-adv .swiper-slide .img{ padding: 1.866666rem 0;}
	.swiper-property-adv .swiper-slide .img img{ max-width: 960px;}
	.property-case{ padding: 1.2rem 0;}
	.property-case .descon{ margin-top: 0.666666rem; font-size:0.34rem; line-height: 0.62rem; }
	.property-case .content{ margin-top: 0.666666rem;}
	.property-case .button{  max-width: 2.2rem; height: 0.8rem;}
	.swiper-property-case{ margin: 0 -0.266666rem;}
	.swiper-property-case .swiper-slide{ padding:0.533333rem 0.266666rem;}
	
	/* ========== */
	/* = research = */
	/* ========== */
	.research-product{ padding:1.2rem 0;} 
	.research-product .content{ margin-top: 0.8rem;}
	.research-product .content ul{ width: 100%;}
	.research-product .content li{ margin: 0.4rem 0;}
	.research-product .content li span{ font-size: 0.36rem;}
	.research-product .content li p{ font-size: 0.32rem; line-height: 0.64rem; margin-top: 0.16rem;}
	.research-product .content .img{ width: 100%;}
	
	.research-sence{ padding: 1.2rem 0; }
	.research-sence .con{ margin-top: 0.8rem;}
	.research-bottom{ padding-top:1.2rem;}
	.research-bottom ul{ margin-top:0.6rem;}
	.research-bottom ul li{ width:100%; padding: 0;}
	.research-bottom ul li .con{ display:none;}
	.research-bottom .box,
	.research-bottom ul li:nth-child(2) .box{ display: block; position: relative; top:auto; left:auto; right:auto; width: 100%;}
	.research-bottom .box .tit{ padding-bottom: 0.4rem; font-size: 0.38rem;}
	.research-bottom .box-01 { padding:1.2rem 0.4rem 0.6rem;}
	.research-bottom .box-01 .text{ width: 100%;}
	.research-bottom .box-01 .tip{ font-size: 0.36rem; margin-top: 0.4rem;}
	.research-bottom .box-01 .des{ margin-top: 0.266666rem;  line-height: 0.6rem; font-size: 0.32rem;  }
	.research-bottom .box-01 .img{ width: 100%;}
	.research-bottom .box-02{   padding:1.2rem 0.7rem 0.6rem;}
	.research-bottom .box-02 .content .tip{ margin-top: 0.6rem; position:relative; width: 100%;}
	.research-bottom .box-02 .content .tip span{ font-size: 0.38rem;}
	.research-bottom .box-02 .content .tip p{ margin-top: 0.12rem; line-height: 0.6rem; font-size: 0.32rem;}
	.research-bottom .box-02 .content .tip:nth-child(1),
	.research-bottom .box-02 .content .tip:nth-child(2),
	.research-bottom .box-02 .content .tip:nth-child(3){top:auto; left:auto; right:auto; }
	
}