.header-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 36px 0;
}
.header-top h1 .text{
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
.header-top h1 .text h6{
    font-size: 32px;
    color: #da1926;
    margin-bottom: 14px;
    font-weight: bold;
    line-height: 1;
}
.header-top h1 .text p{
    font-size: 20px;
    color: #333
}
.header-top .h_phone i{
    width: 56px;
    height: 56px;
    background-color: #333333;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('h_phone.png')
}
.header-top .h_phone .span{
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
} 
.header-top .h_phone .span span{
    font-size: 16px;
    color: #757575
}
.header-top .h_phone p{
    font-size: 30px;
    color: #d7000e;
    margin-top: 10px;
    font-weight: bold;
    line-height: 1;
}
.h_nav{
    background: #333333
}
.h_nav .zj-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 54px;
}
.h_nav .zj-nav ul{
    white-space: nowrap;
}
.h_nav .zj-nav ul li{
    display: inline-block;
    vertical-align: middle;
    line-height: 54px;
    color: #ffffff;
    border-right: 1px solid #000000;
    position: relative;
}
.h_nav .zj-nav ul li > a{
    display: block;
    width: 190px;
    text-align: center;
    font-size: 16px;
    position: relative;
    z-index: 1;
}
.h_nav .zj-nav ul li > a::before{
    width: 0;
    height: 100%;
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background: #da1926;
    z-index: -1;
    opacity: 0;
    transition: all .5s
}
.h_nav .zj-nav ul li.on > a::before,
.h_nav .zj-nav ul li > a:hover::before{
    opacity: 1;
    width: 100%;
}
.h_nav .zj-nav > a{
    width: 140px;
    display: block;
    text-align: center;
    background: #da1926;
    color: #fff;
    line-height: 30px;
    border-radius: 15px;
    font-size: 14px;
    height: 30px;
}
.zj-set1{
    background: #f5f5f5;
    padding: 74px 0 50px;
}
.zj-tit{
    text-align: center;
}
.zj-tit .zj-title{
    position: relative;
    z-index: 1;
    padding-top: 32px;
}
.zj-tit .zj-title h3{
    font-size: 36px;
    color: #333;
    line-height: 1;
    font-weight: bold;
}
.zj-tit .zj-title h3 span{
    color: #d7000e
}
.zj-tit .zj-title em{
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    list-style: none;
    font-style: normal;
    font-size: 80px;
    line-height: 1;
    color: #dcdcdc;
    font-family: '黑体';
    letter-spacing: 5px;
    font-weight: bold;
    text-transform: uppercase;
}
.zj-tit .zj-nav-index{
    margin-top: 28px;
    display: flex;
    justify-content: center;
}
.zj-tit .zj-nav-index a{
    width: 14%;
    text-align: center;
    background: #ffffff;
    color: #333;
    margin-right: 0.33333%;
    line-height: 60px;
    font-size: 16px;
    position: relative;
    z-index: 1;
}
.zj-tit .zj-nav-index a:last-of-type{
    margin-right: 0;
}
.zj-tit .zj-nav-index a::before{
    width: 0;
    height: 100%;
    position: absolute;
    background: #d7000e;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    z-index: -1;
    opacity: 0;
    transition: all .5s;
}
.zj-tit .zj-nav-index a.on,
.zj-tit .zj-nav-index a:hover{
    color: #fff;
}
.zj-tit .zj-nav-index a.on::before,
.zj-tit .zj-nav-index a:hover::before{
    opacity: 1;
    width: 100%;
}
.zj-pro-list{
    width: 100%;
    margin-top: 50px;
}
.zj-pro-list ul{
    display: flex;
    flex-wrap: wrap;
}
.zj-pro-list ul li{
   width: 32%;
   margin-right: 2%;
   margin-bottom: 25px;
}
.zj-pro-list ul li .imgd{
    width: 100%;
    overflow: hidden;
}
.zj-pro-list ul li img{
    transition: all .5s;
    width: 100%;
    height: auto;
}
.zj-pro-list ul li:hover img{
    transform: scale(1.1)
}
.zj-pro-list ul li:nth-of-type(3n){
    margin-right: 0;
}
.zj-pro-list ul li:hover .txt{
    color: #fff;
    background: #d7000e
}
.zj-pro-list ul li:hover .txt span{
    border-color: #fff;
    color: #fff
}
.zj-pro-list ul li .txt{
    background: #e5e5e5;
    line-height: 70px;
    font-size: 18px;
    color: #333333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6%;
}
.zj-pro-list ul li .txt h6{
    line-height: 70px;
}
.zj-pro-list ul li .txt span{
    width: 32px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #333;
    color: #333;
    text-align: center;
    font-size: 20px;
}
.zj-set2{
    padding: 74px 0;
}
.zj-set2-cont ul{
    display: flex;
    margin-top: 47px;
}
.zj-set2-cont ul li{
    width: 24%;
    margin-right: 1.333%;
    position: relative;
}
.zj-set2-cont ul li img{
    width: 100%;
}
.zj-set2-cont ul li:nth-of-type(4n){
    margin-right: 0;
}
.zj-set2-cont ul li .tst{
    position: absolute;
    width: 75%;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.zj-set2-cont ul li .tst em{
    width: 30px;
    height: 0px;
    background: url('zj-set2-s.png') no-repeat center;
    display: block;
    margin: 0 auto 30px;
    transition: all .5s
}
.zj-set2-cont ul li:hover .tst em{
    margin-bottom: 30px;
    height: 30px;
}
.zj-set2-cont ul li .tst h6{
    font-size: 24px;
    color: #fff;
}
.zj-set2-cont ul li .tst i{
    width: 38px;
    height: 3px;
    display: block;
    margin: 20px auto;
    background: #d7000e;
    position: relative;
}
.zj-set2-cont ul li .tst i::before{
    width: 0;
    height: 100%;
    left: 50%;
    top: 0%;
    transition: all .5s;
    transform: translateX(-50%);
    background: #fff;
    content: '';
    position: absolute;
    opacity: 0;
}
.zj-set2-cont ul li:hover i::before{
    opacity: 1;
    width: 100%;
}
.zj-set2-cont ul li .tst p{
    font-size: 14px;
    color: #fff;
    line-height: 2;
    margin-top: 28px;
}
.zj-set2-cont ul li .ds{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #d7000e;
    opacity: 0;
    transition: all .4s;
    transform: scale(0);
    display: flex;
    align-items: center;
    justify-content: center;
    /* align-content: center; */
}
.zj-set2-cont ul li .ds::before{
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    display: block;
    border: 1px solid #e59498;
    content: ''
}
.zj-set2-cont ul li:hover .ds{
    transform: scale(1);
    opacity: .7;
}
.zj-tit p{
    font-size: 18px;
    color: #666;
    margin-top: 20px;
}
.zj-set3{
    padding: 74px 0;
    background: #f7f7f7
}
.zj-set3-cont{
    margin-top: 20px;
}
.zj-set3-cont .zj-set-page{
    width: 100%;
}
.zj-set3-cont .zj-set-page ul{
    display: flex;
    flex-wrap: wrap
}
.zj-set3-cont .zj-set-page ul li{
    width: 19%;
    margin-right: 1.25%;
    margin-bottom: 20px;
    position: relative;text-align: center;
}
.zj-set3-cont .zj-set-page ul li:nth-of-type(5n){
    margin-right: 0;
}
.zj-set3-cont .zj-set-page ul li i{
    width: 77px;
    height: 78px;
    background: url('v-zj.png') no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    cursor: pointer;
}
.zj-set3-cont .zj-set-page ul li .imgd{
    width: 100%;
    overflow: hidden;
    height: 260px;
}
.zj-set3-cont .zj-set-page ul li .imgd img{
    width: 100%;
    transition: all .5s;
    height: auto;
}
.zj-set3-cont .zj-set-page ul li:hover .imgd img{
    transform: scale(1.1)
}
.zj-set4{
    padding: 74px 0
}
.zj-set4 ul{
    display: flex;
    justify-content: space-between;
    margin-top: 42px;
}
.zj-set4 ul li{
    width: 32%;
    text-align: center;
}
.zj-set4 ul li:hover .text{
    transform: translateY(-10px);
    box-shadow: 0 0 rgba(0, 0, 0, .2)
}
.zj-set4 ul li .tis{
    width: 119px;
    display: flex;
    margin: 0 auto;
    height: 119px;
    background: #d7000e;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-bottom: -50px;
}
.zj-set4 ul li .text{
    background: #f5f5f5;
    padding: 72px 12% 38px;
    box-sizing: border-box;
    border-radius: 6px;
    transition: all .5s
}
.zj-set4 ul li .text h6{
    font-size: 24px;
    color: #333333;
   
}
.zj-set4 ul li .text i{
    width: 40px;
    height: 3px;
    display: block;
    margin: 16px auto 26px;
    background: #d7000e;
}
.zj-set4 ul li .text p{
    line-height: 2;
    color: #8f8f8f;
    font-size: 14px;
    height: 86px;
}
.ab-st{
    text-align: center;
    margin-top: 50px;
}
.ab-st a{
    display: inline-block;
    vertical-align: middle;
    width: 186px;
    text-align: center;
    line-height: 42px;
    border-radius: 3px;
    color: #fff;
    background: #d7000e;
    margin: 0 10px;
    transition: all .5s
}
.zj-set5 .views .text a:hover,
.ab-st a:hover{
    opacity: .8;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    transform: translateY(-5px)
}

.ab-st a:last-of-type{
    background: #333333
}
.zj-set5-cont{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zj-set5-cont .imgd{
    width: 47%;
}
.zj-set5-cont .views{
    width: 47%;
} 
.zj-set5{
    padding-top: 74px;
    background: #f8f8f8
}
.zj-set5 .zj-set5-cont{
    margin-bottom: 20px;
}
.zj-set5 .zj-tit{
    text-align: left
}
.zj-tit .zj-title em{
    width: 100%;
}
.zj-tit .tisd{
    background: #dfdfdf;
    width: 100%;
    height: 1px;
    position: relative;
    margin: 34px 0 24px;
}
.zj-tit .tisd::before{
    position: absolute;
    width: 55px;
    height: 3px;
    content: '';
    display: block;
    left: 0;
    bottom: -0px;
    content: '';
    background: #da1926;
}
.zj-set5 .views .text h6{
    font-size: 18px;
    color: #da1926;
    margin-bottom: 34px;
}
.zj-set5 .views .text .cont{
    line-height: 2.5;
    font-size: 14px;
    color: #666;
    margin-bottom: 62px;
}
.zj-set5 .views .text a{
    width: 200px;
    display: block;
    text-align: center;
    color: #fff;
    line-height: 42px;
    background: #333;
    border-radius: 3px;
    transition: all .5s
}
.zj-set5-cont{
    width: calc(50% + 738px);
    position: relative;
}
.zj-set5-cont img{
    max-width: 100%;
}
.zj-set5-t{
    position: absolute;
    right: 5%;
    top: 50%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
}
.zj-set5-t a{
    width: 185px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #eca7ad;
    padding: 16px 0;
    margin-left: 26px;
}
.zj-set5-t a p{
    color: #ffffff;
    margin-top: 10px;
}
.zj-set6{
    position: relative;
    padding: 74px 0;
}
.zj-set6 .zj-tit .zj-nav-index a{
    background: #f2f2f2
}
.zj-set6-new{
    margin-top: 50px;
}
.zj-set6-new dd{
    padding: 0;
    margin: 0;
}
.zj-set6-new li{
    width: 32.5%;
    margin-right: 1.25%;
    float: left;
    box-sizing: border-box;
    padding: 0 1.4%;
}
.zj-set6-new li:nth-of-type(3n){
    margin-right: 0;
}
.zj-set6-new li .imgd{
    position: relative;
    width: 100%;
    /* overflow: hidden; */
}
.zj-set6-new li .imgd .img{
    overflow: hidden;
}
.zj-set6-new li a:hover .imgd img{
    transform: scale(1.1)
}
.zj-set6-new li .imgd img{
    width: 100%;
    height: auto;
    transition: all .5s
}
.zj-set6-new li .imgd span{
    position: absolute;
    width: 124px;
    color: #fff;
    line-height: 2;
    background: #da1926;
    left: -5%;
    bottom: 20px;
    text-align: center;
    font-size: 18px;
}
.zj-set6-new li dt h6{
    margin-top: 28px;
    font-size: 20px;
    color: #333333;
    margin-bottom: 14px;
}
.zj-set6-new li dt p{
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    height: 60px;
    margin-bottom: 10px;
    font-weight: normal;
}
.zj-set6-new li dd{
    border-top: 1px solid #e5e5e5;
}
.zj-set6-new li dd a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}
.zj-set6-new li dd a:hover p{
    color: #da1926
}
.zj-set6-new li dd a p{
    font-size: 16px;
    color: #666
}
.zj-set6-new li dd a p::before{
    width: 5px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background: #666;
    content: '';
    margin-right: 5px;
}
.zj-set6-new li dd span{
    font-size: 14px;
    color: #666
}
.zj-set6-new li dd:last-of-type{
    border-bottom: 1px solid #e5e5e5
}
.zj-set7{
    background: #f5f5f5;
    padding: 74px 0;
}
.zj-set7-cont{
    margin-top: 48px;
    position: relative;
}
.zj-set7-cont i{
    position: absolute;
    top: 44%;
    transform: translateY(-50%);
    /* left: -50px; */
    font-family: '宋体';
    font-size: 36px;
    color: #000000;
    z-index: 1;
    cursor: pointer;
}
.zj-set7-cont i:hover{
    color: #da1926
}
.zj-set7-cont i.swiper-next{
    left: -40px;
}
.zj-set7-cont i.swiper-prev{
    right: -40px;
}
.zj-set7-cont li{
    position: relative;
    cursor: pointer;
}
.zj-set7-cont li img{
    width: 100%;
}
.zj-set7-cont li span{
    width: 100%;
    height: 100%;
    background: #d7000e;
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    opacity: 0;
    transform: scale(0)
}
.zj-set7-cont li:hover span{
    opacity: 1;
    transform: scale(1)
}
footer{
    background: #333333;
    color: #949494
}
footer a:hover{
    color: #fff;
}
footer dd{
    padding: 0px;
    margin: 0;
    margin-bottom: 30px;
}
.footer-d{
    display: flex;
    justify-content: space-between;
}
footer ul{
    white-space: nowrap
}
footer ul li{
    display: inline-block;
    vertical-align: text-top;
    margin-right: 90px;
}
footer ul li:last-of-type{
    margin-right: 0;
}
footer ul li dt{
    font-size: 18px;
    color: #fff;
    margin-bottom: 36px;
}
footer ul li dd{
    font-size: 14px;
}
footer ul li dd h6{
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 20px;
}
footer ul li dd p{
    margin-bottom: 20px;
}
footer .dst{
    margin-top:20px;
    display: flex;
}
footer .dst > div{
    margin-right: 12px;
    position: relative;
}
footer .dst > div.wx-d div{
    width: 100px;
    height: 0;
    background: #000000;
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    overflow: hidden;
    opacity: 0;
    transition: all .5s
}
footer .dst > div.wx-d:hover div{
    opacity: 1;
    height: 100px;
}
footer .dst > div.wx-d div img{
    width: 100%;
    height: auto;
}
footer .dst > div i{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #5c5c5c;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
footer .dst > div:hover i{
    background: #d7000e
}
.footer-d{
    padding: 40px 0 25px;
}
.footer-yq{
    padding-bottom: 20px;
    font-size: 14px;
}
.footer-yq a{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.foo-b{
    width: 100%;
    line-height: 60px;
    color: #888888;
    background: #000000;
    font-size: 14px;
}
.foo-b .w1400{
    display: flex;
    justify-content: space-between;
}
.foo-b a{
    margin-left: 12px;
}
@media screen and (max-width: 1600px){
  .w1400{
      width: 1200px;
  }
  .h_nav .zj-nav ul li > a{
    width: 111px;
  }
  .zj-set1{
    padding: 48px 0 50px;
  }
  .zj-tit .zj-nav-index a{
    line-height: 54px;
  }
  .zj-pro-list{
    margin-top: 38px;
  }
  .zj-pro-list ul li .txt h6{
    line-height: 60px;
  }
  .zj-set3-cont .zj-set-page ul li .imgd{
      height: 214px;
  }
  .zj-set3{
    padding: 50px 0;
  }
  .zj-set5-cont{
    width: calc(50% + 738px);
  }
  .zj-set6{
    padding: 48px 0 60px;
  }
  .zj-set6-new li dt h6{
    margin-top: 24px;
    font-size: 18px;
    margin-bottom: 14px;
  }
  .zj-set6-new{
    margin-top: 32px;
  }
  .zj-set7{
    padding: 50px 0 68px;
  }
  footer ul li{
    margin-right: 53px;
  }
  .zj-set2-cont ul li .tst p{
      font-size: 13px;
  }
}



.tnavbox{position:absolute;width:160px;left:50%;margin-left:-80px;top:85%;height:0;padding-top:15px;/* display:none;*/ text-align: center;z-index: 99999999;}
.tnav{ background:#fff; box-shadow:0 0 16px -4px rgba(0,0,0,.3); padding:20px 0 18px; transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0; visibility:hidden; transition:.5s; -webkit-transition:.5s; }
.tnav a{ display:block; color:#666; line-height:35px; border-bottom: 1px solid transparent;-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.tnav a:hover{ color: #fff; }

.tnav a:hover,.tnav a.on{ background:#da1926; color:#fff;}

.h_nav .zj-nav ul li:hover .tnavbox {
    height:100px;
}
.h_nav .zj-nav ul li:hover .tnavbox .tnav{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; }
.h_nav .zj-nav ul li.tnavbox i{ position: absolute; width: 20px; height: 4px; background-color: #da1926; left: 50%; top: 0; margin-left: -10px; }

.h_nav li .tnavbox i{
    position: absolute;
    width: 20px;
    height: 4px;
    background-color: #da1926;
    left: 50%;
    top: 0;
    margin-left: -10px;
}
.all-fixed {
	position: fixed;
	top: 50%;
	margin-top: -140px;
	right: -0px;
	height: 235px;
	z-index: 99999;
	box-sizing: border-box;
	/*display: none;*/
	
}
.all-fixed .f-left{
    position: relative;
    top: 60px;
    float: left;
    width: 0px;
    height: 115px;
    border-top: 10px solid transparent;
    border-right: 25px solid #da1926 ;
    border-bottom: 10px solid transparent;
    text-align: center;
    font-size: 13px;
    color: #0b2a1a;
    transform: translateX(-25px);
    cursor: pointer;
}
.all-fixed .f-left p{
	position: absolute;
    top: 10px;
    left: 6px;
    line-height: 20px;
    color: #fff;
}
.all-fixed .f-right{
	width: 180px;
	background: #f8fbff;
	/* height: 100%; */
    border: 1px solid #dcdcdc;
	box-sizing: border-box;
	padding-bottom: 20px;
}
.all-fixed .title{
	margin-top: -67px;
	text-align: center;
}
.all-fixed h3{
	font-size: 18px;
	color: #333;
	font-weight: initial;
	text-align: center;
	letter-spacing: 0px;
	line-height: 1;
	margin: 15px 0 20px;
}
.all-fixed h3 span{
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}

.all-fixed li{
	height: 40px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
	margin-bottom: 15px;
}
.all-fixed li:last-child{
	margin-bottom: 5px;
}
.all-fixed li a{
	width: 100%;
	height: 100%;
	background: #da1926 ;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	transition: .3s;
	border-radius: 5px;
}
.all-fixed li a:hover{
	color: #fff;
}
.all-fixed li a img{
	height: 25px;
	margin-right: 10px;
	border: 0;
	vertical-align: middle; 
	margin-top: -5px;
}
.zj-set7{
    padding-bottom: 44px;
    padding-top: 20px;
}
.zj-set7 li{
    width: 16%;
    float: left;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    margin-right: 0.8%;
    margin-bottom: 20px;
}
.zj-set7 li img{
    width: 100%;
    height: auto;
}
.zj-set7 li:nth-of-type(6n){
    margin-right: 0;
}
.h_p .h_ss{
    position: relative;
}
.h_p .h_ss:hover .h_v_index{
    width: 286px;
}
.h_v_index{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0px;
    transition: all .5s;
    overflow: hidden;
}
.ss-index{
    display: inline-block;
    vertical-align: middle;
    width: 286px;
    background: #ffffff;
    line-height: 40px;
    border-radius: 6px;
    padding: 0 10px;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}
.ss-index .text{
    display: block;
    /* padding: 0 10px; */
    line-height: 38px;
    width: calc(100% - 40px);
}
 .ss-index .submit{
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    background: url('ss-ds.png') no-repeat center;
    background-color: #da1926;
}