/* ========== */
/* = HOME = */
/* ========== */
.swiper-home-banner .swiper-slide{ height: calc(100vh/4*3); color: #FFFFFF; display:flex; flex-flow: wrap; align-items:center; justify-content:space-between;}
.swiper-home-banner .con{ width:100%; }
.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: #0b3DFC;}
.swiper-home-banner .button-more:after{ background-image: url(../images/2022/1.png);}
.swiper-home-banner .button-more:hover{ background: #0b3DFC; color: #FFF;}
.swiper-home-banner .button-more:hover:after{ background-image: url(../images/2022/3.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:16.2%; margin:0.2%;}

.home-news{ padding:5% 0;}
.swiper-home-news{ margin: 0 -15px;}
.swiper-home-news .swiper-slide{ padding:80px 15px;}
.swiper-home-news .swiper-pagination{ bottom: 0 !important;}
.swiper-home-news .swiper-pagination-bullet{ border-radius:3px; width: 46px; height: 6px; background: #daf8ec;}
.swiper-home-news .swiper-pagination-bullet:before{ display: none;}
.swiper-home-news .swiper-pagination-bullet-active{ background: #04d182;}
.swiper-home-news .box{ background: #FFFFFF; display: block; -webkit-box-shadow:0 5px 20px rgba(35,130,91,.1); box-shadow:0 5px 20px rgba(35,130,91,.1); border-radius: 20px; overflow: hidden;}
.swiper-home-news .box .text{ padding: 16px 20px;}
.swiper-home-news .box .text .tit{ font-size:14px; font-size: 600; color: #222222; padding-left: 16px; position: relative;}
.swiper-home-news .box .text .tit:before{ content: ""; position: absolute; left: 0; top:50%; width:4px; height:16px; border-radius: 2px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #04d182;}
.swiper-home-news .box .text .des{ font-size: 12px; margin-top: 15px; padding-left: 16px;}
.swiper-home-news .box .text .date{ margin-top: 16px; padding-top: 16px; border-top:1px solid #eeeeee; font-size: 12px; color: #222222; padding-left: 16px;}
.swiper-home-news .box:hover .text .tit{ color: #04d182;}

@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:30%; margin:1.15%;}
	
	
}


/* ========== */
/* = 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: 1.2rem 0;}
.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:flex-start;}
/*.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; }
*/
.biology-hezuo li{  width:19.6%; margin:0.2%;}
.biology-hezuo li:nth-child(1),
.biology-hezuo li:nth-child(2),
.biology-hezuo li:nth-child(3),
.biology-hezuo li:nth-child(4),
.biology-hezuo li:nth-child(5),
.biology-hezuo li:nth-child(6){ width: 16.2%;}

	

/* ========== */
/* = 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;}*/
	.biology-hezuo li{ width:30%; margin:1.5%;}
	.biology-hezuo li:nth-child(1), .biology-hezuo li:nth-child(2), .biology-hezuo li:nth-child(3), .biology-hezuo li:nth-child(4), .biology-hezuo li:nth-child(5), .biology-hezuo li:nth-child(6){
			width:30%; margin:1.5%;
	}
	
	/* ========== */
	/* = 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; }
	
}





/* ========== */
/* = ABOUT = */
/* ========== */
.about-believe{ padding: 92px 0 92px; background-image: url(../images/2022/about_believe_bg.jpg); background-size: cover; text-align: center;  }
.about-believe .theme{ color: #FFFFFF;}
.about-believe .text{ margin-top: 40px; font-size: 14px; line-height: 28px; color: rgba(255,255,255,.6);}
.about-believe .text .tip{ font-size: 20px; color: #FFFFFF;}
.about-believe .button{ margin-top: 40px; padding: 0 20px; display: inline-block; line-height: 48px; border: 1px solid #04d181; border-radius: 25px;}
.about-believe .button img{ display: inline-block; vertical-align: middle;}
.about-believe .button span{ display: inline-block; vertical-align: middle; font-size: 18px; color: #04d181;}

.about-history{ position:relative; padding: 105px 0 0;}
.about-history .bg{ position: absolute; top:0; left:0; width: 100%; height: 90%; background-image: url(../images/2022/about_history_bg.jpg);}
.about-history .theme{ position: relative; z-index: 1; color: #FFFFFF;}
.swiper-history-date{ margin-top: 60px; overflow:hidden;}
.swiper-history-date .swiper-slide{ position: relative; font-size: 0; z-index: 0; text-align: center; color: #FFFFFF; cursor: pointer;}
.swiper-history-date .swiper-slide:after{ content:""; position: absolute; z-index: 0; bottom:12px; right:0; width: 100%; height: 2px; background: rgba(255,255,255,.5);}
.swiper-history-date .swiper-slide span{ display: block; font-size:18px; line-height: 30px;}
.swiper-history-date .swiper-slide .cricle{ margin-top: 20px;  border-radius: 100%;  position: relative; z-index: 1; display:inline-block;  border:4px solid rgba(255,255,255,.4); border: 100%;}
.swiper-history-date .swiper-slide .cricle i{ display: block;  width: 17px; height: 17px; background: rgba(255,255,255,.7); border-radius: 100%;}
.swiper-history-date .swiper-slide.active{ color: #04d181;}
.swiper-history-date .swiper-slide.active:after{ background: #04d181; width: 1000%;}
.swiper-history-date .swiper-slide.active span{ font-size: 24px;}
.swiper-history-date .swiper-slide.active .cricle{  background: #FFFFFF; border:4px solid #04d181;}

.swiper-history-con{ margin-top: 50px; border-radius: 12px; background: #FFFFFF; overflow: hidden;  -webkit-box-shadow:0 5px 20px rgba(0,0,0,.05); box-shadow:0 5px 20px rgba(0,0,0,.05) }
.swiper-history-con .con{ padding: 50px;  display: flex; flex-flow: wrap; align-items:center; justify-content:flex-start;}
.swiper-history-con .con .year{ font-size: 190px; line-height: 200px; font-weight: 600; color: #f7f7f7;}
.swiper-history-con .con .text{ margin-left: 5%; font-size: 18px; color: rgba(0,0,0,.8); line-height: 36px;}
.swiper-history-con .con .text p{ color: #000;}
.swiper-history-con .con .text p b{ margin-right: 10px;}

.about-investment{ padding: 95px 0 45px;}
.about-investment .content{ position: relative; padding: 0 70px;}
.swiper-about-investment .swiper-slide{ padding: 50px 20px;}
.swiper-about-investment .box{ border-radius: 100%; -webkit-box-shadow:0 5px 20px rgba(0,0,0,.05); box-shadow:0 5px 20px rgba(0,0,0,.05); }
.about-investment .swiper-button-prev{ background-image:url(../images/2022/about_prev.png);}
.about-investment .swiper-button-next{ background-image:url(../images/2022/about_next.png);}

.about-global{ position: relative; background: #040819; overflow: hidden;}
.about-global .theme{ position: absolute; z-index: 1; top:90px; left:0; width: 100%; text-align: center; color: #FFFFFF; }
.about-global .content{ position: relative; z-index: 0;}
.about-global .tip .txt{ position: absolute; display: inline-block;  font-size: 16px; line-height: 20px; color: #FFFFFF; cursor: pointer;}
.about-global .tip .txt i{ background: #FFFFFF; display: inline-block; vertical-align: middle; width: 6px; height: 6px; background: #FFFFFF; border-radius: 100%;}
.about-global .tip .txt:hover{ color: #04d181;}
.about-global .tip .txt:hover i{ background: #04d181;}
.about-global .tip .txt:nth-child(1){ left:84%; top:37%;}
.about-global .tip .txt:nth-child(2){ left:81%; top:40.8%;}
.about-global .tip .txt:nth-child(3){ left:82%; top:44%;}
.about-global .tip .txt:nth-child(4){ left:81%; top:47.5%;}
.about-global .tip .txt:nth-child(5){ left:79%; top:51%;}
.about-global .tip .txt:nth-child(6){ left:77%; top:60%; width: 120%; }
.about-global .tip .txt:nth-child(7){ right:19%; top:36%; text-align: right;}
.about-global .tip .txt:nth-child(8){ right:20%; top:44%; text-align: right;}
.about-global .tip .txt:nth-child(9){ right:23%; top:47%; text-align: right;}
.about-global .tip .txt:nth-child(10){ right:21.7%; top:50%; text-align: right;}
.about-global .tip .txt:nth-child(11){ left:46.5%; top:40%;}
.about-global .tip .txt:nth-child(12){ left:19%; top:38%;}
.about-global .text{ position: absolute; width: 55%; bottom:10%; left:0;  display: flex; flex-flow: wrap; align-items:stretch; justify-content:space-between; text-align: justify;}
.about-global .text .box{ cursor:pointer; width: 23%; height: 150px; padding: 14px; background: rgba(255,255,255,.7); color: #000000; display: flex; flex-flow: wrap; align-items:center; justify-content:space-between; font-size: 16px; line-height: 24px;}
.about-global .text .box span{ font-size: 40px; line-height: 50px;}
.about-global .text .box:hover{ background: #049562; color: #FFFFFF;}

.about-contact{ padding: 95px 0 70px;}
.about-contact .js-tab{ margin-top: 50px; text-align: center;}
.about-contact .js-tab span{ min-width: 13%; display: inline-block; color: #333333; font-size: 22px; padding-bottom: 25px; border-bottom: 2px solid #FFFFFF; cursor: pointer;}
.about-contact .js-tab span.active{ border-color:#46d49b;} 
.about-contact .js-tab-box{ margin-top: 45px; padding: 0 50px;}
.about-contact .js-tab-con{ height: 0; overflow: hidden;  display: flex; flex-flow: wrap; align-items:stretch; justify-content:space-between; text-align: justify;}
.about-contact .js-tab-con.active{ height: auto;}
.about-contact .left{ width:52%;}
.about-contact .left h2{ margin-bottom: 20px; font-size: 20px; color: #333333;}
.about-contact .left h2 span{ color: #666666;}
.about-contact .left .des{ font-size: 16px; line-height: 26px;}
.about-contact .left .des p{ margin-bottom: 14px;}
.about-contact .left .erweima{ margin-top: 8%; text-align: center; display: inline-block; color: #333333;}
.about-contact .left .erweima img{ margin-bottom: 13px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.05); box-shadow:0 5px 10px rgba(0,0,0,.05);}
.about-contact .right{width: 47%;}
.about-contact .map-box{ width:100%; height: 302px; position: relative;}
.about-contact .map-box img{ max-width:1000%; width: auto;}
.about-contact .map-box .allmap{ width:100%; height: 100%; position: absolute; left: 0; top:0;} 
.about-contact .map-box .anchorBL{ display: none; }
.about-contact .map { width:100%;} 
#map-canvas1,
#map-canvas2,
#map-canvas3{ height: 302px;}

@media (max-width:1250px) {
	.about-global .tip .txt{ font-size: 13px;}
	.about-global .text .box { font-size: 14px;}
	.about-global .text .box span{ font-size: 32px; line-height:40px;}
	
}

@media (max-width:999px) {
	
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.about-believe{ padding: 1rem 0;  }
	.about-believe .text{ margin-top: 0.533333rem; font-size: 0.28rem; line-height: 0.56rem; }
	.about-believe .text .tip{ font-size: 0.266666rem; }
	.about-believe .button{ margin-top: 0.533333rem; padding: 0 0.266666rem; line-height: 0.666666rem; border-radius: 0.35rem;}
	.about-believe .button span{  font-size: 0.32rem;}
	
	.about-history{ padding: 1rem 0 0;}
	.swiper-history-date{ margin-top: 0.8rem;}
	.swiper-history-date .swiper-slide span{ font-size:0.3rem; line-height:0.533333rem;}
	.swiper-history-date .swiper-slide .cricle{ margin-top: 0.266666rem;  border:2px solid rgba(255,255,255,.4); }
	.swiper-history-date .swiper-slide .cricle i{  width: 12px; height:12px;}
	.swiper-history-date .swiper-slide:after{ bottom: 7px;}
	.swiper-history-date .swiper-slide.active span{ font-size: 0.35rem;}
	.swiper-history-date .swiper-slide.active .cricle{ border:2px solid #04d181;}
	
	.swiper-history-con{ margin-top:0.666666rem; border-radius:0.266666rem;}
	.swiper-history-con .con{ padding:0.3rem 0.666666rem; display: block;}
	.swiper-history-con .con .year{ font-size: 2.666666rem; line-height: 3rem;}
	.swiper-history-con .con .text{ margin-left: 0; font-size: 0.36rem; line-height: 0.64rem; }
	
	.about-investment{ padding: 1rem 0 0.4rem;}
	.about-investment .content{ padding: 0 0.8rem;}
	.swiper-about-investment .swiper-slide{ padding: 0.6rem 0.266666rem;}
	
	.about-global .content{ padding:0.5rem 0 3rem;}
	.about-global .theme{ top:0.5rem;  }
	.about-global .text{ bottom:0.4rem; width: 100%;}
	.about-global .text .box{ width: 24%; height:2.6rem; padding: 0.2rem;  font-size: 0.26rem; line-height: 0.46rem;}
	.about-global .text .box span{ font-size: 0.5rem; line-height: 0.8rem;}
	
	.about-contact{ padding: 1rem 0;}
	.about-contact .js-tab{ margin-top: 0.666666rem; }
	.about-contact .js-tab span{ min-width: 13%; font-size: 0.34rem; padding-bottom: 0.266666rem;} 
	.about-contact .js-tab-box{ margin-top: 0.666666rem; padding: 0;}
	.about-contact .js-tab-con{ display: block;}
	.about-contact .left{ width:100%;}
	.about-contact .left h2{ margin-bottom: 0.266666rem; font-size: 0.4rem;}
	.about-contact .left .des{ font-size: 0.3rem; line-height: 0.56rem;}
	.about-contact .left .des p{ margin-bottom: 0.133333rem;}
	.about-contact .left .erweima{ margin-top: 0.666666rem;}
	.about-contact .right{ margin-top: 0.8rem; width: 100%;}
	.about-contact .map-box{  height: 6rem;} 
	#map-canvas1,
	#map-canvas2,
	#map-canvas3{ height: 6rem;}

}






/* ========== */
/* = JH = */
/* ========== */
.ny-banner .button{ display: inline-block; margin-top: 0; width: 170px; letter-spacing: 2px; border-radius:5px; line-height: 60px; font-size: 18px; font-weight: bold; background: #fff; color: #7cb92f; }
.jh-ny-banner{ height: 280px;}
.tag-nav-pro{ padding: 20px 15px 10px;}
.tag-nav-pro dl{ margin-bottom: 13px;}
.tag-nav-pro dt a{ display: block; line-height: 30px; border-bottom: 1px solid #eeeeee; color: #222222;}
.tag-nav-pro dt a:hover{  color: #80c034;}
.tag-nav-pro dd { margin-top: 8px;}
.tag-nav-pro dd a{ line-height: 24px; display: block; position: relative;}
.tag-nav-pro dd a:after{ content: "+"; position: absolute; top:0; right:0; line-height: 24px; color: #777777;}
.tag-nav-pro dd a:hover{ color: #80c034;}
.tag-nav-pro dd a:hover:after{ color: #80c034;}

.jh-theme{ font-size: 30px; color: #333333; text-align: center; letter-spacing: 2px;}
.jh-advantage{ padding:60px 0 95px; background: #f8f8f8;}
.jh-advantage ul{ display: flex; flex-flow: wrap; align-items:stretch; justify-content:space-between; }
.jh-advantage li{ margin-top: 35px; width: 31.2%;}
.jh-advantage li .text{ padding: 27px 15px;}
.jh-advantage li .text .tit{ font-size: 18px; padding-bottom: 12px; color: #000000; border-bottom: 1px solid #eee;}
.jh-advantage li .text .des{ margin-top: 12px; text-align: justify; line-height: 28px; color: #777777;}
.jh-case{ padding-top: 55px;}
.jh-case .case ul{ margin: 50px 0 0;}
.jh-process{ padding-bottom:90px;}
.jh-process .content{  margin-top: 50px; }
.jh-pantent{ background: #f8f8f8; text-align: center;}
.jh-pantent .more{ display: inline-block; margin-top: 45px; padding-right:25px; position: relative;}
.jh-pantent .more:after{ position: absolute; top:0; right:0; content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-image: url(../images/2022/ico_jg_down.png);}
.jh-tit{ border-bottom: 1px solid #ddd; text-align: left; padding: 20px 0; color: #222222; font-size: 24px;}
.jh-pantent-list li{ margin-top: 35px; float: left; width: 48%; margin-right:4%; text-align: left;}
.jh-pantent-list li:nth-child(2n){ margin-right: 0;}
.jh-pantent-list li a{ display: block;}
.jh-pantent-list li .tit{ font-size: 16px; line-height: 24px; color: #000000; height: 48px; overflow: hidden;}
.jh-pantent-list li .date{ margin-top: 10px; display: flex; flex-flow: wrap; align-items:center; justify-content:space-between; }
.jh-pantent-list li .date span{ position: relative; padding-left: 20px; line-height: 20px;}
.jh-pantent-list li .date span:before{ content: ""; position: absolute; top:0; left:0; width: 20px; height: 20px; background-image: url(../images/2022/ico_date.png);}
.jh-pantent-list li .date:after{ content: ""; width: 40px; height: 20px; background-image: url(../images/2022/ico_jh_jt.png);}
.jh-bottom-news{ padding: 60px 0 90px;}
.jh-bottom-news li{ margin-top: 35px; float: left; width: 48%; margin-right:4%; text-align: left;}
.jh-bottom-news li:nth-child(2n){ margin-right: 0;}
.jh-bottom-news li .tit{ position: relative; padding-right: 120px; font-size: 16px; color: #333333;}
.jh-bottom-news li .tit span{ position: absolute; top:0; right:0; color: #999999;}
.jh-bottom-news li .des{ margin-top: 15px; color: #999999; line-height: 24px; height: 48px; overflow: hidden;}
.tag-box .con{  background: #fff; }

.free-apply{ position: relative; }
.free-apply .free-apply-pop{ position: absolute; top:50%; left:50%;  background: #fff; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);}
.free-apply .free-apply-pop.right{float: none; padding:3% 3%; max-width:440px;}
.free-apply .close{ position: absolute; cursor:pointer; top:5px; right:5px; width: 37px; height: 37px; background-image: url(../images/close.png); background-size: cover; }
.free-apply .right{ float: left; width:38%; max-width: 520px; padding: 30px 80px;}
.tffi-pop{  position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.6); text-align: center; }


@media (max-width:999px) {
	.ny-banner{ height: 6rem;}
    .ny-banner .button{ width:2.4rem; letter-spacing: 0; border-radius:0.2rem; line-height: 1rem; font-size: 0.35rem;}
	.jh-ny-banner{ height:5rem; }
	
	.jh-theme{ font-size: 0.533333rem;}
	.jh-advantage{ padding:1rem  0;}
	.jh-advantage li{ margin-top:0.533333rem; width:100%;}
	.jh-case{ padding-top: 0.666666rem;}
	.jh-case .case ul{ margin: 0.533333rem 0 0;}
	.jh-process{ padding-bottom:1rem;}
	.jh-process .content{  margin-top: 0.533333rem;  }

	.jh-pantent .more{ margin-top: 0.666666rem;}
	.jh-tit{ padding: 0.3rem 0; font-size: 0.4rem;}
	.jh-pantent-list li{ margin-top: 0.4rem; width: 100%; margin-right:0;}
	.jh-pantent-list li .tit{ font-size: 0.34rem; line-height: 0.56rem; height: 1.1rem;}
	.jh-pantent-list li .date{ margin-top: 0.133333rem;  }
	.jh-pantent-list li .date span{ font-size: 0.32rem;}
	.jh-bottom-news{ padding: 0.7rem 0 1rem;}
	.jh-bottom-news li{ margin-top: 0.4rem; width: 100%; margin-right:0;}
	.jh-bottom-news li .tit{ padding-right: 1.333333rem; font-size: 0.34rem; }
	.jh-bottom-news li .des{ margin-top: 0.133333rem; font-size: 0.3rem; line-height: 0.55rem; height:1.1rem; }
	.tffi-pop .content{ max-width: 90% !important; background: #fff; }
}