html {
    font-size: 5.2083vw;}

.hd-t{display: flex;align-items: center;justify-content: flex-end;}

.ipt {
    display: block;
    border: none;}
.hd-sear{margin-left: 0.15rem;}
.hd-sear .boxx {
   width: 1.95rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: .2rem;
    background-color: rgba(255,255,255,.1);
    display: flex;
    align-items: center;}
.hd-sear .ipt-txt {
    width: 100%;
    line-height: 0.3rem;
    font-size: 0.14rem;
    color: #fff;
    background: transparent;
    padding: 0 .1rem;
    height:0.3rem;}
.hd-sear .submit{width: 0.3rem;
    height: 0.3rem;background:url(../images/icon_01.png) no-repeat center;background-size:0.16rem;cursor: pointer;border:none;margin-right: 0.07rem;}



.idx-bm{width: 7.08rem;height: 7rem;background:url(../images/idx_05.png) no-repeat center;background-size:100% 100%;padding:1px 0 0;margin-top: 0.35rem;}
.idx-bm .t-tit{width: 2.66rem;height: 0.68rem;background:url(../images/idx_04.png) no-repeat center;background-size:100% 100%;display: flex;align-items: center;justify-content: center;font-size: 0.36rem;color:#fff;font-weight: bold;margin:-.2rem auto 0;}
.idx-bm .box{padding:.5rem 1rem 0 1.2rem;}
.idx-bm .row{margin-bottom: 0.35rem;display: flex;align-items: center;}
.idx-bm .tit{font-size: 0.18rem;color:#333333;width: 0.65rem;}
.idx-bm .info{flex:1;overflow: hidden;}
.idx-bm .ipt{border-radius:.05rem;border:1px solid #DEDEDE;height: 0.55rem;line-height: 0.55rem;width: 100%;font-size: 0.18rem;padding:0 .2rem;}
.idx-bm .select{appearance: none;-webkit-appearance: none;background:url(../images/icon_03.png) no-repeat 95% center;background-size:.12rem;}
.idx-bm .submit{margin:0;font-size: 0.2rem;color:#fff;background-color: #B81919;width: 100%;line-height: 0.55rem;border-radius:.05rem;border:none;cursor: pointer;}

/*
       
 .biaodan   table {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}



 .biaodan   input{border-radius: 0.05rem;
    border: 1px solid #DEDEDE;
    height: 0.45rem;
    line-height: 0.45rem;
    width: 100%;
    font-size: 0.18rem;
    padding: 0 0.2rem;
    
    margin-bottom: 0.35rem;}


     .biaodan   font{
    margin-bottom: 0.35rem;
    display: flex;
    align-items: center;
   font-size: 0.18rem;

}*/
   


.auto {
    margin: 0 auto;
    max-width: 14rem;
    width: 96%;}
.foot{position: relative; padding:4rem 0 .5rem;background:url(../images/ft_01.png) no-repeat center;background-size:cover;margin-top: 0.15rem;}
.foot .wrap{display: flex;align-items: center;justify-content: space-between;}
.ft-xx .logo{font-size: 0.36rem;color:#fff;font-weight: bold;display: flex;align-items: center;}
.ft-xx .logo .tp{height: 0.73rem;width: auto;}
.ft-xx .logo .x{width: 1px;height: 0.52rem;background-color: #fff;margin:0 .15rem;}
.ft-xx .txt{font-size: 0.16rem;color:#fff;margin-top: 0.25rem;}
.ft-xx .txt span{margin-right: 0.2rem;}

.ft-xx a{font-size: 0.16rem;color:#fff;margin-top: 0.25rem;}


.ft-wx{display: flex;}
.ft-wx .grp{width: 1.28rem;margin-left: 0.15rem;}
.ft-wx .img{width: 100%;display: block;}
.ft-wx .fz{font-size: 0.16rem;color:#fff;margin-top: 0.1rem;text-align: center;}

.foot .contact {position: absolute;width: 12rem;max-width: 94%;background: #fff;box-shadow: 0px 0px 20px 0px rgba(58, 58, 58, 0.2);border-radius: 0.3rem;overflow: hidden;padding: .3rem .6rem .5rem;left: 50%;top: 0;transform: translateX(-50%);}
.foot .contact .title {text-align: center;margin-bottom: .5rem;}
.foot .contact .title p {font-size: 0.6rem;color: #999;font-family: sy;opacity: .1;text-transform: uppercase;}
.foot .contact .title h3 { font-size: 0.4rem;color: #333;font-weight: bold;margin-top: -.2rem;}
.foot .contact ul {display: flex;flex-wrap: wrap; justify-content: space-between;}
.foot .contact ul li {display: flex;width: 45%;}
.foot .contact li .img {width: 0.8rem;height: 0.8rem;background: #fbeaea;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.foot .contact li .img img {max-width: 0.46rem;max-height: 0.46rem;vertical-align: middle;}
.foot .contact li .cont  {width: calc(100% - .8rem);padding-left: .3rem;}
.foot .contact li .cont .type {font-size: 0.26rem;color: #333;margin-bottom: .25rem;}
.foot .contact li .cont .txt {font-size: 0.2rem;color: #333;line-height: 0.34rem;}




@media screen and (min-width:768px) and (max-width:991px){

.idx-s1 .wrap{display: block;}
	.idx-gg{width: 100%;}




    .foot{margin-top:1.2rem;padding:.5rem 0;background:#9f0d0d;padding-top:2rem;}
    .foot .wrap{display: block;}
    .ft-xx .logo{font-size: 0.3rem;justify-content: center;}
    .ft-xx .logo .tp{height: 0.7rem;}
    .ft-xx .logo .x{height: 0.3rem;}
    .ft-wx{justify-content: center;margin-top: 0.3rem;}
    .ft-wx .grp{width: 1.2rem;margin:0 .15rem;}
    .ft-wx .grp .img{width: 90%;margin:0 auto;}
    .foot .contact {padding: .25rem;margin-top: -1.2rem;}
    .foot .contact .title p {font-size: .32rem;}
    .foot .contact .title h3 {font-size: .28rem;}
    .foot .contact li .cont .type {font-size: .24rem;}
    .foot .contact li .cont .txt {font-size: .2rem;}
}







@media screen and (min-width:320px) and (max-width:767px){

.idx-s1{padding:.4rem 0 .23rem;}
	.idx-s1 .wrap{display: block;}


	.idx-bm{width: 100%;height: auto;background:none;padding:.2rem 0 0;}
	.idx-bm .t-tit{font-size: 0.22rem;width: 2rem;height: 0.46rem;margin-bottom: 0.2rem;background:none;color:#333;}
	.idx-bm .box{padding:0 .2rem;}
	.idx-bm .row{margin-bottom: 0.2rem;}
	.idx-bm .tit{font-size: 0.16rem;width: 0.5rem;}
	.idx-bm .ipt{height: 0.46rem;line-height: 0.46rem;font-size: 0.16rem;}
	.idx-bm .submit{font-size: 0.18rem;line-height: 0.46rem;width: 1.8rem;margin:0 auto;display: block;}



.foot{margin-top: 1.6rem;padding:.4rem 0;background:#9f0d0d;}
    .foot .wrap{display: block;}
    .ft-xx .logo{font-size: 0.22rem;justify-content: center;}
    .ft-xx .logo .tp{height: 0.5rem;}
    .ft-xx .logo .x{height: 0.2rem;}
    .ft-xx .txt{text-align: center;font-size: 0.15rem;line-height: 1.6;margin-top: 0.15rem;}
    .ft-xx .txt span{display: block;}
    .ft-wx{justify-content: center;margin-top: 0.3rem;}
    .ft-wx .grp{width: 25%;margin:0;}
    .ft-wx .grp .img{width: 86%;margin:0 auto;}
    .ft-wx .grp .fz{font-size: 0.14rem;margin-top: 0.07rem;}
     .foot .contact {position: relative;padding: .2rem;margin-top: -2rem;margin-bottom: .3rem;}
    .foot .contact .title {margin-bottom: .3rem;}
    .foot .contact .title p {font-size: .28rem;}
    .foot .contact .title h3 {font-size: .24rem;}
    .foot .contact ul li {width: 100%;margin-bottom: .3rem;}
    .foot .contact li .cont .type {font-size: .2rem;margin-bottom: .15rem;}
    .foot .contact li .cont .txt {font-size: .16rem;}
    .foot .contact li .img {width: .6rem;height: .6rem;}
    .foot .contact li .img img {max-width: 0.34rem;max-height: 0.34rem;}
    
}





@media screen and (min-width:992px) and (max-width:1199px){
    .auto{width: 10.5rem;}
    html{font-size: 5.5rem!important;}

	.idx-bm .t-tit{font-size: 0.32rem;}
	.idx-bm .box{padding:.5rem .7rem 0 .9rem}
	

}


@media screen and (max-width: 991px) and (min-width: 768px){
html {
    font-size: 5.8rem!important;}
}

@media screen and (max-width: 767px) and (min-width: 320px){
html {
    font-size: 5.8rem!important;}

}


@media screen and (max-width: 767px) and (min-width:469px){
.yzmpic{
   height: 45px!important;}
}



@media screen and (max-width: 470px){
.yzmpic{width: 30%;
    height: 30px!important;
    margin-top: 6px;}
}