﻿@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:#478cd1}
.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;
}
@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:auto;}
 .columnImg1{
 display: block;
 }
 .mySwiper2,.mySwiper{
 display: none;
 }
}
@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;}
}

.article_right{
 overflow: hidden;
}
.mySwiper2 {
 overflow: hidden;
 position: relative;
 margin-bottom: 24px;
width: 380px;
}
.mySwiper {
 margin-bottom: 24px;
 position: relative;
 overflow: initial;
}
.mySwiper .swiper-slide {
 border: 1px solid #E6EEF6;
 box-sizing: border-box;
}
.mySwiper .swiper-slide a {
 display: block;
}
.mySwiper .swiper-slide a img {
 width: 100%;
}
.mySwiper .swiper-slide .title_type {
 color: #666;
 font-size: 14px;
 text-align: center;
 display: block;
 margin-bottom: 10px;
}
.mySwiper .swiper-button-next {
 background: url(/Sites/Uploaded/UserUpLoad/20230207/20230207141611.png);
 width: 32px;
 height: 32px;
 opacity: 1;
 right: 80px;
 z-index: 999;
 top: -251px;
 transform: scale(1.5);
}
.mySwiper .swiper-button-prev {
 background: url(/Sites/Uploaded/UserUpLoad/20230207/20230207141345.png);
 width: 32px;
 height: 32px;
 opacity: 1;
 left: 80px;
 z-index: 999;
 top: -251px;
 transform: scale(1.5);
}
.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: #0551A9;
}
.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 .swiper-slide-thumb-active {
 border: 1px solid #0551A9;
} 