@charset "utf-8";
body {
overflow-x: hidden;
}
/*首页主体*/
.index {
}
.section-title {
text-align: center;
font-size: 0;
position: relative;
padding-top: 40px;
padding-bottom: 30px;
}
.section-title div {
position: relative;
line-height: 120px;
}
.section-title h2 {
vertical-align: middle;
height: 140px;
font-size: 0;
background: url(/uploads/image/zimages/title-img1.png) no-repeat center center;
background-position: left center;
text-align: center;
padding-left: 85px;
display: inline-block;
min-width: 276px;
text-align: left;
}
.section-title h2 span {
display: inline-block;
font-size: 36px;
color: #000;
font-family: 'sysong';
letter-spacing: 1px;
}
.section-title h2 span.section-title-span2 {
color: #9d000d;
}
.section-title a {
position: absolute;
right: 0;
top: 0;
color: #333333;
font-size: 16px;
}
.section-title a:hover {
color: #9d000d;
font-weight: 600;
}
.section1 {
background-color: #fff5e5;
padding-bottom: 50px;
}
.s1-c {
display: flex;
justify-content: space-between;
}
.s1-l {
width: 665px;
margin-right: 50px;
position: relative;
}
.s1-r {
flex: 1;
min-width: 0;
}
.s1-linfo-box {
display: flex;
margin-right: 35px;
margin-top: -34px;
position: relative;
z-index: 9;
}
.s1-linfo-box>ul {
background-color: #ffffff;
box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
flex: 1;
min-width: 0;
}
.s1-linfo-box>ul li a {
display: block;
}
.s1-lbox {
position: relative;
z-index: 8;
}
.s1-linfo-box>ul .slick-dots {
bottom: 25px;
font-size: 0;
}
.s1-linfo-box>ul .slick-dots li {
width: 7px;
height: 7px;
background-color: #dddddd;
border-radius: 50%;
margin: 0 8px;
overflow: hidden;
}
.s1-linfo-box>ul .slick-dots li.slick-active {
background-color: #9d000d;
}
.s1-btn {
overflow: hidden;
z-index: 9;
}
.s1-btn div {
width: 48px;
height: 49px;
line-height: 49px;
font-size: 0;
text-align: center;
cursor: pointer;
}
.s1-btn div img {
display: inline-block;
vertical-align: middle;
}
.s1-prev {
background: #a0a0a0;
}
.s1-next {
background: #9d000d;
}
.s1-l ul li a {
display: block;
position: relative;
}
.s1-l ul li a .pic {
padding-top: 63.5%;
z-index: 1;
}
.s1-info {
z-index: 9;
padding: 20px 35px 45px 35px;
}
.s1-info span {
width: 139px;
height: 33px;
border-radius: 0px 14px 14px 0px;
border: solid 1px #ffffff;
border-left: none;
padding: 0 10px 0 0;
line-height: 30px;
text-align: right;
display: block;
font-size: 14px;
font-weight: 600;
color: #ffffff;
}
.s1-info h3 {
font-size: 18px;
line-height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #303030;
}
.s1-info p {
overflow: hidden;
font-size: 14px;
line-height: 30px;
height: 90px;
color: #888;
margin-top: 5px;
}
.i-list3 li:nth-child(1) a {
border: none;
padding-top: 0;
}
.i-list3 li a {
display: block;
border-top: 1px dashed #bbbbbb;
padding: 20px 0;
}
.i-list3 li a>p {
color: #000;
font-size: 16px;
line-height: 30px;
padding-left: 140px;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.i-list3 li a>p span {
position: absolute;
left: 0;
top: 50%;
font-size: 14px;
color: #303030;
width: 120px;
line-height: 30px;
background-color: rgb(157 0 13 / 10%);
border-radius: 5px 0px 0px 5px;
transform: translatey(-50%);
text-align: center;
padding-left: 20px;
}
.i-list3 li a>p span img {
vertical-align: middle;
position: absolute;
left: 12px;
top: 50%;
transform: translatey(-50%);
}
.i-list3 li a div {
background: #0560a9;
padding: 20px 40px 20px 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: none;
margin-bottom: 15px;
}
.i-list3 li.on a div {
display: block;
}
.i-list3 li.on a>p {
display: none;
}
.i-list3 li a div p {
font-size: 16px;
line-height: 40px;
color: #fff;
position: relative;
}
.i-list3 li a div p::before {
content: "";
position: absolute;
left: 13px;
height: 14px;
top: -6px;
width: 1px;
background: rgba(255, 255, 255, .2);
z-index: 8;
}
.i-list3 li a div p img {
vertical-align: middle;
margin-right: 10px;
font-size: 16px;
}
.i-list3 li a div h3 {
font-size: 18px;
color: #fff;
margin-bottom: 15px;
}
.section2 {
background: url(/uploads/image/zimages/s2-bj.jpg) repeat;
padding-bottom: 60px;
}
.section2 .section-title h2 {
background: url(/uploads/image/zimages/title-img2.png) no-repeat center center;
background-position: center center;
}
.section2 .section-title h2 span {
color: #fff;
}
.section2 .section-title a {
color: #fff;
}
.list2 li a {
display: block;
border-top: 1px dashed rgb(51 51 51 / 40%);
transition: all 0.5s;
padding: 15px 0;
}
.list2 li:nth-child(1) a {
border: none;
}
.list2 li a div {
overflow: hidden;
}
.list2 li a div span {
float: left;
font-size: 18px;
font-weight: normal;
line-height: 24px;
position: relative;
padding-left: 25px;
color: #9d000d;
}
.list2 li a div img {
position: absolute;
left: 0;
top: 50%;
transform: translatey(-50%);
}
.list2 li a h3 {
font-size: 18px;
font-weight: normal;
line-height: 24px;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 8px;
}
.list2 li a:hover {
color: #;
}
.list2 li a:hover h3 {
color: #9d000d;
}
.s2-c {
display: flex;
justify-content: space-between;
}
.s2-l {
width: 808px;
}
.s2-l ul {
display: flex;
}
.s2-l ul li {
width: 45%;
margin-right: 5%;
}
.s2-l ul li a {
display: block;
background: #fff;
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.25);
border-radius: 12px;
overflow: hidden;
}
.s2-l ul li a .pic {
padding-top: 60%;
}
.s2-l ul li a .info {
padding: 15px 25px;
}
.s2-l ul li a .info h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
font-weight: normal;
line-height: 30px;
color: #9d000d;
}
.s2-l ul li a .info p {
font-size: 14px;
font-weight: normal;
line-height: 30px;
height: 120px;
overflow: hidden;
color: #333333;
margin-top: 5px;
}
.s2-r {
flex: 1;
min-width: 0;
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.25);
background: url(/uploads/image/zimages/s2-rbj.png) no-repeat;
background-position: right bottom;
background-size: cover;
border-bottom: 6px solid #e4c477;
padding: 15px 35px;
}
.section3 {
background-color: #f1e1ca;
padding-bottom: 60px;margin-top: 50px;
}
.s3-c ul {
margin: 0 -20px;
}
.s3-c ul li {
position: relative;
}
.s3-c ul li::before {
content: "";
position: absolute;
left: 0;
bottom: 30px;
border-width: 225px 20px 0 0;
border-style: solid;
border-color: transparent #cabeab transparent transparent;
}
.s3-c ul li::after {
content: "";
position: absolute;
right: 0;
top: 30px;
border-width: 225px 20px 0 0;
border-style: solid;
border-color: #cabeab transparent transparent transparent;
}
.s3-c ul li a {
display: block;
background: #fff;
margin: 0 20px;
padding: 50px 35px;
}
.s3-c ul li a .data {
width: 121px;
height: 81px;
text-align: center;
font-family: æ€æºå®‹ä½“ cn;
font-weight: 900;
background: url(/uploads/image/zimages/data-hq.png) no-repeat;
background-position: center left;
padding-top: 20px;
padding-left: 25px;
}
.s3-c ul li a .data span {
display: block;
font-size: 30px;
line-height: 30px;
color: #fce3a0;
}
.s3-c ul li a .data p {
font-size: 14px;
line-height: 20px;
color: #fce3a0;
}
.s3-c ul li a .info h3 {
font-size: 18px;
font-weight: normal;
line-height: 36px;
height: 72px;
overflow: hidden;
margin-top: 20px;
}
.s3-c ul li a .info p {
font-size: 14px;
font-weight: normal;
line-height: 24px;
height: 96px;
overflow: hidden;
color: #999999;
margin-top: 10px;
}
.s3-c ul li a .info div {
font-size: 0;
text-align: center;
margin-top: 25px;
}
.s3-c ul li a .info div span {
display: inline-block;
padding-right: 35px;
background: url(/uploads/image/zimages/more.png) no-repeat;
background-position: right center;
font-size: 14px;
font-weight: normal;
line-height: 24px;
color: #999999;
}
.section4 {
margin-top: 50px; /* padding-bottom:40px;*/
}
.s4-c {
display: flex;
justify-content: space-between;
}
.s4-l {
width: 48%;
}
.s4-r {
width: 48%;
}
.ggtit-h2 {
line-height: 50px;
background-size: auto 100%;
padding-right: 10px;
color: #fff;
overflow: hidden;
font-size: 0;
border-top: 4px solid #9d000d;
border-right: solid 1px #f4f4f4;
padding-right: 15px;
}
.ggtit-h2 span {
display: inline-block;
color: #fff;
font-size: 24px;
vertical-align: middle;
padding: 0 25px;
background: #9d000d;
background-size: 100% 100%;
font-family: 'sysong';
position: relative;
height: 50px;
line-height: 46px;
}
.ggtit-h2 span::after {
content: "";
position: absolute;
right: -15px;
left: 100%;
margin-left: -1px;
top: 0;
bottom: 0;
background: url(/uploads/image/zimages/title-bj.png) no-repeat;
background-position: center right;
}
.ggtit-h2 a {
float: right;
color: #333333;
font-size: 16px;
}
.ggtit-h2 a:hover {
color: #b5282e;
}
.new-list ul {
padding: 15px 30px 30px 30px;
border: solid 1px #f4f4f4;
}
.new-list ul li {
position: relative;
left: 0;
transition: all 0.3s;
border-bottom: 1px dashed #ddd;
}
.new-list ul li:nth-child(1) {
border-top: none;
}
.new-list ul li a {
font-size: 16px;
color: #000;
line-height: 50px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 20px;
padding-right: 100px;
}
.new-list ul li::before {
content: "";
position: absolute;
width: 20px;
height: 100%;
background: url(/uploads/image/zimages/dot-bef.png) no-repeat;
background-position: center center;
top: 50%;
transform: translatey(-50%);
left: 0;
}
.new-list ul li a span {
position: absolute;
right: 0;
top: 0;
font-size: 14px;
color: #999999;
}
.new-list ul li:hover {
padding-left: 5px;
}
.new-list ul li:hover a {
color: #b5282e;
font-weight: 600;
}
.section5 {
/* padding-bottom: 50px; */
}
.s5-c>ul {
margin: 0 -20px;
}
.s5-c ul li a {
display: block;
background-color: #f3f3f3;
margin: 0 20px;
}
.s5-c ul li a .pic {
padding-top: 58%;
}
.s5-c ul li a .info {
padding: 20px 30px 25px 30px;
}
.s5-c ul li a .info p {
display: flex;
justify-content: space-between;
}
.s5-c ul li a .info p span {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: 0px;
color: #9d000d;
}
.s5-c ul li a .info p b {
font-size: 12px;
font-weight: normal;
line-height: 36px;
color: #aeaeae;
padding-left: 25px;
background: url(/uploads/image/zimages/time2.png) no-repeat;
background-position: left center;
}
.s5-c ul li a h3 {
font-size: 20px;
font-weight: normal;
line-height: 36px;
height: 72px;
overflow: hidden;
color: #333333;
margin-top: 15px;
}
.s5-c .slick-dots {
position: static;
margin-top: 40px;
font-size: 0;
}
.s5-c .slick-dots li {
width: 22px;
height: 22px;
border: solid 1px transparent;
padding: 4px;
border-radius: 50%;
margin: 0 5px;
transition: all 0.3s;
}
.s5-c .slick-dots li button {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #dddddd;
border-radius: 50%;
transition: all 0.3s;
}
.s5-c .slick-dots li.slick-active {
border-color: #9d000d;
}
.s5-c .slick-dots li.slick-active button {
background: #9d000d;
}
/* å“应 */
@media screen and (max-width: 1400px) {
.s1-l {
width: 600px;
margin-right: 25px;
}
.s2-l {
width: 700px;
}
.s2-r {
padding: 15px 20px;
}
.list2 li a {
padding: 13px 0;
}
.new-list ul {
padding: 15px;
}
.s5-c ul li a h3 {
font-size: 18px;
}
.s5-c ul li a .info {
padding: 15px;
}
}
@media screen and (max-width: 1300px) {}
@media screen and (max-width: 1024px) {
.s1-c, .s4-c {
display: block;
}
.s1-l, .s4-l {
width: auto;
margin-right: 0;
margin-bottom: 20px;
}
.s4-r {
width: auto;
}
.s2-c {
display: block;
}
.s2-l {
width: auto;
margin-bottom: 20px;
}
.s2-l ul {
justify-content: space-between;
}
.s2-l ul li {
margin: 0;
width: 49%;
}
.s2-l ul li a .info {
padding: 15px;
}
.list2 li a h3, .s1-info h3, .s2-l ul li a .info h3 {
font-size: 16px;
}
.s3-c ul li a .info h3 {
font-size: 16px;
line-height: 30px;
height: 60px;
}
.s3-c ul li a {
padding: 25px 20px;
}
.s5-c ul li a {
margin: 0 10px;
}
.s5-c>ul {
margin: 0 -10px;
}
.s5-c ul li a h3 {
font-size: 16px;
line-height: 30px;
height: 60px;
}
.section-title h2 span {
font-size: 28px;
}
.ggtit-h2 span {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.s3-c ul li a {
margin: 0 10px;
}
.s3-c ul {
margin: 0 -10px;
}
.s3-c ul li::before {
border-width: 155px 10px 0 0;
}
.s3-c ul li::after {
border-width: 155px 10px 0 0;
}
.section-title {
text-align: left;
padding-top: 30px;
padding-bottom: 20px;
}
.section-title div {
line-height: 80px;
}
.section-title h2 span {
font-size: 22px;
}
.section-title h2, .section2 .section-title h2 {
background-size: auto 80px;
min-width: 160px;
padding-left: 50px;
height: auto;
}
.section-title a {
font-size: 14px;
}
.s1-info {
padding: 15px 15px 40px 15px;
}
.s1-linfo-box {
margin-right: 0;
margin-top: 0;
}
.i-list3 li a>p {
padding-left: 120px;
}
.i-list3 li a>p span {
width: 110px;
padding-left: 15px;
}
.i-list3 li a>p span img {
left: 7px;
}
.section3{margin-top: 35px;}
}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 480px) {
.s2-l ul {
display: block;
}
.s2-l ul li {
width: auto;
margin-bottom: 20px;
}
.s2-l ul li a .info p {
height: auto;
max-height: 90px;
}
.img-link{margin-top: 20px !important;}
.section3{margin-top: 20px;}
.section4{margin-top: 20px;}
}
@media screen and (max-width: 375px) {
.img-link{margin-top: 25px !important;}
.section3{margin-top: 25px;}
.section4{margin-top: 25px;}
}
.img-link{ margin-top: 40px; }
.img-link img{width: 100%;}
.img-hide{ overflow:hidden; display: block; }