@charset "UTF-8";
html {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
/*解决chrome浏览器下字体不能小于12px*/
-webkit-font-smoothing: antialiased;
}
body {
background: #fff;
overflow-x: hidden;
font-size: 12px;
color: #4d4d4d;
font-family: Verdana;
}
a {
outline: none;
text-decoration: none;
color: inherit;
cursor: pointer;
font-size: 12px;
}
a:hover {
text-decoration: none;
}
html {
zoom: 1;
}
html * {
outline: 0;
zoom: 1;
}
html button::-moz-focus-inner {
border-color: transparent !important;
}
/*设置margin和padding为0*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,
a,
img,
input,
select,
button,
textarea {
border: 0;
background: none;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var，i {
font-style: normal;
font-weight: normal;
}
li {
list-style: none;
}
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
q:before,
q:after {
content: '';
}
em,
i {
font-style: normal;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type=date],
button,
select,
input[type=text] {
/*去掉苹果的默认UI来渲染按钮 、解决部分手机浏览器对border：none无效办法*/
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/*去掉微信端input-text在ios轻快下的点击出先黑色半透明背景*/
tap-highlight-color: transparent !important;
}
a,
input[type=text],
select,
input[type=password],
textarea {
/*去掉微信端input-text在ios轻快下的点击出先黑色半透明背景*/
tap-highlight-color: transparent !important;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #aaa;
font-family: "微软雅黑";
}
body {
overflow-x: hidden;
}
.fl {
float: left;
}
.fr {
float: right;
}
.clearfix {
clear: both;
}
img {
max-width: 100%;
}
.warpper {
width: 1200px;
margin: 0 auto;
position: relative;
}
.over1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over9 {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.over2 {
-webkit-line-clamp: 2;
}
.over3 {
-webkit-line-clamp: 3;
}
.over4 {
-webkit-line-clamp: 4;
}
.over5 {
-webkit-line-clamp: 5;
}
.over6 {
-webkit-line-clamp: 6;
}
.over7 {
-webkit-line-clamp: 7;
}
.over9 {
-webkit-line-clamp: 9;
}
.bluec {
color: #1579EB;
}
@font-face {
font-family: 'NexaBold';
src: url('../fonts/NexaBold.ttf') format('truetype')
}
.header .mcon,
.section .mcon {
/* margin:0 12.5vw;min-width:1200px; */
width: 1200px;
margin: 0 auto;
box-sizing: border-box;
}
.logo {
padding-top: 35px;
display: flex;
align-items: flex-end;
}
.logo span {
font-size: 16px;
color: #333333;
color: #4d4d4d;
margin-left: 23px;
margin-bottom: 2px;
}
.rtop {
display: flex;
padding-top: 35px;
}
.lan {
padding-top: 0px;
padding-right: 12px;
}
.lan ul li {
display: inline-block;
float: left;
padding: 0 20px;
line-height: 20px;
position: relative;
}
.lan ul li::after {
width: 2px;
height: 12px;
display: inline-block;
content: '';
background-color: #f8f8f8;
position: absolute;
right: -1px;
top: 50%;
margin-top: -6px;
}
.lan ul li:last-child::after {
width: 0px;
}
.lan ul li a {
font-size: 14px;
color: #000;
color: #4d4d4d;
}
.lan ul li span {
display: inline-block;
line-height: 40px;
}
.lan ul li.active span {
background: url(../images/qiu.png) no-repeat left center;
padding-left: 40px;
color: #BF0000;
font-weight: bold;
}
.searchbox {
width: 360px;
height: 32px;
border: solid 1px #a8a8a8;
line-height: 32px;
font-size: 14px;
color: #000;
}
.txt_search {
float: left;
width: 142px;
height: 32px;
padding-left: 20px;
box-sizing: border-box;
font-size: 14px;
}
.btnsearch {
float: right;
background: url(../images/btnsearch.png) no-repeat center;
width: 40px;
height: 32px;
display: inline-block;
font-size: 0;
cursor: pointer;
}
.nav {
margin-top: 49px;
}
.nav ul li {
display: inline-block;
float: left;
text-align: center;
transition: background 0.3s;
margin-right: 84px;
}
.nav ul li:last-child {
margin-right: 0px;
}
.nav ul li .nav_title {
font-size: 18px;
padding: 0 30px;
color: #666666;
width: max-content;
height: 42px;
line-height: 42px;
display: block;
}
.nav ul li:hover .nav_title {
font-weight: bold;
color: #FFFFFF;
background-color: #C00000;
}
/* .nav ul li>a::before{width:100%;height:6px;display:inline-block;content:'';position:absolute;left:0;top:72px;background:url(../images/snt.png) no-repeat center top;text-align:center;opacity:0;} */
/* .nav ul li>a:hover::before{opacity:1;} */
.nav ul li .smbg {
position: absolute;
left: 0;
top: 167px;
width: 100%;
height: 0;
background-color: #C00000;
z-index: 11;
overflow: hidden;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
text-align: left;
}
.nav ul li dl {
/* width: 1200px;
margin: 0 auto; */
position: relative;
display: inline-block;
vertical-align: middle;
}
.nav ul li dl dd {
display: inline-block;
line-height: 50px;
height: 50px;
padding: 0 40px;
overflow: hidden;
}
.nav ul li dl dd a {
display: inline-block;
font-size: 16px;
color: #fff;
position: relative;
}
.nav ul li dl dd a:hover::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #FFFFFF;
bottom: 9px;
left: 50%;
transform: translateX(-50%);
}
.nav ul li:hover .smbg {
height: 50px;
}
.banner,
.nbanner {
position: relative;
clear: both;
top: 0;
transition: all 0.5s ease 0s
}
.banner .img img {
display: block;
width: 100%;
}
.footer {
width: 100%;
height: auto;
}
.footer .footer_top {
width: 100%;
background: #595959;
}
.footer .footer_top_box {
padding: 40px 0;
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.footer .footer_top_box .footer_left_title {
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
padding-bottom: 16px;
}
.footer .footer_top_box .footer_left_swiper {
width: 912px;
}
.footer .footer_bottom {
width: 100%;
height: 50px;
background: linear-gradient(90deg, #790303 0%, #E10000 100%);
}
.footer .footer_bottom_box {
width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
}
.footer .footer_bottom_box p {
font-size: 14px;
font-family: Arial;
font-weight: 400;
color: #FFFFFF;
}
.footer .footer_swiper {
width: 100%;
height: 62px;
}
.footer .swiper-slide {
width: auto;
height: auto;
}
.footer .footer_swiper a {
display: block;
width: auto;
height: auto;
}
.footer .footer_swiper a img {
width: auto;
height: 100%;
}
.footer .footer_right {
width: 85px;
height: 85px;
}
.footer .footer_right img {
width: 100%;
height: 100%;
}
.section01 {
padding-bottom: 60px;
}
.s_ititle {
display: flex;
position: relative;
align-items: flex-end;
width: max-content;
padding-top: 50px;
padding-bottom: 11px;
border-bottom: solid 1px #f8f8f8;
}
.s_ititle_Pno {
padding-top: 0 !important;
margin-bottom: 20px;
}
.s_ititle_abso {
position: absolute;
top: 0;
left: 0;
}
.s_ititle::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #666666;
bottom: 1px;
left: 0;
right: 0;
opacity: 0.3;
}
.s_ititle strong {
font-size: 36px;
color: #C00000;
}
.s_ititle span {
color: #A6A6A6;
font-size: 20px;
font-family: 'NexaBold';
font-weight: bold;
margin-left: 6px;
}
.section01 .list {
padding: 24px 0 0 0;
}
.section01 .list ul {}
.section01 .list ul li {
line-height: 34px;
padding: 7px 0;
}
.section01 .list ul li a {
display: block;
width: 100%;
height: 34px;
display: flex;
align-items: center;
position: relative;
}
.section01 .list ul li a::after {
background: url(../images/dd.png) no-repeat center;
width: 34px;
height: 34px;
display: inline-block;
content: '';
position: absolute;
right: -20px;
top: 0;
opacity: 0;
transition: all .6s;
}
.section01 .list ul li span {
display: inline-block;
}
.section01 .list ul li .time {
width: 120px;
font-size: 14px;
color: #ccc;
transition: all .6s;
}
.section01 .list ul li .lx {
width: 132px;
height: 34px;
background-color: #f2f2f2;
color: #BF0000;
text-align: center;
font-size: 14px;
position: relative;
overflow: hidden;
}
.section01 .list ul li .lx em {
position: relative;
z-index: 22;
}
/* .section01 .list ul li .lx::before{width:100%;height:100%;background-color:#000;position:absolute;left:0;top:0;content:'';opacity:0;transition:all .6s;z-index:-1;transform:scale(1);}
.section01 .list ul li .lx::after{width:100%;height:100%;background-color:#f2f2f2;position:absolute;left:0;top:0;content:'';opacity:1;transition:all .6s;z-index:1;}
*/
.section01 .list ul li .title {
background: url(../images/r1.png) no-repeat left;
padding-left: 30px;
margin-left: 40px;
font-size: 14px;
color: #666666;
transition: all .6s;
}
.section01 .list ul li:hover .time {
color: #666666;
}
.section01 .list ul li:hover .lx {
background-color: #C00000;
color: #fff;
transition-delay: .1s;
}
/* .section01 .list ul li:hover .lx::before{background-color:#000;color:#fff;opacity:1;transform:scale(1);}
.section01 .list ul li:hover .lx::after{background-color:#000;color:#fff;opacity:0;transform:scale(0);} */
.section01 .list ul li:hover .title {
background-image: url(../images/r2.png);
font-weight: bold;
color: #C00000;
}
.section01 .list ul li:hover a::after {
right: 0;
opacity: 1;
}
.section01 .hot {
margin-top: 13px;
height: 75px;
box-sizing: border-box;
padding-left: 20px;
border: 1px solid #666666;
}
.section01 .hot dl {
height: 100%;
display: flex;
align-items: center;
}
.section01 .hot dl dt {
display: inline-block;
width: 244px;
height: 34px;
background-color: #BF0000;
text-align: center;
color: #fff;
font-size: 14px;
line-height: 34px;
width: 244px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
}
.section01 .hot dl dt span {
display: inline-block;
background-color: ;
text-align: center;
line-height: 34px;
}
.section01 .hot dl dt img {
width: 14px;
height: 14px;
margin-right: 6px;
}
.section01 .hot dl dd {
padding-left: 40px;
}
.section01 .hot dl dd {
color: #000;
font-size: 14px;
}
.section01 .hot dl dd p em {
color: #BF0000;
font-size: 12px;
}
.section02,
.section03 {
padding-bottom: 60px;
width: 1200px;
margin: 0 auto;
display: flex;
}
.section02 .rimg {
margin-right: 38px;
}
.section03 .rimg {
margin-left: 38px;
}
.section02 .txt,
.section02 .rimg {
box-sizing: border-box;
}
.section02 .ititle,
.section03 .ititle {
padding-top: 0;
height: 36px;
line-height: 36px;
}
.section02 .ititle span,
.section03 .ititle span {
margin-top: auto;
line-height: 14px;
}
.section02 .rimg_img_box,
.section03 .rimg_img_box {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
width: 580px;
}
.section02 .rimg_img_box li,
.section03 .rimg_img_box li {
width: 288px;
height: 140px;
margin-right: 4px;
margin-bottom: 5px;
}
.section02 .rimg_img_box li a,
.section03 .rimg_img_box li a{
display: block;
width: 100%;
height: 100%;
}
.section02 .rimg_img_box li img,
.section03 .rimg_img_box li img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.section02 .rimg_img_box li:nth-child(2n),
.section03 .rimg_img_box li:nth-child(2n) {
margin-right: 0px;
}
.section02 .rimg .img img,
.section03 .rimg .img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.section02 .txt,
.section03 .txt {
position: relative;
}
.section02 .inner,
.section03 .inner {
position: relative;
z-index: 11;
box-sizing: border-box;
}
.section02 .desc,
.section03 .desc {
font-size: 14px;
color: #333;
line-height: 30px;
height: 213px;
padding: 10px 0 80px;
display: flex;
}
.section02 .list,
.section03 .list {
overflow: hidden;
}
.section02 .list ul,
.section03 .list ul {
margin-top: -42px;
}
.section02 .list ul li,
.section03 .list ul li {
display: inline-block;
width: 33.333%;
float: left;
margin-top: 42px;
}
.section02 .list ul li a,
.section03 .list ul li a {
color: #666;
font-size: 14px;
background: url(../images/l01.png) no-repeat left center;
padding-left: 35px;
}
.section02 .list ul li.active a,
.section03 .list ul li.active a {
color: #C00000;
font-weight: bold;
background-image: url(../images/l02.png);
}
.section04 {
padding-bottom: 60px;
width: 1200px;
margin: 0 auto;
display: flex;
}
.section04 .con {}
.section04 ul {
width: 1200px;
display: flex;
justify-content: space-between;
}
.section04 ul li {
display: inline-block;
width: 32.9%;
text-align: center;
background-color: #f7f7f7;
position: relative;
height: 377px;
}
/* .section04 ul li::after{width:100%;height: 94px;background:url(../images/cbg.png) no-repeat center bottom;display:inline-block;content:'';position:absolute;left:0;bottom:-47px;} */
.section04 ul li a {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.section04 ul li dl {
color: #BF0000;
position: relative;
}
.section04 ul li dl dt {}
.section04 ul li dl dt i {
width: 78px;
height: 78px;
width: 4.0625vw;
height: 4.0625vw;
display: inline-block;
}
.section04 ul li dl dt i img:nth-child(2) {
display: none;
}
.section04 ul li dl dd {
padding-top: 40px;
}
.section04 ul li dl dd strong {
display: block;
font-size: 36px;
font-family: "NexaBold";
}
.section04 ul li dl dd p {
display: block;
font-size: 20px;
font-family: "NexaBold";
color: #999999;
}
.section04 ul li:hover {
background-image: url(../images/cfbg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.section04 ul li:hover::after {
background-image: url(../images/cbg2.png);
}
.section04 ul li:hover dl,
.section04 ul li:hover dl p {
color: #fff;
}
.section04 ul li:hover dl dt i img:nth-child(1) {
display: none;
}
.section04 ul li:hover dl dt i img:nth-child(2) {
display: inline-block;
}
.fleft {
/* width:450px;width:23.4375vw; */
width: 350px;
}
.fmid {
width: 610px;
}
.fcon {
padding-top: 70px;
}
.fcon dl dt {
color: #fff;
font-weight: bold;
font-size: 16px;
}
.fcon dl dt a {
color: #b60000;
color: #960e15;
font-size: 20px;
font-family: 'NexaBold';
text-decoration: underline;
font-style: italic;
}
.copyright {
padding-top: 8px;
}
.copyright,
.copyright a {
font-size: 14px;
color: #6e6e6e;
line-height: 16px;
}
.fmid dl dt {
font-size: 22px;
color: #fff;
padding-bottom: 10px;
padding-top: 15px;
font-family: 'NexaBold';
}
.fmid dl:nth-child(1) dt {
padding-top: 0;
}
.fmid dl dd {
padding-bottom: 20px;
border-bottom: solid 1px #3a3a3a;
}
.fmid dl:last-child dd {
border-bottom: none;
}
.fmid dl dd ul {}
.fmid dl dd ul li {
width: 148px;
height: 60px;
display: inline-block;
float: left;
margin-right: 5px;
}
.fmid dl dd ul li .img {
height: 60px;
overflow: hidden;
}
.fmid dl dd ul li .img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.fcon dl dd a {
color: #9f9f9f;
font-size: 14px
}
.fmid dl dd span {
display: inline-block;
margin-right: 18px;
}
.fmid dl dd span:last-child {
margin-right: 0;
}
.fmid dl dd span a {
color: #9f9f9f;
font-size: 14px;
display: inline-block;
}
.fmid dl dd span a:hover {
color: #fff;
transition: all .6s;
}
.nbanner img {
display: block;
width: 100%;
}
.menubg {
clear: both;
/* border-top:solid 2px #8e0909; */
border-bottom: solid 1px #bf0000;
line-height: 58px;
}
.smenu {}
.smenu ul {}
.smenu ul li {
display: inline-block;
float: left;
margin-left: 50px;
}
.smenu ul li:first-child {
margin-left: 0;
}
.smenu ul li a {
font-size: 14px;
}
.smenu ul li.active a {
color: #bf0000;
font-weight: bold;
}
.location a,
.location {
color: #999;
color: #4d4d4d;
font-size: 14px;
}
.location a.home {
background: url(../images/home.png)#bf0000 no-repeat center;
width: 58px;
height: 58px;
float: left;
display: inline-block;
margin-right: 20px;
}
.location .red {
font-weight: bold;
color: #bf0000;
}
.mbg {
padding: 50px 0;
min-height:400px;
}
.gywm .txt {
width: 600px;
position: relative;
z-index: 11;
}
.gywm .img {
width: 596px;
}
.gywm .ctitle {
padding-top: 0;
text-align: left;
background: none;
align-items: flex-start;
padding-bottom: 30px;
}
.gywm .ctitle h3 {
width: 100%;
color: #000;
}
.gywm .ctitle p {
position: relative;
}
.gywm .ctitle p::after {
width: 520px;
height: 1px;
display: inline-block;
content: '';
background-color: #000;
position: absolute;
left: 122px;
z-index: 999;
top: 50%;
}
.gywm .ctitle p::before {
width: 26px;
height: 2px;
display: inline-block;
content: '';
background-color: #d45555;
position: absolute;
left: 122px;
z-index: 999;
top: 50%;
margin-top: -2px;
}
.gywm .info {
color: #000;
font-size: 16px;
}
.gywm .info ul li {
padding-bottom: 12px;
padding-left: 105px;
position: relative;
}
.gywm .info ul li strong {
font-size: 20px;
font-weight: bold;
display: inline-block;
position: absolute;
left: 0;
top: -2px;
}
.gywm .info ul li a {
color: #960e15;
text-decoration: underline;
font-size: 16px;
font-weight: bold;
}
.gywm .info ul li p {
line-height: 26px;
}
.gssx {
/* background: url(../images/gssx.jpg) no-repeat center; */
/* height: 516px; */
display: flex;
/* justify-content: flex-end; */
align-items: center;
/* padding-top: 50px; */
}
.gssx .inner {
/* width: 490px; */
}
.gssx .info ul li {
padding-left: 43px;
padding-bottom: 20px;
margin-top: 20px;
border-bottom: dotted 1px #999;
}
.gssx .info ul li:nth-child(1) {
background: url(../images/sx011.png) no-repeat left 4px;
}
.gssx .info ul li:nth-child(2) {
background: url(../images/sx021.png) no-repeat left 4px;
}
.gssx .info ul li:nth-child(3) {
background: url(../images/sx031.png) no-repeat left 4px;
}
.gssx .info ul li:nth-child(4) {
background: url(../images/sx041.png) no-repeat left 4px;
}
.gssx .info ul li:nth-child(5) {
background: url(../images/sx051.png) no-repeat left 5px;
}
.gssx .info ul li:nth-child(6) {
background: url(../images/sx06.png) no-repeat left 4px;
}
.gssx .info ul li strong {
font-size: 20px;
}
.gssx .info ul li span {
font-size: 14px;
color: #666;
display: inline-block;
margin-left: 5px;
}
.gssx .info ul li strong {
font-size: 20px;
color: #666;
}
.gssx .info ul li .d {
color: #666;
font-size: 16px;
line-height: 22px;
padding-top: 5px;
}
.bimg {
width: 600px;
}
.btxt {
width: 100%;
}
.btxt .t strong {
font-size: 30px;
color: rgb(127, 127, 127);
font-weight: bold;
left: 30px;
}
.btxt .t p {
font-size: 16px;
color: #ccc;
}
.btxt .d {
font-size: 16px;
color: #333;
margin-top: 20px;
}
.btxt .d .swiper-container {
padding-bottom: 50px;
}
.btxt .d ul li {
/* background: url(../images/red.png) no-repeat left 8px; */
/* margin-top:15px; */
/* height: 30px; */
box-sizing: border-box;
}
.symid ul li {
width: 390px;
height: 270px;
display: inline-block;
float: left;
margin-right: 15px;
}
.sydesc {
border: solid 1px #f6f6f6;
margin-top: 30px;
text-align: center;
padding: 30px 0;
}
.left {
width: 290px;
}
.ltop {
background-color: rgb(127,127,127);
/* background: url(../images/ltop.jpg) no-repeat left center; */
height: 100px;
color: #fff;
padding-left: 45px;
box-sizing: border-box;
padding-top: 20px;
box-sizing: border-box;
}
.ltop strong {
display: block;
font-size: 22px;
}
.ltop span {
font-size: 14px;
color: #fff;
display: block;
}
.lnav ul li {
line-height: 60px;
margin-top: 2px;
}
.lnav ul li>a {
display: block;
font-size: 16px;
color: #000;
color: #4d4d4d;
background: url(../images/ld1.png) no-repeat 40px center;
padding-left: 64px;
background-color: #f6f6f6;
}
.lnav ul li ul {
display: none;
}
.lnav ul li ul li {
line-height: 40px;
/* padding-left: 64px; */
background-color: #fff;
}
.lnav ul li ul li a {
display: block;
font-size: 16px;
color: #000;
color: #4d4d4d;
background: none;
padding-left: 64px !important;
}
.lnav ul li.active {}
.lnav ul li.active>a {
color: #fff;
background-image: url(../images/ld2.png);
background-color: #bf0000;
}
.lnav ul li ul li a:hover {
color: #960e15;
}
.lnav ul li.active ul {
display: none;
}
.right {
width: 896px;
}
.prolist ul {
margin-right: -13px;
margin-top: -20px;
}
.prolist ul li {
display: inline-block;
width: 290px;
margin-right: 13px;
float: left;
transition: all .3s;
margin-top: 10px;
padding-top: 10px;
height: 288px;
position: relative;
overflow: hidden;
}
.prolist ul li a {
display: block;
position: relative;
}
.prolist ul li .img {
height: 190px;
overflow: hidden;
position: relative;
transition: all .3s;
}
.prolist ul li .img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 1s;
}
.prolist ul li .txt {
text-align: left;
border-bottom: solid 1px #f9f9f9;
height: 98px;
padding-top: 7px;
box-sizing: border-box;
}
.prolist ul li .txt strong {
display: block;
font-size: 16px;
color: #000;
font-weight: normal;
}
.prolist ul li .txt p {}
.prolist ul li .txt dl dt {
font-size: 14px;
color: #000;
}
.prolist ul li .txt dl dd {
font-size: 14px;
color: #999;
}
.prolist ul li .txt dl dt span {
width: 80px;
display: inline-block;
letter-spacing: 3px;
}
.prolist ul li .txt dl dt em {
position: relative;
margin-left: -14px;
}
.prolist ul li .txt dl dd p:nth-child(1) span {
width: auto;
display: inline-block;
letter-spacing: 1.4px;
}
.prolist ul li .txt dl dd p:nth-child(1) em {
position: relative;
left: -1.4px;
}
.prolist ul li .txt dl dd p:nth-child(2) span {
letter-spacing: 40px;
width: 80px;
}
.prolist ul li .txt dl dd p:nth-child(2) em {
position: relative;
left: -40px;
}
.prolist ul li .txt dl dd p:nth-child(3) span {
letter-spacing: 4px;
}
.prolist ul li .txt dl dd p:nth-child(2) samp {
margin-left: -40px;
}
.prolist ul li .txt dl dd p:nth-child(3) em {
margin-left: -4px;
}
.prolist ul li .txt dl dd p:nth-child(3) samp {
margin-left: 0px;
}
.prolist ul li:hover a {
top: -10px;
}
.prolist ul li:hover .img {
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.08);
}
.prolist ul li:hover .img img {
transform: scale(1.05);
}
.prolist ul li:hover .txt {
border-bottom: solid 1px #960e15;
padding-top: 15px;
height: 98px;
}
.prolist ul li:hover .txt dl dt {
color: #960e15;
}
.prolist ul li:hover .txt strong {
color: #960e15;
font-weight: bold;
}
.prolist ul li:hover .txt p {
color: #000;
}
.m-page {
clear: both;
padding-top: 50px;
text-align: center;
}
.m-page a {
border: solid 1px #f0f0f0;
text-align: center;
margin: 0 3px;
display: inline-block;
padding: 9px 15px;
font-size: 14px;
color: #999;
}
.m-page a.z-crt {
border-color: #bf0000;
background-color: #bf0000;
color: #fff;
}
.newslist {
overflow: hidden;
}
.newslist ul {
margin-top: -10px;
}
.newslist ul li {
border: solid 1px #fafafa;
margin-top: 10px;
}
.newslist ul li a {
display: block;
padding: 0 15px;
overflow: hidden;
padding-top: 33px;
padding-left: 33px;
padding-top: 15px;
padding-bottom: 15px;
}
.newslist ul li .time {
width: 150px;
color: #6c6c6c;
height: 165px;
background: url(../images/nb1.jpg) no-repeat left bottom;
position: relative;
}
.newslist ul li .time::after {
position: absolute;
left: 0;
top: 87px;
width: 100%;
height: 2px;
background: url(../images/nline1.jpg) no-repeat left bottom;
content: '';
}
.newslist ul li .time strong {
font-size: 40px;
display: block;
line-height: 1em;
}
.newslist ul li .time span {
display: block;
font-size: 20px;
color: #ccc;
}
.newslist ul li .txt {
width: 550px;
}
.newslist ul li .title {
font-size: 24px;
color: #333;
}
.newslist ul li .desc {
font-size: 14px;
line-height: 24px;
color: #999;
margin-top: 20px;
}
.newslist ul li .img {
width: 326px;
height: 165px;
overflow: hidden;
}
.newslist ul li .img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: all .3s;
}
.newslist ul li:hover .time {
background-image: url(../images/nb2.jpg);
}
.newslist ul li:hover .time::after {
background-image: url(../images/nline2.jpg);
}
.newslist ul li:hover .time strong {
color: #333;
}
.newslist ul li:hover .img img {
transform: scale(1.05);
}
.xswl {
position: relative;
}
.xswl .bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.xswl .tbg {
z-index: 1;
}
.xswl .bbg {
z-index: 2;
}
.xswl .fbg {
z-index: 3;
}
.xswl .fbg ul li {
width: 38px;
height: 23px;
position: absolute;
cursor: pointer;
transform: scale(1);
transform-origin: center bottom;
}
.xswl .fbg ul li dl {
position: relative;
width: 38px;
height: 23px;
}
.xswl .fbg ul li dl dt {
width: 38px;
height: 23px;
position: relative;
}
.xswl .fbg ul li dl dd {
width: 120px;
height: 32px;
background-color: #fff;
position: absolute;
left: 50%;
margin-left: -60px;
top: -48px;
text-align: center;
border: solid 1px #e3e3e2;
text-align: center;
line-height: 32px;
z-index: 899;
color: #000;
font-size: 16px;
opacity: 0;
transition: all 1s;
}
.xswl .fbg ul li:hover dl dd {
opacity: 1;
top: -42px;
}
.xswl .fbg ul li dl dd::after {
width: 100%;
height: 6px;
display: inline-block;
content: '';
position: absolute;
left: 0;
bottom: -5px;
background: url(../images/drow.png) no-repeat center top;
}
.xswl .fbg ul li.active {}
.xswl .fbg ul li.active dl dt {
transform: scale(1.5);
}
.xswl .fbg ul li:hover dl dt {
animation: ripple 1s linear infinite 0s;
}
.xswl .fbg ul li.active dl dd {
top: -52px;
}
/* .xswl .fbg ul li.active:hover dl dd{top:-47px;} */
.xswl .fbg ul li.active dl dt img {}
.xswl .fbg ul li dl dt {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
/* .bowen::before {
animation: ripple 2s linear infinite 2s;
} */
@keyframes ripple {
0% {
top: -8px;
opacity: 0;
}
100% {
top: 0px;
}
}
.xswl .fbg ul li:nth-child(1) {
left: 150px;
top: 422px;
}
.xswl .fbg ul li:nth-child(2) {
left: 115px;
top: 387px;
}
.xswl .fbg ul li:nth-child(3) {
left: 98px;
top: 325px;
}
.xswl .fbg ul li:nth-child(4) {
left: 45px;
top: 280px;
}
.xswl .fbg ul li:nth-child(5) {
left: 64px;
top: 230px;
}
.xswl .fbg ul li:nth-child(6) {
left: 117px;
top: 136px;
}
.xswl .fbg ul li:nth-child(7) {
left: 235px;
top: 77px;
}
.xswl .fbg ul li:nth-child(8) {
left: 197px;
top: 115px;
}
.xswl .fbg ul li:nth-child(9) {
left: 197px;
top: 209px;
}
.xswl .fbg ul li:nth-child(10) {
left: 194px;
top: 270px;
}
.xswl .fbg ul li:nth-child(11) {
left: 244px;
top: 229px;
}
.xswl .fbg ul li:nth-child(12) {
left: 282px;
top: 247px;
}
.xswl .fbg ul li:nth-child(13) {
left: 298px;
top: 320px;
}
.xswl .fbg ul li:nth-child(14) {
left: 373px;
top: 135px;
}
.xswl .fbg ul li:nth-child(15) {
left: 408px;
top: 235px;
}
.xswl .fbg ul li:nth-child(16) {
left: 386px;
top: 313px;
}
.xswl .fbg ul li:nth-child(17) {
left: 428px;
top: 387px;
}
.xswl .fbg ul li:nth-child(18) {
left: 508px;
top: 100px;
}
.xswl .fbg ul li:nth-child(19) {
left: 540px;
top: 196px;
}
.xswl .fbg ul li:nth-child(20) {
left: 489px;
top: 229px;
}
.xswl .fbg ul li:nth-child(21) {
left: 508px;
top: 497px;
}
.xswl .fbg ul li:nth-child(22) {
left: 850px;
top: 105px;
}
.xswl .fbg ul li:nth-child(23) {
left: 900px;
top: 40px;
}
.xswl .fbg ul li:nth-child(24) {
left: 925px;
top: 160px;
}
.xswl .fbg ul li:nth-child(25) {
left: 1014px;
top: 315px;
}
.xswl .fbg ul li:nth-child(26) {
left: 1051px;
top: 358px;
}
.xswl .fbg ul li:nth-child(27) {
left: 1117px;
top: 358px;
}
.xswl .fbg ul li:nth-child(28) {
left: 1047px;
top: 433px;
}
.xswl .fbg ul li:nth-child(29) {
left: 1133px;
top: 433px;
}
.xswl .fbg ul li:nth-child(30) {
left: 1038px;
top: 569px;
}
/* .xswl .fbg ul li:nth-child(31) {left:1038px;top:569px;} */
.wlxs {
padding: 30px 0;
position: relative;
}
.wlxs .inner {
width: 440px;
height: 540px;
background-color: #fff;
position: absolute;
right: 30px;
top: 0;
padding: 30px 40px;
box-sizing: border-box;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.17);
}
.wlxs .info {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.ctitle {
text-align: right;
position: relative;
background: url(../images/bolang.png) no-repeat right top;
padding-top: 60px;
padding-bottom: 50px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.ctitle h3 {
color: #960e15;
font-size: 60px;
font-family: 'NexaBold';
width: 150%;
display: block;
}
.ctitle p {
font-size: 24px;
color: #000;
}
.wlxs .word {
font-size: 18px;
line-height: 30px;
color: #000;
text-align: right;
padding-bottom: 70px;
}
.clxwm {
width: 180px;
height: 40px;
text-align: center;
padding-right: 40px;
position: relative;
margin-top: 77px;
}
.clxwm::before {
width: 35px;
height: 3px;
display: inline-block;
content: '';
background-color: #960e15;
position: absolute;
right: 0;
top: -77px;
}
.clxwm::after {
width: 40px;
height: 42px;
display: inline-block;
content: '';
position: absolute;
right: 0;
top: 0;
background: url(../images/r.jpg)#960e15 no-repeat center;
}
.clxwm a {
color: #960e15;
font-size: 16px;
display: block;
width: 180px;
line-height: 40px;
text-align: center;
border: solid 1px #960e15;
}
.cword {
position: relative;
padding-bottom: 65px;
}
.cword::after {
width: 32px;
height: 3px;
display: inline-block;
background-color: #d4000d;
position: absolute;
left: 0;
bottom: 0;
content: '';
}
.cword h3 {
font-size: 35px;
color: #000;
font-family: 'NexaBold';
}
.cword p {
font-size: 16px;
line-height: 26px;
}
.lxwm .map {
width: 600px;
}
.lxwm .txt {
width: 550px;
}
.clist {
padding-top: 65px;
}
.clist ul {
margin-top: -40px;
}
.clist ul li {
margin-top: 40px;
}
.clist ul li dl {
display: flex;
}
.clist ul li dt {
width: 188px;
padding-left: 40px;
box-sizing: border-box;
}
.clist ul li:nth-child(1) dt {
background: url(../images/lx01.png) no-repeat left center;
}
.clist ul li:nth-child(2) dt {
background: url(../images/lx02.png) no-repeat 1px center;
}
.clist ul li:nth-child(3) dt {
background: url(../images/lx03.png) no-repeat 5px center;
}
.clist ul li dt strong {
font-size: 16px;
color: #333;
display: block;
}
.clist ul li dt span {
font-size: 12px;
color: #ccc;
font-family: Arial;
display: block;
}
.clist ul li dl dd {
border-left: solid 1px #f3f3f3;
font-size: 16px;
left: 24px;
padding-left: 20px;
width: 340px;
box-sizing: border-box;
}
.lxbg {
clear: both;
background-color: #f7f7f7;
padding: 50px 0;
}
.message .row {
width: 594px;
height: 48px;
border: solid 1px #f3f3f3;
display: inline-block;
float: left;
background-color: #fff;
margin-top: 11px;
line-height: 48px;
padding: 0 20px;
box-sizing: border-box;
}
.message .row.phone {
float: right;
}
.message .row.msginfo {
clear: both;
width: 100%;
box-sizing: border-box;
height: 118px;
}
.message .row .txt {
width: 100%;
line-height: 48px;
vertical-align: middle;
box-sizing: border-box;
padding: 0 20px;
}
.message .row.code {
width: 315px;
position: relative;
}
.message .row.code .codeimg {
position: absolute;
right: 14px;
top: 13px;
}
.message .txt_msginfo {
width: 100%;
height: 110px;
padding: 7px 0;
outline: none;
font-size: 12px;
font-family: "微软雅黑";
}
.btntj {
width: 134px;
height: 50px;
background-color: #960e15;
display: inline-block;
float: right;
text-align: center;
line-height: 50px;
color: #fff;
font-size: 14px;
background-image: url(../images/tj.png);
background-position: 38px center;
background-repeat: no-repeat;
padding-left: 64px;
text-align: left;
margin-top: 11px;
cursor: pointer;
}
/* 修改的样式 */
.block_outline01 {
margin-top: 20px;
}
.dl_outline {
width: 1200px;
overflow: hidden;
}
.dl_outline+.dl_outline {
border-bottom: dotted 1px #999;
}
.dl_outline:first-child {
border-bottom: dotted 1px #999;
border-top: dotted 1px #999;
}
.dl_outline dt {
width: 18%;
float: left;
box-sizing: border-box;
padding: 20px 25px;
color: rgb(127, 127, 127);
}
.dl_outline dd {
width: 82%;
float: left;
box-sizing: border-box;
padding: 20px 25px;
border-left: solid 1px #999;
}
.symid_list {
display: flex;
flex-wrap: wrap;
width: 100%;
height: auto;
}
.symid_list li {
width: 390px;
height: 270px;
margin-right: 15px;
margin-bottom: 15px;
}
.symid_list li:nth-child(3n) {
margin-right: 0px;
}
.symid_list li a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.symid_list li img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s all;
}
.symid_list li a:hover img {
transform: scale(1.05);
}
.lnav ul li ul li.active a {
color: #bf0000;
background-image: none;
background-color: #fff;
border-bottom: 1px solid #bf0000;
}
.gsjs_list{
width: 1200px;
}
/* banner第一张 */
.banner_logo{
position: relative;
}
.banner_logo_box{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: flex;
flex-direction: column;
justify-content: center;
animation:mymove 2s;
animation-iteration-count:1;
-webkit-animation:mymove 2s; /* Safari 和 Chrome */
-webkit-animation-iteration-count:1;
}
@keyframes mymove
{
from {left: 0;
transform: translate(-100%,-50%);}
to {left: 50%;
transform: translate(-50%,-50%);}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left: 0;
transform: translate(-100%,-50%);}
to {left: 50%;
transform: translate(-50%,-50%);}
}
.banner_logo .logo_001{
width: 61.35417vw;
}
.banner_logo .logo_002{
width: 61.35417vw;
margin-top: 3.85417vw;
}
.banner .swiper-button-next:after,.banner .swiper-container-rtl .swiper-button-prev:after,
.banner .swiper-button-prev:after,.banner .swiper-container-rtl .swiper-button-next:after{
color: #BF0000 !important;
}