@charset "utf-8";
/*    __banner
----------------------------------------------*/
.videoBannerTitle{width:100%; height:580px; background:url(../images/cus/bg-1.jpg) no-repeat top center; }
.videoBannerTitle .title01,.videoBannerTitle .title02{max-width:1120px; margin:0 auto; color:#fff;}
.videoBannerTitle .title01{ font-size:50px; padding-top:155px;  font-weight:600; }
.videoBannerTitle .title02{ font-size:18px; color:#fff; opacity:0.75; padding-top:33px; padding-left:48%;}
.videoBannerTitle .title02 p{ width:600px; text-align:center; line-height:30px;}

.sunPic{ width:530px; float:right; padding-right:15%; padding-top:15%;}
.sunPic img{ width:100%; height:auto;}
.iframehe{height:590px;}
.iframehe1{height:200px;}
.iframehe3{height:850px;}
@media screen and (min-width: 2000px){
.sunPic{  padding-right:27%; }

	}

@media screen and (min-width: 2800px){
.sunPic{  padding-right:37%; }
	}


@media screen and (min-width: 3500px){

	}


@media screen and (max-width: 1152px){
	.iframehe{height:410px;}
	.iframehe1{height:140px;}
	.iframehe3{height:650px;}
    .videoBannerTitle{ width:1000px;}
	.sunPic{ width:450px;float:right; padding-right:100px; padding-top:150px;}

}

/*    __survey
----------------------------------------------*/
.subtitle{ max-width:1120px; margin:15px auto 0; text-align:center; line-height:28px; color:#666;}
.survey{ width:556px; height:556px; margin:38px auto 0; padding-bottom:70px;}

/*    __apply
----------------------------------------------*/
.apply{ width:527px; height:525px; margin:35px auto 70px; position: relative;}
.apply-circle{ width:432px; height:432px; border:2px dotted #0080ff; border-radius:50%; position:absolute; top:40px; left:42px; animation:apply-circle 5s linear infinite;}
.apply-circle-small{ width:343px; height:343px; border:2px dotted #108de7; border-radius:50%;position:absolute; top:89px; left:94px; animation:apply-circle-small 5s linear infinite;-moz-animation:apply-circle-small 5s linear infinite;}
@keyframes apply-circle{
      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 apply-circle-small{
      0%{-webkit-transform:rotate(360deg);}
      25%{-webkit-transform:rotate(270deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(90deg);}
      100%{-webkit-transform:rotate(0deg);}
    }


.apply-text{ width:527px; height:525px; position:absolute; top:0; left:0;z-index: 20;}


.apply-circle-center{width:220px; height:220px; display:block; position:absolute; top:151px; left:154px; z-index:10; background:#0080ff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
opacity:0; animation: apply-circle-center 2s infinite linear; -webkit-animation: apply-circle-center 2s infinite linear;}

.apply-circle-center02{width:260px; height:260px; display:block; position:absolute; top:131px; left:133px; z-index:10; background:#0080ff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
opacity:0; animation: apply-circle-center 2s infinite linear; -webkit-animation: apply-circle-center 2s infinite linear;}



@keyframes apply-circle-center{
  0% {transform: scale(0);opacity: 0;}
  70% {transform: scale(0.7);opacity: 1;}
  100% {transform: scale(1);opacity: 0;}
}
@keyframes apply-circle-center{
  0% {-webkit-transform: scale(0); opacity: 0;}
  70% {-webkit-transform: scale(0.7); opacity: 1;}
  100% {-webkit-transform: scale(1); opacity: 0;}
}

@keyframes apply-circle-center02{
  0% {transform: scale(0);opacity: 0;}
  70% {transform: scale(0.7);opacity: 1;}
  100% {transform: scale(1);opacity: 0;}
}
@keyframes apply-circle-center02{
  0% {-webkit-transform: scale(0); opacity: 0;}
  70% {-webkit-transform: scale(0.7); opacity: 1;}
  100% {-webkit-transform: scale(1); opacity: 0;}
}

@keyframes apply-circle-center03{
  0% {transform: scale(0);opacity: 0;}
  70% {transform: scale(0.7);opacity: 1;}
  100% {transform: scale(1);opacity: 0;}
}
@keyframes apply-circle-center03{
  0% {-webkit-transform: scale(0); opacity: 0;}
  70% {-webkit-transform: scale(0.7); opacity: 1;}
  100% {-webkit-transform: scale(1); opacity: 0;}
}


/*    __specs
----------------------------------------------*/
.specs{ width:1160px; margin:46px auto 0; padding-bottom:58px;}
.specsItem li{ width:50%; float:left;}
.specsList{ height:54px; background:#fff url(../images/Digital/icon02.png) no-repeat center left; line-height:54px; font-size:16px; margin:0 20px 12px 20px;box-shadow:0 0 6px 3px rgba(0, 0, 0, .01);transition-duration:.6s; padding-left:43px; color:#666; }
.specsList:hover{transform:translateX(-12px) scale(1,1); }
@media screen and (max-width: 1152px){
	.specs{ width:928px;}
	.specsList{margin:0 14px 12px 14px;}

}

/*    __rvc
----------------------------------------------*/
.rvc{ width:100%;max-width:1140px;	position:relative;margin:auto; margin-top:48px;}
.rvc .rvc-wrapper{margin:auto;overflow:hidden; padding-bottom:70px;}
.rvc .rvc-wrapper ul{overflow:hidden;position:relative;}
.rvc .rvc-wrapper ul li{float:left;	background:#fff; transition-duration:.6s;}
.rvc .rvc-wrapper ul li:hover{ background:#fff; cursor:pointer; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);}
.rvc .rvc-wrapper ul li img{ width:100%; height:174px;}
.rvc .rvc-wrapper ul li .img-wrapper{height:174px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.rvc .rvc-wrapper ul li h3{ border-left:1px solid #f4f4f4;border-right:1px solid #f9f9f9; font-size:22px; font-weight:500; color:#0080ff; text-align:center; padding-top:65px; background:url(../images/Digital/01.png) no-repeat center 36px;}
.rvc .rvc-wrapper ul li h3.number02{ background:url(../images/Digital/02.png) no-repeat center 30px;}
.rvc .rvc-wrapper ul li h3.number03{ background:url(../images/Digital/03.png) no-repeat center 30px;}
.rvc .rvc-wrapper ul li h3.number04{ background:url(../images/Digital/04.png) no-repeat center 30px;}
.rvc .rvc-wrapper ul li h3.number05{ background:url(../images/Digital/05.png) no-repeat center 30px;}
.rvc .rvc-wrapper ul li p{ border:1px solid #efefef; border-top:none; height:190px;color:#666; line-height:24px; padding:20px 36px 0;}
.rvc-prv,.rvc-next{position:absolute; height:100%; top:0;display:-webkit-box;display:-ms-flexbox; 
	display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	cursor:pointer;
}
.rvc-prv{left:0;}
.rvc-next{right:0;}
@media screen and (max-width: 1152px){
	.rvcBox { width:100%; max-width:1100px; }
	.rvc{ width:100%; max-width:900px; margin:0 auto; }
}