@charset "utf-8";
.hqzc-banner{background: url(../images/zwfw/hqzc/hqzc_banner_bg.png) repeat-x center top;}
.hqzc-banner-font{padding-top: 55px; padding-bottom: 60px; box-sizing: border-box;}
.hqzc-banner-font img{display: block; margin: 0 auto;}
.hqzc-banner .hqzc-banner-font img{height: 298px;}
.hqzc-banner2 .hqzc-banner-font img{height: 148px;}

.hqzc-com-tit h2{font-size: 2.5em;}

.hqzc-intro{padding: 70px 50px 110px; box-sizing: border-box; margin-bottom: 13px; font-size: 20px; line-height:1.8; background: url(../images/zwfw/hqzc/hyzc_intro_bg.png) no-repeat; background-size:  100% 100%;}
.hqzc-intro > .box{text-indent: 2em;}

.hqzc-yjd img{display: block; margin: 0 auto; width: 100%;}
.hqzc-yjd .m-show{display: none;}

.hqzc-znsp-tab .hd{position: relative; z-index: 1;}
.hqzc-znsp-tab .hd ul li{float: left;}
.hqzc-znsp-tab .hd ul li a{display: block; position: relative; color: #445C70; font-weight: bold; font-size: 20px; background: #fff; height: 65px; line-height: 65px; padding-left: 66px; padding-right: 30px; border-radius: 8px 8px 0 0; box-shadow: 0px 0px 30px  rgba(49, 71, 102, 0.08);}
.hqzc-znsp-tab .hd ul li +li{margin-left: 20px;}
.hqzc-znsp-tab .hd ul li.on a{background: url(../images/zwfw/hqzc/tab_c_on.png) repeat-x #fff;}
.hqzc-znsp-tab .hd ul li a:before{content: ''; position: absolute; left: 32px; top: 0; bottom: 0; margin: auto 0;  width: 22px; height: 22px; background: url(../images/zwfw/hqzc/tit_arrow_left.png) no-repeat; background-size: 100% 100%; opacity: 0.6;}

.hqzc-znsp-tab .bd{background: #fff; box-shadow: 0px 0px 38px  rgba(33, 56, 89, 0.15); border-radius:0 10px 10px 10px; position: relative; z-index: 20;}
.hqzc-znsp-iconlinks{margin: 0 -19px; padding: 38px 40px 0;}
.hqzc-znsp-iconlinks li{float: left; width: 25%;}
.hqzc-znsp-iconlinks li a{display: block; height: 210px; border-radius: 8px; margin: 0 19px 38px; background: #F7FAFF; overflow: hidden;}
.hqzc-znsp-iconlinks li img{display: block; width: 100px; height: 100px; margin: 30px auto 15px;}
.hqzc-znsp-iconlinks li span{display: block; text-align: center; font-size: 20px;}

.hqzc-sjbs{padding: 50px 0 15px; background: url(../images/zwfw/hqzc/hqzc_sjbs_bg.png) repeat-x center top; background-size: auto 100%;}
.hqzc-piclist ul.ratio-pagetpxw li .pic{padding-bottom: 55.56%;}
.hqzc-piclist ul .txt{height: 90px; box-sizing: border-box; line-height: 50px; background: #fff; font-size: 20px; text-align: center;}

.hqzc-fwdt-cont{padding: 35px; box-sizing: border-box; border-radius: 10px; background: #FFFFFF; box-shadow: 0px 0px 38px  rgba(33, 56, 89, 0.15);}
.hqzc-fwdt-cont .box{height: 566px; padding-right: 323px;}
.hqzc-fwdt-nav{position: absolute; right: 0; top: 0; bottom: 0; width: 323px; background: #F7FAFF;}
.hqzc-fwdt-nav h4{background: #F7FAFF; height: 100px; line-height: 100px;}
.hqzc-fwdt-nav h4 a{display: block; position: relative; padding-left: 102px; font-size: 20px; font-weight: normal;}
.hqzc-fwdt-nav h4 a:before{content: ''; width: 44px; height: 44px; position: absolute; left: 42px; top: 0; bottom: 0; margin: auto 0; background-size: 100% 100%; background-repeat: no-repeat;}
.hqzc-fwdt-nav h4 a:after{content: ''; position: absolute; right: 30px; top: 0; bottom: 0; width: 16px; height: 8px; margin: auto 0; background: url(../images/zwfw/hqzc/fwdt_arrow_down.png) no-repeat; background-size: 100% 100%;}
.hqzc-fwdt-nav .li1 h4 a:before{background-image: url(../images/zwfw/hqzc/fwdt_icon1.png);}
.hqzc-fwdt-nav .li2 h4 a:before{background-image: url(../images/zwfw/hqzc/fwdt_icon2.png);}
.hqzc-fwdt-nav .li3 h4 a:before{background-image: url(../images/zwfw/hqzc/fwdt_icon3.png);}
.hqzc-fwdt-nav .li4 h4 a:before{background-image: url(../images/zwfw/hqzc/fwdt_icon4.png);}
.hqzc-fwdt-nav .dropdown{display: none; height: 162px;}
.hqzc-fwdt-nav li.on h4 a{font-weight: bold; color:#fff; background: #6B98E8;}
.hqzc-fwdt-nav li.on.li1 h4 a:before{background-image: url(../images/zwfw/hqzc/fwdt_icon1_on.png);}
.hqzc-fwdt-nav li.on.li2 h4 a:before{background-image: url(../images/zwfw/hqzc/fwdt_icon2_on.png);}
.hqzc-fwdt-nav li.on.li3 h4 a:before{background-image: url(../images/zwfw/hqzc/fwdt_icon3_on.png);}
.hqzc-fwdt-nav li.on.li4 h4 a:before{background-image: url(../images/zwfw/hqzc/fwdt_icon4_on.png);}
.hqzc-fwdt-nav li.on h4 a:after{background-image: url(../images/zwfw/hqzc/fwdt_arrow_down_on.png);}
.hqzc-fwdt-nav li + li{border-top: #fff 1px solid;}
.hqzc-fwdt-nav li > a{display: block; position: relative; padding: 15px 20px 15px 102px; background: #F2F6FF; line-height: 23px; color: #638DD6; font-size: 20px;}
.hqzc-fwdt-nav li > a:before{content: ''; position: absolute; left: 56px; top: 0; bottom: 0; margin: auto 0; width: 14px; height: 12px; background: url(../images/zwfw/hqzc/fwdt_arrow_left.png) no-repeat; background-size: 100% 100%;}
.hqzc-fwdt-nav li > a:hover{color: #2354AF;}

.hqzc-fwdt-map{height: 566px;}
.scrollbar-y::-webkit-scrollbar-track {background: #f9f9f9; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);}
.scrollbar-y::-webkit-scrollbar-thumb{background:#e3e3e3;}


@media (max-width: 992px) {
	.hqzc-banner-font img{height: auto !important;}
    .hqzc-intro{background: #f0f7ff; border: #b8ceeb 1px solid; border-radius: 10px; padding: 25px; margin-bottom: 40px; box-shadow: 0px 0px 38px  rgba(33, 56, 89, 0.15);}
    .hqzc-yjd .m-show{display: block;}
    .hqzc-yjd .m-hide{display: none;}
    .hqzc-znsp-iconlinks li{width: 33.3333%;}

    .hqzc-fwdt-cont .box{height: auto;}
    .hqzc-fwdt-nav{position: static; width: auto;}
    .hqzc-fwdt-cont .box{padding-right: 0;}
    .hqzc-fwdt-nav .dropdown{height: auto;}
}
@media (max-width: 768px) {
    .hqzc-znsp-iconlinks{margin-left: -10px;  margin-right: -10px; padding: 25px 25px 5px;}
    .hqzc-znsp-iconlinks li{width: 50%;}
    .hqzc-znsp-iconlinks li a{margin: 0 10px 20px; height: 190px;}
    .hqzc-znsp-iconlinks li img{width: 80px; height: 80px;}

    .hqzc-fwdt-cont{padding: 20px;}
    .hqzc-fwdt-nav h4 a:before{left: 20px;}
    .hqzc-fwdt-nav h4 a{padding-left: 80px;}
    
}

@media (max-width: 480px) {
    .hqzc-znsp-tab .hd ul li +li{margin-left: 0;}
}


/* 列表页 */
.hqzc-banner2{background: url(../images/zwfw/hqzc/hqzc_banner_bg2.png) repeat-x center top;}
.hqzc-nav ul{margin: 0 -10px;}
.hqzc-nav li{float: left; width: 20%;}
.hqzc-nav li a{display: block; padding: 0 10px; margin: 0 10px 20px; text-align: center; height: 48px; line-height: 48px; border-radius:5px; background:#F5F9FF; font-size: 20px; position: relative; transition: .3s all;}
.hqzc-nav li a:after{content: ''; width: 0; height: 0; border: 8px solid transparent; border-bottom-color:#fff; position: absolute; bottom:-8px; left: 0; right: 0; margin: 0 auto; transition: .3s all;}
.hqzc-nav li a:hover, .hqzc-nav li.on a{background: #71A6F0; color: #fff;}
.hqzc-nav li a:hover:after, .hqzc-nav li.on a:after{bottom:0;}

.hqzc-infolist{font-size: 20px;}
.hqzc-infolist ul li .box{position: relative;}
.hqzc-infolist ul.uhead{background: #92B9EF; height: 60px; line-height: 60px; color: #fff; font-weight: bold;}
.hqzc-infolist ul li .box{position: relative; padding-right: 470px; padding-left: 30px;}
.hqzc-infolist ul li .bm,
.hqzc-infolist ul li .cz{position: absolute; top: 0; text-align: center;}
.hqzc-infolist ul li .cz{right: 20px; width: 150px;}
.hqzc-infolist ul li .bm{right: 150px; width: 300px;}
.hqzc-infolist ul.ubody li{padding-top: 24px; padding-bottom: 24px; line-height: 30px; border-bottom: 1px#EBEBEB solid;}
@media (max-width: 1280px) {
    .hqzc-nav li{float: left; width:25%;}
}

@media (max-width: 992px) {
    .hqzc-infolist ul li .box{padding-left: 20px; padding-right: 220px;}
    .hqzc-infolist ul li .cz{display: none;}
    .hqzc-infolist ul li .bm{right: 0;}
}

@media (max-width: 768px) {
    .hqzc-nav li{float: left; width:50%;}
    .hqzc-infolist ul.uhead{display: none;}
    .hqzc-infolist ul li .box{padding-right: 0; padding-left: 0;}
    .hqzc-infolist ul li .bm{position: static; width: auto; text-align: left; color: #999; margin-top: 10px; font-size: 18px;}
    .hqzc-infolist ul li .elli-s{white-space:normal;}
}