@charset "utf-8"; /* 首页 开始 */ body{ background:#f6f6f6 url(/uploads/image/mimsy_images/conner_bg.jpg) 50% 30% no-repeat; } .header { position: relative; background: #fff url(/uploads/image/mimsy_images/head02.jpg) 50% 0 no-repeat; } .header h1 { background: url(/uploads/image/mimsy_images/logo_02.png) 50% no-repeat; } .content{ width: 1360px; margin: 0px auto; padding:30px 30px 0px 30px; } /* focus 开始 */ .focus, .focus .pic { position: relative; width: 100%; height: 100%; margin:0px auto; padding:0px; background-color: transparent; } .focus .pic>div { position: relative; overflow: hidden; width: 100%; padding:0px; } .focus .pic img { width:100%; } .focus .focus-prev, .focus .focus-next { display: none; } .focus .navi { position: absolute; bottom: 14px; right: 50%; z-index: 9; text-align: center; padding: 0 10px; margin-bottom: 4px\9; } .focus .navi li { float: left; width: 23px; height: 18px; margin: 0 2px; font: 0/0 lx; border: none; color: transparent; border-radius: 0px; transition: all .3s; background: url(/uploads/image/mimsy_images/navi.png) 50% 50% no-repeat; } .focus .navi li.on { background: url(/uploads/image/mimsy_images/navi_on.png) 50% 50% no-repeat; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px; } .focus .swiper-pagination-bullet { border: none; background: none; width: 23px; height: 18px; opacity: 1; border-radius: 0px; background: url(/uploads/image/mimsy_images/navi.png) 50% 50% no-repeat; } .focus .swiper-pagination-bullet-active { background-color: transparent; background: url(/uploads/image/mimsy_images/navi_on.png) 50% 50% no-repeat; } @media (max-width: 1200px) { .focus{ position: relative; width: 100%; height: auto; margin:0px; } .focus .pic>div { position: relative; overflow: hidden; width: 100%; height: 100%; } .focus .navi{ bottom: 0px; } .focus .swiper-pagination-bullet,.focus .swiper-pagination-bullet-active { background-size: 50% auto; } } /* focus 结束 */ .main_classify { width: 1360px; overflow: hidden; margin:30px auto 0px; } .main_classify ul li { overflow: hidden; height: 330px; position: relative; cursor: pointer; font-family: 'simsun'; background: url(/uploads/image/mimsy_images/main_classify_bg_03.jpg) 0px 0px no-repeat; } .main_classify ul li .detail { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; } /*.main_classify ul li .cover { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 90; background-color: #fff; opacity: 0 }*/ .main_classify ul li.first { margin-left: 0; } .main_classify ul li.li02 { background: url(/uploads/image/mimsy_images/main_classify_bg_05.jpg) 0px 0px no-repeat; } .main_classify ul li.li03 { background: url(/uploads/image/mimsy_images/main_classify_bg_07.jpg) 0px 0px no-repeat; } .main_classify ul li.li04 { background: url(/uploads/image/mimsy_images/main_classify_bg_09.jpg) 0px 0px no-repeat; } .main_classify ul li.li05 { background: url(/uploads/image/mimsy_images/main_classify_bg_11.jpg) 0px 0px no-repeat; } .main_classify ul li.li06 { background: url(/uploads/image/mimsy_images/main_classify_bg_13.jpg) 0px 0px no-repeat; } .main_classify ul li .tit { width: 400px; overflow: hidden; margin-left: -105px } .main_classify ul li .tit img { margin-top: 8px; float: left; padding: 0 20px } .main_classify ul li .tit p { width: 102px; height: 1px; background-color: #e8e8e8; float: left; margin-top: 64px; opacity: 0.3; } .main_classify ul li .tit p.lt { float: left; width: 85px } .main_classify ul li .en { margin-top: 20px } /* .main_classify ul li .en{ font-size: 28px; text-transform: uppercase; font-family: 'simsun'; color: #e8e8e8; opacity: 0.3; padding-left: 4px } */ .main_classify ul li .enter { margin-top: 40px; overflow: hidden; margin-left: 30px; font-family: 'microsoft yahei' } .main_classify ul li .enter .words { float: left; color: #fff; font-size: 14px; width: 66px; margin-left: -66px; display: block } .main_classify ul li .enter .words .en01 { /* margin-top: 20px */ font-size: 12px; line-height: 12px; color: #fff; opacity: 0.4 } .main_classify ul li .enter .round { width: 31px; height: 31px; border-radius: 50%; background-color: #666; text-align: center; float: left; } .main_classify ul li.li02 .enter .round { background-color: #4e7a68 } .main_classify ul li.li03 .enter .round { background-color: #9f7b4b } .main_classify ul li.li04 .enter .round { background-color: #703c3b } .main_classify ul li.li05 .enter .round { background-color: #4a3939 } .main_classify ul li.li06 .enter .round { background-color: #335472 } .main_classify ul li .enter .round img { margin-top: 8px } .main_classify ul li span.name { font-size: 24px; line-height: 48px; border-bottom: 1px solid #fff; display: inline-block; color: #e9e5e0; margin-left: 30px; margin-top: 10px; font-family: 'microsoft yahei'; } .index_column{ display: none; } .grid { margin: 0 auto; padding: 0px; } @media (max-width: 1024px) { .content { width: 100%; padding:10px; background-color: transparent; } .grid { width: 100%; padding:0px 20px; } .main_classify{ display: none; } .index_column{ display: inline-block; margin:10px 10px 0px 10px; padding:0px 15px; } .index_column li { margin:0.5%; width:32.3%; } .index_column img{ width:100%; height: 100%; } } /* 首页新闻 开始 */ .index_news .list-b li { position: relative; padding: 0px 20px 0px 0px; margin-bottom: 30px; } .index_news .list-b li li{ padding-top:30px; border-top: 1px solid #ddd; } .index_news .list-b li .pic { width: 470px; height: 320px; margin-right: 50px; overflow: hidden; } .index_news .list-b li h3{ font-size: 24px; color: #333; font-weight:bold; } .index_news .list-b li h3 a{ float: right; padding: 0px 20px; height: 25px; line-height: 25px; text-align: center; color: #a61f22; border: 1px solid #a61f22; border-radius: 12px; font-size: 14px; } .index_news .list-b li h3 a:hover { color: #fff; background-color: #a61f22; } .index_news .list-b li h4 { font-weight: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; padding-left:20px; margin-bottom: 0px; line-height: 38px; background: url(/uploads/image/mimsy_images/dot_02.png) 0px center no-repeat; } .index_news .list-b li h4 span{ float: right; } .index_news .list-b li p { font-size: 14px; line-height: 26px; color: #666; margin-bottom: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid #ddd; font-weight: 500; } .index_news .list-b li .list-t li{ margin-bottom: 0px; } .index_news .list-b li .list-t li:before { content: ""; position: absolute; top: 50%; left: 0; width: 12px; height: 12px; margin-top: -6px; background-color: transparent; border-radius: 0px; background: url(/uploads/image/mimsy_images/dot_02.png) 0px center no-repeat; } .index_news .list-b li h3 span { color: #a61f22; margin:0px 10px; } @media (max-width: 768px) { .index_news .list-b li{ border:none; padding:30px 0px 0px 0px; background-color: transparent; } .index_news .list-b li h3{ position: absolute; top: 0px; left:0px; font-size: 18px; display: block; width: 100%; } .index_news .list-b li h3 a{ position: absolute; right: 0px; line-height: 18px; height: 20px; font-size: 12px; padding:0px 10px; } .index_news .list-b li li{ border-top: none; } .index_news .list-b li .pic { width: 140px; height: 85px; margin-right:10px; overflow: hidden; } .index_news .list-b li h4{ font-size: 16px; margin-bottom: 0px; font-weight: normal; -webkit-line-clamp: 1; font-weight: bold; line-height: 32px; } .index_news .list-b li p{ font-size: 14px; margin: 0px; -webkit-line-clamp: 2; padding-bottom:5px; margin-bottom: 10px; } } /* 首页新闻 结束 */ .index_artists { width:1360px; height: 226px; margin:30px auto; } .index_artists .index_artists_bt { width: 135px; height: 226px; background: center no-repeat } .index_artists .index_artists_bt { font-size: 24px; text-align: center; overflow: hidden; } .index_artists .index_artists_bt h5 { color: #fff; margin-top: 36px } .index_artists .index_artists_bt p { text-transform: uppercase; color: #4e7a68; font-family: 'microsoft yahei' } .index_artists .index_artists_bt .line { width: 85px; height: 1px; background-color: #4e7a68; margin: 35px auto 0 } .index_artists .index_artists_bt a { font-size: 14px; width: 66px; height: 25px; display: inline-block; border: 1px solid #4e7a68; border-radius: 12px; color: #fff; text-align: center; line-height: 25px; margin-top: 22px } .index_artists .index_artists_bt a:hover{ color: #4e7a68; background-color: #fff } .index_artists .index_artists_present { background: left center no-repeat; height: 100%; width: 90%; padding: 0 25px } .index_artists .index_artists_present ul li { float: left; text-align: center; margin:0px 13px; } .index_artists .index_artists_present ul li:hover img{ transform: scale(1.1); transition: all 0.8s ease } .index_artists .index_artists_present ul li:hover { color: #a61f22 } .index_artists .index_artists_present ul li .picbox { width: 120px; height: 120px; border-radius: 50%; border: 1px solid #fff; overflow: hidden; margin-top: 24px } .index_artists .index_artists_present ul li .picbox img{ width: 100% } .index_artists .index_artists_present ul li .name { padding: 0 12px; margin-top: 8px; font-weight: 500; } .index_artists .index_artists_present ul li .name span { width: 14px; height: 1px; background-color: #8d1314; display: inline-block; float: left; margin-top: 14px } .index_artists .index_artists_present ul li .name span.rt { float: right; } .index_artists .index_artists_present ul li .name em { font-size: 16px; /* padding: 0 7px; */ } .index_artists .index_artists_present ul li .job { font-size: 17px; color: #666; font-weight: 500; } @media (max-width: 1024px) { .index_artists .index_artists_bt{ position: relative; width:100%; height: 40px; background-color: #1e4b37; } .index_artists .index_artists_bt h5{ margin:0px; font-size: 16px; text-align: left; line-height: 40px; font-weight: bold; display: block; float: left; } .index_artists .index_artists_bt p{ display: block; float: left; font-size: 14px; line-height: 40px; font-weight: bold; padding-left:10px; } .index_artists .index_artists_bt a{ margin-top: 0px; position: absolute; right: 10px; top: 20%; font-size: 14px; } .index_artists .index_artists_bt .line{ display: none; } .index_artists{ width:100%; height: auto; margin:30px auto 0px; } .index_artists .index_artists_present{ width:100%; padding:10px; background:#fff url(/uploads/image/mimsy_images/tree.jpg) left bottom no-repeat; } .index_artists .index_artists_present ul li{ margin:0px 21px; } .index_artists .index_artists_present ul li .picbox{ width:80px; height: 80px; } .index_artists .index_artists_present ul li .name{ padding:0px 5px; } .index_artists .index_artists_present ul li .name em{ font-size: 16px; font-weight: bold; } .index_artists .index_artists_present ul li .job{ font-size: 14px; } } @media (max-width: 768px) { .index_artists .index_artists_present ul li{ margin:0px 11px; } } @media (max-width: 480px) { .index_artists .index_artists_present ul li{ margin:0px 9px; } .index_artists .index_artists_present ul li .name em{ font-size: 14px; font-weight: bold; } .index_artists .index_artists_present ul li .job{ font-size: 12px; } } @media (max-width: 375px) { .index_artists .index_artists_present ul li{ margin:0px 4px; } } /* 首页 结束 */