* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.section {
    position: relative;
    width: 100%;
    max-width: 2000px;
    min-width: 1200px;
    margin: 0 auto;
    color: #333;
    font-family: "微软雅黑","黑体";
    font-size: 18px;
    line-height: 1.5;
}
.content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

/*---------------sect1------------------*/
#sect1{
    height:675px ;
    background: url("/project/gengda/images/img1.jpg") no-repeat center center;
    background-size: cover;
}
.part_box{
    position: absolute;
    opacity: 1;
    -webkit-transition: 1s all ease;
    -o-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition:1s all ease;
    animation:rhtran 2s ease-in-out;
    top:0;
    right: 0;
    transform: translateY(160px);
}
.part_box .scroll-img-1 {
    display: block;
    width: 100%;
}
@keyframes rhtran {
    0%{
        opacity: 0;
    }
    50%{
        opacity: 0.5;
        transform: translateY(140px);
    }
    100%{
        opacity: 1;
        transform: translateY(160px);
    }

}
.part_box1{
    position: absolute;
    opacity: 1;
    -webkit-transition: 1s all ease;
    -o-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition:1s all ease;
    animation:lhtran 2s ease-in-out;
    top:0;
    left: 0;
    transform: translateY(300px);
}
.part_box1 .scroll-img-1 {
    display: block;
    width: 100%;
}
@keyframes lhtran {
    0%,25%{
        opacity: 0;
    }
   50%{
        opacity: 0.5;
        transform: translateY(140px);
    }
    100%{
        opacity: 1;
        transform: translateY(300px);
    }
}
.Copywriting{
    position: absolute;
    width: 572px;
    margin-top: 80px;
    margin-left: 100px;
}
.Copywriting .txbold{
    display: block;
    width: 410px;
    height: 50px;
    font-size: 30px;
    line-height: 50px;
    color: #1f325f;
    background: #02d0c7;
    text-align: center;
}
.Copywriting h2{
    font-size: 100px;
    color: #fff;
    margin-top: 50px;
}
.Copywriting h2 span{
    color: #02d0c7;
}
.Copywriting h4{
    font-size: 30px;
    color: #fff;
    margin-top: 60px;
}
.Copywriting .txtly{
    display: block;
    margin-top: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 2;
    width: 572px;
    text-align: justify;
}

#sect2{
    height:1230px ;
    background: url("/project/gengda/images/img2.jpg") no-repeat center center;
    background-size: cover;
}
#sect2 .topstyle{
    display: block;
    position: absolute;
    margin-top: 50px;
    margin-left: 100px;
    color: #fff;
    font-size: 45px;
}
#sect2 .sectionstyle{
    display: block;
    position: absolute;
    margin-top: 128px;
    margin-left: 100px;
    color: #02d0c7;
    font-size: 45px;
}
.videotxt{
    position: absolute;
    width: 1000px;
    margin: 214px 100px;
    z-index: 130;
}
.videotxt ul{
    width: 100%;
}
.videotxt ul li{
    float: left;
}
.videotxt .videoimg{
    width: 480px;
    height: 259px;
    box-sizing: border-box;
    /*background: url("../images/videoimg.jpg") no-repeat;*/
    /*background-size: cover;*/
    /*position: relative;*/
    /*transition: transform 5s cubic-bezier(.42,0,.58,1);*/
}
/*.videoimg:hover{*/
    /*transform: scale(1.2);*/
/*}*/
.videotxt .videoimg>a{
    cursor:pointer;
}
.videotxt .videoimgs {
    position: absolute;
    transition: transform 1s cubic-bezier(.42,0,.58,1);
}
.videoimg:hover .videoimgs{
    transform: scale(1.05);
}
.videotxt .videoimg #play{
    position: absolute;
    left: 20%;
    top:30%;
}
.videotxt ul li.txtrtxt{
    float: right;
    right: 0;
    width: 450px;
    color: #000;
    text-align: justify;
    font-size: 18px;
    line-height: 2;
}
#v_box{
    width:700px;
    height:520px;
    background:#fff;
    position:fixed;
    top:50%;
    left:50%;
    z-index:522222;
    margin-top:-305px;
    margin-left:-350px;
    border-radius:5px;
    box-shadow: #333 0px 0px 10px;
    _position:absolute;
    *border:1px solid #333;
    border:1px solid #333\0;
    display:none;
}
#v_box div{
    width:650px;
    margin:0 auto;
    background:#000;
    margin-top: 50px;
}
#shut{
    position:absolute;
    width:30px;
    height:30px;
    display:block;
    top:8px;
    right:10px;
    color:#333;
    font-size:30px;
    line-height:22px;
    overflow:hidden;
    text-align:center;
    cursor:pointer;
}
#shut:hover{
    text-decoration:none;
    color:#f00;
}
#shut:active{
    color:#a40606;
}
.history{
    position: absolute;
    width: 1000px;
    height: 480px;
    margin-top: 535px;
    margin-left: 100px;
    z-index: 120;
}
.history-img{
    width:107px;
    height: 480px;
    overflow:hidden;
    float:left;
}
.history_mid {
    width:1000px;
    height:auto;
    margin:0 auto;
    background:0
}
.history_left {
    width:440px;
    height:490px;
    float:left;
    clear:left;
    position:relative;
    overflow:hidden
}
.history_right {
    width:440px;
    height:490px;
    float:right;
    position:relative;
    overflow:hidden
}
.history_L {
    width:440px;
    height:100px;
    /*float:right;*/
    margin-bottom: 95px;
    /*opacity: 1;*/
    /*animation:ss1 2s ease-in-out;*/
    position: relative;
}
/*@keyframes ss1 {*/
   /*0%,25%{*/
       /*opacity: 0;*/
   /*}*/
    /*50%,75%{*/
        /*opacity: 0.5;*/
    /*}*/
    /*100%{*/
        /*opacity: 1;*/
    /*}*/
/*}*/
.history_L .history_b {
    display: block;
    width:302px;
    height:99px;
    float: left;
    background:url("/project/gengda/images/blue1.png") no-repeat;
    margin-right: 20px;
    transition: 0.5s;
}
.history_b h3,.history_c h3{
    display: none;
}
.history_b h4{
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    padding-top: 10px;
    padding-left: 15px;
}
.history_b>p{
    display:inline-block;
    width: 260px;
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    padding-left: 15px;
}
.history_b:hover {
    background:url("/project/gengda/images/blue1-change.jpg") no-repeat;
}
.history_b:hover h4,.history_b:hover p,
.history_c:hover h4,.history_c:hover p{
    display: none;
}
.history_b:hover h3{
    display: block;
    width: 276px;
    height: 99px;
    line-height: 99px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: normal;

}
.history_L .history_b_a{
    position: absolute;
    text-align: center;
    display: none;
    width: 302px;
    height: 99px;
    z-index: 2;
    top: 130%;
    background: url("/project/gengda/images/blue1-change.jpg")no-repeat;
}
.history_L .history_b_a h4{
    color: #fff;
    width: 276px;
    font-size: 16px;
    line-height: 99px;
    text-align: center;
}
.history_L .history_span,.history_R .history_span {
    display: inline-block;
    line-height:100px;
    font-size:42px;
    color:#018e8d;
}
.history_R {
    width:440px;
    height:100px;
    /*float:right;*/
    margin-top: 100px;
}
.history_R .history_span{
    padding-left: 20px;
}
.history_R .history_c {
    display: block;
    float: right;
    width:302px;
    height:99px;
    background:url("/project/gengda/images/blue2.png") no-repeat;
}
.history_c h4{
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    padding-left: 40px;
    padding-top: 15px;
}
.history_c>p{
    display:inline-block;
    width: 280px;
    color: #fff;
    font-size: 16px;
    padding-left: 40px;
    text-align: justify;
    line-height: 1.4;
}
.history_c:hover{
    background:url("/project/gengda/images/blue2-change.jpg") no-repeat;
}
.history_c:hover h3{
     display: block;
     width: 302px;
     height: 99px;
     line-height: 99px;
     text-align: center;
     color: #fff;
     font-size: 22px;
     font-weight: normal;

 }
#sect3{
    height: 1129px;
    background: url("/project/gengda/images/img3_a.jpg") no-repeat center center;
    background-size: cover;
}
#sect3 h3{
    position: absolute;
    margin-top: 80px;
    margin-left: 165px;
    color: #02d0c7;
    font-size: 45px;
}
#sect3 .show{
    width:1000px;
    height:506px;
    position:absolute;
    _position: relative;
    margin-top: 180px;
    margin-left: 100px;
    margin-right: 100px;
}
#sect3 .show li{
    float:left;
}
#sect3 .show .picBox{
    height:506px;
    position:relative;
    overflow:hidden;
}
#sect3 .show .picBox ul{
    height:506px;
    position:absolute;
}
#sect3 .show .picBox li{
    width:1000px;
    height:506px;
}
#sect3 .show .picBox li p span{
    display:block;
    height: 45px;
    font-weight: bold;
    font-size: 30px;
    color: #17244c;
    padding-left:32px;
    line-height: 1.5;
    background: url(/project/gengda/images/wbg.jpg) no-repeat;
}
.videos{
    width: 1000px;
    position: absolute;
    margin-top: 40px;
    _position: relative;
}
.videos .leimg{
    float: left;
    width: 529px;
}
.videos .rvideo{
    float: right;
    width: 397px;
}
.fade{
    transition: transform 5s cubic-bezier(.42,0,.58,1);
}
.rvideo:hover .fade{
    transform: scale(0.9);
}
.videos .rvideo #play1{
    position: absolute;
    margin-top: -190px;
    margin-left: 150px;
    cursor: pointer;
}
.videos .rvideo h4{
    font-size: 22px;
    color: #fff;
    padding-top: 10px;
}
.videos .rvideo .titiletxt2{
    font-size: 16px;
    color: #fff;
    line-height: 2;
}
.show .listBox{
    width:1000px;
    height:280px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
#sect3 .show .listBox ul{
    width:1000px;
    /*height:280px;*/
    position:absolute;
}
#sect3 .show .listBox li{
    /*height:280px;*/
    cursor:pointer;
    position:relative;
    text-align: center;
    margin: 0 auto;
}

#sect3 .listBox .arrows{
    position: absolute;
    top: 106px;
    left: 83px;
    animation:play  0.5s infinite ;
}
#sect3 .listBox .arrows_a{
    position: absolute;
    top: -10px;
    left:50px;
    animation:play  0.5s infinite ;
}
@keyframes play{
    0%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(2px);
    }
    100%{
        transform:translateY(0);
    }
}



#sect4{
    height: 1065px;
    background: url("/project/gengda/images/img4.jpg") no-repeat center center;
    background-size: cover;
}
#sect4 h3{
    position: absolute;
    margin-top: 46px;
    margin-left: 280px;
    color: #02d0c7;
    font-size: 45px;
}
.adviser{
    position: absolute;
    width: 800px;
    height: 266px;
    margin-top: 136px;
    margin-left: 285px;
}
.adviser .txttie{
    display: inline-block;
    color: #fff;
    font-weight: 100;
    font-size: 22px;
    margin-left: -40px;
    margin-top: 208px;
}
.adviser .dtxt{
    display: inline-block;
    width: 400px;
    float: right;
    color: #fff;
    font-size: 16px;
    text-align: justify;
    line-height: 2;
    padding-top: 60px;
}
.contrast{
    position: absolute;
    width: 1000px;
    height: 478px;
    text-align: center;
    margin: 486px 100px 0;
}
ul.contrast li{
    float: left;
    width: 400px;
}
.BEFORE{
    margin-left: 50px;
}
.BEFORE .bgblue{
    display:block;
    background: #0d2365;
    line-height: 45px;
    font-size: 30px;
    color: #12d5d4;
    width:280px;
    font-weight: 600;
    margin-left:80px ;
}
.titiletxt{
    margin-top: 40px;
}

.titiletxt b{
    font-style: normal;
    display:block;
    float: left;
    width: 22px;
    height: 22px;
    color: #000;
    background:#fff;
    margin-top: 4px;
}
.titiletxt p{
    width: 370px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
}

.AFTER{
    margin-left: 150px;
}
.AFTER .bgblue1{
    display:block;
    background:#12d5d4 ;
    line-height: 45px;
    font-size: 30px;
    color: #0d2365;
    width:280px;
    font-weight: 600;
}
.titiletxt1{
    margin-top: 40px;
}

.titiletxt1 b{
    font-style: normal;
    display:block;
    float: left;
    width: 22px;
    height: 22px;
    color: #fff;
    background:#12d5d4;
    margin-top: 4px;
}
.titiletxt1 p{
    width: 370px;
    display: inline-block;
    color: #12d5d4;
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
}
#sect5{
    height: 812px;
    background: url(/project/gengda/images/img5.jpg) no-repeat center center;
    background-size: cover;
}
#sect5 h3{
    position: absolute;
    margin-top: 100px;
    margin-left: 480px;
    color: #fff;
    font-size: 45px;
}
#sect5 #sliders{
    width: 1200px;
    position: absolute;
    margin-top: 177px;
}
#sect5 .slider{
    width:1000px;
    height:320px;
    margin:0 auto;
    position:relative;
    overflow:hidden;

}
#sect5 .slider .bd{
    position:absolute;
    left:0;
    top:0;
}
#sect5 .slider .bd li{
    overflow:hidden;
    width:490px;
}
#sect5 .slider .bd li img{
    display:block;
    width:470px;
    height:320px;
}
#sect5 .slider .tempWrap{
    padding:0 245px;
    /* 强制遮罩层显示2侧各130px */
}
#sect5 .slider .bd ul{
    margin-left:-470px !important;
}
#sect5 .slider .pnBtn{
    position:absolute;
    top:0;
    width:245px;
    height:338px;
    cursor:pointer;
}
#sect5 .slider .prev{
    left:0;
}
#sect5 .slider .next{
    right:0;
}
#sect5 .slider .pnBtn .blackBg{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:245px;
    height:320px;
    background:#2dd4cd;
    filter:alpha(opacity=50);
    opacity:0.5;
}
#sect5 .arrow{
     display:block;
     position:absolute;
     top:150px;
     left: 60px;
     z-index:1;
     width:28px;
     height:33px;
    cursor:pointer;
 }
#sect5 .arrow1{
    display:block;
    position:absolute;
    top:150px;
    right: 60px;
    z-index:1;
    width:28px;
    height:33px;
    cursor:pointer;
}
#sect5 .lasttxt{
    width: 1200px;
    display: inline-block;
    position: absolute;
    margin: 0 auto;
    color: #fff;
    padding:0 100px;
    margin-top: 545px;
    line-height: 1.8;
 }