﻿*{margin:0;padding:0;}
body 
{   
    margin:0;
    padding:0;
	font-family:"Arial"; 
	/*font-size:14px;*/ 
	 cursor: default;
	 background-color:#fff;
  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}
a{-webkit-tap-highlight-color:transparent;}
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;}
input{border: none ; background: none;font-family:"微软雅黑"; }
i{font-style: normal}
.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;}


.show{display: block }
.mgb10{margin-bottom: .1rem !important; }
.mgb11{margin-bottom: .11rem !important; }
.mgb12{margin-bottom: .12rem !important; }
.mgb13{margin-bottom: .13rem !important; }
.mgb14{margin-bottom: .14rem !important; }
.mgb15{margin-bottom: .15rem !important; }
.mgb16{margin-bottom: .16rem !important; }
.mgb17{margin-bottom: .17rem !important; }
.mgb18{margin-bottom: .18rem !important; }
.mgb19{margin-bottom: .19rem !important; }
.mgb20{margin-bottom: .2rem !important; }

.mgt10{margin-top: .1rem !important; }
.mgt11{margin-top: .11rem !important; }
.mgt12{margin-top: .12rem !important; }
.mgt13{margin-top: .13rem !important; }
.mgt14{margin-top: .14rem !important; }
.mgt15{margin-top: .15rem !important; }
.mgt16{margin-top: .16rem !important; }
.mgt17{margin-top: .17rem !important; }
.mgt18{margin-top: .18rem !important; }
.mgt19{margin-top: .19rem !important; }
.mgt20{margin-top: .2rem !important; }
.mgb7{margin-bottom: .7rem !important}
.mgb6{margin-bottom: .6rem !important}

.widt10{ width: 100% !important}
.widt9{ width: 90% !important}
.widt8{ width: 80% !important}
.widt7{ width: 70% !important}
.widt6{ width: 60% !important}
.widt5{ width: 50% !important}
.widt4{ width: 40% !important}
.widt3{ width: 30% !important}
.widt4{ width: 20% !important}

.border-no{border: none !important}
.bg-no{ background: none !important}
.txt-r{text-align: right !important}
.width85{ width: calc(100% - .85rem) !important; }
.txt-l{text-align: left !important}

.font-w{font-weight: bold !important}
.pad0{ padding: 0 !important}
.mgb7{margin-bottom: .7rem !important}

.head-bj{ width: 100% ; position: relative;}
.top-bj{ width: 92% ; height: .46rem ; background: rgba(255, 255, 255, 0.7) ; position: absolute; left: 4%; top: .14rem; z-index: 11; border-radius:.06rem  ; -webkit-border-radius:.06rem  ; -moz-border-radius:.06rem  ; -ms-border-radius:.06rem  ; -o-border-radius:.06rem  ; }
.top-c{width: 91%;margin: 0 auto;  height: .46rem ; position: relative;}
.top-c .lg{float: left;padding: .11rem 0 0 0}
.top-c .lg .logo{ width: .68rem}
.top-c .menu{width: .3rem;height: .25rem;font-size: .24rem;color: #222; text-align: right; position: absolute; right: 0;top: .11rem ;}
.top-c .seac{font-size: .24rem;color: #222; position: absolute; right: .4rem;top: .1rem ; }

.seac-bj{width: 100% ;height: 100vh; background: rgba(0, 0, 0, 0.3) ;position: fixed; left: 0; top: 0; z-index: 11; display: none}
.seac-bj .scb{ width: 92% ; height: .44rem ; background-color: #fff ;margin: 0 auto;margin-top: .67rem; border-radius:.06rem; -webkit-border-radius:.06rem; -moz-border-radius:.06rem; -ms-border-radius:.06rem; -o-border-radius:.06rem; position: relative;}
.seac-bj .scb .ipt{ width: calc(100% - .5rem) ;height: .44rem ; line-height: .44rem ;font-size: .14rem; color: #222 ;text-indent: .15rem;}
.seac-bj .scb .button{ width: .46rem; height: .44rem ;background: url(../images/sec.png) no-repeat center center; background-size: .17rem auto; position: absolute; right: 0;top: 0}
.pop-up-bj{width: 100% ;height: 100vh; background-color: #05144c ; position: fixed; left: 0;top: 0;z-index: 11; overflow-x: hidden ; overflow-y: auto; display: none}
.pop-up-bj .hdt{width: 84%;margin: 0 auto; position: relative; padding: .25rem 0 0 0; overflow: hidden;}
.pop-up-bj .hdt .lgg{width: .68rem; height: auto;}
.pop-up-bj .hdt .gb{ width: .17rem;position: absolute; right: .03rem;top: .29rem}

.lam{ width: 100% ;padding: .6rem 0 0 0}
.lam ul{ width:82%; margin: 0 auto}
.lam ul li{ width: 100% ; background: url(../images/rt.png) no-repeat right center; background-size: .07rem auto ;margin-bottom: .14rem ;}
.lam ul li a{ width: calc(100% - .3rem); line-height: .24rem ; font-size: .14rem; color: #fff ; text-transform: uppercase ;padding-left: .18rem;display: block ;word-break:break-all;}



.service-bj{ width: 100% ; background-color: #c21c00 ;}
.service-c{ width: 84%;margin: 0 auto; padding: .2rem 0 .2rem 0 ;overflow: hidden;}
.service-c h3{ width: 100% ;text-align: center ;font-size: .12rem; color: #fff ;font-weight: bold ;text-transform: uppercase} 
.anu-box{width: 100% ;text-align: center ;padding: .1rem 0 0 0}
.anu-box a{ width: .86rem; border: solid 1px #fff ;background-color: #fff; height: .22rem; line-height: .22rem; display: inline-block ; text-align: center; border-radius:.22rem ; -webkit-border-radius:.22rem ; -moz-border-radius:.22rem ; -ms-border-radius:.22rem ; -o-border-radius:.22rem ;margin: 0 .06rem}
.anu-box a i{line-height: .22rem; display: inline-block ; font-size: .12rem; color: #001f94 ;   background: url(../images/qw.png) no-repeat right center; background-size: .11rem auto;padding-right: .16rem}

.footer-bj{ width: 100% ; background-color: #05144c ;}
.footer-c{ width: 84%;margin: 0 auto; padding: .2rem 0 .2rem 0 ;overflow: hidden;}
.lxdz{ width: 100% ;margin-bottom: .14rem ; overflow: hidden;}
.lxdz img{width: .2rem; float: left;}
.lxdz .lr{width: calc(100% - .3rem); float: right;}
.lxdz .lr h4{ font-weight: bold; font-size: .12rem; color: #fff; text-transform: uppercase ; margin-bottom: .06rem; }
.lxdz .lr h5{ line-height: .16rem; font-size: .1rem; color: #fff; opacity: 0.68;word-break:break-all; }

.icobj{width: 100% ; padding: .07rem 0 .05rem 0; position: relative; overflow: hidden;}
.icobj img{float: left; width: .11rem;margin-right: .1rem}
.icobj .blg{ width: .36rem ;float: right ;margin: 0}

.up-box{ width: .34rem ; height: .34rem ;text-align: center ; background-color: #05144c ; border-radius:.05rem ; -webkit-border-radius:.05rem ; -moz-border-radius:.05rem ; -ms-border-radius:.05rem ; -o-border-radius:.05rem ;position: fixed; right: .1rem; bottom:48% ;z-index: 20;display: none }
.up-box img{ width: .16rem;margin-top: .11rem}
.copy-bj{width: 84%; padding: .1rem 8% ; background-color: #001b80 ;font-size: .1rem;  color: rgba(255, 255, 255, 0.4) ;text-align: center}
.copy-bj a{color: rgba(255, 255, 255, 0.4);font-size: .1rem; }




@media screen and (min-width: 375px) {
  
}
@media screen and (width: 360px) {

	
}

.top-c .cn_zw{ height: .46rem;line-height: .44rem; color: #222; font-size: .18rem ;text-transform: uppercase; position: absolute; right: .8rem ; top: 0}
.top-c .cn_zw a{ color: #222; font-size: .18rem ;}



