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

	 
	
}
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?az9xfj');
  src:  url('fonts/icomoon.eot?az9xfj#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?az9xfj') format('truetype'),
    url('fonts/icomoon.woff?az9xfj') format('woff'),
    url('fonts/icomoon.svg?az9xfj#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;
  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--01:before {
  content: "\e900";
}
.icon--02:before {
  content: "\e901";
}
.icon--03:before {
  content: "\e902";
}
.icon--04:before {
  content: "\e903";
}
.icon--05:before {
  content: "\e904";
}
.icon--06 .path1:before {
  content: "\e905";
  color: rgb(7, 7, 7);
}
.icon--06 .path2:before {
  content: "\e906";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path3:before {
  content: "\e907";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path4:before {
  content: "\e908";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path5:before {
  content: "\e909";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path6:before {
  content: "\e90a";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path7:before {
  content: "\e90b";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path8:before {
  content: "\e90c";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path9:before {
  content: "\e90d";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path10:before {
  content: "\e90e";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path11:before {
  content: "\e90f";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path12:before {
  content: "\e910";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path13:before {
  content: "\e911";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path14:before {
  content: "\e912";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path15:before {
  content: "\e913";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path16:before {
  content: "\e914";
  margin-left: -1.009765625em;
  color: rgb(7, 7, 7);
}
.icon--06 .path17:before {
  content: "\e915";
  margin-left: -1.009765625em;
  color: rgb(0, 0, 0);
}
.icon--06 .path18:before {
  content: "\e916";
  margin-left: -1.009765625em;
  color: rgb(0, 0, 0);
}
.icon--07:before {
  content: "\e917";
}
.icon--08:before {
  content: "\e918";
}
.icon--09:before {
  content: "\e919";
}
.icon--10:before {
  content: "\e91a";
}
.icon--11:before {
  content: "\e91b";
}
.icon--12:before {
  content: "\e91c";
}
.icon--13:before {
  content: "\e91d";
}

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

.head-bj{width:100%; height:0.52rem; background: url(../images/top-bj.jpg) repeat; background-size: cover;  z-index:999; position:fixed; left:0; top:0; background-size:cover;}
.head_b{ width:100%;height:0.52rem;max-width:640px; position:relative }
.head_box{ width:94%;height:0.52rem; margin:0 auto; max-width:640px;}
.head_box .fh{ width:0.12rem; height:0.24rem; float: left; margin-top:0.14rem;}
.head_box .ct_box a img{ width: 70%; margin-top: .08rem; max-width: 200px}
.head_box span{ font-size:0.18rem; color:#fff; position:relative; top:-0.06rem; left:0.02rem}
.head_box .menu{width:0.25rem; height:0.22rem; float:right; margin-top:0.15rem;}
.ct_box{ width:calc(100% - 0.4rem);height:0.52rem; line-height:0.52rem; float: left; text-align:center;}


/*menu*/
.hidde{width:40%; height:calc(100vh - 0.52rem);position:fixed;left:0; top:0.52rem; z-index:999 }
.b_box{ width:100%; height:calc(100vh - 0.52rem); background: rgba(0, 0, 0, 0.2); position:fixed;right:0; top:0.52rem; display:none; z-index:99 } 
.me_b{ width:60%; height:calc(100vh - 1.02rem);  background: rgba(25, 48, 83, 0.8) ;position:absolute;right:0; top:0; z-index:999; overflow: auto;} 
.list{ width: 100%; overflow-y: scroll}
.list ul{ width:80%; margin: 0 auto; }
.list ul li{ width: 100%; border-bottom: 1px solid #7d7d7d; padding: .04rem 0}
.list ul li a{ width: 100%; height: .4rem; line-height: .4rem; display: block; text-indent: .18rem; font-size: .16rem; color: #f9cb95; overflow: hidden;}
.list ul li a:hover{ background-color: #853d42; font-weight: bold}
.list ul li:last-of-type{ border: none}

/*弹出菜单ed*/


.bottom_bj{ width:100%; position:fixed; left:0; bottom:0; z-index: 99;}
.bottom_box{ width:100%;height:.52rem;  margin:0 auto;max-width:640px;background-color:#182c4c;}
.bottom_box ul{ width:100%}
.bottom_box ul li{ width:20%; 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:#f9cb95;  overflow:hidden;  position: absolute; left: 0; bottom: .03rem; }
.bottom_box ul li .icon{  color:#fff; font-size:.22rem; display:block; margin-top: .07rem}

/* .bottom_box ul .hover h4{ }  */
.bottom_box ul li.hover{ background: url(../images/on.jpg) repeat; background-size: cover} 


.tc-bj{ width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.3); position: fixed; left: 0; top: 0; z-index: 9999; display: none}
.tc-bj table{ width: 100% ; height: 100%;}
.tc-bj table .tb-box{ width: 75%; background-color: #fff; border-radius: .04rem; margin: 0 auto; overflow: hidden;}
.tc-bj table .tb-box .qd{ width: 100%; height: .42rem; background-color: #1d3d78; font-size: .16rem; color: #f5c190; border: none;}
.tb-box h3{ width: 100%; text-align: center; font-size: .18rem; color: #1b3357; padding: .12rem 0}
.tb-box img{ width: .46rem; margin: 0 auto; display: block; margin-bottom: .15rem}


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

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

}

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

}

.bottom_bj{ width:100%; position:fixed; left:0; bottom:0; z-index: 99;}
.bottom_box{ width:100%;height:.52rem;  margin:0 auto;max-width:640px;background-color:#182c4c;}
.bottom_box ul{ width:100%}
.bottom_box ul li{ width:20%; 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:#f9cb95;  overflow:hidden;  position: absolute; left: 0; bottom: .03rem; }
.bottom_box ul li .icon{  color:#fff; font-size:.22rem; display:block; margin-top: .07rem}
.bottom_box ul li .pp{ width: .22rem;margin-top: .07rem}
.bottom_box ul li.hover{ background: url(../images/on.jpg) repeat; background-size: cover}