.toptitle{
    width: 100%;
    position: absolute;
    z-index: 99;
}
.title{
    width: 100%;
    height: calc(100vw * 45 / 1920);
    line-height: calc(100vw * 45 / 1920);
    margin-top:calc(65px + (100vw - 1920px) / 50);
    font-size: calc(47px + (100vw - 1920px) / 80);
    text-align: center;
}
.line{
    font-size: calc(36px + (100vw - 1920px) / 80);
    width: 100%;
    height: calc(100vw * 10 / 1920);
    text-align: center;
    font-weight: lighter;
}
.line .topline{
    width: calc(35px + (100vw - 1920px) / 100);
    height: 1px;background: #000;
    margin:10px auto;
}
.topimg{
    width: 100%;
    position: relative;
    top:0;
}

.topimg img{
    width: 100%;
}
.footer{
    margin-top: 2%;
    width: 100%;
    height: calc(360px + (100vw - 1920px) / 10);
    background: #1f8e3f;
    color: #eee;
    font-family: "黑体" !important;
    bottom: 0;
}
.footer .lines{
    border-bottom: 1px solid #8a948d;
    height: calc(298px + (100vw - 1920px) / 9);
}
.footer .lines .bodys{
    width:64%;
    height:calc(210px + (100vw - 1920px) / 18);
    margin:auto;
    padding-top: calc(60px + (100vw - 1920px) / 30) ;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: space-around;
}
.footer .lines .bodys .lefts{
    width:calc(600px + (100vw - 1920px) /80);
}
.footer .lines .bodys .centers{
    width:calc(350px + (100vw - 1920px) / 10);
}

.footer .lines .bodys .lefts .daohang{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: flex-start;
}
.footer .lines .bodys .lefts .daohang .dtitle{
    font-size: calc(20px + (100vw - 1920px) /200);
    margin-left: 0.5%;
}
.footer .lines .bodys .lefts .daohang .dimg{
    width:calc(24px + (100vw - 1920px) / 150);
    height:calc(24px + (100vw - 1920px) / 150);
}
.footer .lines .bodys .lefts .daohang .dimg img{
    width: 100%;
}
.footer .lines .bodys .lefts .caidan{
    width: 100%;
    margin-top: calc(30px + (100vw - 1920px) / 100);
}
.footer .lines .bodys .lefts .caidan ul{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: flex-start;
}
.footer .lines .bodys .lefts .caidan ul li{
    width: calc(100px + (100vw - 1920px) / 80);
    height: calc(25px + (100vw - 1920px) / 100);

}
.footer .lines .bodys .lefts .caidan ul li a{
    color:#eee;
    font-size:calc(18px + (100vw - 1920px) / 200);
}
.footer .lines .bodys .lefts .pingtai{
    margin-top:calc(30px + (100vw - 1920px) / 100);
}
.footer .lines .bodys .lefts p{
    margin-top:calc(15px + (100vw - 1920px) / 100);
    font-size:calc(16px + (100vw - 1920px) / 200);
}

.footer .lines .bodys .rights{
    width:calc(268px + (100vw - 1920px) / 200);
}
.footer .lines .bodys .righttop{
    font-size:calc(22px + (100vw - 1920px) / 200);
    font-family: 'haige' !important;
}
.footer .lines .bodys .rightbody{
    margin-top:calc(35px + (100vw - 1920px) / 100);
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: space-around;
    -ms-flex-pack: distribute;
}
.footer .lines .bodys .rightbody img{
    width: calc(121px + (100vw - 1920px) / 25);
    height: calc(121px + (100vw - 1920px) / 25);
    margin-left: 5%;
}

.footer .beian{
    text-align: center;
    line-height: calc(45px + (100vw - 1920px) / 50);
    font-size:calc(15px + (100vw - 1920px) / 200);
}
.footer .beian a{
 text-decoration:none;
  color:#eee;
}

@media screen and (max-width: 768px) {
    .footer {
        height: calc(378px + (100vw - 1920px) / 14);
    }
    .footer .lines .bodys {
        width: 90%;
    }
    .footer .lines .bodys .lefts {
        width: 70%;
    }
    .footer .beian {
        width: 90%;
        margin: 10px auto 0;
        line-height: 15px;
    }
    .footer .lines .bodys .lefts .caidan {
        margin-top:-10px;
    }
    .footer .lines .bodys .lefts .caidan ul {
        flex-wrap: wrap;
    }
    .footer .lines .bodys .lefts .caidan ul li {
        width: calc(90px + (100vw - 1920px) / 80);
        margin-top: 15px;
    }
    .footer .lines .bodys .lefts .daohang .dtitle {
        line-height: 24px;
    }
    .footer .lines .bodys .centers {
        display: none;
    }
    .footer .lines .bodys .lefts .pingtai {
        margin-top: 25px;
    }
    .footer .lines .bodys .lefts p {
        margin-top: 10px;
    }
    .footer .lines {
        height: calc(300px + (100vw - 1920px) / 18);
    }
    .footer .lines .bodys .rights {
        margin-left: 25px;
    }
    .footer .lines .bodys .rightbody {
        margin-top: 0px;
        display: block;
        justify-content: space-around;
    }
    .footer .lines .bodys .rightbody img {
        margin-top: 10px;
        width: calc(142px + (100vw - 1920px) / 20);
        height: calc(145px + (100vw - 1920px) / 20);
    }

}