@charset "utf-8";
/* CSS Document */
body{min-width:320px; font: 12px/ 1.5  "΢���ź�", "Arial","����";padding: 0;margin: 0; color:#303030;}

@media (min-width: 480px) {
body {  font: 14px/ 1.5  "΢���ź�", "Arial","����"; color:#303030; }	
  }
@media (min-width: 640px) {
 body { font: 16px/ 1.5   "΢���ź�", "Arial","����"; color:#303030; }
  }
* { margin:0; padding:0;}
p,h2,h3,h4,img,ul,li { display:block; }
a { text-decoration:none;}
a img { border:none; }
img { width:100%;}	
html {font-size:100% ;} 
body {max-width:640px; min-width:320px;margin:0 auto; color: #3b3b3b; font-family:"微软雅黑"; }
#header { width: 100%;background-color: #fff;	overflow:hidden;	}
#header .hd{width:90%; margin:0 auto; overflow:hidden; }
#header .hd .header-l{float: left; width:70%;  height: 90%; overflow:hidden;  margin-bottom:2.5%; margin-top:2.5%;}
#header .hd .header-r{ overflow:hidden;  margin-top:3%; width:12%; padding-left:14%;}
#banner {width: 100%; overflow:hidden;}
#ban1 {width: 100%;overflow:hidden;padding: 10% 0; }
#ban1 p {font-size:140%; line-height:180%; padding:4% 5% ; color:#343434; }
#ban2 {width: 100%;overflow:hidden;}
#ban2 p {font-size:140%; line-height:180%; padding:2% 5% 5% 5%; color:#5f5f5f; }
#ban3 {width: 100%;overflow:hidden;  padding:8% 0; }
#ban3 p {font-size:140%; line-height:180%; padding:4% 5% ; }
#ban7 {width: 100%;overflow:hidden; background-image:url(images/2_02.jpg); background-size: 100%; padding:10% 0;   }
#ban7 #gc {overflow:hidden; margin:7% auto 10% auto; width:80%;}
#ban7 #gc #gcc {overflow:hidden; color:fff; float:left; width:24%; background-color:#004499; font-size:130%; margin-left:1%; text-align:center; line-height:180%;}
#ban7 #gc a { color:#0666dd; }
#ban7 #gc li:hover,#ban7 .this{background-color:#055ac3; color:#FFF;}
#ban7 #zj {width: 100%;overflow:hidden;}
#ban8 {width: 100%;overflow:hidden;  padding:8% 0; }
#ban8 #b8 {width: 100%;overflow:hidden; background:url(images/03_02.jpg) no-repeat ; background-size: 100%; padding-top:25%; padding-bottom:4%; }
#b8 p { font-size:160%; padding-left:18%; padding-top:2%; padding-bottom:0.5%;}
#b8 .registerform{    width: 77%;
    margin: 1% auto;}
#b8 ul li{ line-height:54px;}
#b8 ul li span{    width: 34%;
    margin-left: 14%;}
#b8 .i1{height: 38px;
    width: 70%;}
#b8 .i2{    width: 85%;
    height: 80px;
    margin-left: 10%;
    margin-top: 1%;}	
#verifyImg{ float:right; margin-right:20%; width:10%;}
.submit{        width: 40%;
    overflow: hidden;
    margin: 6% auto 6% 30%;
    background-color: #01c5dc;
    font-size: 135%;
    color: #fff;
    line-height: 230%;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;}
  }

#bn-box {width: 40%;	overflow:hidden; margin:20% auto 6% auto; background-color:#01c5dc; font-size:135%; line-height:230%; text-align:center; border-radius:5px;	}
@media (min-width: 320px) {	
#b8 p { font-size:120%; padding-bottom:0; }
#ban1 p ,#ban2 p ,#ban3 p {font-size:125%;}
#b8 .registerform{    width: 77%;
    margin: 1% auto;}
#b8 ul li{ line-height:27px;}
#b8 ul li span{    width: 23%;
    margin-left: 10%;}
#b8 .i1{height: 16px;
    width: 69%;}
#b8 .i2{    width: 84%;
    height: 45px;
    margin-left: 10%;
    margin-top: 1%;}	
#verifyImg{ float:right; margin-right:2%; width:17%;}

#vdcode{ width:40%;}
.submit{    width: 50%;
    overflow: hidden;
    margin: 3% auto 6% 30%;
    background-color: #01c5dc;
    font-size: 120%;
    color: #fff;
    line-height: 156%;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;}
  }
@media (min-width: 375px) {	
#b8 p { font-size:125%; padding-top:2%; padding-bottom:0.5%; }
#b8 p { font-size:120%; padding-bottom:0; }
#ban1 p ,#ban2 p ,#ban3 p {font-size:125%;}
#b8 .registerform{    width: 77%;
    margin: 1% auto;}
#b8 ul li{ line-height:32px;}
#b8 ul li span{    width: 23%;
    margin-left: 12%;}
#b8 .i1{height: 20px;
    width: 69%;}
#b8 .i2{    width: 84%;
    height: 45px;
    margin-left: 10%;
    margin-top: 1%;}	
#verifyImg{ float:right; margin-right:2%; width:17%;}

#vdcode{ width:40%;}
.submit{    width: 50%;
    overflow: hidden;
    margin: 3% auto 6% 30%;
    background-color: #01c5dc;
    font-size: 120%;
    color: #fff;
    line-height: 210%;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;}

  }
@media (min-width: 414px) {	
#b8 .registerform{    width: 77%;
    margin: 1% auto;}
#b8 ul li{ line-height:35px;}
#b8 ul li span{    width: 23%;
    margin-left: 12%;}
#b8 .i1{height: 25px;
    width: 70%;}
#b8 .i2{    width: 84%;
    height: 52px;
    margin-left: 10%;
    margin-top: 1%;}	
#verifyImg{ float:right; margin-right:2%; width:17%;}

#vdcode{ width:40%;}
.submit{    width: 50%;
    overflow: hidden;
    margin: 5% auto 6% 30%;
    background-color: #01c5dc;
    font-size: 120%;
    color: #fff;
    line-height: 210%;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;}}
@media (min-width: 530px) {	
#b8 p{ font-size:160%; }
}
#footer {  overflow: hidden; background-color:#f9f4f0; width:100% ;}
#footer .foot-top { width:100% ; height:50px; background-color:#777777; overflow:hidden;}
.foot-top ul{ width:95%; overflow:hidden; text-align:center; margin:13px auto;}
.foot-top ul li{ font-size:105%;width:12.5%;color:#fff; font-weight:bold;float:left; line-height:25px; word-spacing: 8px; letter-spacing: 2px;}
.foot-top ul li a{color:#FFFFFF; font-size:15px;}
.foot-top ul #l{width:2%;}
#footer #ft-buttom { margin:4% auto 20%;  overflow:hidden; width:100%;}
#ft-buttom p { font-size:105%; line-height:180%; }
#footer #ft-buttom .ft-buttom1 { float:left; width: 56%;}

#menu {max-width:640px;min-width:320px;	width:100%;	display:none;position:absolute;background-color: #5a5959;overflow: hidden;z-index: 1;}
#menu ul {margin: 0; padding: 0;width: inherit;}
#menu ul li{ font-size:16px; width:100%; color: #fff;}
#menu ul li span img{ width:60%;}
#menu ul li span{ float:right;}
#menu ul li a:link,#menu ul li a:visited {border-bottom: solid #656d7a 2px;box-shadow: 0 1px 0 #727272;color: #fff;display: block; padding: 3% 9% 2%;	width:83%;text-align:left;overflow:hidden;}
#menu ul li a:hover,#menu ul li a:active { background-color: #716f6f;}