body{background-color:#ffffff;background-position:center top;font-family:'Microsoft YaHei','Simsun',Arial;font-size:14px;line-height:1.5;color:#666666;}a{color:#666666;}a:hover{color:#0065B1;}
UL,p,li,form,h1,h2,h3,h4,h5,dd,dl,dt,ol{
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.logoright {
    float: right;
    overflow: hidden;
    border-left: 1px solid #dadada;
    padding-left: 10px;
    margin-left: 10px;
    margin-top: 10px;
    height: 45px;
}

.logoright p {
    margin: 0px;
    padding-top: 3px;
    font-size: 15px;
    color: #a1a1a1;
}


.nr-sb1{ float:left; width:40%}
.nr-sb2{float:left;    margin-left: 20px; width:40%}
.nr-sb1 a,.nr-sb2 a{text-align: center; color: #FFF; text-decoration: none; overflow: hidden; height: 52px;line-height: 52px; font-size: 18px;    background: #3498db; display: block;  border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;order-radius: 3px;}


@media screen and (max-width:767px){.logoright{ display:none}
.nr-title span{ width:100%; display:block;}
.nr-fenge{ width:100%;}

.nr-sb1{ float:left; width:100%}
.nr-sb2{float:left;    margin-left: 0px; width:100%; margin-top:20px;}
 #qqlx{ display:none;}
 .dbj-pic{     width: 100%!important;  text-align: center!important;}
.dbj-r{     width: 100%!important; margin-left:0%!important}
}

.dbj{ overflow: hidden;    padding-top: 20px; padding-bottom: 20px;}
.dbj-pic{ width:30%; float:left;}
.dbj-r{ width:65%; float:left; margin-left:5%}
.dbj-r-b a{     font-size: 14px;
    background-color: #01518e;
    color: #ffffff;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 8px;
    float: right;
    padding-bottom: 8px;}
.tools{background: url("tools.png") no-repeat 0px 0px / 95%; border-radius: 3rem; left: 0.8rem; width: 100%; height: 5.6rem; bottom: 0.2rem; display: none; position: fixed; z-index: 101; -moz-border-radius: 3rem; -webkit-border-radius: 3rem;}
.tools A{width: 100%; height: 5.6rem; display: block; text-align:center;}
.tools p{ color:#fff; font-weight:bold; font-size:2rem; margin-top:1.8rem; line-height:1.5; margin-left:7rem;}
#caselist{width:96%;
	float:left;
	text-align:center;  padding:2%;
}
#caselist dl{ list-style-type:none;width:100%; }
#caselist dl dd { width:32%; float:left; text-align:center; padding-right:2%; margin:0px;  }

#caselist dl dd h1{ padding:2%; width:96%; border:#ddd solid 1px; vertical-align: middle;box-shadow: 0px 2px 4px #f3f3f3;-webkit-box-shadow:0px 2px 4px #f3f3f3;-moz-box-shadow: 0px 2px 4px #f3f3f3;;transition:all 0.3s ease-in-out 0s; }
#caselist dl dd img{ max-width:100%;height:170px;  }
#caselist dl dd p{ height:35px; font-size:14px;  line-height:35px;TEXT-OVERFLOW: ellipsis; 
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; margin:0px;}

#caselist dl dd A{ color:#111}
#caselist dl dd A:hover{
	color:#337AB7;
	text-decoration: none;
}
#caselist dl dd A:hover h1{ box-shadow: 0px 1px 4px #aaa;-webkit-box-shadow:0px 1px 4px #aaa;-moz-box-shadow: 0px 1px 4px #aaa;}
@media only screen and (min-width: 768px){#caselist dl dd:nth-child(3n){ padding-right:0;}}
@media only screen and (min-width: 768px) and (max-width:1000px){#caselist dl dd img{ height:150px;  }}
@media only screen and (min-width: 320px) and (max-width:767px){#caselist dl dd { width:46%; padding-left:2%; padding-right:2%; }}
@media only screen and (max-width: 460px){#caselist dl dd img{ height:130px; }.tools p{ margin-top:1rem; font-size:1.4rem; }}