.topic-main{width:100%;height:0;padding-bottom: 861.25%;position: relative}
.topic-main .topic-bg{position: absolute;top:0;left: 0;width:100%;}

.topic-art-box{position: absolute;height:2.5%;width:100%;z-index: 1;left:0;text-align: center}
.topic-art-box a{display:inline-block;height:100%;width:25%;margin:0 1.6%}
.topic-art-box a img{display: block;height: 100%;width: 100%}
.topic-art-box:nth-child(1){top:25.74%}
.topic-art-box:nth-child(2){top:35.65%}
.topic-art-box:nth-child(3){top:45.57%}
.topic-art-box:nth-child(4){top:55.46%}
.topic-art-box:nth-child(5){top:65.37%}

.topic-slide-box{width:62.5%;height:7.26%;position: absolute;left:18.75%;top:70.36%}
.topic-slide{position:relative;height:100%}
.topic-slide ul li a{display: block;position: relative;width:100%;height: 100%;overflow: hidden}
.topic-slide ul li img{display: block;width:100%;height:100%;}
.topic-slide .bx-wrapper .bx-pager{ width:100%; text-align:center; position:absolute; right:0; top:111%; z-index:90;}
.topic-slide .bx-wrapper .bx-pager .bx-pager-item, .topic-slide .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display:inline;}
.topic-slide .bx-wrapper .bx-pager a{ margin-left:10px; width:7px; height:7px; font-size:0; background:#ACCE22; overflow:hidden; display:inline-block; text-decoration:none; moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.topic-slide .bx-wrapper .bx-pager a.active{ background:#00ADA9;}

.topic-form input{width:58%;height:1.08%;left:21%;border:0;position: absolute;font-size: 0.28rem;display: flex;justify-content: center;align-items: center;outline: none}
.topic-form input:nth-child(1){top:90.84%}
.topic-form input:nth-child(2){top:92.87%}
.topic-form input:nth-child(3){top:94.85%}
.topic-form a{display: block;position: absolute;width:60%;height:1.46%;top:96.6%;left:20%}