@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("../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("../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;}
/*关于首页图片固定高度，截去多余部分*/


/* 首页新闻改版 */
.cindexNews .title {
	background: #ac0c07;
	padding: 10px 15px;
	color: #fff;
	position: relative;
	margin-bottom: 0px;
	margin-top: 0;
	display:flex;
	justify-content:space-between;
    align-items: center;
    margin-bottom: 15px;
}
.cindexNews .title h3 {
	margin: 0;
    font-size: 24px;
}
.cindexNews .title a {
	color: #fff;
	font-size: 14px;
}
.cindexNews .title a:hover {
    text-decoration: none;
}

.cindexNews .news_item {
    font-size: 14px;
    color: #000;
    display: flex;
    border-bottom: 1px solid #777;
}
.cindexNews .news_item:hover {
    text-decoration: none;
    color: #ac0c07;
}
.cindexNews .news_item:hover p {
    font-weight: bold;
}
.cindexNews .news_item:not(:last-child) {
    margin-bottom: 20px;
}
.cindexNews .time {
    font-size: 14px;
    flex-shrink: 0;
    margin-right: 10px;
    color: #777;
}
.cindexNews .news_item p {
    display: -webkit-box;
    /* 使用旧版WebKit内核布局盒模型 */
    -webkit-line-clamp: 1;
    /* 限制文本显示的行数为2行 */
    -webkit-box-orient: vertical;
    /* 设置盒模型布局方向为垂直 */
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
}
.cindexNews .swiper-title {
    display: -webkit-box;
    /* 使用旧版WebKit内核布局盒模型 */
    -webkit-line-clamp: 1;
    /* 限制文本显示的行数为2行 */
    -webkit-box-orient: vertical;
    /* 设置盒模型布局方向为垂直 */
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    font-size: 14px;
    color: #000;
    margin: 12px 0;
}

/* .cindexNews .swiper2 {
    --swiper-navigation-size: 20px;
} */

.cindexNews .swiper2 .img-box {
    background-position: center;
    background-repeat: no-repeat;
    height: 260px;
}
.cindexNews .swiper2 img{
    display: block;
    width: 100%;
}
.cindexNews .swiper2 {
    --swiper-navigation-color: #00ff33;
}

.cindexNews .swiper2 a:hover {
    text-decoration: none;
}
.cindexNews .swiper2 a:hover .swiper-title {
    color: #ac0c07;
    font-weight: bold;
}
.cindexNews .swiper2 .swiper-button-prev,
.cindexNews .swiper2 .swiper-button-next {
    width: 30px;
    height: 30px;
    background-size: 30px;
    /* opacity: 1; */
    background: #fff;
    margin-top: 0;
    top: 40%;
   
}
.cindexNews .swiper2 .swiper-button-prev::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url(./left-nav.png) no-repeat center;
    background-size: 50%;
}
.cindexNews .swiper2 .swiper-button-next::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url(./right-nav.png) no-repeat center;
    background-size: 50%;
}

.cindexNews .row {
    display: flex;
    justify-content: center;
}
.cindexNews .row .col-md-3 {
    width: 30% !important;
}
.cindexNews .row .col-md-4 {
    width: 40% !important;
}
#tsgjj_6 .tsgjj_content {
    display: flex;
    align-items: center;
    position: relative;
}
.swiper_06 {
    height: 200px !important;
    width: 100%;
}
.swiper_06 .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: 90% 100%;*/
    background-size: cover;
    
}
.swiper_06 .swiper-slide  a {
    display: block;
    width: 100%;
    height: 100%;
}
#tsgjj_6  .swiper-button-prev,
#tsgjj_6  .swiper-button-next {
    width: 30px;
    height: 30px;
    background-size: 30px;
    /* opacity: 1; */
    background: #fff;
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    z-index: 20;
   
}
#tsgjj_6  .swiper-button-prev {
    left: 0;
}
#tsgjj_6  .swiper-button-next {
    /* right: 0; */
}
#tsgjj_6  .swiper-button-prev::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url(./left-nav.png) no-repeat center;
    background-size: 50%;
}
#tsgjj_6  .swiper-button-next::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url(./right-nav.png) no-repeat center;
    background-size: 50%;
}

@media (max-width:1450px) {
    .cindexNews .title h3 {
        font-size: 20px;
    }
}

@media (max-width:1360px) {
    .cindexNews .title h3 {
        font-size: 16px;
    }
    .cindexNews .title a {
        font-size: 12px;
    }
}

@media (max-width:991px) {
    .cindexNews .row {
        flex-direction: column;
    }
    .cindexNews .row .col-md-3,
    .cindexNews .row .col-md-4 {
        width: 100% !important;
    }
    .cindexNews .title {
        margin-bottom: 10px;
    }
    .cindexNews .news_item {
        margin-bottom: 10px;
    }
    .news-box {
        display: none;
    }
    .cindexNews .row .col-md-3:first-child .news-box { 
        display: block;
    }
    .swiper_06 {
        height: 100% !important;
    }
    
    /* .swp_3_bai {
        height: auto !important;
    } */
}

@media (max-width:767px) {
    .cindexNews .title h3 {
        font-size: 14px;
    }
    .cindexNews .news_item:not(:last-child) {
        margin-bottom: 15px;
    }
    .cindexNews .news_item,
    .cindexNews .swiper-title,
    .cindexNews .time {
        font-size: 12px;
    }
}