﻿#wrap { display: block; min-width: 320px; max-width: 640px; width: 100%; height:100%; margin: 0 auto; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; overflow: hidden; background:url(../img/bg.jpg) no-repeat; background-size:100%; }
#wrapper { display: block; min-width: 320px; max-width: 640px; width: 100%; margin: 0 auto; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; overflow: hidden;}
.body { -webkit-box-sizing: border-box; position: relative; }
.bgd { background: #edebf1; }
.telphone { display: block; position: fixed; right: 5%; bottom: 10%; z-index: 100; cursor: pointer; }
.telphone img { width: 50px; height: 50px; }
.mask { display: block; width: 100%; height: 15px; }
.mask1 { display: block; width: 100%; height: 30px; }
footer { display: block; width: 100%; line-height: 2.5; background-image: -webkit-linear-gradient(top, #2f3336 0%, #23272a 100%); background-image: -moz-linear-gradient(top, #2f3336 0%, #23272a 100%); background-image: -o-linear-gradient(top, #2f3336 0%, #23272a 100%); background-image: -ms-linear-gradient(top, #2f3336 0%, #23272a 100%); background-image: linear-gradient(top, #2f3336 0%, #23272a 100%); text-align: center; font-size: 1.4em; color: #fff; }
.footer { display: block; position:fixed; bottom:0; width: 100%; line-height: 2.5; background-image: -webkit-linear-gradient(top, #2f3336 0%, #23272a 100%); background-image: -moz-linear-gradient(top, #2f3336 0%, #23272a 100%); background-image: -o-linear-gradient(top, #2f3336 0%, #23272a 100%); background-image: -ms-linear-gradient(top, #2f3336 0%, #23272a 100%); background-image: linear-gradient(top, #2f3336 0%, #23272a 100%); text-align: center; font-size: 1.4em; color: #fff; }

.modbgd {display:block; width:40%; margin:35% 0 0 25%; background:rgba(212,219,198,0.7);-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; border-radius:20x; padding:5% 5% 2% 5%;
-webkit-animation-name: "modbgd"; /*动画名称，需要跟@keyframes定义的名称一致*/
-webkit-animation-duration: 2s;/*动画持续的时间长*/
-webkit-animation-iteration-count: 1;/*动画循环播放的次数*/}
.menu {display:block; width:90%;position:relative;  padding:0% 5%; line-height:2; background:rgba(34,74,1,0.8);-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; border-radius:10px; margin-bottom:10%; color:#fff; font-size:1.6em; line-height:1.5;
animation:mymove 1.5s infinite;
-webkit-animation:mymove 1.5s infinite;
animation-iteration-count:1;
-webkit-animation-iteration-count:1;
}
.menu img {margin-right:5px;width:15px;height:10px; margin-bottom:2px;}

.banner {display:block; width:100%;}
.box {display:block; width:90%; margin:5%;}
h1 {font-size:1.2rem; padding:5% 0; border-bottom:1px solid #f0f0f0; font-weight:bold; color:#333;}
.about {display:block; width:100%; margin-top:5%;}
.about p {margin-bottom:5%; font-size:1rem;}
.red {color:#d31d1d; font-weight:bold}

.btn {display:block; width:100%; padding:3% 0; background:#ff8a18; font-size:1.2rem; text-align:center; color:#fff; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mg-left {margin-left:23px;}

.loadlist {display:block; width:95%; margin-left:5%; margin-top:5%;}
.loadlist ul { display:block; float:left;width:45%; margin-right:5%;}
.loadlist ul li {display:block; margin-bottom:5%;}




