/*微网站样式20140430*/
body{background:#333;}
*{ margin:0; padding:0;}
/*首页样式*/
#wrap { display:block; position:relative; min-width: 320px; max-width:640px; margin:0 auto; width: 100%; height:100%; overflow: hidden;background:url(../images/bg.jpg) no-repeat; background-size:100%;-webkit-box-sizing: border-box; -moz-box-sizing:border-box;}
.modbgd {display:block; position:absolute; bottom:100px; right:2%; width:35%; width:40%; /*margin:40% 0 0 48%;*/ background:rgba(255,255,255,0.7);-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; border-radius:10px; padding:2% 2% 0.5% 2%;
-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(161,0,117,1.0);-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; border-radius:10px; margin-bottom:3%; color:#fff; font-size:1.6em; line-height:2.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;}

footer {display:block; width:100%; position:absolute; bottom:0; line-height:40px; background:#333; color:#fff; font-size:1.4em; text-align:center;}

@-webkit-keyframes mymove {
     from { left:-300px;}    
     to {left:0px;}
  }
@-webkit-keyframes 'modbgd' {
     from { opacity:0}    
     to { opacity:1;}
  } 
  
  

/*子页面*/
#wrap02{display:block;position:relative; width:100%; min-height:100%;max-width:640px;margin:0 auto;-webkit-box-sizing: border-box; -moz-box-sizing:border-box; background:#fff;}
.content{display:block; width:91.8%; margin:0 auto; padding-top:4%;}
.banner{display:block; width:100%;}
.banner img{display:block; width:100%;}
h1{display:block; width:96%; font-size:2em; line-height:2em; color:#333; text-align:center; margin-bottom:1%;}
h2{display:block; width:96%;font-size:1.4em; color:#333; text-align:justify; line-height:1.8em;margin-bottom:1%; padding:0% 2%; /*text-indent:2em;*/}
.pt{display:block; width:96%;font-size:1.6em; font-weight:bold; color:#333; text-align:justify; line-height:2em; padding:0% 2%; }
.p1{display:block; width:96%;font-size:1.4em; color:#333; text-align:justify; line-height:1.6em;margin-bottom:2%; padding:0% 2%;/*text-indent:2em;*/ }
.p2{display:block; width:96%;font-size:1.4em; color:#333; text-align:justify; line-height:1.6em;margin-bottom:2%; padding:0% 2%; }
.pic_w_list{display:block; width:96%; margin:0 auto; padding-bottom:80px; }
.pic_w_list li{display:block; width:100%; padding-bottom:2%;}
.pic_w_list li img{display:block;width:100%;text-align:center;}
.footer02{display:block; position:absolute;bottom:0; z-index:99; width:100%; height:60px; line-height:60px;color:#bfbfbf; font-size:1.6em; text-align:center;}

#wrap03 {display: block;  min-width: 320px; max-width: 640px;background:url(../images/bg02.jpg) no-repeat top; background-size: 100%;  width: 100%; margin: 0 auto; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; overflow: hidden; }
#bgd { display: block; min-width: 320px; max-width: 640px;  margin: 0 auto; width:100%; height: 100%; }
.body { -webkit-box-sizing: border-box; position:absolute; }
.bgd {background: #fff;}
.telphone {display:block; position:fixed; right:2%; bottom:15%; z-index:100; cursor:pointer;}
.telphone img {width:34px; height:34px;}
.mask {display:block; width:100%; height:15px;}
.mask1 {display:block; width:100%; height:30px;}
footer {display:block; float: left; width:100%; position:fixed; bottom:0; z-index:99; 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;}

.tle {display:block; width: 100%; padding:5% 0;text-align:center; font-size: 1.4rem; background: #f8f8f8; border-bottom: 1px solid #e4e4e4;}
.cont-box {display:block; width: 90%; padding: 5%; text-align: justify; line-height: 1.5; font-size: 1rem; text-indent:2em;}
.cont-box p {margin-bottom:5%; text-align:justify;}

.photo-tle {display:block; width: 50%; margin-rihgt:50%; margin-top:5%; margin-bottom:-2px;}
.photo-tle img {width: 100%;}

.picbox {display:block; width:89%; position:relative; border-left:3px solid #ec0f87; margin-left:11.5%; padding-top:12%;}
.picbox img {width:100%;}
.tlemmsg {display:block; margin-left:5%; width:90%; float:left;font-size:1.2rem; line-height:1; margin-bottom:5%;}

.prdbox {display:block; width:89%; position:relative; border-left:3px solid #ff7391; margin-left:10.5%; }
.prdbox img {width:100%;}
.mgbtm {margin-bottom:5%;}

.sub-tle {display:block; width:100%; padding:3% 0;padding:0% 0 2% 0;}
.sub-tle img {display:block; float:left;}
.piclist {display:block; width:95%; padding-left:5%; margin:5% 0;margin:0;}
.piclist img {width:44%;  margin-right:3%; margin-bottom:5%;margin-bottom:0%;}
.piclist02 {display:block; width:95%; padding-left:5%; margin:0;}
.piclist02 img {width:44%;  margin-right:3%; margin-bottom:12%;}