@charset "utf-8"; body{background: #fff;} .head-wrap{width: 100%;} /*logo*/ .logo-wrap{width: 100%;height: 120px;min-width: 1200px;position: relative;background: url(../images/top_bac.jpg) no-repeat 84% bottom #aa0018;} .logo-wrap .cen-w{position: relative;height: 120px;} .logo{height: 70px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;} /*nav*/ .nav-wrap{width: 100%;min-width: 1200px;height: 54px;background: #950116;position: relative;} .nav{width: 100%;} .nav li{text-align: center; float: left;width:16.6%;position: relative;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;} .nav li a{font-size: 18px;color: #fff;line-height: 54px;display: block;width: 100%;height: 100%;} .nav dl{z-index: 99;display: none;width: 100%;left: 0;text-align: center;background: rgb(128 0 18);position: absolute;top: 54px;} .nav dl a{width: 100%;line-height: 54px;font-size: 16px;color: #fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;} .nav dl a:hover{color: #fff !important;background: #950116;} .nav li:hover{background:rgb(128 0 18);} .nav li:hover a{color: #fff;} .navOn{background:rgb(128 0 18);} /*banner*/ .banner {width: 100%; min-width: 1200px; height: 520px; position: relative;overflow: hidden;} .banner .swiper-slide{width: 100%;height: 520px;position: relative;} .banner .swiper-slide img{width: 100%;min-height: 520px;} .banner_title{width: 722px;height: 79px;background: url(../images/banner_bac.png) no-repeat;background-size: 100% 100%;color: #fff;line-height: 72px;font-size: 18px;font-weight: bold;padding: 0 23px;z-index: 99999;position: absolute;top: 420px;left: 0;} .banner .pagination { position: absolute; left: 0;right: 0;margin: auto; text-align: right; bottom:48px; width: 1200px; z-index: 9;} .banner .swiper-pagination-switch { display: inline-block; width: 15px; height: 15px; margin: 0 13px; cursor: pointer; border: 1px solid #fff; border-radius: 50%;} .banner .swiper-active-switch { background: #fc8505;border: 1px solid #fc8505;} @media screen and (min-width:1920px){.banner_title{left: 360px;}} @media screen and (min-width:1366px) {.banner_title{left: 83px !important;}} .main{width: 100%;height: 747px;background: url(../images/bac.png) center bottom no-repeat ; } .pic_list{width: 1200px;margin: 30px auto 0 auto;} .pic_list li{width: 277px;height: 135px;float: left;margin-right: 30px;overflow: hidden;} .pic_list li:nth-child(4){margin-right: 0;} .pic_list li img{height: 100%;min-width: 100%;text-align: center;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;transition: all 0.5s;} .pic_list li:hover img{transform: scale(1.1);} .main1{margin: 30px auto 0 auto;min-height:208px;} .main_list{width: 277px;float: left;margin-right: 30px;} .main_list_title{width: 100%;height: 39px;border-bottom: 1px solid #999999;} .main_list_title p{float: left; width: 124px;height: 100%;background: url(../images/title_bac.png) no-repeat; background-size: 100% 100%;text-align: center;line-height: 39px;color: #fff;font-size: 22px;} .main_list_title a{color: #333333;font-size: 14px;float: right;line-height: 39px;} .main_list li{width:100%;background: url(../images/icon.jpg) left center no-repeat;padding-left: 14px;line-height: 32px;} .main_list li a{font-size: 14px;color: #333333;} .main_list ul{margin-top: 9px;} .main_list li:hover a{color: #aa0018;} .main2_title{display: block;width: 440px;height: 34px;background: url(../images/title.png);margin: 16px auto 24px auto;} .main2_list{height: 190px;background: #f5d9dd;padding:10px;box-sizing: border-box;} .main2_list li{width: 272px;height: 100%;float: left;position: relative;background-size: cover !important;margin-right: 30px;} .main2_table{height: 26px;width: 100%; display: table;background: rgba(0,0,0,0.6);overflow: hidden; -webkit-transition: all 0.3s;-moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;color: #fff;padding: 0 15px;box-sizing: border-box;position: absolute;bottom: 0;left: 0;} .main2_list_title{display: table-cell;vertical-align: middle;text-align:left;} .main2_list_title a{color: #fff;} .main2_list li:hover .main2_table{height: 100%;} .footer{width: 100%;height: 117px;background: #aa0018;text-align: center;font-size: 16px;color: #ffffff;min-width:1200px;} .banner-wrap{width:100%;height:180px;overflow:hidden;} /*------------------------------内容页---------------*/ .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; } /*-----------------------列表-*/ .banner-wrap img {width: 100%;} .news-wrap {margin-bottom: 55px;min-height: 300px;} .news-nav {width: 20%;margin-top: 20px;float: left;} .newsOn a{color: #fff !important;background: #aa0018!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 a { color: #222; display: block; width: 100%; height: 60px; } .news-nav li:hover { background: rgb(128 0 18); } .news-nav li:hover a { color: #fff !important; } .news-list-wrap{ width: 77%; float: right; margin-top: 20px; } .news_list{ width: 100%; border-bottom: 1px dashed #ccc; padding: 12px 0; 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 a{ color: #aa0018; } .news-list-wrap .news_list:first-child{ /* border: none; */ } .news_list a{ font-size: 14px; color: #000000; line-height: 24px; 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_date{ font-size: 14px; color: #808080; float: right; } .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 #aa0018; float: left; font-size: 22px; 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 li{width: 25%;float: left;padding: 0 1%; box-sizing: border-box;} .pic-list-wrap li img{width: 100%;height: 200px;} .erji{display:none;}