﻿*{margin:0;padding:0;}
body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑"; 
	/*font-size:14px;*/ 
	 cursor: default;
	 background-color:#dfdfdf;

	 
	
}
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;}
html,body{-webkit-overflow-scrolling: touch;}

.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?pwtwpx');
  src:  url('fonts/icomoon.eot?pwtwpx#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?pwtwpx') format('truetype'),
    url('fonts/icomoon.woff?pwtwpx') format('woff'),
    url('fonts/icomoon.svg?pwtwpx#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-uniE900 .path1:before {
  content: "\e900";
  color: rgb(71, 71, 71);
}
.icon-uniE900 .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(27, 105, 253);
}
.icon-1:before {
  content: "\e902";
}
.icon-2 .path1:before {
  content: "\e903";
  color: rgb(166, 197, 246);
}
.icon-2 .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(78, 140, 238);
}
.icon--08:before {
  content: "\e905";
}
.icon--09:before {
  content: "\e906";
}
.icon--10:before {
  content: "\e907";
}
.icon--12:before {
  content: "\e908";
}
.icon--13:before {
  content: "\e909";
}
.icon-3:before {
  content: "\e90a";
  color: #1f88d9;
}
.icon-4:before {
  content: "\e90b";
  color: #979797;
}


 
 
.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/head-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; position: relative;}
.head_box .fh{ position: absolute; left: 0; top: .13rem; font-size: .26rem; color: #fff}
.head_box .ct_box a img{ width: 90%; margin-top: .14rem; max-width: 210px}
.head_box .menu{ font-size: .26rem; color: #fff ; position: absolute; right: 0; top: .13rem}
.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{ max-width: 220px;margin-top: .12rem;;}

/*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; z-index:99 ;display: none} 
.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;} 
.me_b .list{ width: 100%; overflow-y: scroll}
.me_b .list ul{ width:80%; margin: 0 auto; }
.me_b .list ul li{ width: 100%; border-bottom: 1px solid #a3b9d8; padding: .04rem 0}
.me_b .list ul li a{ width: 100%; height: .4rem; line-height: .4rem; display: block;text-align: center; font-size: .16rem; color: #fff; overflow: hidden;}
.me_b .list ul li a:hover{ background-color: #853d42; font-weight: bold}
.me_b .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: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:#fff;  overflow:hidden;  position: absolute; left: 0; bottom: .03rem; }
.bottom_box ul li .icon{  color:#fff; font-size:.24rem; display:block; margin-top: .07rem}
/* .bottom_box ul li.hover{ background: url(../images/on.jpg) repeat; background-size: cover}  */
.bottom_box ul li:nth-child(3) .icon{ font-size: .26rem ; position: relative; top: -.01rem}


@media screen and (min-width: 360px) {

	
}
@media screen and (min-width: 375px) {

}

@media screen and (min-width: 375px) {

}


/* 2020.7.22栏目增加下拉 放在公用css最后*/

.me_b .list ul li .xl-bj{ width: 100% ; background: rgba(153, 176, 207, 0.8) ; padding: .05rem 0 ; margin: .03rem 0 0 0 ;display: none}
.me_b .list ul li .xl-bj a{ width: 100%; height: .3rem; line-height: .3rem; display: block;text-align: center; font-size: .16rem; font-size: .14rem; color: #182c4c ; overflow: hidden;}
.me_b .list ul li .xl-bj a:hover{ background: none ; color: #182c4c ; font-weight: bold}



