*{margin: 0; padding: 0; list-style: none; font-size: 14px; box-sizing: border-box;}
a{color:#333}
a:hover{color:#cb0012}
.xgAbout h1{ text-align:center; padding-bottom:20px;}
.xgAbout .lTxt{float:left; width:550px; font-size:16px; padding-top:150px; color:#666}
.xgAbout .lTxt h4{font-size:24px; color:#333}
.xgAbout .rPic{float:right; width:586px;}



.xgYunPic{background:url(../img/yun/xgScrm_p1.jpg) top center no-repeat; width:100%; height:300px; display:block}
.yunBox1, .yunBox2, .yunBox4{text-align:center; padding:70px 0;}
.title {font-size:35px; }
.yunBox2{background:#f9f9f9}
.yunBox2 h1{padding-bottom:40px;}
.yunBox3{text-align:center; padding:70px 0; overflow:hidden;}
.yunBox3 .am-g{ border-bottom:solid 1px #eee}
.yunBox4{background:#f9f9f9; margin-top:70px;}
.yunBox5{ padding:70px 0;text-align:center; overflow:hidden}
.yunBox5 p{ font-size:18px; color:#8b8b8b}
.brandBox {list-style: none; overflow: hidden; padding:0px;border-top: 1px solid #ececec; border-left: 1px solid #ececec; width:1200px; margin:30px 0 0 2px;}
.brandBox li {width:240px; float: left; border: 1px solid #ececec; position: relative; margin-left:-1px; margin-top:-1px; height:180px; background:#fff; cursor:pointer;} 
.brandBox li img{ width:70%; margin-top:30px; transition:all 0.5s ease}
.brandBox li:hover img{transform: scale(1.2,1.2);}
.brandBox li:first-child{}
.cpNews{background:#f9f9f9;text-align:center;}
.cpNews .title{ padding-bottom:20px;}
/******解决方案********/
.retailBox{list-style: none; width: 100%; margin-top:50px; padding: 0;}
.titleTxt{font-size: 18px; color: #8a8a8a; width: 1000px; margin: 10px auto;}
.retailBox li{float: left; width:280px; height: 450px; margin:10px; position: relative; background: #f9f9f9; transition:0.5s all ease; cursor:pointer; }
.retailBox li:hover{box-shadow: 1px 1px 10px #888888; box-shadow:1px 1px 10px #888}
.retailBox .ysTop{margin: 20px; border-bottom:solid 1px #ccc; padding-bottom:30px;}
.ysTitle{font-size: 20px; margin-bottom:0;}
.ysTxt{font-size: 14px; margin: 0 0 0px 0;}
.retailBox .ysBtm p{padding-left: 0px;}
 .retailBox .ysBtm img{vertical-align: top; margin-top: 4px;}
.retailBox .ysBtm span{font-size: 16px; display: inline-block; margin-left:20px;  width:110px; text-align: left; color: #8a8a8a;}
.tagNav{text-align: center; height: 100px; line-height: 100px; width:200px; float:left; font-size: 25px;  cursor: pointer;}
.avtiveTag{ color: #ff2525; border-bottom: 2px solid #ff2525;}
.showTag{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;background: #fff;}
.showTag p{ font-size:18px; color:#8a8a8a; padding-bottom:20px;}
.list1 {list-style: none; padding: 0; overflow: hidden;}
.list1 li{width: 560px; float: left; height: 250px; padding: 50px 50px 0 0; background:#fff; margin:20px; border:solid 1px #eee; cursor:pointer;}
.list1 li:hover{background: #fe8503;}
.list1 li h1{text-align: left; font-size: 25px; margin-bottom: 0;}
.list1 li p{text-align: justify; font-size: 15px; margin-top: 0; color: #8a8a8a;}
.list1 li:hover p{color: #fff ;}
.list1 li:hover h1{color: #fff ;}

.list2 {list-style: none; padding: 0; overflow: hidden; margin-bottom: 80px;}
.list2 li{float: left; width: 200px; text-align: center; height: 160px;
  border:1px solid #ccc;}
.list2 li img{margin-top: 15px;}

