header{ background-color: #839e38;}



#section1{ padding-top: 140px; position: relative;}
#section1 .wrap1438{ overflow: hidden;}
#section1 .wrap1438 > a{ display: none;}
#section1 .wrap1438 > .fl{ height: 660px; margin-bottom: 60px;}
#section1 .wrap1438 > .fl.left{ width: 700px;}
#section1 .wrap1438 > .fl.right{ width: calc(100% - 700px); padding-left: 40px; padding-top: 30px;}
#section1 .img-wrap{ width: 100%; height: 660px; position: relative;}
#section1 .con-wrap{ width: 100%; padding-bottom: 40px;}
#section1 .con-wrap h3{ font-size: 24px; line-height: 24px; padding-bottom: 35px;}
#section1 .con-wrap h3 span{ font-size: 18px; padding-left: 10px;}
#section1 ul.info-list{ width: 100%;}
#section1 ul.info-list li{ overflow: hidden;}
#section1 ul.info-list li.pad-btm{ padding-bottom: 15px;}
#section1 ul.info-list li.border{ border-top: 1px solid rgba(60,71,44,0.1); border-bottom: 1px solid rgba(60,71,44,0.1); padding-top: 28px; margin-bottom: 28px;}
#section1 ul.info-list .big-tit{ font-size: 18px; width: 105px; padding-bottom: 15px;}
#section1 ul.info-list .big-tit.col1{ width: 100%;}
#section1 ul.info-list .p-tit{ font-size: 14px;  width: 105px; line-height: 28px;}
#section1 ul.info-list .p-info{ font-size: 14px; width: calc(100% - 105px);  line-height: 28px;}
#section1 ul.info-list .cg{ font-size: 12px; color: #cc4f4f; padding-left: 5px;}
#section1 ul.info-list li.line-height .p-tit{ line-height: 16px;}
#section1 ul.info-list li.line-height .p-info{ line-height: 16px;}



#btm-up1{ position: relative; transition: 1.2s; transition-delay: .3s; top: 100px; opacity: 0;}
#btm-up2{ position: relative; transition: 1.2s;  transition-delay: .8s; top: 100px; opacity: 0; }
#btm-up3{ position: relative; transition: 1.2s; transition-delay: .3s; top: 100px; opacity: 0;}

#btm-up1.up{ top: 0; opacity: 1;}
#btm-up2.up{ top: 0; opacity: 1;}
#btm-up3.up{ top: 0; opacity: 1;}

/* 1023px */
@media (max-width: 1023px) {
    #section1{ padding-top: 40px;}
    #section1 .wrap1438{ overflow: hidden; padding-bottom: 56.00vw; position: relative; text-align: center;}
    #section1 .wrap1438 > a{ display: inline-block; margin-bottom: 25px;}
    #section1 .wrap1438 > .fl{ height: auto; margin-bottom: 0;}
    #section1 .wrap1438 > .fl.left{ width: calc(100% - 20px); position: absolute; bottom: 0;}
    #section1 .wrap1438 > .fl.right{ width: 100%; padding-left: 0; padding-top: 0;}
    #section1 .wrap1438 > .fl.right a.btn01{ display: none;}
    #section1 .img-wrap{ height: 56.00vw; position: relative;}
    #section1 .con-wrap{ padding-bottom: 25px; text-align: left;}
    #section1 .con-wrap h3{ font-size: 14px; line-height: 14px; padding-bottom: 20px;}
    #section1 .con-wrap h3 span{ font-size: 12px; padding-left: 5px;}
    #section1 ul.info-list{ width: 100%;}
    #section1 ul.info-list li{ overflow: hidden;}
    #section1 ul.info-list li.pad-btm{ padding-bottom: 15px;}
    #section1 ul.info-list .big-tit{ font-size: 14px; width: 72px; padding-bottom: 10px;}
    #section1 ul.info-list .big-tit.col1{ width: 100%;}
    #section1 ul.info-list .p-tit{ font-size: 10px;  width: 72px; line-height: 19px;}
    #section1 ul.info-list .p-info{ font-size: 10px; width: calc(100% - 72px);  line-height: 19px;}
    #section1 ul.info-list .cg{ font-size: 10px; display: inline-block; padding-left: 0;}
    #section1 ul.info-list li.pad-btm{ padding-bottom: 8px;}
    #section1 ul.info-list li.border{ padding-top: 8px; margin-bottom: 8px;}

    #section1 ul.info-list .big-tit{ font-size: 12px; width: 70px; padding-bottom: 7px;}
    #section1 ul.info-list .p-tit{ font-size: 11px;  width: 70px; line-height: 18px;}
    #section1 ul.info-list .p-info{ font-size: 11px; width: calc(100% - 70px);  line-height: 18px;}

    #section1 iframe{ height: 350px!important;}

    #btm-up1{ top: unset; opacity: 1;}
    #btm-up2{ top: 0; opacity: 1;}
    #btm-up3{ top: 0; opacity: 1;}
}

#section2{ overflow: hidden; padding: 140px 0; position: relative;}
#section2 .deco{ width: 888px; height: 888px; border-radius: 50%; background-color: #d7eb9e; display: block; position: absolute; }
#section2 .deco1{ top: -444px; right: -444px;}

#btm-up4{ position: relative; transition: 1.2s; transition-delay: .3s; top: 100px; opacity: 0;}
#btm-up5{ position: relative; transition: 1.2s;  transition-delay: .8s; top: 100px; opacity: 0; }

#btm-up4.up{ top: 0; opacity: 1;}
#btm-up5.up{ top: 0; opacity: 1;}
/* 1023px */
@media (max-width: 1023px) {
    #section2{ overflow: hidden; padding-top: 40px; padding-bottom: 40px;}
    #btm-up4{ top: 0; opacity: 1;}
    #btm-up5{ top: 0; opacity: 1;}
}