.x_mian{width:1200px;margin:30px auto 0 auto; overflow:hidden; border-bottom: 2px solid #ff072a;}
.x_box1 span{margin:0px 0 20px 0}
.x_box1 span,.x_box4 span,.x_box5 span{font-size:32px;color:#FF0000; line-height:36px; font-weight:bold; display:block; text-align: center;padding}
.x_box4 span, .x_box5 span{margin: 10px 0 20px 0;}
.x_box1 p{line-height:24px;font-size:14px;color:#333; text-align: justify;text-indent:28px;}
.x_box1 .mt{margin-top:12px;}
.x_box2{position:relative;width:1000px;margin:10px auto 20px auto;height:480px;}
.x_box2 .b1{ float:left;}
.x_box2 .b1 img{float:left; width:60px;}
.x_box2 .b1 p{float:left;width:75px;word-wrap : break-word ; text-align:center; margin:0 0 0 10px; line-height:28px; font-size:18px; font-weight:600; color:#555;}
.x_pic{background:url(../images/x3.png) no-repeat center 110px;padding-bottom:480px;margin-top:10px;}
.x_box2 .x1{position:absolute;top:2%; left:43%;}
.x_box2 .x2{position:absolute;top:25%; left:3%;}
.x_box2 .x3{position:absolute;top:25%; right:3%;}
.x_box2 .x4{position:absolute;bottom:22%; left:12%;}
.x_box2 .x5{position:absolute;bottom:22%; right:12%;}
.x_box2 .b2{color:#fff;}
.x_box2 .x6{position:absolute;top:32%; left:30%;font-size:26px;}
.x_box2 .x7{position:absolute;top:32%; right:27%; text-align:center;width:110px; font-size:20px;}
.x_box2 .x8{position:absolute;bottom:27%; right:43%; text-align:center;width:140px; font-size:20px;}
.x_box3{margin:5px;background:#F5F5F5;border-radius:8px; height:165px;box-shadow: -2px 0px 8px 1px #eee,0px -2px 8px 1px #eee,2px 0px 8px 1px #eee,0px 2px 8px 1px #eee; border:1px solid #fff;}
.x_box3 .p1{margin:1% 1% 0 2%!important;}
.x_box3 p{margin:16px 0 0 0; text-align:center;font-size:18px;color:#333; line-height:24px;}
.x_box3 span{list-style:none;width:12%;height:95px;color:#fff; text-align:center;padding-top:65px; font-size:18px; float:left;margin:1%;border-radius:5px;}
.x_box3 .t1{ background:#6D86BC url(../images/x16.png) no-repeat center 12px;background-size:50px auto;}
.x_box3 .t2{ background:#6D86BC url(../images/x10.png) no-repeat center 13px;background-size:50px auto;}
.x_box3 .t3{ background:#6D86BC url(../images/x4.png) no-repeat center 8px;background-size:auto 50px;}
.x_box3 .t4{ background:#6D86BC url(../images/x13.png) no-repeat center 12px;background-size:auto 45px;}
.x_box3 .t5{ background:#6D86BC url(../images/x15.png) no-repeat center 14px;background-size:50px auto;}
.x_box3 .t6{ background:#6D86BC url(../images/x7.png) no-repeat center 12px;background-size:50px auto;}
.x_box3 .t7{ background:#6D86BC url(../images/x12.png) no-repeat center 12px;background-size:50px auto;}






.gray_bg{background-color:#fafafc!important}
.item_inner{position:relative;box-sizing:border-box;width:1200px;height:738px;margin:0 auto;padding-top:60px;text-align:center}
.item_inner p{position:relative;text-align:center}
.item_inner .title{margin:74px 0 23px 0;font-weight:700;font-size:32px;color:#c00}
.item_inner .sub_title{font-weight:700;font-size:32px;color:#222}
.item_inner .sub_head{margin:20px 0;font-size:20px;color:#222}
.item_inner .tail::after{position:absolute;left:50%;bottom:-30px;content:' ';width:40px;height:7px;margin-left:-20px;border-radius:3px;background-color:#c00}
.item_inner .solution_img{width:1001px;height:420px}
.banner02,.banner03,.banner04,.item_inner .banner01{position:relative;width:1200px;height:530px;margin-top:60px;overflow:hidden}
ul.icon{margin:0;padding:0;position:absolute;top:0;width:100%;text-align:center;background:url(../images/divider.png) no-repeat 0px bottom;background-size: 100% auto; }
ul.icon li{display:inline-block;width:100px;margin:0 33px;padding:0;cursor:pointer;padding-bottom: 30px; }
ul.icon li span{display:block;width:36px;height:36px;margin:15px auto;overflow:hidden}
.banner01 ul.icon li .i0{background:url(../images/a1.png) no-repeat;background-size:100% 100%}
.banner01 ul.icon li .i1{background:url(../images/a2.png) no-repeat;background-size:100% 100%}
.banner01 ul.icon li .i2{background:url(../images/a3.png) no-repeat;background-size:100% 100%}
.banner01 ul.icon li .i3{background:url(../images/a4.png) no-repeat;background-size:100% 100%}

.banner02 ul.icon li .i0{background:url(../images/x9.png) no-repeat; background-size:100% 100%}
.banner02 ul.icon li .i1{background:url(../images/x11.png) no-repeat; background-size:100% 100%}
.banner02 ul.icon li .i2{background:url(../images/x6.png) no-repeat; background-size:100% 100%}
.banner02 ul.icon li .i3{background:url(../images/x20.png) no-repeat; background-size:100% 100%}
.banner02 ul.icon li .i4{background:url(../images/x8.png) no-repeat; background-size:100% 100%}
.banner02 ul.icon li .i5{background:url(../images/x5.png) no-repeat; background-size:100% 100%}

ul.icon li:hover{color:#c00!important}

.current_font{color:#c00; background:url(../images/pointer.png) no-repeat 38px 103px; }

.divider{position:absolute;width:100%;height:1px;top:115px;left:0;z-index:0}
.content{margin:0;padding:0;position:absolute;top:120px;height:410px;text-align:center;overflow:hidden;list-style:none}
.content li{float:left}
.content li div.content_inner{display:inline-block;width:1200px;height:410px;box-sizing:border-box;padding:45px 80px}
.content li div.content_inner .desc{display:inline-block;width:375px;height:320px;text-align:left;margin-top:20px}
.content li div.content_inner .desc .desc_title{font-weight:700;font-size:24px;color:#222;letter-spacing:0;line-height:24px;margin:40px 0}
.content li div.content_inner .desc .desc_detail{font-size:16px;color:#666;letter-spacing:0;line-height:24px;text-align:left}
.content li div.content_inner img{margin:0;width:460px;height:320px;float:right}


.banner{width:100%;height:726px;overflow:hidden;position:relative}
.banner .slides li{text-align:center;width:100%;height:726px}
.banner.index{height:600px}
.banner.index .slides li{height:610px}
.banner .slides li a{display:block;width:100%;height:100%}
.banner .slides .b1{background:url(../images/banner_01.png) center no-repeat}
.banner .slides .b2{background:url(../images/banner_01.png) center no-repeat}
.banner .slides .b3{background:url(../images/banner_01.png) center no-repeat}
.banner .slides .b4{background:url(../images/banner_01.png) center no-repeat}
.banner .flex-control-nav{position:absolute;bottom:3px;text-align:center;width:100%}
.banner .flex-control-nav li{display:inline-block}
.banner .flex-control-nav a{display:inline-block;width:14px;height:14px;background:url(../images/control-nav.png) no-repeat -25px 0;font-size:0;margin:0 5px;cursor:pointer}
.banner .flex-control-nav a.flex-active{background-position:0 0}
.banner .slides-container{padding-top:112px;width:1200px;margin:0 auto;overflow:hidden}
.banner .slides-container .left{float:left}
.banner .slides-container .right{float:right}
.banner .slides li .banner-button{width:166px;height:45px;line-height:45px;font-size:18px;color:#000;margin-top:15px;text-align:center;font-family:"Microsoft Yahei","PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;border-width:1px;border-style:solid;border-color:#fde01e;background:#fde01e;border-radius:25px;transition:all .2s ease;cursor:pointer}
.banner .slides li .banner-button:hover{background:#f0d312;border-color:#f0d312}
.banner .slides li .pc10_down{width:976px;padding-top:322px;margin:0 auto;text-align:left}
.banner .slides li .pc10_down span{width:206px;height:50px;line-height:50px;text-align:center;background:#5bcc1f;font-size:24px;display:inline-block;color:#fff;border-radius:3px}
.banner .slides li .pc10_down span:hover{background:#59be1f}
.proBanner{position:relative;background-position:center 100%;background-repeat:no-repeat;height:510px;text-align:center;border-bottom:1px solid #e6e6e6}
.proBanner p{position:relative;top:125px;font-weight:700;font-size:32px;color:#fff;text-align:center}
.proBanner p::after{position:absolute;left:50%;bottom:-50px;content:' ';width:40px;height:7px;margin-left:-20px;border-radius:3px;background-color:rgba(255,255,255,.4)}
.proBannerCards{position:absolute;width:1200px;height:350px;bottom:-104px;left:50%;margin-left:-500px}
.proBannerCardsInner{display:inline-block;position:relative;background-color:#fff;width:310px;height:350px;border:none;box-shadow:0 10px 20px 0 rgba(15,50,81,.06);border-radius:2px;margin:0 8px;text-align:center}
.proBannerCardsInner img{position:absolute;width:84px;height:84px;top:47px;left:113px}
.cardTip{position:absolute;top:163px;left:143px;content:' ';width:24px;height:1.2px;background-color:#222}
.cardTitle{position:absolute;width:100%;top:199px;font-size:17px;font-weight:700;color:#222}
.cardContent{position:absolute;width:100%;top:238px;box-sizing:border-box;padding:0 29px;font-size:14px;color:#666;letter-spacing:0;line-height:24px;text-align:left;vertical-align:text-top}

@media (max-width: 960px){
.proBanner{background:#fff!important;}
.proBanner{height:auto;}
.proBanner p{position:inherit; top:0;margin: 0; color:#333;}
.proBannerCards{ position:inherit; width:100%;margin:0; bottom:0; left:inherit; overflow:hidden; height:auto;}
.proBannerCardsInner{ border:1px solid #ddd;width:90%;margin:10px 0; height:300px;}
.proBannerCardsInner img{left:0;top:20px; position:inherit;}
.cardTip{left:46%;top:120px;}
.cardTitle{top:160px;}
.cardContent{top:200px;}
.new_pro_list .item_inner{width:100%;}
.first{height: auto!important; padding-top: 0!important;}
.item_inner .title{margin: 40px 0 0 0; font-size:24px;}
.item_inner .sub_head{font-size:16px;margin:10px 0;}
.item_inner .solution_img{width:100%;height:auto;}
.new_pro_list .item_inner{padding-top:0!important;height:auto!important;}
.item_inner .sub_title{margin: 20px 0 0 0; font-size:24px;padding: 20px 0;}
.item_inner .banner01{width:100%;height:600px;}
.banner02{width:100%;height:auto;} 
ul.content{height:auto;}
.content{height:520px;}
ul.icon{background-size:100% auto;}
.content li div.content_inner .desc .desc_title{margin:20px 0;}
.banner02 .current_font {
    color: #c00;
    background: url(../images/pointer.png) no-repeat 18px 103px;
}
ul.icon li{ margin:0; text-align:center; width:24%;}
.banner02 .icon li{ margin:0; text-align:center; width:15%;}
.content li div.content_inner{padding:0; width:100%;}
.content li div.content_inner .desc .desc_detail{text-align:center!important; font-size:14px;}
.content li div.content_inner .desc{padding:0; width:90%;margin:0 auto; text-align:center!important; height:auto;}
.content li div.content_inner img{width:auto;height:300px; float:inherit;}
}


@media screen and (max-width:768px) {

.x_mian{width:98%;margin:36px auto 0 auto;}
.x_box1 span, .x_box4 span, .x_box5 span{ font-size: 18px; line-height:30px;}
.x_box1{overflow:hidden;}
.x_box1 p{padding:0 2%;}
.x_box2{ width:100%;height:auto;margin: 10px auto;}
.x_pic{background: url(../images/x3.png) no-repeat center 70px;background-size:300px auto; padding-bottom: 310px; margin-top: 0px;}
.x_box2 .b1 img {float: left;width: 40px;}
.x_box2 .b1 p{font-size:14px;width:65px; line-height:20px; margin:0 0 0 5px;}
.x_box2 .x2,.x_box2 .x3{top: 2%;}
.x_box2 .x1 { left: 37%;}
.x_box2 .x4{bottom: 0%;left: 8%;}
.x_box2 .x5{bottom: 0%;right: 8%;}
.x_box2 .x6{left: 20%;font-size: 18px;}
.x_box2 .x7 {top: 31%;right: 15%;width: 80px;font-size: 13px; line-height:15px;}
.x_box2 .x8 { right: 33%;font-size: 13px; line-height:18px;bottom: 30%;}
.x_box3 .t1,.x_box3 .t2,.x_box3 .t5,.x_box3 .t6,.x_box3 .t7{    background-size: 40px auto;}
.x_box3 .t3,.x_box3 .t4{background-size:auto 35px;}
.x_box3{height:auto; overflow:hidden;padding-bottom:6px;}
.x_box3 span{width:22%;height: 72px;font-size: 13px;padding-top: 48px;margin: 2% 0.5% 1% 2%;}
.x_box3 .w1{margin: 1% 5% 0 6%!important;}

}
@media screen and (max-width:360px) {
.x_box2 .x1 {left: 35%;}

}
.industry-cover {
	background: #f5f5f5;
    left: 0px;
    top: 40px;
    width: 100%;
    padding: 0; 
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding: 40px 0;
	margin-bottom: 50px;

}	
		
.industry-cover .title-text {
    color: #333;
    line-height: 56px;
    font-size: 34px;
	font-weight:700;
}			
.industry-cover .industry-list {
    margin: 50px 0px 50px -100px;
}			
.industry-cover .industry-list .industry-item {
    width: 100px;
    height: 148px;
    margin-right: 0px;
    margin-left: 145px;
    margin-bottom: 10px;
    float: left;
}
.industry-cover .industry-list .industry-item .industry-icon {
    border-radius: 2px;
    border: 2px solid #333;
    transition: 0.3s linear;
    border-image: none;
    width: 100px;
    height: 100px;
    color: #333;
    line-height: 100px;
    position: relative;
    z-index: 2;
    -webkit-transition: all .3s linear;
}
.industry-cover .industry-list .industry-item .industry-icon:hover {
	z-index: 3;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.industry-cover .industry-list .industry-item .industry-icon .icon-edu {
    background-position: -80px -334px;
    width: 70px;
    height: 65px;
}
.icon-houses {
    background-position: -240px -334px;
    width: 70px;
    height: 64px;
}
.icon-car {
    background-position: -320px -334px;
    width: 70px;
    height: 59px;
}
.icon-business {
    background-position: -440px -80px;
    width: 64px;
    height: 64px;
}
.icon-bank {
    background-position: -160px -334px;
    width: 70px;
    height: 64px;
}
.industry-cover .industry-list .industry-item .industry-icon .icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icon.png);
    background-size: 544px 499px;
}
.industry-list .industry-item .titles {
    font-size: 20px;
    line-height: 28px;
    margin-top: 20px ;
    margin-bottom: 0;
    color: #333;
}
.btns-wrapper {
    text-align: center;
}

.btns-wrapper .btn.btn-line-blue {
    display: inline-block;
    color: #333;
    font-size: 18px;
    width: 160px;
    float: none;
    padding: 0px 26px;
    outline: 0px;
	height: 50px;
    text-align: center;
	text-decoration: none;
    cursor: pointer;
    min-width: 98px;
    -ms-user-select: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 0;
    line-height: 48px;
    margin: 0 auto;
    background: url(../images/btnBlue.svg) no-repeat;
    clear: both;

    border-radius: 48px;
}
.btns-wrapper .btn.btn-line-blue:hover {
    background-image: linear-gradient(90deg,#ff0000 0%,#ff0000 100%);
    border-radius: 48px;
    color: #fff;
}

@media screen and (max-width:768px) {
.industry-cover .industry-list{margin:0;}	
.industry-cover .title-text{font-size:24px;}	
.industry-cover .industry-list .industry-item{width: 31%;    margin: 1%;height:auto;}	
.industry-list .industry-item .titles{margin-top: 6px ;font-size:16px;}	
	
	
	
}