body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, p, blockquote, table, th, td, menu { margin: 0; padding: 0; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }

ul, ol, menu { list-style: none; }

fieldset, img { border: none; }

img, object, select, input, textarea, button { vertical-align: middle; box-sizing: content-box; }

input, textarea, select, address, caption, cite, code, dfn, em, i, b, strong, small, th, var, abbr, button, u, s, del { font-style: normal; text-decoration: none; }

article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block; }

code, kbd, pre, samp, tt { font-family: Consolas,"Courier New", Courier, monospace; }

address, cite, dfn, em, var, i { font-style: normal; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { text-decoration: none; cursor: pointer; color: #FFFFFF; }
a:hover, a:focus { outline: none; }

a, input, textarea, button, select { -webkit-tap-highlight-color:#FFFFFF}

abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help; }

body { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }

html { background: #f9f9f9; font-size: 100px; height: 100%; }

body {
    color: #ffffff; line-height: 1; margin-left: auto; margin-right: auto; font-size: 0.12rem; height: 100%; }

body, button, input, select, textarea { font-family: Helvetica}

.block { display: block; }

.none { display: none; }

.clear { clear: both; }

.fl { float: left; }

.fr { float: right; }

.tl { text-align: left; }

.tr { text-align: right; }

.tc { text-align: center; }

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

input, textarea, select, button { -webkit-appearance: none; color: #FFFFFF; font-size: 0.12rem; -webkit-tap-highlight-color: #FFFFFF; }
input[type="radio"], textarea[type="radio"], select[type="radio"], button[type="radio"] { -webkit-appearance: radio; }
input[type="checkbox"], textarea[type="checkbox"], select[type="checkbox"], button[type="checkbox"] { -webkit-appearance: checkbox; }

input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }

input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; }

.funleo_mobile_frame { max-width: 720px; width: 100%; margin: 0 auto; position: relative; background: #fff; min-height: 100%; box-shadow: 0 0 0 0.1rem #fff; }
.h1{
    background-image: url("images/xiyu.jpg");
    padding-top:100px;
    padding-bottom: 50px;
}
.h1 p{
    float: right;
    color: #FFFFFF;
}
.productions img{
    float: left;
}
li
{
    border:#cccccc solid thin;
    //outline:#cccccc dotted thick;
    float: left;
    margin: 10px;
}
ul{
    margin-top: 25px;
    padding-left:5px;
}
.body{
    height:1400px;
}
.body ul img{
    width:200px;
    height: 200px;
}
footer{
    width: 100%;
    height:100px;   /* footer的高度一定要是固定值*/
    position:absolute;
    bottom:0px;
    left:0px;
    background: #333;
}
.footer{
    /*保证footer是相对于container位置绝对定位*/
    position:relative;
    width:100%;
    min-height:100%;
    /*设置padding-bottom值大于等于footer的height值，以保证main的内容能够全部显示出来而不被footer遮盖；*/
    padding-bottom: 100px;
    box-sizing: border-box;
}
/*.funleo_mobile_frame{width:100%;min-height:100%;position:relative;}*/
/*.body{padding-bottom:50px;}*/
/*.footer{height:0px;position:fixed;top:680px;left:0px;}*/

#items li{
    height:400px;
}
p{
    width:100%;
}
@media screen and(max-width: 500px) {
    .funleo_mobile_frame{width:100%;min-height:100%;position:relative;}
    .body{padding-bottom:50px;}
    .footer{height:50px;position:fixed;buttom:800px;left:0px;}
}
@media screen{
    .funleo_mobile_frame{width:100%;min-height:95%;position:relative;}
    .body{padding-bottom:50px;}
    .footer{height:40px;position:fixed;top:96%;left:0px;}
}
.footer p{
    height: 100%;
    text-align: center;
    color:#FFFFFF;
}
.copy{
    background-color:#222;
}
p{
    color:black;
}
.h2{
    text-align: center;
    line-height: 200px;
    background-image: url("images/bg.jpg");
}
.h2 p{
    color: #ffffff;
    font-size: 42px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.pp p{
    font-size: 24px;
    color: #666666;
    font-weight: 200;
}
.pp{
    margin-bottom: 40px;
    padding: 20px;
    /*background: #ffffff;*/
    /*border-radius: 8px;*/
    /*box-shadow: 0 2px 5px #c4dbef;*/
}
.pptitle p{
    font-size: 32px;
    color: #222222;
    font-weight: 400;
    line-height: 100px;
}
.content{
    width: 600px;
    padding: 20px;
    /*padding-top: 40px;*/
    line-height: 40px;
    /*background: #e7eef5;*/
}