html a {
text-decoration: none !important;
}
/* header */
.headerbox {
height: 218px;
width: 100%;
text-align: center;
background: url(http://yggdxlxh.com/images/header01.jpg) no-repeat;
}
.headerbox .logobox {
width: 1400px;
margin: 0 auto;
overflow: hidden;
padding: 23px 0;
}
.headerbox .logo {
float: left;
width: 521px;
height: 102px;
}
.input-group {
padding-top: 23px;
height: 48px;
float: right;
padding-right: 42px;
}
.input-group input {
font-size: 23px;
color: black;
width: 236px;
height: 49px;
background-color: transparent;
border: 1px solid #980000;
border-right: none;
border-radius: 10px 0 0 10px;
float: left;
}
.input-group>form>img:nth-of-type(1) {
float: left;
width: 66px;
height: 49px;
position: absolute;
}
.input-group>form>button>img:nth-of-type(1) {
width: 24px;
width: 24px;
position: relative;
top: 13px;
left: 15px;
}
.navbox {
display: flex;
align-items: center;
margin: 0 auto;
width: 1400px;
height: 50px;
background-color: #ff0101;
border-radius: 10px;
}
.navbox ul {
font-size: 16px;
justify-content: center;
margin-top: 10px;
margin-left: 10px;
border-radius: 10px;
width: 1380px;
height: 36px;
background-color: #980000;
}
.navbox ul li {
line-height: 36px;
width: 106px;
float: left;
text-align: center;
}
.navbox ul a {
margin-top: 2px;
border-radius: 8px;
display: block;
width: 70px;
height: 35px;
float: left;
color: #fff;
}
.navbox ul a:nth-of-type(1) {
margin-left: 20px;
}
.navbox ul a:hover {
background-color: #fff;
color: #980000;
}
/* banner轮播图 */
.swiper-container {
height: 500px;
width: 100%;
}
.swiper-pagination-bullet-active {
background: #980000;
}
/* 公告 */
.noticebox {
width: 1200px;
margin: 25px auto 0;
}
.noticebox .notice {
width: 1200px;
height: 40px;
}
.noticebox .notice .leftnotice {
width: 100px;
font-size: 16px;
color: #fff;
background-color: #ff0101;
line-height: 40px;
text-align: center;
}
.noticebox .notice .centernotice {
width: 1050px;
height: 40px;
margin-top: -40px;
margin-left: 100px;
border-bottom: 1px solid #c9c9c9;
}
.noticebox .notice .centernotice a {
color: #6f6e6e;
}
.noticebox .notice .centernotice i {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #a0a0a0;
display: block;
float: left;
margin: 16px;
margin-left: 15px;
}
.noticebox .notice .centernotice p {
width: 310px;
float: left;
line-height: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.noticebox .notice .rightnotice {
width: 62px;
height: 40px;
margin-top: -40px;
float: right;
border-bottom: 1px solid #c9c9c9;
}
.noticebox .notice .rightnotice a {
color: #c6c6c6;
line-height: 40px;
text-align: center;
}
/* 协会介绍 */
.introducebox {
width: 1200px;
height: 368px;
margin: 25px auto 0;
}
.introducebox .topintroduce {
width: 100%;
height: 43px;
background-color: #ff0101;
}
.introducebox .topintroduce .in-1 {
width: 100px;
line-height: 43px;
text-align: center;
font-size: 18px;
color: #fff;
display: block;
}
.introducebox .topintroduce a {
float: right;
width: 66px;
height: 43px;
display: block;
line-height: 43px;
text-align: center;
color: #fff;
font-size: 14px;
margin-top: -43px;
}
.introducebox .leftbanner .swiper-container {
width: 417px;
height: 294px;
float: left;
margin: 15px;
}
.introducebox .rightword {
width: 708px;
height: 310px;
margin-left: 455px;
margin-top: 15px;
}
.introducebox .rightword strong {
display: block;
color: #980000;
height: 58px;
font-size: 18px;
line-height: 58px;
}
.introducebox .rightword p {
color: #595757;
font-size: 17px;
height: 44px;
}
.introducebox .rightword p a {
color: #980000;
}
/* 新闻 */
.newsbox {
width: 1200px;
height: 370px;
margin: 0 auto;
}
/* 协会新闻 */
.newsleftbox {
float: left;
width: 590px;
height: 368px;
margin: 15px 0 0 0;
}
.newsleftbox .topintroduce {
width: 100%;
height: 43px;
background-color: #ff0101;
}
.newsleftbox .topintroduce .in-1 {
width: 100px;
line-height: 43px;
text-align: center;
font-size: 18px;
color: #fff;
display: block;
}
.newsleftbox .topintroduce a {
float: right;
width: 66px;
height: 43px;
display: block;
line-height: 43px;
text-align: center;
color: #fff;
font-size: 14px;
margin-top: -43px;
}
.newsleftbox .leftbottomnews {
width: 590px;
height: 296px;
border: 1px solid #e5e5e5;
border-top: none;
}
.newsleftbox .leftbottomnews ul li {
width: 580px;
height: 37px;
line-height: 37px;
font-size: 15px;
}
.newsleftbox .leftbottomnews ul li:hover a {
font-weight: bold;
color: #980000;
}
.newsleftbox .leftbottomnews ul li:hover i {
width: 0;
height: 0;
border: 5px solid;
float: left;
border-radius: 0;
margin: 13px 0;
margin-left: 15px;
display: block;
background-color: #fff;
border-color: transparent transparent transparent #980000;
}
.newsleftbox .leftbottomnews ul li:hover {
height: 40px;
}
.newsleftbox .leftbottomnews ul li a {
color: #a0a0a0;
font-size: 16px;
}
.newsleftbox .leftbottomnews ul li a:nth-of-type(2) {
float: right;
}
.newsleftbox .leftbottomnews ul li i {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #a0a0a0;
display: block;
float: left;
margin: 16px 5px 16px 16px;
margin-left: 15px;
}
/* 行业新闻 */
.newsrightbox {
width: 590px;
height: 368px;
margin: 15px 0 0 0;
float: right;
}
.newsrightbox .newspngbox {
width: 590px;
height: 296px;
border: 1px solid #e5e5e5;
border-top: none;
}
.newspng {
width: 570px;
height: 122px;
margin-left: 20px;
}
.newspng img {
width: 180px;
height: 100px;
}
.leftbottomnews .newspng img {
width: 180px;
height: 100px;
}
.leftbottomnews .newspng {
width: 570px;
height: 122px;
margin-left: 20px;
}
.newsrightbox .topintroduce {
width: 100%;
height: 43px;
background-color: #ff0101;
}
.newsrightbox .topintroduce .in-1 {
width: 100px;
line-height: 43px;
text-align: center;
font-size: 18px;
color: #fff;
display: block;
}
.newsrightbox .topintroduce a {
float: right;
width: 66px;
height: 43px;
display: block;
line-height: 43px;
text-align: center;
color: #fff;
font-size: 14px;
margin-top: -43px;
}
.newsrightbox .leftbottomnews {
width: 590px;
height: 296px;
}
.newsrightbox .leftbottomnews ul li {
width: 580px;
height: 37px;
line-height: 37px;
font-size: 15px;
}
.newsrightbox .leftbottomnews ul li:hover a {
font-weight: bold;
color: #980000;
}
.newsrightbox .leftbottomnews ul li:hover i {
width: 0;
height: 0;
border: 5px solid;
float: left;
border-radius: 0;
margin: 15px 0;
margin-left: 15px;
display: block;
background-color: #fff;
border-color: transparent transparent transparent #980000;
}
.newsrightbox .leftbottomnews ul li:hover {
height: 40px;
}
.newsrightbox .leftbottomnews ul li a {
color: #a0a0a0;
}
.newsrightbox .leftbottomnews ul li a:nth-of-type(2) {
float: right;
}
.newsrightbox .leftbottomnews ul li i {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #a0a0a0;
display: block;
float: left;
margin: 15px 5px 16px 16px;
margin-left: 15px;
}
.newsrightbox .newspngbox .newsword ul li {
width: 560px;
height: 37px;
line-height: 37px;
font-size: 15px;
}
.newsword ul li:nth-of-type(1) {
margin-top: 18px;
}
.newspng {
padding-top: 18px;
}
.newsword ul li a {
color: #a0a0a0;
font-size: 16px;
}
.newsrightbox .newspngbox .newsword li i {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #a0a0a0;
display: block;
float: left;
margin: 16px 5px 16px 16px;
margin-left: 15px;
}
.newsrightbox .newspngbox .newsword ul li a:nth-of-type(2) {
float: right;
}
.newsrightbox .newspngbox .newsword ul li:hover a {
font-weight: bold;
color: #980000;
}
.newsrightbox .newspngbox .newsword li:hover i {
width: 0;
height: 0;
border: 5px solid;
float: left;
border-radius: 0;
margin: 13px 0;
margin-left: 15px;
display: block;
background-color: #fff;
border-color: transparent transparent transparent #980000;
}
.newspng li {
width: 368px;
height: 122px;
}
.newspng li i {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #a0a0a0;
display: block;
list-style: none;
float: left;
margin: 15px 0 0 0;
}
.newspng li:hover i {
width: 0;
height: 0;
border: 5px solid;
float: left;
border-radius: 0;
display: block;
background-color: #fff;
border-color: transparent transparent transparent #980000;
}
.newspng li a,
div {
font-size: 16px;
display: block;
color: #a0a0a0;
}
.newspng li:hover a {
font-weight: bold;
color: #980000;
}
/* 品牌宣传 */
.propagate {
width: 1200px;
height: 228px;
margin: 25px auto 0;
border: 1px solid #e5e5e5;
border-top: none;
}
.propagate .toppropagate {
width: 100%;
height: 43px;
background-color: #ff0101;
}
.propagate .toppropagate strong {
width: 100px;
line-height: 43px;
text-align: center;
font-size: 18px;
color: #fff;
display: block;
}
.propagate .toppropagate a {
float: right;
width: 66px;
height: 43px;
display: block;
line-height: 43px;
text-align: center;
color: #fff;
font-size: 14px;
margin-top: -43px;
}
.propagate .swiper-container {
height: 190px;
}
.propagate .proswiper {
display: flex;
align-items: center;
}
.propagate .proswiper a {
float: left;
display: block;
margin: 12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.propagate .proswiper img {
width: 163px;
height: 120px;
}
.propagate .proswiper a span {
margin-top: 5px;
width: 66px;
color: #338578;
margin-left: 12px;
padding-top: 5px;
}
/* bottombanner */
.bottombanner {
width: 1200px;
height: 175px;
margin: 0 auto;
margin-top: 15px;
border-radius: 10px;
}
.bottombanner img {
width: 100%;
}
/* 政策法规+信息发布+会员动态 */
.contentbox {
display: flex;
width: 1200px;
margin: 0 auto;
margin-top: 23px;
}
.contentbox .policy {
width: 33.33%;
height: 348px;
border: 1px solid #c9c9c9;
border-top: none;
}
.policytop {
width: 100%;
height: 43px;
background-color: #ff0101;
}
.policytop strong {
width: 100px;
line-height: 43px;
text-align: center;
font-size: 18px;
color: #fff;
display: block;
}
.policytop a {
float: right;
width: 66px;
height: 43px;
display: block;
line-height: 43px;
text-align: center;
color: #fff;
font-size: 14px;
margin-top: -43px;
}
.contentbox .information {
margin: 0 19px;
width: 33.33%;
height: 348px;
border: 1px solid #c9c9c9;
border-top: none;
}
.contentbox .vip {
width: 33.33%;
border: 1px solid #c9c9c9;
border-top: none;
}
.contentbox .policy .policyimg {
margin-top: 13px;
margin-left: 10px;
width: 375px;
height: 136px;
}
.contentbox .policy .policyimg img {
width: 126px;
height: 120px;
}
.contentbox .policy li {
margin-top: 8px;
}
.contentbox ul a {
font-size: 16px;
color: #a0a0a0;
}
.contentbox .policy ul a:nth-of-type(1) {
display: block;
text-indent: 0.5em;
width: 350px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.contentbox .information ul a:nth-of-type(1) {
display: block;
width: 350px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.contentbox ul i {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #a0a0a0;
display: block;
float: left;
margin-top: 7px;
margin-right: 10px;
margin-left: 15px;
}
.contentbox ul li:hover a {
color: #980000;
}
.contentbox ul li:hover i {
width: 0;
height: 0;
border: 5px solid;
float: left;
border-radius: 0;
margin-top: 7px;
margin-left: 15px;
display: block;
background-color: #fff;
border-color: transparent transparent transparent #980000;
}
.contentbox .information ul li {
margin: 10px 0;
width: 380px;
display: flex;
justify-content: space-between;
}
.contentbox .information ul i {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #a0a0a0;
display: block;
float: left;
margin-top: 10px;
margin-right: 10px;
margin-left: 15px;
}
.contentbox .information ul li a:nth-of-type(2) {
white-space: nowrap;
}
.contentbox .vip .vipbanner {
width: 383px;
/*height: 193px;*/
}
.contentbox .vip .vipbanner img {
width: 126px;
height: 120px;
}
.contentbox .vip ul li {
margin: 10px 0;
width: 380px;
}
/* 协会领导 */
.leaderbox {
width: 1200px;
height: 275px;
margin: 25px auto 0;
border: 1px solid #e5e5e5;
border-top: none;
overflow: hidden;
}
.leaderbox .leader {
width: 100%;
height: 43px;
background-color: #ff0101;
}
.leaderbox .leader strong {
width: 100px;
line-height: 43px;
text-align: center;
font-size: 18px;
color: #fff;
display: block;
}
.leaderbox .leader a {
float: right;
width: 66px;
height: 43px;
display: block;
line-height: 43px;
text-align: center;
color: #fff;
font-size: 14px;
margin-top: -43px;
}
.leaderbox .leaderswiper {
width: 1200px;
height: 160px;
display: flex;
margin: 16px;
}
.leaderbox .leaderswiper img {
width: 127px;
height: 177px;
}
.leaderbox .leaderswiper a {
float: left;
display: block;
margin: 12px 20px;
}
.leaderbox .leaderswiper a span {
text-align: center;
display: block;
margin-top: 5px;
color: #338578;
margin-left: 12px;
padding-top: 5px;
}
/* 友情链接 */
.catenatebox {
width: 1200px;
margin: 25px auto 25px;
padding: 0 10px;
border: 1px solid #e5e5e5;
border-top: none;
overflow: hidden;
}
.catenatebox .catenatetop {
width: 100%;
height: 43px;
background-color: #ff0101;
}
.catenatebox .catenatetop strong {
width: 100px;
line-height: 43px;
text-align: center;
font-size: 18px;
color: #fff;
display: block;
}
.catenatebox .catenatetop a {
float: right;
width: 66px;
height: 43px;
display: block;
line-height: 43px;
text-align: center;
color: #fff;
font-size: 14px;
margin-top: -43px;
}
.catenatebox .catenatebottom .catenate {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-bottom: 20px;
padding-top: 20px;
}
/* .catenatebox .catenatebottom a:nth-of-type(2) {
margin: 0 20px;
} */
.catenatebox .catenatebottom a {
width: 23%;
padding: 12px 22px;
border: 1px solid #e5e5e5;
height: 40px;
font-size: 13px;
line-height: 18px;
text-align: center;
color: #878787;
background-color: #f7f8f8;
margin: 5px 10px;
}
/* 底部 */
.bottombox {
width: 100%;
height: 320px;
background-color: #c8e5f7;
border-top: 3px solid #2e6da0;
}
.bottombox .bottomnav {
border-bottom: 1px solid #fff;
}
.bottombox .bottomnav .bottomnavwd {
width: 1200px;
margin: 0 auto;
}
.bottombox .bottomnav .bottomnavwd a {
display: inline-block;
width: 105px;
text-align: center;
line-height: 62px;
color: black;
}
.bottombox .bottomcenterbox {
display: flex;
border-bottom: 1px solid #fff;
}
.bottombox .bottomcenterbox .bottomcenter {
width: 1200px;
margin: 0 auto;
}
.bottombox .bottomcenterbox .bottomcenter .bottomlogo {
width: 295px;
height: 225px;
float: left;
}
.bottombox .bottomcenterbox .bottomcenter .bottomlogo a {
display: block;
padding-top: 33px;
}
.bottombox .bottomcenterbox .bottomcenter .bottomwd {
width: 330px;
margin-left: 110px;
height: 225px;
float: left;
}
.bottombox .bottomcenterbox .bottomcenter .bottomwd strong {
margin-top: 38px;
display: block;
color: black;
height: 25px;
}
.bottombox .bottomcenterbox .bottomcenter .bottomwd span {
height: 8px;
display: block;
color: black;
}
.bottombox .bottomcenterbox .bottomcenter .bottomright {
width: 225px;
height: 130px;
margin-top: 50px;
float: right;
text-align: center;
}
.bottombox .bottomcenterbox .bottomcenter .bottomright strong {
margin-top: 9px;
display: block;
color: #1c7e72;
}
.bottombox .bottomcenterbox .bottomcenter .bottomright .bottomright-left {
width: 100px;
float: left;
}
.bottombox .bottomcenterbox .bottomcenter .bottomright .bottomright-right {
float: right;
}
.bottombox .bottomegletteringbox .bottomeglettering {
height: 28px;
width: 1200px;
margin: 0 auto;
text-align: center;
line-height: 32px;
color: black;
}
.suojin1 {
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.suojin2 {
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.bottomwd-wd-bottom {
display: flex;
flex-wrap: wrap;
width: 400px;
line-height: 25px;
}