html,body {
margin:0;
padding:0;
}
body {
overflow-x: hidden;
font-family: "寰蒋闆呴粦";
}
/*椤堕儴瀵艰埅*/
header {
position: fixed;
top:0;
left:0;
padding:0 50px 0 97px;
width:100%;
height:95px;
background: #ffffff;
z-index: 100;
}
header .t_logo {
display: flex;
height:95px;
float:left;
align-items: center;
overflow: hidden;
}
header .t_logo img {
height:60px;
}
header .t_nav {
float:right;
height:100%;
}
header .t_nav > a {
position: relative;
display: block;
padding:25px 25px 0 25px;
height:105px;
float:left;
color:#333333;
overflow: hidden;
font-size:19px;
}
header .t_nav > a label {
display: block;
padding-bottom:5px;
font-weight: normal;
color:#aaaaaa;
font-size:14px;
text-align: center;
}
header .t_nav > a.act {
color:#cb3b3b;
font-weight: bold;
}
header .t_nav > a.act::after {
position: absolute;
bottom:10px;
left:10%;
width:80%;
height:4px;
content:'';
background: #cb3b3b;
}
header .t_nav > a:hover {
color:#cb3b3b;
font-weight: bold;
}
header .t_nav > ul {
position: relative;
display: block;
float:left;
padding:25px 25px 0 25px;
height:105px;
color:#333333;
font-size:19px;
}
header .t_nav > ul li > label {
display: block;
padding-bottom:5px;
font-weight: normal;
color:#aaaaaa;
font-size:14px;
text-align: center;
}
header .t_nav > ul > li > ul {
position: absolute;
display: none;
width:120%;
top:70px;
left:15px;
background: #ffffff;
box-shadow: 0 0 5px #e5e5e5;
z-index: 20;
}
header .t_nav > ul > li:hover > ul {
display: block;
}
header .t_nav > ul > li > ul > li {
padding:0 0 0 0px;
height:35px;
line-height:35px;
overflow: hidden;
font-size:0.7vw;
border-bottom:1px #e5e5e5 dashed;
}
header .t_nav > ul > li > ul > li:hover {
background: #f5f5f5;
}
header .t_nav > ul > li > ul > li a {
color:#333333;
}
/*棣栭〉banner*/
.h_bannerbox {
position: relative;
margin-top:95px;
width:100%;
height:840px;
background: #fafafa;
}
.h_bannerbox .h_b_text {
position: absolute;
bottom:50px;
left:-100%;
z-index: 10;
animation:hb_text_an;
animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/
animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/
animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/
animation-duration:1s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/
animation-fill-mode:forwards;
}
@keyframes hb_text_an
{
0% {left:-100%}
100% {left:50px}
}
.h_bannerbox .swiper {
width:100%;
height:100%;
}
.h_bannerbox .swiper-wrapper {
width:100%;
height:100%;
}
.h_bannerbox .swiper-slide {
background-position: center;
background-repeat: no-repeat;
background-size:100%;
}
.swiper-button-next:after,
.swiper-button-prev:after {
color:rgba(255,255,255,0.3);
outline: none;
border:0;
}
/*棣栭〉浜у搧涓績*/
.h_productbox {
padding:155px 0 0 0;
width:100%;
}
.h_productbox .h_productitem {
padding-top:90px;
width:99.99%;
}
.h_productbox .marqueeleft {
margin: 0 auto;
width:100%;
height:570px;
overflow:hidden;
}
.h_productbox .marqueeleft ul {
float:left;
}
.h_productbox .marqueeleft li {
position: relative;
float:left;
display:inline;
margin:0 20px;
width:768px;
height:570px;
}
.h_productbox .marqueeleft li::after {
position: absolute;
display: block;
bottom:15px;
left:-20px;
content: '';
width:calc(100% + 40px);
height:1px;
background: #eeeeee;
z-index: 1;
}
.h_productbox .marqueeleft li a.pic {
position: relative;
display:block;
border:rgba(255,255,255,0) 3px solid;
width:100%;
height:485px;
background: #ffffff;
border-radius: 8px;
}
.h_productbox .marqueeleft li a.pic img {
width:100%;
height:100%;
border-radius: 5px;
}
.h_productbox .marqueeleft li a.pic:hover {
border:#cb3b3b 3px solid;
}
.h_productbox .marqueeleft li a.pic .txt {
position: absolute;
bottom:20px;
right:20px;
padding:10px 20px;
background: #cb3b3b;
color:#ffffff;
font-size:16px;
border-radius:15px 0 15px 0;
z-index: 1;
}
.h_productbox .marqueeleft li a.pic label {
display: block;
position: absolute;
right:0;
left:0;
bottom:-87px;
margin:auto;
width:30px;
height:30px;
background: #ffffff;
border:10px #eeeeee solid;
border-radius: 30px;
z-index: 2;
}
.h_productbox .marqueeleft li a.pic:hover label {
border:10px #cb3b3b solid;
}
.h_productbox .marqueeleft li a.pic label::after {
position: absolute;
top:-42px;
left:5px;
content: '';
display: block;
width:1px;
height:25px;
background: #eeeeee;
z-index: 2;
}
.h_productbox .marqueeleft li a.pic:hover label::after {
background: #cb3b3b;
}
/*棣栭〉璧拌繘闀胯胺宸?/
.h_aboutbox {
position: relative;
margin-top:150px;
width:100%;
height:1073px;
background: #ffffff;
}
.h_aboutbox .h_about_data {
position: relative;
margin:0 auto;
top:-30px;
padding-top:85px;
width:90%;
height:970px;
background-image: url(../img/h_about_bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 2;
}
.h_aboutbox .h_about_bg {
position: absolute;
top:70px;
left:-2vw;
width:60%;
height:0;
border-width:0 300px 980px 0;
border-style: none solid solid;
border-color: transparent transparent rgba(203, 59, 59, 1);
z-index:1;
}
.h_aboutbox .h_about_text dl dd {
padding:60px 15% 45px 15%;
color:#ffffff;
font-size:18px;
line-height:36px;
text-align: center;
}
.h_aboutbox .h_about_text > a {
position: relative;
display: block;
margin:0 auto;
width:111px;
height:37px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color:#ffffff;
background: #cb3b3b;
}
.h_aboutbox .h_about_text > a span {
display: block;
float:left;
padding:0 0 0 15px;
line-height:37px;
}
.h_aboutbox .h_about_text > a em {
position: absolute;
display: block;
top:3px;
right:3px;
width: 31px;
height:31px;
line-height:31px;
font-size:25px;
text-align: center;
background: #ffffff;
color:#cb3b3b;
z-index: 1;
}
.h_aboutbox .h_about_swh {
position: relative;
margin: 85px auto 0 auto;
width:700px;
height:25px;
text-align: center;
}
.h_aboutbox .h_about_swh a {
position: relative;
padding:0 30px;
color:#ffffff;
font-size:18px;
}
.h_aboutbox .h_about_swh a:hover {
color:#cb3b3b
}
.h_aboutbox .h_about_swh a.act {
color:#cb3b3b
}
.h_aboutbox .h_about_swh a::after {
position: absolute;
top:3px;
right:0;
width:1px;
height:19px;
content: '';
background: #ffffff;
transform: rotate(8deg);
z-index: 1;
}
.h_aboutbox .h_about_swh a:nth-child(5)::after {
width:0;
}
.h_aboutbox .h_about_swh span,
.h_aboutbox .h_about_swh em {
position: absolute;
display: inline-block;
top:4px;
width:2px;
height:20px;
background: #ffffff;
z-index: 1;
}
.h_aboutbox .h_about_swh span::after,
.h_aboutbox .h_about_swh em::after {
position: absolute;
top:10px;
width:150px;
height:1px;
content: '';
background: #ffffff;
z-index: 1;
}
.h_aboutbox .h_about_swh span::after {
left:-150px;
}
.h_aboutbox .h_about_swh em::after {
right:-150px;
}
/*棣栭〉璧伴暱璋峰窛鍒囧潡澶栧眰*/
.h_about_swhitem {
margin:50px auto 0 auto;
width:85%;
height:340px;
}
/*鍏充簬鎴戜滑鍒囧潡*/
.h_about_swhitem .marqueeleft {
margin: 0 auto;
width:99%;
height:243px;
overflow:hidden;
}
.h_about_swhitem .marqueeleft ul {
float:left;
}
.h_about_swhitem .marqueeleft li {
position: relative;
float:left;
display:inline;
margin:0 5px;
width:306px;
height:243px;
overflow: hidden;;
}
.h_about_swhitem .marqueeleft li img {
width:100%;
height:100%;
}
/*鍏充簬鎴戜滑鍒囧潡*/
/*浼佷笟鏂囧寲鍒囧潡*/
.qywhbox {
padding-top:2em;
width:100%;
height:243px;
}
.qywhbox dl {
display: block;
float:left;
width:25%;
height:243px;
}
.qywhbox dl dt {
position: relative;
display: flex;
margin:0 auto;
width:4.5em;
height:4.5em;
border-radius: 5em;
background: #cb3b3b;
justify-content: center;
align-items: center;
font-size:1.4vw;
font-weight: bold;
color:#ffffff;
}
.qywhbox dl dt::after {
position: absolute;
width:4.5em;
height:4.5em;
content: '';
border:0.6em #813432 solid;
border-radius: 4.7em;
z-index: 1;
}
.qywhbox dl dd {
padding-top:3em;
font-size:1.1em;
color:#ffffff;
text-align: center;
}
/*浼佷笟鏂囧寲鍒囧潡*/
/*鑽h獕璧勮川鍒囧潡*/
.ryzzbox {
width:100%;
height:250px;
}
.ryzzbox .swiper {
margin:0 auto;
width:100%;
height:100%;
}
.ryzzbox .swiper ul.swiper-wrapper {
width:100%!important;
height:100%;
}
.ryzzbox .swiper li {
width:280px;
height:219px!important;
background: #ffffff;
overflow: hidden;
}
.ryzzbox .swiper li img {
width:100%;
height:100%;
}
.ryzzbox .swiper-button-next {
top:45%;
right:0px;
width:40px;
height:40px;
border-radius: 30px;
background: #cb3b3b;
}
.ryzzbox .swiper-button-prev {
top:45%;
left:0px;
width:40px;
height:40px;
border-radius: 30px;
background: #cb3b3b;
}
.ryzzbox .swiper-button-next:after {
left:-150px!important;
color:#ffffff!important;
font-size:25px;
}
.ryzzbox .swiper-button-prev:after {
right:-20px!important;
color:#ffffff!important;
font-size:25px;
}
.ryzzbox .swiper-pagination-bullet-active {
background:#cb3b3b!important
}
/*鑽h獕璧勮川鍒囧潡*/
/*鍙戝睍鍘嗙▼鍒囧潡*/
.fzlcbox {
width:100%;
height:340px;
}
.fzlcbox dl {
margin:0 auto;
display: block;
width:885px;
}
.fzlcbox dl dt {
float:left;
display: block;
padding:120px 0 0 0;
width:383px;
height:338px;
background-image: url(../img/fzlc_bg.png);
background-position: center;
background-repeat: no-repeat;
}
.fzlcbox dl dt > span {
display: block;
color:#ff000b;
font-size:55px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
.fzlcbox dl dt > em {
display: block;
font-size:20px;
color:#ffffff;
font-size:60px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
.fzlcbox dl dt .secyear {
padding:40px 0 0 0;
text-align: center;
color:#ffffff;
}
.fzlcbox dl dt .secyear > font {
margin:0 15px 0 0;
display: inline-block;
font-size:16px;
}
.fzlcbox dl dt .secyear > ul {
display: inline-block;
}
.fzlcbox dl dt .secyear > ul > li {
position: relative;
font-size:16px;
}
.fzlcbox dl dt .secyear > ul > li > em {
cursor: pointer;
}
.fzlcbox dl dt .secyear > ul > li i {
margin:0 0 0 5px;
}
.fzlcbox dl dt .secyear > ul > li > ul {
position: absolute;
display: none;
top:20px;
left:0;
width: 50px;
background: #f55555;
}
.fzlcbox dl dt .secyear > ul > li:hover > ul {
display: block;
}
.fzlcbox dl dt .secyear > ul > li > ul > li {
cursor: pointer;
padding:0 5px 0 0;
width:100%;
height:35px;
line-height:35px;
border-bottom:1px #cb3b3b solid;
}
.fzlcbox dl dt .secyear > ul > li > ul > li:hover {
color:#333333;
}
.fzlcbox dl dd {
float:right;
display: block;
padding:0 0 0 0px;
width:calc(100% - 383px);
height:338px;
}
.fzlcbox dl dd ul {
display: flex;
padding: 0 30px 0 40px;
width:100%;
height:338px;
flex-direction:row;
align-items: center;
flex-wrap:wrap;
overflow: hidden;
}
.fzlcbox dl dd ul li {
position: relative;
padding:0 0px 0 20px;
width:100%;
display: block;
color:#ffffff;
border-bottom:1px #cb3b3b solid;
}
.fzlcbox dl dd ul li font {
display: block;
width:100%;
height:50px;
line-height:50px;
font-size:17px;
overflow: hidden;
}
.fzlcbox dl dd ul li::after {
position: absolute;
display: block;
bottom:-6px;
left:-5px;
width:15px;
height:15px;
border-radius: 15px;
content: '';
background: #cb3b3b;
z-index: 1;
}
/*鍙戝睍鍘嗙▼鍒囧潡end*/
/*澶т簨璁?/
.h_newsbox {
padding-top:130px;
}
.h_newsitem {
margin:100px auto 0 auto;
width:75%;
}
.h_newsitem .h_news_l {
float:left;
width:calc(50% - 50px);
}
.h_newsitem .h_news_l > ul {
display: block;
margin: 0 0 30px 0;
}
.h_newsitem .h_news_l > ul > li {
width:100%;
overflow: hidden;
}
.h_newsitem .h_news_l > ul > li img {
width:100%;
}
.h_newsitem .h_news_l > dl {
display: block;
}
.h_newsitem .h_news_l > dl dt {
float:left;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
font-weight: bold;
}
.h_newsitem .h_news_l > dl dt span {
display: block;
font-size:34px;
color:#cb3b3b
}
.h_newsitem .h_news_l > dl dt em {
display: block;
font-size:26px;
color:#e8b6b6
}
.h_newsitem .h_news_l > dl dd {
margin-left:110px;
padding:0 0 0 30px;
border-left:1px #eeeeee solid;
}
.h_newsitem .h_news_l > dl dd h5 {
margin-bottom:15px;
font-size:22px!important;
}
.h_newsitem .h_news_l > dl dd h5 a {
color:#333333
}
.h_newsitem .h_news_l > dl dd h5 a:hover {
color:#cb3b3b
}
.h_newsitem .h_news_l > dl dd ol li {
margin:0 0 40px 0;
font-size:16px;
line-height:30px;
color:#797979;
height:85px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.h_newsitem .h_news_l > dl dd > a {
position: relative;
padding:0 30px 0 0;
color:#cb3b3b;
font-weight: bold;
font-size:18px;
}
.h_newsitem .h_news_l > dl dd > a:hover {
color:#333333;
}
.h_newsitem .h_news_l > dl dd > a i {
position: absolute;
top:3px;
right:0;
display: inline-block;
width:18px;
height:18px;
line-height: 18px;
border-radius: 15px;
background: #cb3b3b;
text-align: center;
color:#ffffff;
font-size:14px;
}
.h_newsitem .h_news_r {
float:right;
width:calc(50% - 50px);
}
.h_newsitem .h_news_r dl {
clear: both;
display: block;
}
.h_newsitem .h_news_r dl dt {
float:left;
padding:30px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
font-weight: bold;
}
.h_newsitem .h_news_r dl dt span {
display: block;
font-size:34px;
color:#cb3b3b
}
.h_newsitem .h_news_r dl dt em {
display: block;
font-size:26px;
color:#e8b6b6
}
.h_newsitem .h_news_r dl dd {
margin:0 0 0 110px;
padding:30px 0 50px 30px;
border-left:1px #eeeeee solid;
border-bottom:1px #eeeeee solid;
}
.h_newsitem .h_news_r dl:first-child dd {
padding-top:0;
}
.h_newsitem .h_news_r dl:last-child dd {
border-bottom:0;
}
.h_newsitem .h_news_r dl dd h5 {
margin-bottom:15px;
font-size:22px!important;
}
.h_newsitem .h_news_r dl dd h5 a {
color:#333333
}
.h_newsitem .h_news_r dl dd h5 a:hover {
color:#cb3b3b
}
.h_newsitem .h_news_r dl dd ol li {
font-size:16px;
line-height:30px;
color:#797979;
height:65px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/*澶т簨璁?/
/*鎴愬姛妗堜緥*/
.h_cassbox {
margin-top:130px;
padding:100px 0;
width:100%;
background: #f2f2f2;
}
.h_cassbox .h_cassitem {
position: relative;
clear: both;
margin:0 auto;
padding:80px 0 0 0;
width:70%;
}
.h_cassbox .h_cassitem ul {
display: block;
}
.h_cassbox .h_cassitem ul li {
float:left;
display: flex;
margin:24px 2.5% 2.5% 2.5%;
width:28%;
position:relative;
overflow: hidden;
justify-content: center;
align-items: center;
}
.h_cassbox .h_cassitem ul li .dd {
position: absolute;
bottom:-100%;
left:0;
width:100%;
height:100%;
background: rgba(0,0,0,0.7);
transition: 0.7s;
font-size:24px;
line-height:25px;
color:#ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.h_cassbox .h_cassitem ul li:hover .dd{
bottom: 0;
transition: 0.7s;
}
.h_cassbox .h_cassitem ul li img {
max-width:100%;
max-height:100%
}
.h_cassbox .h_cassitem a.cassmore {
position: relative;
clear: both;
float: right;
padding:0 25px 0 0;
color:#cb3b3b;
font-size:16px;
font-weight: bold;
}
.h_cassbox .h_cassitem a.cassmore:hover {
color:#333333
}
.h_cassbox .h_cassitem a.cassmore i {
display: block;
position: absolute;
top:1px;
right:0;
width:18px;
height:18px;
line-height:18px;
border-radius: 18px;
background: #cb3b3b;
color:#ffffff;
font-size:14px;
text-align: center;
}
/*鑱旂郴鎴戜滑*/
.h_contact {
padding:150px 0 150px 0;
}
.h_contact_box {
margin-top:95px;
position: relative;
height:500px;
}
.h_contact_info {
top:60px;
position: relative;
margin:0 auto 0 auto;
width:1200px;
height:465px;
z-index: 2;
}
.h_contact_info .h_contact_l {
position: relative;
float:left;
width:719px;
height:465px;
background: url(../img/contact_imgbg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.h_contact_l .h_contact_text1 {
position: relative;
font-weight: bold;
}
.h_contact_l .h_contact_text1 span {
position: absolute;
top:124px;
left:63px;
font-size:50px;
color:#ff151f;
font-style:italic;
z-index: 2;
}
.h_contact_l .h_contact_text1 span b {
color:#ffffff;
}
.h_contact_l .h_contact_text1 em {
position: absolute;
top:74px;
right:50px;
font-size:110px;
color:rgba(203,59,59,0.3);
font-style:italic;
z-index: 1;
}
.h_contact_l .h_contact_text2 {
position: absolute;
width: 100%;
top:210px;
left: 0;
text-align: center;
color:#ffffff;
font-size:22px;
z-index: 2;
}
.h_contact_l .h_contact_tel {
position: absolute;
width: 100%;
top:280px;
left: 0;
text-align: center;
font-size:50px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
}
.h_contact_l .h_contact_tel i {
font-size:55px;
}
.h_contact_l .h_contact_tel em {
margin:0 0 0 8px;
font-style:italic;
}
.h_contact_l .h_contact_bottom {
position: absolute;
bottom:0;
right:0;
width:80%;
height:0;
border-width:0 0px 65px 40px;
border-style: none solid solid;
border-color: transparent transparent rgba(203, 59, 59, 1);
}
.h_contact_info .h_contact_r {
position: relative;
float:right;
width:481px;
height:465px;
background: #f2f2f2;
}
.h_contact_info .h_contact_r h3 {
padding:99px 0 0 50px;
font-size:50px!important;
font-family: Arial, Helvetica, sans-serif;
}
.h_contact_info .h_contact_r h3 span {
color:#333333;
}
.h_contact_info .h_contact_r h3 em {
margin:0 0 0 8px;
color:#cb3b3b;
}
.h_contact_info .h_contact_r h4 {
padding:70px 0 0 50px;
font-size:30px!important;
color:#333333;
font-weight: normal;
}
.h_contact_info .h_contact_r p {
padding:26px 50px 0 50px;
font-size:18px;
line-height:28px;
text-align: justify;
color:#333333;
}
.h_contact_info .h_contact_r a {
display: block;
position: absolute;
bottom:0;
right:0;
width:70px;
height:70px;
line-height:60px;
color:#ffffff;
font-size:70px;
text-align: center;
background: #cb3b3b;
z-index: 1;
}
.h_contact_info .h_contact_r a:hover {
background: #9a2525;
}
.h_contact_box .h_contact_bg {
position: absolute;
top:0px;
right:0;
width:55%;
height:0;
border-width:0 0px 455px 150px;
border-style: none solid solid;
border-color: transparent transparent rgba(203, 59, 59, 1);
z-index:1;
}
/*鑱旂郴鎴戜滑*/
/*棣栭〉搴曢儴*/
footer {
width:100%;
min-height:420px;
background: #000000;
overflow: hidden;
}
footer .footer_nav {
display: flex;
margin:0 auto;
width:1200px;
height:125px;
border-bottom:1px rgba(255,255,255,0.5) solid;
justify-content: space-around;
}
footer .footer_nav a {
float:left;
color:#ffffff;
text-align: center;
display: flex;
align-items: center;
}
footer .footer_nav a dl dt {
padding-bottom:10px;
font-size:16px;
color:#979797;
}
footer .footer_nav a dl dd {
font-size:20px;
}
footer .footer_nav a:hover dd {
color:#cb3b3b;
}
footer .footer_contact {
position: relative;
margin:0 auto;
width:1200px;
min-height:265px;
overflow: hidden;
}
footer .footer_contact .footer_logo {
margin:44px 0 30px 0;
width:100%;
height:35px;
overflow: hidden;
}
footer .footer_contact .footer_logo img {
height:35px;
}
footer .footer_dept {
width:100%;
}
footer .footer_dept dl {
display: block;
float:left;
}
footer .footer_dept dl:nth-child(1) {
width:27%;
}
footer .footer_dept dl:nth-child(2) {
width:24%;
}
footer .footer_dept dl:nth-child(3) {
width:32%;
}
footer .footer_dept dl dt {
position: relative;
margin-bottom:20px;
color:#ffffff;
font-size:20px;
font-weight: bold;
}
footer .footer_dept dl dt::after {
position: absolute;
bottom:-10px;
left:0;
width:40px;
height:4px;
background: #cb3b3b;
content: '';
z-index: 1;
}
footer .footer_dept dl dd {
padding:4px 0;
font-size:14px;
color:#ffffff;
}
footer .footer_dept dl dd i {
margin:0 8px 0 0;
}
footer .footer_contact .phoneevm {
position: absolute;
top:42px;
right:0;
width:120px;
z-index: 1;
}
footer .footer_contact .phoneevm dl dt {
width:120px;
height:120px;
background: #fafafa;
overflow: hidden;
}
footer .footer_contact .phoneevm dl dt img {
width:100%;
height:100%;
}
footer .footer_contact .phoneevm dl dd {
padding:10px 0 0 0;
text-align: center;
font-size:14px;
color:#ffffff;
}
footer .footer_copyright {
width:100%;
height:30px;
line-height:30px;
background: #c9151e;
text-align: center;
font-size:14px;
overflow: hidden;
}
footer .footer_copyright ul li {
padding:0 30px;
color:#ffffff;
display: inline;
}
footer .footer_copyright ul li a {
color:#ffffff
}
/*棣栭〉搴曢儴*/
/*鍐呴〉banner*/
.sub_bannerbox {
margin-top:95px;
position: relative;
width:100%;
height:500px;
}
.sub_bannerbox .subbanner_text {
position: absolute;
z-index: 10;
font-size:60px;
color:#ffffff;
font-weight: bold;
}
.sub_bannerbox.about {
background-image: url(../img/banner_about.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
animation:about_img_an;
animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/
animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/
animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/
animation-duration:2.5s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/
animation-fill-mode:forwards;
}
@keyframes about_img_an
{
0% {background-size:120% 100%}
100% {background-size:100% 100%}
}
.sub_bannerbox.pro {
background-image: url(../img/banner_pro.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
animation:pro_img_an;
animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/
animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/
animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/
animation-duration:2.5s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/
animation-fill-mode:forwards;
}
@keyframes pro_img_an
{
0% {background-size:120% 100%}
100% {background-size:100% 100%}
}
.sub_bannerbox.case {
background-image: url(../img/banner_case.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
animation:case_img_an;
animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/
animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/
animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/
animation-duration:2.5s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/
animation-fill-mode:forwards;
}
@keyframes case_img_an
{
0% {background-size:120% 100%}
100% {background-size:100% 100%}
}
.sub_bannerbox.news {
background-image: url(../img/banner_news.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
animation:news_img_an;
animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/
animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/
animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/
animation-duration:2.5s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/
animation-fill-mode:forwards;
}
@keyframes news_img_an
{
0% {background-size:120% 100%}
100% {background-size:100% 100%}
}
.sub_bannerbox.contact {
background-image: url(../img/banner_contact.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
animation:contact_img_an;
animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/
animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/
animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/
animation-duration:2.5s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/
animation-fill-mode:forwards;
}
@keyframes contact_img_an
{
0% {background-size:120% 100%}
100% {background-size:100% 100%}
}
.sub_bannerbox.about .subbanner_text {
top:130px;
right:-120%;
animation:about_text_an;
animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/
animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/
animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/
animation-duration:2s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/
animation-fill-mode:forwards;
}
@keyframes about_text_an
{
0% {right:-120%}
100% {right:130px}
}
.sub_bannerbox.pro .subbanner_text {
top:130px;
right:-120%;
animation:pro_text_an;
animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/
animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/
animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/
animation-duration:2s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/
animation-fill-mode:forwards;
}
@keyframes pro_text_an
{
0% {right:-120%}
100% {right:130px}
}
.sub_bannerbox.case .subbanner_text {
top:130px;
right:-120%;
animation:case_text_an;
animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/
animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/
animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/
animation-duration:2s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/
animation-fill-mode:forwards;
}
@keyframes case_text_an
{
0% {right:-120%}
100% {right:130px}
}
.sub_bannerbox.news .subbanner_text {
top:130px;
left:-100%;
color:#cb3b3b;
animation:news_text_an;
animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/
animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/
animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/
animation-duration:2s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/
animation-fill-mode:forwards;
}
@keyframes news_text_an
{
0% {left:-120%}
100% {left:130px}
}
.sub_bannerbox.contact .subbanner_text {
top:130px;
right:-100%;
color:#cb3b3b;
animation:contact_text_an;
animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/
animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/
animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/
animation-duration:2s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/
animation-fill-mode:forwards;
}
@keyframes contact_text_an
{
0% {right:-120%}
100% {right:130px}
}
/*--璧拌繘闀胯胺宸?---------------------------------------------------------*/
.location {
margin:0 auto;
padding-top:30px;
width:1200px;
height:50px;
font-size:16px;
}
.location a {
margin-right:10px;
}
.location a:hover {
color:#cb3b3b
}
.location em {
margin-left:10px;
color:#cb3b3b
}
.location em a {
color:#cb3b3b
}
.about_swh {
margin-top:70px;
width:auto;
text-align: center;
}
.about_swh a {
position: relative;
display: inline-block;
margin:0 20px;
width:213px;
height:53px;
line-height: 53px;
font-size:20px;
text-align: center;
color:#ffffff;
background: #000000;
}
.about_swh a:hover {
opacity: 0.7;
}
.about_swh a.act {
background: #cb3b3b;
}
.about_swh a.act::after {
position: absolute;
display: block;
bottom:0;
left:0;
right:0;
margin:auto;
width:0;
height:0;
content: '';
border:13px solid transparent;
border-bottom:9px solid #ffffff
}
.page_title {
margin-top:100px;
margin-bottom:170px;
width:100%;
text-align: center;
}
.page_title.zzry {
margin-top:50px;
margin-bottom:100px;
}
.page_title.fzlc {
margin-top:100px;
margin-bottom:50px;
}
.page_title.pro {
margin-top:100px;
margin-bottom:80px;
}
.page_title.news {
margin-top:100px;
margin-bottom:20px;
}
.page_title.contact {
margin-top:100px;
margin-bottom:50px;
}
.page_title h4 {
margin-bottom:10px;
width:auto;
font-size:30px!important;
color:#000000
}
.page_title h5 {
position: relative;
margin:0 auto;
width:450px;
font-size:60px!important;
font-family: Arial, Helvetica, sans-serif;
color:#cb3b3b;
}
.page_title h5.fzlc {
width:520px;
}
.page_title h5.cpzx {
width:620px;
}
.page_title h5::after,
.page_title h5::before {
position: absolute;
top:30px;
content: '';
width:45px;
height:8px;
background: #cb3b3b;
z-index: 1;
}
.page_title h5::after {
left:0;
}
.page_title h5::before {
right:0;
}
.dbzjymain {
width:100%;
}
.dbzjymain .dbzjy_title {
position: relative;
margin:0 auto;
padding-bottom:50px;
width:1200px;
font-size:25px;
font-weight: bold;
}
.dbzjymain .dbzjy_title::after {
position: absolute;
bottom:40px;
left:0;
width:40px;
height:4px;
content: '';
background: #cb3b3b;
z-index: 1;
}
.dbzjymain .dbzjy_info {
width:100%;
height:285px;
background:#eeeeee;
}
.dbzjymain .dbzjy_info dl {
position: relative;
display: block;
margin:0 auto;
width:1200px;
}
.dbzjymain .dbzjy_info dl dt {
float:left;
padding-top:15px;
width:50%;
font-size:16px;
line-height:32px;
}
.dbzjymain .dbzjy_info dl dt p {
margin-top:20px;
text-indent: 32px;
}
.dbzjymain .dbzjy_info dl dd {
position: absolute;
top:-100px;
right:0;
width:40%;
z-index: 1;
}
.dbzjymain .dbzjy_info dl dd img {
width:100%;
}
.dbzjymain .dbzjy_dept {
padding:30px 0 0 0;
margin:0 auto;
width:1200px;
font-size:20px;
font-weight: bold;
}
.dbzjymain .dbzjy_dept span {
margin-bottom:10px;
}
.dbzjymain .dbzjy_dept span,
.dbzjymain .dbzjy_dept em {
display: block;
}
.gsjsmain {
position: relative;
margin-top:140px;
width:100%;
height:670px;
background-image: url(../img/gsjs_bg.jpg?v=1.00.1);
background-position: center left;
background-repeat: no-repeat;
}
.gsjsmain .gsjsinfo {
position: absolute;
top:-30px;
right:10%;
width:800px;
height:517px;
background: #ffffff;
border-top:10px #cb3b3b solid;
z-index: 1;
}
.gsjsmain .gsjsinfo h3 {
margin:62px 0 0 62px;
position: relative;
font-size:28px!important;
}
.gsjsmain .gsjsinfo h3::after {
position: absolute;
bottom:-10px;
left:0;
display: block;
content: '';
width:40px;
height:4px;
background: #cb3b3b;
z-index: 1;
}
.gsjsmain .gsjsinfo ul {
margin-bottom:60px;
}
.gsjsmain .gsjsinfo ul li {
padding:40px 62px 0 62px;
font-size:16px;
line-height:30px;
}
.gsjsmain .gsjsinfo ul li p {
text-indent: 32px;
}
.gsjsmain .gsjsinfo span,
.gsjsmain .gsjsinfo em {
display: block;
font-size:26px;
color: #cb3b3b;
font-weight: bold;
}
.gsjsmain .gsjsinfo span {
padding:0 0 15px 62px;
}
.gsjsmain .gsjsinfo em {
padding:0 0 0 200px;
}
.gsjsimgitem {
padding-top:50px;
width:100%;
height:343px;
background: #cb3b3b;
}
.gsjsimgitem .marqueeleft {
margin: 0 auto;
width:99%;
height:243px;
overflow:hidden;
}
.gsjsimgitem .marqueeleft ul {
float:left;
}
.gsjsimgitem .marqueeleft li {
position: relative;
float:left;
display:inline;
margin:0 5px;
width:305px;
height:243px;
overflow: hidden;;
}
.gsjsimgitem .marqueeleft li img {
width:100%;
height:100%;
}
.qywhitem {
width:100%;
}
.qywhitem .qywhlist {
position: relative;
margin:0 auto;
padding:0 40px;
width:80%;
height:670px;
}
.qywhitem .qywhlist dl {
position: absolute;
display: block;
width:25%;
height:570px;
}
.qywhitem .qywhlist dl:nth-child(1) {
top:90px;
left:0;
}
.qywhitem .qywhlist dl:nth-child(2) {
top:0;
left:25.4%;
}
.qywhitem .qywhlist dl:nth-child(3) {
top:90px;
left:49.7%;
}
.qywhitem .qywhlist dl:nth-child(4) {
top:0;
left:75%;
}
.qywhitem .qywhlist dl dt {
position: relative;
margin:0 auto;
width:95%;
height:510px;
background: #fafafa;
transform: skewX(-5deg);
}
.qywhitem .qywhlist dl dt .qywhimg {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position: center top;
background-repeat: no-repeat;
background-size: 110% 100%;
overflow: hidden;
z-index: 1;
}
.qywhitem .qywhlist dl dt span {
position: absolute;
display: block;
width:120%;
height:65px;
line-height:65px;
font-size:32px;
text-align: center;
color:#ffffff;
background: #cb3b3b;
font-weight: bold;
transform: skewX(5deg);
bottom:0;
left:-10%;
z-index: 2;
}
.qywhitem .qywhlist dl dt em {
position: absolute;
display: block;
width:120%;
height:40px;
line-height:40px;
font-size:18px;
text-align: center;
color:#333333;
transform: skewX(5deg);
bottom:-40px;
left:-10%;
}
.zzrymain {
padding:100px 0 0 0;
width:100%;
height:900px;
background-image: url(../img/ryzz_bg.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.ryzzbox_sub {
padding:0 150px;
width:100%;
height:250px;
}
.ryzzbox_sub .swiper {
margin:0 auto;
width:100%;
height:100%;
}
.ryzzbox_sub .swiper ul.swiper-wrapper {
width:90%!important;
height:100%;
}
.ryzzbox_sub .swiper li {
width:280px;
height:250px!important;
overflow: hidden;
}
.ryzzbox_sub .swiper li a {
display: block;
width:100%;
height:219px;
}
.ryzzbox_sub .swiper li a img {
width:100%;
height:100%;
border:10px #000000 solid;
}
.ryzzbox_sub .swiper li span {
display: block;
text-align: center;
height:30px;
line-height:35px;
font-size:16px;
}
.ryzzbox_sub .swiper-button-next {
top:45%;
right:0px;
width:40px;
height:40px;
border-radius: 30px;
background: #cb3b3b;
}
.ryzzbox_sub .swiper-button-prev {
top:45%;
left:0px;
width:40px;
height:40px;
border-radius: 30px;
background: #cb3b3b;
}
.ryzzbox_sub .swiper-button-next:after {
left:-150px!important;
color:#ffffff!important;
font-size:25px;
}
.ryzzbox_sub .swiper-button-prev:after {
right:-20px!important;
color:#ffffff!important;
font-size:25px;
}
.ryzzbox_sub .swiper-pagination-bullet-active {
background:#cb3b3b!important
}
.fzlcmain {
width:100%;
height:1080px;
background: #ffffff;
}
.fzlcmain .fzlcitem {
position: relative;
width:100%;
height:850px;
background-image: url(../img/zzry_line.png);
background-position: center;
background-repeat: no-repeat;
/* background-size: 80%; */
}
.fzlcmain .fzlcitem a {
position: absolute;
top:300px;
display: block;
width:80px;
height:80px;
border-radius: 50px;
background: #cb3b3b;
text-align: center;
overflow: hidden;
z-index: 1;
}
.fzlcmain .fzlcitem a i {
font-size:80px;
color:#ffffff;
line-height:70px;
}
.fzlcmain .fzlcitem a.prev_lc {
left:50px;
}
.fzlcmain .fzlcitem a.next_lc {
right:50px;
}
.fzlcmain .fzlcitem .fzlclist {
position: relative;
margin:0 auto;
width:80%;
height:850px;
}
.fzlcmain .fzlcitem .fzlclist dl {
position: absolute;
width:18%;
height:300px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc1 {
top:365px;
left:95px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc2 {
top:10px;
left:395px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc3 {
top:530px;
left:570px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc4 {
top:370px;
left:990px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc5 {
top:10px;
left:1290px;
}
.fzlcmain .fzlcitem .fzlclist dl::after {
position: absolute;
display: block;
width:25px;
height:25px;
content: '';
border-radius: 28px;
background: #cb3b3b;
border:5px #f1caca solid;
z-index: 1;
}
.fzlcmain .fzlcitem .fzlclist dl.top::after {
top:0;
left:-50px;
}
.fzlcmain .fzlcitem .fzlclist dl.bottom::after {
bottom:0;
left:-50px;
}
.fzlcmain .fzlcitem .fzlclist dl::before {
position: absolute;
display: block;
width:3px;
height:75px;
content: '';
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(203,59,59,1),endColorStr=rgba(203,59,59,0)); /*IE 6 7 8*/
background: -ms-linear-gradient(top, rgba(203,59,59,1),rgba(203,59,59,0)); /* IE 10 */
background:-moz-linear-gradient(top,rgba(203,59,59,1),rgba(203,59,59,0)); /*鐏嫄*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(203,59,59,1)), to(rgba(203,59,59,0))); /*璋锋瓕*/
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(203,59,59,1)), to(rgba(203,59,59,0))); /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, rgba(203,59,59,1), rgba(203,59,59,0)); /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, rgba(203,59,59,1), rgba(203,59,59,0)); /*Opera 11.10+*/
z-index: 1;
}
.fzlcmain .fzlcitem .fzlclist dl.top::before {
top:28px;
left:-34px;
}
.fzlcmain .fzlcitem .fzlclist dl.bottom::before {
bottom:28px;
left:-34px;
}
.fzlcmain .fzlcitem .fzlclist dl dt {
width:100%;
}
.fzlcmain .fzlcitem .fzlclist dl.top dt {
margin-top:30px;
}
.fzlcmain .fzlcitem .fzlclist dl.bottom {
padding-bottom:30px;
}
.fzlcmain .fzlcitem .fzlclist dl dt img {
width:100%;
}
.fzlcmain .fzlcitem .fzlclist dl dd.date {
margin:15px 0 5px 0;
font-size: 24px;
color:#cb3b3b;
font-weight: bold;
}
.fzlcmain .fzlcitem .fzlclist dl dd.info {
width:100%;
max-height:70px;
font-size:15px;
line-height:25px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/*--璧拌繘闀胯胺宸?---------------------------------------------------------*/
/*--浜у搧涓績----------------------------------------------------------*/
.pro_navmain {
margin:0 0 50px 0;
width:100%;
height:90px;
}
.pro_navmain .pro_navitem {
position: relative;
padding:0 0 0 300px;
width:90%;
height:100px;
overflow: hidden;
}
.pro_navmain .pro_navitem > a.prevbtn,
.pro_navmain .pro_navitem > a.nextbtn {
position: absolute;
bottom:10px;
display: flex;
width:40px;
height:40px;
border-radius: 40px;
background: #cb3b3b;
color:#ffffff;
font-size:30px;
justify-content: center;
align-items: center;
}
.pro_navmain .pro_navitem > a.prevbtn:hover,
.pro_navmain .pro_navitem > a.nextbtn:hover {
opacity: 0.7;
}
.pro_navmain .pro_navitem > a.prevbtn {
right:70px;
}
.pro_navmain .pro_navitem > a.nextbtn {
right:20px;
}
.pro_navmain .pro_navitem::before {
position: absolute;
bottom:16px;
left:0;
width:85%;
height:1px;
content: '';
background: #eeeeee;
z-index: 1;
}
.pro_navmain .pro_navitem ul {
position: relative;
display: block;
width:90%;
height:100px;
overflow: hidden;
}
.pro_navmain .pro_navitem ul li {
position: absolute;
bottom:0;
left:0;
padding:0px 0 0 0;
height:100px;
overflow: hidden;
transition: 1s;
}
.pro_navmain .pro_navitem ul li a {
position: relative;
float:left;
display: block;
text-align: center;
padding:0 20px;
width:200px;
height:100px;
line-height: 80px;
font-size:20px;
color:#000000;
}
.pro_navmain .pro_navitem ul li a:hover {
color:#cb3b3b;
font-weight: bold;
}
.pro_navmain .pro_navitem ul li a.act {
color:#cb3b3b;
font-weight: bold;
}
.pro_navmain .pro_navitem ul li a::after {
position: absolute;
display: block;
width:10px;
height:10px;
border-radius: 20px;
left:0;
right:0;
bottom:12px;
content: '';
background: #cecece;
margin:auto;
z-index: 2;
}
.pro_navmain .pro_navitem ul li a.act::after {
position: absolute;
display: block;
width:20px;
height:20px;
border-radius: 20px;
left:0;
right:0;
bottom:0px;
content: '';
background: #cb3b3b;
border:7px #f1caca solid;
margin:auto;
z-index: 2;
}
.pro_navmain .pro_navitem ul li a.act::before {
position: absolute;
bottom:15px;
left:0;
width:100%;
height:2px;
content: '';
background: #cb3b3b;
z-index: 1;
}
.proitem {
padding-top:30px;
margin:0 auto;
width:80vw;
}
.proitem .prolist {
display: block;
float: left;
padding:1.5vw;
margin:0 2.5vw 2.5vw 0;
width: 25vw;
height:25vw;
background: #f4f4f4;
}
.proitem .prolist:nth-child(3n) {
margin-right:0
}
.proitem .prolist:hover {
background: #cb3b3b;
}
.proitem .prolist:hover dl dt {
border-color: #ffffff;
}
.proitem .prolist:hover dl dd span,
.proitem .prolist:hover dl dd em {
color: #ffffff;
}
.proitem .prolist:hover dl dd a {
background: #ffffff;
color:#cb3b3b;
}
.proitem .prolist dl dt {
display: flex;
margin:0 auto;
width:22vw;
height:17vw;
border:0.4vw #e5e5e5 solid;
background: #ffffff;
justify-content: center;
align-items: center;
}
.proitem .prolist dl dt img {
display: block;
width:100%;
}
.proitem .prolist dl dd {
padding-top:1.1vw;
position: relative;
display: block;
}
.proitem .prolist dl dd span {
padding-bottom:0.3vw;
display: block;
color:#cb3b3b;
font-size:1vw;
font-weight: bold;
}
.proitem .prolist dl dd em {
padding-bottom:0.1vw;
display: block;
color:#333333;
font-size:0.9vw;
}
.proitem .prolist dl dd a {
display: block;
position: absolute;
right:0.3vw;
bottom:-1.1vw;
width:6vw;
height:1.7vw;
background: #cb3b3b;
border-radius: 0.2vw;
color:#ffffff;
text-align: center;
line-height:1.7vw;
font-size:0.7vw;
}
.proitem .prolist dl dd a:hover {
font-weight: bold;
}
.provmain {
padding-top:50px;
margin:0 auto;
width:1200px;
}
.provmain .prov_top {
width:100%;
height:438px;
}
.provmain .prov_top > ul {
float:left;
}
.provmain .prov_top > ul li {
display: flex;
width:584px;
height:484px;
background: #ffffff;
border:8px #ededed solid;
justify-content: center;
align-items: center;
overflow: hidden;
}
.provmain .prov_top ul li img {
max-width:99%;
max-height:99%;
}
.provmain .prov_top ol {
padding:0 0 0 684px;
}
.provmain .prov_top ol li h2 {
margin-bottom:15px;
font-size:28px!important;
height:60px;
line-height:60px;
overflow: hidden;
color:#cb3b3b
}
.provmain .prov_top ol li dl dd {
font-size:18px;
line-height:34px;
height:350px;
overflow: hidden;
}
.provmain .prov_top ol li a {
display: block;
float:left;
width:210px;
height:50px;
line-height:50px;
font-size:18px;
text-align: center;
}
.provmain .prov_top ol li a i {
margin:0 10px 0 0;
}
.provmain .prov_top ol li a.downbtn {
background: #cb3b3b;
color:#ffffff;
}
.provmain .prov_top ol li a.clsbtn {
margin:0 0 0 40px;
border:1px #cb3b3b solid;
background: #ffffff;
color:#cb3b3b;
}
.provmain .prov_top ol li a.downbtn:hover {
opacity: 0.8;
}
.provmain .prov_top ol li a.clsbtn:hover {
background: #ffecec;
}
.provmain .prov_bottom {
margin-bottom:150px;
padding-top:85px;
clear: both;
}
.provmain .prov_bottom dl dt {
padding:0 0 0 30px;
width:100%;
height:50px;
line-height:50px;
font-size: 20px;
color:#ffffff;
font-weight: bold;
background: #cb3b3b;
}
.provmain .prov_bottom dl dd {
border:30px #ededed solid;
background: #ffffff;
min-height:200px;
padding:30px 40px;
font-size:18px;
line-height:35px;
}
.provmain .prov_bottom dl dd img {
display: block;
margin:20px auto 20px auto;
max-width:100%;
}
.provmain a.provbackbtn {
margin:30px auto 0 auto;
display: block;
width:100px;
height:45px;
line-height:45px;
text-align: center;
background: #c9151e;
color:#ffffff;
font-size:16px;
border-radius: 4px;
}
.provmain a.provbackbtn:hover {
background: #9a2525;
}
.downmain {
margin:60px auto 100px auto;
width:1200px;
}
.downmain dl dt {
width:100%;
height:55px;
line-height:55px;
background: #cb3b3b;
color:#ffffff;
text-align: center;
font-weight: bold;
font-size:20px;
}
.downmain dl dd {
padding:60px 40px 60px 40px;
width:100%;
border:30px #ededed solid;
}
.downmain dl dd ul {
margin-bottom:30px;
display: block;
clear: both;
}
.downmain dl dd ul li.name {
float:left;
position: relative;
padding:0 0 0 15px;
width:90px;
line-height:50px;
font-size:16px;
}
.downmain dl dd ul li.name em {
position: absolute;
top:13px;
left:0;
color:#f55555;
line-height:30px;
}
.downmain dl dd ul li.form {
padding:0 0 0 100px;
}
.downmain dl dd ul li.form input {
padding:0 8px;
width:100%;
height:50px;
border:1px #e5e5e5 solid;
}
.downmain dl dd ol li {
padding-top:100px;
clear: both;
text-align: center;
}
.downmain dl dd ol li a.downvbtn {
display: inline-block;
width:250px;
height:50px;
line-height:50px;
background: #cb3b3b;
color:#ffffff;
text-align: center;
border-radius: 5px;
}
.downmain dl dd ol li a.backvbtn {
display: inline-block;
margin:0 0 0 20px;
width:100px;
height:50px;
line-height:50px;
background: #ffffff;
border:1px #eeeeee solid;
color:#aaaaaa;
text-align: center;
border-radius: 5px;
}
/*--浜у搧涓績----------------------------------------------------------*/
/*--鎴愬姛妗堜緥----------------------------------------------------------*/
.casemain {
margin:80px auto 100px auto;
width:75%;
min-height:200px;
}
.casemain dl {
position: relative;
display: block;
float:left;
margin:0 1.5vw 1.5vw 0;
width:17.4vw;
height:14vw;
border:1px #eeeeee solid;
overflow: hidden;
}
.casemain dl:nth-child(4n) {
margin-right:0;
}
.casemain dl dt {
display: flex;
width:100%;
height:14vw;
overflow: hidden;
justify-content: center;
align-items: center;
}
.casemain dl dt img {
display: block;
width:98%;
}
.casemain dl dd {
position: absolute;
bottom:-100%;
left:0;
width:100%;
height:100%;
background: rgba(0,0,0,0.7);
transition: 0.7s;
font-size:24px;
line-height:25px;
color:#ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.casemain dl:hover dd {
bottom:0;
transition: 0.7s;
}
/*--鎴愬姛妗堜緥----------------------------------------------------------*/
/*--鏂伴椈涓績----------------------------------------------------------*/
.newsmain {
padding-top:80px;
margin:0 auto;
width:80%;
}
.newslist {
position: relative;
margin:0 0 40px 0;
padding:20px;
width:100%;
height:340px;
border:1px #eeeeee solid;
}
.newslist:hover {
background: #cb3b3b;
}
.newslist table {
width:100%;
height:100%;
}
.newslist table tr {
width:100%;
height:100%;
}
.newslist table td {
vertical-align: top;
}
.newslist table td.newstd {
width:30%;
height:100%;
}
.newslist table td.newstd .newsimg {
width:100%;
height:300px;
overflow: hidden;
background-color: #f55555;
}
.newslist table td.newstd .newsimg img {
width:100%;
}
.newslist table td.newsinfo {
padding:20px 40px 20px 80px;
}
.newslist table td.newsinfo h3 {
margin:0 0 30px 0;
font-size:22px!important;
height:40px;
line-height:40px;
overflow: hidden;
}
.newslist table td.newsinfo dl dt {
font-size:18px;
line-height:32px;
height:65px;
overflow: hidden;
}
.newslist table td.newsinfo dl dd {
padding:20px 0 0 0;
font-size:16px;
color:#aaaaaa
}
.newslist a {
position: absolute;
bottom:30px;
right:30px;
display: block;
width:120px;
height:35px;
background: #c8c8c8;
color:#ffffff;
font-size:16px;
text-align: center;
line-height:35px;
border-radius: 4px;
z-index: 1;
}
.newslist:hover h3,
.newslist:hover dl dt,
.newslist:hover dl dd {
color:#ffffff
}
.newslist:hover a {
background: #ffffff;
color:#cb3b3b
}
.newsvmain {
padding:100px 0 0 0;
margin:0 auto;
width:70%;
}
.newsvmain h1 {
text-align: center;
font-size:28px!important;
width:100%;
height:35px;
line-height:35px;
overflow: hidden;
}
.newsvmain h3 {
margin-top:15px;
text-align: center;
font-size:16px!important;
width:100%;
height:35px;
line-height:35px;
color:#aaaaaa;
overflow: hidden;
font-weight: normal;
}
.newsvmain h3 span {
margin:0 30px;
}
.newsvmain .newscontent {
margin-top:30px;
border-top:1px #ededed solid;
padding:70px 0 50px 0;
font-size:16px;
line-height:30px;
color:#000000
}
.newsvmain .newscontent img {
display: block;
margin:20px auto;
max-width:60%;
}
.newsvmain .newsnext {
position: relative;
margin:0 0 150px 0;
padding:10px 0 0 30px;
width:100%;
height:80px;
background: #ededed;
}
.newsvmain .newsnext ul li {
width:100%;
height:30px;
line-height:30px;
overflow: hidden;
}
.newsvmain .newsnext ul li a {
font-size:14px;
color:#333333
}
.newsvmain .newsnext ul li a:hover {
color:#cb3b3b
}
.newsvmain .newsnext > a {
position: absolute;
top:25px;
right:30px;
display: block;
width:130px;
height:35px;
line-height:35px;
background: #cb3b3b;
border-radius: 4px;
font-size:14px;
color:#ffffff;
text-align: center;
z-index: 1;
}
.newsvmain .newsnext > a:hover {
opacity: 0.8;
}
/*--鏂伴椈涓績----------------------------------------------------------*/
/*--鑱旂郴鎴戜滑----------------------------------------------------------*/
.contactmain {
padding:0 0 0 0;
width:100%;
}
.contact_map {
width:100%;
height:600px;
}
.contactitem {
padding:30px 0 0 0;
position: relative;
width:100%;
}
.contactitem::before {
position: absolute;
top:0;
left:0;
width: 100%;
height:150px;
content: '';
background: #cb3b3b;
z-index: 1;
}
.contactitem ul li {
position: relative;
display: flex;
margin:0 auto;
width:1200px;
height:205px;
z-index: 2;
justify-content: space-around;
}
.contactitem ul li dl {
display: block;
padding:30px;
width:33%;
height:205px;
background: #fafafa;
}
.contactitem ul li dl dt {
margin:0 0 20px 0;
font-size:20px;
font-weight: bold;
color:#cb3b3b
}
.contactitem ul li dl dd {
width:100%;
height:25px;
line-height:25px;
font-size:14px;
overflow: hidden;
}
.contactitem ul li dl:nth-child(1){
background-image: url(../img/contact_img1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.contactitem ul li dl:nth-child(2){
background-image: url(../img/contact_img2.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.contactitem ul li dl:nth-child(3){
background-image: url(../img/contact_img3.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.contact_msg {
margin:100px auto 100px auto;
width:1200px;
}
.contact_msg .contact_msg_top {
position: relative;
width:100%;
height:60px;
line-height:60px;
border-bottom:30px #333333 solid;
}
.contact_msg .contact_msg_top::after {
position: absolute;
top:0;
left:0;
content: '';
width:60%;
height:0;
border-width:0 50px 60px 0;
border-style: none solid solid;
border-color: transparent transparent rgba(203, 59, 59, 1);
z-index:1;
}
.contact_msg .contact_msg_top span {
margin:0 0 0 30px;
position: relative;
font-size:30px;
color:#ffffff;
font-weight: bold;
z-index: 10;
}
.contact_msg .contact_msg_top em {
margin:0 0 0 20px;
position: relative;
font-size:20px;
color:#ffffff;
z-index: 10;
}
.contact_msg .contact_msg_form {
padding:60px 50px 40px 50px;
margin:0 auto;
width:1200px;
min-height:200px;
background: #ededed;
}
.contact_msg .contact_msg_form ul {
margin:0 0 30px 0;
clear: both;
}
.contact_msg .contact_msg_form ul li.name {
float: left;
position: relative;
padding:0 0 0 10px;
width:90px;
line-height:45px;
font-size:15px;
}
.contact_msg .contact_msg_form ul li.name em {
position: absolute;
top:10px;
left:0;
font-size:12px;
color:#cb3b3b;
z-index: 1;
}
.contact_msg .contact_msg_form ul li.form {
padding:0 0 0 90px;
}
.contact_msg .contact_msg_form ul li.form input {
padding:0 8px;
width:100%;
height:45px;
border:1px #e5e5e5 solid;
font-size:14px;
}
.contact_msg .contact_msg_form ul li.form textarea {
padding:8px;
width:100%;
height:145px;
border:1px #e5e5e5 solid;
font-size:14px;
}
.contact_msg .contact_msg_form button {
border:0;
outline: none;
display: block;
margin:60px auto 40px auto;
clear: both;
width:180px;
height:45px;
background: #cb3b3b;
color: #ffffff;
}
/*--鑱旂郴鎴戜滑----------------------------------------------------------*/
/*------------------------------------------------------------*/
/*棣栭〉妯″潡鏍囬*/
.h_modu_title {
width:100%;
}
.h_modu_title h4,
.h_modu_title h5,
.h_modu_title h6 {
padding:0;
margin:0;
text-align: center;
}
.h_modu_title h4 {
padding:0 0 24px 0;
font-size:28px!important;
line-height:25px;
}
.h_modu_title h4.zjcgc {
color:#ffffff;
}
.h_modu_title h5 {
position: relative;
padding:0 0 24px 0;
margin:0 auto;
font-size:53px!important;
color:#cb3b3b;
line-height:53px;
width:470px;
}
.h_modu_title h5.zjcgc {
width:300px;
}
.h_modu_title h5.dsj {
width:400px;
}
.h_modu_title h5.lxwm {
width:350px;
}
.h_modu_title h5::after,
.h_modu_title h5::before {
position: absolute;
top:25px;
width:50px;
height:8px;
content: '';
background: #cb3b3b;
z-index: 1;
}
.h_modu_title h5::after {
left:-60px;
}
.h_modu_title h5::before {
right:-60px;
}
.h_modu_title h6 {
font-size:20px!important;
font-weight: normal;
line-height:20px;
}
.h_modu_title h6.zjcgc {
color:#c3c2c2;
}
/*----------缈婚〉鏍峰紡----------*/
.page {
margin:30px auto 100px auto;
width: 620px;
clear:both;
font-size:14px;
clear:both;
}
.page ul li {
float: left;
text-align: center;
margin-left:6px;
}
.page ul li a {
display: block;
width:50px;
height:50px;
line-height:50px;
text-align: center;
border-radius: 40px;
border: #eee 1px solid;
font-size:14px;
color:#333333;
}
.page ul li a:hover {
color:#cb3b3b
}
.page ul li a.disabled {
color: #aaa;
cursor: default;
}
.page ul li a.active {
background: #cb3b3b;
border: #cb3b3b 1px solid;
color: #fff;
}
.page .jump {
margin:5px 0 0 10px;
width:50px;
height:40px;
border:1px #e3e3e3 solid;
border-radius: 4px;
text-align:center
}
/*鍒嗘瀽鐜囧彉鍖栨椂*/
@media screen and (max-width: 1600px) {
.fzlcmain .fzlcitem .fzlclist dl.lc1 {
top:315px;
left:75px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc2 {
top:10px;
left:325px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc3 {
top:560px;
left:520px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc4 {
top:380px;
left:900px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc5 {
top:0px;
left:1190px;
}
}
@media screen and (max-width: 1440px) {
header .t_logo img {
height:55px;
}
header .t_nav a {
padding:25px 15px 0 15px;
font-size:16px;
}
header .t_nav > ul li {
font-size:16px;
}
.h_bannerbox {
margin-top:95px;
width:100%;
height:640px;
background: #fafafa;
}
.fzlcmain .fzlcitem .fzlclist dl.lc1 {
top:315px;
left:55px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc2 {
top:10px;
left:300px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc3 {
top:540px;
left:450px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc4 {
top:380px;
left:800px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc5 {
top:20px;
left:990px;
}
}
@media screen and (max-width: 1280px) {
.fzlcmain .fzlcitem .fzlclist dl.lc1 {
top:315px;
left:55px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc2 {
top:10px;
left:300px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc3 {
top:550px;
left:350px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc4 {
top:430px;
left:670px;
}
.fzlcmain .fzlcitem .fzlclist dl.lc5 {
top:30px;
left:900px;
}
}