﻿.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

#mould76384{ width:100%;height:90px; z-index: 9999; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); transition:1s;position: fixed;}
.navbars4{ width:1440px; height:auto;}
.navbars4 .logo{ width:300px; height: 90px;}
.navbars4 ul{ height:90px;}
.navbars4 li{ position:relative;}
.navbars4 li >a{ padding:0; margin-right:60px; position:relative; background:none;font-size: 14px;}
.navbars4 li.active >a{ background:none; color:#c50c1c;}
.navbars4 li:hover >a{ background:none; color:#c50c1c;}
.navbars4 li:last-child >a{ margin-right:0;}
.navbars4 li >a:after{ content:""; display:block; width:0; height:2px; background:#c50c1c; position:absolute; top:30px; transition:.6s;}
.navbars4 li:hover >a:after{ width:100%;}
.navbars4 li.active >a:after{ width:100%;}

.navbars4 li .sub-dhmenu{ position:absolute; left:-200px; top:90px; background:rgba(0,0,0,0.8); width:1920px; line-height:54px; padding-left:60px; display:none;}
.navbars4 li:nth-child(-n+4) .sub-dhmenu{ left:-60px;}
.navbars4 li:hover .sub-dhmenu{ display:block;}
.navbars4 li .sub-dhmenu a{ background:none; font-size: 14px; color:#fff;}
.navbars4 li .sub-dhmenu a:hover{ color:#c50c1c;}

#mould76605 .swiper-button-prev,#mould76605 .swiper-button-next{ display:none;}
#mould76605:hover .swiper-button-prev,#mould76605:hover .swiper-button-next{ display:block;}
#mould76605 .swiper-button-prev{ left:60px;}
#mould76605 .swiper-button-next{ right:60px;}
#mould76605 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;width:36px; border-radius:4px;}
#mould76605 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background:#c50c1c;}
#mould76605 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:15px;}



.content{ background: url("/images/bg.jpg") no-repeat; min-height:300px;}
.content-a{ width:1440px; margin:0 auto; padding:30px 0 0 0;}

.up-a{ margin-bottom:30px;}
.up-a .news{ width:46%; float:left;}
.up-a .news h3{ line-height:22px; font-size:20px; color:#c50c1c; margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:15px;font-weight: bold;}
.up-a .news h3 span{ text-transform: uppercase; font-family: arial; line-height:16px; font-size:16px; color:#C50C1C;}
.news_box .img{ float:left; width:36%;}
.news_box .img img{ width:100%;}
.news_box .text{ float:right; width:60%;}
.news_box .text h2{ font-size:16px; line-height:18px; color:#1a1a1a; font-weight:bold; margin-top:8px;}
.news_box .text p{ line-height:26px; color:#666; margin:12px 0 10px 0;}
.news_box .text time{ color:#666; display:block;}

.news1 a:hover{ color:inherit;}
.news1 .swiper-pagination{ right:0; width:8%; left:inherit; bottom: 0;}
.news1 .swiper-container .swiper-pagination-bullet-active{ width:8px; background:#c50c1c;}


.up-a .right{ width:51.4%; float:right;}
.up-a .right h3{ line-height:22px; font-size:20px; color:#c50c1c; margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:15px;font-weight: bold;}
.up-a .right h3 span{ text-transform: uppercase; font-family: arial; line-height:16px; font-size:16px; color:#C50C1C;}
.up-a .right a{ float:left; width:24.55%; margin-right:.6%; height: 0; padding-bottom: 24.55%; background: #c50c1c url("/images/icon1.png") no-repeat right bottom;}
.up-a .right a:last-child{ margin-right:0;}
.up-a .right a:nth-child(2){ background: #8a2cbb url("/images/icon2.png") no-repeat right bottom;}
.up-a .right a:nth-child(3){ background: #ffa804 url("/images/icon4.png") no-repeat right bottom;}
.up-a .right a:nth-child(4){ background: #24a680 url("/images/icon3.png") no-repeat right bottom;}
.up-a .right a h2 span{ display:block; text-transform: uppercase; font-family: arial; line-height:16px; font-size:14px; color:rgba(255,255,255,0.8); margin-bottom:6px;}
.up-a .right a h2{ line-height:16px; font-size:16px; color:#fff; padding: 18px 0 0 15px;}

.down-a>div{ width:65.2%; height:254px; float:left; position:relative;}
.down-a div a{ display:block; height: 100%;}
.down-a div:nth-child(even){ width:34.8%; float:right;}
.down-a div img{ width:100%; height:100%;}
.down-a div h2{ position:absolute; top:40px; left:40px; font-size:26px; line-height:26px; color:#c50c1c;}
.down-a div h2 span{ display:block; font-size:16px; line-height:16px; text-transform: uppercase; font-family: arial; margin-top:18px;}
.down-a div:nth-child(2) h2,.down-a div:nth-child(3) h2{ color:#fff;}
.down-a div:nth-child(1) p{ color:#323232; margin-top:30px; line-height:20px;}
.down-a div:nth-child(1) .da{ position:absolute; top:90px; right:40px; text-align:center;}
.down-a div:nth-child(1) .da h3{ font-size:28px; line-height:32px; color:#c50c1c; float:left; padding:0 24px; border-right:1px solid #ccc;}
.down-a div:nth-child(1) .da h3:last-child{  border-right:none;}
.down-a div:nth-child(1) .da h3 span{ color:#1a1a1a; display:block; font-size:16px; line-height:16px; margin-top:12px;}
.down-a div:nth-child(2) h3{ position:absolute; top:100px; left:40px;}
.down-a div:nth-child(2) h3 p{ float:left; color:#FFFFFF;}
.down-a div:nth-child(2) h3 p:first-child{ margin-right:20px;}
.down-a div:nth-child(2) h3 p span{ display:block;margin-top:6px;}

.down-a div:nth-child(3) p{ color:#FFFFFF; margin-top:30px; font-size:20px; text-align:center; line-height:24px;margin: 40px 0 0 190px;}
.down-a div:nth-child(4) p{ color:#C50C1C; text-align:right; position:absolute; top:70px; right:40px; font-size:18px;line-height:30px;letter-spacing:5px}


/*底部*/

.footer_227_center{ width:1440px; margin:0 auto; padding: 30px 0 10px 0;}
.footer_227_center a:hover{ color:#c50c1c;}
.footer_227_center .left{ float:left;font-size: 14px;}
.footer_227_center .left a{ display: inline; margin:0 10px;}
.footer_227_center .left a:first-child{ margin-left:0;}
.footer_227_center .left p{ margin-top:6px;font-size: 14px;}

.footer_227_center .right{ float:right;}
.footer_227_center .right p{ margin-bottom:6px; text-align: right;font-size: 14px;}
.footer_227_center .right p a{ display: inline; margin-right:10px;}
.footer_227_center .right p a:last-child{ margin-right:0;}



@media screen and (max-width: 1360px){ 
  .navbars4,.content-a{ width:94%;}
  .news1 .swiper-pagination{ width:10%;}
  .footer_227_center{ width:100%;}
}


.navbars4 li {position: relative;}






