*{ padding: 0; margin: 0; box-sizing: border-box; } body{ width: 100%; height: 100%; position: relative; } a{ text-decoration: none; } li{ list-style-type: none; } .w{ width: 1200px; height: 100%; overflow: hidden; margin: 0 auto; position: relative; } .header{ width: 100%; height: 100%; } .ui-header{ width: 100%; height: 132px; background-image: url(/uploads/image/nimages/logobanner.jpg); } .logo{ position: absolute; left: 0; top: 25px; } .search{ width: 444px; height: 50px; position: absolute; right: 65px; top: 33px; } .search input, .search button{ outline: none; font-size: 16px; font-family: microsoft yahei; font-weight: 400; line-height: 50px; } .search input{ width: 364px; height: 100%; border: 1px solid #d8393e; color: #929292; padding-left: 16px; } .search button{ width: 80px; height: 100%; background-color: #d8393e; color: #ffffff; border: none; cursor: pointer; position: absolute; right: 0; } .nav{ width: 100%; height: 54px; background-color: #d8393e; } .nav-ul{ width: 100%; height: 100%; display: flex; justify-content: space-evenly; } .nav-li{ /* display: inline-block; */ position: relative; width: 20%; } .nav-li:before{ content: ''; width: 3px; height: 35px; position: absolute; top: 10px; left: 0; border-radius: 6px; background: #e9565b; } .nav-li:last-child::after{ content: ''; width: 3px; height: 35px; position: absolute; top: 10px; right: 0; border-radius: 6px; background: #e9565b; } .nav-a{ font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #fff; line-height: 54px; display: block; text-align: center; } .main{ width: 100%; height: 100%; padding-top: 20px; } .pic{ width: 1200px; height: 82px; margin: 0 auto; margin-bottom: 10px; } .pic img{ width: 100%; height: 100%; } .pic1{ width: 390px; height: 82px; } .pic1 img{ width: 100%; height: 100%; } .new{ width: 1200px; height: 111px; background: url(/uploads/image/nimages/bottom.jpg) no-repeat top center; background-size: 100% 100%; position: relative; margin-bottom: 14px; } .new .tou{ width: 52px; /* height: 66px; */ position: absolute; left: 42px; top: 20px; font-size: 26px; font-family: microsoft yahei; font-weight: 700; color: #d10202; line-height: 40px; white-space: normal; } .new .title{ width: 80%; margin: 0 auto; font-size: 28px; font-family: microsoft yahei; font-weight: 700; color: #d10202; line-height: 30px; text-align: center; padding: 26px 0 20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new .cont{ width: 80%; margin: 0 auto; margin-left: 160px; /* margin-right: 120px; */ /* position: relative; */ display: flex; justify-content: space-between; } .cont a{ width: 48%; font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .cont a:hover{ color: #d8393e; } .box1{ width: 100%; margin-bottom: 24px; position: relative; } .box1-top{ width: 100%; height: 100%; position: relative; } .box-top{ font-size: 22px; font-family: microsoft yahei; font-weight: 700; color: #d8393e; line-height: 38px; text-align: left; display: inline-block; position: relative; padding: 0 24px; padding-bottom: 7px; cursor: default; } .box-top::after{ content: ''; width: 135px; height: 5px; background: #d8393e; position: absolute; left: 0; bottom: 0; } .box1-top::after{ content: ''; width: 88%; height: 2px; background: #e7e7e7; position: absolute; right: 0; bottom: 0; } .more{ font-size: 18px; font-family: microsoft yahei; font-weight: 400; color: #8c8c8c; line-height: 44px; position: absolute; right: 0; top: 0; text-align: right; } .more:hover{ color: #d8393e; } .box1-ul{ width: 100%; display: flex; justify-content: space-between; padding-top: 24px; } .box1-ul-lf{ width: 580px; height: 100%; } .lunb{ width: 100%; height: 406px; margin-bottom: 22px; position: relative; } .tip{ width: 580px; height: 406px; position: relative; } .lunb1{ width: 580px; height: 100%; } .lunb1 img{ width: 100%; height: 100%; } .shadow1{ width: 580px; height: 42px; background: rgba(0, 0, 0, .41); position: absolute; bottom: 0; } .shadow1 p{ width: 80%; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; line-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 31px; text-align: left; } .media{ width: 100%; height: 121px; background: #f2f2f2; position: relative; } .box-erw{ width: 86px; height: 100%; position: absolute; left: 0; top: 0; padding-left: 13px; padding-top: 15px; text-align: center; } .box-erw-img{ width: 72px; height: 72px; display: block; } .box-erw span{ text-align: center; font-size: 13px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 20px; display: inline-block; margin-top: 2px; cursor: default; } .media-juj{ width: 88%; height: 100%; position: absolute; right: 0; padding: 20px 16px; overflow: hidden; display: flex; justify-content: space-between; } .media-juj-title{ width: 17px; font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #d10202; line-height: 20px; display: block; } .media-juj-ul{ width: 95%; height: 100%; } .media-juj-li{ display: block; margin-bottom: 4px; position: relative; } .media-juj-a{ width: 80%; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #4f4f4f; line-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .media-juj-num{ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #4f4f4f; line-height: 26px; position: absolute; right: 0; } .media-juj-li:hover a, .media-juj-li:hover span { color: #d8393e; } .box1-ul-rt{ width: 600px; height: 100%; } .box1-ul-rt-li{ height: 42px; border-bottom: 2px dashed #e2e2e2; display: block; position: relative; } /* .box1-ul-rt-li:first-child{ height: 33px; } */ .box1-ul-rt-span{ width: 6px; height: 6px; background: #d8393e; display: inline-block; position: relative; bottom: 18px; margin-right: 9px; } /* .box1-ul-rt-span:first-child{ bottom: 10px; } */ .box1-ul-rt-li a{ width: 80%; font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .media-juj-num1{ line-height: 42px; } .box1-ul-rt-li:hover a, .box1-ul-rt-li:hover span{ color: #d8393e; } .box2-z{ width: 100%; height: 122px; margin-bottom: 16px; } .box2-z-img{ width: 390px; height: 122px; } .box2-z-img img{ width: 100%; height: 100%; display: block; } .w-new{ width: 1200px; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; } .w-new-l{ width: 586px; height: 100%; } .new-l-top{ width: 100%; height: 100%; position: relative; } .new-l-top::after{ content: ''; width: 76%; height: 2px; background: #e7e7e7; position: absolute; right: 0; bottom: 0; } .new-l{ width: 100%; height: 100%; margin-top: 30px; } .new-l-midd{ width: 100%; height: 117px; display: flex; justify-content: space-evenly; align-items: center; } .new-l-midd-img{ width: 207px; height: 117px; } .news-tip{ width: 65%; height: 100%; padding-left: 17px; padding-right: 10px; position: relative; } .news-tip-title{ font-size: 18px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 20px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 20px; } .news-tip-title:hover{ color: #d8393e; } .news-tip-cont{ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #4f4f4f; line-height: 22px; text-align: left; overflow: hidden; text-overflow: ellipsis; /* 弹性伸缩盒子模型显示 */ display: -webkit-box; /* 限制在一个块元素显示的文本的行数 */ -webkit-line-clamp: 2; /* 设置或检索伸缩盒对象的子元素的排列方式 */ -webkit-box-orient: vertical; margin-bottom: 10px; } .news-tip span{ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #4f4f4f; line-height: 22px; text-align: left; display: inline-block; } .news-ul{ width: 100%; height: 100%; margin-top: 10px; } .w-new-r{ width: 586px; height: 100%; } .weif{ width: 1200px; height: 122px; margin: 17px 0; } .weif img{ width: 100%; height: 100%; } .wenm-img{ width: 592px; height: 122px; } .wenm-img img{ width: 100%; height: 100%; } .shey{ width: 100%; height: 171px; margin-top: 25px; } .shey-box{ width: 294px; height: 171px; position: relative; } .shey-img{ width: 294px; height: 100%; } .shey-img img{ width: 100%; height: 100%; } .shadow{ width: 294px; height: 35px; background: rgba(0, 0, 0, .38); position: absolute; bottom: 0; } .shadow p{ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; text-align: left; } .py{ width: 100%; height: 196px; background: #f6f6f6; margin: 18px 0; } .py-top{ width: 100%; height: 48px; border-bottom: 2px solid #d8393e; position: relative; } .py-top-title{ font-size: 22px; font-family: microsoft yahei; font-weight: 700; color: #d8393e; line-height: 48px; text-align: left; display: inline-block; position: relative; padding: 0 24px; cursor: default; } .py-top-ul{ width: 19%; display: flex; justify-content: space-evenly; position: absolute; right: 0; bottom: 0; } .py-top-li{ display: inline-block; font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 36px; margin: 0 11px; cursor: pointer; } .py-top-li1{ color: #d12329; background: url(/uploads/image/nimages/sanj.png) no-repeat bottom center; } .py-midd{ width: 100%; /* height: 100%; */ display: block; padding: 18px 14px 0 33px; overflow: hidden; } .py-midd a{ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #333; line-height: 28px; display: inline-block; margin-right: 12px; white-space: normal; } .py-midd a:hover{ color: #d12329; } .red{ width: 100%; height: 14px; background: #d8393e; } .footer { width: 100%; height: 290px; /*height: 239px;*/ background: #f3f3f3; } .footer-pic{ width: 100%; height: 54px; margin: 24px 0 30px; } .footer-box-img{ width: 222px; height: 54px; } .footer-box-img img{ width: 100%; height: 100%; } .footer-title{ width: 100%; height: 100%; text-align: center; } .footer-title p{ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 26px; } .blue { width: 80px; height: 80px; margin-top: 12px; } .float-gp, .float-gp1{ width: 238px; height: 422px; position: fixed; top: 20%; z-index: 1; } .float-gp{ left: 0; } .float-gp1{ right: 0; } .float-gp img, .float-gp1 img{ width: 100%; height: 100%; } @media screen and (max-width:1201px){ body{ width:1200px; background-size: auto; } }