@charset "utf-8"; .banner { position: relative; } .banner img { display: block; width: 100%; } .banner a img { display: block; width: 100%; } .banner a { display: block; } .banner .slick { position: relative; z-index: 9; } .banner .slick-slide a { display: block; position: relative; } .banner .slick-slide a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-position: center bottom; } .banner .slick-slide a p { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; color: #fff; z-index: 9; font-size: 24px; } .banner .slick-prev, .banner .slick-next { width: 59px; height: 59px; z-index: 9; } .banner .slick-prev { left: 100px; background: url(/uploads/image/images/banner-l.png) no-repeat; background-position: center center; } .banner .slick-next { right: 100px; background: url(/uploads/image/images/banner-r.png) no-repeat; background-position: center center; } .banner .slick-dots { font-size: 0; text-align: center; bottom: 65px; width: auto; right: 50%; } .banner .slick-dots li { display: inline-block; width: 12px; height: 12px; margin: 0 5px; font-size: 0; background: #fff; border-radius: 50%; } .banner .slick-dots li button { display: none; } .banner .slick-dots li.slick-active { background: #cb303f; } .banner-more { position: absolute; left: 50%; margin-left: 30px; bottom: 60px; z-index: 99; border-left: 2px solid #fff; padding-left: 20px; } .banner-more a { color: #fff; font-size: 14px; } .titline_y { display: inline; position: relative; background-image: linear-gradient(#d11600, #d11600); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: background-size .8s; } .titline_y:hover { background-size: 100% 1px; } .titlin_y:hover .titline_y { background-size: 100% 1px; } .index { overflow: hidden; } .itit { background: #f7f7f7; line-height: 40px; margin-bottom: 20px; } .itit h2 { overflow: hidden; position: relative; font-size: 0; } .itit h2 img { vertical-align: middle; line-height: 36px; } .itit h2 span { color: #000000; font-size: 28px; font-weight: normal; vertical-align: middle; margin-left: 10px; line-height: 36px; } .itit h2 a { font-size: 14px; font-weight: normal; color: #666666; float: right; padding-right: 20px; background: url(/uploads/image/images/iicon-more.png) no-repeat; background-position: right center; } .itit h2::after { content: ""; position: absolute; height: 10px; background: url(/uploads/image/images/tit-aft.png) repeat-x; background-position: center center; left: 170px; right: 80px; top: 50%; transform: translatey(-50%); } .s4-m_itit h2::after{ left: 230px; } .itit h2 a:hover { color: #bc1616; } .itit2 { padding: 0; background: none; border-top: none; line-height: 50px; position: relative; margin-bottom: 20px; } .itit2::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; background: url(/uploads/image/images/tit-aft.png) repeat-x; background-position: center center; } .itit2 h2 span { margin-left: 0; border-bottom: 2px solid #c21616; float: left; line-height: 50px; position: relative; z-index: 9; } .box { border: 1px solid #f0f0f0; padding: 20px; } .section1 { margin-top: 60px; } .s1-l { float: left; width: 66%; } .s1-r { float: right; width: 32%; } .s1-lc { background: #fff; padding: 20px; } .s1-ll { float: left; width: 400px; margin-right: 20px; } .s1-lr { overflow: hidden; } .s1-ll ul li a { display: block; position: relative; } .s1-ll ul li a .pic { padding-top: 63.5%; } .s1-ll ul li a p { text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; line-height: 63px; background-color: #f5f5f5; font-size: 16px; color: #303030; } .s1-ll .slick-prev, .s1-ll .slick-next { width: 27px; height: 31px; top: auto; bottom: 47px; z-index: 9; } .s1-ll .slick-prev { background: url(/uploads/image/images/s1-lll.png) no-repeat; background-size: 100%; left: auto; right: 27px; } .s1-ll .slick-next { background: url(/uploads/image/images/s1-llr.png) no-repeat; background-size: 100%; left: auto; right: 0; } .i-list li { position: relative; font-size: 16px; line-height: 45px; padding: 0px 85px 0 12px; background: url(/uploads/image/images/dtd-left.png) no-repeat; background-position: left center; border: none !important; } .i-list li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; } .i-list li a:hover { color: #992833; /* font-weight: 600; */ } .i-list li span { position: absolute; right: 0; top: 0; color: #808080; font-size: 14px; } .text-list2 { background: #fff; padding: 20px; } .text-list2 li:nth-child(3n 2) {} .text-list2 li a { color: #333; display: block; overflow: hidden; line-height: 80px; transition: all 0.3s; padding-top: 11px; border-top: 1px dashed #dcdcdc; margin-top: 12px; } .text-list2 li:first-child a { padding-top: 0; border-top: none; margin-top: 0; } .text-list2 li a:hover {} .date2 { width: 67px; text-align: center; transition: all 0.3s; background: #ababab; } .date2 p { transition: all 0.3s; font-size: 18px; font-weight: normal; line-height: 31px; color: #fff; background: #992833; } .date2 span { display: block; font-size: 14px; line-height: 30px; color: #fff; } .text-list2 li a .date2 { float: left; color: #000; margin-right: 20px; } .text-list2-p { overflow: hidden; font-size: 0; padding-right: 15px; } .text-list2-p div { font-size: 0; overflow: hidden; max-height: 55px; line-height: 26px; } .text-list2-p p { font-size: 16px; color: #333333; } .text-list2 li a:hover .date2 { border-color: #be9b60; } .text-list2 li a:hover .date2 p {} .text-list2 li a:hover .text-list2-p p { color: #992833; } .section2 { margin-top: 60px; } .s2-c { overflow: hidden; } .s2-c>div { float: left; width: 32%; } .s2-c>div:nth-child(2) { margin-left: 2%; margin-right: 2%; } .s2-c>div .s2-rili .box{padding:0;} .s2-list { background: #fff; padding: 20px; min-height: 490px; } .section3 { margin-top: 35px; } .s3-c li a { display: block; line-height: 178px; margin-left: 1px; background: #fff; text-align: center; font-size: 0; } .s3-c li a:hover div p { color: #992833; } .s3-c li a>div { display: inline-block; vertical-align: middle; } .s3-c li a>div div { font-size: 0; height: 60px; line-height: 60px; } .s3-c li a>div img { margin: 0 auto; display: inline-block; vertical-align: middle; } .s3-c li a>div p { font-size: 22px; line-height: 26px; color: #2a2a2a; margin-top: 10px; } .section4 { margin-top: 60px; } .s4-c>div { float: left; width: 32%; } .s4-c>div:nth-child(2) { margin-left: 2%; margin-right: 2%; } .s4-list { background: #fff; padding: 13px 20px; min-height: 387px; } .s4-rul ul { overflow: hidden; margin-top: 1px; } .s4-rul ul:first-child { margin-top: 0; } .s4-rul ul li { float: left; width: 50%; } .s4-rul ul li a { display: block; background-color: #fff; margin-left: 1px; text-align: center; font-size: 0; line-height: 128px; } .s4-rul ul li a:hover div p { color: #992833; font-weight: 600; } .s4-rul ul:nth-child(2) li { width: 33.33%; } .s4-rul ul li a>div { display: inline-block; vertical-align: middle; } .s4-rul ul li a>div div { font-size: 0; height: 45px; line-height: 45px; } .s4-rul ul li a>div div img { display: inline-block; vertical-align: middle; } .s4-rul ul li a>div p { font-size: 16px; line-height: 20px; color: #2a2a2a; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .section5 { margin-top: 60px; } .s5-c { padding: 0 50px; margin-top: 35px; } .s5-c li a { display: block; margin: 0 20px; background: #fff; padding: 30px 25px 30px 25px; } .s5-pic { width: 70%; max-width: 137px; position: relative; margin: 0 auto; } .s5-pic::before { content: ""; position: absolute; left: -10px; right: -10px; bottom: -10px; top: -10px; border-radius: 50%; border: 1px dashed #d2d2d2; } .s5-pic .pic { padding-top: 100%; border-radius: 50%; overflow: hidden; } .s5-pic .pic img{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 100%; } .s5-info h3 { font-size: 22px; line-height: 26px; color: #131313; margin-top: 25px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .s5-info h4 { font-size: 16px; font-weight: normal; line-height: 26px; color: #131313; margin-top: 10px; text-align: center; } .s5-info p { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 26px; height: 78px; color: #555555; margin-top: 10px; overflow: hidden; } .s5-c li a:hover { background: #fff url(/uploads/image/images/s5-list-bj.png) no-repeat; background-position: center bottom; } .s5-c li a:hover .s5-pic::before { background: #992833; border-color: #992833; } .s5-c .slick-prev, .s5-c .slick-next { width: 48px; height: 48px; border-radius: 50%; z-index: 9; } .s5-c .slick-prev { background: #717070 url(/uploads/image/images/arroe-left.png) no-repeat; background-position: center center; left: -50px; } .s5-c .slick-next { background: #717070 url(/uploads/image/images/arroe-right.png) no-repeat; background-position: center center; right: -50px; } .s5-c .slick-prev:hover { background: #992833 url(/uploads/image/images/arroe-left.png) no-repeat; background-position: center center; } .s5-c .slick-next:hover { background: #992833 url(/uploads/image/images/arroe-right.png) no-repeat; background-position: center center; } @media screen and (max-width:1420px) { .banner .slick-prev { left: 20px; } .banner .slick-next { right: 20px; } } @media screen and (max-width:1200px) { .s1-l, .s1-r { float: none; width: auto; } .s1-r { margin-top: 30px; } .itit h2 span { font-size: 22px; } } @media screen and (max-width:1024px) { .section5,.section4,.section2,.section1{ margin-top: 30px; } .s1-lc,.text-list2,.s2-list,.s4-list{ padding: 10px; } .banner .slick-prev, .banner .slick-next { width: 30px; height: 30px; background-size: 100%; } .banner .slick-slide a p { font-size: 20px; } .s2-c>div, .s4-c>div { float: none; width: auto; } .s2-c>div:nth-child(2), .s4-c>div:nth-child(2) { margin: 30px 0; } .s3-c li a>div p { font-size: 18px; } .s3-c li a>div img { max-height: 35px; } .s3-c li a>div div { height: 40px; line-height: 40px; } .s3-c li a { line-height: 140px; } .s5-c .slick-prev, .s5-c .slick-next { width: 30px; height: 30px; background-size: 8px; } .s5-c .slick-prev { left: -30px; } .s5-c .slick-next { right: -30px; } .s5-c li a { padding: 20px 10px 15px 10px; margin: 0 5px; } .s5-c { padding: 0 30px; } .s5-info h3{ font-size: 18px; } } @media screen and (max-width:768px) { .banner .slick-slide a p { font-size: 16px; bottom: 5px; display: none; } .banner .slick-dots { bottom: 10px; } .banner-more { bottom: 10px; line-height: 14px; } .banner .slick-prev { left: 10px; } .banner .slick-next { right: 10px; } .s1-ll { float: none; width: auto; margin-right: 0; } .s3-c li a>div p { font-size: 16px; } }