*{ 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} 
/*commonality*/
.blank { width: 100%; height:20px; clear:both;}
.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:9px 0 0 10px;}
.top .logo img{ display:block; width:260px; height:auto;}
.top .top_tel{ float:right; margin:10px 10px 0 0;}
.top .top_tel img{ display:block; width:28px; height:auto;}


.topimg{ width:6.4rem; height:auto;}
.topimg img{ width:100%; height:auto; display:block;}

.vedio{ width:5.92rem; height:3.33rem; background:url(../img/sp_1.jpg) repeat-y; background-size:6.4rem 3.34rem; padding-left:.48rem; padding-top:.01rem;}
.vdc{ width:5.24rem; height:2.71rem; padding-left:.09rem; padding-top:.09rem; position:relative;}
.vdc video{ width:5.24rem; height:2.71rem; display:block;}
.vdc img{ width:1.41rem; height:1.13rem; display:block; position:absolute; left:0; top:0;}

.txt{ width:5.24rem; height:1.02rem; background:url(../img/bg.png) repeat-y; background-size:6.4rem 1.22rem; font-size:.2rem; line-height:.32rem; padding:.2rem .58rem 0; text-align:justify;}

.onlink{ width:6.4rem; height:auto; position:relative;}
.onlink img{ width:100%; height:auto; display:block;}
.onlink a{ width:2.39rem; height:.42rem; display:block; position:absolute; left:1.08rem; top:2.21rem;}

.txt2{ width:5.16rem; height:1.3rem; background:url(../img/bg.png) repeat-y; background-size:6.4rem 1.5rem; font-size:.2rem; line-height:.32rem; padding-top:.3rem; padding-left:.66rem; padding-right:.58rem;}
.txt2 p{ width:4.8rem; height:auto; border-left:1px solid #a3c9f5; padding-left:.35rem; position:relative;}
.txt2 p img{ width:.16rem; height:.16rem; display:block; position:absolute; left:-.08rem; top:.05rem;}
.txt3{ height:1.62rem;}

.eyetxt{ width:5.24rem; height:1.04rem; background:url(../img/bg.png) repeat-y; background-size:6.4rem 1.04rem; font-size:.2rem; line-height:.32rem; padding:0 .58rem;}
.eyetxt p{ width:4.68rem; height:.84rem; background:#ebf1f6; padding:.2rem .28rem 0; color:#3c6891; text-align:justify;}

.eyetxt2{ height:1.38rem;}
.eyetxt2 p{ height:1.18rem;}

.blank_30{ width:6.4rem; height:.3rem; background:url(../img/bg.png) repeat-y; background-size:6.4rem .3rem;}

.case_tit{ width:5.82rem; height:.55rem; background:url(../img/bg.png) repeat-y; background-size:6.4rem .55rem; padding-left:.58rem;}
.case_tit ul li{ width:1.73rem; height:.55rem; float:left; display:inline; margin-right:.02rem; background:#efefef; text-align:center; font-size:.22rem; line-height:.55rem; color:#666;}
.case_tit ul li.hover{ background:#54a4f0; color:#fff;}

.case_con{ width:5.82rem; height:4.76rem; background:url(../img/bg.png) repeat-y; background-size:6.4rem 5.03rem; padding-left:.58rem; padding-top:.27rem;}
.case_con dl{ width:4.76rem; height:auto; background:url(../img/bg2.png) no-repeat 0 .04rem; padding-left:.48rem;}
.case_con dl dt{ font-size:.22rem; height:auto; line-height:.3rem;}
.case_con dl dd{ width:4.76rem; height:auto; overflow:hidden;}
.case_con dl dd.pic{ position:relative; height:2.46rem; margin-top:.25rem;}
.case_con dl dd.pic img.img1{ width:2.71rem; height:2.46rem; position:absolute; left:-3.77rem; top:0;}
.case_con dl dd.pic img.img2{ width:2rem; height:1.34rem; position:absolute; right:-2.58rem; top:0;}
.case_con dl dd.pic img.img3{ width:2rem; height:1.07rem; position:absolute; right:-2.58rem; top:1.39rem;}

.case_con dl dd.pic img.img4{ width:2.71rem; height:2.46rem; position:absolute; left:-3.77rem; top:0;}
.case_con dl dd.pic img.img5{ width:2rem; height:1.34rem; position:absolute; right:-2.58rem; top:0;}
.case_con dl dd.pic img.img6{ width:2rem; height:1.07rem; position:absolute; right:-2.58rem; top:1.39rem;}

.case_con dl dd.pic img.img7{ width:2.71rem; height:2.46rem; position:absolute; left:-3.77rem; top:0;}
.case_con dl dd.pic img.img8{ width:2rem; height:1.34rem; position:absolute; right:-2.58rem; top:0;}
.case_con dl dd.pic img.img9{ width:2rem; height:1.07rem; position:absolute; right:-2.58rem; top:1.39rem;}

.case_con dl dd.info{ font-size:.2rem; line-height:.32rem; text-align:justify; margin-top:.15rem; padding-bottom:.1rem;}



footer{ width:100%; height:auto; padding-bottom:100px;}
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%;}



.jia { background: #ebe8e3; overflow: hidden; }

.red { color: red; font-style: normal;}
.blue { color: #3e94e7;}
.orange { color: #f48331;}
.green { color: #32c58a;}
.yellow { color: #f6bd34;}
.borderBottom { border-bottom: 1px dashed #dbdbdb; }
.new1 { width: 5.83rem; height: auto; margin: 0 auto .3rem; background: #fff url(../img/news_1.jpg) no-repeat; background-size: 100% auto; overflow: hidden; }
.new1 dl { width: 5.35rem; height: auto; margin: 0 auto; overflow: hidden; padding: .3rem 0; }
.new1 dl:first-of-type { margin-top: .3rem; }
.new1 dl dt { width: 2.04rem; height: 1.45rem; float: left; }
.new1 dl dt img { width: 100%; height: auto; display: block; }
.new1 dl dd { width: 3.15rem; height: auto; float: right; }
.new1 dl dd h3 { font-size: .25rem; color: #2185e4; font-weight: normal; }
.new1 dl dd p { font-size: .24rem; color: #111; float:left; height: .7rem; overflow: hidden; padding-top: .1rem }
.new1 dl dd a.btn { font-size: 12px; color: #555; line-height: .33rem; float: left;  height: .33rem ; display: block; overflow: hidden; padding-left: .37rem; margin-left: .05rem }
.new1 dl dd a.zx { background: url(../img/news_2.jpg) no-repeat; background-size: .33rem;}
.new1 dl dd a.tel { background: url(../img/news_3.jpg) no-repeat; background-size: .33rem;}
.new1 dl dd em {font-size: 12px; color: #555;  line-height: .33rem;float: left; }

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
	.new1 dl dd em { display:none;}
}
.newimgad { width: 5.83rem; height: auto; margin: 0 auto  .3rem; }
.newimgad img { width: 100%; height: auto; display: block; }

.new2 { width: 5.83rem; height: auto; margin: 0 auto .2rem; overflow: hidden; background: #fff; }
.new2 .title { width: 100%; height: .93rem; }
.new2 .title img { width: 100%; height: auto; display: block; }
.new2 figure { width:1.43rem; height: 1.6rem; float: left; border-right: 1px dashed #eeeeee; padding: .05rem 0;}
.new2 figure img { width: 1.04rem; height: 1.04rem; display: block; margin: 0 auto; }
.new2 figure figcaption { text-align: center; font-size: .22rem;  line-height: .26rem; padding-top: .1rem }
.new2 a.yy { width: 3.58rem; height: .52rem; display: block; margin: .3rem auto; }
.new2 a.yy img { width: 100%; height: auto; display: block; }