@media (max-width:767px){
html {font-size: 12px !important;}

/*头部css*/
.nav_logo{ height:60px !important; background:url(../zq_images/logo2.png) 15px center no-repeat !important; padding-left:60px; width:100% !important;}
.nav_logo img{ display:none !important;}
/* .header .logo span small {margin-left: -1.25rem !important;} */
.navs{ width:100% !important;}

.navs{ background:rgba(8,51,134,1); !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;}
.navs ul li a{ border:none !important; display:inline-block !important; color:#fff !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:#fff;}
.san:before{ content:''; width:30px; height:2px; position:absolute; left:0; bottom:0; background:#fff;}
.san i{ position: absolute; width:30px; height:2px; left:0; top:50%; margin-top:-1px; background:#fff;}

.navs ul li .erji{ display:none !important;}
/*头部css*/

/*底部css*/
.footer{ padding-top:0px !important;}
.footer_di{ margin-top:0 !important;}
/*底部css*/

.swp_2{ margin-top:3rem;}
.swp_2 h2{ margin:1rem 0 !important;}

.swp_3_bai{ padding:1rem !important;}
.swp_3_bai .caption span img{ max-width:50% !important;}
.swp_3_bai .row{ margin:0 -0.4rem !important;}
.swp_3_bai .row .col-xs-3{ padding:0 0.4rem !important;}

}

@media (min-width:768px) and (max-width:991px) {
html {font-size: 16px !important;}

/*头部css*/
.nav_logo{ height:60px !important; background:url(../zq_images/logo2.png) 15px center no-repeat !important; padding-left:60px; width:100% !important;}
.nav_logo img{ display:none !important;}
/* .header .logo span small {margin-left: -1.25rem !important;} */
.navs{ width:100% !important;}

.navs{ background:rgba(8,51,134,1); !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;}
.navs ul li a{ border:none !important; display:inline-block !important; color:#fff !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:#fff;}
.san:before{ content:''; width:30px; height:2px; position:absolute; left:0; bottom:0; background:#fff;}
.san i{ position: absolute; width:30px; height:2px; left:0; top:50%; margin-top:-1px; background:#fff;}

.navs ul li .erji{ display:none !important;}
/*头部css*/

/*底部css*/
.footer{ padding-top:0px !important;}
.footer_di{ margin-top:0 !important;}
/*底部css*/

.swp_2{ margin-top:3rem;}
.swp_2 h2{ margin:1rem 0 !important;}

.swp_3_bai{ padding:1rem !important;}
.swp_3_bai .caption span img{ max-width:50% !important;}
.swp_3_bai .row{ margin:0 -0.4rem !important;}
.swp_3_bai .row .col-xs-3{ padding:0 0.4rem !important;}

}


@media (min-width:991px) and (max-width:1200px) {
html {font-size: 14px !important;}
.container{ width:65rem !important; padding:0;}
.nav_logo{ width:42% !important;}
.navs{ width:58% !important;}

.swp_2 .swp_2_right p{ line-height:1rem !important; margin:0.25rem 0;}

/*关于首页图片固定高度，截去多余部分*/
.swp_2_left .swiper-slide a{ height:226.36px !important;}
/*关于首页图片固定高度，截去多余部分*/

}
	
@media (min-width:1401px) {	
.container{ width:65rem !important; padding:0;}

}

@media (min-width:1201px) and (max-width:1440px) {
html {font-size: 16px !important;}
.container{ width:65rem !important; padding:0;}
.nav_logo{ width:40% !important;}
.navs{ width:60% !important;}

.swp_2 .swp_2_right p{ line-height:1rem !important; margin:0.25rem 0;}


/*关于首页图片固定高度，截去多余部分*/
.swp_2_left .swiper-slide a{ height:260px !important;}
/*关于首页图片固定高度，截去多余部分*/

}

@media (min-width:1441px) and (max-width:1680px){
html {font-size: 18px !important;}
}
@media screen and (min-width:1921px) {
html {font-size: 30px;}

}

body{ width:100%;font-family:"Microsoft YaHei","SimHei",Arial;}
html {font-size: 20px;}
body {font-size:0.7rem;}
.clear{ clear:both;}


.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.container{ transition:all 1s;}



/*头部css*/
.header{ position:fixed; top:0; z-index:99; left:0; right:0; box-shadow:0px 0.1rem 0.2rem rgba(0,0,0,0.2); background:rgba(8,51,134,0.86);}
.nav_logo{ height:4rem; transition:all 1s; float:left; width:40%;}
.nav_logo .container{ height:100%;}

.logo{ height:100%;}
.logo a{ display:inline-block; height:100%; vertical-align:middle;}
.logo a img{ display:block; max-height:100%; max-width:100%; transition:all 1s;}
.header .logo span{ font-size:0.9rem; color:#fff; display:inline-block; border-left:1px solid #fff; letter-spacing:0.1rem; padding-left:0.9rem; margin-left:1rem; vertical-align:middle;text-align: center;}
/* .header .logo span small{ display:block; font-size:0.5rem; transform:scale(0.8); margin-left:-0.75rem; letter-spacing:0;} */
.header .logo span small{ display:block; font-size:0.9rem; text-align: center;letter-spacing:0; }

.navs{ float:right; width:60%;}
.navs.fade{ opacity:1;}
.navs ul{ margin:0; padding:0; width:100%;}
.navs ul li{ list-style:none; text-align:center; padding:1.5rem 0; position:relative; transition:all 1s;}
.navs ul li:last-child a{ border:none;}
.navs ul li a{ padding:0; vertical-align:middle; line-height:1rem; color:#fff; font-size:0.9rem; display:block; 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:0.6rem; margin-left:0.2rem; transform:scale(0.7,0.9); color:#c4ae62;}
.navs ul li.active a{ font-weight:bold; color:#fff;}
.navs ul li:hover a{ background:none;}

.navs ul li .erji {
    position: absolute;
    left: 50%;
	transform:translateX(-50%);
    top: 4rem;
    width: 200rem;
    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: 0.7rem;
    padding: 0.6rem 0.75rem;
    font-weight: normal;
	border:none;
	line-height:0.8rem;
}
.navs ul li .erji:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.2rem solid transparent;
    border-right: 0.2rem solid transparent;
    border-bottom: 0.3rem solid #fff;
    position: absolute;
    top: -0.3rem;
    left: 50%;
	transform:translateX(-50%);
}
/*头部css*/



/*底部css*/
.swp_sid_3{height: auto !important;}
.footer{ padding-top:1.5rem; background:#083386;}
.footer .col-md-10 .caption h5 a{ font-size:0.8rem; color:#fff; padding-right:0.75rem; margin-right:0.75rem; text-decoration:none;}
.footer .col-md-10 .caption p{ color:#fff; margin:0.5rem 0; line-height:1.5rem;}
.footer .col-md-10 .caption p a{ color:#fff; padding:0 0.75rem;}
.footer .col-md-10 .caption .form-group label{ width:4.8rem; height:1.7rem; line-height:1.7rem; background:#7d0000; color:#fff; text-align:center; float:left;}
.footer .col-md-10 .caption .form-group select{ width:9rem; height:1.7rem; border:1px solid #fff; line-height:1.6rem; color:#fff; background:none; border-left:none; outline:none;}
.footer .col-md-10 .caption .form-group select option{ color:#333;}
.footer .col-md-2 .ft_ewm{}
.footer .col-md-2 .ft_ewm p{ text-align:center; color:#fff; margin-top:0.25rem; opacity:0.5; font-size:0.6rem;}

.footer_di{ padding:0.5rem 0; color:#c6c6c6; margin-top:0.75rem; background:#083386; border-top:1px solid #284d94;}
.footer_di a{ float:right; color:#c6c6c6;}
/*底部css*/



.swp_1{ position:absolute; left:0; right:0; bottom:0; background:rgba(125,0,0,0.95); padding:1rem 0;}
.swp1_gg{ padding-left:1.8rem; position:relative;}
.swp1_gg .swiper1{ height:1.7rem; line-height:1.7rem;}
.swp1_gg .swiper1 .swiper-slide{ position:relative; padding-right:10rem; font-size:0.8rem;}
.swp1_gg .swiper1 .swiper-slide i{ font-style:normal; display:block; position:absolute; color:#fff; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.swp1_gg .swiper1 .swiper-slide a{ display:block; font-weight:bold; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; color:#fff; text-decoration:none;}
.swp1_gg b{ width:1rem; height:1rem; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.swp1_ss{ margin-left:3rem; height:1.7rem; border:1px solid #dedede; border-radius:1.2rem; position:relative; transition:all 1s;}
.swp1_ss input:nth-child(1){ width:100%; height:1.6rem; line-height:1.6rem; color:#fff; border:none; background:none; padding-left:0.75rem; padding-right:2.5rem; outline:none;}
.swp1_ss input::placeholder{ color:#fff; opacity:0.35;}
.swp1_ss input:nth-child(2){ width:2.4rem; height:1.4rem; position:absolute; top:0.1rem; right:0.1rem; border-top-right-radius:1.4rem; border-bottom-right-radius:1.4rem; border:none; outline:none; background:url(../zq_images/h_ss.png) center center no-repeat #fff;}


.swp_2{}
.swp_2_bai{ background:rgba(255,255,255,0.8); padding:2rem; padding-top:1rem;}
.swp_2 h2{ font-size:1.4rem; color:#ac0c07; text-align:center; margin-bottom:2rem;}
.swp_2 h2 span{ display:inline-block; position:relative;}
.swp_2 h2 span:after{ content:''; width:9rem; height:1px; background:#ac0c07; position:absolute; left:-10rem; top:50%; margin-top:-0.5px;}
.swp_2 h2 span:before{ content:''; width:9rem; height:1px; background:#ac0c07; position:absolute; right:-10rem; top:50%; margin-top:-0.5px;}


.swp_2 .swp_2_left .swiper-pagination2{ text-align:left; padding-left:1rem;}
.swp_2 .swp_2_left .swiper-pagination2 .swiper-pagination-bullet{ border:1px solid #ac0c07; background:#fff; opacity:1;}
.swp_2 .swp_2_left .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#ac0c07;}

.swp_2 .swp_2_right p:first-child{ margin-top:0;}
.swp_2 .swp_2_right p:last-child{ margin-bottom:0;}
.swp_2 .swp_2_right p{ line-height:1.2rem; padding:0.5rem 0; border-bottom:1px dashed #a6a6a7;}
.swp_2 .swp_2_right p a{ display:block; color:#4c4948; transition:all 0.3s; font-size:0.8rem; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-decoration:none;}
.swp_2 .swp_2_right p i{ font-style:normal; color:#777;}
.swp_2 .swp_2_right p:hover a{ color:#ac0c07;}
.swp_2 a.more_a{ display:block; width:7rem; margin:0 auto; margin-top:1rem; border-radius:1.2rem; height:2rem; border:1px solid #ac0c07; background:rgba(255,255,255,0.8); text-decoration:none; color:#ac0c07; text-align:center; line-height:1.9rem; transition:all 0.3s;}
.swp_2 a.more_a:hover{ background:rgba(255,255,255,1);}

.swp_3 h2{ font-size:1.4rem; color:#ac0c07; text-align:center; background:rgba(255,255,255,0.8); padding:1rem 0;}
.swp_3 h2 span{ display:inline-block; position:relative;}
.swp_3 h2 span:after{ content:''; width:9rem; height:1px; background:#ac0c07; position:absolute; left:-10rem; top:50%; margin-top:-0.5px;}
.swp_3 h2 span:before{ content:''; width:9rem; height:1px; background:#ac0c07; position:absolute; right:-10rem; top:50%; margin-top:-0.5px;}

.swp_3_bai{ background:rgba(255,255,255,0.8); padding:2rem;}
.swp_3_bai .caption{ margin:1rem 0;}
.swp_3_bai .caption a{ text-decoration:none;}
.swp_3_bai .caption h5{ text-align:center; font-size:0.8rem; color:#ac0c07;}
.swp_3_bai .caption span{ width:5rem; height:5rem; display:block; margin:0 auto; border-radius:2.5rem; box-sizing:border-box; border:1px solid #ac0c07; position:relative; transition:all 0.3s;}
.swp_3_bai .caption span:after{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#ad0b08; z-index:1; transform:scale(0.1); transition:all 0.3s; opacity:0; border-radius:50%;}
.swp_3_bai .caption span img{ opacity:1; max-width:100%; margin:0 auto; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition:all 0.3s; z-index:3;}
.swp_3_bai .caption span img:last-child{ opacity:0;}
.swp_3_bai .caption span:hover{ background:#ac0c07;}
.swp_3_bai .caption span:hover img:first-child{ opacity:0;}
.swp_3_bai .caption span:hover img:last-child{ opacity:1;}
.swp_3_bai .caption span:hover:after{ opacity:1; transform:scale(1);}



/*关于首页图片固定高度，截去多余部分*/
.swp_2_left .swiper-slide a{ display:block; height:393.81px; overflow:hidden;}
/*关于首页图片固定高度，截去多余部分*/