@charset "utf-8";
.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;
}

.section h3{
    margin: 0;
    padding: 0px 0px;
    font-size: 28px;
    margin-bottom: 10px;
    opacity: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;

    transform: scale(0,0);
}

.section.active    h3{
    opacity: 1;
    transform: scale(1,1);
    transition-delay: .5s;
}
.section p{
    margin: 0;
    padding: 0;
    font-size: 16px;
    margin-bottom: 20px;
	color: #999;
}


.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;
}


.section1 .intro1{
    height:100%;width:100%;
    position: relative;
    background-image: url(../images/oem_pic01.jpg);
    background-position: center center;
}

.section1 .pic1 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -230px;
    transition: all 1s;
    transform: scale(0.5, 0.5);
    opacity: 0;
}

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

.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: 260px;right: 0;top: 0;bottom: 0;
}

.section2 .contentcontainer{
    width: 1000px;position: relative;height: 100%;left:50%;margin-top:60px;margin-left:-500px;
}
.section2 .title{height:30px;margin-top:35px;}
.section2 .title span{font-size:22px;font-family:"微软雅黑";color:#FFF; line-height:28px; border-bottom:2px #FFF solid;}
.section2 #note_ab {
	overflow: auto;
	height: 680px;
	padding:30px;
	margin-top:30px;
}
.section2 .note{
	width:80%;
	color:#FFF;
	margin:auto;
	border:1px #636363 solid;
}
.section2 .note *{
	font-family:"微软雅黑";
	color:#FFF;
}
.section2 .note *{color:#FFF; line-height:28px;}