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

/*头部css*/
.header{ width:100% !important; background:rgba(0,0,0,0.3) !important; height:3.5rem !important; color:#fff;}
.navs ul#menu li{ float:left; width:20% !important; border:none !important;}
.navs ul#menu li a{ line-height:3.5rem !important;}
.heard_right{ text-align:center; position:fixed; right:0 !important; width:100% !important; top:4.5rem !important; transform:translateY(0) !important; -webkit-transform:translateY(0) !important;}
.heard_right a{ width:23% !important; height:2rem !important; display: inline-block !important; line-height:2rem !important; box-sizing:inherit !important;}
/*头部css*/


.swp_1{ width:90% !important; margin:0 auto !important; margin-top:6rem !important;}
.swp_ss{ width:90% !important;}
.swp_ss select{ width:100% !important;  float:none !important; display:inline-block !important;}
.swp_ss select:nth-child(2){ display:none !important;}
.swp_ss.active select:nth-child(2){ display:inline-block !important;}
.swp_ss .ss_kuang{ width:100% !important; display:block !important; float:none !important; margin:1rem 0 !important;}
.swp_ss .btn{ float:none !important; margin:0 auto !important; display:block !important; width:8rem !important;}

.swp_2{ margin-top:6rem;}
.swp_2 h2{ margin:1rem 0 !important;}
.swp_2 a.more_a{ width:6rem !important; line-height:1.9rem !important; height:2rem !important;}
.swp_3 a.more_a{ width:6rem !important; line-height:1.9rem !important; height:2rem !important;}
.swp_3{ margin-top:6rem;}
.swp_3_bai #myTabl li{ margin-bottom:0.3rem !important;}
.tsgjj_text .tsgjj_content{ height:15rem !important;}
.swp_4 .caption{ height:21rem !important;}
.swp_4 .caption p{ margin:0.5rem 0 !important;}
.swp_5_bai{ padding:1rem !important;}
.swp_5_bai .caption span img{ max-width:50% !important;}
.swp_5_bai .row{ margin:0 -0.4rem !important;}
.swp_5_bai .row .col-xs-3{ padding:0 0.4rem !important;}

.footer .caption.ft_1 label{ display:block !important;}
.footer .caption.ft_1 select{ display:block !important; padding-right:0 !important; width:100% !important;}
}

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

/*头部css*/
.header{ width:100% !important; background:rgba(0,0,0,0.3) !important; height:3.5rem !important; color:#fff;}
.navs ul#menu li{ float:left; width:20% !important;}
.navs ul#menu li a{ line-height:3.5rem !important;}
.heard_right{ text-align:center; position:fixed; right:0 !important; width:100% !important; top:4rem !important; transform:translateY(0) !important; -webkit-transform:translateY(0) !important;}
.heard_right a{ width:23% !important; height:2rem !important; display: inline-block !important; line-height:2rem !important; box-sizing:inherit !important;}
/*头部css*/

.swp_1{ width:90% !important; margin:0 auto !important; margin-top:6rem !important;}
.swp_ss{ width:90% !important;}
.swp_ss select{ width:45% !important;  float:none !important; display:inline-block !important;}
.swp_ss select:nth-child(2){ display:none !important;}
.swp_ss.active select:nth-child(2){ display:inline-block !important;}
.swp_ss .ss_kuang{ width:100% !important; display:block !important; float:none !important; margin:1rem 0 !important;}
.swp_ss .btn{ float:none !important;}

.swp_2{ margin-top:6rem;}
.swp_2 h2{ margin:1rem 0 !important;}
.swp_2 a.more_a{ width:6rem !important; line-height:1.9rem !important; height:2rem !important;}
.swp_3 a.more_a{ width:6rem !important; line-height:1.9rem !important; height:2rem !important;}
.swp_3{ margin-top:6rem;}
.swp_3_bai #myTabl li{ margin-bottom:0.3rem !important;}
.tsgjj_text .tsgjj_content{ height:15rem !important;}
.swp_4 .caption{ height:21rem !important;}
.swp_4 .caption p{ margin:0.5rem 0 !important;}
.swp_5_bai{ padding:1rem !important;}
.swp_5_bai .caption span img{ max-width:50% !important;}
.swp_5_bai .row{ margin:0 -0.4rem !important;}
.swp_5_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:55rem !important; padding:0; margin:auto !important; margin-left:17rem !important;}

.swp_1{ margin-left:17rem !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; margin-left:20.5rem !important;}

}
@media (min-width:1201px) and (max-width:1440px) {
html {font-size: 18px !important;}

.navs ul#menu li a{ line-height:4rem !important;}
.container{ width:48rem !important; padding:0; margin-left:20.5rem !important;}
.swp_1{ width:48rem !important;}
.swp_2 .swp_2_right p{ line-height:1rem !important; margin:0.25rem 0;}
.hd_ewm{ padding-top:3rem !important;}
.hd_ewm span{ width:5.5rem !important;}
.footer.container{ width:56rem !important;}

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


}

@media (max-height:768px) and (min-width:991px){
html {font-size: 18px !important;}
.nav_logo{ padding-top:2.5rem !important; height:7rem !important;}
.heard_right{ right:1rem !important;}
.header{ width:13.5rem !important;}
.navs ul#menu li a{ line-height:3rem !important;}
.container{ width:60% !important; padding:0; margin-left:25% !important;}
.swp_1{ width:60% !important; margin-left:25% !important;}
.swp_2 .swp_2_right p{ line-height:1rem !important; margin:0.25rem 0;}
.hd_ewm{ padding-top:3rem !important;}
.hd_ewm span{ width:5.5rem !important;}

.footer .caption.ft_1 select{ width:calc(100% - 3.5rem) !important;}
.footer .caption.ft_1 .row{ margin:0 -5px !important;}
.footer .caption.ft_1 .row .col-md-6{ padding:0 5px !important;}
.footer.container{ width:45rem !important;}

/*关于首页图片固定高度，截去多余部分*/
.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{ width:15.5rem; position:fixed; left:0; top:0; z-index:10; background:rgba(172,12,7,0.85); height:100%; color:#fff;}
.nav_logo{ height:10rem; padding-top:5rem;}

.navs ul#menu{ margin:0; padding:0;}
.navs ul#menu li{ border-top:1px solid #d68d85; list-style:none;}
.navs ul#menu li:last-child{ border-bottom:1px solid #d68d85;}
.navs ul#menu li a{ display:block; line-height:4.5rem; transition:all 0.3s; text-align:center; font-size:0.8rem; color:#fff; text-decoration:none;}
.navs ul#menu li.active a{ background:rgba(111,11,7,0.85);}
.hd_ewm{ padding-top:3.5rem; text-align:center;}
.hd_ewm span{ display:inline-block; margin:0 5px; width:5.2rem;}
.hd_ewm span img{ margin-bottom:6px;}


.heard_right{ position:fixed; right:3rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:10;}
.heard_right a{ width:4.5rem; height:4.5rem; display:block; color:#fff; text-align:center; line-height:4.5rem; border-radius:0.6rem; margin-bottom:1rem; text-decoration:none; transition:all 0.3s; box-sizing:inherit; background:rgba(172,12,7,0.8); border:1px solid #fff;}
.heard_right a:last-child{ margin-bottom:0px;}
.heard_right a:hover{ background:rgba(255,255,255,0.8); border:1px solid #ac0c07; color:#ac0c07;}
/*头部css*/

/*底部css*/
.swp_sid_7{height: auto !important;}
.footer.container{ padding-top:2.5rem; padding-bottom:2.5rem;}
.footer .caption.ft_1 h5{ margin-top:0.2rem;}
.footer .caption.ft_1 h5 a{ font-size:0.8rem; font-weight:bold; text-decoration:none; color:#fff; margin-right:1.5rem; border-bottom:2px solid transparent; padding-bottom:0.1rem; display:inline-block; transition:all 0.3s;}
.footer .caption.ft_1 h5 a:hover{ border-bottom:2px solid #fff;}
.footer .caption.ft_1 p{ color:#fff;}
.footer .caption.ft_1 p a:first-child{ margin-left:0px;}
.footer .caption.ft_1 p a{ margin:0 0.4rem; color:#fff; text-decoration:none; padding-bottom:0.1rem; border-bottom:2px solid transparent; transition:all 0.3s;display:inline-block;}
.footer .caption.ft_1 .form-group{ margin-bottom:0px;}
.footer .caption.ft_1 label{ color:#fff; line-height:1.5rem;}
.footer .caption.ft_1 select{ height:1.5rem; border:none; outline:none; background: url("../zq_images/hx.png") no-repeat scroll right center #fff; padding-right:1.5rem; appearance:none;  -moz-appearance:none;  -webkit-appearance:none;}
.footer .caption.ft_1 .col-md-6:nth-child(1) select{ width:calc(100% - 2.5rem);}
.footer .caption.ft_1 .col-md-6:nth-child(2) select{ width:calc(100% - 3.25rem);}


.footer .col-md-4:nth-child(2){ border-left:1px solid #fff; border-right:1px solid #fff;}
.footer .caption.ft_3{ text-align:right;}
.footer .caption.ft_3 span{ max-width:46%; display:inline-block; color:#fff;}
.footer .caption.ft_3 span:last-child{ margin-left:8%;}
.footer .caption.ft_3 span p{ margin-top:0.2rem; margin-bottom:0; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
/*底部css*/




.swp_1{ padding-bottom:2rem; width:55rem; margin-left:20.5rem; background:rgba(255,255,255,0.75);}
.swp_1 .logo2{ padding:2.25rem 0;}
.swp_1 .swiper1{ height:0.8rem;}
.swp_1 .swiper1 .swiper-slide{ position:relative;}
.swp_1 .swiper1 .swiper-slide i{ font-style:normal; display:block; position:absolute; right:1rem; top:0; line-height:0.8rem;}
.swp_1 .swiper1 .swiper-slide a{ padding-left:1rem; padding-right:5rem; display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#4c4948; text-decoration:none;}

.swp_ss{ width:45rem; margin:0 auto; font-size:0.75rem;}
.swp_ss select:nth-child(2){ display:none; width:7.5rem; margin-left:0.5rem;}
.swp_ss.active select:nth-child(2){ display:block;}
.swp_ss.active .ss_kuang{ width:21rem;}
.swp_ss select{ width:8.5rem; float:left; height:2.5rem; line-height:2.4rem; border-radius:1.2rem; border:1px solid #ac0c07; text-indent:2em; outline:none; background: url("../zq_images/hx.png") no-repeat scroll right center #fff; padding-right:1.5rem; appearance:none;  -moz-appearance:none;  -webkit-appearance:none;}
.swp_ss select::-ms-expand { display: none;}
.swp_ss .ss_kuang{ width:29rem; float:left; margin:0 0.5rem; height:2.5rem; line-height:2.4rem; border-radius:1.2rem; border:1px solid #ac0c07; text-indent:2em; outline:none;}
.swp_ss .btn{ width:6.25rem; float:right; height:2.5rem; line-height:2.5rem; background:#ac0c07; color:#fff; text-align:center; border-radius:1.2rem; padding:0; font-size:0.75rem; outline:none;}

.swp1_gg{ width:45rem; margin:0 auto; padding:0 6.25rem; position:relative; line-height:0.8rem; margin-top:3rem;}
.swp1_gg b{ width:6.25rem; display:block; padding-right:0.5rem; border-right:1px solid #4c4948; font-size:0.75rem; color:#4c4948; line-height:0.8rem; position:absolute; left:0; text-align:right; top:0;}
.swp1_gg a.more_a{ position:absolute; right:0; top:0; line-height:0.8rem; text-align:right; border-left:1px solid #4c4948; width:6.25rem; display:block; color:#ac0c07;}


.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:0px;}
.swp_2 .swp_2_right p:last-child{ margin-bottom:0px;}
.swp_2 .swp_2_right p{ line-height:1.2rem; margin:0.35rem 0;}
.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:5rem; margin:0 auto; margin-top:20px; border-radius:1.2rem; height:1.7rem; border:1px solid #ac0c07; background:#fff; color:#ac0c07; text-align:center; line-height:1.6rem;}

.swp_3{}
.swp_3_bai{ background:rgba(255,255,255,0.8); padding:2rem; padding-top:0rem; height:23.75rem;}
.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 #myTabl{ width:100%; margin:0 auto; text-align:center; padding:0; margin-bottom:2rem;}
.swp_3_bai #myTabl li{ display:inline-block; list-style:none;}
.swp_3_bai #myTabl li a{ padding:0.25rem 1.5rem; display:block; color:#fff; background:#4c4948; transition:all 0.3s; text-decoration:none;}
.swp_3_bai #myTabl li.active a{ background:#ac0c07;}
.tsgjj_text .tsgjj_content{ height:16rem;}
.tsgjj_text .tsgjj_content .swiper-container{ height:100%; padding-right:15px;}
.tsgjj_text .tsgjj_content .swiper-container .swiper-slide{ height:auto;}
.tsgjj_text .tsgjj_content p{ line-height:26px;}
.tsgjj_text.fade{ display:none; position:relative;}
.tsgjj_text.fade.active{ display:block;}
.tsgjj_text a.more_a{ position:absolute; left:0; right:0; margin:0 auto; bottom:-2rem; display:block; width:5rem; border-radius:1.2rem; height:1.7rem; border:1px solid #ac0c07; background:#fff; color:#ac0c07; text-align:center; line-height:1.6rem;}


.swp_4 h2{ font-size:1.4rem; color:#ac0c07; text-align:center; background:rgba(255,255,255,0.8); padding:1rem 0;}
.swp_4 h2 span{ display:inline-block; position:relative;}
.swp_4 h2 span:after{ content:''; width:9rem; height:1px; background:#ac0c07; position:absolute; left:-10rem; top:50%; margin-top:-0.5px;}
.swp_4 h2 span:before{ content:''; width:9rem; height:1px; background:#ac0c07; position:absolute; right:-10rem; top:50%; margin-top:-0.5px;}
.swp_4 .row{ margin:0 -0.2rem;}
.swp_4 .row .col-md-2{ padding:0 0.2rem;}
.swp_4 .caption{ background:rgba(255,255,255,0.8); height:25rem;}
.swp_4 .caption h5{ background:#4c4948; color:#fff; text-align:center; padding:0.4rem 0; font-size:0.8rem; margin-top:0; margin-bottom:1.5rem; transition:all 0.3s;}
.swp_4 .caption p{ padding:0 1rem; line-height:1.2rem;}
.swp_4 .caption p a{ display:block; text-decoration:none; color:#4c4948; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all 0.3s;}
.swp_4 .caption p:hover a{ color:#ac0c07;}
.swp_4 .caption:hover h5{ background:#ac0c07;}
.swp_4 a.more_a{ display:block; width:5rem; margin:0 auto; margin-top:20px; border-radius:1.2rem; height:1.7rem; border:1px solid #ac0c07; background:#fff; color:#ac0c07; text-align:center; line-height:1.6rem;}

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

.swp_5_bai{ background:rgba(255,255,255,0.8); padding:2rem;}
.swp_5_bai .caption{ margin:1rem 0;}
.swp_5_bai .caption a{ text-decoration:none;}
.swp_5_bai .caption h5{ text-align:center; font-size:0.8rem; color:#ac0c07;}
.swp_5_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_5_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;}
.swp_5_bai .caption span img:last-child{ opacity:0;}
.swp_5_bai .caption span:hover{ background:#ac0c07;}
.swp_5_bai .caption span:hover img:first-child{ opacity:0;}
.swp_5_bai .caption span:hover img:last-child{ opacity:1;}



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