@charset "utf-8";

.section {
    background-position: center ;
    background-size:cover;
}

.bannerVideo{
	position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	    background: #226ed6;
}

.apply {
    width: 217px;
    height: 46px;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top:250px;
    margin-left: -105px;
    cursor: pointer;
    text-align: center;
    line-height: 46px;
    color: #fff;
    font-size: 20px;
    border-radius: 40px;border:2px solid #fff;
    transition:opacity 1s ease-out 1.2s, top 1s ease-out 1.2s, color 0.3s, background 0.3s;
    opacity: 0;
    }

.section1 .apply:hover{
	color: #fff;border:2px solid #00beff;
	 background-color: transparent;background-color: #00beff;
}

.section.active   .apply {
    opacity: 1;
    top: 55%;
}

.section.active .applybtn{

    transition:opacity 1s ease-out 1.2s, margin-top 1s ease-out 1.2s, color 0.3s, background 0.3s;
}

.applybtn{
    display: inline-block;
    width: 217px;
    height: 46px;
    line-height: 46px;
    font-size:20px;
    text-align: center;
    border-radius: 40px;
    color: #00beff;
    margin-top: 120px;
    opacity: 0;
    cursor: pointer;
    background-color: #fff;border:2px solid #00beff;
}



.applybtn:hover{
   color: #fff;
     background-color: transparent; background-color: #00beff;
}
.section.active .applybtn{
    opacity: 1;
    margin-top: 30px;
}

.basecontainer{
    width: 100%;
    height: 100%;
}

.section.active  .imgwraper{
    position: absolute;
    overflow: hidden;
    -webkit-transition: all .6s .4s ease-out;
    -o-transition: all .6s .4s ease-out;
    transition: all .6s .4s ease-out;
}


.roteitem p{
     margin: 0;
    padding: 0;
    font-size: 14px;
    margin-bottom: 30px;
	color: #999;

}


.textsplit{
    height: 1px;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
}

.titpic{margin-bottom: 20px;display: inline-block; min-width:351px;letter-spacing:2px;text-align:left;transform: scale(0);transition: 1s;font-size:54px;color:#000;line-height: 68px;padding-bottom: 50px;padding-right:40px;white-space: nowrap;}
.titpic img{display: block; }
.section.active .titpic{ transform: scale(1,1);
    transition-delay: .6s;

}
.section1 {
    position: relative;
    /*background-image: url(../images/bg_1.jpg);*/
}
.pibox{
	position: absolute;
	width:702px ;
	transition-duration:.9s;
	transition-delay: .6s;
	top: 50%;
	left: 0;
	margin-top: 200px;
	transform: scale(0,0);
	opacity: 0;
}
.pibox .pibox1,.pibox .pibox2,.pibox .pibox3{
	float: left;
	width: 204px;
	height: 240px;
	padding-right:30px ;
	text-align: center;
}
.section2.active .pibox{transform: scale(1,1);opacity: 1;}
.pibox h3{
	margin-top: 15px;
	color: #000;
	font-size: 20px;
	margin-bottom: 15px;
}
.pibox {
	color: #000;;
}

.section1 .pic1 {
    position: absolute;
    top: 55%;
    left: 50%;
    margin-top: -300px;
    margin-left: -485px;
    width: 970px;
    padding: 30px 0;
    transition: all 1s;
    transform: scale(0.4, 0.4);
    opacity: 0;
	text-align:center;
	
}
.section1 .pic1  h2{
	color:#fff;
	font-size:60px;
	margin-bottom:100px;
	
}
.section1 .pic1 a{
	display:block;
	float:left;
	width: 16%;
	font-size:18px;
	height: 80px;
	margin:0 2%;
	text-align:center;color:#00beff;
}

.section1 .pic1 a:hover{
	color:#fff;
}
.section1 .pic1 a img{
	display:block;
	margin:0 auto 10px;
	
}

.amaps1{background: url(../images/t101.png); width: 90px; height: 75px; margin: auto;}
.amaps1:hover{background: url(../images/t101-1.png) no-repeat;}
.amaps2{background: url(../images/t102.png); width: 90px; height: 75px; margin: auto;}
.amaps2:hover{background: url(../images/t101-2.png) no-repeat;}
.amaps3{background: url(../images/t103.png); width: 90px; height: 75px; margin: auto;}
.amaps3:hover{background: url(../images/t101-3.png) no-repeat;}
.amaps4{background: url(../images/t104.png); width: 90px; height: 75px; margin: auto;}
.amaps4:hover{background: url(../images/t101-4.png) no-repeat;}
.amaps5{background: url(../images/t105.png); width: 90px; height: 75px; margin: auto;}
.amaps5:hover{background: url(../images/t101-5.png) no-repeat;}




.section1.active  .pic1 {
    transition-delay: 0.7s;
    transform: scale(1,1);
    opacity: 1;
}

@media screen and (max-width:1440px){
	.section1.active  .pic1{
		    transform: scale(.7,.7);
    margin-top: -230px;
	}
	
}
@media screen and (max-width:1440px){
	.apply{
		margin-top: 130px;
		transform: scale(.8,.8);
	}
	
}


@media screen and (max-width:1366px){
	.section1.active  .pic1{
		transform: scale(.7,.7);
	margin-top: -230px;
	}
	

}
@media screen and (max-width:1366px){
.apply{
		margin-top: 120px;
		transform: scale(.7,.7);
	}
	

}
.section2 {
    position: relative;
    background-image: url(../images/bg_2.jpg);
}
.section2  .imgwraper{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    transform: translate(50%,0);
    text-align: right;
    opacity: 0;
}

.section2  .introtextwrapper{
    width: 960px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.section2  .introtext{
    width: 395px;
    position: absolute;
    z-index: 10;
    height: 400px;
    top: 50%;
    margin-top: -200px;
    opacity: 0;
}

.section2.active  .introtext{
    transition: all 1s;
    top: 50%;
    opacity: 1;
}

.section2 .containerwrapper{
    position: absolute;left: 0;right: 0;top: 0;bottom: 0;
}

.section2 .contentcontainer{
    width: 1200px;margin: 0px auto 0 auto;position: relative;height: 100%;
}
.section2 .imgstack{
    position: absolute;left: 0;top:0;right: 0;bottom: 0
}
.section2 .deslist{
    position: absolute;
    top: 45%;
    margin-top: -300px;
    left: 0;
    width: 480px;
}
.section .deslist .brief{
    font-size: 18px;line-height: 26px;margin-bottom: 40px;text-align: justify;color:#000;
    transform: scale(0);
    opacity: 0;
}

.section.active .deslist .brief{
    transform: scale(1,1);
    transition-delay: .9s;
    opacity: 1;
    transition-duration: .6s;
}
@media screen and (max-width:1440px){
	.section2 .imgstack{
		margin-top:-60px;
	}
	.section2  .s_pic1{
		transform: scale(.6,.6);
		
	}
	.section2  .s_pic2{
		transform: scale(.6,.6);
	}
	.section2 .deslist{
		transform: scale(.9,.9);
	}

}
.section3 .deslist .brief{color:#000}
.section6 .deslist .brief{color:#000;}
.section3.active .titpic{color:#000;}
.section6.active .titpic{color:#000;}

.section2 .contentcontainerpp a{
    display: inline-block;
    width: 57px;
    padding-top:57px;
    height: 26px;line-height: 26px;
    background-repeat: no-repeat;
    background-position: center top;
    font-size: 14px;
    margin-left: 22px;
    opacity: 0;
    transform: scale(0);
    position: relative;
    top: 0;
}
.section2 .contentcontainerpp .alt{margin-left: 0;}
.section2.active .contentcontainerpp a{transform: scale(1);opacity:1;}
.section2 .active .contentcontainerpp a:hover{}
.section2 .contentcontainerpp .contentcontainerlf{
    background-image: url("../images/soA_icolf.png");
}
.section2 .contentcontainerpp .contentcontaineryy{
    background-image: url("../images/soA_icoyy.png");
}
.section2 .contentcontainerpp .contentcontainerhb{
    background-image: url("../images/soA_icohb.png");
}
.section2 .contentcontainerpp .contentcontainerlk{
    background-image: url("../images/soA_icolk.png");
}
.section2 .contentcontainerpp .contentcontainerdj{
    background-image: url("../images/soA_icodj.png");
}
.section2 .contentcontainerpp .contentcontainercx{
    background-image: url("../images/soA_icocx.png");
}
.section2.active .contentcontainerpp a{transition: opacity .3s linear 1.2s, transform .3s linear 1.2s,top .3s ;}
.section2 .deslist h3{
    text-align: left;
    font-size: 20px;
} 
/*.section2 .deslist p{
    font-size: 14px;
    margin-bottom: 0px;
    text-align: left;
}*/
.section2 .deslist .textsplit{
    margin-top: 10px;
    margin-bottom: 10px;
}
.section2 .s_pic{
    position: absolute;
    top: 46%;
    transition: 1s;
    opacity: 0;
}

.section2.active  .s_pic8{
    transform: scale(1,1);
    transition-delay: .2s;
}
.section2.active  .s_pic7{
    transform: scale(1,1);
    transition-delay: .4s;
}
.section2.active  .s_pic6{
    transform: scale(1,1);
    transition-delay: .6s;
}
.section2.active  .s_pic5{
    transform: scale(1,1);
    transition-delay: .8s;
}
.section2.active  .s_pic4{
    transform: scale(1,1);
    transition-delay: 1s;
}
.section2.active  .s_pic3{
    transform: scale(1,1);
    transition-delay: 1.2s;
}
.section2.active  .s_pic2{
    right:200px;
    transition-delay: 600ms;
    opacity: 1;
}
.section2.active  .s_pic1{
    transition-delay: 1000ms;
    opacity: 1;
}

.section2 .applybtn{
    float: left;
}

.section2 .s_pic1{
    width:80%;
    margin-top: -315px;
    right:-200px;
    z-index: 10;
    transform: scale(.6,.6);
}
.section2 .s_pic2{
    width: 349px;
    height: 283px;
    margin-top: -185px;
    right: -500px;
    z-index: 9;
    transform: scale(.6,.6);
}
.section2 .s_pic3{
    width: 300px;
    height: 200px;
    margin-top: -210px;
    right: 220px;
    z-index: 8;
}
.section2 .s_pic4{
    width: 230px;
    height: 150px;
    margin-top: -220px;
    right: 326px;
    z-index: 7;
}
.section2 .s_pic5{
    width: 180px;
    height: 120px;
    margin-top: -230px;
    right: 410px;
    z-index: 6;
}
.section2 .s_pic6{
    width: 140px;
    height: 90px;
    margin-top: -235px;
    right: 480px;
    z-index: 5;
}
.section2 .s_pic7{
    width: 115px;
    height: 80px;
    margin-top: -245px;
    right: 530px;
    z-index: 4;
}
.section2 .s_pic8{
    width: 80px;
    height: 55px;
    margin-top: -250px;
    right: 590px;
    z-index: 3;
}

.textcontainer{
    width: 450px;
    height: 100%;
    float: left;
    position: relative;
}
.imgcontainer{
    height: 100%;
    position: relative;
}

.imgcontainer img{
    position: absolute;
    left: 100%;
    height:auto;
}

.textinfo{
    position: absolute;
    left: 0%;
    top: 30%;
    z-index: 1000;
}

.section.active  .imgcontainer  img{
    left:25%;
    margin-left: 200px;
    transition: all 1s;
}
.section3 .imgcontainerpp{
	position: absolute;
	bottom: 65%;left:54% ;
}
.section3 .imgcontainerpp a{
    display: inline-block;
    width:38px;padding: 7px 8px;
    line-height: 20px;
    height: 40px;border-radius: 50%;color: #fff;text-align: center;
    margin-right: 50px;
    opacity: 0;
    transform: scale(0);
    position: absolute;
    background: #00beff;
    position: relative;transition: all 300ms;
box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.section3.active .imgcontainer .imgcontainerpp a{transform: scale(1);opacity:1;}
.section3.active .imgcontainer .imgcontainerpp a:hover{
    background:#9580ff;}
.section3.active .imgcontainer .imgcontainerpp a{transition: opacity .3s linear 1.2s, transform .3s linear 1.2s,background .3s ;}
.section3.active .imgcontainer .imgcontainerpp .imgcontainerrz{top:100px;margin-right:50px;}
.section3.active .imgcontainer .imgcontainerpp .imgcontainertl{top:10px;margin-right:50px;}
.section3.active .imgcontainer .imgcontainerpp .imgcontainerfp{top:150px;margin-right:50px;}
.section3.active .imgcontainer .imgcontainerpp .imgcontainercr{top:100px;margin-right:50px;}
.section3{
    background-image: url(../images/bg_3.jpg);
}

.section3 .introcontainer{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.section3 .textul{margin-top: 40px;}
.section3 .textul li{
    margin-bottom: 25px;
    transition-duration: .3s;
    opacity: 0;
    transform: translateY(100px);
}
.section3.active .textul li{
    transform: translateY(0px);opacity: 1;}
.section3.active .textul li:first-child{
    transition-delay: .9s;
}
.section3.active .textul li:nth-child(2){
    transition-delay: 1.1s;
}
.section3.active .textul li:nth-child(3){
    transition-delay: 1.3s;
}
.section3 .textul li h3{
    color: #2d337d;
    font-size: 24px;
    margin-bottom: 5px;
}

.section3 .textul li p{
    margin-bottom: 2px;
    color: #484848;
	font-size: 16px;
}
.section3 .textsplit{
    margin-top: 30px;
}
.section3 .etitle{
    color: #fff;
    font-family: "sans serif", tahoma, verdana, helvetica;
    font-size: 18px;
}
.section3 .imgcontainer img.ictm1{    left: 380px;transition:all 1s .8s;
    margin-left: 20px;opacity: 0;
    bottom: -150px;}
.section3 .imgcontainer img.ictm2{width:719px;   
 left: 0%;opacity: 0;
    margin-left: 0;bottom:-300px;}
.section3.active .imgcontainer .ictm1{
  bottom: 2%;opacity: 1;
}
.section3.active .imgcontainer .ictm2{opacity: 1;bottom: -100px;
}
.section3 .textinfo{
    top:56%;
    margin-top: -350px;
    width: 450px;
}


@media screen and (max-width:1440px){
	.section3 .deslist{
		transform: scale(.9,.9);
	}

}
@media screen and (max-width:1440px){

	.section3 .imgcontainer img.ictm1{
		transform: scale(.8,.8);
		transform-origin: right bottom;
		    left: 220px;
	}

}@media screen and (max-width:1440px){
	.section3 .imgcontainer img.ictm2{
		transform: scale(.8,.8);
	}

}
@media screen and (max-width:1366px){

	.section3 .imgcontainer img.ictm1{
		 transform: scale(.8,.8);
		transform-origin: right bottom;
		    left: 220px;
	}
	
}
@media screen and (max-width:1366px){

	.section3 .imgcontainer img.ictm2{
		transform: scale(.6,.6);
	}

}
@media screen and (max-width:1366px){

	.section3.active .imgcontainer img.ictm2{
		    bottom: -120px;}
}
@media screen and (max-width:1366px){

	.section3 .imgcontainer img.ictm1{
		 transform: scale(.8,.8);
		transform-origin: right bottom;
		    left: 220px;
	}
	.section3 .imgcontainer img.ictm2{
		transform: scale(.6,.6);
	}
	.section3.active .imgcontainer img.ictm2{
		    bottom: -120px;}
}
.section6{
    background-image: url(../images/bg_6.jpg);
}

.section6 .introcontainer{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.section6 .textul{margin-top: 40px;}
.section6 .textul li{
    margin-bottom: 25px;
    transition-duration: .3s;
    opacity: 0;
    transform: translateY(100px);
}
.section6.active .textul li{
    transform: translateY(0px);opacity: 1;}
.section6.active .textul li:first-child{
    transition-delay: .9s;
}
.section6.active .textul li:nth-child(2){
    transition-delay: 1.1s;
}
.section6.active .textul li:nth-child(3){
    transition-delay: 1.3s;
}
.section6 .textul li h3{
    color: #2d337d;
    font-size: 24px;
    margin-bottom: 5px;
}

.section6 .textul li p{
    margin-bottom: 2px;
    color: #484848;
	font-size: 16px;
}
.section6 .textsplit{
    margin-top: 30px;
}
.section6 .etitle{
    color: #fff;
    font-family: "sans serif", tahoma, verdana, helvetica;
    font-size: 18px;
}
.section6 .imgcontainer6 img{
	    transition: all 1s;
		position:absolute;left:50%;
	top:50%;
	transform:scale(0,0);
	opacity:0;
	transform-origin:50% 50%;
}
.section6.active .imgcontainer6 img.imad{
     width: 410px;
    height: 356px;
    margin-top: -0px;
    margin-left: -100px;
	top:40%;
    z-index: 5;
	transform:scale(1,1);
	opacity:1;
	transition:all 1s .8s;
}
.section6.active .imgcontainer6 img.imad1{
	 width: 410px;
    height: 356px;
    margin-top: -100px;
    margin-left:50px;
	top:40%;
    z-index: 4;
	transform:scale(1,1);
	opacity:1;
	transition:all 1s .6s;

}.section6.active .imgcontainer6 img.imad2{
 width: 410px;
    height: 356px;
    margin-top: -200px;
    margin-left: 200px;
	top:40%;
    z-index: 3;
	transform:scale(1,1);
	opacity:1;
	transition:all 1s .4s;

}
.section6.active .imgcontainer img.imad{
 
}
.section6.active .imgcontainer img.imad1{

}

.section6 .tempWrap a{
    display: inline-block;
    width: 57px;
    padding-top:57px;
    height: 26px;line-height: 26px;
    background-repeat: no-repeat;
    background-position: center top;
    font-size: 14px;
    margin-left: 22px;
    opacity: 0;
    transform: scale(0);
    position: relative;
    top: 0;
}
.section6 .tempWrap .alt{margin-left: 0;}
.section6.active .tempWrap a{transform: scale(1);opacity:1;}
.section6 .active .tempWrap a:hover{}
.section6 .tempWrap .textcontainercd{
    background-image: url("../images/textcontainercd.png");
}
.section6 .tempWrap .textcontainerfy{
    background-image: url("../images/textcontainerfy.png");
}
.section6 .tempWrap .textcontainergl{
    background-image: url("../images/textcontainergl.png");
}
.section6 .tempWrap .textcontainerqd{
    background-image: url("../images/textcontainerqd.png");
}
.section6 .tempWrap .textcontainergq{
    background-image: url("../images/textcontainergq.png");
}

.section6.active .tempWrap a{transition: opacity .3s linear 1.2s, transform .3s linear 1.2s,top .3s ;}
.section6 .textinfo{
    top: 50%;
    margin-top: -350px;
    width: 450px;
}
.section4 {background-image: url(../images/bg_4.jpg);
}
.section4 .introcontainer{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
/*.section4 p{
    margin-bottom: 2px;
    margin-top: 2px;
    font-size: 14px;
    color: #000;
}*/
.section4 h3{
    margin-bottom: 20px;
}
.section4 .textsplit{
    margin-top: 20px;
}
.section4 .imgcontainer2{position: relative;height: 100%;}
.section4 .rotatebox{position: absolute;right: -50px;bottom:10%;width: 743px;height: 734px;}
.section4 .rotatebox .ro_1,.section4 .rotatebox .ro_2,.section4 .rotatebox .ro_3,.section4 .rotatebox .ro_f{
	position: absolute;left: 50%;top: 50%;
}
.section4 .rotatebox .ro_1{z-index: 5;margin-top: -210px;margin-left: -260px;transform:translateY(50%);opacity: 0;}
.section4 .rotatebox .ro_2{margin-top: -372px;margin-left: -372px;}
.section4 .rotatebox .ro_3{margin-top: -265px;margin-left: -265px;}
.section4 .rotatebox .ro_f{z-index: 2;width: 100%;height: 100%;margin-top: -372px;margin-left: -372px;}
.section4 .rotatebox .ro_f span{display:block;position:absolute;left: 50%;top: 50%;width: 122px;height: 122px;border-radius: 50%;background-repeat: no-repeat;background-position: center;transition:1s;transform: translateY(-25px);}
.section4 .rotatebox .ro_f span.ro_span1{background-image: url(../picture/ro_pic1.png); margin: 40px 0 0 -418px;}
.section4 .rotatebox .ro_f span.ro_span2{background-image: url(../picture/ro_pic2.png); margin: -250px 0 0 -382px;}
.section4 .rotatebox .ro_f span.ro_span3{background-image: url(../picture/ro_pic3.png); margin: -422px 0 0 -102px;}
.section4 .rotatebox .ro_f span.ro_span4{background-image: url(../picture/ro_pic4.png); margin:-340px 0 0 172px;}

.section4.active .rotatebox{    transform: scale(.8,.8);}
.section4.active .rotatebox .ro_1{transform:translateY(0%);opacity: 1;transition:all 1.6s;}
/*.section4.active .rotatebox .ro_2{animation: roIn 3s;}
.section4.active .rotatebox .ro_3{animation: roIn 3s;}*/
.section4.active .rotatebox .ro_f span{transform: translateY(0);transition:all 2.6s;}


.section5{
    /*background-image: url(../images/bg_5.jpg);*/
    background: #fff url(../images/bg_5.png) no-repeat right bottom;
    background-size: auto;
}
@media screen and (max-width:1440px){
	.section4.active .rotatebox{
	 transform: scale(.7,.7);
    bottom: -30px;
	}

}


@media screen and (max-width:1366px){
	.section4 .rotatebox{
	 transform: scale(.7,.7);
    bottom: -30px;
	}

}

.section5  p{
color: #DBD6D6;
font-size: 13px;
text-align: center;
}

.section5 .s5content{
    position: absolute;
    top: 50%;
    margin-top: -230px;
    left: 50%;
    margin-left: -500px;
}


.rotatepic{
    transform: scale(1,1) rotate(0deg);
    opacity: 1;
    -webkit-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.roteitem{
    overflow: hidden;
    width: 20px;
    margin: 0 auto;
    width:1000px;
    margin-top: -330px;
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    -webkit-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
    transition-delay: 2.5s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.section5.active .rotatepic{
    transform: scale(0,0) rotate(720deg);
    opacity: 0;
}

.section5.active .roteitem {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}


.section5 .applybtn{
    color: #fff;
    border: 2px solid #fff;
	margin-left: 400px;
}


.aboutTop{
    position: absolute;
    top:30%;
    margin-bottom: 500px;
    left: 0;
    right: 0;
}
.companybox{
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    height: 370px;
    top: 55%;
    margin-top: -190px;

}
.section5.active .companybox .aboutvideo,.section5.active .companybox .aboutinfo{
    opacity: 1;
    transform: translateX(0);
    transition-delay: .7s;
}
.companybox .aboutvideo{
    width: 640px;
    height: 370px;
    transform: translateX(-300px);
    opacity: 0;
    transition: .4s;
}
.companybox .aboutinfo{
    width: 520px;
    transform: translateX(300px);
    opacity: 0;
    transition: .4s;
}
.companybox .aboutinfo h3{
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 30px;
    color: #03256d;
}
.comPro-media{height:360px;position:relative;margin:0 auto;}
.cpMedia-box{width:100%;text-align:center;position:absolute;left:0px;top:33.66666666666667%;}
.cpMedia-box .btn{width:79px;height:80px;display:block;margin:0 auto;background:url(../images/icon-media3.png) no-repeat center center / cover;}
.cpMedia-box .btn:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);background-image:url(../images/icon-media3-2.png);}
.cpMedia-box .btn_two{width:79px;height:80px;display:block;margin:0 auto;background:url(../images/icon-media3.png) no-repeat center center / cover;}
.cpMedia-box .btn_two:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);background-image:url(../images/icon-media3-2.png);}

.cpMedia-box .c{/*line-height:69px;font-size:48px;font-family:"叶根友毛笔行书2.0版";*/height:51px;color:#fff;margin:25px 0 0;}
.cpMedia-box .c img{width:auto;height:100%;}
.cpMedia-con{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:2;display:none;}
.cpMedia-con video,
.cpMedia-con .mejs-container,
.cpMedia-con .mejs-overlay-play,
.cpMedia-con .mejs-poster,
.cpMedia-con .mejs-layers,
.cpMedia-con .mejs-overlay{width:100% !important;height:100% !important;}

.cpMedia-box .btn_two, .cpMedia-box .btn {
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}



@media screen and (max-width:1440px){
	.section6 .imgcontainer{
		    transform: scale(.9,.9)
	}
	.aboutTop {
		 transform: scale(.9,.9);
		 top: 30px;
	}
	.partnerbox {
		 transform: scale(.8,.8);
		 padding: 20px 0;
	}
	.section6 .deslist{
		transform: scale(.9,.9);
	}
	.section6.active .imgcontainer6 img.imad{
		transform: scale(.8,.8);
	}
	.section6.active .imgcontainer6 img.imad1{
		transform: scale(.8,.8);
	}
	.section6.active .imgcontainer6 img.imad2{
		transform: scale(.8,.8);
	}
}
@media screen and (max-width:1440px){

		.section6 .imgcontainer{
		    transform: scale(.9,.9)
	}


}@media screen and (max-width:1440px){

	.aboutTop {
		 transform: scale(.9,.9);
		 top: 30px;
	}

}@media screen and (max-width:1440px){

	.partnerbox {
		 transform: scale(.8,.8);
		 padding: 20px 0;
	}

}
@media screen and (max-width:1440px){
	.section6 .deslist{
		transform: scale(.9,.9);
	}

}
@media screen and (max-width:1440px){

	.section6.active .imgcontainer6 img.imad{
		transform: scale(.8,.8);
	}
	.section6.active .imgcontainer6 img.imad1{
		transform: scale(.8,.8);
	}
	.section6.active .imgcontainer6 img.imad2{
		transform: scale(.8,.8);
	}
}
.companybox .aboutinfo .brief{
	text-indent: 1.5em;
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 15px;
}
.companybox .aboutinfo .more{
    display: block;
    width: 217px; float: right;
    height: 46px;
    line-height: 46px;
    font-size:20px;
    text-align: center;
    border-radius: 40px;
    color: #00beff;
    margin-top: 20px;
    cursor: pointer;
    background-color: #fff;border:2px solid #00beff;

}

.companybox .aboutinfo .more:hover{
   color: #fff;background-color: #00beff;
    background-position: 10px center;
}
.aboutBottom {
    position: absolute;
    bottom:100%;
    left: 0;
    width: 100%;
}
.partnerbox{
    width: 1200px;margin: auto;
    padding: 80px 0;
}
.partnerbox h3.ptit{
    border-bottom:3px solid #8c8c8c;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    color:#03256d;
    margin-bottom: 20px;
}

.partnerbox ul {width:1240px; margin-top: 20px;}
.partnerbox ul li {width:280px; float:left;margin-right:26PX;margin-bottom:30px;}
.partnerbox ul li a {display: block;padding: 10px 19px 10px;border: 1px solid #ddd;}
.partnerbox ul li img {display: block; /*width:200px;*/height:87px;margin: 0 auto;}
.partnerbox ul li span{border-top: 1px solid #ddd;padding-top: 10px; text-align: center;
margin-top: 10px; display: block;width: 100%; font-size: 15px;color: #101010;}
.partnerbox ul li a:hover{border-color:#0056A3;}


/*.partnerbox ul{
    margin-right: -50px; 
}
.partnerbox ul li{
    width: 262px;
    float: left;
    margin-right: 50px;
    margin-bottom: 20px;transition: all .3s;
    max-height: 65.5px;
}
.partnerbox ul li img{
    display: block;
    width: 100%;
}
.partnerbox ul li:hover{
    box-shadow: 0 0 8px rgba(0,0,0,.5);
}*/
.companybox .aboutinfo .more
.litems .item img{
    float: right;
    margin-left: 20px;
}
.litems .item div{
    overflow: hidden;
} 
.litems .item h3,.item p{
    text-align: right;
}
.litems .item h3{
    text-align: right;
    font-size: 18px;
    font-weight: normal;
    margin-top: 5px;
}

.ritems .item img{
    float: left;
    margin-right: 20px;
}
.ritems  .item div{
    overflow: hidden;
}

.ritems .item h3,.ritems .item p{
    text-align: left;
}
.ritems .item h3{
    text-align: left;
    font-size: 18px;
    font-weight: normal;
    margin-top: 5px;
}

.animate-enlarge {
    opacity: 0;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: opacity,transform;
    -o-transition-property: opacity,transform;
    transition-property: opacity,transform;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.section.active .animate-enlarge {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.animate-rotation {
    opacity: 0;
    -webkit-transform: scale(0, 0) rotateY(0deg);
    -ms-transform: scale(0, 0) rotateY(0deg);
    -o-transform: scale(0, 0) rotateY(0deg);
    transform: scale(0, 0) rotateY(0deg);
    -webkit-transition-property: opacity,transform;
    -o-transition-property: opacity,transform;
    transition-property: opacity,transform;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.section.active .animate-rotation {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1) ;
}

.clear {
    clear: both;
}

#section7 {
    background: url('../images/bg_7.jpg');
}

#section7 .iconwarp {
    width: 905px;
    margin: 50px auto;
}

#section7 .iconitem {
    float: left;
    width: 200px;
    height: 200px;
    background: url('../images/y1.png');
    text-align: center;
    margin: 13px;
    position: relative;
    top: -300px;
    opacity: 0;
    -webkit-transition-property: opacity,top;
    -o-transition-property: opacity,top;
    transition-property: opacity,top;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

#section7.active .iconitem {
    top: 0;
    opacity: 1;
}

#section7 .iconitem h2 {
    color: #000;
    margin: 10px 0;font-size: 18px;transition-delay:0s;
}

#section7 .iconitem p {
    font-size: 12px;
    color: #000;
    padding: 0 27px;
}
#section7.active .iconitem p {transition:0s;}
#section7 .iconitem img {
    margin-top: 20px;
}

#section7 .iconitem:hover h2, #section7 .iconitem:hover p{color:#fff;}

#section7 .iconitem:hover {
    background: url('../images/y2.png');
}

#section7 .s7content {
  position: absolute;
  top: 50%;
  margin-top: -230px;
  left: 50%;
  margin-left: -453px;
}

#section7 h3{    margin:25px 0 10px;
    padding: 0px 0px;
    font-size: 40px;
    margin-bottom: 10px;}
 #section7.active h3 , #section7.active p  {opacity: 1;
    transform: scale(1,1);
    transition-delay: .5s;}
#section7 .iconitem2 {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

#section7 .iconitem3 {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

#section7 .iconitem4 {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

#section8 .topline {
    position: absolute;
    top: 0; 
    left: 50%;
    width: 50px;
    border: 2px solid #67CA40;
    margin: 0 0 0 -25px;
}

#section8 .bottomline {
    position: absolute;
    bottom: 0; 
    left: 50%;
    width: 50px;
    border: 2px solid #67CA40;
    margin: 0 0 0 -25px;
}

#section4 .textinfo{
    top: 56%;
    margin-top: -350px;
    width: 450px;

}
#section4 .imgcontainer img{
    width: 870px;
    margin-left: 180px;
}
.section4.active .imgcontainer img {
     left: 32%;
     bottom:5%;}
.section4 .textul{margin-top: 40px;}
.section4 .textul li{
    margin-bottom: 25px;
    transition-duration: .3s;
    opacity: 0;
    transform: translateY(100px);
}
.section4.active .textul li{
    transform: translateY(0px);opacity: 1;}
.section4.active .textul li:first-child{
    transition-delay: .9s;
}
.section4.active .textul li:nth-child(2){
    transition-delay: 1.1s;
}
.section4.active .textul li:nth-child(3){
    transition-delay: 1.3s;
}
.section4 .textul li h3{
    color: #2d337d;
    font-size: 24px;
    margin-bottom: 5px;
}

.section4 .textul li p{
    margin-bottom: 2px;
    color: #484848;
    font-size: 16px;
}

@media screen and (max-width:1366px){

	.aboutTop {
		 transform: scale(.8,.8);
		 top: 30px;
	}
	.partnerbox {
		 transform: scale(.8,.8);
		 padding: 20px 0;
	}
}