@charset "utf-8";
/* CSS Document */

/* ~~ 基础 ~~ */
body {font:100%/1.8 'Microsoft YaHei', '微软雅黑', Verdana, Arial, Helvetica, sans-serif;background-color:#eee;margin:0;padding:0;color:#000;}
ul, ol, dl {padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p {margin:0;padding:0;}
a img {border:none;}
a:link {color:#3366CC;text-decoration:underline;}
a:visited {color:#3366CC;text-decoration:underline;}
a:hover, a:active, a:focus {text-decoration:none;text-align:center;}
div, table, td {overflow:hidden;}
img {border:none;}
p, ul, ol, li, form {list-style:none;}

/* ~~ 布局 ~~ */
.container{padding:4%;margin:0 auto;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .container{background-color:#eee;}
}

.header{padding:4%;text-align:center;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .header{padding:10%;}
    .header img{width:100%;height:auto;}
}

.guide{border:1px solid #ddd;background:#fff url(http://bashushi.com/ys/img/index_slogin_hand_ya_hui.png) no-repeat right 60px bottom 30px;padding:40px;border-radius:5px;transition:1s linear;}/* 1妙渐变过渡 */
.guide:hover{background:#fff url(http://bashushi.com/ys/img/index_slogin_hand_ya.png) no-repeat right 60px bottom 30px;}
.guide-title{padding:10px 0;font-size:90%;}
.guide-title span{padding-left:20px;color:#ccc;font-size:80%;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .guide{padding:20px;background-image:none;}
    .guide:hover{background-image:none;}
    .guide-title{font-size:60%;}
    .guide-title span{padding-left:10px;font-size:70%;}
}

.guide-text{}
.guide-text ul{}
.guide-text li{}
.guide-text span{color:#3366CC;font-size:90%;}

/* ~~ 搜索框 ~~ */
.search{margin:40px 0;border:1px solid #ddd;background-color:#7B721C;padding:20px;border-radius: 5px;text-align:center;overflow:hidden;}
.search_main{width:90%;margin:0 auto;}
input[name="keyboard"]{background:#fff;float:left;width:85%;height:60px;padding:10px;border:1px solid #AA9D26;border-right:none;outline: none;font-size:100%;
  border-bottom-left-radius:6px;/*左下角圆角*/
  border-top-left-radius: 6px;/*左上角圆角*/
  -moz-box-sizing: border-box;/*不同浏览器*/
  box-sizing:border-box;/*内边框*/
  vertical-align:middle;/*垂直对齐*/
  transition: 0.2s linear;/*过渡*/
}
input[name="ss_submit"]{
  background:#00314a url(http://bashushi.com/ys/img/search_subit_1.png) no-repeat left 10px center;font-size:100%;
  color:#fff;
  float:left;
  width:10%;
  height:60px;
  padding:9px;
  border:1px solid #162C5F;
  outline: none;
  transition000: 0.2s linear;/*过渡*/
  border-bottom-right-radius:6px;/*左下角圆角*/
  border-top-right-radius: 6px;/*左上角圆角*/
  border-left:none;
  color000:transparent;
  text-indent:20px; 
}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .search_main{width:99%;}
    input[name="keyboard"]{width:76%;}
    input[name="ss_submit"]{width:24%;}
}

input[name="ss_submit"]:hover{
  background-color:#082976;
  background000:#274FAB url(http://bashushi.com/ys/img/search_subit_2.png) no-repeat left 10px center;
  color000:#000;
}
.search.hidden {height:0;width:0;}
.hidden {display:none;}


.index-content{}
.index-content-box{float:left;width:31%;border:1px solid #ddd;background:#fff url(http://bashushi.com/ys/img/index_backimg_logo_line.png) no-repeat right top;border-radius:5px;}
.index-content-box-left,.index-content-box-center{margin-right:3%;}
.index-content-box-left .index-content-box-n a{float:left;display:block;text-align:center;width:25%;text-decoration:none;}
.index-content-box-left .index-content-box-n a:hover{text-decoration:underline;}
.index-content-box-center .index-content-box-n a{float:left;display:block;text-align:center;width:20%;text-decoration:none;}
.index-content-box-center .index-content-box-n a:hover{text-decoration:underline;}
.index-content-box-right .index-content-box-n a{float:left;display:block;text-align:center;width:25%;text-decoration:none;}
.index-content-box-right .index-content-box-n a:hover{text-decoration:underline;}
/* 针对屏幕宽度小于900px的设备 */
@media (max-width:900px) {
    .index-content-box{float:none;width:99%;margin-bottom:40px;}
    .index-content-box-left,.index-content-box-center{margin-right:0;}
}
.index-content-box-t{padding:20px 20px 20px 45px;font-size:90%;}
.index-content-box-left .index-content-box-t{background:url(http://bashushi.com/ys/img/logo_only_ba_14x25.png) no-repeat left 20px center;}
.index-content-box-center .index-content-box-t{background:url(http://bashushi.com/ys/img/logo_only_shu_14x25.png) no-repeat left 20px center;}
.index-content-box-right .index-content-box-t{background:url(http://bashushi.com/ys/img/logo_only_shi_14x25.png) no-repeat left 20px center;}
.index-content-box-t span{padding-left:10px;color:#ccc;font-size:80%;}
.index-content-box-n{padding:0 20px 20px 20px;min-height:160px;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .index-content-box-t{font-size:80%;}
    .index-content-box-t span{font-size:70%;}
    .index-content-box-n{min-height:auto;}
}

.index-clear{clear:both;height:1px;}

.index-content-box-new{clear:both;border:1px solid #ddd;background:#fff url(http://bashushi.com/ys/img/index_backimg_logo_line.png) no-repeat right top;border-radius:5px;margin:40px 0 0 0;}
.index-content-box-new-t{padding:20px 20px 20px 45px;font-size:90%;background:url(http://bashushi.com/ys/img/logo_only.png) no-repeat left 20px center;}
.index-content-box-new-t span{padding-left:10px;color:#ccc;font-size:80%;}
.index-content-box-new-n{padding:0 20px 20px 20px;}
.index-content-box-new-n li{float:left;width:16.6%;text-align:center;font-size:90%;margin:10px 0;}
.index-content-box-new-n li a{text-decoration:none;}
.index-content-box-new-n li a:hover{color:#624e00;}
.index-content-box-new-n li img{border:3px solid #eee;}
.index-content-box-new-n li img:hover{border:3px solid #cdd6e9;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .index-content-box-new{margin:0 0 40px 0;}
    .index-content-box-new-t{font-size:80%;}
    .index-content-box-new-t span{font-size:70%;}
    .index-content-box-new-n li{width:49%;margin-bottom:15px;}
}

.footer{padding-top:40px;text-align:center;font-size:90%;color:#624e00;line-height:2;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .footer{padding:0 0 20px 0;}
}