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

	 
	
}
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?3bj8ol');
  src:  url('fonts/icomoon.eot?3bj8ol#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?3bj8ol') format('truetype'),
    url('fonts/icomoon.woff?3bj8ol') format('woff'),
    url('fonts/icomoon.svg?3bj8ol#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-1-01:before {
  content: "\e900";
}
.icon-1-02:before {
  content: "\e901";
}
.icon-1-03:before {
  content: "\e902";
}
.icon-1-04:before {
  content: "\e903";
}
.icon-1-05:before {
  content: "\e904";
}
.icon-1-06:before {
  content: "\e905";
}
.icon-1-08:before {
  content: "\e907";
}

 

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

.head-bj{ width: 100% ; height: .52rem; background: url(../images/top-bj.jpg) no-repeat; background-size: cover; position: fixed; left: 0; top: 0; border-bottom: 2px solid #0e7cba; z-index: 999;}
.head-box{ width: 95% ; margin: 0 auto ; max-width: 640px; position: relative;}
.lg-b{width: 69% ; height: .52rem; overflow: hidden;}
.lg-b h1 a{ width: 100% ; display: block; padding: .1rem 0 0 0}
.lg-b h1 a .lg{ width: .34rem ; height: auto;float: left; }
.lg-b h1 a .lg1{  width: calc(100% - .41rem);float: left;  position: relative; top: .01rem;margin-left: .07rem; max-width: 318px; }
.head-box .menu{ width: .27rem; height: auto; position: absolute; right: .03rem; top: .15rem}
.lg-b h1 a h4{ height: .34rem;line-height: .34rem; border-left: 2px solid #1755a4; font-size: .2rem; float: left; color: #393939; margin-left: .1rem; padding-left: .12rem; font-weight: bold}
.fan{ width: .14rem;float: left; margin: .13rem 0 0 0}
.cent{ width: calc(100% - .42rem) ; text-align:center;}
.cent .lg{display: inline-block; float: inherit !important }
.cent h4{float: inherit !important;display: inline-block; position: relative; top: -.08rem}
.column-bj{ width: 100% ; height: calc(100vh - .54rem); background: rgba(0, 0, 0, 0.3); position: fixed; left: 0;top: .54rem; z-index: 9999; display: none;}
.column-box{ width: 40% ; background: rgba(30, 135, 197, 0.8);float: right; overflow: hidden;}
.column-box ul{ width: 80%; margin: 0 auto; padding: .14rem 0 .15rem 0}
.column-box ul li{ width: 100%; font-size: 0; text-align: center;}
.column-box ul li a{ width:100%; font-size: .16rem; color: #d4e4f6; border-bottom: 1px solid #5b96c1; padding: .1rem 0 .05rem 0; display: inline-block;}
.column-box ul li a:hover{ color: #fff}
.column-box ul li a.on{ color: #fff}
/* .column-box ul li:last-of-type a{border: none} */



.bottom-box{ width:100%; position:fixed; left:0; bottom:0; background: url(../images/jb.jpg) repeat-x; background-size: 100% auto; z-index: 9999;}
.bottom-box ul{ width:100%; max-width:640px; margin:0 auto;}
.bottom-box ul li{ width:25%; height:0.46rem; float: left; position: relative; text-align:center; padding-top:0.06rem; padding-bottom: 0.02rem}
.bottom-box ul li h4{ width:100%; height:0.14rem; line-height:0.14rem; font-size:0.12rem; color:#a8c5e7;  overflow:hidden; position: absolute; left: 0; bottom: 0.05rem}
.bottom-box ul li .icon{ font-size:0.32rem; color:#a8c5e7; position: relative; top: -.04rem}

.bottom-box ul li a{-webkit-tap-highlight-color:rgba(0,0,0,0); }
.bottom-box ul li.on h4{ color: #fff}
.bottom-box ul li.on .icon{ color: #fff}
.bottom-box ul li:hover h4{ color: #fff}
.bottom-box ul li:hover .icon{ color: #fff}





@media screen and (min-width: 320px) {
  .lg-b h1 a .lg1{ position: relative; top: .03rem;}
	
}
@media screen and (width: 360px) {
  .lg-b h1 a .lg1{ position: relative; top: .01rem;}
	
}





/* 2020.2.19补 */

.hd-bj{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8) ; position: fixed; left: 0;top: 0; z-index: 99999; display: none}
.hd-bj .tc{ width: 100% ; height: 100%;}
.dui{ width: 94% ; background-color: #fff ; margin: 0 auto; border-radius: .03rem; padding-bottom: .15rem; max-height: 80vh; overflow-x: hidden; overflow-y: auto}
.dui .bbt{width: 94% ; margin: 0 auto; border-bottom: 1px solid #eaebec; font-size: .16rem; color: #1d85c5; text-align: center; padding: .15rem 0}
.dui .lyb{ width: 94% ; margin: 0 auto; border-radius: .03rem}
.dui .lyb .ttj{ width: 94% ; padding: 0 3% .05rem 3%; background-color: #f7f8fa; border-radius: .03rem; margin-top: .1rem}
.dui .lyb .ttj .k1{ width: 100%; height: .3rem; border-bottom: 1px solid #e4e4e4; padding: .1rem 0}
.dui .lyb .ttj .k1 h3{ width: 50%; height: .3rem;  font-size: .14rem; color: #646464; background: url(../images/A.png) no-repeat left center; background-size: .3rem auto ;text-indent: .35rem;line-height: .4rem;float: left;}
.dui .lyb .ttj .k1 h4{ width: 50%; height: .3rem;line-height: .4rem; font-size: .14rem; float: right; color: #949595; text-align: right;}
.dui .lyb .ttj .k2{ width: 94%; margin: 0 auto; padding: .1rem 0}
.dui .lyb .ttj .k2 h3{ width: 100%; font-size: .14rem; color: #1755a4; margin-bottom: .1rem}
.dui .lyb .ttj .k2 p{ width: 100%; font-size: .12rem; color: #949595;}

.dui .lyb .ttv{ width: 94% ; padding: 0 3% .05rem 3%; background-color: #c2d9f6; border-radius: .03rem; margin-top: .1rem}
.dui .lyb .ttv .k1{ width: 100%; height: .3rem; border-bottom: 1px solid #e4e4e4; padding: .1rem 0}
.dui .lyb .ttv .k1 h3{ width: 60%; height: .3rem;  font-size: .14rem; color: #646464; background: url(../images/Q.png) no-repeat left center; background-size: .3rem auto ;text-indent: .35rem;line-height: .4rem;float: left;}
.dui .lyb .ttv .k1 h4{ width: 40%; height: .3rem;line-height: .4rem; font-size: .14rem; float: right; color: #949595; text-align: right;}
.dui .lyb .ttv .k2{ width: 94%; margin: 0 auto; padding: .1rem 0}
.dui .lyb .ttv .k2 p{ width: 100%; font-size: .14rem; color: #1755a4;}