.h5{height:5px;clear:both;}
.h10{height:10px;clear:both;}
.h15{height:15px;clear:both;}
.h20{height:20px;clear:both;}
.h25{height:25px;clear:both;}
.h30{height:30px;clear:both;}
.h40{height:40px;clear:both;}
.h50{height:50px;clear:both;}
.h60{height:60px;clear:both;}
.h70{height:70px;clear:both;}
.h80{height:80px;clear:both;}
.h90{height:90px;clear:both;}
.h100{height:100px;clear:both;}
.h110{height:110px;clear:both;}
.h140{height:140px;clear:both;}
.h160{height: 160px;clear: both;}



/*
* 公共部分 ksi2
*/
.row{
    position: relative;
    z-index: 3;
}
.row:after{
    display: block;
    content: "";
    overflow: hidden;
    clear: both;
    visibility: hidden;
}
.cont{
    position: relative;
    z-index: 6;
    padding: 0px 6.7708333%;
    padding: 0px calc(260px/100vw*100%);
}
.cont.full{
    padding: 0px;
}
.subCont{
    padding: 0px 6.8008333%;
    position: relative;
    z-index: 5;
}
.animated{
    visibility: hidden;
    visibility: visible\0;
}
:root .animated{
    visibility: hidden\0;
}

/*
* 字体类
*/
.impact{
    font-family: "Impact";
}
.microsoftJhengHei{
    font-family: "MicrosoftJhengHei",
}

/**
 * css3动画（从上往下、从下往上、从左往右、从右往左、淡入、淡出）
 * @author 杨朝杰
 * @return
 */
@-webkit-keyframes gupIn{from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}}
@-moz-keyframes gupIn{from{opacity:0; -moz-transform:translate3d(0,-30px,0);}}
@keyframes gupIn{from{opacity:0; transform:translate3d(0,-30px,0);}}

@-webkit-keyframes gdownIn{from{opacity:0; -webkit-transform:translate3d(0,30px,0);}}
@-moz-keyframes gdownIn{from{opacity:0; -moz-transform:translate3d(0,30px,0);}}
@keyframes gdownIn{from{opacity:0; transform:translate3d(0,30px,0);}}

@-webkit-keyframes gleftIn{0%{opacity:0; -webkit-transform:translate3d(-30px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes gleftIn{0%{opacity:0; -moz-transform:translate3d(-30px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes gleftIn{0%{opacity:0; transform:translate3d(-30px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes grightIn{0%{opacity:0; -webkit-transform:translate3d(80px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes grightIn{0%{opacity:0; -moz-transform:translate3d(80px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes grightIn{0%{opacity:0; transform:translate3d(80px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}

@-webkit-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
.ghide{
    visibility: hidden;
    visibility: visible\9;
}
.gupIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gupIn 1s 0.1s both;
    -moz-animation: gupIn 1s 0.1s both;
    animation: gupIn 1s 0.1s both;
    }
.gdownIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gdownIn 1s 0.1s both;
    -moz-animation: gdownIn 1s 0.1s both;
    animation: gdownIn 1s 0.1s both;
    }
.gleftIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gleftIn 1s 0.1s both;
    -moz-animation: gleftIn 1s 0.1s both;
    animation: gleftIn 1s 0.1s both;
    }
.grightIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: grightIn 1s 0.1s both;
    -moz-animation: grightIn 1s 0.1s both;
    animation: grightIn 1s 0.1s both;
    }
.gfadeIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeIn 1s 0.1s both;
    -moz-animation: gfadeIn 1s 0.1s both;
    animation: gfadeIn 1s 0.1s both;
    }
.gfadeOut{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeOut 1s 0.1s both;
    -moz-animation: gfadeOut 1s 0.1s both;
    animation: gfadeOut 1s 0.1s both;
}










/*
* 内容垂直居中
*/
.tableCont {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 3;
}

.table {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: table;
    position: relative;
    z-index: 3;
}

.tableCell {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}




.rowTitBox {
    position: relative;
    z-index: 5;
}

.txt-c {
    text-align: center;
}

.txt-l {
    text-align: left;
}

.txt-r {
    text-align: right;
}

.c-fff {
    color: #fff;
}

.rowTitCh {
    font-size: 48px;
    color: #333;
    line-height: 40px;
    font-weight: normal;
    font-weight: 550;
}

.crmInfo2{
    margin-top: 20px;
     font-size: 14px;
    color: #363636;
}

.rowTitIntr {
    font-size: 14px;
    color: #787878;
    line-height: 25px;
    overflow: hidden;
}

.c-fff .rowTitCh {
    color: #fff;
}

.c-fff .rowTitIntr {
    color: #fff;
}

.OAproGood {
    width: 30.3%;
    padding-top: 30.3%;
    position: relative;
    margin: 0 auto;
}

.OAproGood .line1,
.OAproGood .line2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}

.OAproGood .line1 {
    background: url(../images/rowImg3-2.png) center center no-repeat;
    background-size: 100%;
    animation: rotate1 35s linear infinite;
}

.OAproGood .line2 {
    background: url(../images/rowImg3-3.png) center center no-repeat;
    background-size: 88%;
    animation: rotate2 50s linear infinite;
}

.OApro1Img {
    z-index: 9;
    position: absolute;
    top: 0;
    left: 40px;
    width: 100%;
    height: 100%;
}

.OApro1Img img {
    max-width: 100%;
}

.OAproGood1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.OAproGood1 dd {
    position: absolute;
    box-sizing: border-box;
    width: 130%;
}

.OAproGood1 dd.dd1 {
    left: -118%;
    top: 10%;
    padding-right: 18%;
    text-align: left;
}

.OAproGood1 dd.dd2 {
    left: -118%;
    bottom: 10%;
    padding-right: 18%;
    text-align: left;
    top: 84%;
}

.OAproGood1 dd.dd3 {
    right: -118%;
    top: 0;
    padding-left: 9%;
    text-align: right;
}

.OAproGood1 dd.dd4 {
    right: -118%;
    top: 50%;
    padding-left: 9%;
    text-align: right;
}

.OAproGood1 dd.dd5 {
    right: -118%;
    bottom: 0;
    padding-left: 9%;
    text-align: right;
    top: 92%;
}

.OAproGood1 .title {
    font-size: 20px;
    color: #363636;
    line-height: 36px;
    font-weight: 550;
}

.OAproGood1 .info {
    font-size: 16px;
    color: #363636;
    line-height: 30px;
}

.OAproGood1 dd.dd1 .line3 {
    background: url(../images/oaIcon3-1.png) center center no-repeat;
    background-size: 100%;
    width: 39.5%;
    padding-top: 13%;
    position: absolute;
    right: 4.5%;
    top: 8%;
}

.OAproGood1 dd.dd2 .line3 {
    background: url(../images/oaIcon3-2.png) center center no-repeat;
    background-size: 100%;
    width: 39.5%;
    padding-top: 13%;
    position: absolute;
    right: 4.5%;
    bottom: 20%;
}

.OAproGood1 dd.dd3 .line3 {
    background: url(../images/oaIcon3-3.png) center center no-repeat;
    background-size: 100%;
    width: 39.5%;
    padding-top: 13%;
    position: absolute;
    left: -0.5%;
    top: 5%;
}

.OAproGood1 dd.dd4 .line3 {
    background: url(../images/oaIcon3-4.png) center center no-repeat;
    background-size: 100%;
    width: 31%;
    padding-top: 4%;
    position: absolute;
    left: 9%;
    top: 5%;
}

.OAproGood1 dd.dd5 .line3 {
    background: url(../images/oaIcon3-5.png) center center no-repeat;
    background-size: 100%;
    width: 39.5%;
    padding-top: 13%;
    position: absolute;
    left: -0.5%;
    bottom: 25%;
}


@keyframes rotate1 {
    0% {
        transform: rotate(0deg);

    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate2 {
    0% {
        transform: rotate(0deg);

    }

    100% {
        transform: rotate(-360deg);
    }
}

.bgbg {
    width: 100%;
    min-height: 519px;
    background-image: url(../images/wuyewuye77.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex
;
    align-items: center;
    padding: 0 80px;
    overflow: hidden;
}
    .rjn-text-area {
         margin-bottom: 0px; 
    }
.rjn-text-areax {
    flex: 1;
    max-width: 691px;
    z-index: 2;
    animation: rjn-fadeIn 0.8s ease-out forwards;
}
.OAproGood1sj{display:none;}
  @media (max-width: 768px) {
  	
  	
   .bgbg {

    
    align-items: center;
    padding: 35px 25px;
min-height: 197px;
    font-size: 16px;
}
.rowTitCh {
    font-size: 23px;

    line-height: 30px;

}
.crmInfo2 {
    margin-top: 5px;

}
.OApro1Img,.line1,.line2,.line3,.line4,.line5,.OAproGood1,.h80{display:none;}
.OAproGood {
    width: 100%;
     padding-top: 7%; 
    position: relative;
    margin: 0 auto;
}

.OAproGood1sj{display:block;}

.OAproGood1sj .title {
    font-size: 18px;
    color: #363636;
    line-height: 36px;
    font-weight: 550;
}
.h100 {
    height: 50px;
    
}
.dd7{padding:8px 0;}


.OAproGood1sj .info {
    font-size: 16px;
    color: #363636;
    line-height: 30px;
}
  	
  	}