*{box-sizing:border-box}
.zwgk-padding{padding: 0px 20px;}
.infolist li{padding-top: 13px;padding-bottom: 13px;}
.top-gknr{display:flex;justify-content:space-between;align-items:center}
.top-gknr>div{width:160px;height:174px;background-color:#fff;box-shadow:2px 4px 4px 1px #E6EEF5}
.top-gknr div.gk-list{width:340px;height:100%;padding:26px 40px 0;display:none}
.top-gknr>div.on{width:500px}
.top-gknr>div.on div.gk-list{display:block}
.top-gknr .top-cont{width:160px;height:100%;text-align:center;padding-top:24px;box-shadow:2px 0px 0px 1px #E6EEF5;cursor:pointer}
.top-gknr .top-cont p{height:40px;line-height:40px;font-weight:600;font-size:18px}
.top-gknr>div.on .top-cont{cursor:inherit}
.top-gknr div.gk-list li{float:left;width:50%;padding-left:8px;height:42px;line-height:42px;background:url(../images/zwgk/dian.png) left center no-repeat}
.top-gknr div.gk-list li a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zcwjk{padding-top:10px}
.zcwj-list li{float:left;width:48.5%;background-color:#FAFCFF;border:1px solid #E6EEF5;border-radius:6px;padding:16px;margin-top:20px}
.zcwj-list li:nth-of-type(2n){float:right}
.zcwj-list li span{margin-top: 7px;color:#A6A6A6;display: block;}
.zcwjk>div{padding:30px 40px;box-shadow: 0px 0px 31px  rgba(61, 117, 196, 0.13);}
.zcwjk h3{height:60px;line-height:60px;font-size:26px;text-align:center;background:url(../images/zwgk/wjkcx.png) 20px center no-repeat;border-bottom:1px solid #CDE6FB;background-size:38px 38px}
.zcwjk .two-box ul.box-title{border-bottom:none;text-align:center}
.zcwjk .two-box ul.box-title li{float:none;display:inline-block;margin:10px 20px;font-size:22px}
.zcwjk .two-box ul.box-title li.on{border-bottom:none;color:#006DC7}
.layui-input,.layui-select,.layui-textarea{height:46px;background-color:#F2F7FC;border:1px solid #E1E9F2}
.layui-input:hover,.layui-textarea:hover,.layui-input:focus,.layui-textarea:focus{border-color:#E1E9F2 !important}
.layui-form-select .layui-edge{border-top-color:#3674BF}
.zcwjk .nf{float:left;width:170px}
.zcwjk .wh{position:relative;margin-left:190px;min-height:36px}
.zcwjk .wh span{position:absolute;right:10px;height:46px;top:0;line-height:46px;color:#808080}
.layui-input::placeholder{color:#808080}
.zcwjk .submit{width:100%;border-radius:50px}
.layui-btn{background-color:#347CCF}
.two-box ul.box-title{border-bottom:1px solid rgba(209,209,209,1)}
.two-box ul.box-title li{float:left;height:50px;line-height:50px;margin-right:30px;font-size:20px;font-weight:600;color:rgba(128,128,128,1);cursor:pointer}
.two-box ul.box-title li.on{border-bottom:3px solid rgba(35,106,194,1);color:#000}
.two-box .hd .more{float:right;margin-top:16px;width:70px;height:20px;overflow:hidden}
.two-box .hd .more a{color:#9E9E9E}
.gkpt-title{height:80px}
.gkpt-title img{width:100%;height:100%}
.gkpt ul li a{display: block;height: 58px;}
.gkpt ul li i{margin-left:15px}
.gkpt ul li span{padding-left: 40px;}
.gkpt ul li.li1 a{background-color:#F3F7FF;color:#347CCF}
.gkpt ul li.li2 a{background-color:#FEF7E6;color:#BF902B}
.gkpt ul li.li3 a{background-color:#FEF0EC;color:#D83C15}
.gkpt ul li.li4 a{background-color:#E6EEFF;color:#2A4DA7}
.gkpt ul li.li5 a{background-color:#EDF9EC;color:#239F1E}
.gkpt ul li.li6 a{background-color:#EDF8FA;color:#00BAAD}
.gkpt ul li.li7 a{background-color:#F5EEE0;color:#C28E32}
.gkpt ul li.li8 a{background-color:#F4F0FF;color:#530CA7}
.xxgk-img img{width:100%;height:100px;margin-top:20px}
.interpretation{background-color:#F2F9FF;padding: 20px;}
.zcjd{margin-top:30px}
.zcjd-lb .swiper-container{padding-bottom:40px}
.zcjd-lb  .swiper-slide{width:316px;height:320px;background:#fff;box-shadow:0 8px 30px #CCCCCC;padding:14px}
.zcjd-lb  .swiper-slide img{display:block;width:100%;height:220px}
.zcjd-lb .swiper-slide p{line-height:32px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin:10px 0}
.zcjd-lb .swiper-pagination-bullet{background:#499dfd}
.zcjd-lb .swiper-pagination-bullet-active{background:#336DDB;width:36px;border-radius:10px}
.field-title{height:50px;line-height:50px;border-bottom:1px solid #D1D1D1}
.field-title span{float:left;height:50px;line-height:50px;padding:0 4px;border-bottom:3px solid #236AC2;font-size:22px;font-weight:600}
.field-title a{float:right;height:50px;line-height:50px;margin-right:10px}
.field-cont{margin:20px 0}
.field-cont .swiper-slide>div{margin:0 10px;background-color:#F5FAFF;text-align:center;padding:30px 0}
.field-cont .swiper-slide a{display: block;}
.field-cont .swiper-slide p{margin-top:20px}
.swiper-button-prev{background:url(../images/zwgk/left-gk.png)  center center no-repeat;height:60px;width:60px;top:50%;left:-14px;margin-top:-30px;background-size:100% 100%}
.swiper-button-next{background:url(../images/zwgk/right-gk.png)  center center no-repeat;height:60px;width:60px;top:50%;right:-14px;margin-top:-30px;background-size:100% 100%}
.mobile-field{display:none}
@media (max-width:768px){
    .main{width:100%;padding:10px}
    .top-gknr{display:block;height:auto;width:100%}
    .top-gknr>div{margin-bottom:10px}
    .top-gknr>div,.top-gknr>div.on{width:100%}
    .top-gknr div.gk-list{display:block;width:calc(100% - 160px);box-sizing:border-box;padding-left:10px;padding-right:10px}
    .wj-list,.zcwjk,.xxgk-left,.xxgk-right{width:100%;float:none}
    .two-box ul.box-title li{font-size:18px;margin-right:8px}
    .zcwj-list li{float:none !important;width:100%;margin-right:0}
    .zcwjk>div{padding:30px 30px}
    .zcwjk h3{font-size:24px;background:url(../images/zwgk/wjkcx.png) 14% center no-repeat;background-size:34px 34px}
    .two-box .hd .more{width:60px}
    .zcjd-lb,.zcjd-list{width:100%;float:none}
    .mobile-field{display:block;margin:20px 0}
    .mobile-field ul li{float:left;background-color:#F5FAFF;text-align:center;padding:30px 0;width:48%;margin-bottom:20px}
    .mobile-field ul li:nth-of-type(2n){float:right}
    .mobile-field ul li p{margin-top:10px}
    .gkpt ul li{float:none !important;width:100%}
    .zwgk-padding{padding: 0;}
    .interpretation {padding: 20px 0;}
    .zcjd{margin-top: 0;}
    .gkpt-title{height: auto;}
}
@media (max-width:399px){
    .top-gknr .top-cont{width:140px}
    .top-gknr div.gk-list{width:calc(100% - 140px)}
    .two-box .hd .more{display:none}
    .two-box ul.box-title li{margin-right:10px}
    .zcwjk>div{padding:30px 20px}
    .zcjd-lb{display:none}
    .zcwjk h3{font-size:24px;background:url(../images/zwgk/wjkcx.png) left center no-repeat;background-size:34px 34px}
}