*{margin:0;padding:0;}
body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑"; 
	/*font-size:14px;*/ 
	 cursor: default;
	 background-color:#f5f5f5;
  font-size: .14rem;
	 
	
}
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;	font-family:"微软雅黑";  }
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.l{float: left !important}
.r{float: right !important;}


.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;
  }
 }
 */




 

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

.head-bj{ width: 100% ; height: .52rem ; background-color: #fff; z-index: 99; position: fixed; left: 0;top: 0}
.head-box{ width: 92% ; margin: 0 auto; height: 100%; max-width: 640px; position: relative;}
.head_box{ width:94%;height:0.52rem; margin:0 auto; max-width:640px; position: relative;}
.head_box .fh{ position: absolute; left: 0; top: .13rem; font-size: .26rem; color: #fe6905}
.head_box .ct_box a img{ width: 1.1rem; margin-top: .11rem; max-width: 210px}
.head_box .ct_box a .lg1{display: none}
.head_box .menu{ font-size: .2rem; color: #fe6905 ; position: absolute; right: 0; top: .16rem}
.ct_box{ width:calc(100% - .52rem);height:0.52rem; line-height:0.52rem; float: left; margin-left: .22rem; text-align:center;}
.hid1 .fh{display: none}
.hid1 .ct_box{ width:calc(100% - .26rem); text-align: left; margin: 0; text-indent: .06rem}
.hid1 .ct_box a img{ width: 1.1rem; max-width: 220px; margin-top: .11rem;;}
.head_box .gb{ font-size: .2rem; color: #fff ; position: absolute; right: 0; top: .16rem ;display: none}


.color{ background-color: #ff6c00;}
.color .head_box .ct_box a .lg0{display: none}
.color .head_box .ct_box a .lg1{ display: block ;}
.color .head_box .menu{display: none}
.color .head_box .gb{display: block ;}


.lam-bj{ width: 100% ; height: calc(100% - .52rem); background: rgba(0, 0, 0, 0.4) ; position: fixed; left: 0; top: .52rem ; z-index: 99; display: none}
.lam-c{ width: 100%; ;}
.lam{ width: 100% ; background: rgba(255, 255, 255, 0.9) ; padding: .25rem 0 .09rem 0;  overflow: hidden;}
.lam ul{ width: 100% ;}
.lam ul li{ width: 33.3333% ; float: left; margin-bottom: .16rem}
.lam ul li a{ width: 100% ; display: block ; text-align: center ;}
.lam ul li img{ width: .26rem ; height: auto;}
.lam ul li h4{ font-size: .14rem; color: #622208 ; padding-top: .06rem}

.dh-box{ width: 100% ; height: .46rem; background-color: #f4662b ;text-align: center ; overflow: hidden;}
.dh-box .tu{ display: inline-block; width: .3rem; height: .3rem; border: solid 2px #fff ; border-radius:50% ; position: relative; top: .07rem; overflow: hidden; }
.dh-box .tu .icon{ color: #fff ; font-size: .24rem ; margin-top: .03rem}
.dh-box h5{display: inline-block ; font-size: .16rem; color: #fff ; padding-left: .07rem ; position: relative; top: -.03rem }



.bottom_bj{ width:100%; position:fixed; left:0; bottom:0; z-index:66;}
.bottom_box{ width:100%;height:.52rem;  margin:0 auto;max-width:640px;background-color:#fff;}
.bottom_box ul{ width:100%}
.bottom_box ul li{ width:25%; height:.52rem; float: left; text-align:center; position: relative;}
.bottom_box ul li a{ width: 100%; display: block;height:.52rem; overflow: hidden;}
.bottom_box ul li h4{ width:100%; height:0.16rem; line-height:0.16rem; font-size:.12rem; color:#999;  overflow:hidden;  position: absolute; left: 0; bottom: .03rem; }
.bottom_box ul li .icon{ color:#999; font-size:.24rem; display:block; margin-top: .07rem}
.bottom_box ul li.on h4{ color: #ff6c00}
.bottom_box ul li.on .icon{ color: #ff6c00}
/*.bottom_box ul li:hover h4{color: #ff6c00}*/
/*.bottom_box ul li:hover .icon{color: #ff6c00}*/


.fan{ width: .5rem ; height: .5rem; background-color: #fff; background-image: url(../images/zuo.png) ; background-repeat: no-repeat; background-position: center; background-size: .3rem auto; position: fixed; right: 0%; top: 60% ; border-radius:.04rem; -webkit-border-radius:.04rem; -moz-border-radius:.04rem; -ms-border-radius:.04rem; -o-border-radius:.04rem; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); z-index: 9; }




.slideBox{ position:relative; width:100%;  height:auto; margin: .52rem 0 0 0; overflow:hidden;}
.slideBox .hd{ position:absolute; width:100%; height:14px; line-height:14px; bottom:.16rem; right:0; z-index:1; text-align:center;}
.slideBox .hd li{ display:inline-block; width:8px; height:8px; border: solid 1px #7d7d7d; border-radius:50%; text-indent:9999px; overflow:hidden; margin:0 4px; }
.slideBox .hd li.on{ background-color: #ff6c00 ; border: solid 1px #ff6c00 ; width: 10px; height: 10px; position: relative; top: 1px;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; }
.slideBox .bd li img{ width:100%; height: 60vw; max-height: 384px; }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }



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

	
}
@media screen and (width: 360px) {

	
}