﻿@charset "utf-8";
/* CSS Document */
.columnImg1{ overflow: hidden;
 padding-top: 15px;}
.columnImg1 li{
 margin-right: 15px;
 margin-bottom: 15px;
 float: left;
 width: 188px;
 height: 255px;
 border: solid 1px #d9d9d9;
 padding: 5px;
 display: inline;}
.columnImg1 li:nth-child(4n+4) {
 margin-right: 0;
}
.columnImg1 li:hover{border-color:#C24339}
.columnImg1 li img{ width: 100%;
 height: auto;}
.columnImg1 li .title_type{ font-size:14px; display:block;height:30px; text-align:center; line-height:30px; font-weight:bold}
.columnImg1{
 display: none;
}
.thumbs_con img {
 width: 100%;
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{
	top:100%;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #C24339;
}

}
@media only screen and (max-width:768px){
	div.article_right{border:none;}
	ul.columnImg1 li{width: 31.3%;box-sizing:border-box;margin: 2% 1%;height: 310px;}
 ul.columnImg1 li img{width:100%;height:230px;}
 .columnImg1{
 display: block;
 padding-top: 0;
 margin-top: 0;
 }
 .mySwiper2,.mySwiper{
 display: none;
 }
 .main_content{
  margin-top: 0;
 }
}
@media only screen and (max-width:640px){
ul.columnImg1 li{width: 48%;box-sizing:border-box;margin: 2% 1%;height: auto;}

}
@media only screen and (max-width:350px){
	ul.columnImg1 li{width:98%;height:auto;}
}
.mySwiper {
 margin-bottom: 24px;
 position: relative;
 overflow: initial;
 overflow-x:scroll;
 overflow-y:hidden;
 padding-bottom: 20px;
}
.mySwiper::-webkit-scrollbar {
 /*滚动条整体样式*/
 width: 2px;
 /*高宽分别对应横竖滚动条的尺寸*/
 height: 10px;
}

.mySwiper::-webkit-scrollbar-thumb {
 /*滚动条里面小方块*/
 width: 2px;
 background: #C24339;
}

.mySwiper::-webkit-scrollbar-track {
 /*滚动条里面轨道*/
 background: #ffffff;
}
.main_content {
 overflow: hidden;
}
.article_right{
 overflow: hidden;
}
.mySwiper2 {
 overflow: hidden;
 position: relative;
 margin-bottom: 24px;
 width: 420px;
}
.mySwiper .swiper-slide {
 border: 1px solid #E6EEF6;
 box-sizing: border-box;
}
.mySwiper .swiper-slide a {
 display: block;
}
.mySwiper .swiper-slide a img {
 width: 100%;
 min-height: 226px;
}
.mySwiper .swiper-slide .title_type {
 font-size: 18px;
 text-align: center;
 display: block;
 margin-top: 10px;
 margin-bottom: 10px;
 
}
.mySwiper .swiper-button-next {
 background: #C24339 url('/Sites/Uploaded/UserUpLoad/20231031/20231031141107.png') no-repeat center center;
 width: 60px;
 height: 60px;
 right: 80px;
 z-index: 999;
 top: -366px;
 border-radius: 50%;
}
.mySwiper .swiper-button-next:hover,.mySwiper .swiper-button-prev:hover{
 opacity: 1;
}
.mySwiper .swiper-button-prev {
 background: #C24339 url('/Sites/Uploaded/UserUpLoad/20231031/20231031141222.png') no-repeat center center;
 width: 60px;
 height: 60px;
 left: 80px;
 z-index: 999;
 top: -366px;
 border-radius: 50%;
}
.mySwiper2 .swiper-slide a img {
 width:380px;
 margin: 0 auto;
 display: block;
}
.mySwiper2 .swiper-slide a {
 display: block;
}
.mySwiper2 .swiper-slide a.title_type {
 font-size: 24px;
 margin: 24px auto;
 text-align: center;
 color: #C24339;
}
.mySwiper .swiper-button-next:after,.mySwiper .swiper-rtl .swiper-button-prev:after{
 display: none;
}
.mySwiper .swiper-button-prev:after,.mySwiper .swiper-rtl .swiper-button-next:after{
 display: none;
}
.mySwiper li.swiper-slide.swiper-slide-visible.swiper-slide-thumb-active {
 border: 1px solid #C24339;
}   
@media screen and (min-width: 769px) and (max-width: 1280px) {
	.mySwiper2 {
 margin-top: 34px;
 width: 300px;
} 
	.mySwiper .swiper-slide a img {
 min-height: 183px;
}
} 