@charset "UTF-8";
/*统一的样式*/
/* reset */
* { margin: 0; padding: 0; list-style: none; box-sizing: border-box; font-family: "微软雅黑"; line-height: 1.5em; }

img { border: none; vertical-align: bottom; max-width: 100%; }

table { border-collapse: collapse; }

button, input, select, textarea { font-size: 100%; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

address, cite, dfn, em, var { font-style: normal; }

/* 将斜体扶正 */
a { text-decoration: none; color: inherit; transition: 0s; }

/*清除超链接的下划线*/
a:hover { text-decoration: none; }

body { font-size: 14px; line-height: 140%; letter-spacing: 1px; position: relative; font-family: "微软雅黑", "Microsoft YaHei", "SimSun", "宋体" !important; max-width: 769px; margin: 0 auto; overflow-x: scroll; }

.homes_bg { width: 100%; height: 100%; position: fixed; background: url("../img/body-bgs.jpg") no-repeat; background-size: cover; left: 0; top: 0; z-index: -1; }

.m_banner { width: 100%; position: relative; }
.m_banner img { display: block; width: 100%; }

.m_sponsor { width: 100%; padding: 20px 3%; position: relative; display: flex; flex-direction: column; align-items: center; background: white;  }
.m_sponsor ul { width: 100%; position: relative; }
.m_sponsor ul li { font-size: 14px; color: #616161; line-height: 2em; position: relative; }
.m_sponsor ul li span { color: #ba0005; font-size: 14px; }
.m_sponsor figcaption { width: 100%; font-size: 14px; color: #616161; line-height: 2em; }
.m_sponsor figcaption span { color: #ba0005; font-size: 14px; }

.m_awards { width: 100%; padding: 20px 3%; position: relative; background: white;  }
.m_awards .h_title { width: 100%; display: flex; align-items: center; border-bottom: 2px solid #ba0005; padding-bottom: 15px; margin-bottom: 15px; }
.m_awards .h_title img { display: block; margin-right: 20px; }
.m_awards .h_title h3 { font-size: 18px; font-weight: lighter; color: #ba0005; }
.m_awards ul { width: 100%; display: flex;justify-content: space-between;flex-wrap: wrap;}
.m_awards ul li { width: 48%; position: relative; margin-bottom: 15px; }
.m_awards ul li a { display: block; width: 100%; height: 40px; background: #1978e6; color: white; font-size: 14px;  border-radius: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis ;line-height: 40px;padding: 0 2%;text-align: center}
.m_awards dl { width: 100%; position: relative; margin-top: 30px; }
.m_awards dl dd { color: #666666; font-size: 14px; line-height: 2em; }

.m_awards_list { width: 100%; padding: 20px 3%; position: relative; background: white; margin: 30px auto; }
.m_awards_list .h_title { width: 100%; display: flex; align-items: center; border-bottom: 2px solid #ba0005; padding-bottom: 15px; margin-bottom: 15px; }
.m_awards_list .h_title img { display: block; margin-right: 20px;width: 10% }
.m_awards_list .h_title h3 { font-size: 18px; font-weight: lighter; color: #ba0005; }
.m_awards_list ul { width: 100%; position: relative; padding: 0 1%;display: flex;flex-wrap: wrap;justify-content: space-between }
.m_awards_list ul li { width: 49%; border: 1px solid #cbcbcb; padding: 10px; transition: .5s; margin-bottom: 20px; }
.m_awards_list ul li figure { width: 100%; }
.m_awards_list ul li figure div { height: 100%; overflow: hidden; position: relative; padding: 26% 0; width: 100%; border: 1px solid #cbcbcb; }
.m_awards_list ul li figure div img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.m_awards_list ul li figure figcaption { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; }
.m_awards_list ul li figure figcaption h3 { font-size: 16px; color: #3b3b3b; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.m_awards_list ul li figure figcaption p { font-size: 14px; width: 100%; text-align: center; color: #000; margin: 10px auto;}
.m_awards_list ul li figure figcaption p span { color: #ba0005; font-size: 14px; text-align: center; }
.m_awards_list ul li figure figcaption > span { display: flex; width: 80%; margin: 0 auto; justify-content: center; align-items: center; font-size: 14px; background: #ba0005; border-radius: 10px; color: white; height: 30px; }

.vote { position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; display: none; z-index: 2; }
.vote .h_faker { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
.vote .ryze_sub { width: 140px; margin: 0 auto; display: flex; align-items: center; justify-content: center; background: #bb0005; color: white; font-size: 14px; height: 35px; border-radius: 10px; border: none; }
.vote .msg_form{width: 100%;position: absolute;top: 45%;padding: 40px 0;background: white;z-index: 3}




.m_guest { width: 100%; padding: 30px 3%; position: relative; background: #242328; }
.m_guest figure { width: 100%; }
.m_guest figure > div { width: 100%; position: relative; background: #2c2c2c; padding: 10px 0; }
.m_guest figure > div h3 { font-size: 16px; width: 100%; text-align: center; color: white; }
.m_guest figure > div .m_guest_swiper { width: 100%; height: 300px; margin-top: 30px; }
.m_guest figure > div .m_guest_swiper .swiper-wrapper { width: 100%; }
.m_guest figure > div .m_guest_swiper .swiper-wrapper .swiper-slide { width: 100%; }
.m_guest figure > div .m_guest_swiper .swiper-wrapper .swiper-slide p { font-size: 16px; color: white; width: 100%; text-align: center; }
.m_guest figure > div .m_guest_swiper .swiper-wrapper .all_people { margin-bottom: 115px !important; }
.m_guest figure figcaption { width: 100%; padding: 20px 3%; background: #2c2c2c;  }
.m_guest figure figcaption h3 { font-size: 16px; color: white; text-align: center; width: 100%; margin-bottom: 10px; }
.m_guest figure figcaption h4 { font-size: 14px; font-weight: lighter; color: white; width: 100%; text-align: center; }
.m_guest figure figcaption ul { width: 100%; margin: 20px auto; }
.m_guest figure figcaption ul li { width: 100%; font-size: 14px; color: #fefefe; line-height: 2em; }
.m_guest figure figcaption p { font-size: 16px; color: white; text-align: center; }

.m_old { width: 100%; padding: 20px 1%; background: white; }
.m_old h4 { font-family: Arial; font-size: 18px; color: #f23729; text-transform: uppercase; text-align: center; font-weight: lighter; width: 100%; }
.m_old h3 { font-size: 16px; color: #343333; font-weight: lighter; text-align: center; width: 100%; margin-bottom: 20px; }
.m_old .m_old_swiper { width: 100%; position: relative; }
.m_old .m_old_swiper .swiper-wrapper { width: 100%; }
.m_old .m_old_swiper .swiper-wrapper .swiper-slide { width: 100%; }
.m_old .m_old_swiper .swiper-wrapper .swiper-slide a { display: block; width: 100%; height: 100%; position: relative; }
.m_old .m_old_swiper .swiper-wrapper .swiper-slide a div { width: 100%; height: 100%; padding: 43% 0; overflow: hidden; position: relative; }
.m_old .m_old_swiper .swiper-wrapper .swiper-slide a div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.m_old .m_old_swiper .swiper-wrapper .swiper-slide a p { width: 100%; font-size: 14px; text-align: center; color: black; margin-top: 10px; }

.m_media { width: 100%; position: relative; padding: 20px 3% 40px 3%; }
.m_media .h_title { width: 100%; display: flex; align-items: center; border-bottom: 2px solid #ba0005; padding-bottom: 15px; margin-bottom: 15px; }
.m_media .h_title img { display: block; margin-right: 20px; }
.m_media .h_title h3 { font-size: 18px; font-weight: lighter; color: #ba0005; }
.m_media p { width: 100%; font-size: 14px; color: #bb0005; line-height: 2em; text-indent: 28px; }

.m_footer { width: 100%; position: relative; background: url("../img/h-footer_02.jpg") no-repeat; background-size: cover; padding: 40px 0 30px 0; }
.m_footer .m_about { display: flex; align-items: center; justify-content: center; }
.m_footer .m_about li { margin: 0 10px; position: relative; }
.m_footer .m_about li a { display: block; width: 100%; font-size: 14px; color: #626363; text-align: center; }
.m_footer dl { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_footer dl dd { font-size: 14px; color: #626363; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;  text-align: center; }

/*# sourceMappingURL=main.css.map */