div#banner{position:relative; background:url("../img/xiulishi-bg.jpg") no-repeat center; max-height:700px;}

div#banner>div{position:absolute; z-index:6;}
div#banner>div>img{max-width:100%;}
div#banner>div.c-1{width:30%; bottom:8%; left:22%;}
div#banner>div.c-2{width:19%; bottom:0; right:19%;}

div.on>div.c-1{animation:flipInX 1.2s ease 0s 1; animation-fill-mode:both;}
div.on>div.c-2{animation:slideInRight 1s ease 0s 1; animation-fill-mode:both;}

div.xls-content{padding:100px 0;}
div.xls-content>h2{font-size:36px; text-align:center; color:#454545; line-height:60px; font-weight:bold;}
div.xls-content>h2>div{width:50px; margin:0 auto; border-bottom:6px #FF7300 solid;}
div.xls-content>h5{font-size:20px; text-align:center; color:#666666; line-height:60px;}
div.xls-content>div{width:50%; margin:30px auto 0 auto; font-size:16px; color:#666666; line-height:32px; text-align:center; box-sizing:border-box;}
div.xls-content>div>p{text-indent:2em; margin-bottom:8px;}
div.xls-content>div>p:last-child{margin-bottom:0;}

div.xls-content>ul{width:50%; margin:30px auto 0 auto;}
div.xls-content>ul>li{float:left; width:30%; line-height:50px; text-align:center; background-color:#DDD; border-radius:6px; margin-left:5%; margin-bottom:16px;}
div.xls-content>ul>li:nth-child(3n+1){margin-left:0;}

div.xls-content>div.wenti{}
div.xls-content>div.wenti>div{border:1px #DDD solid; border-radius:10px; margin-bottom:20px;}
div.xls-content>div.wenti>div>p{padding:10px 30px;}
div.xls-content>div.wenti>div>p:first-child{border-bottom:1px #DDD solid; line-height:40px; font-size:16px; font-weight:bold; background-color:#F1F1F1; color:#e74c3c; border-radius:10px 10px 0 0;}
div.xls-content>div.wenti>div>p:last-child{line-height:30px; font-size:14px;}

div.background-1{background-color:#f1f1f1;}

@media screen and ( min-width:1920px ) {
    div#banner{height:700px;}
}
@media screen and ( max-width:2000px ) {
    div#banner{height:600px;}
}
@media screen and ( max-width:1800px ) {
    div#banner{height:560px;}
}
@media screen and ( max-width:1800px ) {
    div#banner{height:500px;}
}
@media screen and ( max-width:1400px ) {
    div#banner{height:400px;}
}
@media screen and ( max-width:1200px ) {
    div#banner{height:450px;}
}
@media screen and ( max-width:1000px ) {
    div#banner{height:400px;}
}

@media screen and ( max-width:500px ) {
    div#banner{height:400px;}
    div#banner>div.c-1{width:66%; top:90px; left:8%; z-index:1;}
    div#banner>div.c-2{width:36%; bottom:0; right:0%; z-index:2;}
    div.xls-content{padding:50px 0;}
    div.xls-content>h2{font-size:24px; line-height:50px;}
    div.xls-content>h2>div{width:30px; border-bottom:4px #FF7300 solid;}
    div.xls-content>h5{font-size:14px; line-height:40px;}
    div.xls-content>div{width:90%; margin:20px auto 0 auto; font-size:12px; text-align:left;}
    div.xls-content>ul{width:90%; margin:20px auto 0 auto;}
    div.xls-content>ul>li{font-size:14px; line-height:40px; margin-bottom:10px;}
    div.xls-content>div.wenti>div>p{padding:10px;}
    div.xls-content>div.wenti>div>p:first-child{font-size:14px;}
    div.xls-content>div.wenti>div>p:last-child{line-height:20px; font-size:12px; font-weight:lighter;}
}