
 
 .xxx-region-service-container {
     padding: 0px 0 0;
	 overflow: hidden;
	 padding-bottom: 50px;
     position: relative
	 
 }
 
 .xxx-region-service-container .xxx-service-banner-container {
     width: 90%;
	 margin: auto;

 }
 
 .xxx-region-service-container .xxx-service-banner-container .banner-list {
     height:inherit;
	 padding: 40px 0px 40px 0px;
     background-color: #fff;
     -webkit-box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
     box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
     border-radius: 4px
	 
 }
 
 .xxx-region-service-container .xxx-service-banner-container .banner-list .item {
     width: 45%;
     text-align: center;
	 float: left;
 }
 
 .xxx-region-service-container .xxx-service-banner-container .banner-list .item .box {
     margin-top: 38px;
	 float: left;
	 margin-left: 50px;
     text-align: left
 }
 
 .xxx-region-service-container .xxx-service-banner-container .banner-list .item .box .icon {
     width: 80px;
     height: 80px;
	 margin-bottom: 30px;

	 display: block;
     vertical-align: top
 }
 
 .xxx-region-service-container .xxx-service-banner-container .banner-list .item .box .text-box {
     height: 54px;
     font-family: AlibabaPuHuiTiR;
	 display: block;

     vertical-align: top
 }
 
 .xxx-region-service-container .xxx-service-banner-container .banner-list .item .box .text-box .big {
     line-height: 1;
     margin-top: 5px;
     font-size: 30px;
     color: #191c3d;
     font-weight: 700
 }
 
 .xxx-region-service-container .xxx-service-banner-container .banner-list .item .box .text-box .small {
     line-height: 1;
     margin-top: 10px;
     font-size: 24px;
     color: #515d71
 }
 
 
 
 
 .why-develop-xxx-container {
     padding: 90px 0;
     background-color: #fff
 }
 
 .why-develop-xxx-container .why-develop-xxx .list {
     padding-top: 60px
 }
 
 .why-develop-xxx-container .why-develop-xxx .list .item {
     width: 48%;
	 float: left;
     text-align: center;
	 margin-bottom: 30px;
	 padding-bottom: 30px;
 }
 
 .why-develop-xxx-container .why-develop-xxx .list .item .icon-box {
     width: 70px;
     height: 70px;
     margin: 0 auto 36px
 }
 
 .why-develop-xxx-container .why-develop-xxx .list .item .icon-box .icon {
     height: 70px;
     display: inline-block
 }
 
 .why-develop-xxx-container .why-develop-xxx .list .item .text {
     line-height: 1;
     font-size: 22px;
     color: #191c3d;
     text-align: center;
     font-weight: 700
 }
 
 
     .region-title {
         font-weight: bold;
         line-height: 1;
         margin-bottom: 35px;
         font-size: 40px;
         color: #191c3d;
         text-align:center;
		 text-indent: 50px;
	
		 
     }


.clearfix{ width: 100%; margin: auto;}
.clearfixb{ width: 90%; margin: auto;}

.our-experience-container {
       width: 90%; margin: auto;

    }

.our-experience-container .our-experience .list .item {
        width: 174px;
        height: 143px;
		float: left;
        margin-right: 23px;
        margin-bottom: 23px
    }
	
	.our-experience-container .our-experience .list .item img{ width: 100%; border-radius: 10px;}

.our-experience-container .our-experience .list .item:nth-child(6n) {
        margin-right: 0
    }

.why-choose-us-to-develop-xxx-container {
       width: 100%;
    }

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item {
        width: 200px;
        margin-right: 0
    }

.xxx-case-container {
        min-width: 1200px!important
    }

.is-make-money-container {
        padding: 90px 0;
        background-color: #f8fafc
    }

.is-make-money-container .list .item {
        width: 360px;
        margin-right: 40px
    }

.is-make-money-container .list .item:nth-child(3n) {
        margin-right: 0
    }

.keyword-massive-container .keyword-massive .box .left {
        width: 550px;
        height: 395px;
        margin-right: 0
    }

.keyword-massive-container .keyword-massive .box .left .cover {
        width: 550px
    }

.keyword-massive-container .keyword-massive .box .right {
        width: 597px;
        height: 395px;
        position: relative
    }

.keyword-massive-container .keyword-massive .box .right .list {
        padding-top: 0;
        padding-right: 0
    }

.keyword-massive-container .keyword-massive .box .right .list .item {
        width: 50%;
        height: 77px;
        margin-bottom: 85px;
        padding-left: 0;
        position: relative
    }

.keyword-massive-container .keyword-massive .box .right .list .item:nth-child(2n) {
        padding-left: 0;
        left: 20px
    }

.quick-ranking-container {
        min-width: 1200px
    }

.quick-ranking-container::before {
        width: 100%;
        min-width: 1200px;
        height: 113.5px;
        content: " ";
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff
    }



.quick-ranking-container::after {
        width: 100%;
        min-width: 1200px;
        height: 113.5px;
        content: " ";
        z-index: 1;
        position: absolute;
        top: 113.5px;
        left: 0;
        background-color: #f6f8fb
    }
	
	
	
	.why-choose-us-to-develop-xxx-container {
		width: 100%;
	
	    padding: 90px 0px 90px 0px;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    position: relative;
		overflow: hidden;
		height: 900px;
		text-align: center;
		
	}
	
	.why-choose-us-to-develop-xxx-container::before {
	    width: 100%;
	    height: 100%;
	    background-color: #282d4a;
	    z-index: 1;
	    content: " ";
	    position: absolute;
	    top: 0;
	    left: 0
	}
	
	.why-choose-us-to-develop-xxx-container::after {
	    width: 100%;
	    height: 100%;
	    background-image: url(../img/xcxbj12.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center 0;
	    z-index: 2;
	    content: " ";
	    position: absolute;
	    top: 0;
	    left: 0
	}
	
	.why-choose-us-to-develop-xxx-container .region-title {
	    margin-bottom: 50px;
		margin-top: 50px;
		width: 100%;
		text-align: left;
	    color: #fff
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx {
	    z-index: 5;
	    position: relative
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item {
	    width: 260px;
	    height: 276px;
	    margin-right: 13px;
	    padding-top: 24px;
	    border-radius: 2px;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    -webkit-transition: all .3s;
	    transition: all .3s;
		float: left;
	    cursor: pointer
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item:nth-child(6n) {
	    margin-right: 0
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .icon-box {
	    width: 58rpx;
	    height: 58px;
	    line-height: 58px;
	    margin-bottom: 38px;
	    text-align: center
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .icon-box .icon {
	    height: 58px
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .icon-box .icon-1 {
	    display: inline-block
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .icon-box .icon-2 {
	    display: none
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .text-box {
	    width: 162px;
	    margin: 0 auto;
	    text-align: center
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .text-box .title {
	    margin-bottom: 10px;
	    font-family: AlibabaPuHuiTiB;
	    font-size: 22px;
	    font-weight: 700;
	    color: #fff
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .text-box .text {
	    font-family: AlibabaPuHuiTiR;
	    font-size: 16px;
	    line-height: 24px;
	    color: #fff
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .active,.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item:hover {
	    background-color: #fff;
	    -webkit-box-shadow: 0 20px 29px 0 rgba(68,68,68,.3);
	    box-shadow: 0 20px 29px 0 rgba(68,68,68,.3)
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .active .icon-box .icon-1,.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item:hover .icon-box .icon-1 {
	    display: none
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .active .icon-box .icon-2,.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item:hover .icon-box .icon-2 {
	    display: inline-block
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .active .text-box .title,.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item:hover .text-box .title {
	    color: #191c3d
	}
	
	.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .active .text-box .text,.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item:hover .text-box .text {
	    color: #515d71
	}
	
	
	
	
	
	