#top-flash {
    margin-top: -1.05rem;
    float: left;
    clear: both;
}

body {
    background: #f3f6fb;
}

.prodiv {
    clear: both;
    background: #f3f6fb;
    float: left;
    width: 100%;
}

.prodiv .h1 {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    font-size: .60rem;
    line-height: .60rem;
    padding-top: 1.00rem;
    padding-bottom: .70rem;
    border-bottom: .01rem solid #d3d4d6;
    clear: both;
}

.prodiv .hsubs {
    float: left;
    width: 100%;
    margin-top: -.18rem;
    text-align: center;
}

.prodiv .hsubs a {
    display: inline-block;
    width: 1.50rem;
    height: .36rem;
    line-height: .36rem;
    border-radius: .18rem;
    background: #fff;
    margin: 0 .10rem;
}

.prodiv .hsubs a:hover {
    background: #009800;
    color: #fff;
}

.prodiv .prolist {
    width: 100%;
    clear: both;
    float: left;
    margin-top: .60rem;
}

.prodiv .prolist a {
    display: block;
    margin: .15rem .08rem;
    background: /*#0060f2*/ url(../images/icon-pro.png) right bottom;
    background-size: cover;
    color: #fff;
    text-align: center;
    float: left;
    overflow: hidden;
    position: relative;
    width: 6.2rem;
    height: 7rem;
}

.prodiv .prolist a .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    top: -100%;
    text-align: center;
    left: 0;
    background: rgba(0, 152, 0, .87)
}

.prodiv .prolist a img {
    width: 90%;
    margin: 5%;
}

.prodiv .prolist a .p3 {
    font-size: .36rem;
}

.prodiv .prolist a:hover .cover {
    top: 0;
    animation-duration: .3s;
}

.prodiv .prolist a .cover .p1 {
    margin-top: 1.40rem;
    font-size: .36rem;
}

.prodiv .prolist a .cover .p2 {
    width: 80%;
    margin: 0 10%;
    line-height: .24rem;
    margin-top: .20rem;
    font-size: .16rem;
}

.prodiv .prolist a .cover .pm {
    margin-top: .40rem;
    display: inline-block;
    width: 2.00rem;
    height: .40rem;
    line-height: .40rem;
    border: .01rem solid #fff;
    border-radius: .40rem;
}

.about {
    width: 100%;
    float: left;
    margin-top: 1.10rem;
    background: #009800;
    color: #fff;
}

.about .about-flash {
    float: left;
    position: relative;
    width: 50%;
    overflow: hidden;
}

.about .about-flash .cover {
    top: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.4) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAD10lEQVR4nN1bIRPrIAyenJycrJycnERWTk4iKysr+8+/Jxbeo2loCwTKXu6427UdST5CEgJcLhUIQAfgBcAAsF4bAUzsmaFvuxqyFSEAN1LiA2DObJb6up2t1y4BeCopvQXG82w9V0SKjzvCDwSOofagqdHRb/f8Q99u9TU2AQQJH1J8AtCTcteEvq/0336DxwjgUUK3I8KFTN2WEIrAeAd4flJAThXkHhiRTw3PTQ5WAmIqzp/mumSGZRnLsnQBX2FKMTQCs74Is3y53tpMuMlNpzifAJE1TEVAEBCeANxVOlckcsx8SuSBIMz5oZq3TaAACCa1s7vg7JpV3lEAhC6lEz/UNWn2ISL5Jyb/8cETkpxmHN5REizYHv1j11qoSyV8V5FxA8lMf6wgZ1HCNzU/5scEr98pCOBWetl9JfLnU8FsfeyP/keBOZ9O9gxnyhI52SEKo58taCBNnfFd4lYLqfguoHz+61oC8/xWibENAOBGolpRg1nBwF9yhFTC3g4AVaeF4Avu/ks/XEyKTI8A4Nq79LRgPq73X1jxRT7DGADctHhp8Rfk6cVpUML8qd9YAP4KhwJhE+uodJUf6jFMBaDYtFgNNpv/w34XUcxyAVCfFkwmc8EyVmcnPxvMctsAndzE9wPvNSKKpAyAa1lJFBtw+4sAzMioRGPp8wYupOq6vyAArkVnkgyA+YJl5aT7MQDiKj3/IQAzIh2jBMAvTwGbINMmAOaHAEjaEMWOE/wFALK2xLFM/OwFv5MIzSRrVmqMZSL04Yi0mArP1I/KGaGVxXOnkIvwBrPq5h6QyY96D/dwXj3UYZYDQLa5C/LwqtBVEvTMgogz9yIlsuB0Zy/UNkMiASheJMVy03RREjuzKDqjQplcMP87/8BHR+V0BcKnuoqb+44sayvHemMkO+wgvDFSe0+AW7hcYcKybJxtBQKoVcxdkMMw8GX+gsCdEnNLJpjdXwJ/Pvpm62N+MkQ1MzyDmCPerx/gu519DLHGSbDoY35HCF9dWVH1icKen/bamD/nHTI6mbA+KTZFRzWsF0lNnxF0JCifntgJcbxpEALK561thGyuSRACyqudF5YOSzdzcJIcHldetboVyuuL7eVHyPVEqZPiAjMpt6+2oGGy3IRwXU55j/FDQHwmCyl+t48Ulwai3h2GDfQdEOoWQfM8tLy2NcCXhApZw4zvmsIgI4skpV+Cg/NH/dz7gxR+zAYQ/ij1DpRAe9E3dqe/CQWKpllEQGyNlkYbiUc7iktEptsrgTFQX83kHVGEf1dgDTkxC/ni5Ujv3P3ipCu3sfQHGU/gb9ukWNEAAAAASUVORK5CYII=) no-repeat center;
    z-index: 99;
    transition: all .3s;
}
.about .acts {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: .45rem;
}

.about .acts img {
    width: .85rem;
}

.about .company {
    width: 50%;
    float: left;
}

.about .company .comtext {
    padding: .50rem;
    font-size: .20rem;
    line-height: 2;
}

.about .company .p1 {
    width: 100%;
    float: left;
}

.about .company .p1 .cn {
    display: block;
    float: left;
    background: url(../images/bg-about.png) no-repeat bottom center;
    background-size: 100%;
    font-size: .45rem;
    height: .50rem;
    padding-bottom: .20rem;
    line-height: .50rem;
    margin-right: .30rem;
}

.about .company .p1 .en {
    display: block;
    float: left;
    height: .70rem;
    font-size: .24rem;
    line-height: .70rem;
}

.about .company .p1 .subs {
    margin-top: .20rem;
    display: block;
    float: right;
    height: .70rem;
    font-size: .24rem;
    line-height: .70rem;
}

.about .company .p1 .subs a {
    display: block;
    font-size: .14rem;
    height: .20rem;
    line-height: .20rem;
    padding: .05rem .15rem;
    margin-left: .20rem;
    float: left;
    border: 1px solid #fff;
    color: #fff;
}

.about .company .p3 a {
    display: block;
    width: 1.45rem;
    height: .50rem;
    line-height: .50rem;
    text-align: center;
    background: #fff;
    color: #009800;
    font-size: .18rem;
    margin-top: .30rem;
    float: left;
    border: 1px solid #fff;
}

.gotop {
    width: 100%;
    float: left;
    height: .54rem;
    background: url(../images/gotop.png) no-repeat top center;
    text-align: center;
    margin-bottom: 1.00rem;
}

.gotop a {
    display: inline-block;
    width: 1.20rem;
    height: .36rem;
    border: .01rem solid #aaa;
    border-radius: .18rem;
    text-align: center;
    line-height: .36rem;
    margin-top: .14rem;
}

.works {
    width: 100%;
    float: left;
    margin-top: 1.40rem;
}

.works .tit {
    width: 100%;
    float: left;
    padding: 0 .20rem;
    padding-bottom: .60rem;
    border-bottom: .01rem solid #aaaaaa;
    box-sizing: border-box;
}

.works .tit .cn {
    float: left;
    display: block;
    font-size: .48rem;
    height: .50rem;
    line-height: .50rem;

}

.works .tit .en {
    float: left;
    display: block;
    font-size: .24rem;
    height: .50rem;
    margin-left: .10rem;
    line-height: .70rem;
}

.works .tit .subs {
    margin-top: .30rem;
    font-size: .18rem;
    float: right;
}

.works .tit .subs span {
    padding: 0 .10rem;
}

.works .tit .subs img {
    width: .50rem;
}

.works .works-list {
    width: 100%;
    margin: .50rem 0;
    float: left;
    overflow: hidden;
}

.works .works-list a {
    display: inline-block;
    float: left;
    padding-bottom: .20rem;
    margin-right: .34rem;
}

.works .works-list a:last-child {
    margin-right: 0;
}

.works .works-list img {
    width: 100%;
}

.works .works-list a:hover {
    background: #008900;
    color: #fff;
}

.works .works-list a .p1 {
    padding-bottom: .40rem;
    font-size: .24rem;
    padding: .10rem;
}

.works .works-list a .p2 {
    padding: .10rem;
    padding-bottom: .50rem;
    font-size: .16rem;
}

.works .works-list a:hover .p2 {
    background: #008900 url(../images/icon-view-more.png) no-repeat bottom center;
    color: #fff;
}


.ry {
    width: 100%;
    float: left;
    margin-top: 1.40rem;
}

.ry .tit {
    width: 100%;
    float: left;
    padding: 0 .20rem;
    box-sizing: border-box;
    padding-bottom: .60rem;
    border-bottom: .01rem solid #aaaaaa;
}

.ry .tit .cn {
    float: left;
    display: block;
    font-size: .48rem;
    height: .50rem;
    line-height: .50rem;

}

.ry .tit .en {
    float: left;
    display: block;
    font-size: .24rem;
    height: .50rem;
    margin-left: .10rem;
    line-height: .70rem;
}

.ry .tit .subs {
    margin-top: .30rem;
    font-size: .18rem;
    float: right;
}

.ry .tit .subs span {
    padding: 0 .10rem;
}

.ry .tit .subs img {
    width: .50rem;
}

.ry .ry-list {
    width: 100%;
    float: left;
    margin: .50rem 0;
    text-align: center;
    background: url(../images/bg-works.png);
    background-size: cover;
}

.ry .ry-list img {
    margin-top: 1.60rem;
    margin-left: .15rem;
    margin-right: .15rem;
    width: 2.50rem;
    height: 3.50rem;
    border: .10rem solid #000;
    border-radius: .03rem;
}

.prodiv .news-box {
    width: 46%;
    float: left;
    background: #fff;
    overflow: hidden;
    margin: 2%;
}

.prodiv .news-box .npic {
    float: left;
    width: 50%;
}

.prodiv .news-box img {
    float: left;
    width: 100%;
}

.prodiv .news-box .ntxt {
    width: 50%;
    font-size: .16rem;
    box-sizing: border-box;
    padding: .15rem;
    float: left;
}

.prodiv .news-box .ntop .p1 {
    border-bottom: .01rem solid #eee;
    padding-bottom: .10rem;
    margin-bottom: .10rem;
}

.prodiv .news-box .ntop .p1 .pm {
    font-size: .14rem;
    color: #666;
    display: inline-block;
    float: right;
    margin-top: .10rem;

}

.prodiv .news-box .ntop .p1 .tt {
    font-size: .24rem;
    font-weight: bold;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.prodiv .news-box .ntop .p2 {
    height: 1.80rem;
}

.prodiv .news-box a.nrec {
    display: block;
    font-size: .16rem;
    height: .50rem;
    line-height: .50rem;
}

.prodiv .news-box a.nrec .tt {
    float: left;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.prodiv .news-box a.nrec .dd {
    display: block;
    float: right;
    color: #999;
}

.flink {
    width: 100%;
    float: left;
    margin: .50rem 0;
    text-align: center;
}

.flink .tit {
    font-size: .16rem;
    color: #333;
}

.flink .tit span {
    display: inline-block;
    padding-bottom: .10rem;
    border-bottom: .04rem solid #e5e5e5;
}

.flink .flist {
    float: left;
    width: 100%;
    margin-top: .20rem;
    font-size: .14rem;
}

.flink .flist a {
    padding: 0 .10rem;
}