@charset "utf-8";
/*******author:Tongyan.Guo**************/
html,body{ width:100%; height:100%; }
body{ margin:0; padding:0; font:normal 100% "微软雅黑","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif"; background-color:#f7fbfc;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; text-decoration:none;outline:none;}
a:hover{ text-decoration:none; }
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

   @media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
     html,body {
         font-size:67.5px;
     }
   }
     @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
     html,body {
         font-size:60px;
     }
   }
     @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
     html,body {
         font-size:50px;
     }
   }
     @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
     html,body {
         font-size:45px;
     }
   }
     @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
     html,body {
         font-size:40px;
     }
   }
     @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
     html,body {
         font-size:37.5px;
     }
   }
     @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
     html,body {
         font-size:33.75px;
     }
   }
     @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
     html,body {
         font-size:30px;
     }
   }
     @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
     html,body {
         font-size:25.875px;
     }
   }
     @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
     html,body {
         font-size:25px;
     }
   }
     @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
     html,body {
         font-size:23.4375px;
     }
   }
     @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
     html,body {
         font-size:22.5px;
     }
   }
     @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
     html,body {
         font-size:20px;
     }
   }
  .nav_top{ width: 16rem; height: 2.2rem; background: url(../images/top_bg.jpg) no-repeat; background-size:100% auto; position: relative; }
.logo{ position: absolute; width: 2.15rem; height: 2.2rem; left: 0.825rem; top: 0; }
.logo img{ width: 2.15rem; height: 2.2rem; }
.btns{ position: absolute; width: 9.075rem; height: 1.25rem; right: 0; top: 0.475rem; }
.btns a{ width: 4.2rem; height: 1.25rem; float: left; margin-right: 0.2rem; text-indent:-249.975rem; }
.btns a.gomain{ background: url(../images/gomain.jpg) no-repeat; background-size:100% auto;  }
.btns a.download{ background: url(../images/download.jpg) no-repeat; background-size:100% auto;  }
.rel_box{ position:relative; width:16rem; overflow:hidden; background:#ffffff url(../images/bg.jpg) no-repeat; background-size:100% auto; }
.main_box{ padding-top:13.75rem; padding-bottom: 3.25rem; width: 14.1rem; margin: 0 auto; }
.tab_tit{ width: 14.1rem; height:1.425rem; overflow: hidden;  }
.tab_tit a{ display: block; float: left; width: 7.05rem; height: 1.425rem; line-height: 1.425rem; background: url(../images/tab_a.jpg) no-repeat; background-size:100% auto; font-size: 0.6rem; text-align: center; color: #30444c; }
.tab_tit a.on{  background: url(../images/tab_h.jpg) no-repeat; color: #9bc7d9; }
.tab_cont{ display: none; padding: 0.45rem 0; width: 14.075rem; }
.tit{ width: 14.075rem; height: 1.425rem; background: url(../images/tit_a.jpg) no-repeat; background-size: 100% auto; line-height: 1.425rem; margin-top: 0.5rem; cursor: pointer;  }
.tit p{ float: left; width: 6.25rem; font-size: 0.55rem; color: #fafbfc; text-align: center; }
.tit p.ps{ width: 5.75rem; font-size: 0.6rem; color: #30444c; }
.pon{  background: url(../images/tit_h.jpg) no-repeat; background-size: 100% auto; }
.tab_txt{ background: #30444c; font-size: 0.45rem; color: #fafbfc; line-height: 0.75rem; padding:0.5rem 0.75rem; display:none; }
/*bottom*/
.bottom{width:15rem; padding:0.5rem; background:#fff;}
.bottom img{width:2.7rem;height:0.95rem;float:left;margin:0 0.5rem;}
.bottom > p{font-size:0.35rem;color:#7b7b7b;white-space:nowrap;}