*{margin:0;padding:0;}
body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑"; 
	/*font-size:14px;*/ 
	 cursor: default;
	 background-color:#efefef;

	 
	
}
html{font-size:625%}
.hide{display: none}
table{border-collapse:collapse;border-spacing:0px;}
a{text-decoration:none;font-size:14px;outline:none;}
/* a:hover{text-decoration:underline} */
a:active{outline:none;}
a img{border:0;}
.clearfix{clear:both}
 body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,b{padding:0;margin:0}
a:focus,input,select,textarea{outline:0}

textarea{resize:none;overflow:auto}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.l{float: left}
.r{float: right;}


.clear{clear: both; height: 0;}

  @media only screen and (min-width: 320px){
    html {
    font-size: 625% !important;
   }
 }
  @media only screen and (min-width: 375px){
    html {
    font-size: 721% !important;
   }
 }
   @media only screen and (min-width: 414px){
    html {
    /*font-size: 796% !important;*/
	font-size: 776% !important;
   }
 }
/*  @media only screen and (min-width: 481px){
    html {
    font-size: 925% !important;
   }
 }
  @media only screen and (min-width: 561px){
   html {
    font-size: 1079% !important;
  }
 }
 
 @media only screen and (min-width: 640px){
   html {
    font-size: 1230% !important;
  }
 }
 */
 

 @font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?kkfp0l');
  src:  url('fonts/icomoon.eot?kkfp0l#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?kkfp0l') format('truetype'),
    url('fonts/icomoon.woff?kkfp0l') format('woff'),
    url('fonts/icomoon.svg?kkfp0l#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  /* speak: none; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon--02:before {
  content: "\e900";
}
.icon--03:before {
  content: "\e901";
}
.icon--04:before {
  content: "\e902";
}
.icon--05:before {
  content: "\e903";
}
.icon--06:before {
  content: "\e904";
}

.noscroll{ height:100vh; overflow:hidden}
.max-box{ max-width: 640px;margin: 0 auto;overflow:hidden}

.head-bj{ width: 100% ; height: .52rem; background-color: #fff ; position: fixed; left: 0; top: 0; z-index: 999;}
.head-box{ width: 92% ; margin: 0 auto ; position: relative;}
.lg-b{width: 46% ; height: .52rem; overflow: hidden;}
.lg-b h1 a img{ width: 100%;max-width: 180px; margin: .12rem 0 0 0 }
.head-box .icon{ font-size: .4rem; color: #aa1111 ; position: absolute;right: 0; top: .06rem}



.hei{ width: 100% ; height: calc(100vh - .52rem);background: url(../images/pit-bj2.png) repeat; position: fixed; left: 0; top: .52rem; z-index: 888; overflow-y: auto; display: none}
.column-box{ width: 42% ;max-height: calc(100vh - .52rem); background: url(../images/nav-bj.png) repeat ; position: fixed; right: 0; top: .52rem;z-index: 999; display: none; overflow-y: auto}
.column-box ul{ width: 72% ; margin: 0 auto; padding: .08rem 0 .11rem 0}
.column-box ul li{ width: 100% ;}
.column-box ul li a{width: 100% ; display: block ; border-bottom: 2px solid #d86767 ; background: url(../images/dx.jpg) no-repeat left center; overflow: hidden;}
.column-box ul li a h3{width: 100% ; height: .4rem; line-height: .4rem; font-size: .16rem ; color: #fff;text-indent: .18rem; overflow: hidden;}
.column-box ul li a:hover h3{ font-weight: bold}
.column-box ul li a.on h3{ font-weight: bold}


.phone-call{ width:96% ; padding: .1rem 2% ;  background: rgba(238, 238, 238, 0.8) ; position: fixed; left: 0; bottom: 0; z-index: 99;}
.phone-call a{ width: calc(50% - .05rem) ; height: .42rem; line-height: .42rem ; background-color: #f1f1f1 ;float: left; font-size: .16rem; color: #982e2e; text-align: center ; border-radius: .03rem;}
.phone-call a:nth-child(2){float: right}
.phone-call a .icon{ font-size: .36rem ; display: inline-block ; position: relative; top: .04rem}
.phone-call a span{font-size: .16rem; color: #982e2e; position: relative; top: -.06rem}
.phone-call a:hover .icon{ color: #fff}
.phone-call a:hover span{ color: #fff}
.phone-call a:hover{ background-color: #982e2e}






@media screen and (min-width: 360px) {

	
}