#floor1 .homenewslist ul li{float:left;width:20%;}
#floor1 .homenewslist ul li a:hover{color:#00cc99;}
#floor1 .newslistpic img{
    width:100%;
    max-width:163px;
    margin:0 auto;
    display:block;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    cursor:pointer;
}
#floor1 .newslistpic img:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
    cursor:pointer;
}

#floor1 .newslistcon h2{margin:15px 0 0;padding: 0 0 0 5px;font-size: 1.2em;color:#666; text-align:center}
#floor1 .newslistcon p{ color:#666; font-size: 1em;line-height: 140%; overflow:hidden; width:100%; margin:0 auto; margin-top:10px;}

@media screen and (max-width: 1180px) {
    #floor1 .homenewslist{width:960px;
    }}

@media screen and (max-width: 960px) {
    #floor1 .homenewslist{width:780px;}
    #floor1 .homenewslist ul li{width:50%;
    }
    .hiddenmin{ display:none;
    }}

@media screen and (max-width: 780px) {
    #floor1 .homenewslist{width:96%; }
    #floor1 .homenewslist ul li{ width:50%;}
    #floor1 .newslistpic img{
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
        filter: gray;
        cursor:none;
    }}

@media screen and (max-width: 480px) {
    #floor1 .homenewslist{ width:94%;}
    #floor1 .newslistcon{ padding:0px;margin:0 auto;width:95%;overflow: hidden;}
    #floor1 .newslistpic img{width:80%;height:auto;}
    #floor1 .newslistcon h2{padding:0;font-size:1.2em;line-height:140%;border:none;}
    #floor1 .newslistcon span a{color:#8a8f99;}
    #floor1 .newslistcon p{width:80%; margin:5px auto 20px; font-size:0.8em
    }}

@media screen and (max-width: 320px) {
    #floor1 .homenewslist{width:95%;}
    #floor1 .homenewslist ul li{float:none;width:100%; margin-bottom:20px}
    #floor1 .newslistcon{position:static;height:auto;border-radius:none;}
    #floor1 .newslistpic:after{clear:both;}
    #floor1 .newslistcon h2{margin: 0;font-size:1em;}
    #floor1 .newslistcon p{font-size:0.6em; width:90%}
    #floor1 .newslistcon span{position:static;}
    #floor1 .homenewslist{margin:0px auto;}
    #floor1 .newslistpic img{
        margin-bottom:15px;
        width:50%;
    }}


/* 模块标题 */
.title{margin:75px auto 0; padding:60px 0 60px 0; width:100%;text-align:center;}
.title1{margin:0;padding:0;font-size:2.5em}
.title2{margin:0;padding:0; padding-top:5px ;font-size:1.3em}
.title3{margin:0;padding:0; padding-top:3px ;font-size:0.75em }
.titleline{margin:15px auto;width:80px;height:3px;}
.tcolor1{color:#555;}
.tcolor2{color:#777;}
.tcolor3{color:#999;}
.tcolor4{color:#fff;}
.tlinecolor1{background:#00cc99;}
.tlinecolor2{background:#ffffff;}

.topic{
	
}



#floor5 .tcolor1{color:#fff;}
#floor5 .tcolor2{color:#fff;}
#floor5 .tcolor3{color:#fff;}
#floor5 .tcolor4{color:#fff;}
#floor5 .tlinecolor1{background:#fff;}

@media screen and (max-width: 480px) {
    .title{padding:30px 0 10px 0;}
    .title1{font-size:1.65em;}
    .title2{font-size:1em;}
    .title3{display:none;}
    .titleline{margin:5px auto 0;width:60px;height:3px;}
}

@media screen and (max-width: 320px) {
    .title{padding:20px 0 10px 0;}
    .title1{font-size:1.15em;}
    .title2{font-size:0.6em;}
    .title3{display:none;}
    .titleline{margin:5px auto 0;width:60px;height:3px;}
}

.mainfloor{clear:both}

@media screen and (max-width: 500px) {
    .mainfloor{ padding-bottom:40px; clear:both}
}

/* 首页同类内容 */

.homenewslist{margin:-30px auto 30px;width:1170px;}
.homenewslist ul li{float:left;width:25%; margin-bottom:10px}
.homenewslist ul li a:hover{color:#00cc99;}
.newslistcon{ padding:0 20px ; width:90%}
.homenewslist ul{ margin:0 0 50px 0; height:auto; clear:both}
.homenewslist ul:after {content: ".";display: block; height:0; clear:both; visibility: hidden;}
.newslistpic img{width:100%;}
.newslistcon h2{margin:15px 0 0;padding: 0 0 0 5px;font-size: 1.4em;color: #666; text-align:center}
.newslistcon p{ color: #666; font-size: 1em;line-height: 140%; overflow:hidden; width:96%; margin:0 auto; margin-top:10px; margin-bottom:10px; text-align:center}
#floor3 .newslistcon{ background:#FFFFFF; border:1px solid #dadfe5; padding:9px; margin:0 10px; box-shadow:1px 1px 2px #ddd}

@media screen and (max-width: 1180px) {
    .homenewslist{width:960px;}
}

@media screen and (max-width: 960px) {
    .homenewslist{width:780px;}
    .homenewslist ul li{width:50%;}
}

@media screen and (max-width: 780px) {
    .homenewslist{width:96%; }
    .homenewslist ul li{ width:50%;}
    #floor3 .newslistcon h2{ text-align:center; font-size:1.1em}
}

@media screen and (max-width: 480px) {
    .homenewslist ul{ margin:0 0 30px; height:auto; clear:both}
    .homenewslist{width:94%;}
    .newslistcon{padding:0px;margin:0 auto;width:95%;overflow: hidden;}
    .newslistpic img{width:100%;height:auto;}
    .newslistcon h2{padding:0;font-size:1.1em;line-height:140%;border:none;}
    .newslistcon span a{color:#8a8f99;}
    .newslistcon p{width:80%; margin:5px auto;font-size:0.8em;}
    #floor3 .newslistcon h2{ text-align:center; font-size:1.05em;margin:0 }
    #floor3 .newslistcon{ width:90%; padding:5px;}
}

@media screen and (max-width: 320px) {
    .homenewslist{width:95%; padding:40px 0}
    .homenewslist ul li{float:none;width:100%;}
    .newslistcon{position:static;height:auto;border-radius:none;}
    .newslistpic:after{clear:both;}
    .newslistcon h2{margin: 0;font-size:1.2em;}
    .newslistcon p{font-size:0.6em; width:90%}
    .newslistcon span{position:static;}
    .homenewslist{margin:0px auto;}
    #floor3 .newslistcon h2{ font-size:1.2em; }
}

/*floor2.3.4*/
#floor2{ background:#f5f7fa url("../images/brand_bg.jpg") repeat center center;overflow:hidden;}
#floor3{overflow:hidden; background-size:cover}
#floor3 .newslistcon p{ text-align:center;}
#floor4{ background:#f5f7fa url("../images/brand_bg.jpg") repeat center center;overflow:hidden;}


#floor1 .homenewslist ul li{float:left;width:20%;}
#floor1 .homenewslist ul li a:hover{color:#00cc99;}
#floor1 .newslistpic img{
    width:100%;
    max-width:163px;
    margin:0 auto;
    display:block;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    cursor:pointer;
}
#floor1 .newslistpic img:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
    cursor:pointer;
}

#floor1 .newslistcon h2{margin:15px 0 0;padding: 0 0 0 5px;font-size: 1.2em;color:#666; text-align:center}
#floor1 .newslistcon p{ color:#666; font-size: 1em;line-height: 140%; overflow:hidden; width:100%; margin:0 auto; margin-top:10px;}

@media screen and (max-width: 1180px) {
    #floor1 .homenewslist{width:960px;
    }}

@media screen and (max-width: 960px) {
    #floor1 .homenewslist{width:780px;}
    #floor1 .homenewslist ul li{width:50%;
    }
    .hiddenmin{ display:none;
    }}

@media screen and (max-width: 780px) {
    #floor1 .homenewslist{width:96%; }
    #floor1 .homenewslist ul li{ width:50%;}
    #floor1 .newslistpic img{
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
        filter: gray;
        cursor:none;
    }}

@media screen and (max-width: 480px) {
    #floor1 .homenewslist{ width:94%;}
    #floor1 .newslistcon{ padding:0px;margin:0 auto;width:95%;overflow: hidden;}
    #floor1 .newslistpic img{width:80%;height:auto;}
    #floor1 .newslistcon h2{padding:0;font-size:1.2em;line-height:140%;border:none;}
    #floor1 .newslistcon span a{color:#8a8f99;}
    #floor1 .newslistcon p{width:80%; margin:5px auto 20px; font-size:0.8em
    }}

@media screen and (max-width: 320px) {
    #floor1 .homenewslist{width:95%;}
    #floor1 .homenewslist ul li{float:none;width:100%; margin-bottom:20px}
    #floor1 .newslistcon{position:static;height:auto;border-radius:none;}
    #floor1 .newslistpic:after{clear:both;}
    #floor1 .newslistcon h2{margin: 0;font-size:1em;}
    #floor1 .newslistcon p{font-size:0.6em; width:90%}
    #floor1 .newslistcon span{position:static;}
    #floor1 .homenewslist{margin:0px auto;}
    #floor1 .newslistpic img{
        margin-bottom:15px;
        width:50%;
    }}


.lastnpc{ text-align:center; height:0; position:relative; top:80px; font-size:1em; color:#666}
.lastnpc span{ color:#ff6b6b; font-size:1.6em; padding-left:3px}

@media screen and (max-width: 600px) {
    .lastnpc{ text-align:center; height:0; position:relative; top:-30px;}
}


@media screen and (max-width: 500px) {
    .lastnpc{ text-align:center; height:0; position:relative; top:-40px;}
}

/*性价比*/
.xingjiabimain{ width:96%; max-width:1170px; margin:0 auto}
.xingjiabimain:after {content: ".";display: block; height:0; clear:both; visibility: hidden;}
.xjbuldiv{ width:100%; max-width:1140px;  height:500px; margin:0 auto}
.xingjiabimain ul{ float:left; color:#666; box-shadow:0px 2px 10px #aaa; border-radius:10px}
.xingjiabimain ul .tabletit{ font-weight:bold;}
.xingjiabia,.xingjiabic{ background:url(../images/table2.jpg);max-width:378px; width:100%; position:relative; top:35px; padding-bottom:60px;}
.xingjiabia span,.xingjiabic span{ height:62px; text-align:center; line-height:62px; color:#fff; font-size:1.5em}
.xingjiabib{ background:url(../images/table11.png); width:100%; max-width:437px; margin-left:-30px; position:relative; z-index:1; padding-bottom:73px;}
.xingjiabib span{ height:72px; text-align:center; line-height:72px; color:#fff; font-size:1.8em}
.xingjiabib li{ height:58px; text-align:center; line-height:58px; font-size:1em; text-align:left; padding-left:30px;}
.xingjiabib .tabletit{ font-size:1.1em}
.xingjiabia li,.xingjiabic li{ height:50px; text-align:center; line-height:50px; font-size:0.9em; text-align:left; padding-left:30px;}
.xingjiabic li{ padding-left:50px;}
.xingjiabic{ margin-left:-30px;}

/*@media screen and (max-width: 1181px){*/
    /*.xingjiabia,.xingjiabic{max-width:360px;}*/
    /*.xingjiabib{ margin-left:-90px; max-width:370px;}*/
    /*.xingjiabic{ margin-left:-40px;}*/
/*}*/

/*@media screen and (max-width: 800px) {*/
    /*.xingjiabimain { margin-top:20px;}*/
    /*.xingjiabimain ul{ float:none;}*/
    /*.xingjiabia{ display:none}*/
    /*.xingjiabib{ padding-bottom:20px; padding-top:20px; margin:0 auto}*/
    /*.xingjiabib h1{ height:55px; text-align:center; line-height:55px; color:#fff; font-size:1.4em}*/
    /*.xingjiabib li{ padding-left:15px;}*/
    /*.xingjiabic{ display:none}*/
/*}*/

/*@media screen and (max-width: 600px) {*/
    /*.xingjiabimain { margin-top:20px;}*/
    /*.xingjiabimain ul{ float:none;}*/
    /*.xingjiabia{ display:none}*/
    /*.xingjiabib{ padding-bottom:20px; padding-top:20px; margin:0 auto}*/
    /*.xingjiabib h1{ height:55px; text-align:center; line-height:55px; color:#fff; font-size:1.2em}*/
    /*.xingjiabib .tabletit{ font-size:1em}*/
    /*.xingjiabib li{ padding-left:15px; font-size:0.8em;}*/
    /*.xingjiabic{ display:none}*/
/*}*/

/* 困惑*/
#brand{background:#f5f7fa url("../images/brand_bg.jpg") repeat center center;border-bottom:1px solid #dadfe5; overflow:hidden;position:relative;z-index:2;}
.brandinfo{max-width:1169px; margin:0px auto; }
.brandinfo:after{content: ".";display: block; height:0; clear:both; visibility: hidden;}
.brandt{width:100%;margin:0 auto; }
.brandlistli{ width:33%; max-width:355px; float:left; margin:0 6px; border:1px solid #dadfe5;padding:10px;background:#fff; padding-bottom:30px;}
.brandlistli dl{ text-align:center;}
.brandlistli dl dd{ text-align:center; color:#5c5f66; font-size:16px; margin:15px 0 30px 0; }
.brandlistli dl img{ width:100%; display:block; margin:0 auto}


@media screen and (max-width: 1180px) {
    #brand{background:#f5f7fa url("../images/brand_bg.jpg") repeat center center;}
    .brandinfo{margin:30px auto ;}
    .brandlist{margin:20px 0 0;}
    .brandlistli{ width:30%; max-width:357px; float:left; margin:0 5px;margin-bottom:5px;}
}

@media screen and (max-width: 900px) {
    .brandinfo{margin:30px auto ;}
    .brandlist{margin:20px 0 0;}
    .brandlistli{ width:30%; max-width:357px; float:left; margin:0 4px;margin-bottom:5px;}
}

@media screen and (max-width: 780px) {
    #brand{padding-bottom:20px;}
    .brandinfo{margin:20px auto;}
    .brandlist{margin:15px 0 0;}
    .brandlistli{ width:45%; max-width:357px;float:left; margin:0 4px;margin-bottom:5px;}
}
@media screen and (max-width: 560px) {
    .brandinfo h1{font-size:1.8em}
    .brandinfo h2{font-size:1.2em;}
    .brandteg{font-size:0.55em}
    .brandlistli{ width:45%; max-width:357px;float:left; margin:0 4px;margin-bottom:5px;}
}

@media screen and (max-width: 480px) {
    .brandinfo h1{font-size:1.8em}
    .brandinfo h2{font-size:1.2em;}
    .brandteg{font-size:0.55em}
    .brandlistli{ width:90%; max-width:90%; float:none; margin:0 4px; margin-bottom:5px;}
}
@media screen and (max-width: 300px) {
    .brandinfo h1{font-size:1.4em}
    .brandinfo h2{font-size:1.0em;}
}

.cle{clear:both;}