@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
ol,ul{list-style:none}
a{ text-decoration:none;color:#333;}
body{ font-size:10px; background:#fff;}
ul{ list-style:none;}
.allbox{ width:100%; height:auto; float:left; overflow:hidden;}


.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.wrapper01 {position:relative;height: 36px;width: 100%;overflow: hidden;margin:0 auto;}
.wrapper01 .scroller {position:absolute}
.wrapper01 .scroller li {color:#333;float: left;line-height: 36px;font-size:1.3em;text-align: center}
.wrapper01 .scroller li a{color:#333;display:block;margin:0 .3rem}
.wrapper01 .scroller li.cur-select a{color:#1d87f5; border-bottom:#1d87f5 solid 2px; background:url(../images/index1_03.png) no-repeat bottom center;}

.sousuo{ width:60%; height:auto; float:left; overflow:hidden; padding-left:5%;}
.btn01{ width:20px; height:20px; background:url(../images/index_23.png) no-repeat; background-size:100% 100%; border:0; float:left; }
.input01{ width:70%; height:20px; line-height:20px; font-size:1.2em; border:0; padding-left:10px; float:left;}
.mycenter{ float:right; height:auto; width:20%; height:20px; line-height:20px; font-size:1.3em;}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; float:left;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
  
  .syh1{ float:left; width:100%; height:30px; margin-top:20px; text-align:center;}
  .syicon{ float:left; width:100%; height:auto; overflow:hidden;}
  .syicon li{ text-align:center; line-height:30px; font-size:1.2em; float:left; width:20%; margin-top:10px; }
  .syicon li img{ height:30px;}
 
 /*list*/
.searchbox{ width:100%; height:36px;  background:#f2f2f2; float:left; overflow:hidden;}
.three{ width:33.33%; float:left; height:36px; text-align:center; background:#f2f2f2;}
.three select{ border:0; background:#none; margin-top:10px; width:60%; text-align:center;}
.three select option{ background:#f2f2f2;}
.xuanze{ background:#f2f2f2;}

.listmain{ width:100%; height:auto; float:left; overflow:hidden;}
.listh1{ float:left; width:100%; height:auto; line-height:24px; font-size:1.2em; font-weight:bold;}
.listmain li{ width:90%; height:auto; float:left; padding:10px 5%; border-bottom:#ccc solid 1px; overflow:hidden;}
.width70{ float:left; width:65%; height:auto;}
.width30{ float:left; width:30%; height:auto; text-align:right;}
.listh2{float:left; width:100%; height:auto; line-height:24px; font-size:1.1em; color:#999999;}

/*view*/
.viewmain{ width:90%; float:left; padding:10px 5%; height:auto; overflow:hidden;}
.h1{ font-size:1.8em; line-height:36px;}
.h5{ font-size:1.2em; line-height:30px;}
.wenzhang{ margin-top:10px; padding:30px 0; width:100%; height:auto; float:left; overflow:hidden; font-size:1.4em; border-top:#ccc solid 1px;}

.blue{ color:#1d87f5;}
.shoucang{ background:#eeeeee; height:40px; line-height:40px; font-size:1.4em; width:90%; position:fixed; z-index:999; bottom:0; left:0; padding:0 5%; }


/*login*/
.loginmain{ width:80%; height:auto; float:left; padding:30px 10%;}
.inputlog{ width:96%; border:#ccc solid 1px; height:32px; line-height:32px; font-size:1.4em; margin-bottom:10px; padding-left:3%;}
.btnlog{ width:99%; border:0; text-align:center; background:#0071bd; color:#fff; height:40px; line-height:40px; font-size:1.6em; border-radius:5px; margin-bottom:30px; }

.hqyzm{ width:28%; border:#d9b567 solid 1px; border-radius:15px; height:30px; line-height:30px; text-align:center; color:#d9b567; background:none; float:right; font-size:0.7em;}
.grzxmain{ width:100%; height:auto; float:left; overflow:hidden;}
.touxiang{ width:90%; height:auto; padding:10px 5%; float:left; overflow:hidden; }
.grzxmain li{ float:left; width:90%; height:40px; line-height:40px; border-bottom:#eee solid 1px; padding:0 5%; font-size:1.6em;}