/* CSS Document */

@media screen and (min-width:240px) {
    html, body{
        font-size:9px;
    }
}
@media screen and (min-width:320px) {
    html, body{
        font-size:12px;
    }
}
@media screen and (min-width:480px) {
    html, body{
    font-size:14px;
    }
}
@media screen and (min-width:640px) {
    html, body{
        font-size:14px;
    }
}
*{ margin:0; padding:0;}
body{ min-width:320px; max-width:640px; margin:0 auto; position:relative; font-size:14px}
ul,li,ol{ list-style:none;}
a{ text-decoration:none}
a img{ border:none;}
.clear{ width:100%; display:block; clear:both; height:0; overflow:hidden;}
.hd{ overflow:hidden}
.clearfix:after {content:"";display:block;height:0;clear:both;} .clearfix {*zoom:1}
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot'); /* IE9 Compat Modes */  
src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */              
     url('../fonts/icomoon.woff') format('woff'), /* Modern Browsers */              
     url('../fonts/icomoon.ttf')  format('truetype'), /* Safari, Android, iOS */              
     url('../fonts/icomoon.svg#uxiconfont') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
.fr{ float:right;}
.fl{ float:left}

.teeFont{ font-family:"icomoon" !important; color:#0456a5 ; font-size:22px}

.page span {
	position: absolute;
	margin-left:-10px;
  -webkit-animation: rotate 1.3s linear 0s infinite;
  animation: rotate 1.3s linear 0s infinite;
}
.page { position:relative; height:30px; line-height:30px; width:30px; height:30px; margin:0 auto;}

/*转圈效果*/
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

header{ height:50px; background:url(../images/logo.gif) center center no-repeat #1360aa; background-size:auto 55%;}
.navbtn{ float:left; padding:5px; background:#1e67ae; height:40px; text-align:center;}
.navbtn img{ width:60%; margin-top:13px}

.navTel { float:right; height:40px; padding:5px; background:#1e67ae; text-align:center}
.navTel a{ display:block; width:100%; height:100%;}
.navTel a img{ width:70%; margin-top:8px;}

footer{ background:#434343; height:30px; line-height:30px; padding:0 5px}
footer span a{ color:#fff;}
footer span.spn_copy{ float:right; color:#fff;}

.topwz{ background:#e5ebee; height:35px; line-height:35px; color:#02365d;border-bottom:2px solid #02365d; padding:0 10px}
.topwz a{ padding:0 6px; color:#02365d; }
.btn-back{ width:25px; height:25px; border-radius:50%; border:1px solid #044a8d; line-height:25px; text-align:center; margin-top:5px}
.btn-back img{ height:15px;  margin-top:5px}
.topwz .btn-back a{ display:block; width:100%; height:100%; padding:0}


.content{color:#6c6c6c; line-height:25px; font-size:16px; min-height:400px}
.content img{ max-width:100%}

.menu{ width:200px; height:100%; background:#4d4d4d; position:absolute; margin-left:-200px; z-index:13;}
.menu ul{ padding: 0 10px}
.menu ul li {border-bottom:1px solid #717171; line-height:22px; padding:10px;}
.menu ul li img{ height:22px; vertical-align:middle; margin-right:10px}
.menu ul li a{ color:#fff; font-size:14px;}
.menu span{ display:block; background:#5f5f5f; padding:12px 20px;}
.menu span img{ width:30px}
.contentbody,.menu,.zzc{-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.contentbody{ max-width:640px !important}

.menuShow,.contentbodyShow{-webkit-transform: translateX(200px); transform: translateX(200px);}

.ownbody{ width:100%; height:auto; overflow:hidden;}

.zzc{ position:absolute; width:100%; height:100%; background:#000; z-index:12; display:none}
.zzcShow{ filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3; display:block}

.confs{ padding:10px; color:#a6a6a6; font-size:12px;}

.p-tlogo{ display:block; text-align:center; padding-top:15px}
.p-tlogo img{ width:110px}