@charset "utf-8";


body{background: url(../images/zsk/zsk.jpg) center top no-repeat;background-size: 100% 100%;}

/*function*/
.f-dn{display: none;}
.f-db{display: block;}
.f-fl{float: left;}
.f-md-fn{float: none;}
.f-fr{float: right;}
.f-pr{position: relative;}
.f-pa{position: absolute;}
.f-pf{position: fixed;}
.f-oh{overflow: hidden;}
.f-fwn{font-weight: normal;}
.f-fwb{font-weight: bold;}
.f-toe{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.f-csp{cursor: pointer;}
.f-csd{cursor: default;}
.f-csh{cursor: help;}
.f-csm{cursor: move;}
.f-usn{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.f-clear{margin: 0; padding: 0; height: 0; overflow: hidden; visibility: hidden; content: "."; clear: both; font-size: 0; }
.f-clearfix:after{display: block; height: 0; visibility: hidden; font-size: 0; content:" "; clear: both;}
* html .f-clearfix{zoom: 1;}
*:first-child+html .f-clearfix{zoom: 1;}
.f-wd100{width: 100%;}
.f-npd{padding: 0;}
.f-nmg{margin: 0!important;}
.f-mlr2{margin: 0 2px;}
.f-mlr5{margin: 0 5px;}
.f-mlr7{margin: 0 7px;}
.f-mlr10{margin: 0 10px;}
.f-mlr15{margin: 0 15px;}
.f-mlr20{margin: 0 20px;}
.f-mlrf5{margin: 0 -5px;}
.f-mlrf7{margin: 0 -7px;}
.f-mlrf10{margin: 0 -10px;}
.f-mlrf15{margin: 0 -15px;}
.f-mlrf20{margin: 0 -20px;}
.f-plr5{padding: 0 5px;}
.f-plr7{padding: 0 7px;}
.f-plr10{padding: 0 10px;}
.f-plr15{padding: 0 15px;}
.f-plr20{padding: 0 20px;}
.f-mb5{margin-bottom: 5px;}
.f-mb7{margin-bottom: 7px;}
.f-mb10{margin-bottom: 10px;}
.f-mb15{margin-bottom: 15px;}
.f-mb20{margin-bottom: 20px;}
.f-mb25{margin-bottom: 25px;}
.f-mb30{margin-bottom: 30px;}
.f-nbg{background: none!important;}
.f-nbd{border: none;}


/*头部*/
.is-header{background: none;}
.is-header a.u-back{position: absolute;top: 6px;right: 0;display: block;width: 135px;height: 38px;line-height: 38px;text-indent: 58px;background: url(../images/zsk/back.png) no-repeat;background-size: 100% 100%; font-size: 14px;color: #fff;font-weight: bold;}
.u-logo{margin: 300px auto;}

/*主体*/
.is-main{margin: 0 auto;}

/*左栏*/
/* .zsk-left{float: left;width: 589px;height:862px;background: #fff;border-radius:15px;} */
.zsk-left{height:862px;background: #fff;border-radius:15px;}
.left-box{padding: 20px;}
.zsk-left .u-clear{display:block;height:24px;color: #0597ea;font-weight: bold;text-align: right;}
.zsk-left .u-clear img{margin: 2px 5px 0 0;}
.m-zs{height:362px;margin-top:10px;background: #f1f1f1;overflow-y: auto;}
.m-zs ul{padding: 10px 5px;overflow: hidden;}
.m-zs li{padding: 10px 0;overflow: hidden;}
.m-zs li div{position: relative;max-width:410px;margin-top: 10px;font-size:14px; /* border: 1px solid #ddd; */ background: #fff;border-radius: 5px;}
.m-zs li p{padding: 10px 13px;line-height:30px;overflow: hidden;}
.m-zs li i{position: absolute;top: 8px;display: block;width: 20px;height: 22px;}
.m-zs li.question img{float: left;}
.m-zs li.question div{float: left;margin-left: 10px;}
.m-zs li.question i{left: -20px;background: url(../images/zsk/jt-l.png) no-repeat;}
.m-zs li.answer img{float: right;}
.m-zs li.answer div{float: right;margin-right: 20px;}
.m-zs li.answer span{padding-left: 10px;float: right;}
.m-zs li.answer i{right: -20px;background: url(../images/zsk/jt-r.png) no-repeat;}
.m-zs li.answer b{display:block;width:100px;color: #cc0c0d;font-weight: normal;}
.m-fs{border: 1px solid #ddd;overflow: hidden;padding: 15px;position: relative}
.m-fs textarea{width: 100%;height: 100px;font-size: 12px;border: none;outline: none;text-align: justify;}
.m-fs p{float:left;font-size: 12px;}
.m-fs input{float:right;width: 133px;height: 44px;line-height: 44px;background: #f2a602;color: #fff;text-align: center;border-radius: 5px;}

/*最新互动  热点关注*/
.m-zxhd{margin-top: 15px;}
.m-zxhd .hd{height: 40px;line-height: 40px;border-bottom: 1px solid #ddd;}
.m-zxhd .hd li{float: left;width: 150px;text-align: center;}
.m-zxhd .hd li a{display: block;text-indent: 40px;font-size:18px;font-weight: bold;background: url(../images/zsk/zs-icon1.png) no-repeat;}
.m-zxhd .hd li.on a{color: #0597ea;background: #e5e5e5 url(../images/zsk/zs-icon2.png) no-repeat;}
.m-zxhd .hd li.zx1 a{background-position: 20px center;}
.m-zxhd .hd li.zx2 a{background-position: -134px center;}
.m-list{position: relative}
.m-list ul{padding: 10px 0;}
.m-list li{height:35px;line-height:35px;overflow: hidden;padding-left: 12px;background: url(../images/home/arr1.png) 0 center no-repeat;}
.m-list li a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-list li span{color: #666;float: right;margin-left: 10px;font-size: 15px;}

/*右栏*/
.zsk-right{float: right;width: 589px;height:862px;background: #fff;border-radius:15px;}
.right-box{padding: 20px;}

/*简介*/
.m-content{background: #f1f9fb url(../images/zsk/book.png) right bottom no-repeat;padding: 22px 22px 35px;;}
.m-content p{color: #0597ea;line-height: 35px;text-align: justify;}
.m-content p b{font-size: 24px;color: #ff0101;}
.m-content .con2{display: none;}

/*互动交流知识库*/
.m-hdzs{position: relative;}
.m-hdzs h3{height:50px;line-height:50px;font-size: 18px;color: #0597ea;font-weight: bold;}
.m-hdzs ul{overflow: hidden;}
.m-hdzs li{float: left;font-size: 12px;height: 30px;line-height: 30px;margin-right: 7px;overflow: hidden;}
.m-hdzs li a{font-size: 14px;margin-right: 5px;}
.m-hdzs li.name{font-weight: bold;font-size: 16px;}
.m-hdzs li.all a{background: #fd9137;color: #fff;padding: 0 8px;border-radius: 3px;}
.m-hdzs li.xl a{display:block;cursor:pointer;width:10px;height:28px;background: url(../images/zsk/jt-x.jpg) center center no-repeat;}
.u-other{display:none;position: absolute;right: 0;top: 100%;border:1px solid #ddd;background: #fff;box-shadow: 0 0 2px 2px #ddd;border-radius:5px;padding:10px;overflow: hidden;
    z-index: 10;}

/*关键词搜索*/
.m-gjss{margin: 35px 0 25px 0;}
.m-gjss .text{width: 300px;height: 40px;padding:0 5px;line-height: 40px;border: 1px solid #ddd;border-radius: 5px;}
.m-gjss .but{width: 126px;height: 40px;border: 1px solid #f2a602;border-radius:5px;background: #f2a602 url(../images/zsk/ss.png) 25px center no-repeat;color: #fff;text-indent: 30px;font-size: 16px;}

/* 分页 */
#page-list{line-height: 20px; text-align: center; margin: 40px 0; font-size: 14px; font-family:'Arial';}
#page-list .page{border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  color: #868585; text-decoration: none; margin-right: 4px; margin-left: 4px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px;display: block;}
#page-list .page:hover{border: 1px solid #e0e0e0; background-color: #f1f1f1; color: #868585;}
#page-list a{text-decoration: none;display: inline-block;margin-bottom: 10px;}
#page-list .currentpage{display: inline-block;border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f1f1f1; color: #868585; text-decoration: none;margin-right: 4px; margin-left: 4px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px;}
#page-list span.direct {padding: 5px 50px 5px 8px;}
#page-list .direct input {color: #666;padding: 2px 2px;border: 1px solid #ddd;margin: 0 3px;width: 40px;position: absolute;line-height: 20px;height: 15px;background-color: #fff;text-align: center;}
#page-list .direct + a {padding: 5px 8px;border: 1px solid #e0e0e0;border-radius: 3px;color: #868585;}
#page-list .direct + a:hover {background: #015293;color: #fff;text-decoration: none;border: 1px solid #015293;}

/*底部*/
/* .is-footer{background: none;border: none;margin: 10px 0 40px 0;overflow: hidden;}
.m-footer{margin: 0 auto;}
.m-footer p{color: #fff;} */

/*footer*/
.is-footer{margin-top: 20px; padding: 11px 0 15px; background: #0cbae3;}
.m-footer{margin-right: 145px;}
.m-footer,.m-footer a{font-size: 14px; color: #fff;}
.m-ftfuns{padding: 7px 0;}
.m-copyright p{line-height: 30px;}
.m-copyright p img{vertical-align: middle;}
.m-wxqrcode{right: 40px; top: 8px;}
.m-wxqrcode img{display: block; width: 90px; height: 90px;}
.m-wxqrcode p{margin-top: 6px; font-size: 14px; color: #fff;}

/*phone sm*/
@media screen and (max-width: 767px) {
	.is-footer .container{padding: 0 15px;}
	.m-footer{margin-right: 95px;}
	.m-footer,.m-footer a{font-size: 12px;}
	.m-copyright p{line-height: 22px;}
	.m-wxqrcode{right: 15px;}

}

/*媒体查询*/
@media (max-width: 1200px){
    .headbox{padding: 0;}
    .headbox img{width: 100%;padding: 0 15px;}
    .is-header a.u-back{right: 15px;}
    /* .zsk-left,.zsk-right{width: 49%;} */
    .m-zs li.question div,.m-zs li.answer div{max-width: 100%;}
    .m-gjss { margin: 15px 0 5px 0; }
    .m-gjss .text{width: 188px;}
    .m-content .con1{display: none;}
    .m-content .con2{display: block;}
    /* .m-footer{padding: 0 15px;} */
}
@media (max-width: 1000px) {
    .zsk-left,.zsk-right{width: 100%;margin-top: 15px;}
    .zsk-left,.zsk-right{height: auto;}
    .m-list ul{height: auto;}
    .m-gjss .text{width: 360px;}
    .m-gjss .text{width: 298px;}
    /* .is-footer{margin-top: 20px;} */
}
@media (max-width: 600px) {
    .m-zs li.question div,.m-zs li.answer div{max-width: 100%;}
    .m-gjss span{display: block;margin-bottom: 10px;}
    .m-gjss .text{width: 73%;}
    .m-gjss .but{width: 25%;background: #f2a602;text-indent: 0;}
}
@media (max-width: 414px) {
    .m-zs li.question img,.m-zs li.answer img{width:18%;}
    .m-zs li.question div,.m-zs li.answer div{max-width: 100%;}
    .m-fs p{margin-bottom: 15px;}
    .m-zxhd .hd{overflow-x: auto;}
    .m-zxhd .hd ul{width: 300px;}
}
@media (max-width: 320px) {
    .is-header a.u-back{height: 33px;line-height: 33px;}
}

.m-tips{position: absolute;top:-100px;left:0;border: 1px solid #90a8c1;width: 100%;height: auto;
    line-height: 22px;font-size: 12px;background: #f2f7fe;padding: 8px;}
.m-tips p {line-height:18px}
.m-tips p:hover{background: #355fb1;color:#fff}

.m-item{margin-top: 15px;margin-bottom: 10px}
.m-tit {height: 26px;line-height: 26px !important;border-bottom: 3px solid #cc0c0d;padding: 0 !important}
span.aon{color: #fff !important;background: #cc0c0d;}
.m-tit span{float: left; color: #cc0c0d;padding:0 10px; font-size: 14px; line-height: 26px;cursor:pointer;}
.item{display: none;position: relative;margin-bottom: 10px !important;}
.item ul li a{font-size: 12px !important;}
.m-tit+.item{display: block;}
.m-item a.more {position: absolute;right: 5px;bottom: 5px;color:#cc0c0d;font-size: 12px !important;}