body{min-width:320px; width:100%; max-width:640px; margin:0 auto; padding:0; background:#eaeaea; font-size: 14px; font-family:"Microsoft Yahei";}
a,p,ul,li,h1,h2,h3{text-decoration:none; margin:0; padding:0; list-style-type:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#000;}
em{font-style:normal;}
img{border:none;}
.wap{min-width:320px;width:100%;max-width:640px;}

/*nav*/

.nav{position: absolute; bottom: 20px;}
.nav ul{overflow:hidden;}
.nav li{float:left; width:23%; margin:10px 1% 5px; padding-bottom:10px; border-radius: 7px; background-color:rgba(0,0,0,0.5); -webkit-box-sizing: border-box; box-sizing: border-box;}
.nav li img{width:60%; margin:8px 20% 8px 20%; }
.nav li em{width:100%; display: block; text-align:center; color:#fff; font-size: 14px; text-align: center;} 



/*footer*/
.footer{text-align: center; color: #999; margin-bottom: 60px;}
.footer_fixed{min-width:320px; width:100%; max-width:640px; height: 50px; position: fixed; bottom: 0; background: #f2f2f2; border-top:1px solid #d4d4d4; display:-webkit-box; color:#666; padding-top:1px; z-index: 99;}
.footer_fixed li{color:#666;border-right: 1px solid #d4d4d4; font:  14px/50px "Microsoft Yahei"; color:#666; vertical-align: middle; text-align: center; -webkit-box-flex:1.0; list-style:none;}
.footer_fixed li img{height: 25px; margin-right: 5px; text-align: center; vertical-align: middle; border:0;}
.footer_fixed li a,.footer_fixed li a:hover{display: block; color: #666; text-decoration:none}


/*list_nav*/
/*.list_nav{background: #333;}
.list_nav ul{height:45px; overflow: hidden;}
.list_nav li{float:left; width:25%; height:45px; padding: 0 5px; font: 14px/45px "Microsoft Yahei"; color: #fff; background:url(../images/header_x.jpg) repeat-y right; text-align:center; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.list_nav li:last-child{background: none;}
.list_nav li a{color: #fff;} .list_nav li a:hover{color: #fff;}*/

.list_fl{overflow: hidden;}
.list_fl li{float: left; width: 21%; margin: 10px 2% 0px; padding: 0 5px; height: 40px; font: 14px/40px "Microsoft Yahei"; color: #fff; background: #333; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.list_fl li a{color: #fff;} .list_fl li a:hover{color: #fff;}


/*list*/
.list_news{padding: 12px 10px;}
.list_news li{height: 60px; padding: 10px; margin-bottom: 5px; background: #f3f3f3; box-sizing:border-box; -webkit-box-sizing:border-box;}
.list_news li label{display: block; width: 100%; font: 13px/22px "Microsoft Yahei"; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.list_news li em{display: block; width: 100%; font: 12px/22px "Microsoft Yahei"; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.list_news li a{display: block; height: 40px;}

.list_tup{padding: 12px 0px;overflow: hidden;}


.list_lyb{margin: 10px 2%; background: #fff; border-radius:5px; -webkit-box-shadow:0px 1px 3px #999;}
.list_lyb_tit{height: 35px; line-height: 35px; background: url(/MoveTemplates/tempthree/images/images/lyb_tit_bg.jpg); border-radius:5px 5px 0 0; border-bottom: 1px solid #ededed;}
.list_lyb_tit span{padding-left:20px; color: #333; font-size: 14px;}
.list_lyb ul{width: 96%; margin: 10px 2%; overflow: hidden;}
.list_lyb li{width: 100%; float:left; line-height: 30px; color: #333; margin-bottom: 10px;}
.list_lyb li .wleft{width:20%; float: left; text-align: right; padding-right: 10px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.list_lyb li .wright{width:80%; float: left; }
.list_lyb li .wright span{font-size: 0.85em;}
.list_lyb li .wright .input{border: 1px solid #ddd; padding-left: 5px; height: 20px; line-height: 20px; margin-top: 5px;}
.list_lyb li .wright .textarea{border: 1px solid #ddd; padding-left: 5px; line-height: 20px; margin-top: 5px;}
.button{float:left; padding: 5px 12px; color: #333; font: 12px/18px "Microsoft Yahei"; background:#fff url(/MoveTemplates/tempthree/images/lyb_tit_bg.jpg) repeat-x bottom; border:1px solid #ddd; border-radius:5px;}

/*sub*/
.sub_news{margin: 10px; padding: 15px; font: 13px/24px "Microsoft Yahei"; background: #fff;}
.sub_news .bt{padding-bottom: 8px; text-align: center;}
.sub_news .bt h1{font: bold 18px/30px "Microsoft Yahei"; border-bottom: 1px solid #ddd;padding-bottom: 8px;}
.sub_news .bt em{font: 13px/30px "Microsoft Yahei";}
.sub_news .con img{width: 90%; margin: 0 5%;}

.con_bo{overflow: hidden; margin-top: 10px;}
.con_bol{float:left; background:url(/MoveTemplates/tempthree/images/btn_left.png) right no-repeat; height:32px; text-align:right; line-height:32px; width:46%; margin-right:4%; padding-right:1em; box-sizing:border-box;}
.con_bor{float:left; background:url(/MoveTemplates/tempthree/images/btn_right.png) left no-repeat; height:32px; text-align:left; line-height:32px; width:46%; padding-left:1em; box-sizing:border-box;}
.con_bo a{color: #000;}.con_bo a:hover{color: #000;}

/*sub_xg*/
.sub_xg{margin: 10px; padding: 10px; font: 13px/24px "Microsoft Yahei"; background: #fff;}
.sub_xg .tit{width: 100%; height: 30px; border-bottom: 1px solid #333; overflow: hidden;}
.sub_xg .tit h3{float: left; padding: 0 20px; background: #333; font:bold 14px/30px "Microsoft Yahei"; color: #fff;}

.sub_xg_news{margin: 10px 0; overflow: hidden; }
.sub_xg_news li{height: 60px; padding: 10px; margin-bottom: 5px; background: #f3f3f3; box-sizing:border-box; -webkit-box-sizing:border-box;}
.sub_xg_news li label{display: block; width: 100%; font: 13px/22px "Microsoft Yahei"; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.sub_xg_news li em{display: block; width: 100%; font: 12px/22px "Microsoft Yahei"; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.sub_xg_news li a{display: block; height: 40px;}

.sub_xg_cp{margin: 10px 0; overflow: hidden; }
.sub_xg_cp ul{overflow: hidden;}
.sub_xg_cp li{float: left; position: relative; width: 46%; margin: 2%;}
.sub_xg_cp li img{width: 100%; display: block;}
.sub_xg_cp li p{position: absolute; bottom: 0px; left: 0; width: 100%; height: 30px; font: bold 13px/30px "Microsoft Yahei"; text-align: center; color: #fff; background-color:rgba(63,63,63,0.5); z-index: 2;}
.sub_xg_cp li a{display: block;}


/*orderinfo*/
.orderinfo{margin: 10px; padding: 15px; font: 13px/24px "Microsoft Yahei"; background: #fff;}
.orderinfo ul{overflow: hidden;}
.orderinfo li{height: 35px; margin: 3px 0px; overflow: hidden;}
.orderinfo .left{width: 25%; float: left; text-align: right; box-sizing:border-box; line-height: 35px;}
.orderinfo .right{width: 75%; float: left; box-sizing:border-box;}
.orderinfo .inp{width: 80%; border: 1px solid #ccc; line-height: 25px; height: 25px; margin: 5px 0px;}

.btn_1{height:28px;width:80px;line-height:28px;border:0;border-radius:2px;padding:0;position:relative;background:-webkit-gradient(linear,left top,left bottom,from(#FBFBFD),to(#CDD1D4));color:#333; border: 1px solid #ccc; text-shadow:0 1px 1px #E7E8EA;}

/*瀑布流*/
.grid-gallery ul {list-style: none; margin: 0; padding: 0; }
.grid-gallery figure { margin: 0; }
.grid-gallery figure img { display: block; width: 100%; }
.grid-gallery figure p {margin: 5px 0 5px; font: bold 14px/20px "Microsoft Yahei"; text-align: center;}

.grid-wrap {max-width: 640px; margin: 0 auto;}
.grid {margin: 0 auto; }
.grid li {width: 33.3333%; float: left; cursor: pointer;  box-sizing:border-box; -webkit-box-sizing:border-box;}
.grid figure {position: relative; overflow: hidden; margin: 0 2% 8px; padding: 3px; background: #fff;-webkit-transition: opacity 0.2s; transition: opacity 0.2s; }
.grid li:hover figure {opacity: 0.7;}

@media screen and (max-width:640px) {
	.grid li { width: 50%; }
}
@media screen and (max-width:350px) {
	.grid li { width: 50%; }
}
@media screen and (max-width:240px) {
	.grid li { width: 100%; }
}

.fy{font:12px/26px "Microsoft Yahei"; text-align:center; color:#999;}
.fy a{color:#999;}