.my-fixed{
    height: 213px;
    background: url("../image/image3/banner.png") no-repeat;
    background-size: 100%;
}


#main-body-3 .page-container{
    width:1025px ;
    margin: 0 auto;
}

#main-body-3 .page-odd,#main-body-3 .page-even{
    padding: 66px;
}
#main-body-3 .page-odd h1,#main-body-3 .page-odd h2{
    text-align: center;
    font-weight: normal;
}
#main-body-3 .page-even h1{
    font-size: 30px;
    color: #5f7489;
}


#main-body-3 .page-odd h2,#main-body-3 .page-even h2{
    font-size: 26px;
    color: #d5d8d9;
    margin-top: -12px;
}

#main-body-3 .page-even{
    background-color: #f2f2f2;
}

#main-body-3 .page-even h1,#main-body-3 .page-even h2{
    text-align: center;
    font-weight: normal;
}
#main-body-3 .page-odd h1{
    font-size: 30px;
    color: #40be73;
}



#main-body-3 .line{
    display: inline-block;
    margin: 10px 60px;
    width: 238px;
}

#main-body-3 .page-even .line{
    border-bottom: 1px solid #5f7489;
}
#main-body-3 .page-odd .line{
    border-bottom: 1px solid #40be73;
}


.page1 .slider ul{
    height:350px ;
    margin: 60px auto;
}
.page1 .slider li{
    float: left;
    width: 332px;
    height: 315px;
    cursor: pointer;
}
.page1 .slider .hover{
    position: absolute;
    margin-top: 315px;
    width: 332px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    background-color: #bebebe;
    color: #fff;
    font-size: 14px;
}

.page1 .slider .page1-high{
    display: none;
}
.page1 .slider .page1-high h3 {
    font-size: 26px;
    margin-bottom: 40px;
    font-weight: normal;
}
.page1 .slider .page1-high p img{
    position: absolute;
}
.page1 .slider .page1-high p .up{
    margin-left: -36px;
    margin-top: -14px;
}
.page1 .slider .page1-high p .down{
    margin-left: 210px;
}
.page1 .slider li.hover{
    display: none;
}

.page1 .slider li:hover{
    height: 100%;
}
.page1 .slider li:hover .hover{
    display: block;
    margin-top:350px ;
}
.page1 .slider li:hover>div{
    display: block;
    background-color: rgba(114,200,149,0.90);
    height: 100%;
    width: 100%;
    color: #fff;
    padding: 22px 46px;
}


.page2 .text{
    width: 650px;
    margin: 0 auto;
    color: #838383;
    margin-top: 16px;
}
.page2 img{
    display: block;
    margin: 0 auto;
    margin-top: 53px;
}



.page3 .boxs{
    margin: 60px auto;
}
.am-u-sm-8{
    padding: 0;
    width: 64.4%;
}
.page3 img{
    display: block;
    margin: 0 auto;

}
.page3 .box{
    height: 254px;
    width: 180px;
    padding: 18px;
    background-color: #e7e7e7;
}
.page3 .box li{
    margin-bottom: 18px;
}
.page3 .box .am-icon-play{
    position: absolute;
    margin-left: 162px;
    margin-top: -10px;
    color: #b6b6b6;
    font-size: 22px;
}
.page3 .box .rotate{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    margin-left: -34px;
    margin-top: -10px;
}