* {
    margin: 0;
    padding: 0
}
.am-slider .am-slides img{border: 1px solid #eee;}
body {
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, sans-serif;
    font-size: 15px;
    color: #000;
    border: 0;
    background-repeat: repeat
}

@media screen and (max-width:800px) {
    body {
        background-color: #9B0011
    }
}

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    outline: 0;
    transition: all .3s ease 0s
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.clear {
    clear: both
}

.yxbclear {
    display: none
}

@media screen and (max-width:800px) {
    .yxbclear {
        display: block;
        clear: both;
        margin-top: 10px
    }
}

img {
    border: 0
}

li {
    transition: all .3s ease 0s
}

p {
    margin: 0;
    padding: 0
}

.banner {
    width: 100%;
    display: block;
    background: url(../img/bannerimg_72f0853.png) no-repeat;
    background-size: cover;
  padding:35px 15px;
}

.banner .bannerimg {
    width: 100%;
    height: 300px
}

@media screen and (max-width:800px) {
    .banner .bannerimg {
        display: none
    }
}

.banner .bannertest {
    width: 1100px;
    margin: 0 auto 0
}

@media screen and (max-width:800px) {
    .banner .bannertest {
        width: 100%;
        margin: 0 auto;
        padding-top: 20px
    }
}

.top-box {
    width: 100%;
    padding-top: 30px;
    background-color: #fff;
    background-attachment: fixed;
    background-image: linear-gradient(to bottom, rgba(236, 236, 236, .9) 0, rgba(236, 236, 236, .8) 80%), url(..//img/bj_14580a9.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.top-box .top-content {
    width: 1100px;
    margin: 0 auto;
    padding: 20px 0 0
}

@media screen and (max-width:800px) {
    .top-box .top-content {
        width: 100%;
        padding: 0;
        background-color: #fff
    }
}

.top-box .top-content .top {
    width: 100%;
    padding: 30px 30px 0;
    border-radius: 10px;
    border-top: 1px solid #EBB68D;
    border-left: 1px solid #EBB68D;
    border-right: 1px solid #EBB68D;
    background-color: rgba(255, 255, 255, .05);
    overflow: hidden
}

@media screen and (max-width:800px) {
    .top-box .top-content .top {
        padding: 10px;
        border: 0;
        margin-top: -26px
    }
}

.top-box .top-content .top .top-left {
    float: left;
    width: 48%
}

@media screen and (max-width:800px) {
    .top-box .top-content .top .top-left {
        float: none;
        width: 100%;
        margin: 0 auto
    }
}

.top-box .top-content .top .top-left img {
    width: 100%;
    cursor: pointer;
    height: 340px
}

@media screen and (max-width:800px) {
    .top-box .top-content .top .top-left img {
        height: auto
    }
}

.top-box .top-content .top .top-left .icon {
    font-size: 150px;
    color: #fff;
    position: absolute;
    margin-top: 38px;
    z-index: 9;
    margin-left: 183px
}

@media screen and (max-width:800px) {
    .top-box .top-content .top .top-left .icon {
        display: none
    }
}

.top-box .top-content .top .top-right {
    float: right;
    width: 50%
}

@media screen and (max-width:800px) {
    .top-box .top-content .top .top-right {
        width: 100%;
        margin: 0 auto;
        float: none
    }
}

.top-box .top-content .top .top-right .content .fanganbtn {
    float: right;
    font-size: 12px
}

@media screen and (max-width:800px) {
    .top-box .top-content .top .top-right .content .fanganbtn {
        font-size: 14px;
        float: none;
        width: 100%;
        margin: 20px auto 30px;
        display: block;
        border-radius: 0
    }
}

.top-box .top-content .top .top-right .content p {
    color: #000;
    text-align: justify;
    text-indent: 2em;
    line-height: 27px
}

@media screen and (max-width:800px) {
    .top-box .top-content .top .top-right .content p {
        line-height: 30px
    }
}
.top-box .top-content .top .top-right .content p b {
    color: #BD0409
}

.top-box .top-content .tab-box {
    margin-top: 10px
}

.top-box .top-content .tab-box ul {
    overflow: hidden
}

.top-box .top-content .tab-box ul li {
    width: 14.6%;
    float: left;
    margin: 1%;
    cursor: pointer
}

.top-box .top-content .tab-box ul li a .tabimg {
    width: 100%
}

.top-box .top-content .tab-box ul li .goldbtn {
    background-color: #F1AC0A;
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: 20px;
    font-size: 17px
}

@media screen and (max-width:800px) {
    .top-box .top-content .tab-box ul li .goldbtn {
        padding: 5px;
        font-size: 14px;
        font-weight: 400;
        border-radius: 0;
        height: 125px
    }
}

.top-box .top-content .tab-box ul li .redbtn {
    background-color: #D11D17;
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: 20px;
    font-size: 17px
}

@media screen and (max-width:800px) {
    .top-box .top-content .tab-box ul li .redbtn {
        padding: 5px;
        font-size: 14px;
        font-weight: 400;
        border-radius: 0;
        height: 125px
    }
}
.top-box .top-content .tab-box ul li .purplebtn {
    background-color: #A02B93;
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: 20px;
    font-size: 17px
}

@media screen and (max-width:800px) {
    .top-box .top-content .tab-box ul li .purplebtn {
        padding: 5px;
        font-size: 14px;
        font-weight: 400;
        border-radius: 0;
        height: 125px
    }
}

.top-box .top-content .tab-box ul li .yellowbtn {
    
    background-color: #E36400;
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: 20px;
    font-size: 17px;
    height: 95px;
}

@media screen and (max-width:800px) {
    .top-box .top-content .tab-box ul li .yellowbtn {
        padding: 5px;
        font-size: 14px;
        font-weight: 400;
        border-radius: 0;
        height: 125px
    }
}

.top-box .top-content .tab-box ul li .greenbtn {
    background-color: #008d00;
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: 20px;
    font-size: 17px
}

@media screen and (max-width:800px) {
    .top-box .top-content .tab-box ul li .greenbtn {
        padding: 5px;
        font-size: 14px;
        font-weight: 400;
        border-radius: 0;
        height: 125px
    }
}

.top-box .top-content .tab-box ul li .bluebtn {
    background-color: #0089cf;
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: 20px;
    font-size: 17px
}

@media screen and (max-width:800px) {
    .top-box .top-content .tab-box ul li .bluebtn {
        padding: 5px;
        font-size: 14px;
        font-weight: 400;
        border-radius: 0;
        line-height: normal;
        height: 125px
    }
}

.top-box .top-content .tab-box ul li .gold-trangle {
    width: 0;
    height: 0;
    border-top: 20px solid #F1AC0A;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    display: block;
    margin: 0 auto;
    margin-top: -1px
}
.top-box .top-content .tab-box ul li>.zoom-img{height: 120px;display: flex;align-items: center;}
@media screen and (max-width:800px) {
    .top-box .top-content .tab-box ul li>.zoom-img{height: 140px;font-size: 13px;}
    .top-box .top-content .tab-box ul li .gold-trangle {
        border-left: 30px solid transparent;
        border-right: 30px solid transparent
    }
}

.top-box .top-content .tab-box ul li .red-trangle {
    width: 0;
    height: 0;
    border-top: 20px solid #d11d17;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    display: block;
    margin: 0 auto;
    margin-top: -1px
}
.top-box .top-content .tab-box ul li>.zoom-img{height: 120px;display: flex;align-items: center;}
@media screen and (max-width:800px) {
    .top-box .top-content .tab-box ul li>.zoom-img{height: 140px;font-size: 13px;}
    .top-box .top-content .tab-box ul li .red-trangle {
        border-left: 30px solid transparent;
        border-right: 30px solid transparent
    }
}
.top-box .top-content .tab-box ul li .purple-trangle {
    width: 0;
    height: 0;
    border-top: 20px solid #A02B93;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    display: block;
    margin: 0 auto;
    margin-top: -1px
}

@media screen and (max-width:800px) {
    .top-box .top-content .tab-box ul li .purple-trangle {
        border-left: 30px solid transparent;
        border-right: 30px solid transparent
    }
}

.top-box .top-content .tab-box ul li .yellow-trangle {
    width: 0;
    height: 0;
    border-top: 20px solid #E36400;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    display: block;
    margin: 0 auto;
    margin-top: -1px
}

@media screen and (max-width:800px) {
    .top-box .top-content .tab-box ul li .yellow-trangle {
        border-left: 30px solid transparent;
        border-right: 30px solid transparent
    }
}

.top-box .top-content .tab-box ul li .green-trangle {
    width: 0;
    height: 0;
    border-top: 20px solid #008d00;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    display: block;
    margin: 0 auto;
    margin-top: -2px
}

@media screen and (max-width:800px) {
    .top-box .top-content .tab-box ul li .green-trangle {
        border-left: 30px solid transparent;
        border-right: 30px solid transparent
    }
}

.top-box .top-content .tab-box ul li .blue-trangle {
    width: 0;
    height: 0;
    border-top: 20px solid #0089cf;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    display: block;
    margin: 0 auto;
    margin-top: -2px
}

@media screen and (max-width:800px) {
    .top-box .top-content .tab-box ul li .blue-trangle {
        border-left: 30px solid transparent;
        border-right: 30px solid transparent
    }
}

.kecheng-box {
    width: 100%;
    background-color: #fff;
    background-attachment: fixed;
    background-image: linear-gradient(to bottom, rgba(236, 236, 236, .9) 0, rgba(236, 236, 236, .8) 80%), url(..//img/bj_14580a9.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.kecheng-box .kecheng-content {
    width: 1100px;
    margin: 0 auto;
    padding: 30px 0 20px
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content {
        width: 100%;
        padding: 20px 0 0
    }
}

.kecheng-box .kecheng-content .bigtitle1 {
    margin: 0 auto
}

.kecheng-box .kecheng-content .title {
    background-color: #D11D17;
    padding: 5px 20px;
    border-radius: 20px 20px 0 0;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    width: 45%
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .title {
        width: 100%;
        font-size: 20px;
        font-weight: 400;
        padding: 5px
    }
}

.kecheng-box .kecheng-content .xiangxia {
    margin-bottom: 100px
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .xiangxia {
        margin-bottom: 0
    }
}

.kecheng-box .kecheng-content .kecheng {
    background-color: #fff;
    padding: 20px 0 10px;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .kecheng {
        padding: 0
    }
}

.kecheng-box .kecheng-content .kecheng .subtitle {
    background-color: #D11D17;
    padding: 10px;
    border-radius: 20px;
    color: #fff;
    font-weight: 700;
    margin: 10px auto 0;
    width: 20%;
    font-size: 20px;
    text-align: center
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .kecheng .subtitle {
        width: 40%;
        font-size: 16px;
        font-weight: 400;
        padding: 0
    }
}

.kecheng-box .kecheng-content .kecheng .kuangxian {
    border: 1px solid #EFEFEF
}

.kecheng-box .kecheng-content .kecheng .lunbotu-box .zhuantiwangye {
    margin: 5px auto 0;
    text-align: center;
    display: block;
    width: 73%
}

.kecheng-box .kecheng-content .kecheng .lunbotu-box .morebtn {
    float: right;
    font-size: 12px;
    margin-top: -28px;
    margin-right: 31px
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .kecheng .lunbotu-box .morebtn {
        margin-right: 0
    }
}

.kecheng-box .kecheng-content .kecheng .lunbotu-box .lunbo {
    padding: 20px
}

.kecheng-box .kecheng-content .kecheng .lunbotu-box .lunbo li {
    padding: 0 5px
}

.kecheng-box .kecheng-content .kecheng .lunbotu-box .lunbo li img {
    margin-top: 5px
}

.kecheng-box .kecheng-content .kecheng .lunbotu-box .lunbo li .test1 {
    text-align: center;
    color: #000;
    margin-top: 5px;
    font-size: 12px
}

.kecheng-box .kecheng-content .kecheng .lunbotu-box .lunbo li .kuang {
    border: 1px solid #D9D9D9
}

.kecheng-box .kecheng-content .kecheng .lunbotu-box .lunbo li .test2 {
    height: 38px
}

.kecheng-box .kecheng-content .kecheng .lunbotu-box .lunbo2 {
    padding: 10px 20px 20px
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .kecheng .lunbotu-box .lunbo2 {
        padding: 10px 0
    }
}

.kecheng-box .kecheng-content .kecheng .lunbotu-box .lunbo2 li {
    padding: 0 10px
}

.kecheng-box .kecheng-content .kecheng .lunbotu-box .lunbo2 li img {
    margin-top: 5px;
    margin-bottom: 5px;
  border: 1px solid #ccc;
}

.kecheng-box .kecheng-content .kecheng .lunbotu-box .lunbo2 li .test1 {
    text-align: center;
    color: #000;
    margin-top: 5px;
    font-size: 12px
}

.kecheng-box .kecheng-content .kecheng .jiaoshisub {
    margin: 20px auto 0
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .kecheng .jiaoshisub {
        margin: 20px auto 0;
        display: block
    }
}

.kecheng-box .kecheng-content .kecheng .jiaoshi-box {
    padding: 15px 30px 30px;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .kecheng .jiaoshi-box {
        margin: 0;
        border: 0;
        padding: 10px
    }
}

.kecheng-box .kecheng-content .kecheng .jiaoshi-box .jiasohi-left {
    float: left;
    width: 49%
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .kecheng .jiaoshi-box .jiasohi-left {
        float: none;
        width: 100%
    }
}

.kecheng-box .kecheng-content .kecheng .jiaoshi-box .jiaoshi-right {
    float: right;
    width: 49%
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .kecheng .jiaoshi-box .jiaoshi-right {
        float: none;
        width: 100%;
        margin-top: 10px
    }
}

.kecheng-box .kecheng-content .kecheng .jiaoshi-box .saishiul {
    overflow: hidden
}

.kecheng-box .kecheng-content .kecheng .jiaoshi-box .saishiul li {
    width: 31%;
    margin: 1.1%;
    float: left
}

.kecheng-box .kecheng-content .kecheng .jiaoshi-box .saishiul.saishiul1 li{width: 47.8%;}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .kecheng .jiaoshi-box .saishiul li {
        width: 100%;
        margin: 10px auto 0;
        float: none
    }
  .kecheng-box .kecheng-content .kecheng .jiaoshi-box .saishiul.saishiul1 li{width: 100%;}
}

.kecheng-box .kecheng-content .kecheng .jiaoshi-box .ujiangtang li {
    width: 23%;
    float: left;
    margin: 1%
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .kecheng .jiaoshi-box .ujiangtang li {
        width: 48%
    }
}

.kecheng-box .kecheng-content .kecheng .erweima-box {
    overflow: hidden;
    margin: 25px
}

.kecheng-box .kecheng-content .kecheng .erweima-box ul li {
    width: 10.6%;
    float: left;
    margin: .25%
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .kecheng .erweima-box ul li {
        width: 31%;
        margin: 1%
    }
}

.kecheng-box .kecheng-content .kecheng .erweima-box ul li p {
    text-align: center;
    font-size: 12px;
    margin-top: 5px
}

@media screen and (max-width:800px) {
    .kecheng-box .kecheng-content .kecheng .erweima-box ul li p {
        height: 88px
    }
}

.am-slider-b3 {
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #fff
}

img.zoom-img {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms
}

img.zoom-img:hover {
    -webkit-transform: scale(1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 650ms;
    -moz-transform: scale(1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 650ms;
    overflow: hidden;
    transition: all .5s ease 0s
}

.am-gotop-fixed .am-gotop-icon {
    background-color: #9B0011
}

/* */
.gold-box {
    width: 100%;
    padding: 30px 0;
    position: relative;
    z-index: 9;
    background-attachment: fixed;
    background-image: linear-gradient(to top, rgba(243, 83, 59, .3) 30%, rgba(243, 83, 59, .3) 30%), url(..//img/bj_14580a9.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:800px) {
    .gold-box {
        padding: 20px
    }
}

.gold-box .gold-content {
    width: 1100px;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .gold-box .gold-content {
        width: 100%;
        padding: 10px
    }
}

.gold-box .gold-content .gold-left {
    width: 48%;
    float: left
}

@media screen and (max-width:800px) {
    .gold-box .gold-content .gold-left {
        width: 100%;
        margin: 0 auto;
        float: none
    }
}

.gold-box .gold-content .gold-left .am-slider-b1 {
    box-shadow: none
}

.gold-box .gold-content .gold-right {
    width: 50%;
    float: right
}

@media screen and (max-width:800px) {
    .gold-box .gold-content .gold-right {
        width: 100%;
        margin: 10px auto 0;
        float: none
    }
}

.gold-box .gold-content .gold-right .gold-btn-left {
    background-color: #F1AC0A;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px 20px;
    float: left;
    width: 48%
}

@media screen and (max-width:800px) {
    .gold-box .gold-content .gold-right .gold-btn-left {
        font-size: 14px;
        padding: 10px 0
    }
}

.gold-box .gold-content .gold-right .gold-btn-right {
    background-color: #F1AC0A;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px 20px;
    float: right;
    width: 48%
}

@media screen and (max-width:800px) {
    .gold-box .gold-content .gold-right .gold-btn-right {
        font-size: 14px;
        padding: 10px 0
    }
}

.gold-box .gold-content .gold-right .goldtext {
    line-height: 30px;
    text-align: justify;
    text-indent: 2em;
    padding-bottom: 76px
}

@media screen and (max-width:800px) {
    .gold-box .gold-content .gold-right .goldtext {
        padding-bottom: 10px
    }
}

/* */

.red-box .red-content .jiaoxue-left {
    float: left;
    width: 57%
}

@media screen and (max-width:800px) {
    .red-box .red-content .jiaoxue-left {
        width: 100%;
        float: none
    }
}

.red-box .red-content .jiaoxue-left .saishianniu {
    width: 100%;
    margin: 75px auto
}

@media screen and (max-width:800px) {
    .red-box .red-content .jiaoxue-left .saishianniu {
        width: 100%;
        margin: 0 auto;
        overflow: hidden
    }
}

.red-box .red-content .jiaoxue-left .saishianniu .anniuleft {
    float: left;
    width: 49%
}

.red-box .red-content .jiaoxue-left .saishianniu .anniuright {
    float: right;
    width: 49%
}

.red-box .red-content .jiaoxue-left .saishianniu .anniu {
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 10px;
    background-color: #DD514C;
    border-radius: 5px
}

@media screen and (max-width:800px) {
    .red-box .red-content .jiaoxue-left .saishianniu .anniu {
        font-size: 14px
    }
}

.red-box .red-content .jiaoxue-left p {
    text-indent: 2em;
    line-height: 30px;
    text-align: justify
}

@media screen and (max-width:800px) {
    .red-box .red-content .jiaoxue-left p {
        margin-top: 0
    }
}

.red-box .red-content .jiaoxue-right {
    width: 39%;
    float: right;
    min-height: 270px;
}

@media screen and (max-width:800px) {
    .red-box .red-content .jiaoxue-right {
        width: 100%;
        float: none
    }
}
.red-box .red-info{
	text-indent: 2em;
    margin-bottom: 10px;line-height: 27px;
}
.red-box .red-content .daying-text {
    font-size: 18px;
    text-align: center;
    background-color: #E36400;
    height: 36px;
    line-height: 36px;
    width: 200px;
    border-radius: 20px;
    color: #fff;
    font-weight: 700;
    float: left;
    display: block;
    margin: 10px auto 0
}

@media screen and (max-width:800px) {
    .red-box .red-content .daying-text {
        font-size: 16px;
        width: 100%;
        margin: 10px 0
    }
}

.red-box .red-content .zhanwei {
    width: 200px;
    height: 36px;
    margin: 0 auto 10px
}

@media screen and (max-width:800px) {
    .red-box .red-content .zhanwei {
        height: 46px
    }
}

.red-box .red-content .daying-text2 {
    font-size: 18px;
    text-align: center;
    background-color: #DD514C;
    padding: 10px 20px;
    color: #fff;
    font-weight: 700;
    float: left;
    display: block;
    margin: 20px auto;
    border-radius: 20px
}

@media screen and (max-width:800px) {
    .red-box .red-content .daying-text2 {
        font-size: 16px;
        width: 100%;
        margin: 10px 0
    }
}

.red-box .red-content .daying-box {
    overflow: hidden
}

.red-box .red-content .daying-box .jiasohi-left {
    float: left;
    width: 49%
}

@media screen and (max-width:800px) {
    .red-box .red-content .daying-box .jiasohi-left {
        float: none;
        width: 100%
    }
}

.red-box .red-content .daying-box .jiaoshi-right {
    float: right;
    width: 49%
}

@media screen and (max-width:800px) {
    .red-box .red-content .daying-box .jiaoshi-right {
        float: none;
        width: 100%;
        margin-top: 10px
    }
}


.red-box {
    width: 100%;
    padding: 30px 0;
    position: relative;
    z-index: 9;
    background-attachment: fixed;
    background-image: linear-gradient(to top, rgba(243, 83, 59, .3) 30%, rgba(243, 83, 59, .3) 30%), url(..//img/bj_14580a9.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:800px) {
    .red-box {
        padding: 20px
    }
}

.red-box .red-content {
    width: 1100px;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .red-box .red-content {
        width: 100%;
        padding: 10px
    }
}

.red-box .red-content .red-left {
    width: 48%;
    float: left
}

@media screen and (max-width:800px) {
    .red-box .red-content .red-left {
        width: 100%;
        margin: 0 auto;
        float: none
    }
}

.red-box .red-content .red-left .am-slider-b1 {
    box-shadow: none
}

.red-box .red-content .red-right {
    width: 50%;
    float: right
}

@media screen and (max-width:800px) {
    .red-box .red-content .red-right {
        width: 100%;
        margin: 10px auto 0;
        float: none
    }
}

.red-box .red-content .red-right .red-btn-left {
    background-color: #DD514C;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px 20px;
    float: left;
    width: 48%
}

@media screen and (max-width:800px) {
    .red-box .red-content .red-right .red-btn-left {
        font-size: 14px;
        padding: 10px 0
    }
}

.red-box .red-content .red-right .red-btn-right {
    background-color: #DD514C;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px 20px;
    float: right;
    width: 48%
}

@media screen and (max-width:800px) {
    .red-box .red-content .red-right .red-btn-right {
        font-size: 14px;
        padding: 10px 0
    }
}

.red-box .red-content .red-right .redtext {
    line-height: 30px;
    text-align: justify;
    text-indent: 2em;
    padding-bottom: 76px
}

@media screen and (max-width:800px) {
    .red-box .red-content .red-right .redtext {
        padding-bottom: 10px
    }
}
/*  */
.purple-box {
    width: 100%;
    padding: 30px 0;
    position: relative;
    z-index: 9;
    background-attachment: fixed;
    background-image: linear-gradient(to top, rgba(219, 63, 217, 0.3) 30%, rgba(219, 63, 217, .3) 30%), url(..//img/bj_14580a9.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:800px) {
    .purple-box {
        padding: 20px
    }
}

.purple-box .purple-content {
    width: 1100px;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .purple-box .purple-content {
        width: 100%;
        padding: 10px
    }
}

.purple-box .purple-content .purple-left {
    width: 48%;
    float: left
}

@media screen and (max-width:800px) {
    .purple-box .purple-content .purple-left {
        width: 100%;
        margin: 0 auto;
        float: none
    }
}

.purple-box .purple-content .purple-left .am-slider-b1 {
    box-shadow: none
}

.purple-box .purple-content .purple-right {
    width: 50%;
    float: right
}

@media screen and (max-width:800px) {
    .purple-box .purple-content .purple-right {
        width: 100%;
        margin: 10px auto 0;
        float: none
    }
}

.purple-box .purple-content .purple-right .purple-btn-left {
    background-color: #A02B93;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px 20px;
    float: left;
    width: 48%
}

@media screen and (max-width:800px) {
    .purple-box .purple-content .purple-right .purple-btn-left {
        font-size: 14px;
        padding: 10px 0
    }
}

.purple-box .purple-content .purple-right .purple-btn-right {
    background-color: #A02B93;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px 20px;
    float: right;
    width: 48%
}

@media screen and (max-width:800px) {
    .purple-box .purple-content .purple-right .purple-btn-right {
        font-size: 14px;
        padding: 10px 0
    }
}

.purple-box .purple-content .purple-right .purpletext {
    line-height: 30px;
    text-align: justify;
    text-indent: 2em;
    padding-bottom: 78px
}

@media screen and (max-width:800px) {
    .purple-box .purple-content .purple-right .purpletext {
        padding-bottom: 10px
    }
}

.green-box {
    width: 100%;
    padding: 30px 0;
    position: relative;
    z-index: 9;
    background-attachment: fixed;
    background-image: linear-gradient(to top, rgba(140, 214, 123, .3) 30%, rgba(140, 214, 123, .3) 30%), url(..//img/bj_14580a9.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:800px) {
    .green-box {
        padding: 20px
    }
}

.green-box .green-content {
    width: 1100px;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .green-box .green-content {
        width: 100%;
        padding: 10px
    }
}

.green-box .green-content .green-text {
    text-align: justify;
    text-indent: 2em;
    padding: 0 20px;
    line-height: 30px
}

.green-box .green-content .greenul {
    overflow: hidden;
    padding-top: 45px
}

@media screen and (max-width:800px) {
    .green-box .green-content .greenul {
        padding-top: 20px
    }
}

.green-box .green-content .greenul .title {
    font-size: 18px;
    text-align: center;
    background-color: #008D00;
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 20px;
    margin-top: -86px;
    margin-bottom: 19px
}

@media screen and (max-width:800px) {
    .green-box .green-content .greenul .title {
        font-size: 16px;
        margin-top: 5px
    }
}

.green-box .green-content .greenul li {
    width: 48%;
    margin: 1%;
    margin-bottom:3%;
    background-color: #e9ffe9;
    padding: 60px 20px 20px;
    float: left;
    min-height: 145px
}

@media screen and (max-width:800px) {
    .green-box .green-content .greenul li {
        width: 100%;
        margin: 0 auto;
        float: none;
        padding: 10px;
        height: auto;
      min-height: 1px;
    }
}

.green-box .green-content .greenul li a {
    font-size: 15px;
    display: flex;
    padding-bottom: 13px
}
.green-box .green-content .greenul li a span{margin-right: 5px;}

@media screen and (max-width:800px) {
    .green-box .green-content .greenul li a {
        font-size: 14px
    }
}

.blue-box {
    width: 100%;
    padding: 30px 0;
    position: relative;
    z-index: 9;
    background-attachment: fixed;
    background-image: linear-gradient(to top, rgba(91, 206, 201, .3) 30%, rgba(91, 206, 201, .3) 30%), url(..//img/bj_14580a9.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:800px) {
    .blue-box {
        padding: 20px
    }
}

.blue-box .blue-content {
    width: 1100px;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .blue-box .blue-content {
        width: 100%;
        padding: 10px
    }
}

.blue-box .blue-content .blueul {
    overflow: hidden;
    padding-top: 20px
}

@media screen and (max-width:800px) {
    .blue-box .blue-content .blueul {
        padding-top: 0
    }
}

.blue-box .blue-content .blueul .title {
    font-size: 18px;
    text-align: center;
    background-color: #0089CF;
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 20px;
    margin-top: -86px;
    margin-bottom: 19px
}
.blue-box .blue-content .blue-summary{color: #095f8a;font-size: 15px;text-indent: 2em;line-height:27px;}
.blue-box .blue-content .blue-btn{
background-color: #0089CF;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px 20px;
    float: right;
  margin-top:10px;margin-bottom:0;}
@media screen and (max-width:800px) {
    .blue-box .blue-content .blueul .title {
        font-size: 16px;
        margin-top: 5px
    }
}

.blue-box .blue-content .blueul li {
    width: 48%;
    margin: 1%;
    background-color: #ebf7ff;
    padding: 60px 20px 20px;
    float: left;
    height: 250px
}

@media screen and (max-width:800px) {
    .blue-box .blue-content .blueul li {
        width: 100%;
        margin: 0 auto;
        float: none;
        padding: 10px;
        height: auto
    }
}

.blue-box .blue-content .blueul li a {
    font-size: 15px;
    display: flex;
    padding-bottom: 13px
}
.blue-box .blue-content .blueul li a span{margin-right: 5px;}
@media screen and (max-width:800px) {
    .blue-box .blue-content .blueul li a {
        font-size: 14px
    }
}

.yellow-box {
    width: 100%;
    padding: 30px 0;
    position: relative;
    z-index: 9;
    background-attachment: fixed;
    background-image: linear-gradient(to top, rgba(251, 159, 65, .3) 30%, rgba(251, 159, 65, .3) 30%), url(..//img/bj_14580a9.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:800px) {
    .yellow-box {
        padding: 20px
    }
}

.yellow-box .yellow-content {
    width: 1100px;
    margin: 0 auto;
    padding: 30px;
  padding-bottom:20px;
    background-color: #fff;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .yellow-box .yellow-content {
        width: 100%;
        padding: 10px
    }
}

.yellow-box .yellow-content .dayingul {
    width: 100%;
    overflow: hidden
}

.yellow-box .yellow-content .dayingul li {
    float: left;
    width: 22%;
    margin: 1.5%
}

@media screen and (max-width:800px) {
    .yellow-box .yellow-content .dayingul li {
        width: 48%;
        margin: 1%
    }
}

.yellow-box .yellow-content .dayingul li a {
    width: 100%
}

.yellow-box .yellow-content .jiaoxue-left {
    float: left;
    width: 57%
}

@media screen and (max-width:800px) {
    .yellow-box .yellow-content .jiaoxue-left {
        width: 100%;
        float: none
    }
}

.yellow-box .yellow-content .jiaoxue-left .saishianniu {
    width: 100%;
    margin: 75px auto
}

@media screen and (max-width:800px) {
    .yellow-box .yellow-content .jiaoxue-left .saishianniu {
        width: 100%;
        margin: 0 auto;
        overflow: hidden
    }
}

.yellow-box .yellow-content .jiaoxue-left .saishianniu .anniuleft {
    float: left;
    width: 49%
}

.yellow-box .yellow-content .jiaoxue-left .saishianniu .anniuright {
    float: right;
    width: 49%
}

.yellow-box .yellow-content .jiaoxue-left .saishianniu .anniu {
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 10px;
    background-color: #E36400;
    border-radius: 5px
}

@media screen and (max-width:800px) {
    .yellow-box .yellow-content .jiaoxue-left .saishianniu .anniu {
        font-size: 14px
    }
}

.yellow-box .yellow-content .jiaoxue-left p {
    text-indent: 2em;
    line-height: 30px;
    text-align: justify
}

@media screen and (max-width:800px) {
    .yellow-box .yellow-content .jiaoxue-left p {
        margin-top: 0
    }
}

.yellow-box .yellow-content .jiaoxue-right {
    width: 39%;
    float: right;
    min-height: 270px;
}

@media screen and (max-width:800px) {
    .yellow-box .yellow-content .jiaoxue-right {
        width: 100%;
        float: none
    }
}
.yellow-box .yellow-info{
	text-indent: 2em;
    margin-bottom: 10px;line-height: 27px;
}
.yellow-box .yellow-content .daying-text {
    font-size: 18px;
    text-align: center;
    background-color: #E36400;
    height: 36px;
    line-height: 36px;
    width: 200px;
    border-radius: 20px;
    color: #fff;
    font-weight: 700;
    float: left;
    display: block;
    margin: 10px auto 0
}

@media screen and (max-width:800px) {
    .yellow-box .yellow-content .daying-text {
        font-size: 16px;
        width: 100%;
        margin: 10px 0
    }
}

.yellow-box .yellow-content .zhanwei {
    width: 200px;
    height: 36px;
    margin: 0 auto 10px
}

@media screen and (max-width:800px) {
    .yellow-box .yellow-content .zhanwei {
        height: 46px
    }
}

.yellow-box .yellow-content .daying-text2 {
    font-size: 18px;
    text-align: center;
    background-color: #E36400;
    padding: 10px 20px;
    color: #fff;
    font-weight: 700;
    float: left;
    display: block;
    margin: 20px auto;
    border-radius: 20px
}

@media screen and (max-width:800px) {
    .yellow-box .yellow-content .daying-text2 {
        font-size: 16px;
        width: 100%;
        margin: 10px 0
    }
}

.yellow-box .yellow-content .daying-box {
    overflow: hidden
}

.yellow-box .yellow-content .daying-box .jiasohi-left {
    float: left;
    width: 49%
}

@media screen and (max-width:800px) {
    .yellow-box .yellow-content .daying-box .jiasohi-left {
        float: none;
        width: 100%
    }
}

.yellow-box .yellow-content .daying-box .jiaoshi-right {
    float: right;
    width: 49%
}

@media screen and (max-width:800px) {
    .yellow-box .yellow-content .daying-box .jiaoshi-right {
        float: none;
        width: 100%;
        margin-top: 10px
    }
}

.yellow-box .yellow-content .daying-box .title {
    color: #138535;
    padding: 5px;
    text-align: center
}

.yellow-box .yellow-content .daying-box .yingzhuanimg {
    width: 70%;
    margin: 0 auto
}

@media screen and (max-width:800px) {
    .yellow-box .yellow-content .daying-box .yingzhuanimg {
        width: 100%
    }
}

.am-slider-default .am-control-nav li a.am-active {
    background-color: #e36400
}

.shipin {
    position: absolute;
    z-index: 999;
    margin-top: 312px;
    margin-left: 268px;
    display: block
}

.shipin .shipinclose {
    font-size: 30px;
    color: #fff;
    float: right;
    margin-top: -11px;
    margin-left: -25px;
    cursor: pointer;
    position: relative
}

.shipin .shipinclose:hover {
    color: #e36400
}

.shipin .shifanvideo {
    width: 681px;
    height: 384px
}

.shipin iframe {
    width: 433px
}

iframe {
    width: 100%;
    height: auto
}

.am-modal-no-btn .am-modal-bd {
    padding: 0
}

.am-modal-hd {
    padding: 0
}

.am-modal-hd .liuchengtu {
    width: 100%;
    height: 200px
}

.am-close {
    display: inline-block;
    text-align: center;
    width: 24px;
    font-size: 37px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.ccH5Poster {
    background-color: red !important
}

.am-btn-danger {
    background-color: #D11D17
}