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;
}
/*企业文化切块*/


/*荣誉资质切块*/
.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
}
/*荣誉资质切块*/


/*发展历程切块*/
.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;
    }
}