body{ width: 100%;height: auto; background: #f5f5f5; color: #333;}
.white{background-color:#fff; }
.mar{ margin-bottom: 0.4rem;}
.index_header,.index_sec{width: 100%;overflow: hidden;}

.banner_box,.banner{width: 100%;overflow: hidden;}
.banner{ height: auto;}
.banner li{ width: 100%; float: left; display: none;}
.banner li.show{ display: block;}
.ban_down,.con{ overflow: hidden; width: 100%; padding:0 0.4rem; box-sizing:border-box;}
.con{ margin-bottom:0.4rem 0;}
.ban_down li{ float:left; width:33.3%; text-align: center; padding:0.4rem 0;}
.ban_down li a{ display: block; width: 2rem;height: auto; margin:0 auto; font-size:0.48rem; color: #333;}
.ban_down li a img{ margin-bottom: 0.1rem;}
.title{ width:100%; overflow:hidden;font-size:0.64rem; padding:0.44rem 0; background: url(../images/icon.png) no-repeat left center; background-size: 0.2rem;padding-left: 0.5rem;box-sizing:border-box;}
.con ul li{ float:left; position: relative;overflow: hidden;}
.con ul li p{ width: 100%;height:1.26rem; position: absolute; left: 0;bottom: 0; font-size: 0.4rem; color: #fff;}
.con ul li p span{display: block; line-height:0.65rem; padding:0 0.1rem;}
.con ul li p:nth-of-type(1){ background: rgba(0,0,0,0.5);}
.con ul li:nth-last-child(1){ margin-right: 0;}
.con ul li a{ display: block;}
.con .fs_trend,.con .fs_style,.con .fs_magazine{width: 100%;overflow: hidden; margin-bottom: 0.4rem;}
.con .fs_trend li{ width: 49%;margin-right: 2%;  }
.con .fs_trend li a{ min-width: 5.9rem;min-height: 5rem;}
.con .fs_style li{ width: 33%; margin-right: 0.5%;}
.con .fs_style li a{ min-width: 3.92rem;min-height: 5.92rem;}
.con .fs_magazine li{ width: 24%; margin-right: 1%;}
.con .fs_magazine li a{ min-width: 2.84rem;min-height: 3.78rem;}
.con_list{ padding:0 0.54rem 0.4rem; font-size: 0.52rem;}
.con_list h4{ text-align: center; padding: 0.5rem 0; font-size: 0.6rem;}
.con_list .about{ width: 100%; overflow: hidden;}
.con_list .about img{padding-top:1rem; }
.con_list p{ line-height: 0.8rem;}
.con_list p span{ color:#d32027;}
.fs_tese .con_list .about img{ width: 45%;padding-top:0.5rem;}
.fs_tese .con_list p:nth-of-type(2){ margin-top:1rem; }
.fs_web div{ width: 100%;}
.fs_web div a{ width: 19%;display: inline-block; overflow: hidden;padding-right: 0.1rem; box-sizing:border-box;}
 


/*头部*/
.index_nav,.index_footer{width: 100%;overflow: hidden; background: #fff;}
.index_nav .redline{ height: 0.4rem;background: #d32027;}
.logo_head{width:100%;padding:0.4rem; box-sizing:border-box;overflow:hidden;}
.logo_head .pop_logo{display: block; background:url(../images/logo-icon.png) no-repeat;background-size:contain;width:50%;height: 1.3rem;}
.logo_head .pop_introduce{width:50%;height:1.3rem;line-height:1.3rem;text-align:right;font-size:0.5rem;color:#333;}


/*底部*/
.index_footer,.index_footer a{ color: #666;font-size:0.6rem;}
.index_footer ul{width: 100%;overflow: hidden; background: #fff;}
.index_footer ul li{text-align: center; height: 1.6rem; line-height: 1.6rem;}
.index_footer ul li:nth-of-type(2){ border-top: 1px solid #a0a0a0;}
.index_footer ul li:nth-of-type(1) a{ width: 32%; display: inline-block;}
.index_footer ul li:nth-of-type(2) a{ width: 49%; display: inline-block;}
.viewport {
	max-width: 720px;
	margin: auto;
	overflow: hidden
}