@charset "utf-8";
/* CSS Document */



/* CSS Reset */
a,*::before,*::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}





.index-research-institute {background: #f3f5f7;overflow: hidden;position: relative;padding: 5% 0;width: 100%;height: 100%;box-sizing: border-box;}
.index-research-institute .vapeez-title {text-align: center;padding: 1% 0;overflow: hidden;} 
.index-research-institute .vapeez-title .title-1 {font-weight: 700;font-size: 30px;}
.index-research-institute .vapeez-title .title-1 strong{font-weight: 700;font-size: 30px; color: #004f85; margin-left: 6px; margin-right: 6px;}
.index-research-institute .vapeez-title .text-1 {margin-top: 20px;font-size: 14px; color: #666;}
.index-research-institute .vapeez-title .text-2 {margin-top: 2%;color: #999;}
.index-research-institute-bottom {text-align: center;overflow: hidden;font-size: 0;padding-top: 5%;}
.index-research-institute-item {width: 25%;display: inline-block;vertical-align: middle;}
.index-research-institute-item a {display: block;position: relative;}
.index-research-institute-item .text {position: relative;z-index: 22;}
.index-research-institute-item .text-1 {color: #666;font-size: 14px;}
.index-research-institute-item .title-1 {overflow: hidden; font-size: 20px;}
.index-research-institute-item .title-1 strong {font-weight: 600;color: #333;}
.index-research-institute-item .title-1 sup {color: #333;overflow: hidden;}
.index-research-institute-item .img-1 {position: relative;}
.index-research-institute-item .img-2 {position: absolute;left: 0;bottom:0;width: 100%;z-index: 11;opacity: 0;}
.index-research-institute-item.cur a .img-2 {opacity: 1;}
.index-research-institute-item.cur a .text {transform: translateY(-20%);}
.index-research-institute-item.cur a .title-1 strong,
.index-research-institute-item.cur a .title-1 sup {color: #004f85;}
.index-research-institute-item.cur a .text-1 {color: #666;}
 

.vapeez-icon i .img-top {position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;z-index: 100;max-width: 100%;max-height: 100%;opacity: 0;}
.vapeez-icon i.vapeez-icon-1.cur .img-top {opacity: 0;} 
.vapeez-icon i.vapeez-icon-1.gifshow .img-top {opacity: 1;} 
.vapeez-icon i.cur .img-top {opacity: 1;}
.index-research-institute-item .img-1 img{opacity: 0;}
.index-research-institute-item.cur .img-2 {opacity: 1;height: 100%;z-index: 1111;}
.index-research-institute-item .img-1,.index-research-institute-item .img-2{transition:all .4s ease;}
.lines-ain1 {opacity: .5;}
.lines-ain1,.lines-ain2 {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 50;overflow: hidden;}
.lines-left,.lines-right {width: 50%;height: 100%;position: relative;float: left;opacity: .5;}
.lines-ain1 i,.lines-ain2 i {display: block;position: absolute;height: 30%;width: 1px;background: linear-gradient(to bottom,#000 0% ,rgba(0,0,0,0) 100%);}
.lines-ain2 i {background: #004f85;}
.lines-left  i:nth-child(1)  {left: 0;bottom: -5%; }
.lines-left  i:nth-child(2)  {left: 7%;bottom: 0%; }
.lines-left  i:nth-child(3)  {left: 14%;bottom: 4%; }
.lines-left  i:nth-child(4)  {left: 21%;bottom: 8%; }
.lines-left  i:nth-child(5)  {left: 28%;bottom: 12%; }
.lines-left  i:nth-child(6)  {left: 35%;bottom: 16%; }
.lines-left  i:nth-child(7)  {left: 42%;bottom: 20%; }
.lines-left  i:nth-child(8)  {left: 49%;bottom: 24%; }
.lines-left  i:nth-child(9)  {left: 56%;bottom: 28%; }
.lines-left  i:nth-child(10) {left: 63%;bottom: 32%; }
.lines-left  i:nth-child(11) {left: 70%;bottom: 36%; }
.lines-left  i:nth-child(12) {left: 77%;bottom: 40%; }
.lines-left  i:nth-child(13) {left: 84%;bottom: 44%; }
.lines-left  i:nth-child(14) {left: 91%;bottom: 48%; }
.index-research-institute-item.cur .lines-left i:nth-child(1)  {animation: lineain1 1s linear 0.1s infinite;}
.index-research-institute-item.cur .lines-left i:nth-child(2)  {animation: lineain1 1s linear 0.15s infinite;}
.index-research-institute-item.cur .lines-left i:nth-child(3)  {animation: lineain1 1s linear 0.2s infinite;}
.index-research-institute-item.cur .lines-left i:nth-child(4)  {animation: lineain1 1s linear 0.25s infinite;}
.index-research-institute-item.cur .lines-left i:nth-child(5)  {animation: lineain1 1s linear 0.3s infinite;}
.index-research-institute-item.cur .lines-left i:nth-child(6)  {animation: lineain1 1s linear 0.35s infinite;}
.index-research-institute-item.cur .lines-left i:nth-child(7)  {animation: lineain1 1s linear 0.4s infinite;}
.index-research-institute-item.cur .lines-left i:nth-child(8)  {animation: lineain1 1s linear 0.45s infinite;}
.index-research-institute-item.cur .lines-left i:nth-child(9)  {animation: lineain1 1s linear 0.5s infinite;}
.index-research-institute-item.cur .lines-left i:nth-child(10) {animation: lineain1 1s linear 0.55s infinite;}
.index-research-institute-item.cur .lines-left i:nth-child(11) {animation: lineain1 1s linear 0.6s infinite;}
.index-research-institute-item.cur .lines-left i:nth-child(12) {animation: lineain1 1s linear 0.7s infinite;}
.index-research-institute-item.cur .lines-left i:nth-child(13) {animation: lineain1 1s linear 0.8s infinite;}
.index-research-institute-item.cur .lines-left i:nth-child(14) {animation: lineain1 1s linear 0.9s infinite;}
@keyframes lineain1{0%{opacity: 1;} 100%{opacity: 0;}}
.lines-ain2 i:nth-child(1)  {left: 38.5%;top: 30%;opacity: .4;}
.lines-ain2 i:nth-child(2)  {left: 42%;top: 26%; opacity: .6;}
.lines-ain2 i:nth-child(3)  {left: 45.5%;top: 20%; opacity: .8;}
.lines-ain2 i:nth-child(4)  {left: 50%;top: 0%;height: 45%;}
.lines-ain2 i:nth-child(5)  {left: 53.5%;top: 20%;opacity: .8; }
.lines-ain2 i:nth-child(6)  {left: 57%;top: 30%; opacity: .6;}
.lines-ain2 i:nth-child(7)  {left: 60.5%;top: 33%; opacity: .4;}
.lines-right  i:nth-child(1)  {left: 0;bottom: 48%; }
.lines-right  i:nth-child(2)  {left: 7%;bottom: 44%; }
.lines-right  i:nth-child(3)  {left: 14%;bottom: 40%; }
.lines-right  i:nth-child(4)  {left: 21%;bottom: 36%; }
.lines-right  i:nth-child(5)  {left: 28%;bottom: 32%; }
.lines-right  i:nth-child(6)  {left: 35%;bottom: 28%; }
.lines-right  i:nth-child(7)  {left: 42%;bottom: 24%; }
.lines-right  i:nth-child(8)  {left: 49%;bottom: 20%; }
.lines-right  i:nth-child(9)  {left: 56%;bottom: 16%; }
.lines-right  i:nth-child(10) {left: 63%;bottom: 12%; }
.lines-right  i:nth-child(11) {left: 70%;bottom: 8%; }
.lines-right  i:nth-child(12) {left: 77%;bottom: 4%; }
.lines-right  i:nth-child(13) {left: 84%;bottom: 0%; }
.lines-right  i:nth-child(14) {left: 91%;bottom: -5%; }
.index-research-institute-item.cur .lines-right i:nth-child(14)  {animation: lineain1 1s linear 0.1s infinite;}
.index-research-institute-item.cur .lines-right i:nth-child(13)  {animation: lineain1 1s linear 0.15s infinite;}
.index-research-institute-item.cur .lines-right i:nth-child(12)  {animation: lineain1 1s linear 0.2s infinite;}
.index-research-institute-item.cur .lines-right i:nth-child(11)  {animation: lineain1 1s linear 0.25s infinite;}
.index-research-institute-item.cur .lines-right i:nth-child(10)  {animation: lineain1 1s linear 0.3s infinite;}
.index-research-institute-item.cur .lines-right i:nth-child(9)  {animation: lineain1 1s linear 0.35s infinite;}
.index-research-institute-item.cur .lines-right i:nth-child(8)  {animation: lineain1 1s linear 0.4s infinite;}
.index-research-institute-item.cur .lines-right i:nth-child(7)  {animation: lineain1 1s linear 0.45s infinite;}
.index-research-institute-item.cur .lines-right i:nth-child(6)  {animation: lineain1 1s linear 0.5s infinite;}
.index-research-institute-item.cur .lines-right i:nth-child(5) {animation: lineain1 1s linear 0.55s infinite;}
.index-research-institute-item.cur .lines-right i:nth-child(4) {animation: lineain1 1s linear 0.6s infinite;}
.index-research-institute-item.cur .lines-right i:nth-child(3) {animation: lineain1 1s linear 0.7s infinite;}
.index-research-institute-item.cur .lines-right i:nth-child(2) {animation: lineain1 1s linear 0.8s infinite;}
.index-research-institute-item.cur .lines-right i:nth-child(1) {animation: lineain1 1s linear 0.9s infinite;}





.aside-top {position: fixed; width: 50px;bottom:3%;right:1%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #000;border-radius: 100%;background-size: 30%;}
.aside-top a:before {font-size: 1.8rem;color: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}

@keyframes moveup {100%{transform: translateY(0%);}}
@keyframes bannerp{0%{width: 0;} 100%{width: 100%;}}
@keyframes yuanfangda{0%{transform:translate(-50%,-50%) scale(0.1);opacity:1;}100%{transform:translate(-50%,-50%) scale(1.1);opacity: 0;}}
@keyframes turnrotate{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}}
@keyframes moveright {50%{width:100%;}100%{width:100%;}}
@keyframes moveright2 {50%{left:100%;}100%{left:100%;}} 
@keyframes logoain1 {30%{mask-position: 0% 10%;-webkit-mask-position: 50% 100%;}70%{mask-position: 60% 50%;-webkit-mask-position: 50% 100%;}90%{mask-position: 50% 100%;-webkit-mask-position: 50% 100%;}100%{mask-position: 50% 100%;-webkit-mask-position: 50% 100%;opacity: 0;}} 
@keyframes opacity1 {0%{opacity: 1;}100%{opacity: 0;}} 
@keyframes logoain2 {80%{top: -110%;}100%{top: -110%;}} 
@keyframes opacity2 {100%{opacity: 1;}} 
@keyframes dazhixg {100%{width: 0;}}
@keyframes guanbiao {50%{opacity: 1}}
@keyframes dazhi1{0%{width: 100%;}100%{width: 0%;}}
@keyframes fudong{0%{transform: translateY(0%);}50%{transform: translateY(10%);}100%{transform: translateY(0%);}}
@keyframes fudong2{0%{transform: translate(-50%,0%);}50%{transform: translate(-50%,10%);}100%{transform: translate(-50%,0%);}}
@keyframes xuanzhuan{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}25%{-webkit-transform:translate(-50%,-50%) rotate(90deg);}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);}75%{-webkit-transform:translate(-50%,-50%) rotate(270deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes yuanfd1{0%{transform:translate(-50%,-50%) scale(0.1);opacity:0;}50%{transform:translate(-50%,-50%) scale(1);opacity: .2;}100%{transform:translate(-50%,-50%) scale(1);opacity: 0;}}
@keyframes yuanfd2{0%{transform:translate(-50%,-50%) scale(0.1);opacity:0;}50%{transform:translate(-50%,-50%) scale(1);opacity: 1;}100%{transform:translate(-50%,-50%) scale(1);opacity: 0;}}
@keyframes yuanfd3{0%{transform:translate(-50%,-50%) scale(0);opacity:0;}50%{transform:translate(-50%,-50%) scale(4);opacity: .2;}100%{transform:translate(-50%,-50%) scale(4);opacity: 0;}}
@keyframes shansuo {0%{opacity: 1}50%{opacity: .4}100%{opacity: 1}}

 
@keyframes piaofu0{0%{top: 10%;}50%{top: 12%;}100%{top: 10%;}}
@keyframes piaofu1{ 0% {transform: translate(0,0);} 50% {transform: translate(-20%, -20%);}100% {transform: translate(0,0);}}
@keyframes piaofu2{ 0% {transform: translate(0,0);} 50% {transform: translate(20%, 20%);}100% {transform: translate(0,0);}}
@keyframes piaofu3{ 0% {transform: translate(0,0);} 50% {transform: translate(-50%, 30%);}100% {transform: translate(0,0);}}
@keyframes piaofu4{ 0% {transform: translate(0,0);} 50% {transform: translate(-20%, 50%);}100% {transform: translate(0,0);}}
@keyframes piaofu5{ 0% {transform: translate(0,0);} 50% {transform: translate(-15%, 15%);}100% {transform: translate(0,0);}}
 


@keyframes fadeInwidth{ 0% {width: 0%;}100% {width: 100%;}}
.fadeInwidth{-webkit-animation-name:fadeInwidth;animation-name:fadeInwidth;-webkit-animation-duration: 4s;animation-duration: 4s}


@media screen and (max-width: 860px) {
.index-research-institute-item {width: 50%;}
	
}

@media screen and (max-width: 640px) {
.index-research-institute .vapeez-title .title-1 {font-weight: 600;font-size: 20px;}
.index-research-institute .vapeez-title .title-1 strong{font-weight: 600;font-size: 20px; color: #004f85; margin-left: 6px; margin-right: 6px;}
	.index-research-institute .vapeez-title .text-1 {margin-top: 10px;font-size: 12px; line-height: 20px; color: #666;}
	
.index-research-institute-item .text-1 {color: #666;font-size: 12px;}
.index-research-institute-item .title-1 {overflow: hidden; font-size: 18px;}	
	
	
}