*{font-family: "Microsoft Yahei"}
.s-top{height:70px;}
.fl{float: left;}
.fr{float: right;}
.legal-information{background: #fbfbfb;padding-bottom: 300px;}
.legal-information .content{width: 1024px;margin: 0 auto;}
.legal-information .title{text-align: center;font-size: 20px;color: #333333;padding: 30px 0 60px; }
.legal-information ul{padding: 0 30px;}
.legal-information ul li{padding: 40px 0 40px 8px;border-bottom: 1px solid #dddddd;}
.legal-information ul .first{border-top: 1px solid #dddddd;}
.legal-information li .h1{font-size: 18px;color: #333333;border-bottom:1px solid #333333;}
.legal-information li .h1:hover{color:#cc3333;border-color: #cc3333}
.legal-information li .ft{font-size: 14px;color: #333333;margin-top: 20px;line-height: 25px;}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .legal-information  {width: 100%;  max-width: 1024px;margin: 0 auto;}
    .legal-information .content{width: 100%;margin: 0 auto;}
    .legal-information ul li{padding: 60px 40px;border-bottom: 1px solid #dddddd;}
    .legal-information li .h1{font-size: 18px;color: #333333;margin-right: 30px;}
}
@media screen and (max-width: 767px){
    .s-top{height:57px;}
    .legal-information{background: #fbfbfb;padding-bottom: 60px;}
    .legal-information .content{width: 100%;margin: 0 auto;}
    .legal-information .title{text-align: center;font-size: 17px;color: #333333;padding: 30px 0 40px;border-bottom: 1px solid #dddddd; }
    .legal-information ul li{padding: 30px 5%;border-bottom: 1px solid #dddddd;}
    .legal-information ul li .wrap{width: 100%;}
    .legal-information ul{padding: 0;}
    .legal-information ul .first{border-top: none;}
    .legal-information li .h1{font-size: 17px;color: #333333;}
    .legal-information li .h1:hover{color:#333333;border-color: #333333}
    .legal-information li .ft{font-size: 14px;color: #333333;width: 100%;}
}