body{background: #fff;}
*{box-sizing: border-box;}
.f-clearfix:after{visibility:hidden; display: block; font-size: 0; content:" "; clear:both; height:0;}
input{border: none;}
.typearea{width: 1200px;margin: 0 auto;}
.banner{width: 100%;height: 580px;background: url(/dist/special/zcwdk/images/banner.png) center center no-repeat;padding-top:70px}
.anniu{padding-top: 40px;line-height: 36px;}
.anniu a{color: #fff;}
.u-back{width: 105px; height: 36px; line-height: 36px; border-radius: 5px; color: #fff; background: #83b3ff;text-align: center;}
.logoback{margin-top: 40px;}
.m-logo{display: block;margin:auto}
.text-center{text-align: center;}
/*搜索*/
.u-search{width: 720px; height: 66px;margin:30px auto;}
.u-search form{display: flex;background: #fff;height: 66px;overflow: hidden;border-radius: 50px;}
.u-search form input[type="text"]{flex:1;padding:0 0 0 20px;height: 66px;line-height:66px;font-size: 18px;}
.u-search form input[type="submit"]{width: 135px;height: 66px;background: url(/dist/special/zcwdk/images/search.png) center no-repeat;cursor:pointer}

/*主体*/
.maincont{padding:40px;margin-top:-205px;background: #fff;box-shadow: 0 0 5px #ddd}
.m-tabstyle2{background: #f5f5f5;border-bottom:2px solid #0e54ad;}
.m-tabstyle2 li{float:left;width:50%;text-align: center;}
.m-tabstyle2 li a{position:relative;display:block;letter-spacing:0;font-size:26px;line-height:60px;}
.m-tabstyle2 li.u-active a{background-color:#0e54ad;color:#fff;}

.is-kind-list{display: flex;justify-content:start;flex-wrap: wrap;padding:30px 0}
.is-kind-list li{width:18.75%;height:80px;background: #f7f9fa;border-radius:6px;padding-left:25px;margin-bottom:20px;margin-right:17.5px;padding-right:5px}
.is-kind-list li:nth-child(5n){margin-right:0}
.is-kind-list a{display: flex;height:80px;align-items: center;}
.is-kind-list a:focus,.is-kind-list a:active{outline: none!important;border:none!important;}
.is-kind-list a img{display: block;width:50px;height:50px;margin-right:25px;}
.is-kind-list span{font-size:18px}
span:focus { outline: none; }
.is-kind-list .is-kind-all{background:#8fbbf4;}
.is-kind-list .is-kind-all span{color:#fff}
.is-kind-list li:hover{background: #8fbbf4;}
.is-kind-list li:hover span{color:#fff}
.is-kind-list li:hover img{ transform: rotateZ(360deg);transition: all .3s linear ;}
.is-kind-list li.u-active{background: #8fbbf4;}
.is-kind-list li.u-active span{color:#fff}

.swiper-pagination-bullet{width:12px;height:12px;background: #dddddd;opacity: 1}
.swiper-pagination-bullet-active{width:26px;background: #0e54ad;border-radius:6px}

/*问题列表*/
.is-ask-list{margin:40px 0}
.is-ask-cont{border:1px solid #e6e6e6;border-radius:12px;padding-bottom:30px;margin-bottom:30px;overflow: hidden;}
.is-ask-top{background: #f7f9fa url(/dist/special/zcwdk/images/ask.png) 27px center no-repeat;padding-left:80px}
.is-ask-top a{font-size: 18px;font-weight:bold;display: block;height:70px;line-height: 70px;overflow: hidden;}
.is-anwser{background: url(/dist/special/zcwdk/images/answer.png) 27px 15px no-repeat;padding:15px 20px 15px 80px}
.is-anwser p{color:#666;line-height: 36px;max-height: 108px;overflow: hidden;}
.is-anwser p a{color:#0e54ad}
.is-from{background:#fafafa;display: flex;margin:0 20px 0 80px;padding:12px 20px}
.is-from span{color:#999;font-size:14px;margin-right:120px;height:20px;overflow: hidden;min-width: 145px}
.is-from span:last-child{margin-right:0}

/*内容页*/
.m-dtcode p{font-size: 12px; color: #999; text-align: center;}
.m-dtcode img{margin: 4px auto; display: block; width: 130px; height: 130px; padding: 4px; border: 1px solid #ddd;}
.m-btfuns{padding: 10px 0; }
.m-btfuns li{float: left; margin: 0 15px 0 0; line-height: 28px;}
.m-btfuns li a{display: block; font-size: 13px; padding-left: 17px; background-image: url(/dist/special/zcwdk/images/icon-detail.png); background-repeat: no-repeat;}
.m-btfuns li.u-comment a{background-position: 0 -28px;}
.m-btfuns li.u-error a{background-position: 0 -56px;}
.m-btfuns li.u-print a{background-position: 0 -84px;}
.m-btfuns li.u-close a{background-position: 0 -112px;}
.m-btfuns li.u-collect a{background-position: 0 -140px;}
.u-fontsize{margin-right: 50px;}
.u-fontsize a{margin: 0 3px;}
.u-wzinfo span {margin-right: 40px;}
.m-dtfonts{padding:30px 0;min-height:300px}
.m-dtfuns{padding: 10px; line-height: 24px; border-bottom: 1px solid #ddd;}
.u-wzinfo span,.u-fontsize,.u-fontsize a{font-size:14px;color:#666}

.m-border{background: url(/dist/special/zcwdk/images/line.jpg) left top no-repeat;padding-top:50px}
.is-title{text-align: center;margin-bottom:35px}
.is-title h2{font-size: 30px;color:#0e54ad;display: inline-block;padding-left:60px;line-height: 40px;overflow: hidden;background:url(/dist/special/zcwdk/images/ask.png) left center no-repeat;}
.answer-detail{padding-left:65px;background:url(/dist/special/zcwdk/images/answer.png) left top no-repeat;}
.answer-detail p{background: #f7f7f7;line-height: 35px;padding:20px}

/*detailVideo*/
.m-dtvideo,.m-video{margin: 0 auto 10px; width: 700px; height: 400px;}

@media (max-width:1200px){
  .typearea{width:100%}
}

@media (max-width:991px){
    .is-kind-list li{width:31.33%;margin:1%}
    img{max-width: 100%}
    .banner{height: 450px;padding-top:40px}
    .is-kind-list a img{margin-right:10px}
    .is-ask-list{margin-top:10px}
    .is-from{flex-direction: column;}
    .is-from span{margin-right:0;margin-top:5px}
}
@media (max-width:767px) {
    .is-ask-top a{font-size:16px}
    .is-kind-list li{width:48%;margin:1%}
    .typearea{padding: 0 10px;box-sizing: border-box;}
    .m-logo,.u-search,.imglink img,.listbox{width: 100%;}
    .newlist .title{background-size: 200% 50%;}
    .m-tabstyle2 li a{font-size: 20px;}
    .is-title h2{height: auto;font-size:24px;padding-left:50px}
    .u-wzinfo span{margin-right:10px}
    .u-search form,.u-search form input[type="submit"]{height: 46px}
    .u-search form input[type="text"]{font-size:14px;height:46px;line-height: 46px}
    .u-search form input[type="submit"]{background-position: right center}

}