/** reset css included**/
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
  margin: 0;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
p{
  margin: 0;
}
/** make all element to flow with border box **/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/** float css **/
.f-l {
  float: left;
}
.f-r {
  float: right;
}
.c-b {
  clear: both;
}
/** float css end **/
.no-animation,
.no-animation * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -transition: none !important;
}
.box-list {
  padding: 0;
}
.box-list li {
  list-style: none;
}
/*** beacon css **/
#beacon1 {
  width: 90px;
}
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.cf:after {
  clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1;
}


/* 轮播图 */
#myCanvas {
  position: absolute;
  z-index: 13;
  opacity: 0.8;
  cursor: pointer;
  -webkit-animation: roll 3s;
  animation: roll 3s;
}
@-webkit-keyframes roll {
  from{-webkit-transform:rotate(120deg);opacity:0;}
  to{-webkit-transform:rotate(0deg);opacity:0.8;}		
}
@keyframes roll {
  from{transform:rotate(120deg);opacity:0;}
  to{transform:rotate(0deg);opacity:0.8;}		
}
@-webkit-keyframes arrow{
from{-webkit-transform:scale(1); opacity:1;}
to{-webkit-transform:scale(1.5); opacity:0.2;}
}
@-moz-keyframes arrow{
from{-moz-transform:scale(1); opacity:1;}
to{-moz-transform:scale(1.5); opacity:0.2;}
}



.newsThirdBtn a{
  color: #fff;
}
/* 微信分享二维码 */
.wx-qrcode-wrapper div{
	border: none;
}
.wx-qrcode-wrapper p{
	margin: 0;
}
div.wx-qrcode-wrapper{
	position: absolute;right: 55px;top: 106px;display: none;background-color: #fff; border: 1px solid #ddd;border-radius: 4px;
}
/* 公共样式 */
.contact-wrap{
  background: #d5d9e2;
}
.parent-company{
  border-bottom: 1px solid #a0a5af;
  color: #444;
}
.close-btn{
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.close-btn::before,.close-btn::after{	
  position: absolute;
  z-index: 1;
  content: '';
  right: 0;
  top: 10px;
  width: 15px;
  height: 1px;
  background-color: #333;
}
.close-btn::before{
  transform:rotate(45deg) ;
}
.close-btn::after{
  transform:rotate(-45deg) ;
}
/* 精彩案例 */
.casenewys p { 
  font-weight: bold;
  color: #1853a4;
  border-top: 1px dashed #b5cbe4;
}
.casenewys dt img {
  border: 1px solid #86beef;
}
/* 精彩案例-三级页面 */
.caseDetails img {border: 1px solid #ddd;}
.caseys li {
  text-align: center;
  border: 1px solid #ddd;
  padding: 5px;
  margin: 0 1%;
  text-indent: 0px;
  font-size: 15px;
  font-weight: bold;
  list-style: none;
}
/* 解决方案 */
.databg1>div{
	float: left;  
	color: #fff;    
	font-weight: bold;    
}