@charset "utf-8";
/* CSS Document */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
ol , ul ,li{list-style:none;}
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
h1 , h2 , h3 , h4 , h5 , h6 {font-size:100%;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
input,textarea {outline: 0;border: 0;}





        textarea {outline: none;}
section.section {margin: 0 2%;font-size: 0.3rem;color: #666;position: relative;}
i , em {font-style: normal;}
.dbimg img {display: block;width: 100%;}
input , select {outline: none;}


header {padding: 0.2rem 2%;height: 1.2rem;position: relative;background: url(/static/image/bg1.png) center no-repeat;
  box-shadow: 0px 2px 14px 0px rgba(4, 0, 0, 0.14);
 
}
header h1 {float: left;width: 45%;}
header h1 a {display: block;height: 1.2rem;text-align: center;}
header h1 img {display: inline-block;vertical-align: middle; width: 90%;}
header h1 em {display: inline-block;vertical-align: middle; width: 0;height: 100%;}
header .l_tit {float: left;margin-left: 0.3rem;}
header .l_tit .p1 {font-size: 0.3rem;color: #333;position: relative;height: 0.5rem;line-height: 0.5rem;margin-top: 0.18rem;}
header .l_tit .p1 a{color: #333;}
header .l_tit .p1 i {display: block;width: 1.75rem;background: url(/static/image/hbg.png) no-repeat center / cover;color: #fff;position: absolute;left: 1.5rem;top: 0;text-align: center;height: 0.5rem;line-height: 0.45rem;}
header .l_tit .p2 {font-size: 0.3rem; color: #999;}
header .l_tit .p1 span{/* font-weight: bold; */position:  relative;top: -0.05rem;}
header .menu {width: 1.6rem;height: 1.6rem;position: absolute;right: 0;top: 0;}
header .menu i {display: block;width: 1.6rem;height: 1.6rem;background: url(/static/image/meau.png) no-repeat center / 60%;}


.inheader {height: 1.6rem;position: relative;}
.inheader .inicon {float: left;width: 1.6rem;background: url(/static/image/inicon01.png) no-repeat center / 50%;border-right: 1px solid #e8e8e8;}
.inheader .inicon a {display: block;height: 1.6rem;}
.inheader .l_tit {float: left;width: 68%;}
.inheader .l_tit a {display: block;height: 1.6rem;text-align: center;}
.inheader .l_tit img {display: inline-block;vertical-align: middle;width: 46%;}
.inheader .l_tit em {display: inline-block;vertical-align: middle; width: 0;height: 100%;}
.inheader .menu {width: 1.6rem;height: 1.6rem;position: absolute;right: 0;top: 0;background: #ccc;}
.inheader .menu i {display: block;width: 1.6rem;height: 1.6rem;background: url(/static/image/menu.png) no-repeat center / 60%;}




.footer ul {position: fixed;left: 0;bottom: 0;width: 100%;z-index: 999;background: #fff;font-size: 0.4rem;
  box-shadow: 0px -2px 7px 0px rgba(0, 0, 0, 0.17);padding: 5px 0;

}
.footer ul{display: flex;flex-direction: row;justify-content: space-around;align-items: center;}
.footer ul li a{display:flex;flex-direction: column;align-items: center;justify-content: center;}
.footer ul li a img{width: 24px;margin-bottom: 5px;}
.footer ul li a p{font-size: 12px;color: #999;}
.footer ul li .on p{color: #203864;}



.Dhhg {display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%; background: #fff;z-index: 999;overflow-y: auto;}
.Dhhg .dhhgTop {background: url(/static/image/bg1.png) center no-repeat;padding: 0.2rem 2%;height: 1.2rem;position: relative;}
.Dhhg .dhhgTop .logo {float: left;width: 45%;}
.Dhhg .dhhgTop .logo a {display: block;height: 1.2rem;text-align: center;}
.Dhhg .dhhgTop .logo img {display: inline-block;vertical-align: middle; width: 90%;}
.Dhhg .dhhgTop .logo em {display: inline-block;vertical-align: middle; width: 0;height: 100%;}
.Dhhg .dhhgTop .Dhmenu {display: block; width: 1.6rem;height: 1.6rem;position: absolute;right: 0;top: 0;}
.Dhhg .dhhgTop .Dhmenu i {display: block;width: 1.4rem;height: 1.4rem;background: url(/static/image/menuclose.png) no-repeat center / 60%;}
.Dhhg ul li {text-indent: 1.3rem;font-size: 0.4rem;position: relative;}
.Dhhg ul li a.lia {display: block;height: 1.4rem;line-height: 1.4rem; color: #333;transition: all 0.4s;position: relative;border-bottom: #f0f0f0 1px solid;}
.Dhhg ul li a.on{display: block;height: 1.4rem;line-height: 1.4rem; color: #333;background: url(/static/image/dhhgjt.png) no-repeat 90% center / 3%;transition: all 0.4s;position: relative;}
.Dhhg ul li .xl {display: block;width: 2.4rem;height: 1.4rem;position: absolute;right: 0;top: 0;}
.Dhhg ul li .navbox {display: none; background: #fff;padding: 0.3rem 0;}
.Dhhg ul li .navbox .navp {height: 1rem;margin-bottom: 0.15rem;}
.Dhhg ul li .navbox .navp a {display: block;height: 1rem;line-height: 1rem;color: #333}


.Dhhg ul li.on .lia {background: url(/static/image/dhhgjt02.png) no-repeat 90% center / 5%;}

.Dhhg .dlzc {padding-top: 0.6rem;border-top: 1px solid #ccc;}
.Dhhg .dlzc .dl {float: left;margin-left: 1.3rem;height: 0.9rem;line-height: 0.9rem;width: 2rem;text-align: center; background: #fff;color: #ccc;border: 1px solid #fff;}
.Dhhg .dlzc .zc {float: left;margin-left: 0.5rem;height: 0.9rem;line-height: 0.9rem;width: 2rem;text-align: center; background: #ccc;color: #fff;border: 1px solid #fff;}
/* back to top */
#back-to-top{
  display: block;
  position: fixed;
  right:10px;
  bottom:0px;
  background:rgba(32,56,100,0.8);
  width:40px;
  height: 40px;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  filter:alpha(opcity=0);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
#back-to-top.show{
  bottom:80px;
  visibility: visible;
  opacity: 1;
  filter:alpha(opacity=100);
}
#back-to-top a{
  display: block;
  position: relative;
  width:40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  font-size: 20px;
  color:#fff;
  overflow: hidden;
}
#back-to-top a i{
  position: relative;
  top:0px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
#back-to-top a:hover i{
  top:-5px;
}