#banner{
	width: 100%;
	height: 580px;
	background-color:#22b951 ;
}
#banner .banner-img{
height: 100%;
	background: url(/content/site/images/xcx/banner.png) no-repeat center;

}
 .banner-text{
 	color: #FFFFFF;
 	font-family: "microsoft yahei";
 }
 .banner-text h2{
 	padding-top: 160px;
     font-size:30px;
 	margin-bottom: 10px;
 }
 .banner-textimg{
 	height: 32px;
 	margin-top: 22px;
 	
 }
 .banner-textimg a{
 	display: block;
 	margin-top: 26px;
 	width: 126px;
 	height: 36px;
 	background-color: #FFFFFF;
 	font-size: 16px;
 	text-align: center;
 	line-height: 36px;
 	text-decoration: none;
 	color: #22B951;
 }

.banner-text1,.banner-text2,.banner-text3{
	display: inline-block;
	margin-right: 30px;
	height: 32px;
	padding-left: 42px;
	line-height: 32px;
}
.banner-text1{
	background: url(/content/site/images/xcx/banner-text1.png) no-repeat;
}
.banner-text2{
	background: url(/content/site/images/xcx/banner-text2.png) no-repeat;
}
.banner-text3{
	display: inline-block;
	background: url(/content/site/images/xcx/banner-text3.png) no-repeat;
}
.xcxtitle{
	text-align: center;
	margin-top: 140px;
}
.xcxtitle p{
	margin-top: 16px;
	color: #999999;
}	
.icon-wrap{
margin-top: 60px;
}
.icon1,.icon2,.icon3{

	text-align: center;
	padding-top: 80px;
}
.icon1{
	background: url(/content/site/images/xcx/icon1.png) no-repeat center top;
}
.icon2{
	background: url(/content/site/images/xcx/icon2.png) no-repeat center top;
}
.icon3{
	background: url(/content/site/images/xcx/icon3.png) no-repeat center top;
}
.icon1 p,.icon2 p,.icon3 p{
font-size: 14px;
	color: #999999;
	padding: 0 122px;
}
.icon1 h4,.icon2 h4,.icon3 h4{
	margin-bottom: 10px;
}

 .liaojie{
  	display: inline-block;
 	width: 126px;
 	height: 36px;
 	margin-top: 60px;
 	background-color: #22B951;
 	font-size: 16px;
 	text-align: center;
 	line-height: 36px;
 	color: #FFFFFF;
 	position: relative;
 	left: 50%;
 	transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 }
 

.digital{width: 100%;color: #ecc101; }
.main{margin:0 auto;font-size: 0;}
.mumping_mun li{display: inline-block;margin: 60px auto 0 auto;}
.mumping_mun{list-style: none; display: flex;justify-content:space-between;}
.mumping_mun p{font-size: 18px;width: 100%;display: block;clear: both; color: #333333;}
.mumping_mun h2{font-size: 36px;font-weight: normal;float: left;margin-right: 10px;}

#market-icon{
	margin-top: 60px;
}
#market-icon ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
#market-icon li{
	list-style: none;
	width:208px;
	height: 208px;
	border-radius: 10px;
	box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.08);
}
#market-icon li p{
	margin-top: 10px;
	color: #999999;
}

#market-icon .market-icon-wrap li:first-child{
	background: url(/content/site/images/xcx/01.png) no-repeat 74px 20px;
}
#market-icon .market-icon-wrap li:nth-child(2){
	background: url(/content/site/images/xcx/02.png) no-repeat 74px 20px;
}
#market-icon .market-icon-wrap li:nth-child(3){
	background: url(/content/site/images/xcx/03.png) no-repeat 74px 20px;
}
#market-icon .market-icon-wrap li:nth-child(4){
	background: url(/content/site/images/xcx/04.png) no-repeat 74px 20px;
}
#market-icon .market-icon-wrap li:last-child{
	background: url(/content/site/images/xcx/05.png) no-repeat 74px 20px;
}
#market-icon .market-icon-text{
	padding: 100px 20px 0;
	text-align: center;
}
.market-icon-wrap1{
	margin-top: 40px;
}
#market-icon .market-icon-wrap1 li:first-child{
	background: url(/content/site/images/xcx/06.png) no-repeat 74px 20px;
}
#market-icon .market-icon-wrap1 li:nth-child(2){
	background: url(/content/site/images/xcx/07.png) no-repeat 74px 20px;
}
#market-icon .market-icon-wrap1 li:nth-child(3){
	background: url(/content/site/images/xcx/08.png) no-repeat 74px 20px;
}
#market-icon .market-icon-wrap1 li:nth-child(4){
	background: url(/content/site/images/xcx/09.png) no-repeat 74px 20px;
}
#market-icon .market-icon-wrap1 li:last-child{
	background: url(/content/site/images/xcx/10.png) no-repeat 74px 20px;
}


 
.big_pic{
	background: url(/content/site/images/xcx/phone.jpg) no-repeat center top;
}
        a:hover {
            color:#fff;
        }
.green:hover {
    color:#22b951;
}
 
ol,ul {list-style:none;}
.bnspic{
	margin-top: 60px;
}
.bnspic a{display:block;}
.big_pic, .small_pic{float:left;}
.big_pic, .big_pic a{width:272px;height:544px; position: relative;}
 .big_pic img{
 position: absolute;
 left: 18px;
 top: 16px;
 	width:236px;
 	height:511px;
 }
.big_pic{overflow:hidden;position:relative;margin-left: 40px;}
.big_pic li{position:absolute;top:0;left:0;z-index:-1;transition:all linear 0.2s;}
.big_pic .on{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:1;}
.big_pic a{position:relative;}
.big_pic .txt{width:681px;height:46px;line-height:46px;display:block;position:absolute;bottom:0;left:0;color:#BDBDBD;text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);transition:all ease .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.big_pic a:hover .txt{color:#FFFFFF;}
.small_pic{width:319px;position:relative;left:1px;}
.small_pic a, .small_pic img{width:100px;height:100px;}

.small_pic a{padding:1px;background:#121013;}
.small_pic .on, .small_pic li:hover{position:relative;z-index:1;}
.small_pic .on a{background:#FACC16;}
.small_pic li{width:160px;height:120px;margin:-1px 0 20px -1px;float:left; }
.small_pic li:nth-child(7),.small_pic li:last-child{
	margin-bottom: 0;
}
    .sec{margin-left:auto;margin-right:auto;width:700px;}


@media (min-width: 768px) {
  .container {
    width: 750px;
  }
    .col-lg-4 {
    width: 33.33333333%;
    float: left;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
    .col-lg-4 {
    width: 33.33333333%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
    .col-lg-4 {
    width: 33.33333333%;
    float: left;
  }
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
        h2{
            font-size:30px;
        }
        h3 {
            font-size:24px;
        }
        h4 {
            font-size:20px;
        }
        .row {
    margin-right: -15px;
    margin-left: -15px;
}