﻿*{margin:0;padding:0;}
body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑"; 
	/*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%; height:.52rem;background-color: #f2f7fd; position:fixed; left:0; top:0;z-index:19;  box-shadow: 0 0 .08rem .03rem rgba(0, 0, 0, 0.07) }
.head-c{ width:92%;margin: 0 auto; height:.52rem;max-width:640px; position:relative }
.head-c .lgbox{ width: 45%; height: .52rem;display: flex; align-items: center; justify-content: left; }
.head-c .lgbox img{ width: 1.15rem ; height: auto;}
.head-c .menubox{ width: .26rem; height: .52rem ;display: flex; align-items: center; justify-content: center; position: absolute; right: 0;top: 0;}
.head-c .menubox .icon{font-size: .26rem; color: #333 ;}
.head-c .searchbox{ width: .26rem; height: .52rem ;display: flex; align-items: center; justify-content: center; position: absolute; right: .48rem;top: 0;}
.head-c .searchbox .icon{font-size: .24rem; color: #333;}
.head-c .menubox .guanbi{font-size: .18rem ;display: none}


.hedbox{width:92%; height:.52rem; padding: 0 4%; position: relative;}
.hedbox .lgbox{ width: 45%; height: .52rem;display: flex; align-items: center; justify-content: left; }
.hedbox .lgbox img{ width: 1.15rem ; height: auto;}
.hedbox .searchbox{ width: .26rem; height: .52rem ;display: flex; align-items: center; justify-content: center; position: absolute; right: 4%;top: 0;}
.hedbox .guanbi{font-size: .18rem ; }
/* 栏目 */
.gb{ width: .2rem; height: auto ;  margin: .2rem 0 .3rem 85%}
.list{width:100%; background-color: #fff; position: fixed; left: 0; top:0; z-index: 19;max-height: 100%;
   overflow-y: auto ;display: none}
.list ul{ width: 92% ; margin: 0 auto; padding-bottom: .2rem}
.list>ul>li{ width: 100% ;border-bottom:solid 1px #b8b8b8;  }
.list ul li a{color: #333; font-size:.16rem; display: block; line-height: .44rem; position: relative;}
.list>ul>li>a{ width: 90% ; padding: 0 10% 0 0 ;text-indent: .05rem}
.list ul li .inactives a{ color: #fff ;}
.list ul li ul li a{ font-size: .15rem;}
.list ul li .inactive{    background: url(../images/no.png) no-repeat ;
  background-position: 100% center ;background-size: .07rem auto; }
.list ul li .inactives{ background-image: url(../images/no.png) ;background-position: 100% center ;
 background-size: .07rem auto ; background-repeat: no-repeat;} 
.list ul li ul{display: none; width: 100% ;  }
.list ul li ul li { width: 90%; padding:0 0 0 10%;  line-height: .44rem;background-color: #fff }
.list ul li ul li a{ border: none ;color: #555}
.list ul li ul li ul li a{ width: 90%;display: block; height: auto; line-height: .22rem; background: none !important ;border: none !important ; font-size: .12rem !important; margin: .07rem 0}
.list ul li .cor{font-weight: bold }
.list ul li ul li ul li a:hover{ font-weight: bold }
.list ul li:last-of-type{ border: none}
.heibg{ width: 100% ; height: calc(100% - .52rem); background: rgba(0, 0, 0, 0.5);  position: fixed; left: 0; top: .52rem; z-index: 18; display: none}
.list ul li ul li ul li{ background: none ; padding-bottom: .05rem }
.list ul li.style>.inactive{ background-image: url(../images/no2.png) ;background-position: 100% center ;
  background-size: .07rem auto ; background-repeat: no-repeat; font-weight: bold}
.list ul li ul li.ej .inactive{background-image: url(../images/no.png) ;background-position: 100% center ;
  background-size: .07rem auto ; background-repeat: no-repeat;}
.list ul li ul li.ej .style2{background-image: url(../images/no2.png) ;background-position: 100% center ;
    background-size: .07rem auto ; background-repeat: no-repeat; font-weight: bold}
.list ul li:last-child a{border: none}


.searchbg{ width: 100%; height: 100vh ; background: rgba(0, 0, 0, 0.3); position: fixed; left: 0;top: 0;z-index: 20;display: none; overflow: hidden;}
.searchbg .searbox{ width: 100% ; height: .52rem;background-color: #fff; position: relative;}
.searchbg .searbox .ipt{ width: calc(96% - .5rem); padding-left: 4% ; height: .52rem;line-height: .52rem;font-size: .14rem; color: #333;}
.searchbg .searbox .submit{ width: .5rem; height: .52rem; background: url(../images/icon1.png) no-repeat center center; background-size: .16rem auto; position: absolute; right: 0;top: 0}
.searchbg .gbbox{width: 100%;text-align: center ;padding: .3rem 0 0 0}
.searchbg .gbbox a{color: #fff;font-size: .2rem;}

.pc-bj{ width: 100%; position: fixed; left: 0; bottom: 0 ; z-index: 9; display: none}
.pc-box{ width: 82%; height: .4rem;background: rgba(255, 255, 255, 0.95)  ; margin: 0 auto; border-radius:.4rem ; -webkit-border-radius:.4rem ; -moz-border-radius:.4rem ; -ms-border-radius:.4rem ; -o-border-radius:.4rem ;box-shadow: rgba(0, 0, 0, 0.04) 0 0 .03rem .01rem; overflow: hidden; }
.pc-box a{ width: calc(33.333333% - 1px) ; height: .4rem;text-align: center; line-height: .4rem; float: left;display: flex; align-items: center; justify-content: center; border-right: 1px solid #dedede}
.pc-box a:last-child{border: none}
.pc-box a span{ font-size: .2rem; line-height: .4rem; color: #fff}
.pc-box a img{ width: .16rem;}
.wx-dw{ width: .4rem;position: fixed; right: 4%; top: 50%}
.pc-box a:nth-child(3) img{ width: .23rem}
.ewm-bj{ width: 100%; height: 100vh ;background: rgba(0, 0, 0, 0.5) ;position: fixed; left: 0;top: 0; z-index: 19; display: none}
.ewm-boc{ width: 1.1rem; height: 1.2rem; background-color: #fff ; text-align: center; border-radius:.06rem; position: fixed; right: 8% ; bottom: .6rem; z-index: 100; -webkit-border-radius:.06rem; -moz-border-radius:.06rem; -ms-border-radius:.06rem; -o-border-radius:.06rem; display: none}
.ewm-boc img{ width: .86rem; height: .86rem;margin: .07rem 0 .01rem 0}
.ewm-boc h4{font-size: .1rem; color: #959595}
.sj{width: 0;height: 0;border-left: .05rem solid transparent;border-right: .05rem solid transparent;border-top: .1rem solid #fff; position: absolute; left: 50%; bottom: -.09rem ;margin-left: -.05rem}

.footbg{ width: 100% ; background: url(../images/footbg.jpg) no-repeat ;background-size: cover ; position: relative; overflow: hidden;}
.footbg .footer-top{ width: 92% ; padding: 0 4%; border-bottom:1px solid rgba(255, 255, 255, 0.3) ;}
.footbg .footer-top .lgbox{ width: 100%; height: .52rem; display: flex; align-items: center; justify-content: left; }
.footbg .footer-top .lgbox img{ width: 1.15rem ; height: auto;}
.footbg .footer-txt{ width: calc(96% - .9rem); padding: .1rem 0 .25rem 4% ;}
.footbg .footer-txt .dhbox{ width: 100% ;margin: .07rem 0 0 0; overflow: hidden;}
.footbg .footer-txt .dhbox img{ width: .1rem; float: left;position: relative; top: .026rem}
.footbg .footer-txt .dhbox h5{width: calc(100% - .16rem);float: right; font-size: .12rem; color: #fff}
.footbg .footer-txt .dhbox:nth-child(3) img{top: .06rem}
.footbg .footer-txt .dhbox .bold{font-weight: bold;font-size: .14rem}
.footbg .ewm005{ width: .7rem; height: .7rem; position: absolute; right: 4%;top: .7rem}
.copybg{width: 92%; padding: .1rem 4%;background-color: #052a52 ;text-align: center; font-size: .1rem; color: #fff ; line-height: .2rem;}
.copybg a{ font-size: .1rem; color: #fff ; }


.padb45{padding-bottom: .45rem;}





@media screen and (min-width: 375px) {
  
}
@media screen and (width: 360px) {

	
}




