@charset "utf-8";
/* CSS Document */

html{font-size: 100px !important;}
body{ background: url(jsskjt_body_bg.jpg) no-repeat top center #fafafa; width: 100%; height:100%; font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Microsoft YaHei','微软雅黑',Arial,sans-serif,思源黑体 CN;  color: #333333;}
.fl{ float: left;}
.fr{float: right;}
.cf:after{display:block;content:"";height:0;visibility:hidden;clear:both;}
.cf{zoom:1;}

ul, ol{list-style: none;}
table{border-collapse: collapse;border-spacing: 0; }
.hide{display:none;}
.block{display:block;}
a{color: #333;}
/* 开始 */
.big-box{width: 12rem;background: #fff;margin: 0 auto;padding:0.3rem 0;}


/* 1 */
.box1{width:11.4rem;margin:0 auto;}
.box1 ul{margin-left:-0.3rem;}
.box1 ul li{float: left;width: 3.6rem;height: 1rem;position: relative;margin-left:0.3rem;margin-bottom:0.3rem; }
.box1 ul li .hot{position: absolute;top:0;right:0;width: 0.4rem;height: 0.41rem;background: url(hot.png) no-repeat;display: inline-block;}
.box1 ul li .new{position: absolute;top:0;right:0;width: 0.4rem;height: 0.42rem;background: url(new.png) no-repeat;}
.box1 ul li a{width: 3.6rem;height: 1rem;display: inline-block;}
.box1 ul li a img{width:100%;height:100%;}
.box1 ul li:hover{  -ms-filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 5.5 - 7 */
    -moz-box-shadow: 2px 2px 10px #909090;/* for firefox */
    -webkit-box-shadow: 2px 2px 10px #909090;/* for safari or chrome */
    box-shadow:2px 2px 10px #909090;/* for opera or ie9 */}
.box1-more{width: 1.6rem;height: 0.4rem;line-height: 0.4rem;background: #124c8e;color: #ffffff;margin:0.3rem auto;font-size: 0.14px;text-align: center;}
.box1-more a{color: #ffffff;font-size: 0.14px;}
.box1-more2{display: none;}
/* 2 */
.box2{width:11.4rem;margin:0 auto;}
.box2 .box2-tit{font-size: 0.22rem;font-weight: bold;color: #124c8e;height: 0.4rem;
border-bottom: 0.04rem solid #d3d3d3;}
.box2 .box2-tit a{font-size: 0.22rem;font-weight: bold;color: #124c8e;}
.box2 ul{border-left:1px solid #dedede;border-bottom:1px solid #dedede;margin-top:0.2rem;}
.box2 ul li{float: left;width: 3.79rem;height: 1.1rem;position: relative;border-top:1px solid #dedede;border-right:1px solid #dedede; }
.box2 ul li:hover{  -ms-filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 5.5 - 7 */
    -moz-box-shadow: 2px 2px 10px #909090;/* for firefox */
    -webkit-box-shadow: 2px 2px 10px #909090;/* for safari or chrome */
    box-shadow:2px 2px 10px #909090;/* for opera or ie9 */}
.box2 ul li a{width: 3.5rem;height: 1.1rem;display: inline-block;padding-left: 1.15rem;font-size: 0.22rem;
    position: absolute;top:0;left:0;line-height: 0.32rem;padding-top: 0.24rem;}
.box2 ul li.box2-li1 a{background: url(wq1.png) no-repeat 0.2rem center;}
.box2 ul li.box2-li2 a{background: url(wq2.png) no-repeat 0.15rem center;}
.box2 ul li.box2-li3 a{background: url(wq3.png) no-repeat 0.3rem center;}
.box2 ul li.box2-li4 a{background: url(wq4.png) no-repeat 0.2rem center;}
.box2 ul li.box2-li5 a{background: url(wq5.png) no-repeat 0.18rem center;}
.box2 ul li.box2-li6 a{background: url(wq6.png) no-repeat 0.3rem center;padding-top:0.4rem;}
.box2-more{display: none;}
.hengh{display: none;}



@media screen and (max-width:767px){
    body{min-width:100%;background: #fff;}
    .w1200{width:100%;}
    /* 开始 */
.big-box{width: 100%;background: #fff;margin: 0 auto;padding:0.25rem 0;}


/* 1 */
.box1{width:93.6%;margin:0 auto;}
.box1 ul {margin-left:0;}
.box1 ul li{width:100%;height: 1.5rem;position: relative;margin-bottom:0.25rem;margin-left:0;}
.box1 ul li .hot{position: absolute;top:0;right:0;width: 0.42rem;height: 0.42rem;background: url(hot.png) no-repeat;
    display: inline-block;background-size: 100%;}
.box1 ul li .new{position: absolute;top:0;right:0;width: 0.42rem;height: 0.42rem;background: url(new.png) no-repeat;background-size: 100%;}
.box1 ul li a{width:100%;height: 1.5rem;display: inline-block;}
.box1 ul li:hover{  -ms-filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 5.5 - 7 */
    -moz-box-shadow: 2px 2px 10px #909090;/* for firefox */
    -webkit-box-shadow: 2px 2px 10px #909090;/* for safari or chrome */
    box-shadow:2px 2px 10px #909090;/* for opera or ie9 */}
.box1-more{display: none;}

.box1-more2{color: #4482E9;font-size: 0.26rem;display: block;width: 100%;height:0.4rem;line-height:0.4rem;background: #EEEEEE;text-align: center;border-radius: 0.2rem;}

.hengh{display: block;width: 100%;height: 0.24rem;background:#F5F5F5;margin-top: 0.25rem;}
   /*2  */
.box2{width:100%;margin:0 auto;}
.box2 .box2-tit{font-size: 0.36rem;font-weight: bold;color: #124c8e;height:0.9rem;
border-bottom: 1px solid #d3d3d3;width: 93.6%;margin:0 auto;}
.box2 .box2-tit a{font-size: 0.36rem;font-weight: bold;color: #124c8e;height:0.9rem;display: inline-block;
    border-bottom: 2px solid #124C8E;line-height: 0.9rem;}

.box2 ul{margin:0.2rem auto;width: 93.6%;border:0;}
.box2 ul li{float: left;width: 100%;height:1.1rem;position: relative;border:1px solid #dedede; margin-bottom:0.25rem;}
.box2 ul li a{width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 1.1rem;display: inline-block;padding-left: 1.4rem;font-size: 0.32rem;padding-top:0;
    line-height:1.1rem;}
    .box2 ul li.box2-li1{display: none;}
/* .box2 ul li.box2-li1 a{background: url(wq1.png) no-repeat 0.25rem center;background-size: 10%;} */
.box2 ul li.box2-li2 a{background: url(wq2.png) no-repeat 0.21rem center;background-size: 14%;}
.box2 ul li.box2-li3 a{background: url(wq3.png) no-repeat 0.3rem center;background-size: 12%;padding-top:0;}
.box2 ul li.box2-li4 a{background: url(wq4.png) no-repeat 0.26rem center;background-size: 12%;   line-height:1.1rem}
.box2 ul li.box2-li5 a{background: url(wq5.png) no-repeat 0.22rem center;background-size: 12%; padding-top:0;}
.box2 ul li.box2-li6 a{background: url(wq6.png) no-repeat 0.3rem center;}
.box2 ul li.box2-li6{display: none;}

.box2-more{color: #4482E9;font-size: 0.26rem;display: block;width: 90%;height:0.4rem;line-height:0.4rem;
    background: #EEEEEE;text-align: center;border-radius: 0.2rem;margin:0 auto;}

}
/* paid */
@media screen and (min-width:767px) and (max-width:1023px) {
    body{min-width:100%;background: #fff;}
    .w1200{width:100%;}
    /* 开始 */
.big-box{width: 100%;background: #fff;margin: 0 auto;padding:0.25rem 0;}


/* 1 */
.box1{width:90%;margin:0 auto;}
.box1 ul {margin-left:0;}
.box1 ul li{width:100%;height: 1rem;position: relative;margin-bottom:0.25rem;margin-left:0;}
.box1 ul li .hot{position: absolute;top:0;right:0;width: 0.42rem;height: 0.42rem;background: url(hot.png) no-repeat;
    display: inline-block;background-size: 100%;}
.box1 ul li .new{position: absolute;top:0;right:0;width: 0.42rem;height: 0.42rem;background: url(new.png) no-repeat;background-size: 100%;}
.box1 ul li a{width:100%;height: 1rem;display: inline-block;}

.box1 ul li:hover{  -ms-filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 5.5 - 7 */
    -moz-box-shadow: 2px 2px 10px #909090;/* for firefox */
    -webkit-box-shadow: 2px 2px 10px #909090;/* for safari or chrome */
    box-shadow:2px 2px 10px #909090;/* for opera or ie9 */}
.box1-more{display: none;}

.box1-more2{color: #4482E9;font-size: 0.3rem;display: block;width: 100%;height:0.6rem;line-height:0.6rem;background: #EEEEEE;text-align: center;border-radius: 0.2rem;}

.hengh{display: block;width: 100%;height: 0.24rem;background:#F5F5F5;margin-top: 0.25rem;}
   /*2  */
.box2{width:100%;margin:0 auto;}
.box2 .box2-tit{font-size: 0.36rem;font-weight: bold;color: #124c8e;height:0.9rem;
border-bottom: 1px solid #d3d3d3;width: 90%;margin:0 auto;}
.box2 .box2-tit a{font-size: 0.36rem;font-weight: bold;color: #124c8e;height:0.9rem;display: inline-block;
    border-bottom: 2px solid #124C8E;line-height: 0.9rem;}

.box2 ul{margin:0.2rem auto;width: 90%;border:0;}
.box2 ul li{float: left;width: 100%;height:1.1rem;position: relative;border:1px solid #dedede; margin-bottom:0.25rem;}
.box2 ul li a{width: 100%;height: 1.1rem;display: inline-block;padding-left: 1.4rem;font-size: 0.32rem;padding-top:0;
    line-height:1.1rem;}
    .box2 ul li.box2-li1{display: none;}
/* .box2 ul li.box2-li1 a{background: url(wq1.png) no-repeat 0.25rem center;background-size: 10%;} */
.box2 ul li.box2-li2 a{background: url(wq2.png) no-repeat 0.21rem center;background-size: 14%;}
.box2 ul li.box2-li3 a{background: url(wq3.png) no-repeat 0.3rem center;background-size: 12%;}
.box2 ul li.box2-li4 a{background: url(wq4.png) no-repeat 0.26rem center;background-size: 12%;   line-height:1.1rem}
.box2 ul li.box2-li5 a{background: url(wq5.png) no-repeat 0.22rem center;background-size: 12%; }
.box2 ul li.box2-li6 a{background: url(wq6.png) no-repeat 0.3rem center;}
.box2 ul li.box2-li6{display: none;}

.box2-more{color: #4482E9;font-size: 0.3rem;display: block;width: 90%;height:0.6rem;line-height:0.6rem;
    background: #EEEEEE;text-align: center;border-radius: 0.2rem;margin:0 auto;}
}


@media screen and (min-width:1023px) and (max-width:1024px) {
      .box2 ul li a{padding-left: 1.4rem;
      }
}