.swiper-container {width: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide{overflow: hidden;}
.swiper-slide img{width:100%;animation:gradient 10s ease infinite;image-rendering: pixelated;}
.swiper-pagination-bullet {width: 15px; height: 15px;background: #ffffff;opacity:1;}
.swiper-pagination-bullet-active {background:linear-gradient(145deg, #D0593E 0%, #D0593E 100%);}
.swiper-pagination {bottom: 30px !important;}
.con1{padding:100px 0 120px;overflow: hidden;background:#f4f5f9;}
.con1 .container{margin-top:40px;}
.con1 .about{width:70%;margin-top:50px;text-align:left;}
.con1 .about p{margin-bottom: 15px;letter-spacing: 1.5px;font-size:18px;line-height:30px;color: #434955;}
.con1 .yewu div{display: block;float: left;width: 16%;padding:0 3%;text-align: center;margin: 0 1.5%;border-radius: 10px;background:#ffffff;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, .08); -o-box-shadow: 1px 1px 12px rgba(0, 0, 0, .08); box-shadow: 1px 1px 12px rgba(0,0,0,.08); -webkit-transition: width .15s linear; -o-transition: width .15s linear; -moz-transition: width .15s linear;}
.con1 .yewu div img{width:100%;}
.con2{padding:80px 0;overflow: hidden;background:url(../images/bg1.jpg) center bottom no-repeat;background-attachment: fixed;background-repeat: no-repeat; }
.acgsort{width:60%;margin:60px auto;display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.acgsort li{width:18%; height:50px; font-size:18px;line-height:50px;color: #333;cursor:pointer;text-align: center; background: #fff; border-radius:10px;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, .08); -o-box-shadow: 1px 1px 12px rgba(0, 0, 0, .08); box-shadow: 1px 1px 12px rgba(0,0,0,.08); -webkit-transition: width .15s linear; -o-transition: width .15s linear; -moz-transition: width .15s linear;}
.acgsort li.cur{color: #fff;background:linear-gradient(145deg, #3E6CD0 0%, #593dd0 100%);}
.tab{position:relative;width:80%;margin:30px auto 0;display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.tabl{width:58%;color: #434955}
.tabl h3{font-size: 36px; font-weight: bold;}
.tabl h4{font-size: 30px; font-family: "arialbd"; margin: 5px 0;}
.tabl span{font-size: 20px;}
.tabl p{font-size: 16px; color: #444; margin-top: 40px; line-height: 27px;}
.tabr{width:40%;}
.tabr img{width:100%;}
.con3{padding:80px 0;overflow: hidden;background:#f4f5f9;}
.con3 .container{margin-top:80px;display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.con3 dl{width:25%;padding:2% 2%;border-radius: 10px;background:#FFFFFF;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, .08); -o-box-shadow: 1px 1px 12px rgba(0, 0, 0, .08); box-shadow: 1px 1px 12px rgba(0,0,0,.08); -webkit-transition: width .15s linear; -o-transition: width .15s linear; -moz-transition: width .15s linear;display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.con3 dl dt{width:20%;}
.con3 dl dt img{width:100%;}
.con3 dl dd {width:70%;}
.con3 dl dd span{font-size:18px;font-weight:700;background-image:linear-gradient(145deg, #3E6CD0 0%, #593dd0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.con3 dl dd p{font-size:14px;margin-top:10px;}
.an{text-align: center;margin-top:80px;}
.con4{padding:80px 0;overflow: hidden;background: url(../images/bg2.jpg) center bottom no-repeat;background-attachment: fixed;background-size: cover;}
.con4 .tit h4,.con4 .tit p{color: #FFFFFF;}
.con5{padding:80px 0;overflow: hidden;position: relative;background: url(../images/bg3.jpg) center bottom no-repeat;background:#ffffff;background-attachment: fixed;background-size: cover;}
.con5 .swiper-wrapper {height: auto;padding-bottom:30px;}
.con5 .swiper-container1{margin-top: 60px;overflow: hidden;}
.con5 .swiper-slide {position: relative;height:auto;border-radius:12px}
.con5 .swiper-slide:after { z-index: 1; opacity: 0.3; background: #000; transition: opacity .4s ease-in-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: " "; overflow: hidden; display: block; border-radius: 8px; }
.con5 .swiper-slide .news{height:auto;position: relative;}
.con5 .swiper-slide .news .img{position: relative; width: 100%; padding-top: 61.98%;overflow: hidden;}
.con5 .swiper-slide .news .img img{object-fit: cover; height: 100%; width: 100%; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0);}
.con5 .swiper-slide .news .info{color:#ffffff;position:absolute;display: flex;flex-wrap:wrap;align-items: center;padding:0 5%;width:auto;height:100%;left:0;bottom:-50%;z-index: 999; transition: all .2s;}
.con5 .swiper-slide .news .info a{color:#ffffff;}
.con5 .swiper-slide .news .info span{display: block;width:100%;font-size:16px;line-height:40px;}
.con5 .swiper-slide .news .info h4{font-size:26px;line-height:30px;height:30px;font-weight: normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.con5 .swiper-slide .news .info p{font-size:14px;line-height:26px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.con5 .swiper-slide .news .info .xq{display:inline-block;padding:0 30px;border-radius:20px;border:2px #FFFFFF solid;line-height:35px;}
.con5 .swiper-slide:hover .news .info{background:linear-gradient(145deg, #3E6CD0 0%, #593dd0 100%);bottom:0;}
.con5 .swiper-pagination {bottom: 0 !important;}
.con5 .swiper-pagination-bullet { width: 10px; height: 10px;background:none;border:1px #999999 solid}
.con5 .swiper-pagination-bullet-active {background: #D03E6C;}

@media (max-width:1000px) {
.swiper-container {margin-top: 60px;}
.swiper-pagination { bottom:10px !important;}
.swiper-pagination-bullet { width: 10px;height: 10px;}
.tit h4 { font-size:20px;}
.tit p { margin-top: 10px;font-size: 13px; }
.con1,.con2,.con3,.con4,.con5 {padding:30px 0;}
.con2 {overflow: hidden;}
.con1 .container,.con3 .container,.an,.con5 .swiper-container1{ margin-top: 30px;}
.con1 .yewu div { display: block; float: left; width:46%;padding: 0; text-align: center; margin: 0 2% 4% 2%; }
.con1 .about { width:96%; margin-top:30px;}
.con1 .about p { margin-bottom: 10px; font-size: 15px; line-height:22px; }
.acgsort { width:98%; margin:30px auto;}
.acgsort li { width:23%; height: 40px; font-size: 14px; line-height:40px;}
.tab {width: 96%; margin: 20px auto 0;}
.tabl,.tabr { width: 100%; }
.tabl h3,.tabl h4 { font-size: 24px; }
.tabl span { font-size:16px; }
.tabl p { font-size: 14px;margin-top:20px;line-height: 22px;}
.con3 dl { width:96%; padding: 2% 2%;margin-bottom:2%}
.anniu { width: 80px;  padding: 0 20px; }
.con5 .swiper-slide .news .info h4 {font-size: 18px;}
}