@media (max-width:767px){
.header .logo a{ width:50%; display:inline-block;}
.header .logo a img{ max-width:100%;}
.header .logo span{ font-size:14px !important;letter-spacing: 5px !important; margin-left:10px !important; padding-left:10px !important; opacity:0.8; width:120px; overflow:hidden; white-space: nowrap; }
.header .logo span small{ transform:scale(0.8); margin-left:-12px;}


.jwc_nav.active{ right: 0 !important;}
.jwc_nav{ width: 100% !important; right: -100% !important; }
.jwc_nav .right_li{ width: 30% !important;}
.right_nav{ width: 70% !important;}
.r_nav{ width: 90% !important;}
.jwc_nav .right_li ul li i{ display: none !important;}
.jwc_nav .right_li ul li a span{ border: none !important; font-size: 18px !important; width: 100% !important; color: rgba(255,255,255,0.5) !important;}
.jwc_nav .right_li ul li a{ height: 40px !important; line-height: 40px !important;}
.jwc_nav .right_li{ left: 5% !important; width: 25% !important;}
.jwc_nav .right_li ul li.active{margin-left: 0 !important;}
.jwc_nav .right_li ul li.active a span{ color: rgba(255,255,255,1) !important;}


.ban_nav a{ margin:10px !important;}
.gzwm .caption.gz{ width:100% !important;}
.gz_wx{ margin-top:0px !important;}
.gzwm .jwc_biao{ margin-bottom:50px !important;}
.tzgg .caption{ padding-left:60px !important;}
.tzgg .caption span{ font-size:16px !important; width:60px !important;}

.footer{ padding-top:0px !important;}
.footer_di{ margin-top:0px !important;}


/*首页图片固定高度*/
.xwzx .caption{ height:245px !important;}
/*首页图片固定高度*/
}



@media (min-width:768px) and (max-width:991px) {
.gz_wx{ margin-top:0px !important;}

.footer{ padding-top:0px !important;}
.footer_di{ margin-top:0px !important;}


/*首页图片固定高度*/
.xwzx .caption{ height:165px !important;}
/*首页图片固定高度*/

	}


@media (min-width:991px) and (max-width:1200px) {



/*首页图片固定高度*/
.xwzx .caption{ height:220px !important;}
/*首页图片固定高度*/
	}

	
@media (min-width:1441px) {	
.container{ width:1300px !important; padding:0;}

}

@media (min-width:1200px) and (max-width:1440px) {
	
.gz_right .row{ margin:0 -5px !important;}
.gz_right .row .col-xs-6{ padding:0 5px !important;}


/*首页图片固定高度*/
.xwzx .caption{ height:270px !important;}
/*首页图片固定高度*/
	}
@media (min-width:1440px) and (max-width:1680px){

	}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

.container{ transition:all 1s;}

.banner{ position:relative;}
.banner .swiper1 .swiper-slide{ height:100vh;}


.header{ position:fixed; top:5%; left:0; right:0; margin:0 auto; z-index:10; transition:all 1s;}
.header.active{ top:-70px;}
.header .logo span{ font-size:24px; color:#fff; display:inline-block; border-left:1px solid #fff; letter-spacing:20px; padding-left:18px; margin-left:20px; vertical-align:middle;}


.ban_nav{ text-align:center; position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:5;}
.ban_nav a{ width:130px; height:130px; display:inline-block; border-radius:6px; background:rgba(8,51,134,0.85); color:#fff; font-size:18px; text-decoration:none; padding-top:15px; margin:0 23px; transition:all 0.6s;}
.ban_nav a img{ max-width:100%; display:block; margin:5px auto; transition:all 0.6s;}
.ban_nav a:hover img{ transform:scaleX(-1); -webkit-transform:scaleX(-1);}
.ban_nav a:hover{ box-shadow:0px 0px 30px rgba(8,51,134,0.8);}
.ban_xia{ width:50px; height:34px; position:absolute; left:0; right:0; margin:0 auto; bottom:5%; z-index:5; opacity:0.5; cursor:pointer;}


@-webkit-keyframes jwc_xia {
0% { margin-top:-30px;}
70% { margin-bottom:-30px;}
100% { margin-top:-30px;}
}
@keyframes jwc_xia {
0% { margin-top:-30px;}
70% { margin-bottom:-30px;}
100% { margin-top:-30px;}
}
.ban_xia {
	-webkit-animation: jwc_xia 2s linear infinite;
	animation: jwc_xia 2s linear infinite;
}

.jwc_biao{ text-align:center; font-size:30px; color:#333; padding-bottom:10px; background:linear-gradient(to right,#083386,#083386,#083386) no-repeat center bottom / 45px 5px; margin-bottom:40px;}
.jwc_biao span{ color:#949495; text-transform:uppercase; text-decoration:none; display:block; font-family:'Arial';}
.tzgg{ padding-top:50px;}
.tzgg .row{ margin:0 -5px;}
.tzgg .row .col-md-4{ padding:0 5px;}
.tzgg .caption a{ text-decoration:none;}
.tzgg .caption{ position:relative; padding-left:85px; height:110px; margin-bottom:15px;}
.tzgg .caption span{ position:absolute; left:0; top:0; bottom:0; background:#083386; color:#fff; width:85px; height:110px; line-height:110px; text-align:center; font-size:24px;}
.tzgg .caption .tzgg_text{ padding-left:15px; padding-top:10px; padding-right:15px; background:#eaebeb; height:110px; transition:all 0.3s;}
.tzgg_text h4{ color:#333; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.tzgg_text h5{ color:#727171;}
.tzgg .caption:hover .tzgg_text{ box-shadow:10px 0px 20px rgba(8,51,134,0.3) inset;}

.jwc_more{ text-align:center; padding-top:15px;}
.jwc_more a{ padding:5px 15px; border-radius:16px; background:#083386; color:#fff; display:inline-block; text-decoration:none; transition:all 0.3s;}
.jwc_more a:hover{ box-shadow:0px 0px 16px rgba(8,51,134,0.6);}

.xwzx{ padding-top:70px;}
.xwzx .row{ margin:0 -10px;}
.xwzx .row .col-md-4{ padding:0 10px;}
.xwzx .caption{ position:relative; margin-bottom:15px;}
.xwzx .caption img{ transition:all 2s;}
.xwzx .caption:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.xwzx .caption span{ position:absolute; font-size:18px; left:0; right:0; bottom:0; padding:10px; color:#fff; background:rgba(0,0,0,0.8);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.jwc_bj{ background:url(../zq_images/jwc_bj.jpg) center bottom no-repeat;}
.gzwm{ padding-top:80px;}
.gzwm .jwc_biao{ margin-bottom:60px;}

.gzwm .caption.gz{ width:40%; margin:0 auto;}
.gz_wx{ background:rgba(255,255,255,0.85); border:2px solid #083386; padding:20px; padding-left:0; margin-top:0%; padding-bottom:10px;}
.gz_left{ width:45%; float:left; padding-top:3%;}
.gz_right{ width:55%; float:right;}
.gz_right h5{ margin-bottom:0px; color:#666;}



/*首页图片固定高度*/
.xwzx .caption{ height:312px; overflow:hidden;}
/*首页图片固定高度*/




/* 顶部css样式 */
.jwc_nav.active{ right: 0;}
.jwc_nav.active .jwcnav_x{ opacity: 1; pointer-events: auto;}
.jwc_nav{ width: 546px; position: fixed; right: -546px; top: 0; bottom: 0; height: 100%; z-index: 999; transition: all 0.6s;}
.jwc_nav .jwcnav_x{ transition: all 0.6s; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 700; position: fixed; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; pointer-events: none;;}
.jwc_nav .jwcnav_x{cursor:url('../zq_images/close_rightM.png'),auto;}
.jwc_nav .jwcnav_xx{ cursor: pointer; width: 40px; height: 40px; position: absolute; display: block; right: 10px; top: 10px; z-index: 9999;}
.jwc_nav .jwcnav_xx:after{ content: ''; width: 40px; height: 1px; background: #fff; position: absolute; left: 0; top: 50%; transform: rotate(45deg);}
.jwc_nav .jwcnav_xx:before{ content: ''; width: 40px; height: 1px; background: #fff; position: absolute; right: 0; top: 50%; transform: rotate(-45deg);}
.jwc_nav .right_li{ position: absolute; width: 176px; left: 90px; top: 50%; transform: translateY(-50%); z-index: 800;}
.jwc_nav .right_li ul{ margin: 0; padding: 0;}
.jwc_nav .right_li ul li{list-style: none; transition: all 0.6s;}
.jwc_nav .right_li ul li.active{margin-left: -90px;}
.jwc_nav .right_li ul li a{ display: block; background: #9b0000; height: 60px; line-height: 60px; margin-top: 8px;border-radius: 5px 0 0 5px; color: #fff;}
.jwc_nav .right_li ul li a span{ display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; width: 86px; text-align: center; border-left: 2px solid #fff; font-size: 24px;}
.jwc_nav .right_li ul li i{ display: inline-block; width: 86px; text-align: center;}
.jwc_nav .right_li ul li i img{ height: 40px; display: inline-block;}
.jwc_nav .right_li ul li:nth-child(5) a{ background: #1b1d1d;}
.jwc_nav .right_li ul li:nth-child(6) a{ background: #1b1d1d;}

.right_nav{ position: absolute; background: #222222; right: 0; top: 0; bottom: 0; width: 370px; z-index: 900;}
.r_nav{ width: 80%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 10%; display: none; height: 80%; overflow-y: auto;}
/* .r_nav::-webkit-scrollbar {display: none;} */
.r_nav.active{ display: block;}

        /*滚动条样式*/
        .r_nav::-webkit-scrollbar {/*滚动条整体样式*/
            width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
        }
        .r_nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(177,9,0,1);
        }
        .r_nav::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(255,255,255,0.15);
        }

.r_nav_01 .panel-default>.panel-heading{ color: #fff; background: none; border: none;}
.r_nav_01 .panel-default{ border: none; border-top: 2px solid #dedede;}
.r_nav_01 .panel-group .panel{ border-radius: 0; background: none;}
.r_nav_01 .panel-default .panel-heading a{ color: #da1b1b; display: block; position: relative; font-size: 16px; text-decoration: none;}
.r_nav_01 .panel-default .panel-heading a.collapsed{ color: #949495;}
.r_nav_01 .panel-default .panel-heading a i{ position: absolute; right: 0px; top: 50%; transform: translateY(-50%); z-index: 2; color: #da1b1b; transition: all 0.3s;}
.r_nav_01 .panel-default .panel-heading a.collapsed i{ color: #949495; transform: rotate(180deg); margin-top: -9px;}
.r_nav_01 .panel-group .panel-body{ padding: 0;}
.r_nav_01 .panel-group .panel-body ul li{ list-style: none;}
.r_nav_01 .panel-group .panel-body ul li a{ text-decoration: none; color: #949495; line-height: 36px; display: block; border-bottom: 1px solid #dedede; transition: all 0.3s;}
.r_nav_01 .panel-group .panel-body ul li:last-child a{ border: none;}
.r_nav_01 .panel-group .panel-body ul li a:hover{ color: #da1b1b;}
.r_nav_02 .caption{ margin-bottom: 30px;}
.r_nav_02 .caption a{ display: block; text-align: center; color: #949495; text-decoration: none;}
.r_nav_02 .caption a span{ display: block; font-size: 16px; margin-top: 10px;}
.fwcnav_row{ overflow: hidden;}

.r_nav_03 ul{ margin: 0; padding: 0;}
.r_nav_03 ul li{ list-style: none; margin-bottom: 20px;}
.r_nav_03 ul li a{ font-size: 16px; padding: 3px 0; text-decoration: none; color: #fff; display: block; position: relative; color: #949495; transition: all 0.3s;}
.r_nav_03 ul li a i{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); z-index: 2; color: #949495; transition: all 0.3s;}
.r_nav_03 ul li a:hover{color: #fff;}
.r_nav_03 ul li a:hover i{color: #da1b1b; }

.r_nav_04 .jwc_ss{ position: relative;}
.r_nav_04 .jwc_ss input:first-child{ font-size: 16px; outline: none; background: none; width: 100%; height: 40px; border: none; border-bottom: 1px solid #fff; line-height: 36px; color: #fff;}
.r_nav_04 .jwc_ss input:last-child{ outline: none; position: absolute; top: 0; right: 0; border: none; background: none; width: 40px; height: 40px; background: url(../zq_images/bg_search.png) center center no-repeat;}
/* 顶部css样式 */

/*底部css*/

.footer{ background:#121210; padding-top:50px;}
.footer .logo span{ font-size:24px; color:#fff; display:inline-block; border-left:1px solid #fff; letter-spacing:20px; padding-left:18px; margin-left:20px; vertical-align:middle;}
.footer .logo span small{ display:block; font-size:10px; letter-spacing:0px}
.footer .logo{ margin-top:3%;}
.ft_right h4 a{ color:#fff; text-decoration:none;}
.ft_right h4{ margin-bottom:20px; margin-top:0px;}
.ft_right p a{ color:#fff; opacity:0.6; text-decoration:none; transition:all 0.3s;}
.ft_right p a:hover{ opacity:1;}
.ft_right .caption p:last-child{ margin-bottom:0px;}
.ft_right .col-md-2{ border-right:1px solid #c0c1c1; min-height:120px; width:20%;}
.ft_right .col-md-4{ min-height:120px;}

.footer_di{ padding:10px 0; opacity:0.5; color:#fff; border-top:1px solid #666666; margin-top:50px;}
.footer_di a{ float:right; color:#fff;}

/*底部css*/