@charset "utf-8";
/*格式化*/
 html, body, div, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {
     margin:0;
     padding:0;    
}
 html{}
h1{    font-size: 24px;}
 body{
     font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;
     margin: 0 auto;
  max-width: 37.5rem;
     color: #333;
     min-width: 16rem;
     padding: 0;
     background-color: #fff;
     line-height: 1;
     width: 100%;
     overflow-x: hidden;
}
 li, ol {
     list-style:none;
}
 b{
     font-weight: 500;
}
 ins {
     text-decoration:none;
}
 i, em {
     font-style:normal;
}
 a {
     text-decoration:none;
     font-family:"Microsoft Yahei";
     color: #666;
}
 a:hover {
     cursor:pointer;
     text-decoration:none;
}
 a:active{
     star:expression(this.onFocus=this.blur());
}
 :focus{
     outline:0;
}
 .clear {
     clear:both;
     line-height:0rem;
     overflow:hidden;
     zoom:1;
     font-size:0rem;
     content:'.';
}
 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
 img{
     padding:0;
     margin:0;
     vertical-align: top;
}
 a img {
     border:none;
}
 input,textarea{
     border:none;
     font-family:"Microsoft Yahei";
     font-size:0.65rem;
}

/*排版通用*/
 .f-mm{
     margin-left:auto;
     margin-right:auto;
}
/*居中对齐*/
 .f-fl{
     float:left;
}
/*左浮动*/
 .f-fr{
     float:right;
}
/*右浮动*/
 .f-tr{
     text-align:right;
}
/*右对齐*/
 .f-tl{
     text-align:left;
}
/*左对齐*/
 .f-tc{
     text-align:center;
}
/*中间对齐*/
 .f-pr{
     position:relative;
}
/*定位*/
 .f-di{
     display:inline;
}
 .bai{
     background: #fff;
     width: 100%;
}
/* -- 页面整体布局 -- */
 .wrap{
}
/*网站首页宽度*/
 body.flex {
     display: flex;
     flex-direction: column;
}
 .hslss{
     position:fixed;
     z-index:102;
     width:100%;
     height:10%;
     top:-10%;
}
 .hslss0{
     background-color:#fff;
     height:100%;
     padding:0 !important;display: flex;
    justify-content: center;
    align-items: center;
}

 .hslmenu{
     position:fixed;
     z-index:102;
     width:60%;
     height:100%;
     right:-60%;
}
 .hslmenubg{
     position:fixed;
     z-index:101;
     width:100%;
     height:100%;
     right:0;
     background-color:rgba(0,0,0,.2);
     display:none;
}
 .hslmenu0{
     background-color:#fff;
     height:100%;
     padding:0 !important;
}
 .hslmenu ul{
     height:100%;
}
 .hslmenu ul li{
     height:4rem;
     line-height:4rem;
     border-bottom:0.05rem solid #eee;
     padding:0 1rem;
}
 .hslmenu1{
     padding:1rem;
     background-color:#f3372b;
     position:relative;
}
 .hslmenu1 h2{
     color:#fff;
     font-size:2rem;
}
 .hslmenu1 p{
     color:#fff;
     font-size:1.2rem;
     margin-top: 0.6rem;
}
 .hslmenu1 i{
     display:block;
     font-size:2.4rem;
     color:#fff;
     position:absolute;
     right:1rem;
     height:3rem;
     line-height:3rem;
     width:3rem;
     text-align:center;
     top:1.6rem;
}
 .hslmenu ul li a{
     display:block;
     height:4rem;
     font-size:1.3rem;
     color:#333;
}
 .hslmenu ul li a i{
     font-size:1.3rem;
     padding-right:1rem;
}
 .head_t {
     width: 100%;
         padding: 0.7rem 0rem;
	 background: #333333;
}
.head_t ul{ display: flex;
    width: 100%;
        justify-content: space-around;
        text-align: center;}
.head_t ul li{ color: #fff; font-size: 1.1rem; }
 .head {
     width: 100%;
     display: flex;
     justify-content: space-between;
     padding: 0.8rem 0;
}
.head .an { display: flex;     align-items: center;
    justify-content: center;}
.head .an a{ float: left;    float: left;
    margin-left: 0.8rem;}
 .head .logo a{
     display: flex;
     justify-content: center;
     align-items: center;
}
 .head .logo img{
    width: 15rem;
    margin-left: 1.2rem;
    margin-right: 0.9rem;
}
 .head .logo p{
     font-size: 2.4rem;
     color: #222;
     font-weight: bold;
}
 .head #menuopen{
     display: flex;
     justify-content: center;
     align-items: center;
}
 .head i{
      display: flex;
      padding-right: 1.1rem;
      justify-content: center;
      color: #222;
      align-items: center;
      font-size: 2.4rem;
      margin-top: 0.1rem;
}

 .hslss .sousuo{
height: 4.1rem;
    width: 90%;
    border-bottom: 1px solid #797979;
}
 .hslss .sousuo input{
width: 84%;
    padding-left: 1rem;
    font-size: 1.6rem;
    /* border-right: 0.1rem solid #bfbfbf; */
    height: 4rem;
    vertical-align: top;
    line-height: 4rem;
}
 .hslss .sousuo button{
      border: none;
      background: none;
      padding: 0rem;
      margin: 0rem;
      padding-left: 0.7rem;
      height: 4rem;
}
 .hslss .sousuo button i{
       font-size: 2.4rem;
       color: #f3372b;
       display: block;
}
 .foot{
   padding: 0rem 1rem; 
    background: #373d41;
}
 .foot .xian{
     border-right: 0.05rem solid #bababa;
     width: 48%;
    margin-right: 2%;
}
 .foot .f1{}
.foot .f1 .f{ }
.foot .f1 a i{ margin-right: 0.4rem;}
.foot .f1 a{
	color: #fb602f;
	    font-size: 2rem;
	    text-align: center;
	    display: block;
}
.foot .f .tel {display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #525252;
    margin-bottom: 0.6rem;
    position: relative;}
.foot .f .tel p{    line-height: 2.6;
    font-size: 1.4rem;}
	
.foot .f1 p{ line-height: 1.8rem;
    color: #ebebeb;
    font-size: 1.2rem;}
	 
 .foot .f1 p img{
     vertical-align: middle;
     margin-right: 0.4rem;
}
 .foot .f1 .xian p img{
     width: 1.8rem;
}
 .foot .f1 p img{
     width: 2.95rem;
}
.foot .f_wz {
    font-size: 1.2rem;
    text-align: center;
    margin-top: 0.4rem;
    color: #5f5f5f;
    line-height: 1.4;
}
.f2{
    display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding-top: 0.5rem;
        padding-bottom: 7rem;
        background: #373d41;font-size: 1rem;
}
.f2 .p1{
     font-size: 1.6rem;
     color: #f3372b;
     font-weight: bold;
}
.f2 p{
     line-height: 1.7rem;
     color: #969696;
}
.f2 p img{
     vertical-align: middle;width: 1rem;
}

 .foot-btm {
     z-index: 1;
     position: fixed;
     bottom: 0rem;
     top: auto; height: 7.05rem ;
     background-size: 100% 100%;
     background-repeat: no-repeat;
     max-width: 37.5rem;
     width: 100%;
}
.foot-btm .position_r{ position: relative;}
.foot-btm img{     width: 100%;
  position: fixed;
    left: 0px;
    bottom: 0px;}
 .inside {
     position: relative;
     min-height: 0.05rem;
     padding-right: 0rem;
     padding-left: 0rem;
     width: 20%; height: 7.05rem ;
     float: left;
}
.swtzx{  width: 3rem;
    background-color: #f3372b;
    border-radius: 10px 0 0 10px;
    font-size: 1.4rem;
    /* margin-bottom: .1rem; */
    color: #fff;
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 999;}
.swtzx span {
       width: 2rem;
    float: left;
    color: #fff;
    margin-left: 28%;
    padding: 0.8rem 0;
    line-height: 1.6rem;
    font-weight: bold;
}