@media (max-width:767px){
body{ padding-top:60px !important;}
.nav_logo{ height:60px !important; background:url(../zq_images/logo.png) 15px center no-repeat rgba(255,255,255,1) !important; padding-left:38px;}
.nav_logo img{ display:none !important;}
.logo span{ margin-top:16px !important; font-size:20px !important; padding:0 !important; padding-left:10px !important;}
.header.active .nav_logo .logo span{ transform:scale(1) !important; margin-top:16px !important; margin-left:15px !important; padding-left:10px !important; transition:all 1s;}
.navs{ background:#355ca1 !important; padding:40px 0 !important; position:fixed; height:100vh; top:-100vh; left:0; right:0; bottom:0; opacity:0; transition:all 1s;}
.navs.active{ opacity:1; top:0;}
.navs ul{ display:block !important;}
	
.navs ul li{ padding:8px 0 !important; text-align:center;}
.navs ul li a{ border:none !important; display:inline-block !important; line-height:18px !important;}
.navs .cha{ position:absolute; right:15px; top:15px; width:40px; height:40px; cursor:pointer;}
.navs .cha:after{ content:''; width:40px; height:1px; background:#fff; transform:rotate(45deg); position:absolute; right:0; top:20px;}
.navs .cha:before{ content:''; width:40px; height:1px; background:#fff; transform:rotate(-45deg); position:absolute; left:0; bottom:20px;}
.san{ position:relative; width:30px; height:20px; margin-top:20px; cursor:pointer;}
.san:after{ content:''; width:30px; height:2px; position:absolute; left:0; top:0; background:#555;}
.san:before{ content:''; width:30px; height:2px; position:absolute; left:0; bottom:0; background:#555;}
.san i{ position: absolute; width:30px; height:2px; left:0; top:50%; margin-top:-1px; background:#555;}

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

.navs ul li .erji{ display:none !important;}

/*右侧nav*/

.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;}

/*右侧nav*/


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

.header.active .navs ul li .erji:after{ top:90px !important;}
.header .navs ul li .erji:after{ top:120px !important;}
}


body{ padding-top:120px;}
.clear{ clear:both;}

.header.active .nav_logo{ height:50px;}
.header.active .nav_logo .logo span{ transform:scale(0.6,0.6); margin-top:5px; margin-left:0px;}
.header.active .nav_ss{ margin-top:8px;}
.header.active .navs ul li .erji:after{ top:90px;}

.header{ position:fixed; top:0; z-index:99; left:0; right:0; box-shadow:0px 2px 4px rgba(0,0,0,0.2);}
.nav_logo{ background:#fff; height:80px; transition:all 1s;}
.nav_logo .container{ height:100%;}

.header .logo{ height:100%;}
.header .logo a{ display:block; float:left; height:100%;}
.header .logo a img{ display:block; height:100%;}
.header .logo span{ display:block; float:left; font-size:23px; color:#083386; border-left:1px solid #619ecf; margin-left:15px; padding:5px 0; padding-left:15px; margin-top:20px; transition:all 1s;}
.nav_ss{ width:260px; height:34px; margin-top:24px; border:1px solid #dedede; border-radius:24px; position:relative; transition:all 1s;}
.nav_ss input:nth-child(1){ width:100%; height:32px; line-height:32px; color:#333; border:none; background:none; padding-left:10px; padding-right:50px; outline:none;}
.nav_ss input:nth-child(2){ width:48px; height:28px; position:absolute; top:2px; right:2px; border-top-right-radius:24px; border-bottom-right-radius:24px; border:none; outline:none; background:url(../zq_images/ss_1.png) center center no-repeat #083386;}

.navs{ background:#083386;}
.navs.fade{ opacity:1;}
.navs ul{ margin:0; padding:0; width:100%;}
.navs ul li{list-style:none; position:relative; text-align:center;}

.navs ul li a{ padding:0; vertical-align:middle; line-height:40px; color:#f6f5f1; transition:all 0.3s; text-decoration:none; white-space:nowrap; overflow:hidden;text-overflow:clip;}
.navs ul li a i{ display:inline-block; font-size:12px; margin-left:4px; transform:scale(0.7,0.9); color:#c4ae62;}
.navs ul li a:hover{ color:#fff; background:none;}
.navs ul li a:focus{ background:none;}


.navs ul li .erji {
    position: absolute;
    left: 50%;
	transform:translateX(-50%);
    top: 40px;
    width: 4000px;
    opacity: 0;
    transition: all 1s;
	background: rgba(0,0,0,0.4);
	text-align:center;
	pointer-events: none;
}
.navs ul li:hover .erji {
    opacity: 1;
	pointer-events: auto;
}
.navs ul li .erji a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    padding: 12px 15px;
    font-weight: normal;
	border:none;
	line-height:16px;
}

.navs ul li .erji:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 50%;
	transform:translateX(-50%);
}



/*底部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*/



/* 顶部css样式 */

    .ban_nav{ position:fixed; right:5px; top:30%; width:56px; z-index:99;}
	.ban_nav a img{ display:block; max-width:60%; margin:0 auto;}
	.ban_nav a{ display:block; width:56px; height:56px; font-size:14px; background:rgba(8,51,134,0.85); border-radius:4px; color:#fff; text-align:center; margin-bottom:2px; text-decoration:none;}



.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样式 */




/*new_color*/
.ny_left ul li.active a{ color:#083386;}
.ny_left ul li.active a i{ color:#083386;}
.new_li:hover .col-md-9 .caption h5 a{ color:#083386;}
.new_li_02:hover a{ color:#083386;}

.color{ color:#083386 !important;}
.bor_color{ border:1px solid #083386 !important;}
.bg_color{ background:#083386; color:#fff !important;}

.fanye.color a:hover{ color:#083386; border:1px solid #083386;}
.fanye.color a.active{ background:#083386; border:1px solid #083386;}
.fanye.color a.active:hover{ border:1px solid #083386;}
/*new_color*/