.wrapper{overflow-x:hidden;}
.hmFocus,.hmFocus_item{height: 100vh;}
.hmFocusWpr{position:relative;}
.hmFocus{ background:#000;}
.hmFocus_item { position: relative; overflow: hidden; }
.hmFs_bg { height: 100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center center;-webkit-transform:scale(1.12); transform:scale(1.12); }
.hmFocus_video{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmFocus_video video{ width:100%; height:100%; object-fit: cover;}
.hmFocus_video:after{content:"";background: linear-gradient(to bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 100%); position:absolute; left:0; top:0; right:0; bottom:0;}
.hmFs_bg:after{content:"";position:absolute; left: 0; top: 0; width: 100%; height: 100%;background: linear-gradient( 270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);}
.active .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.hmFocus .slick-prev{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transform:rotate(180deg); transition:all 0.5s ease-in-out; opacity:0.3; }
.hmFocus .slick-next{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transition:all 0.5s ease-in-out; opacity:0.3; }
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{background-image:url(../images/fsBtn.png); opacity:1}
.hmFocus_doc{ width: 100%; position: absolute; left: 0px; bottom: 10px; z-index: 5; }
.hmFocus_doc ul{ text-align:center}
.hmFocus_doc ul li{ cursor:pointer; margin:0 5px; width:80px; display:inline-block;}
.hmFs_docx{ line-height: 50px; height: 51px; border-top: 2px solid rgba(255,255,255,0.3); transition: all 0.5s ease-in-out; font-size: 14px; color: #FFF; opacity:1; position:relative; }
.hmFs_docx.on{opacity:1;}
.hmFs_docx i{width:0; height:2px; background:#fff; position:absolute; left:0; top:-2px; transition:all 0.5s ease-in-out;}
.hmFs_docx.on i{width:100%; transition:all 5s linear;}
/*.hmFocus_doc ul li:first-child .hmFs_docx.on i{transition:all 10s linear;}*/
.hmBan_txt{ position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; width:100%; z-index:3;}
.hmBan_txt strong{ font-size: 110px; letter-spacing:5px; display: block; line-height: 120px; display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; font-weight: normal; }
.hmBan_txt p{ font-size: 18px; line-height: 32px; margin-top: 25px; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; letter-spacing: 1px; }
.hmBan_txt strong span{ color:#c12c25;}
.active .hmBan_txt strong{ opacity:1; transform:translateY(0);}
.active .hmBan_txt p{ opacity:1; transform:translateY(0); transition-delay:0.2s}
.hmBanBtns{ transition: all 0.8s ease; transform: translateY(50px); opacity: 0; height:60px;}
.active .hmBanBtns{ opacity:1; transform:translateY(0); transition-delay:0.4s}
.hmBan_m{ line-height: 60px; text-align: center; display: inline-block; width: 234px; margin-right: 35px; font-size: 16px; font-weight: bold; background: #c12c25; letter-spacing: 4px; color: #FFF; float:left; }
.hmBan_m:hover{ transform:translateY(-3px); box-shadow:0 3px 20px rgba(193,44,37,0.3); color:#fff;}
.hmBan_mvBtn{ background: url(../images/hmBan_ico.png) no-repeat center center; height: 60px; width: 60px; margin-left: 36px; border: 1px solid #FFF; border-radius:50%; display:inline-block;}
.hmNext{ background: url(../images/hmMs.png) no-repeat center center; display: inline-block; position: absolute; margin-left: -12px; z-index: 1; height: 40px; width: 24px; left: 50%; bottom: 120px; }
.hmNext:after{ content: ""; background: url(../images/hmBar.png) no-repeat center center; height: 6px; width: 10px; margin-left: -5px; position: absolute; left: 50%; bottom: -16px; animation:nextAni 1s linear infinite; }
@media (max-width:1799px){
.hmBan_txt strong{ font-size: 80px; letter-spacing:3px; line-height: 90px; }
.hmBan_txt p{ font-size: 16px; line-height: 30px; margin-top: 20px;}
}
@media (max-width:1379px){
.hmBan_txt strong{ font-size: 60px; letter-spacing:2px; line-height: 70px; }
}
@media (max-width:1199px){
.hmFocus,.hmFocus_item{height:calc(100vh - 56px);}
}
@media (max-width:993px){
.hmFocus,.hmFocus_item{height:500px;}
.hmBan_txt strong{ font-size: 50px; letter-spacing:1px; line-height: 60px; }
}
@media (max-width:767px){
.hmFocus,.hmFocus_item{height:320px;}
.hmBan_txt strong{ font-size: 36px; letter-spacing:1px; line-height:42px; }
.hmBan_txt p{ font-size: 14px; line-height:24px; margin-top: 15px;}
}


.page { text-align: center; margin-bottom:2.6vw }
.page .pagination li { display: inline-block; }
.page .pagination li a { padding: 0px 8px; height: 46px; min-width: 46px; text-align: center; display: inline-block; margin: 0px 6px; vertical-align: middle; border: 1px solid #CCD7E2; color: #333; border-radius: 50%; font-size: 16px; line-height: 44px; }
.page .pagination li.active a, .page .pagination li a:hover { color: #004b9f; border: 1px solid #004b9f; }
@media (max-width:1799px){
.page .pagination li a { padding: 0px 6px; height: 40px; min-width: 42px; margin: 0px 4px; font-size: 14px; line-height: 38px; }
}
@media (max-width:767px){
.page .pagination li a { padding: 0px 5px; height: 36px; min-width: 36px; margin: 0px 3px; font-size: 13px; line-height: 34px; }
}



.inx_con1{ padding-top:6.77vw; background-size:cover; padding-bottom:22.39vw; background-position:center bottom;}
.inx_c1top{display:flex; justify-content:space-between; }
.inx_hmt{ font-size: 72px; line-height: 82px; }
.inx_hmt_c{ text-align:center;}
.inx_c1txt{ max-width: 800px; text-align: justify; font-size: 18px; line-height: 32px; color: #505050; }
.inx_c1img{ text-align:center; margin-top:8.75vw; padding-left:200px; padding-top:30px;}
.inx_con1 .inx_hmt{max-width:550px;}
.inx_c1img img{ animation:inx_c1ani 10s linear infinite;}
@keyframes inx_c1ani {
	0% {
		transform:translate(-50px,-50px);
	}
	25% {
		transform:translate(-30px,-30px);
	}
	50% {
		transform:translate(0px,-0px);
	}
	75% {
		transform:translate(30px,-30px);
	}
	100% {
		transform:translate(-50px,-50px);
	}
}
@media (max-width:1799px){
.inx_hmt{ font-size: 52px; line-height: 62px; }
.inx_c1txt{ max-width: 600px; font-size: 16px; line-height: 28px;}
.inx_c1img{ padding-left:160px; padding-top:20px; margin-top:6vw;}
.inx_con1 .inx_hmt{max-width:420px;}
.inx_c1img img{ max-width:560px;}
}
@media (max-width:1379px){
.inx_hmt{ font-size: 42px; line-height: 52px; }
.inx_c1txt{ font-size: 14px; line-height: 26px;}
.inx_c1img{ padding-left:150px; margin-top:5vw;}
.inx_c1img img{ max-width:500px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.inx_c1top{flex-wrap:wrap;}
.inx_con1 .inx_hmt{width:100%;}
.inx_c1txt{max-width:none; width:100%;}
.inx_hmt{font-size:30px; line-height:42px;}
.inx_con1 .inx_hmt{max-width:none; margin-bottom:15px; text-align:center}
.inx_con1 .inx_hmt br{display:none;}
.inx_c1img img {max-width: 380px;margin-top: 40px;position: relative;top: -50px;}
}
@media (max-width:767px){
.inx_con1{ padding-top:12vw; position:relative; background-position:-350px bottom;}
.inx_c1txt{font-size:12px; line-height:22px;}
.inx_c1img{padding-left:10px;}
.inx_c1img img{max-width:240px;}
.inx_con1:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0;background: linear-gradient(to bottom,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.2) 100%);}
.inx_con1 .container{position:relative; z-index:1;}
}


.inx_con2{ padding-bottom:7.03vw;}
.inx_c2box{ position:relative; margin-top:2.8vw;}
.inx_c2anix{ height:700px; width:700px; position:relative; margin:0 auto; padding-top:130px}
.inx_c2linebg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.inx_c2linebg:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/inx_c2rnd.png) no-repeat center center; background-size: cover; animation:turnAni 30s linear infinite;}
.inx_c2linebg:after{ content: ""; width: 396px; height: 396px; position: absolute; left: 50%; top: 50%; margin-left: -198px; margin-top: -198px; background: url(../images/inx_c2line.png) no-repeat center center; background-size:cover; animation:RturnAni 30s linear infinite;}
.inx_c2center{ width:206px; background:#fff; position:relative; z-index:1; height:485px; margin:0 auto;}
.inx_c2cx{ text-align:center}
.inx_c2cx strong{ font-weight: normal; font-size: 32px; line-height: 40px; display: block; }
.inx_c2cx p{ font-size: 18px; line-height: 26px; margin-top: 3px; color: #505050; }
.inx_c2cx1{}
.inx_c2cx2{ margin-top:280px;}
.inx_c2logo{ width:162px; height:162px; border-radius:50%; box-shadow:0 0 20px rgba(0,0,0,0.1); position:absolute; left:50%; margin-left:-81px; top:134px;}
.inx_c2logo img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:91px; max-height:91px; width:auto; height:auto;}
.inx_c2items{ position:absolute; left:50%; margin-left:-350px; height:700px; top:0; width:700px;}
.inx_c2items li{ height:136px; width:500px; position:absolute; padding-right:175px; transition:all 0.5s ease;}
.inx_c2items li:hover{transform:translateY(-15px);}
.inx_c2items li strong{ font-size: 40px; font-weight: normal; line-height: 66px; margin-bottom: 5px;  }
.inx_c2items li p{ font-size: 18px; line-height: 32px; color: #505050;}
.inx_c2ico{ width:136px; height:136px; background:#130D4A; border:16px solid #fff; box-shadow:0 0 20px rgba(0,0,0,0.1); position:absolute; right:0; top:0; border-radius:50%;}
.inx_c2ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:60%; max-height:60%; width:auto; height:auto;}
.inx_c2items li:nth-child(1){ top:78px; left:-335px; text-align:right;}
.inx_c2items li:nth-child(2){ top:78px; right:-335px; padding-right:0; padding-left:175px;}
.inx_c2items li:nth-child(2) .inx_c2ico{right:auto; left:0;}
.inx_c2items li:nth-child(3){ bottom:78px; left:-335px; text-align:right;}
.inx_c2items li:nth-child(4){ bottom:78px; right:-335px; padding-right:0; padding-left:175px;}
.inx_c2items li:nth-child(4) .inx_c2ico{right:auto; left:0;}
.inx_c2bmtip{ margin-top:50px; text-align:center;}
.inx_c2bmtip span{ display:inline-block; position:relative; padding:0 68px; line-height:54px; border-radius:2em; background:#130D4A; color:#fff; font-size:24px;}
.inx_c2bmtip span:before{ content: ""; background: url(../images/inx_c2bmline.png) no-repeat center center; height: 78px; width: 4px; position: absolute; left: 50%; top: -53px; background-size:4px auto; margin-left:-2px;}
@media (max-width:1799px){
.inx_c2anix{ height:500px; width:500px; padding-top:80px}
.inx_c2linebg:after{ width: 320px; height: 320px; margin-left: -160px; margin-top: -160px;}
.inx_c2center{ width:180px; height:345px;}
.inx_c2cx strong{font-size:24px; line-height: 30px;}
.inx_c2cx p{ font-size: 14px; line-height: 24px; margin-top: 2px;}
.inx_c2cx2{ margin-top:210px;}
.inx_c2logo{ width:100px; height:100px; margin-left:-50px; top:120px;}
.inx_c2logo img{ max-width:70px; max-height:70px;}
.inx_c2items{ margin-left:-250px; height:500px;width:500px;}
.inx_c2items li{ height:100px; width:400px; padding-right:125px;}
.inx_c2items li strong{ font-size: 30px; line-height: 56px;}
.inx_c2items li p{ font-size: 15px; line-height: 28px;}
.inx_c2ico{ width:100px; height:100px; border:10px solid #fff;}
.inx_c2items li:nth-child(1){ top:58px; left:-285px;}
.inx_c2items li:nth-child(2){ top:58px; right:-285px; padding-right:0; padding-left:125px;}
.inx_c2items li:nth-child(3){ bottom:58px; left:-285px;}
.inx_c2items li:nth-child(4){ bottom:58px; right:-285px; padding-right:0; padding-left:125px;}
.inx_c2bmtip{ margin-top:40px; }
.inx_c2bmtip span{ padding:0 50px; line-height:50px; font-size:20px;}
.inx_c2bmtip span:before{ height: 68px; width: 3px; top: -48px; background-size:3px auto; margin-left:-1px;}
}
@media (max-width:1379px){
.inx_c2items li strong{font-size:26px; line-height:46px;}
.inx_c2items li p{font-size:14px; line-height:24px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.inx_c2items{ position:static; left:0; margin-left:0px; height:auto; top:0; width:100%; display:flex; flex-wrap:wrap; margin-left:-15px; margin-right:-15px; margin-top:25px;}
.inx_c2items li{ width:calc(50% - 30px); margin:0 15px 25px; height:100px; padding-right:125px!important; top:auto!important; left:auto!important; right:auto!important; text-align:left!important; padding-right:0!important; position:relative!important; padding-left:125px!important; bottom:auto!important;}
.inx_c2items li:hover{transform:translateY(0px);}
.inx_c2items li strong{ font-size: 26px; line-height:50px; margin-bottom: 5px;  }
.inx_c2items li p{ font-size: 14px; line-height:26px;}
.inx_c2ico{left:0!important; top:0!important;}
.inx_c2bmtip span:before{display:none;}
.inx_c2bmtip{ margin-top:25px; }
.inx_c2items li strong{font-size:22px; line-height:40px;}
.inx_c2bmtip span{font-size:18px; line-height:48px;}
}
@media (max-width:767px){
.inx_con2{padding-bottom:13vw;}
.inx_c2items li{ width:calc(100% - 30px);}
.inx_c2anix{ height:330px; width:330px; padding-top:55px}
.inx_c2linebg:after{ width: 280px; height: 280px; margin-left: -140px; margin-top: -140px;}
.inx_c2center{ width:140px; height:225px;}
.inx_c2cx strong{font-size:20px; line-height: 24px;}
.inx_c2cx p{ font-size: 12px; line-height: 20px;}
.inx_c2cx2{ margin-top:110px;}
.inx_c2logo{ width:80px; height:80px; margin-left:-40px; top:60px;}
.inx_c2logo img{ max-width:60px; max-height:60px;}
.inx_c2items li strong{font-size:20px; line-height:30px;}
.inx_c2items li p{font-size:12px; line-height:20px;}
.inx_c2items li{padding-left:120px!important;display:flex; flex-direction:column; justify-content:center; margin-bottom:15px;}
.inx_c2bmtip span{font-size:16px;}
.inx_c2items li.dsPcPad{display:none;}
}


.inx_con4{ overflow:hidden;}
@keyframes inx_c4ani {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.6);
  }
}
@keyframes inx_c4ani2 {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(3);
  }
}
@keyframes inx_c4updw {
	0% {
		transform:translate(0px,-28px);
	}
	50% {
		transform:translate(0px,28px);
	}
	100% {
		transform:translate(0px,-28px);
	}
}
.inx_c4box{ padding:11.04vw 0; position:relative}
.inx_con4 .inx_hmt{position:absolute; left:0; top:6.25vw;}
.inx_c4conbox{position:relative; width:600px; margin:250px auto; }
.inx_c4ctrbox{position:relative; height:600px;}
.inx_c4rndline{ position:absolute; left:0; top:0; right:0; bottom:0;}
.inx_c4rndline i{ position:absolute; left:0; top:0; right:0; bottom:0; background: url(../images/inx_c4line.png) no-repeat center center; background-size:cover; animation:inx_c4ani2 4.5s linear infinite;}
.inx_c4rndline i:nth-child(2){ animation-delay:1.5s;}
.inx_c4rndline i:nth-child(3){ animation-delay:3s;}
.inx_c4pro_bg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.inx_c4pro_bg:before,.inx_c4pro_bg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(245,245,245,0.5); border-radius:50%; animation:inx_c4ani 3s linear infinite;}
.inx_c4pro_bg:after{ animation-delay:1.5s;}
.inx_c4pro_bg span{ background:#F5F5F5; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; z-index:1;}
.inx_c4pro_bg span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:110%; max-height:110%; width:auto; height:auto;}
.inx_c4ul{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.inx_c4ul li{ position:absolute;display:flex; flex-direction:column; justify-content:center; animation:inx_c4updw 6s linear infinite;}
.inx_c4li01{ width:705px; height:268px; left:398px; top:-320px; padding-left:295px;}
.inx_c4li01 .inx_c4simg{ width:268px; height:268px; left:0; top:0;}
.inx_c4li02{ height:226px; width:520px; left:540px; top:600px; padding-left:248px; animation-delay:3s!important;}
.inx_c4li02 .inx_c4simg{ width:226px; height:226px; left:0; top:0;}
.inx_c4li03{ height:264px; padding-right:288px; right:578px; top:518px; width:565px; text-align:right}
.inx_c4li03 .inx_c4simg{ width:264px; height:264px; right:0; top:0;}
.inx_c4li04{ height:182px; padding-right:212px; right:730px; top:-15px; width:380px; text-align:right; animation-delay:3s!important;}
.inx_c4li04 .inx_c4simg{ width:182px; height:182px; right:0; top:0;}
.inx_c4txt1{}
.inx_c4txt1 strong{ font-size: 40px; font-weight: normal; display: block; line-height: 46px; }
.inx_c4txt1 p{ position:relative; padding-left:20px; font-size: 18px; line-height: 30px; color: #505050; margin-top:10px; }
.inx_c4txt1 p:before{ content: ""; background: #141414; height: 6px; width: 6px; position: absolute; left: 0px; top: 12px; border-radius:50%; }
.inx_c4txt2{ font-size: 40px; line-height: 48px; }
.inx_c4simg{ position:absolute;}
.inx_c4simg img{}
@media (max-width:1799px){
.inx_c4conbox{width:400px; margin:180px auto; }
.inx_c4ctrbox{height:400px;}
.inx_c4li01{ width:500px; height:200px;left: 288px;top: -220px; padding-left:235px;}
.inx_c4li01 .inx_c4simg{ width:200px; height:200px;}
.inx_c4li02{ height:160px; width:400px;left: 420px; top: 360px; padding-left:180px;}
.inx_c4li02 .inx_c4simg{ width:160px; height:160px;}
.inx_c4li03{ height:180px; padding-right:205px;right: 402px; top: 348px; width:380px;}
.inx_c4li03 .inx_c4simg{ width:180px; height:180px;}
.inx_c4li04{ height:120px; padding-right:142px; right: 518px; top: -5px; width:260px;}
.inx_c4li04 .inx_c4simg{ width:120px; height:120px;}
.inx_c4txt1{}
.inx_c4txt1 strong{ font-size:26px; line-height: 32px; }
.inx_c4txt1 p{padding-left:16px; font-size: 16px; line-height: 28px; margin-top:5px; }
.inx_c4txt1 p:before{ height: 4px; width: 4px;}
.inx_c4txt2{ font-size: 26px; line-height: 38px; }
}
@media (max-width:1379px){
.inx_c4txt1 strong{font-size:24px; line-height:30px;}
.inx_c4txt2{font-size:24px; line-height:34px;}
}
@media (max-width:1199px){
.inx_c4li01{ width:410px; height:150px;left: 288px;top: -220px; padding-left:165px;}
.inx_c4li01 .inx_c4simg{ width:150px; height:150px;}
.inx_c4li02{ height:120px; width:350px;left: 370px; top: 360px; padding-left:140px;}
.inx_c4li02 .inx_c4simg{ width:120px; height:120px;}
.inx_c4li03{ height:130px; padding-right:150px;right: 392px; top: 348px; width:325px;}
.inx_c4li03 .inx_c4simg{ width:130px; height:130px;}
.inx_c4li04{ height:100px; padding-right:125px; right: 448px; top: -5px; width:220px;}
.inx_c4li04 .inx_c4simg{ width:100px; height:100px;}
.inx_c4txt1{}
.inx_c4txt1 strong{ font-size:22px; line-height: 26px; }
.inx_c4txt1 p{font-size: 14px; margin-top:2px; }
.inx_c4txt1 p:before{ height: 4px; width: 4px;}
.inx_c4txt2{ font-size: 22px; line-height: 32px; }
}
@media (max-width:993px){
.inx_c4ul li{animation:none!important;}
.inx_c4conbox{margin:80px auto;}
.inx_c4ul{position:static; margin-top:55px; display:flex; flex-wrap:wrap;}
.inx_c4ul li{width:calc(50% - 15px)!important; left:auto!important; right:auto!important; bottom:auto!important; top:auto!important; position:relative!important; margin-bottom:35px;}
.inx_c4conbox{width:100%;}
.inx_c4ul li:nth-child(1){width:calc(60% - 15px)!important;}
.inx_c4ul li:nth-child(2){width:calc(40% - 15px)!important;}
.inx_c4conbox{margin-bottom:0;}
}
@media (max-width:767px){
.inx_hmt{font-size:24px; line-height:32px;}
.inx_c4conbox{width:100%; margin:60px auto; }
.inx_c4ctrbox{height:280px; width:280px; margin:0 auto;}
.inx_c4ul li:nth-child(1) {width: calc(100% - 15px) !important; padding-left:0; display:flex;}
.inx_c4ul li:nth-child(2) {width: calc(100% - 15px) !important;}
.inx_c4ul li {width: calc(100% - 15px) !important; margin-bottom:15px}
.inx_c4box{padding-top:15vw; padding-bottom:0}
.inx_con4 .inx_hmt{top:10vw;}
.inx_c4ul li:nth-child(1){flex-wrap:wrap;height:auto; padding-bottom:15px;}
.inx_c4txt1{width:100%; margin-top:25px;}
.inx_c4ul li:nth-child(1) .inx_c4simg{position:relative; left:auto; top:auto; margin:0 auto;}
.inx_c4li03 .inx_c4simg{height:120px; width:120px;}
.inx_c4li04 .inx_c4simg{height:120px; width:120px; left:0; top:0;}
.inx_c4ul li:nth-child(4){padding-right:0; padding-left:140px; text-align:left;}
.inx_c4txt2{font-size:20px; line-height:30px;}
.inx_c4li03,.inx_c4li04{height:120px;}
.inx_c4ul li:nth-child(4){margin-bottom:0;}
.inx_c4li01 .inx_c4simg{width:160px; height:160px;}
}

.inx_con5{}
.inx_c5sw{}
.inx_c5sw dd{ padding-top:10.31vw; height:56.35vw; color:#fff; background-size:cover; position:relative}
.inx_c5lst{ padding-top:18px;transition:all 0.8s ease; opacity:0; transform:translateY(80px);}
.inx_c5lst p{ position:relative; padding-left:20px; font-size: 18px; line-height: 30px; margin-top:10px; }
.inx_c5lst p:before{ content: ""; background:#41C482; height: 6px; width: 6px; position: absolute; left: 0px; top: 12px; border-radius:50%;}
.inx_c5img,.inx_c5imgx{ width:38.9vw; max-width:747px; position:absolute; right:11.14vw; top:11.04vw;}
.inx_c5sw .slick-dots{bottom:7.29vw; height:9px; text-align:left; padding-left:8.33vw;}
.inx_c5sw .slick-dots li button{display:none;}
.inx_c5sw .slick-dots li { background:rgba(255,255,255,0.3); display: inline-block; height: 6px; width: 6px; margin: 0px 15px 0 0; position: relative; border-radius:2em; vertical-align:middle}
.inx_c5sw .slick-dots li.slick-active{ background: #fff; width:32px; }
.inx_c5sw dd .inx_hmt{transition:all 0.8s ease; opacity:0; transform:translateY(80px);}
.inx_c5sw dd.on .inx_hmt{opacity:1; transform:translateY(0);}
.inx_c5sw dd.on .inx_c5lst{opacity:1; transform:translateY(0); transition-delay:0.2s;}
.inx_c5img img{ animation:inx_c1ani 10s linear infinite;}
@keyframes flayani1 {
	0% {
		opacity:0;
		transform:translate(50%,-10%) scale(0.6);
	}
	10% {
		opacity:1;
	}
	30% {
		transform:translate(30%,-200%);
	}
	40% {
		transform:translate(30%,-190%);
	}
	50% {
		transform:translate(30%,-200%);
	}
	60% {
		transform:translate(30%,-190%);
	}
	70% {
		transform:translate(30%,-200%);
	}
	90% {
		opacity:1;
	}
	100% {
		opacity:0;
		transform:translate(0%,-500%) scale(1);
	}
}
@keyframes flayani2 {
	0% {
		opacity:0;
		transform:translate(50%,-10%) scale(0.3);
	}
	10% {
		opacity:1;
	}
	30% {
		transform:translate(30%,-270%);
	}
	40% {
		transform:translate(30%,-250%);
	}
	50% {
		transform:translate(30%,-270%);
	}
	60% {
		transform:translate(30%,-250%);
	}
	70% {
		transform:translate(30%,-270%);
	}
	95% {
		opacity:1;
	}
	100% {
		opacity:0;
		transform:translate(0%,-400%) scale(1);
	}
}
@keyframes flayani3 {
	0% {
		opacity:0;
		right:-10%;
		bottom:10%;
	}
	10% {
		opacity:1;
		bottom:18%;

	}
	90% {
		opacity:1;
		bottom:15%;
	}
	100% {
		opacity:0;
		right:140%;
		bottom:8%;
	}
}
@keyframes flayani4 {
	0% {
		opacity:0;
		transform:translate(50%,-10%) scale(0.6);
	}
	10% {
		opacity:1;
	}
	40% {
		transform:translate(30%,-700%);
	}
	50% {
		transform:translate(30%,-640%);
	}
	60% {
		transform:translate(30%,-700%);
	}
	70% {
		transform:translate(30%,-640%);
	}
	80% {
		transform:translate(30%,-700%);
	}
	90% {
		opacity:1;
	}
	100% {
		opacity:0;
		transform:translate(0%,-1000%) scale(1);
	}
}
.inx_c5ani1{ width:20.88%; left:-12%; bottom:-26%; height:auto; position:absolute; animation:flayani1 10s linear infinite;}
.inx_c5ani2{ width:37.68%; left:20%; bottom:-60%; height:auto; position:absolute; animation:flayani2 15s linear infinite;}
.inx_c5ani3{ width:9.03%; right:-10%; bottom:10%; height:auto; position:absolute; animation:flayani3 20s linear infinite;}
.inx_c5ani4{ width:11.84%; right:0%; bottom:-20%; height:auto; position:absolute; animation:flayani4 26s linear infinite;}
@media (max-width:1799px){
.inx_c5sw dd{ padding-top:9vw; height:52vw;}
.inx_c5lst{ padding-top:14px;}
.inx_c5lst p{ padding-left:18px; font-size: 16px; line-height: 28px; margin-top:6px; }
.inx_c5lst p:before{  height: 4px; width: 4px;}
.inx_c5sw .slick-dots{bottom:7vw; padding-left:calc((100vw - 1140px) / 2);}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.inx_c5sw .slick-dots{ padding-left:calc((100vw - 940px) / 2);}
}
@media (max-width:993px){
.inx_c5sw .slick-dots{ padding-left:calc((100vw - 720px) / 2);}
}
@media (max-width:767px){
.inx_c5sw dd {padding-top: 15vw;height: 100vw;}
.inx_c5sw .slick-dots{padding-left:15px; bottom:12vw;}
.inx_c5img,.inx_c5imgx {right: 6.14vw;top: 39.04vw;}
}


.inx_con3,.inx_con6{ padding-top:29.68vw; padding-bottom:11.97vw; background-size:cover; color:#fff;}
.inx_c3box{}
.inx_c3tnm{ line-height:100px; font-size:86px;}
.inx_con6{}
.inx_c6box{}
@media (max-width:1799px){
.inx_con3,.inx_con6{ padding-top:24vw; padding-bottom:10vw;}
.inx_c3box{}
.inx_c3tnm{ line-height:80px; font-size:66px;}
.inx_con6{}
.inx_c6box{}
}
@media (max-width:1379px){
.inx_c3tnm{ line-height:70px; font-size:56px;}
}
@media (max-width:1199px){
.inx_c3tnm{font-size:46px; line-height:60px;}
}
@media (max-width:993px){
.inx_c3tnm{font-size:32px; line-height:40px;}
}
@media (max-width:767px){
.inx_c3tnm{font-size:26px; line-height:32px;}
}


.inx_con7{ padding-top:7.03vw; padding-bottom:7.03vw; background:#F5F5F5; overflow:hidden;}
.inx_c7lst{ margin:0 -45px;}
.inx_c7lst li{ width:calc(50% - 90px); margin:4.16vw 45px 0; height:298px; position:relative; padding-left:352px;display:flex; flex-direction:column; justify-content:center; transition:all 0.5s ease;}
.inx_c7rndx{ width:298px; height:298px; position:absolute; left:0; top:0; text-align:center}
.inx_c7rndx:before{content:""; position:absolute; left:45px; top:45px; right:45px; bottom:45px; background:#fff; border-radius:50%;}
.inx_c7rnd{ display:block;}
.inx_c7rndx span{ width:50px; height:50px; position:absolute; left:50%; margin-left:-25px; top:65px;}
.inx_c7rndx strong{ display: block; position: absolute; left: 20px; top: 116px; right: 20px; font: 60px/68px din_b; }
.inx_c7rndx p{ display: block; position: absolute; line-height: 28px; margin-top: 12px; left: 20px; right: 20px; top: 180px; font-size: 18px; color: #505050; }
.inx_c7rtxt{}
.inx_c7rtxt strong{ font-size: 40px; font-weight: normal; line-height: 50px; display: block; margin-bottom: 18px; }
.inx_c7rtxt p{ font-size: 18px; line-height: 32px; color: #505050; text-align: justify; margin-top: 18px; }
.inx_c7lst li:last-child{ width:calc(100% - 90px);}
.inx_c7lst li:hover{transform:translateY(-15px);}
@media (max-width:1799px){
.inx_c7lst{ margin:0 -25px;}
.inx_c7lst li{ width:calc(50% - 50px); margin:4.16vw 25px 0; height:200px; padding-left:230px;}
.inx_c7rndx{ width:200px; height:200px;}
.inx_c7rndx:before{left:30px; top:30px; right:30px; bottom:30px;}
.inx_c7rndx span{ width:36px; height:36px; margin-left:-18px; top:38px;}
.inx_c7rndx strong{ top:72px; font: 50px/52px din_b; }
.inx_c7rndx p{ line-height: 26px; margin-top:8px; top: 120px; font-size: 16px;}
.inx_c7rtxt strong{ font-size: 30px; line-height: 40px; margin-bottom: 15px; }
.inx_c7rtxt p{ font-size: 16px; line-height: 28px; margin-top: 15px; }
.inx_c7lst li:last-child{ width:calc(100% - 50px);}
}
@media (max-width:1379px){
.inx_c7rtxt strong{font-size:26px; line-height:32px;}
.inx_c7rtxt p{font-size:14px; line-height:26px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.inx_c7lst li{ width:calc(100% - 50px);}
}
@media (max-width:767px){
.inx_con7{padding-top:12vw;}
.inx_c7lst li{padding-left:0; padding-top:220px; height:auto; margin-bottom:25px;}
.inx_c7rndx{left:50%; margin-left:-100px;}
.inx_con7 .inx_c3tnm {text-align:center;}
.inx_c7rtxt strong{font-size:20px; line-height:26px; margin-bottom:0}
.inx_c7rtxt{ text-align:center;}
.inx_c7rtxt p{font-size:13px; line-height:24px; margin-top:10px;}
}


.inx_con8{ padding-top:7.03vw; padding-bottom:7.03vw; background:#000000; color:#fff;}
.inx_c8fly{ position:relative; margin-top:-55px; padding-left:20px}
.inx_c8fly img{ display:block; max-width:1470px;}
.inx_c8fly dl{ position:absolute; right:220px; width:425px; bottom:55px; transition:all 0.5s ease;}
.inx_c8fly dl dt{ font-size: 40px; line-height: 40px; padding-bottom: 18px; }
.inx_c8fly dl dd,.inx_c3bmtxt p{ position:relative; padding-left:20px; font-size: 18px; line-height: 30px; margin-top:10px; }
.inx_c8fly dl dd:before,.inx_c3bmtxt p:before{ content: ""; background:#41C482; height: 6px; width: 6px; position: absolute; left: 0px; top: 12px; border-radius:50%;}
.inx_c8lst{ margin:5.35vw -30px 0; justify-content:space-between; }
.inx_c8lst dd{  margin:0 30px; position:relative; padding-left:235px; padding-top:45px; transition:all 0.5s ease;}
.inx_c8simg{ width:240px; height:240px; position:absolute; left:0; top:0;}
.inx_c3bmtxt{}
.inx_c3bmtxt strong{ font-size: 28px; line-height: 40px; display:block; margin-bottom:12px; }
.inx_c3bmtxt p{color:rgba(255,255,255,0.7);}
.inx_c8lst dd:hover,.inx_c8fly dl:hover{transform:translateY(-15px);}
@media (max-width:1799px){
.inx_c8fly img{ display:block; max-width:1100px;}
.inx_c8fly dl{ right:120px; width:300px; bottom:35px;}
.inx_c8fly dl dt{ font-size: 30px; line-height: 30px; padding-bottom: 14px; }
.inx_c8fly dl dd,.inx_c3bmtxt p{ padding-left:18px; font-size: 16px; line-height:28px; margin-top:6px; }
.inx_c8fly dl dd:before,.inx_c3bmtxt p:before{ height: 4px; width: 4px;}
.inx_c8lst{ margin:5vw -15px 0; }
.inx_c8lst dd{  margin:0 15px; padding-left:135px; padding-top:35px;}
.inx_c8simg{ width:160px; height:160px; left:-18px}
.inx_c3bmtxt strong{ font-size: 22px; line-height: 30px; margin-bottom:10px;}
}
@media (max-width:1379px){
.inx_c8fly dl dt{font-size:26px; line-height:28px;}
.inx_c8fly dl dd, .inx_c3bmtxt p{font-size:14px; margin-top:2px;}
}
@media (max-width:1199px){
.inx_c8fly img{max-width:100%;}
.inx_c8fly dl{right:50px;}
.inx_c8lst dd{padding-left:85px;}
.inx_c8simg{width:100px;}
}
@media (max-width:993px){
.inx_c8fly dl{bottom:0; right:30px; width:220px;}
.inx_c8lst{justify-content:space-around;}
}
@media (max-width:767px){
.inx_c8fly dl{position:static; margin-left:-20px;}
.inx_con8{padding-top:12vw; padding-bottom:10vw}
.inx_c8fly{margin-top:20px;}
.inx_c8fly dl dt{font-size:22px;}
.inx_c8lst dd{padding-top:20px;}
.inx_c8simg{top:-11px;}
.inx_c3bmtxt strong{font-size:20px; line-height:26px; font-weight:normal}
.inx_c8lst dd{width:100%;}
}


.inx_con9{ background-size:cover; height:56.25vw; color:#fff;display:flex; flex-direction:column; justify-content:center;}
.inx_c9tnm{ font-size: 86px; font-weight: normal; line-height: 100px; display: block; }
.inx_con9 strong{ font-size: 40px; line-height: 56px; font-weight: normal; margin-top: 30px; display:block; margin-bottom:25px;}
.inx_con9 p{ margin-bottom: 20px; position: relative; font-size: 18px; line-height: 30px; padding: 5px 0px 5px 60px; }
.inx_con9 p span{ height: 40px; width: 40px; position: absolute; left: 0px; top: 0px; border-radius:50%; border:1px solid rgba(255,255,255,0.3);}
.inx_con9 p span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:60%; max-height:60%; width:auto; height:auto;}
@media (max-width:1799px){
.inx_c9tnm{ font-size:66px; line-height: 80px; }
.inx_con9 strong{ font-size:32px; line-height: 42px; margin-top: 25px; margin-bottom:20px;}
.inx_con9 p{ margin-bottom: 12px; font-size: 16px; }
}
@media (max-width:1379px){
.inx_c9tnm{font-size:56px; line-height:70px;}
.inx_con9 strong{font-size:28px; line-height:36px;margin-top: 20px; margin-bottom: 15px;}
}
@media (max-width:1199px){
.inx_c9tnm{font-size:46px; line-height:60px;}
}
@media (max-width:993px){
.inx_con9 strong{font-size:22px; line-height:32px;}
.inx_c9tnm{font-size:36px; line-height:50px;}
}
@media (max-width:767px){
.inx_con9{height:auto; padding:18vw 0;}
.inx_c9tnm{font-size:26px; line-height:40px;}
.inx_con9 strong{font-size: 18px;line-height: 28px;margin-top: 10px; margin-bottom: 6px;}
.inx_con9 p{font-size:14px; line-height:26px; padding-left:52px;}
.inx_con9 p span{top:1px;}
}


.footer{}
.footer .container{display:flex; justify-content:space-between; padding:24px 0; }
.foot_logo img{ height:33px;}
.foot_copy{ font-size: 16px; line-height: 32px; }
@media (max-width:1799px){
.footer .container{padding:18px 0; }
.foot_copy{ font-size: 15px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){
.foot_logo{width:100%; text-align:center;}
.footer .container{flex-wrap:wrap; text-align:center;}
.foot_copy{font-size:14px; line-height:22px; padding:0 15px;}
}