*{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?boorr2');
  src:  url('fonts/icomoon.eot?boorr2#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?boorr2') format('truetype'),
    url('fonts/icomoon.woff?boorr2') format('woff'),
    url('fonts/icomoon.svg?boorr2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[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-uniE900:before {
  content: "\e900";
}
.icon-1:before {
  content: "\e901";
}
.icon-2:before {
  content: "\e902";
}
.icon--1:before {
  content: "\e903";
}
.icon-3:before {
  content: "\e904";
}
.icon-4:before {
  content: "\e905";
}
.icon----:before {
  content: "\e906";
}
.icon----1:before {
  content: "\e907";
}
.icon-5:before {
  content: "\e908";
}
.icon--2:before {
  content: "\e909";
}
.icon-6:before {
  content: "\e90a";
}

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

 .head-bj{width:100%; height:0.52rem; position:fixed; left:0; top:0; z-index:999;background-color:#efefef; }
 .head-box{ width:96%;height:0.52rem; margin:0 auto; max-width:640px; }
 .head-box .lg-box{ width: 40%;float: left;}
 .head-box .lg-box h1 img{ width: 1.26rem ; height: .335rem; margin-top: .0925rem}
 .head-box .pho-box{width: 1.6rem;float: right; text-align: right}
 .head-box .pho-box h5{   height: .14rem; line-height: .14rem ;font-size: .12rem; text-align: left; color: #23385b; margin: .07rem 0 .01rem 0; text-indent: .08rem; text-shadow: 2px 2px #fff;}
 .head-box .pho-box h3{ width: 100%;height: .22rem; line-height: .22rem ; font-size: .2rem; color: #3958a8; font-weight: bold; text-shadow: 2px 2px #fff ; font-family: "Arial Black"}


 
.nav-bj{ width: 100% ; height: .44rem; background: linear-gradient(#38444d, #45515a); margin-top: .52rem}
.nav-bj ul{ width: 100% }
.nav-bj ul li{width: calc(25% - 1px) ; height: .44rem; float: left; overflow: hidden; border-right: 1px solid #efefef}
.nav-bj ul li a{ width: 100% ;text-align: center ; height: .44rem; line-height: .44rem; display: block ; font-size: .16rem; color: #fff ;}
.nav-bj ul li:last-of-type{ border: none}



.ly-bj{ width: 100% ; background-color: #2d3741; margin-bottom: .52rem ;border-bottom: 2px solid #4a525a}
.ly-box{ width: 94%; margin: 0 auto; overflow: hidden;}
.list{ width: 100% ; border-bottom: 1px solid #5e656d; padding: .15rem 0 .01rem 0}
.list ul{width: 100% ;}
.list ul li{ width: 33.33%;float: left; font-size: 0 ; background: url(../images/sj.png) no-repeat; background-position: .04rem center ; background-size: .05rem auto; margin-bottom: .1rem; overflow: hidden;}
.list ul li a{ width:calc(100% - .14rem); height: .21rem; font-size: .16rem; color: #fdfdfd; padding-left: .14rem; display: block; overflow: hidden;}
.dh{ width: 100%; font-size: .16rem; color: #fff; padding: .1rem 0; text-align: center}
/* .dh span{ font-weight: bold} */

.sc-box{ width: 96%; margin: 0 auto;}
.sc-box .btt{ width: calc(50% - .05rem) ; height: .42rem; line-height: .42rem; background-color: #323f4b; font-size: .14rem; color: #8b9298 ; text-indent: .08rem ;float: left; border: none ; font-family: "微软雅黑"}
.float-r{float: right !important}

.tr-box{ width: 100% ; position: relative;}
.tare{ width: calc(100% - .16rem); height: 1rem; padding: .08rem ; margin: .1rem 0 0 0;background-color: #323f4b; font-size: .14rem; color: #8b9298 ;  border: none ; font-family: "微软雅黑"}
.sc-box .btt::-webkit-input-placeholder{color: #8b9298 ; }
.tare::-webkit-input-placeholder{color: #8b9298 ; }
.tj-box{ width: 100%; text-align: right; padding-top: .1rem; padding-bottom: .1rem;}
.tj-box .button{ width: 1rem; height: .3rem; line-height: .3rem; background-color: #0073be; font-size: .14rem;border: none; color: #fff; font-family: "微软雅黑"}

.bottom-box{ width:100%; position:fixed; left:0; bottom:0; background-color:#244a7a; }
.bottom-box ul{ width:100%; max-width:640px; margin:0 auto;}
.bottom-box ul li{ width:25%; height:0.44rem; 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:#fff;  overflow:hidden; position: absolute; left: 0; bottom: 0.04rem}
.bottom-box ul li .icon{ width:0.26rem; height:0.26rem; font-size:0.24rem; margin:0 auto; color:#fff}

/* .bottom-box ul .lp h4{color:#24a25b;}
.bottom-box ul .lp .icon{ color:#24a25b;} */
.bottom-box ul li a{-webkit-tap-highlight-color:rgba(0,0,0,0); }
.bottom-box ul li:nth-child(2) .icon{ font-size: 0.26rem;}
.bottom-box ul li:nth-child(4) .icon{ font-size: 0.26rem;}




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

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

}

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

}