.cen-w { width: 1200px; margin: 0 auto; position: relative; } /*澶撮儴*/ .head-wrap { width: 100%; height: 598px; position: relative; } /*banner*/ .banner { min-width: 1200px; width: 100%; height: 100%; overflow: hidden; } .banner .bd img { width: 100%; height: 598px; } /*logo*/ .logo-wrap { min-width: 1200px; position: absolute; top: 0; left: 0; width: 100%; height: 128px; background: #0D3F72; } .logo { width: 705px; height: 128px; float: left; } .logo_one{ display: flex; } .logo img { width: 100%; height: 100%; } .zhongwen { font-size: 18px; color: #fff; float: right; display: block; line-height: 114px; } /*瀵艰埅*/ .nav-wrap { position: absolute; bottom: 0; width: 100%; left: 0; } .nav-wrap li { width: 12.5%; line-height: 72px; font-size: 22px; float: left; text-align: center; position: relative; } .nav-wrap li a { color: #fff; transition: all 0.6s; display: block; } .nav-title>a:hover { color: #6a0002; } .nav-hide { font-size: 18px; background: rgba(0, 0, 0, 0.6); position: absolute; top: 72px; left: 0; right: 0; margin: auto; width: 100%; line-height: 40px; opacity: 0; transition: all 0.6s; transform: translate(0, 20px); visibility: hidden; z-index: 666; } .nav-hide p { line-height: 45px; width: 100%; } .nav-hide p:hover { background: rgba(221, 221, 221, 0.3); } .nav-title:hover .nav-hide { opacity: 1; transform: translate(0, 0); visibility: visible; z-index: 2; } /*鏂伴椈*/ .main-wrap { width: 100%; background: #f7f7f7; height: 528px; } .news-wrap { width: 705px; float: left; } .title-wrap { margin-top: 15px; width: 100%; height: 83px; line-height: 83px; font-size: 30px; color: #333333; } .title-wrap a { float: right; color: #6a0002; font-size: 18px; font-style: italic; text-decoration: underline; } .title-wrap p { float: left; } .news-list { width: 100%; } .news-list li { width: 48%; } .news-pic-wrap { height: 304px; position: relative; overflow: hidden; float: left; } .news-list .news-pic-wrap:nth-child(even) { float: right; } .sc .news-text-wrap:nth-child(odd) { float: left;} .sc .news-text-wrap:nth-child(even) { float: right; } .news-pic { width: 100%; height: 254px; overflow: hidden; } .news-pic img { width: 100%; height: 100%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .news-pic-time { padding: 14px 20px; box-sizing: border-box; width: 275px; height: 114px; background: #fff; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } .news-time { margin-top: 5px; width: 100%; font-size: 18px; color: #6a0002; line-height: 18px; } .news-time img { margin-right: 12px; width: 18px; height: 18px; display: block; float: left; } .news-text { color: #333333; line-height: 24px; font-size: 16px; margin-top: 14px; } .news-list .news-pic-wrap:hover .news-pic img { transform: scale(1.2); } .news-text-wrap { line-height: 15px; margin-top: 23px; float: left; } .news-text-time { padding-right: 7px; margin-right: 10px; font-size: 14px; color: #999999; float: left; border-right: 1px solid #6a0002; } .news-text-word { font-size: 16px; color: #333333; float: left; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .news-text-wrap:hover .news-text-word { color: #6a0002; } /*鍏憡*/ .gonggao-wrap { width: 456px; float: right; } .gonggao-wrap li { margin-bottom: 20px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; width: 100%; height: 80px; border-bottom: 1px dashed #d2d2d2; } .gonggao-wrap li a { display: block; width: 100%; height: 100%; } .ggao-time { line-height: 61px; margin-right: 28px; width: 53px; height: 61px; background: #d2d2d2; float: left; font-size: 16px; color: #333333; text-align: center; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .ggao-text { font-size: 16px; color: #333333; line-height: 61px; float: left; } .gonggao-wrap li:hover .ggao-time { background: #6a0002; color: #fff; } .gonggao-wrap li:hover { border-bottom: 1px dashed #6a0002; } /*涓昏閮ㄥ垎2*/ .main2-wrap { width: 100%; height: 284px; background: #0D3F72; min-width: 1200px; } .Activities { width: 585px; float: left; } .Activities .title-wrap { color: #fff; margin-top: 50px; } .Activities .title-wrap a { color: #fff; } .main2-list { width: 100%; } .main2-list li { width: 100%; font-size: 16px; color: #fff; line-height: 40px; } .main2-list li a { color: #fff; display: block; width: 100%; } .Competition { float: right; } /*涓昏閮ㄥ垎3*/ .main3 { width: 100%; height: 465px; background: url(../images/bac_02.jpg) no-repeat; min-width: 1200px; } .main3-title { font-size: 30px; color: #6a0002; text-align: center; line-height: 143px; } .main3-list { width: 100%; } .main3-list li { margin-bottom: 59px; width: 25%; float: left; } .main3-list li:hover .main3-pic{-webkit-animation: spinAround 2s linear infinite; -moz-animation: spinAround 2s linear infinite; animation: spinAround 2s linear infinite;} @-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spinAround { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(360deg); } } @keyframes spinAround { from { transform: rotate(0deg) } to { transform: rotate(360deg); } } .main3-pic { width: 90px; height: 90px; display: block; float: left; border-radius: 50%; border: 2px dashed #78533d;overflow: hidden; } .main3-text-wrap { width: 164px; float: left; margin-left: 18px; } .main3-text-num { line-height: 39px; color: #6a0002; font-size: 30px; } .main3-text { font-size: 16px; color: #333333; } .main4 { width: 100%; } .main4 li { margin-right: 2%; overflow: hidden; width: 32%; height: 214px; float: left; position: relative; } .main4 li img { width: 100%; height: 100%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .main4 li p { text-indent: 2rem; width: 100%; height: 38px; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to right, #6e0809, transparent); color: #fff; font-size: 18px; line-height: 38px; } .main4 li:hover img { transform: scale(1.2); } .main4 li:nth-child(3) { margin-right: 0; } .footer { min-width: 1200px; overflow: hidden; margin-top: 50px; color: #ffffff; width: 100%; background: #1b1b1b; } .footer-top { width: 100%; margin-top: 29px; margin-bottom: 19px; } .footer-icon { width: 33.33%; float: left; } .footer-icon p { font-size: 18px; line-height: 18px; color:#fff; } .footer-icon p a{color:#fff} .footer-icon p+p { font-size: 16px; margin-top: 13px; } .footer-banquan { font-size: 15px; text-align: center; border-top: 1px solid #535353; padding: 18px 0 40px 0; } .footer-icon img { display: block; float: left; height: 18px; margin-right: 5px; } /*------------------------------鍐呭椤�---------------*/ .wrap_right_w { width: 100% !important; } .wrap_right_content { width: 80%; background: #FFFFFF; padding: 30px 20px 60px 20px; float: right; box-sizing: border-box; } .news_show_title { width: 100%; line-height: 50px; font-size: 20px; color: #333333; text-align: center; font-weight: bold; } .news_show_con { font-size: 16px; color: #4c4c4c; line-height: 26px; } .news_show_date { width: 100%; font-size: 14px; color: #808080; text-align: center; margin-bottom: 20px; } .news_show_xyp { width: 100%; font-size: 16px; line-height: 40px; margin-top: 30px; } .news_show_xyp a { color: #666666; display: block; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .member_order_tit { width: 52%; height: 50px; margin: auto; margin-top: 20px; } .member_order_tit1 { width: 28px; height: 26px; margin-top: 13px; } /*-----------------------鍒楄〃-*/ .news-wrap { margin-bottom: 55px; } .news-nav { width: 20%; margin-top: 20px; float: left; } .newsOn a { color: #fff!important; background: #6a0002!important; } .news-nav li { font-size: 18px; color: #222; line-height: 60px; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .news-nav li a { color: #222; display: block; width: 100%; height: 60px; } .news-nav li:hover { background: #6a0002; } .news-nav li:hover a { color: #fff !important; } .news-list-wrap { width: 78%; float: right; margin-top: 20px; } .news_list { width: 100%; height: 190px; border-top: 1px solid #ccc; padding: 20px; box-sizing: border-box; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .news_list:hover .news_title { color: #6a0002; } .news-list-wrap .news_list:first-child { border: none; } .news_title { width: 100%; font-size: 22px; color: #000000; line-height: 33px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .news_content { width: 100%; font-size: 16px; color: #4c4c4c; line-height: 32px; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news_date { width: 100%; font-size: 16px; color: #808080; margin-top: 20px; } .news_show_title { width: 100%; line-height: 50px; font-size: 20px; color: #333333; text-align: center; font-weight: bold; } .news_show_date { width: 100%; font-size: 14px; color: #808080; text-align: center; margin-bottom: 20px; } .news_show_content { font-size: 16px; color: #4c4c4c; line-height: 26px; text-indent: 2em; } .news_show_content1 { width: 90%; height: 400px; margin: 20px auto; position: relative; } .news_show_content1 img { width: 100%; height: 100%; display: block; } /*浜岀骇瀵艰埅*/ .list_bt { height: 65px; margin: 0 auto; margin-top: 15px; } .list_bt .lmmc { width: 20%; height: 65px; line-height: 65px; border-bottom: 3px solid #6a0002; float: left; font-size: 24px; color: #444444; display: block; text-align: center; box-sizing: border-box; } .list_bt .dqwz { width: 80%; height: 65px; line-height: 65px; border-bottom: 3px solid #cccccc; text-align: right; padding-right: 15px; box-sizing: border-box; font-size: 14px; color: #444444; float: right; } .list_bt .dqwz a { color: #444444; } .pic-list-wrap { width: 78%; float: right; margin-top: 20px; } .pic-list-wrap li { width: 25%; float: left; padding: 0 1%; box-sizing: border-box; } .pic-list-wrap li img { width: 100%; height: 200px; } .pic-list-wrap li p { text-align: center; line-height: 35px; font-size: 16px; color: #222; }