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

/*    __policyClomn
----------------------------------------------*/
.policyClomn {width:1120px; margin:0 auto; position:relative;}
.items {padding:0 0 70px; overflow:hidden;}
.transition {transition: all .3s ease;}
.items-steps {background-color:#F6F6F6;}
.items-steps .items-block {height:500px; position:relative; margin:81px 0 30px;}
.img-block {margin:0 auto; display:block;}
.img-block .policyBj { width:52px; height:52px;margin:0 auto; border-radius:50px; background:#0080ff; text-align:center; line-height:52px; color:#fff; font-size:24px; position:relative; top:9px;}
.items-steps .item {position:absolute; top:0; width:180px; height:220px; background-color:#fff; border-radius:5px;    transform: translateX(-78px); z-index:1; box-shadow:0 0 5px 2px rgba(135, 135, 135, 0.15); backface-visibility:hidden;}
.items-steps .item:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff;
border-radius:5px; z-index:-1;}


.items-steps .item:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    left: 50%;
    bottom: -7px;
    box-shadow: 0 0 5px 2px rgba(135, 135, 135, 0.15);
    background-color: #fff;
    z-index: -2;
    transform: translateX(-50%) rotateZ(135deg);
}




.items-steps .item.cur {margin-top: -10px;}
.items-steps .item.even {top:auto; bottom:0;}
.items-steps .item.even:after {top:-7px; bottom:auto;}
.items-steps .item.even.cur {margin-bottom:-10px;}
.items-steps .step:nth-child(1){left:112px;}
.items-steps .step:nth-child(2){left:238px;}
.items-steps .step:nth-child(3){left:364px;}
.items-steps .step:nth-child(4){left:490px;}
.items-steps .step:nth-child(5){left:616px;}
.items-steps .step:nth-child(6){left:742px;}
.items-steps .step:nth-child(7) {left:868px;}
.items-steps .step:nth-child(8) {left:994px;}

.items-steps .item:nth-child(1){left:96px;}
.items-steps .item:nth-child(2){left:225px;}
.items-steps .item:nth-child(3){left:351px;}
.items-steps .item:nth-child(4){left:478px;}
.items-steps .item:nth-child(5){left:603px;}
.items-steps .item:nth-child(6){left:731px;}
.items-steps .item:nth-child(7) { width:250px; left:819px;}
.items-steps .item:nth-child(8) { width:230px; left:958px;}


@media screen and (max-width: 1152px){
.policyClomn {width:900px; margin:0 auto; position:relative;}
.items {padding:0 0 40px; overflow:hidden;}
.transition {transition: all .3s ease;}
.items-steps {background-color:#F6F6F6;}
.items-steps .items-block {height:500px; position:relative; margin:81px 0 30px;}
.img-block {margin:0 auto; display:block;}
.img-block .policyBj { width:52px; height:52px;margin:0 auto; border-radius:50px; background:#0080ff; text-align:center; line-height:52px; color:#fff; font-size:24px; position:relative; top:9px;}
.items-steps .item {position:absolute; top:0; width:180px; height:220px; background-color:#fff; border-radius:5px;    transform: translateX(-115px); z-index:1; box-shadow:0 0 5px 2px rgba(135, 135, 135, 0.15); backface-visibility:hidden;}
.items-steps .item:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff;
border-radius:5px; z-index:-1;}


.items-steps .item.cur {margin-top: -10px;}
.items-steps .item.even {top:auto; bottom:0;}
.items-steps .item.even:after {top:-7px; bottom:auto;}
.items-steps .item.even.cur {margin-bottom:-10px;}
.items-steps .step:nth-child(1){ margin-left:-58px;}
.items-steps .step:nth-child(2){margin-left:-123px;}
.items-steps .step:nth-child(3){margin-left:-85px;}
.items-steps .step:nth-child(4){margin-left:-155px;}
.items-steps .step:nth-child(5){margin-left:-110px;}
.items-steps .step:nth-child(6){margin-left:-185px;}
.items-steps .step:nth-child(7) {left:760px;}
.items-steps .step:nth-child(8) {left:800px;}

.items-steps .item:nth-child(1){left:1px;}
.items-steps .item:nth-child(2){margin-left:-68px;}
.items-steps .item:nth-child(3){margin-left:-28px;}
.items-steps .item:nth-child(4){margin-left:-98px;}
.items-steps .item:nth-child(5){margin-left:-108px;}
.items-steps .item:nth-child(6){margin-left:-130px;}
.items-steps .item:nth-child(7) { width:250px; left:750px;}
.items-steps .item:nth-child(8) { width:230px; left:798px;}	
}


.items-steps .img-block {width:70px; height:70px; border-radius:50%; background-color:#fff; margin-top:-35px; position: relative; transition-duration:1s;}
.items-steps .img-block:before {  
	content: "";
    width: 100%;
    height: 100%;
    box-shadow: 0 0 5px 2px rgba(135, 135, 135, 0.15);
    position: absolute;
    z-index: -2;
    border-radius: 50%;
    left: 0;
    top: 0;}
.items-steps .img-block img {position:relative; top:50%; transform:translateY(-50%);}
.items-steps .item:hover .img-block {transform:rotateZ(360deg);}
.items-steps .item-title {font-size:24px; text-align:center; margin-bottom:8px; font-weight:600; padding-top:9px;}
.items-steps .item-p {color:#666; text-align:center; padding:0 24px;}
.items-steps .item:nth-child(7) .item-p{padding:0 20px;}
.items-steps .item.even .item-title {margin-top:15px;}
.items-steps .item:nth-child(2).even .item-title,.items-steps .item:nth-child(4).even .item-title,.items-steps .item:nth-child(6).even .item-title {margin-top:22px;}
.items-steps .item.even .img-block {margin:0 0 0 -35px; position:absolute; left:50%; bottom:-35px;}
.items-steps .item-col2 {width:220px; transform:translateX(-133.5px);}
.items-steps .item-col2 .flex-row {justify-content:space-around; display:flex; flex-direction:row; align-items:center;}
.items-steps .item-col2 .item-p {text-align:left;}
.items-steps .steps-block {position:absolute; height:24px; width:100%; top:50%; left:0; transform: translateY(-50%);}
.items-steps .steps-block:before {content: ""; position:absolute; width:99.4%; border-top:2px dotted #afb0b1;    border-radius:2px; left:0; top:50%; transform: translateY(-50%);
}
.items-steps .steps-block:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background:#f6f7f9;
	border:2px dotted #afb0b1;
	border-radius:50%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.items-steps .step {position:absolute; width:24px; height:24px; background-color:#fff; border-radius:50%;transform: translateX(-12px); box-shadow:0 0 8px 0 rgba(0, 0, 0, .2);}
.items-steps .step:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #0080ff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease;
}
.stepsIcon{width:20px; height:20px; background:#f6f7f9; border:2px dotted #afb0b1; border-radius:50%; left:0; top:50%;    transform: translateY(-50%);position: absolute;}
.items-steps .step.cur:before {width:100%; height:100%;}
/*.rollInLeft {animation-name:rollInLeft;}
.rollInLeft1 {animation-name:rollInLeft1;}*/
.transition:hover{ cursor:pointer;}
 @keyframes rollInLeft {
	 0% {
 		opacity: 0;
 		transform: translateX(-100%) rotateY(-180deg);
	}
	 100% {
 		opacity: 1;
 		transform: translateX(-78px) rotateY(0deg);
	}
}
 @keyframes rollInLeft1 {
 	0% {
 		opacity: 0;
 		transform: translateX(-100%) rotateY(-180deg);
	}
 100% {
 		opacity: 1;
 		transform: translateX(-133.5px) rotateY(0deg);
	}
}

@media screen and (max-width: 1152px){
	.policyClomn {width:900px;}
	.items-steps .step:nth-child(1){left:140px;}
	.items-steps .step:nth-child(2){left:258px;}
	.items-steps .step:nth-child(3){left:382px;}
	.items-steps .step:nth-child(4){left:500px;}
	.items-steps .step:nth-child(5){left:624px;}
	.items-steps .step:nth-child(6){left:745px;}
	.items-steps .item:nth-child(1){left:107px;}
	.items-steps .item:nth-child(2){left:226px;}
	.items-steps .item:nth-child(3){left:350px;}
	.items-steps .item:nth-child(4){left:469px;}
	.items-steps .item:nth-child(5){left:647px;}
	.items-steps .item:nth-child(6){left:714px;}
}

/*    __plan
----------------------------------------------*/
.plan{ width:1120px; height:550px; margin:0 auto; background:url(../images/Archives/plan_icon.png) no-repeat center 62px; position:relative;}
.planItem{ width:306px; text-align:right; position:absolute; top:46px; left:-2px;transition-duration:.6s; cursor:pointer;}
.planTitle{ font-size:22px; margin-bottom:4px;}
.planItem p{ line-height:22px; color:#666;}
.planItem02{ width:226px; top:229px; left:40px;}
.planItem03{ width:255px; top:408px; left:72px;}
.planItem04{ width:306px; top:46px; left:787px; text-align:left;}
.planItem05{ width:226px; top:229px; left:853px; text-align:left;}
.planItem06{ width:306px; top:408px; left:787px; text-align:left;}
.planItem:hover,.cycleWhite:hover{transform:translateY(-12px) scale(1,1); }
@media screen and (max-width: 1152px){
	.plan{ width:900px;}
	.planItem{width:200px;}
	.planItem02{ width:160px; left:0px;}
	.planItem03{ width:190px; left:20px;}
	.planItem04{ width:200px; left:675px;}
	.planItem05{ width:175px; left:742px;}
	.planItem06{ width:200px; left:675px;}
}


/*    __cycle
----------------------------------------------*/
.cycle{ width:1120px; margin:0 auto; padding:45px 0 34px;}
.cycleItem li{ width:25%; float:left; margin-bottom:36px;}
.cycleWhite{ height:164px; margin:0 15px; background:#fff; padding-top:31px;box-shadow: 0 0 10px 5px rgba(0, 0, 0, .03);transition-duration:.6s; cursor:pointer;}
.cycIcon{ width:89px; height:91px; background:url(../images/Archives/cycle_icon.png) no-repeat; margin:0 auto;}
.cycleWhite p{ font-size:22px; text-align:center; padding-top:20px;}
.cycIcon02{ background-position:-199px 0;}
.cycIcon03{background-position:0 -126px;}
.cycIcon04{background-position:-406px -126px;}
.cycIcon05{ background-position:-199px -126px;}
.cycIcon06{ background-position:-572px 0;}
.cycIcon07{ background-position:-572px -126px;}
.cycIcon08{ background-position:-406px 0;}
.cycleWhite:hover{box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);}
@media screen and (max-width: 1152px){
	.cycle{ width:936px;}
}
.security{ width:1000px; margin:0 auto; padding:0 auto;}

/*    __rvc
----------------------------------------------*/
.rvc{ width:100%;max-width:1140px;	position:relative;margin:auto; margin-top:48px;}
.rvc .rvc-wrapper{margin:auto;overflow:hidden;}
.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:150px;
	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{ font-size:22px; margin:43px 30px 0 30px; font-weight:500;}
.rvc .rvc-wrapper ul li p{ height:144px; color:#666; line-height:24px; margin:14px 30px 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;
}
.rvc-prv{left:0;}
.rvc-next{right:0;}




@media screen and (max-width: 1152px){
	.rvcBox { width:100%; max-width:900px;margin:45px auto 0;}
	.rvc{ width:100%; max-width:900px; margin:0 auto; }
	
	}
}



.security img{ width:100%; height:auto;}


@media screen and (max-width: 1152px){
    
.security{ width:800px; height:350p;}

.security img{ width:800px; height:auto;}
	
}

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

	
}