.xitong{ margin:20px auto; }
.xitong p {
    margin-bottom: 30px; 
    margin-top:30px; 
    font-size: 16px;
    line-height:1.5;
    color: #999;
}

.jiashicang ul {
  text-align: center;
}

.xiaoyi { 
  text-align: center;
}

.jiashicang ul li{
    display: inline-block;
    width: 360px; 
    padding: 30px 30px 20px;
    text-align: center;
    margin-right: 20px;
    margin-top: 50px;
}
.jiashicang ul li:nth-child(3) , .jiashicang ul li:nth-child(6) , .jiashicang ul li:nth-child(9){
    margin-right: 0;
}
.jiashicang ul li>img{
    display: block;
    margin-right: auto;
    margin-left: auto; 
    width: 80px;
}
.jiashicang ul li h3{
    font-size: 20px;
    margin: 30px 0 10px;
    font-weight:bolder;
}
.jiashicang ul li p{
    font-size: 14px;
    line-height:2;
    color: #999;
}
.caiji ul{ overflow:hidden;}
.caiji li {
  float: left;
  width: 200px;
  padding: 40px 0px 20px;
  cursor: pointer;
  text-align:center;
  margin-right:20px;
}
.caiji li:last-child{ margin-right:0px; }
.caiji .center{ width:1300px; }
.caiji li p 
{
    font-size: 14px;
    line-height: 2;
}
.skcaiji{ margin-top:40px; }
.skcaiji h3{ 
    font-size: 26px;
    margin: 30px 0 10px;
    font-weight:bolder; 
    text-align:center; 
}
.skcaiji ul{ overflow:hidden; width:1220px; margin:0 auto; padding:10px; background:#eeeeee;  }   
.skcaiji li {
  float: left;
  width: 190px;
  padding: 20px 0px 20px;
  cursor: pointer;
  text-align:center;
  margin-right:10px;
}
.skcaiji li:last-child{ margin-right:0px; }
.skcaiji li p 
{
    font-size: 14px;
    line-height: 2;
}
.skcaiji .center{ width:1220px; }

.why {
  margin-top: 40px;
}
.why ul{ overflow:hidden; }
.why li {
  width: 286px;
  height: 416px;
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 18px;
  margin-bottom: 18px;
}

.why li:nth-child(4n+4){ margin-right:0px; }
.why li .product_img img{ width:286px; height:416px; }
.why { margin-top:40px; }
.why li{ cursor:pointer; }
.why li .in_pro_xx
{
    width:100%; 
    height: 100%; 
    position: absolute; 
    top:0%; 
    left:0; 
    z-index: 9; 
    background: rgba(7,18,50,.7);
    text-align:center;
    color:#fff;
}
.why li .in_pro_xx img{ margin-top:90px;}
.why li .in_pro_xx h3{ margin-top:10px; font-size:20px; }
.why li .in_pro_xx p{ margin-top:50px; font-size:18px; padding:0px 50px; line-height:1.5; }
.why li:hover .product_img,.why li:hover .in_pro_xx
{ 
    box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
    margin-top:-5px;
    transition: .1s;
}
.guanli {
  overflow: hidden; 
  margin-top: 40px;
}
.cunchu{ 
  overflow: hidden; 
  margin-top: 40px;
}
.guanli #nav1{ float:left; width:31%; }
.guanli #nav1 li{ color:#000; font-size:20px; height:128px; cursor:pointer;padding:20px 10px; background: #f8f8f8; overflow:hidden;  }
.guanli #nav1 li.act{ background: linear-gradient(90deg,rgba(17,209,255,1),rgba(9,106,252,1)); color:#fff;}
.guanli #nav1 li:nth-child(1) .img{ width:80px; height:80px; background:url(/Style/images/dcs/d12.png); } 
.guanli #nav1 li:nth-child(2) .img{ width:80px; height:80px; background:url(/Style/images/dcs/d7.png); } 
.guanli #nav1 li:nth-child(3) .img{ width:80px; height:80px; background:url(/Style/images/dcs/d9.png); } 
.guanli #nav1 li:nth-child(4) .img{ width:80px; height:80px; background:url(/Style/images/dcs/d10.png); } 


.guanli #nav1 li:nth-child(1).act .img{ width:80px; height:80px; background:url(/Style/images/dcs/d13.png); } 
.guanli #nav1 li:nth-child(2).act .img{ width:80px; height:80px; background:url(/Style/images/dcs/d6.png); } 
.guanli #nav1 li:nth-child(3).act .img{ width:80px; height:80px; background:url(/Style/images/dcs/d8.png); } 
.guanli #nav1 li:nth-child(4).act .img{ width:80px; height:80px; background:url(/Style/images/dcs/d11.png); } 
.guanli #nav1 li .img{ float:left; margin-right:10px; }
.guanli #nav1 li .text{ float:left; width:262px; }
.guanli #nav1 li .text h3{ 
    font-size: 18px;
    margin: 0px 0 10px;
    font-weight:bolder;  }
.guanli #container2{ float:right; width:68%; }
.guanli #container2 h3 
{
    font-size: 16px;
    padding-left:15px;
    color: #000;
    border-left: 4px solid #00A7ED;
    line-height: 22px;
    margin: 0 auto 15px; 
}
.guanli #container2 p{ line-height:2; }
.guanli #container2 .img { margin-top:0px; }
.guanli #container2 .img img { margin-top:0px; width:100%; display:block; }
.cunchu{ position:relative; }
#container5{ width:620px; height:535px; margin:0 auto; }
#nav2 li{ position:absolute; z-index:999999999999; background:#fff;padding: 40px 30px;
background: #fff;
border-radius: 2px;
box-shadow: 0 0 5px 0 #ccc; width: 250px; min-height:183px; cursor:pointer; }
#nav2 li:nth-child(1) { left:0px;  top:0px;} 
#nav2 li:nth-child(2) { left:0px; bottom:40px; } 
#nav2 li:nth-child(3) { right:0px; top:0px;  } 
#nav2 li:nth-child(4) {  right:0px; bottom:40px;} 
#nav2 li h3{ text-align:center; margin-bottom:20px; font-size:20px; font-weight:bolder;  }
#nav2 li.act{ background: linear-gradient(90deg,rgba(17,209,255,1),rgba(9,106,252,1)); color: #fff; }