<script type="text/javascript">

 var AUTO_SWITCH_TIME = 10000; // 轮循间隔(单位毫秒)

  

 // 以下若非必须，慎动。

 var TIMER, TABS = 2, PRE_T = 'tab', PRE_C = 'tab0', TAB = 1, CLASSS = [' ', 'hover'];

 function stopSwitcher() {

  TIMER = clearInterval(TIMER);

 }

 function startSwitcher() {

  stopSwitcher();

  TIMER = setInterval(function(){

   var i = (TAB >= TABS || TAB <= 0) ? 1 : TAB + 1;

   switchTab(i);

  }, AUTO_SWITCH_TIME);

 }

 function toggle(id, hide) {

  var el = document.getElementById(id);

  if(el && el.style) el.style.display = hide ? 'none' : '';

 }

 function toggleCls(id, cls) {

  var el = document.getElementById(id);

  if(el) el.className = cls;

 }

 function switchTab(index, stop) {

  if(stop) stopSwitcher();

  if(TAB == index || index > TABS || index <= 0) return;

  for(var i = 1; i <= TABS; i++) {

   toggle(PRE_C + i, true);

   toggleCls(PRE_T + i, CLASSS[0]);

  }

  toggle(PRE_C + index);

  toggleCls(PRE_T + index, CLASSS[1]);

  TAB = index;

 }

 startSwitcher();

</script>

<style>

@charset "utf-8";

/* CSS Document */

html,body,div,ul,ol,li,dd,dt,dl,p,h1,h2,h3,h4,h5,h6,span,input,textarea,select,option,table,tr,td{padding:0;margin:0;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; font-weight:normal;}

body{font-family:"微软雅黑";width:100%;height:100%;min-width:320px;color:#666;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size: 14px; max-width:640px; margin:0 auto;}

img{border:none;}

ul,li{list-style-type:none;}

input{outline: none;}

a{text-decoration:none; color:#000;}

.clear{display: block;overflow: hidden;clear: both;height: 0;line-height: 0;font-size: 0;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{*+height:1%;}

.pr{position: relative;z-index: 0;}

.pa{position: absolute;}

.tin{text-indent:2em; overflow:hidden;}

.fl{float:left; display:block;}

.fr{float:right; display:block;}

.dis{display:none;}


/****iconfont****/

@font-face {font-family: 'iconfont';

    src: url('../other/iconfont.eot'); 

    src: url('../other/iconfont.eot?#iefix') format('embedded-opentype'), 

    url('../other/iconfont.woff') format('woff'), 

    url('../other/iconfont.ttf') format('truetype'), 

    url('../other/iconfont.svg#uxiconfont') format('svg'); 

}

.iconfont{

    font-family:"iconfont" !important;font-style:normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}

/* header

----------------------------------------------------------*/





@media screen and (min-width:360px){body,input{font-size:15.75px}}

@media screen and (min-width:400px){body,input{font-size:17.5px}}

@media screen and (min-width:480px){body,input{font-size:21px}}

@media screen and (min-width:560px){body,input{font-size:24.5px}}

@media screen and (min-width:600px){body,input{font-size:26.25px}}

@media screen and (min-width:640px){body,input{font-size:28px}}

</style>