*{ margin: 0; padding: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,figure,menu,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { width: 6.4rem; margin: 0 auto; background:#fff; color:#000;font-family:"Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#000; text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,figcaption,menu{display:block} 
table{border-collapse:collapse;border-spacing:0;}

/*commonality*/


.img { width: 100%; height: auto; display: block;}
.clear{ clear:both;}


.top{ width:100%; height:50px; line-height:50px; background:#0081cc; overflow:hidden;}
.top .logo{ float:left; margin:8px 0 0 10px;}
.top .logo img{ display:block; width:255px; height:auto;}
.top .top_tel{ float:right; margin:10px 10px 0 0;}
.top .top_tel img{ display:block; width:28px; height:auto;}


.banner{ width:6.4rem; height:auto; overflow:hidden;}
.banner img{ width:100%; height:auto; display:block;}




.ad{ width:6.4rem; height:auto; overflow:hidden;}
.ad img{ width:100%; height:auto; display:block;}

.con1{ width: 6.4rem;height:auto; overflow:hidden; background: #f3f8fa;}
.con1 ul{ width: 6rem;height:auto; overflow:hidden; background:#fff;}
.con1 ul li{width:2.7rem;height:3.1rem; overflow:hidden; padding: 0 0.03rem 0 0.19rem; float: left;}
.con1 ul li img{width:2.7rem;height:1.67rem; display: block; padding-bottom: 0.08rem;}
.con1 ul li strong{ font-size: .24rem; height: 0.4rem; font-weight: bold;line-height: 0.4rem;  display: block; text-align: center;  color: #f46c08;}
.con1 ul li p { color: #333; font-size: .21rem; line-height: .28rem; text-align: center;}



.shrq{ width: 6.4rem;height:auto; overflow:hidden; background: #eef9ff;}
.shrq ul{ width: 5.82rem; padding:.23rem 0 .15rem .18rem; margin: 0 auto; background: #fff; height: auto; overflow: hidden;}
.shrq ul li{ width: 1.8rem; height:2.31rem; background:#f4f4f4 ; float: left;  margin:0 0.1rem 0.12rem 0;}
.shrq ul li img{ width: 1.8rem; height:1.10rem; display: block; padding-bottom: 0.1rem;}
.shrq ul li strong{ font-size:.21rem; font-weight: normal; color: #222; line-height: .32rem; display: block; text-align: center;}
.shrq ul li p{ font-size: .19rem; color: #4c4c4c; text-align: center; line-height:.29rem;}


.shrq ul li:nth-child(4),.shrq ul li:nth-child(5){ width:2.75rem; height:1.64rem}
.shrq ul li:nth-child(4) img,.shrq ul li:nth-child(5) img{ width:1.4rem; height: 1.64rem; float: left; margin: 0 0;}
.shrq ul li:nth-child(4) strong,.shrq ul li:nth-child(5) strong{ padding-top: 0.18rem;}



.ldaqtx{ width: 6.4rem; height:2.39rem; overflow: hidden;}
.ldaqtx ul{ width:5.78rem; padding:.22rem 0 0 .22rem;  background: #f0f6fb; height: auto; overflow: hidden; margin: 0 auto;}
.ldaqtx ul li{ width: 1.92rem; height:1.15rem; float: left;}
.ldaqtx ul li img{ width: .8rem; height: .8rem; margin-right: 0.06rem; float: left;}
.ldaqtx ul li p{ font-size: .2rem; padding-top: 0.1rem; color: #4673a8; line-height: .29rem;}




.wsyy{ width: 6.4rem; height: auto; overflow: hidden; background: #f3f8fa; padding-top: 0.2rem;}
.wsyy ul{ padding:0rem 0 .2rem  0.7rem;}
.wsyy ul li{ width:5.02rem; height:.74rem; background:#fff; border:0.01rem solid #1e78bd;border-radius:0.05rem; margin-bottom:0.22rem; line-height:.74rem;}
.wsyy ul li em{ float:left; padding-left:.28rem; font-size: 0.22rem; color: #404040;}
.wsyy ul li input{ float:left; width:3.92rem; height:.74rem; line-height:.59rem; background:none; border:none; font-size:.22rem; color:#262626;}
.wsyy ul li.ic1{ width:5.02rem; height:.74rem;margin-top:.03rem;background:#004aa2;border:0.01rem solid #004aa2;border-radius:0.05rem; }
.wsyy ul li.ic1 input{ width:5.02rem; height:.74rem; font-size: .26rem; cursor:pointer; color: #fff;font-family:"Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
.wsyy ul li select{width:3.92rem; height:.74rem; float: left; border: none;font-size: 0.22rem;}




	
footer{ width:100%; height:auto; padding-bottom:60px;}
footer ul{ height:45px; line-height:45px; padding:0 20px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; background:#F5F5F5; border-bottom:1px solid #DDD; border-top:1px solid #DDD;}
footer ul li{ -webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; white-space:nowrap; font-size:15px; text-align:center;}	
footer p{ font-size:14px; line-height:26px; padding:15px 10px; color:#888;}




.checkme{ width:100%; height:auto; position:fixed; z-index:999; left:0; bottom:0;}
.checkwrap{ width:100%; height:auto; position:relative;}
.checkme img{ width:100%; height:auto; display:block;}
.checkme a{ height:70px; display:block; position:absolute; z-index:10000;}
.checkme a.a1{ width:20%; left:0; top:30%;}
.checkme a.a2{ width:20%; left:20%; top:30%;}
.checkme a.a3{ width:20%; left:40%; top:10%;}
.checkme a.a4{ width:20%; left:60%; top:30%;}
.checkme a.a5{ width:20%; left:80%; top:30%;}






/*placeholder css*/
::-moz-placeholder{ font-family: "Microsoft YaHei"}              
::-webkit-input-placeholder{ font-family: "Microsoft YaHei"}    
:-ms-input-placeholder{ font-family: "Microsoft YaHei"}




.mainbav a:nth-child(3) div span i#num { width: .28rem; height: .28rem; background: red; position: absolute; font-size: 12px; text-align: center; line-height: .28rem; color: #FFFFFF; border-radius: 50%; top: .16rem; right: .1rem; animation:myflicker 1s infinite;
	-webkit-animation:myflicker 1s infinite; /* Safari and Chrome */ }

@media screen and (max-width: 325px) {
	footer dl dd p { font-size: 12px;}
	.mainbav a p { text-align: center; font-size: 12px; }
}



@keyframes shadowBackground
{
  0% { -moz-box-shadow:0px 0px 8px #8dd5fe; -webkit-box-shadow:0px 0px 8px #8dd5fe; box-shadow:0px 0px 8px #8dd5fe;}
  50% { -moz-box-shadow:0px 0px 15px #afe0fc; -webkit-box-shadow:0px 0px 15px #afe0fc; box-shadow:0px 0px 15px #afe0fc;}
  100% { -moz-box-shadow:0px 0px 8px #8dd5fe; -webkit-box-shadow:0px 0px 8px #8dd5fe; box-shadow:0px 0px 8px #8dd5fe;}
}
@-webkit-keyframes shadowBackground /* Safari and Chrome */
{
  0% { -moz-box-shadow:0px 0px 8px #8dd5fe; -webkit-box-shadow:0px 0px 8px #8dd5fe; box-shadow:0px 0px 8px #8dd5fe;}
  50% { -moz-box-shadow:0px 0px 15px #afe0fc; -webkit-box-shadow:0px 0px 15px #afe0fc; box-shadow:0px 0px 15px #afe0fc;}
  100% { -moz-box-shadow:0px 0px 8px #8dd5fe; -webkit-box-shadow:0px 0px 8px #8dd5fe; box-shadow:0px 0px 8px #8dd5fe;}
}

@keyframes myflicker
{
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes myflicker /* Firefox */
{
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes myflicker /* Safari and Chrome */
{
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes myflicker /* Opera */
{
from {opacity:1;}
to {opacity:0;}
}
