.containercc{
    width: 100%;
    height: 100%;
    position: relative;
    right: 0;
    transition: all 1s;
}

.banner{
  width: 100%;
}
.swiper-containerib{
  width: 100% !important;
  height:100% !important;
  position: relative !important;
}
.swiper-containerib img{
  width: 100% !important;
}
.swiper-pagination-kk{
  text-align: center !important;
  position: absolute !important;
  bottom: 10px !important;
  z-index: 999 !important;
}

.ham1{
  display: none;
  width: 80px;
  height: 80px;
}
.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform .6s;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.hamRotate180.active {
  transform: rotate(180deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#C4261C;
  stroke-width:5.5;
  stroke-linecap:round;
}
.ham1 .top {
  stroke-dasharray: 40 139;
}
.ham1 .bottom {
  stroke-dasharray: 40 180;
}
.ham1.active .top {
  stroke-dashoffset: -98px;
}
.ham1.active .bottom {
  stroke-dashoffset: -138px;
}

.cehuanav{
  width: 55%;
  height: 100%;
  position: fixed;
  right: -55%;
  top: 0;
  background: rgb(178, 200 , 187);
  z-index: 999;
  transition: all 1s;
}
.cehuanav li{
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
}
.cehuanav li a{
  color: #ffffff;
}
.cehuanav li:hover{
  background: rgb(175, 215, 237);
  cursor: pointer;
}
























.company{
  width: 100%;
  height: 651px;
  padding-top: 70px;
  box-sizing: border-box;
}
.companyall{
  width: 1360px;
  height: 100%;
  margin: 0 auto;
}
.companycenter{
  width: 100%;
  margin-top: 40px;
  height: 423px;
  display: flex;
  justify-content: space-between;
}
.companyall-img{
  width: 680px;
    background: url(../images/companyjjbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.companyall-text{
  width: 630px;
  position: relative;
}
.companyall-text h3{
margin-bottom: 32px;
font-size: 24px;
font-family: MicrosoftYaHei;
color: #333333;
line-height: 31px;
}
.companyall-text p{
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
line-height: 26px;
}
.companyall-text p:nth-of-type(2){
  margin-bottom: 20px;
}
.companyall-line{
  width: 380px;
height: 2px;
background: #C4261C;
position: absolute;
top: 46px;
left: -92px;
}
.company-tabs{
  margin-top: 38px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.company-tabs li{
width: 190px;
height: 50px;
border: 1px solid #C4261C;
}

.company-tabs li a{
  display: block;
  width: 100%;
  height:100%;
  font-size: 14px;
font-family: MicrosoftYaHei;
color: #C4261C !important;
line-height: 50px;
text-align: center;
}
.company-tabs li:nth-child(4){
  margin-top: 20px;
}
.company-tabs li:nth-child(5){
  margin-top: 20px;
}
.company-tabs li:nth-child(6){
  margin-top: 20px;
}
.company-tabs li:hover{
  background: #C4261C !important;
}
.company-tabs li:hover a{
  color: #fff !important;
}
.company-list{
  margin-top: 30px;
  width: 100%;
  height: 160px;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 5px 5px 5px #f4f4f4;
}
.company-list li{
  width: 272px;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
}
.company-list .coli-all{
  width: 100%;
  height: 120px;
  margin-top: 20px;
  border-right: 1px solid #ccc;

}
.company-list li:nth-of-type(5) .coli-all{
	  border-right: none

}
.company-list li img{
  margin: 0px 0 8px 0;
  width: 44px;
  height: 44px;
}
.company-list li h4{
font-size: 36px;
font-family: MicrosoftYaHei;
color: #333333;
line-height: 47px;
display: inline-block;
font-weight: normal;
}
.coli-all div span{
	font-size: 30px;
	margin-left: 5px;
}
.company-list li p{
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
line-height: 19px;
margin-top: 2px;
}
.index-product{
  width: 100%;
  height: 668px;
  box-sizing: border-box;
  padding: 80px 0;
}
.index-productall{
  width: 1360px;
  height: 100%;
  margin:0 auto;
}
.iproducttabs{
  width: 840px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.iproducttabs li{
  width: 150px;
  height: 40px;
}
.iproducttabs li a{
  display: block;
  width: 100%;
  text-align: center;
  line-height: 40px;
  height:100%;
  border-radius: 25px;
border: 1px solid #E4E4E4;
font-size: 16px;
font-family: MicrosoftYaHei;
color: #666666;
}
.productlunbo{
  width: 1360px;
  height: 320px;
  margin:0 auto;
  position: relative;
  display: none;
}
.productlunbo .swiper-containeraa1{
  width: 1220px;
  margin: 0 auto;
  height: 320px;
  --swiper-navigation-color: #ccc;/* 单独设置按钮颜色 */
  overflow: hidden;
}
.productlunbo .swiper-containeraa2{
  width: 1220px;
  margin: 0 auto;
  height: 320px;
  --swiper-navigation-color: #ccc;/* 单独设置按钮颜色 */
  overflow: hidden;
}
.productlunbo .swiper-containeraa3{
  width: 1220px;
  margin: 0 auto;
  height: 320px;
  --swiper-navigation-color: #ccc;/* 单独设置按钮颜色 */
  overflow: hidden;
}
.productlunbo .swiper-containeraa4{
  width: 1220px;
  margin: 0 auto;
  height: 320px;
  --swiper-navigation-color: #ccc;/* 单独设置按钮颜色 */
  overflow: hidden;
}
.productlunbo .swiper-containeraa5{
  width: 1220px;
  margin: 0 auto;
  height: 320px;
  --swiper-navigation-color: #ccc;/* 单独设置按钮颜色 */
  overflow: hidden;
}

.productlunbo .swiper-slide img{
  width: 100%;
  height:225px;
}
.swiper-slide a{
	display: block;
	width: 100%;
	height: 100%;
}
.swiper-slide .productlisttext{
  width: 100%;
  height: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #333333;
}
.swiper-slide .productlisttext p{
  width: 235px;
font-size: 16px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
line-height: 30px;
text-align: center;
}

}
.swiper-button-next{
  outline: none;
  color: #ccc !important;
}
.productlunbo .swiper-slide:hover{
  box-sizing: border-box;
border: 1px solid #C4261C;
}
 .productlunbo .swiper-slide:hover .productlisttext{
  background: #C4261C;
}
.fourjz{
  width: 100%;
  height: 2178px;
  box-sizing: border-box;
  padding-top: 80px;
  background: #F4F4F4;
}
.fourjzall{
  width: 1360px;
  height: 1818px;
  margin: 0 auto;

}
.fourjz-list{
  margin-top: 60px;
  width: 100%;
  height: 1680px;
  background: #fff
}
.fourjz-list li{
  width: 100%;
  height: 420px;
  display: flex;
  position: relative;
}
.fourjzli-left,.fourjzli-right{
  width: 50%;
  height: 100%;
}
.fourjzli-left{
  box-sizing: border-box;
  padding: 0 40px;
}
.fourjzli-right img{
  width: 100%;
  height: 100%;
}
.fourbiaoqian{
  width: 100px;
  height: 120px;
  position: absolute;
  right: 30px;
  top: -60px;
  font-size: 48px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 120px;
  text-align: center;
background: #C4261C;
}
.fourjzli-left h2{
font-weight: normal;
font-size: 30px;
font-family: MicrosoftYaHei;
color: #C4261C;
line-height: 40px;
margin-top: 60px;
}

.fourjzli-left p{
font-size: 16px;
font-family: MicrosoftYaHei;
color: #666666;
line-height: 34px;
}
.fourli-line{
  width: 70px;
height: 2px;
background: #C4261C;
margin: 20px 0;
}
.fourjz-list li:nth-of-type(2n){
  flex-flow:row-reverse;
}
.fourjz-list li:nth-of-type(2n) .fourbiaoqian{
  left: 30px;
}

.four-foot{
  margin-top: 40px;
  width: 100%;
  height:240px;
  position: relative;
}
.four-foot-bg{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.four-foot-left{
  width: 560px;
  height: 108px;
  position: absolute;
  left: 27px;
  top: 81px;
}
.four-foot-left h3{
font-size: 36px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #FFFFFF;
line-height: 47px;
}
.four-foot-left p{
font-size: 24px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
line-height: 31px;
margin-top: 30px;
}
.four-foot-center{
  width: 1360px;
  height: 100%;
  position: relative;
  margin:0 auto;
}
.four-foot-right{
  width: 502px;
  height: 139px;
  display: flex;
  justify-content: space-between;
  position: absolute;
top: 75px;
right: 40px;
}
.four-foot-right li{
  text-align: center;
}
.four-foot-right li h4{
font-size: 24px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
line-height: 31px;
margin-top: 25px;
}
.four-footm{
  display: none;
  width: 100%;
  height: auto;
  margin-top: 20px;
}
.four-footmtop{
  background: rgb(32, 32, 32);
  padding: 5%;
}
.four-footmtop h3{
  font-size: 26px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #FFFFFF;
line-height: 47px;
}
.four-footmtop p{
  font-size: 18px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
line-height: 31px;
margin-top: 10px;
}
.four-footmbottom{
  display: flex;
  justify-content: space-between;
  background: rgb(212, 44, 44);
  padding: 10px 5%;
}
.four-footmbottom li{
  text-align: center;
}
.four-footmbottom li h4{
  font-size: 24px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
line-height: 31px;
margin-top: 5px;
font-weight: normal;
}









.news{
  width: 100%;
  height: 1008px;
  box-sizing: border-box;
  padding: 80px 0;
}
.newsall{
  width: 1360px;
  height: 100%;
  margin: 0 auto;
}
.newstabs{
  width: 400px;
  height: 40px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 40px;
}
.newstabs li{
  width: 180px;
  height: 40px;
font-size: 16px;
font-family: MicrosoftYaHei;
color: #666666;
line-height: 40px;
text-align: center;
border-radius: 25px;
cursor: pointer;
border: 1px solid #eee;
}
.newstabslicss{
	background: #C4261C;
	color: #FFFFFF !important;
}
.newslist{
  width: 1360px;
  height: 660px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  display: none;
}
.newslist li{
  width: 665px;
height: 200px;
padding: 30px;
box-sizing: border-box;
  display: flex;
justify-content: space-between;
border: 1px solid #E4E4E4;

}

.newslist li img{
  width: 220px;
  height: 140px;
}
.newsli-text{
  width: 360px;
  height: 140px;
}
.newsli-text h3{
font-size: 18px;
font-family: MicrosoftYaHei;
color: #333333;
line-height: 24px;
}
.newsli-text p{
font-size: 14px;
font-family: MicrosoftYaHei;
color: #888888;
line-height: 26px;
margin-top: 10px;
}
.newsdate{
font-size: 12px;
font-family: MicrosoftYaHei;
color: #666666;
line-height: 16px;
margin-top: 12px;
}
.newslist li:nth-child(3){
  margin-top: 30px;
}
.newslist li:nth-child(4){
  margin-top: 30px;
}
.newslist li:nth-child(5){
  margin-top: 30px;
}
.newslist li:nth-child(6){
  margin-top: 30px;
}
.newslist li:hover{
  border: 1px solid #C4261C;
}
.newslist li:hover .newsli-text h3{
  color: #C4261C;
}
.foot{
  width: 100%;
  height: 380px;
  
background: #F7F7F7;
}
.foottop{
  width: 1360px;
  height: 307px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 80px 0 50px 0;
  display: flex;
  justify-content: space-between;
}
.footbottom{
  width: 100%;
  text-align: center;
  height: 72px;
  margin: 0 auto;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
line-height: 72px;
border-top: 1px solid #D8D8D8;
}
.footbottom a{
	color: #666666;
}
.footbottom a:hover{
	color: #c4261c;
}
.footline1{
  width: 170px;
  margin-top: 15px;
height: 1px;
background: #C4261C
}
.footline2{
  width: 300px;
  margin-top: 15px;
height: 1px;
background: #C4261C
}
.footline3{
  width: 170px;
  margin-top: 15px;
height: 1px;
background: #C4261C
}
.footnum1list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 170px;
}
.footnum1list li{
  width: 70px;
  margin-top: 13px;
}
.footnum1list li a{
  display: block;
  width: 100%;
  height: 100%;
}
.foottop h2{
font-size: 24px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #333333;
line-height: 31px;
}
.footnum1list li a{
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
line-height: 19px;
}
.footnum2 p{
  margin-top: 10px;
}
.foottop p{
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
line-height: 30px;
}
.footnum3-text{
  margin-top: 10px;
}
.footnum3-text img{
  vertical-align: middle;
}
.footnum3-text span{
  vertical-align: middle;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
line-height: 19px;
}
.footnum3-tel{
  margin-top: 2px;
font-size: 24px;
font-family: MicrosoftYaHei;
color: #333333;
line-height: 31px;
}
.footnum4 img{
  width: 140px;
  height: 140px;
}
.footspan{
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: #666666;
  line-height: 19px;
  text-align: center;
  margin-top: 18px;
}
.current{
	background: #C4261C;
	color: #fff !important;
	  border-radius: 25px;
}
.currentg{
	display: block;
}
.currentg1{
	display: flex;
}