锘緻charset "utf-8";

@font-face {
  font-family: "g1"; 
  src: url('../fonts/DIN\ REGULAR.OTF')      
}
@font-face {
  font-family: "g2"; 
  src: url('../fonts/gilroy-bold.otf')      
}
body {
  font-size:12px;
	padding:0;margin: 0;
	font-family:"g1","PingFang SC",sans-serif !important;
	overflow-x: hidden;
  scroll-behavior: smooth;
  position: relative;
}
html {font-size: 100px;scroll-behavior: smooth;} 
/* 鏁堟灉CSS缁撴潫 */
.at{
  color: #888;
}


.seach{
  display: flex;
  justify-content: flex-start;
}
.seach>div{
  width: 0rem;
  position: absolute;
  /* border-bottom: 1px solid; */
  right: 1.9rem;
  top: 38%;
  /* padding-left: .2rem; */
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
-o-transition: 0.3s linear;	
transition: 0.3s linear;

}
.sss{
  width: 2rem !important;
}
.seach>div>input{
  background: none;
 width: 100%;
  /* position: absolute; */
  border: none;
  height: .2rem;
  border-bottom: 1px solid ;
  /* padding-left: .3rem; */
}
.seach>p{
  cursor: pointer;
}
.cd{
  position: fixed;
  bottom: 0;
  right: 0;
  display: block;
  width: 40%;
  background: #fff;
  position: fixed;
  /* left: -50%; */
  overflow: hidden;
  top: 0;
  z-index: 11111;
  padding-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  -webkit-transition: 0.6s linear;
	transition: 0.6s linear;
}
.cd>img{
  width: 3.3rem;
  position: absolute;
  top: 0;
  left: 0;
}
.close{
  position: absolute;
  top: 0;
  left: 3.3rem;
  cursor: pointer;
}
.close>img{
  width: 1rem;
}
.htop{
  font-size: .3rem;
  color: #333;
  line-height: .7rem;
  /* font-family: p1; */
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.htop>p{
  margin: 0;
}
.lis>a> span{
  display: none;
}
/* .hfirst span{
  display: block;
} */
.lis:first-child a{
  font-size: .18rem !important;
  color: #666 !important;
}
.lis:first-child a:hover {
  color: #e62129 !important;
}
/* .htop:hover::after{
  content: '';
  position: absolute;
  left: 0;
  width: .25rem;
  height: 2px;
  background: #e62129;
  top: 50%;
  margin-top: -1px;
} */
.htop:hover span{
  /* display: none !important; */
}
/* .hfirst .htop:hover::after{
  content: '';
  position: absolute;
  left: 0;
  width: 0;
  height:0;
  background: #e62129;
  top: 0;
  margin-top: 0;
  
} */
/* .hfirst .htop:hover{
  padding-left: 0;
} */
.na{
  width: 1rem;
  cursor: pointer;
}
.cddi{
  display: flex;
  justify-content: space-between;
  padding-top: 1.8rem;
  padding-right: 1.1rem;
  box-sizing: border-box;
}
.cddil{
  color: #9d9d9d;
  font-size: .16rem;
  width: 1.4rem;
  display: flex;
  justify-content: space-between;
  line-height: 1;
}
i{
  cursor: pointer;
}
.cddil i:hover {
  color: #e62129;
}
.cddil>p{
  margin: 0;
  opacity: .2;
}
.lis{
  width:50%;
  /* border-right: 1px solid #e5e5e5; */
}
.htop.onn{
  color: #e62129;
}
.htop.onn>div>span{
  width: .25rem;
  margin-right: 10px;
}
.lis>a>div{
  display: flex;
  justify-content: flex-start;
}
.lis>a>div>p{
  margin: 0;
}
.lis>a>div>span{
  display: block;
  width: 0;
  height: 2px;
  background: #e62129;
  position: relative;
  top: 40%;
  

-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
-o-transition: 0.3s linear;	
transition: 0.3s linear;
}
.htop:hover{
  color: #e62129;
}
.htop:hover div>span{
  width: .25rem;
  margin-right: 10px;
}
.erhopt>div {
  display: flex;
  justify-content: flex-start;
}
.erhopt>div>p{
  margin: 0;
}
.erhopt>div>span{
  display: block;
  width: 0;
  height: 2px;
  background: #e62129;
  position: relative;
  margin-top: .07rem;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
-o-transition: 0.3s linear;	
transition: 0.3s linear;
}
.erhopt:hover{
  color: #e62129;
}
.erhopt:hover div>span{
  width: .25rem;
  margin-right: 10px;
}

.nnav>div>span{
  width: .25rem !important;
  margin-right: 10px !important;
}
.nnav>div{
  color: #e62129;
}
.s2_con_box{
  width: 100%;
  /* height: 4rem; */
}
.s2_nav{
  /* float: left; */
  width: 100%;
}
.s2_nav>ul{
  position: relative;
  margin: 0;
}
.s2_nav>ul::before{
  content: '';
  position: absolute;
  height: 85%;
  width: 1px;
  left: 50%;
  bottom:4%;
  z-index: 1;
  background: #ccc;
}
.s2_con_out {
  height: 3.5rem;
    width: 4.7rem;

    float: left;
}
.s2_con_box .s2_con_out .s2_con_list .s2_con {
  display: none;
  transition: all 1s;
  position: absolute;
  z-index: 1;
  top: 2.8rem;
    left: 6.7rem;
}
.s2_con>li>a{
  font-size: .2rem;
  color: #444;
  line-height: 2;
}
.cddir>a{
  font-size: .18rem;
  color: #9d9d9d;
}
.z{
  color: #333 !important;
}
.ernavlist{
  width: 30%;
  position: absolute;
  left: 75%;
  top: 14%;
  /* display: none; */
  overflow: hidden;
}
.ernavlist>div>li>a{
  font-size: .2rem;
  color: #444;
  line-height: 1;
}
.ernavlist>div>li{
  margin-bottom: .3rem;
}
.erbox{
  height: 6rem;
  position: relative;
  z-index: 1;
 background: #fff;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform:translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.6s linear;
	-moz-transition: 0.6s linear;
	-ms-transition: 0.6s linear;
	-o-transition: 0.6s linear;	
	transition: 0.6s linear;
}
.erbox.onbox{
  position: relative;
  z-index: 11;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform:translateX(0%);
  transform: translateX(0%);
}
.header{
  height: 1.05rem;
  width: 100%;
  padding: 0 .35rem 0 0rem; 
  position: fixed;
  z-index: 111;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.logo{
  position: fixed;
  
  left: 0;
  z-index: 111111;
  top: 0;
  -webkit-transition: 0.6s linear;
  -moz-transition: 0.6s linear;
  -ms-transition: 0.6s linear;
  -o-transition: 0.6s linear;
  transition: 0.6s linear;
}
.logo>a
{
  height:1rem;
  overflow:hidden;
  display:block;
}
.logo>a>img{
  width: 3.3rem;
  
}
.logo>img{
  width: 1rem;
  margin-left: -.06rem;
  display: none;
}
.banner{
  width: 100%;
  position: relative;
  overflow: hidden;
  
}
.ban{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ban>div>div{
  width: 100%;
  height: 100%;
}
.navlist{
  position: absolute;
    z-index: 111;
    right: .7rem;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 2.15rem;
    line-height: 1.05rem;
}
.navlist>span {
  display: inline-block;
  background: #fff;
  width: 1px;
  height: .16rem;
  position: relative;
  top: .43rem;
}
.caidan{
  width: .25rem;
  position: relative;
  top: .43rem;
  cursor: pointer;
}
.sousuo{
  width: .16rem;
    margin-right: .04rem;
    position: absolute;
    top: 0.02rem;
    cursor: pointer;
    left: 0;
}
.tianmao{
  width: .28rem;
  margin-right: .08rem;
  position: relative;
  top: -.01rem;
}
.navlist>a:last-child{
  color: #fff;
  font-size: .2rem;
  position: relative;
}
.navlist>a:last-child::before{
  content: '';
  position: absolute;
  width: 1px;
  height: .15rem;
  background: #FFF;
  top: .45rem;
  left: -.15rem;
}
.dq{
  width: .2rem;
    margin-right: .08rem;
    position: relative;
    top: -.01rem;
}
.navlist div{
  font-size: .2rem;
  color: #fff;
}
.ban_txt{
  position: absolute;
  z-index: 1;
  top:3.2rem;
  left: 1.1rem;
}
.deng{
  width: .55rem;
}
.ban_txt>h5{
  font-size: .6rem;
  color: #fff;
  margin: 0;
  line-height: .75rem;
  text-transform: uppercase;
}
.hg{
  width: 2rem;
  margin-top: .35rem;
}
.banner .swiper-container-ban .ban_txt>.deng,
.banner .swiper-container-ban .ban_txt>h5,
.banner .swiper-container-ban .ban_txt>.hg
{
    transition: all 1s;
    opacity: 0;
    transform: translateY(50px);
}


.banner .swiper-container-ban .swiper-slide.swiper-slide-active .ban_txt>.deng,
.banner .swiper-container-ban .swiper-slide.swiper-slide-active .ban_txt>h5,
.banner .swiper-container-ban .swiper-slide.swiper-slide-active .ban_txt>.hg {
     transition-delay: .6s;
     transform: none;
     opacity: 1;

}
.bjt{
  position: absolute;
    z-index: 11;
    width: .5rem;
    bottom: 70px;
    cursor: pointer;
    border: 1px solid #fff;
    height: .5rem;
    border-radius: 100%;
    line-height: .5rem;
    text-align: center;
    color: #fff;
    font-size: .25rem;
    padding-top: .11rem;
    box-sizing: border-box;
    -webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
  transition: 0.3s linear;
  outline: none;
}
.bleft{
  left: 1.1rem;
}
.bright{
  left: 1.8rem;
}
.bn_txt{
  position: absolute;
    z-index: 1;
    right: .8rem;
    bottom:70px;
}
.bjt:hover{
  border: 1px solid #e62129;
  color: #fff;
  background: #e62129;
}
.bn_txt>h3>span{
color: #fff;  
font-size: .26rem;
}
.num{
  font-size: .4rem !important;
}
.ind1{
  margin-top: 0;
}
.ind1_left{
  width: 50%;
float: left;
position: relative;
opacity: 0;
left: -100px;
}
.ind1_right{
  float: left;
  width: 50%;
  position: relative;
opacity: 0;
right: -100px;

}
.ind1_left{
  padding: 1.15rem 0 0 0;
  box-sizing: border-box;
  background: url('../images/about.png') no-repeat;
  background-position: center;
  background-size: cover;
}
.ind1_left>h5{
  font-size: .5rem;
  color: #222;
  line-height: .6rem;
  margin: 0;
  /* font-family: p1; */
  padding-left: 1.1rem;
  padding-right: 2rem;
}
.ind1_left>h5>span{
  font-family: 'PingFang SC';
}
.ind1_left>p{
  font-size: .18rem;
  color: #888;
  line-height: .3rem;
  margin: 0;
  margin-top: .4rem;
  margin-bottom: .9rem;
  padding-left: 1.1rem;
  padding-right: 2rem;
}
 .counter{
   font-size: .5rem;
   color: #333;
   line-height: 1;
   font-weight: 600;
   -webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
 }
 .nn{
   font-size: .16rem;
   color: #333;
 }

 .ind1_con{
  padding-right: 2.7rem;
   display: flex;
   justify-content: space-between;
   padding-left: 1.1rem;
 }

 .abmore{
   width: 100%;
   line-height: 1rem;
   background: #aa0808;
   
   margin-top: .958rem;
   display: block;
   padding-left: 1.1rem  ;
   box-sizing: border-box;
 }
 .abmore>a{
  color: #fff;
  font-size: .18rem;
  -webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;

 }
 .abmore i{
   margin-left: .1rem;
 }
 .abmore>a:hover
 {
   padding-left: .2rem;
 }
 .ind1rbg{
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 2rem;
   /* background: url('../images/abb.png') no-repeat; */
   /* background-position: center; */
   /* background-size: cover; */
   display: flex;
   justify-content: space-between;
 }
 .ab_more{
  line-height: 2.32rem;
  padding-left: .75rem;
 }
 .ab_more>a{
  color: #fff;
  font-size: .18rem;
  -webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;

 }
 .ab_more i{
  margin-left: .1rem;
}
 .ab_more>a:hover
 {
   padding-left: .2rem;
 }
 .ab_right{
   display: none;
   text-align: right;
   padding-right: 1.1rem;
   padding-top: .55rem;
 }
 .ab_right span{
  border-radius: 3px;
   width: .85rem;
   height: .3rem;
   display: inline-block;
   text-align: center;
   background: #e60012;
font-size: .2rem;
color: #fff;
/* float:right; */
 }
 .ab_right p{
   font-size: .3rem;
   line-height: .32rem;
   margin-top: .15rem;
   color: #fff;
   /* float:right; */
 }
 .ind1rimg{
	overflow: hidden;
}
.ind1rimg>video{
  height: 7.2rem;
}
.ind1rimg img{
	 cursor: pointer;
     transition: all 1s;
}
.ind1rimg img:hover{
	transform: scale(1.1);
}
 
 .ind2{
   width: 100%;
   height: 9.5rem;
   -webkit-transition: 0.6s linear;
	transition: 0.6s linear;
 }
 .ind22{
  width: 100%;
  height: 9.5rem;
  -webkit-transition: 0.6s linear;
 transition: 0.6s linear;
}
 .ind2_txt{
  float: left;
  width: 25%;
  position: relative;
  height: 100%;
 }
 .ind2_txt::after{
content: '';
position: absolute;
width: 1px;
height: 100%;
background: rgba(255, 255, 255, .15);
top: 0;
right: 0;
 }
 .ind2mb{
   width: 100%;
   height: 100%;
   background: rgba(22, 22, 22, .2);
   position: absolute;
   left: 0;
   right: 0;
   opacity: 0;
   -webkit-transition: 0.6s linear;
  transition: 0.6s linear;
  z-index: 1;
 }
 .ind2_con{
  padding: 3.4rem 0 0 .7rem;
  box-sizing: border-box;
  position: relative;
  z-index: 111;
 }
 .ind2_con>h5{
   font-size: .4rem;
   color: #fff;
   line-height: 1;
   margin: 0;
   margin-bottom: .18rem;
 }
 .ind2_con>p{
  font-size: .18rem;
  color: #fff;
  line-height: 1;
  margin: 0;
}
.heng{
  width: 3.4rem;
  height: 1px;
  background: rgba(255, 255, 255, .1);
  position: relative;
  margin-top: .5rem;
  margin-bottom: .5rem;
  
}
.ind2_con>img{
  width: .5rem;
  opacity: 0;
  -webkit-transition: 0.6s linear;
	transition: 0.6s linear;
}
.heng1{
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 11;
  display: inline-block;
  background: #fff;
  -webkit-transition: 0.6s linear;
	transition: 0.6s linear;
}
.ind3_txt {
  padding-right: 1.1rem;
  display: flex;
  justify-content: space-between;
}
.ind3_txt>h5 {
  font-size: .6rem;
  color: #333;
  margin: 0;
  line-height: 1;
  /* font-family: p1; */
  position: relative;
  opacity: 0;
  top: 100px;
}
.ind3 .more {
  color: #333;
  font-size: .18rem;
  width: 1.7rem;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: .3rem;
  outline: none;
  opacity: .8;
  -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
 
}
.more:hover{
  opacity: 1;
}
.more>img {
  width: .14rem;
  position: relative;
  margin-right: 10px;
  top: -.02rem;
}
.ind3{
  background: #f9f9f9;
  padding: .6rem 0 1rem 1.1rem;
  background: url('../images/nbg.png') no-repeat;
  background-position: center;
  background-size: cover;
}
.ind3_con
{
    padding-right:1.1rem;
  display: flex;
  justify-content: space-between;
  margin-top: .6rem;
  /* height: 6.7rem; */
  position: relative;
  opacity: 0;
  top: 100px;
}
.ind3txt{
  position: relative;
  width: 100%;
  margin-right: .4rem;
  
}
.ind3txt:first-child{
 
}
.ind3txt:last-child{
  margin-right: 0 !important;
}
.ind3tit{
  cursor: pointer;
  width: 100%;
    height: 2.18rem;
    background: #fff;
    margin: 0;
    position: relative;
    z-index: 1;
    padding: .35rem .5rem 0 .3rem;
    box-sizing: border-box;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;	
    transition: 0.3s linear;
  
}
.ind3tit:hover{
  -moz-box-shadow:1px 6px 9px #ccc; 
  -webkit-box-shadow:1px 6px 9px #ccc;
   box-shadow:1px 6px 9px #ccc;
}
.ind3tit>p{
  color: #a6a6a6;
  margin: 0;
  font-size: .16rem;
  line-height: 1;
}
.ind3tit>h5 {
  color: #333;
  margin: 0;
  font-size: .24rem;
  line-height: .35rem;
  margin-top: .2rem;
  margin-bottom: .3rem;
  min-height: .4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ind3tit>div{
  color: #333;
  margin: 0;
  font-size: .16rem;
  line-height: .1rem;
  -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.ind3tit>a>i{
  margin-left: .1rem;
  font-size: .18rem;
}
.ind3tit>a:hover{
 padding-left: .2rem;
}
.ind3tit>a>img{
  width: 7px;
  margin-left: .12rem;
  position: relative;
  top:.02rem;
}
.ind3tita{
  cursor: pointer;
  position: absolute;
  width: 4rem;
  height: 2.1rem;
  right: 0;
  bottom: 0;
  background: rgba(102,102,102,.5);
  padding: .3rem .5rem 0 0;
  box-sizing: border-box;
}
.ind3tita>p{
  color: #fff;
  opacity: .5;
  font-size: .16rem;
  margin: 0;
  padding-left: .3rem;
}
.ind3tita>h5{
  color: #fff;
  font-size: .2rem;
  line-height: .3rem;
  margin: 0;
  margin-top: .2rem;
  margin-bottom: .4rem;
  padding-left: .3rem;
}
.ind3tita>div{
  position: absolute;
  width: 100%;
  height: .6rem;
  display: block;
background: #e60012;
bottom: 0;
left: 0;
padding-left: .3rem;
}
.ind3tita>div>div{
  line-height: .6rem;
  font-size: .16rem;
  color:#fff;
  -webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;

}
.ind3tita>div>a>i{
  margin-left: .1rem;
  font-size: .18rem;
}
.ind3tita>div>a:hover{
  padding-left: .2rem;
}
.ind4left{
  width: 50%;
  float: left;
  height: 8rem;
  position: relative;
  opacity: 0;
  left: -100px;
}
.ind4right{
  width: 50%;
  float: left;
  height: 8rem;
  position: relative;
  opacity: 0;
  right: -100px;
}
.ind4left{
  /* background: url('../images/yy.jpg') no-repeat;
  background-position: center;
  background-size: cover; */
}
.ind4right{
  /* background: url('../images/case.jpg') no-repeat;
  background-position: center;
  background-size: cover; */
}
.ind4txt{
  position: absolute;
top: 1rem;
left: 1.1rem;
  z-index: 1;
}
.ind4tt{
  /* padding: 1rem 1.1rem;
  box-sizing: border-box; */
}
.ind4txt>h5{
  font-size: .6rem;
  color: #fff;
  margin: 0;
  line-height: 1;
  margin-bottom: .3rem;
  /* font-family: p1; */
}
.ind4txt>p{
  font-size: .2rem;
  color: #fff;
  margin: 0;
  line-height: .32rem;
  margin-bottom: 1.1rem;
  width: 4.4rem;
}
.ind4txt>a{
  display: inline-block;
  font-size: .18rem;
  color: #fff;
  margin: 0;
  line-height: 1;
  opacity: .5;
  -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    position: relative;
}
.ind4txt>a>img {
  width: .08rem;
  /* margin-top: 7px; */
  position: absolute;
  left: .9rem;
  top: .02rem;
}
.ind4txt>a:hover{
  opacity: 1;
}
.ind4tt>a>img{
  width: 7px;
  margin-left: .12rem;
  position: relative;
  top: .02rem;
}
.footer {
  border-top: 1px solid #e5e5e5;
  padding: .5rem 1.1rem .3rem;
  box-sizing: border-box;
  background: #fff;
}
.footer_left>img{
width: 4.7rem;
margin-bottom: .5rem;
}
.footer_left>p{
  margin: 0;
  font-size: .16rem;
  color: #888;
  position: relative;
  display: block;
  line-height: 2;
}
.footer_left>p:last-child{
  width: 1rem;
}
/* .footer_right{
  width: 4.6rem;
} */
.fr_con{
  display: flex;
  justify-content: space-between;
}
.fr_r{
  width: 1rem;
  text-align: center;
padding-right: .05rem;
}
.fr_r>div{
  border-radius: 3px;
    padding: .05rem;
    border: 1px solid #e5e5e5;
    background: #fff;
}
.fr_r>p{
  font-size: .16rem;
  color: #888;
  margin: 0;
  line-height: 1;
  margin-top: .15rem;
}
.fr_l{
  text-align: right;
  /* margin-top: .1rem; */
}
.p1{
  width: 1.2rem;
  height: .4rem;
  line-height: .4rem;
  color: #888;
  background: #ededed;
  display: inline-block;
  text-align: center;
  margin: 0;
  border-radius: 6px;
  
}
.p1>img{
  width: 0.16rem;
  position: relative;
  top: -.005rem;
  margin-right: 4px;
}
.p2{
  color: #888;
  font-size: .16rem;
  margin: 0;
  margin-top: .05rem;
  margin-bottom: 0;
  line-height: 1;
  font-family: p1;
}
.p3{
  color: #e62129;
  font-size: .3rem;
  margin: 0;
  font-weight: bold;
  line-height: 1;
}
.ind3img{
  /* height: 3.1rem ; */
	overflow: hidden;
}
 .ind3img img
{
    width:100%;
	 cursor: pointer;
     transition: all 1s;
}
.cay3con .ind3img img
{
    width:100%;
    height:348px;
	 cursor: pointer;
     transition: all 1s;
}
.ind3img img:hover{
	transform: scale(1.1);
}
.in4img{
	overflow: hidden;
}
.in4img img
{
	 cursor: pointer;
     transition: all 1s;
}
.in4img img:hover{
	transform: scale(1.1);
}
.at>span{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	font-size: .16rem;
	opacity: 0;
   -webkit-transition: .3s linear;
	-moz-transition: .3s linear;
	-ms-transition: .3s linear;
	-o-transition: .3s linear;
  transition: .3s linear;
  display: inline-block;
    text-align: center;
}
.pimg{
  position: absolute;
  -webkit-transition: .3s linear;
	-moz-transition: .3s linear;
	-ms-transition: .3s linear;
	-o-transition: .3s linear;
  transition: .3s linear;
}

.friend_link_footer {
  display: inline-block;
  position: relative;
  margin-top: 0;
 
}
.friend_link_footer ul {
  position: absolute;
  top: 100%;
  display: none;
  background: #fff;
  z-index: 9;
  min-width: 100%;
  border: 1px solid #e5e5e5;
  border-top: none;
}
 .friend_link_footer p {
  color: #333;
  font-size: .16rem;
  line-height: .55rem;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  padding-left: .2rem;
  border-radius: 4px;
  overflow: hidden;
  margin: 0;
  height: .55rem;
  position: relative;
  width: 2.7rem;
}
.friend_link_footer ul li a {
  line-height: 32px;
  padding: 0 10px;
  font-size:.16rem;
  border-bottom: 1px solid #e5e5e5;
  display: block;
  color: #ccc;
  text-align: center;
}
.friend_link_footer p span {
  display: inline-block;
    margin-left: 1.4rem;
    padding: 0 4px;
    height: 100%;
    position: relative;
    top: 0;
}
.friend_link_footer p span i{
  color: #333;
  font-size: .2rem;
  position: relative;
  top: 0rem;
  
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);

}

.footer_top{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.footer_bot{
  border-top: 1px solid #E5E5E5;
  padding-top: .5rem;
display: flex;
justify-content: space-between;
}
.footerbot_left{
  width: 11rem;
  display: flex;
  justify-content: space-between;
}
.footerbot_right{
width: 6rem;
padding-left: 1rem;
}
.footerbot_left>ul>li{
  color: #333;
  font-size: .16REM;
  line-height: 1;
  margin: 0;
  
}
.footerbot_left>ul>li:first-child a{
  color: #333 !important;
  font-size: .16REM !important;
  line-height: 1;
  margin: 0;
  -webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
}
.footerbot_left>ul>li:first-child{
  margin-bottom: .25rem;
}
.footerbot_left>ul>li>a{
  color: #888;
  font-size: .15REM;
  line-height: 1;
  margin: 0;
  margin-bottom: .15rem;
  -webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
}
.footerbot_left>ul>li>a:hover{
  color: #e62129;
}
.footerbot_left>ul>li:first-child a:hover{
  color: #e62129 !important;
}
.fot_contact{
  display: flex;
}
.fot_contact>img{
  width: .5rem;
  height: .5rem;
  margin-right: .12rem;
}
.footerbot_er{
  margin-top: .4rem;
  display: flex;
  /*justify-content: space-between;*/
  padding-right: .15rem;
}
.footer2{
  padding: 0 1.1rem ;
  box-sizing: border-box;
  background: #f9f9f9;
  line-height: .6rem;
  display: flex;
  justify-content: space-between;
  color: #888;
  font-size: .14rem;
  font-family: p1;
}
.footer2_right>a{
  color: #888;
  font-size: .16rem;

}

.footer2_right>p{
  position: relative;
}
.footer2_left>a{
  color: #888;
  font-size: .14rem;
  margin-left: .3rem;
}
.footer2_left>a>img{
  width: .18rem;
  margin-right: .07rem;
}
@media (max-width:1440px){
/* .tianmao{
    width: .26rem;
    margin-right: .08rem;
    position: relative;
    top: -.01rem;
  }
  .dq{
    width: .26rem;
      margin-right: .08rem;
      position: relative;
      top: -.01rem;
  } */
  .logo>a>img{
  width: 3.3rem;
  
}
  .navlist {
    width: 2.15rem;
    line-height: 1.05rem;
}
  .navlist div {
    font-size: .2rem;
    color: #fff;
}
.cay3con .ind3img img{height:270px;}
}
@media (max-width: 1420px) {
  .footer_left>p:last-child {
    width: 1.1rem;
}
}

@media (max-width: 992px){

  body{
    overflow-x: hidden !important;
    width: 100%;
  }
  body p{
    font-size: 14px !important;
    
  }
  .navlist {
    width: 180px;
    position: relative;
    margin-top: 25px;
    margin-left: 12px;
}
  .navlist div {
    color: #fff !important;
    font-size: 15px;
}
.tianmao {
  width: 18px;
  margin-right: 10px;
  position: relative;
  top: 0;
}
.navlist>a:last-child {
  color: #fff;
  font-size: 15px;
  position: relative;
}
.navlist>a:last-child::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 10px;
  background: #FFF;
  top: 4px;
  left: -20px;
}
  .heade{
    position: fixed;
    top: 0;
    left: 0;
    width: 215px;
    z-index: 999;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 0;
    height: 50px;
    line-height: 50px;
  }
  .headr_img {
    width: 165px;
    margin-top: 0;
}
  .headr_cont{
    width: 50px;
    margin-top: 18px;
    padding-left: 12px;
  }
  .headr_cont span{
    display: block;
    width: 23px;
    height: 1px;
    background: #333;
    margin-bottom: 6px;
  }
  .headr_cont span:nth-child(2){
    width: 17px;
  }
  .heart{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
  }
  .hea{
    position: relative;
  }
  .hea span{
    width: 20px;
    height: 1px;
    background: #fff;
    margin-top: 8px;
  }
  .hea .nm{
    -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .hea .vb{
    -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    -webkit-transition: all .2s;
    transition: all .2s;
    position: absolute;
    top: 0px;
  }
  .hea span:nth-child(2){
    width: 20px;
  }
  .headr_bot{
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index:1000;
    background: #2f2f2f;
    height: 100vh;
    display: none;
  }
  .fort_bott1{
    padding: 0 20px;
  }
    .liq{
    padding: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
  }
  .slid{
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
  }
  .liq:nth-child(2){
    -webkit-transition-delay: 100ms,100ms;
    transition-delay: 100ms,100ms;
  }
  .liq:nth-child(3){
    -webkit-transition-delay: 180ms,180ms;
    transition-delay: 180ms,180ms;
  }
  .liq:nth-child(4){
    -webkit-transition-delay: 260ms,260ms;
    transition-delay: 260ms,260ms;
  }
  .liq:nth-child(5){
    -webkit-transition-delay: 320ms,320ms;
    transition-delay: 320ms,320ms;
  }
  .liq:nth-child(6){
    -webkit-transition-delay: 400ms,400ms;
    transition-delay: 400ms,400ms;
  }
  .liq:nth-child(7){
    -webkit-transition-delay: 480ms,480ms;
    transition-delay: 480ms,480ms;
  }
  .liq:nth-child(8){
    -webkit-transition-delay: 560ms,560ms;
    transition-delay: 560ms,560ms;
  }
  .liq:nth-child(9){
    -webkit-transition-delay: 640ms,640ms;
    transition-delay: 640ms,640ms;
  }
  .fort_bott{
    width: 100%;
  }
  .fort_bott .li {
    width: 100%;
    border-bottom:2px solid #404043; 
  }
  .fort_bott .info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
        justify-content: space-between;
    color: #fff;
  }
  .info h3{
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: rgba(255,255,255,0.8);
  }
  .inf_img>img{
    margin-top: 122%;
  }
  .foyu_opi2{
    display: none;
  }
  
  .foty_over a{
    color: rgba(255,255,255,0.8);
    width: 100%;
    display: inline-block;
    padding-left: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    line-height: 40px;
    font-size: 14px;
  }
  .inko p a{
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
  }
  .img_disp2{
    display: block;
  }
  .img_disp3{
    display: none;
  }
  
  .y_ov a:last-child{
    border-bottom: none;
  }
  .banner {
    height: 9.6rem;
}
.ind1_left {
  padding: 1rem 0 0 0;
  
}
.deng {
  width: 30px;
}
.ban_txt>h5 {
  font-size: 30px;
  line-height: 35px;
 
}
.bjt {
  font-size: 20px;
 
  width: 30px;
  bottom: 20px;
  height: 30px;
  line-height: 30px;
}
.bright {
  left: 90px;
}
.ban_txt {
  top: 3rem;
  left: 1.1rem;
}
.bn_txt>h3>span {
  color: #fff;
  font-size: 24px;
}

.num {
  font-size: 30px !important;
}
.bn_txt {
  bottom: 20px;
}
.bn_txt >h3{
  margin: 0;
}
.ind1_left>h5 {
  font-size: 26px;
  color: #222;
  line-height: 30px;
  padding-right: 0rem;
}
.ind1_left {
  width: 100%;
}
.ind1_right {
  width: 100%;
}
.ind1_left>p {
  font-size: 16px;
  color: #888;
  line-height: 24px;
}
.counter {
  font-size: 26px;

}
.nn {
  font-size: 16px;
  color: #333;
}
.abmore {
  width: 100%;
  line-height: 50px;
}
.abmore>a {
  color: #fff;
  font-size: 16px;

}
.ab_more {
  line-height: 100px;
  padding-left: 1.1rem;
}
.ab_more>a {
  color: #fff;
  font-size: 16px;
}
.ab_right span {
  width: 100px;
  height: 26px;
  font-size: 20px;
}
.ab_right p {
  font-size: 22px;
  line-height: 22px;
  margin-top: 10px;
}
.ind1rbg {
  height: 100px;
}
.ind3_txt>h5 {
  font-size: 26px;
}
.ind3 {
  background: #f9f9f9;
  padding: 1rem 1.1rem 1rem 1.1rem;
}
.ind3 .more {
  font-size: 16px;
    width: 130px;
    height: 35px;
    line-height: 35px;
    border-radius: 17px;
    margin-top: -5px;
}
.more>img {
  width: 14px;
  top: -2px;
}
.ind3_con {
  display: inherit;
}
.ind3txt {
  margin-right: 0;
  width: 100%;
  margin-bottom: 30px;
  moz-box-shadow: 1px 6px 9px #ccc;
    -webkit-box-shadow: 1px 6px 9px #ccc;
    box-shadow: 1px 6px 9px #ccc;
}
.ind3tit {
  height: auto;
  padding: 20px;
 
}
.ind3tit>p {
  font-size: 14px;
}
.ind3tit>h5 {
  color: #333;
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.ind3tit>a {
  color: #333;
  margin: 0;
  font-size: 16px;
  line-height: 1;
  
}
.ind3tit>a>i {
  margin-left: 5px;
  font-size: 16px;
}
.ind3txt:first-child {
  width: 100%;
}
.ind3tita>p {
  color: #a6a6a6;
  font-size: 14px;
  padding-left: 0;
}

.ind3tita>h5 {

  margin-bottom: 0;
  padding-left: 0;
  color: #333;
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.ind3tita>div {
  position: relative;
  width: 100%;
  height: auto;
  padding-left: 0;
  background: none;

}
.ind3tita>div>div {
  color: #333;
  line-height: 1;
  font-size: 16px;
}
.ind3tit>div{
  line-height: 1;
  font-size: 16px;

}
.ind3tita {
  width: 70%;
  height: 40%;
  padding: 20px;
}
.ind3tita>div>div>i {
  margin-left: 5px;
  font-size: 16px;
}
.ind2_con>h5 {
  font-size: 26px;
  color: #fff;
  line-height: 1;
  margin: 0;
  margin-bottom: 14px;
}
.ind2_con>p {
  font-size: 10px;
  color: #fff;
  line-height: 1;
  margin: 0;
}
.ind2_con>img {
  width: 30px;
}
.footer {
  padding: .6rem 1.1rem;
  box-sizing: border-box;
  display: inherit;
  justify-content: space-between;
}
.footer_right{
  display: none;
}
.footer_left>img {
  width: 320px;
  margin-bottom:0;
}
.footer_left>p {
  font-size: 16px;
}
.footer_left>p:last-child {
  width: auto;
}
.at{
  font-size: 16px;
  color: #888;
}
.at>span {
display: none;
}
.cay3con .ind3img img{height:auto;}
}
@media (max-width:768px){
  .banner {
    height: 18rem;
    margin-top: 0;
}
.ab_right {
  text-align: right;
  padding-right: 1.1rem;
  padding-top: 20px;
}
.ban_txt {
  top: 35%;
  left: 0;
  width: 100%;
  padding: 0 30px 0 20px;
}
.ban_txt>h5 {
  font-size: 28px;
  line-height: 30px;
}
.bleft {
  left: 20px;
}
.bleft>i{
  font-size: 16px;
    position: relative;
    top: 4px;
}
.bright>i{
  font-size: 16px;
    position: relative;
    top: 4px;
}
.bright {
  left: 65px;
}
.num {
  font-size: 28px !important;
}
.bn_txt>h3>span {
  color: #fff;
  font-size: 22px;
}
.ind1_left {
  padding: 35px 0 0 0;
}
.ind1_left>h5 {
  font-size: 26px;
  color: #222;
  line-height: 30px;
  padding-right: 0rem;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}
.ind1_left>p {
  font-size: 16px;
  color: #888;
  line-height: 24px;
  width: 100%;
  padding: 0 20px;
  margin-top: 15px;
  margin-bottom: 35px;
}
.ind1_con {
  padding-right: 20px;
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
}
.abmore {
  width: 100%;
  line-height: 50px;
  padding-left: 20px;
  margin-top: 35px;
}
.ab_more {
  line-height: 100px;
  padding-left: 20px;
}
.ab_right {
  text-align: right;
  padding-right: 20px;
  padding-top: 20px;
}
.ab_right p {
  font-size: 20px;
  line-height: 22px;
  margin-top: 10px;
}
.ab_right span {
  width: 100px;
  height: 24px;
  font-size: 18px;
}
.ind3 {
  background: #f9f9f9;
  padding: 40px 20px 20px;
}
.ind3_txt {
  padding-right:0;
}
.ind3_con {
  margin-top:30px;
}
.ind3tita {
  background: #fff;
  position: relative;
  width: 100%;
  height: auto;
  padding: 20px;
}
.ind2_txt {
  float: left;
  width: 100%;
  position: relative;
  height: 100%;
}
.ind2_txt {
  float: left;
  width: 100%;
  position: relative;
  height: auto;
  overflow: hidden;
}
.ind2 {
  width: 100%;
  height:auto;
}
.pimg{
  position: relative;
}
.ind2_con {
  position: absolute;
    height: 170px;
    padding: 30px 20px;
    box-sizing: border-box;
    z-index: 11;
    top: 10px;
    top: 32%;
}
.ind2_con>p {
  font-size: 16px;
  color: #fff;
  line-height: 1;
  margin: 0;
}
.heng {
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, .1);
  position: relative;
  margin-top: 14px;
  margin-bottom: 14px;
}
.footer {
  padding: 20px;
    box-sizing: border-box;
    display: inherit;
    justify-content: space-between;
    background: #fff;
}
.footer2 {
  padding: 0 20px 25px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.5;
  display: inherit;
  justify-content: space-between;
  color: #888;
  font-size: 12px;
  font-family: p1;
}
.footer2_left>a {
  color: #888;
  font-size: 12px;
  margin-left: 0px;
}
.footer2_left>a>img {
  width: 12px;
  margin-right: 2px;
}
.ind1rimg>video{
  height: auto;
  width: 100%;
}
.footer2_right>a{
  color: #888;
  font-size: 12px;

}
.footerbot_right {
  width: 100%;
  padding-left: 0;
}
.fot_contact>img {
  height: 30px;
  width: 30px;
  margin-right: 10px;
}
.fot_contact {
  margin:0;
  display: flex;
}
.footer_bot {
  margin-top: 20px;
  padding-top: 20px;

}
.p2 {
  margin-top: 5px;
  font-size: 14px !important;
}
.p3{
  font-size: 18px !important;
}
.fr_r>p {
  font-size: 14px;
  margin-top: 8px;
}
.footerbot_er {
  margin-top: 20px;
  padding-right: 0;
}
.fr_r {
  width: 22%;
  text-align: center;
}
}