@charset "utf-8";
/* CSS Document */

.xj-tit{width: 100%;text-align: center;padding:4% 0;}
.xj-tit span{font-size: 24px;color: #202020;display: block;margin-bottom: 5px}
.xj-tit p{font-size: 14px;color: #7a7a7a;}
	
.xj01bg{width: 100%;background:#fff;overflow: hidden;padding-bottom: 40px}
.xj01{margin-bottom: 4%;}
.xj01 li{width: 32%;margin-right: 2%;float: left;padding: 2% 3%;background: url("../images/xj01-bg.jpg") no-repeat center;background-size: cover;height: 180px;margin-bottom: 30px}
.xj01 li:nth-child(3){margin-right: 0}
.xj01 li:nth-child(6){margin-right: 0}
.xj01 li span{font-size: 18px;color: #464646;display: block;}
.xj01 li i{font-size: 22px;color: #333;display: block;margin: 5px 0;font-weight: normal;font-style: normal;}
.xj01 li p{font-size: 14px;color: #646464;}


.xj02bg{width: 100%;overflow: hidden;padding-bottom: 40px}
.xj02bg ul.project {
    display: flex;
    justify-content: space-around;
	overflow: hidden;
}
.xj02bg ul.project a{width: 24.5%;display: inline-block;text-decoration:none}
.xj02bg ul.project li {
    background-repeat: no-repeat;
    background-position: center 40px;
    padding-top: 100px;
    border-radius:5px;
    height: 160px;
    text-align: center;
    background-color: #fff;
}
.xj02bg ul.project li.cate-box-01 {
    background-image: url(project-2020/01/cate-01.75d9ecf.png);
}
.xj02bg ul.project li.cate-box-02 {
    background-image: url(project-2020/01/cate-04.a6888be.png);
}
.xj02bg ul.project li.cate-box-03 {
    background-image: url(project-2020/01/cate-05.ed748e5.png);
}
.xj02bg ul.project li.cate-box-04 {
    background-image: url(project-2020/01/cate-06.3dc4ced.png);
}
.xj02bg ul.project a:hover li.cate-box-01 {
    background-image: url(project-2020/01/cate-01-0.6861c19.png);
}
.xj02bg ul.project a:hover li.cate-box-02 {
    background-image: url(project-2020/01/cate-04-0.19bd5ef.png);
}
.xj02bg ul.project a:hover li.cate-box-03 {
    background-image: url(project-2020/01/cate-05-0.f01a480.png);
}
.xj02bg ul.project a:hover li.cate-box-04 {
    background-image: url(project-2020/01/cate-06-0.242bb76.png);
}
.next-box{overflow: hidden; margin: 20px 0; text-align: center}
.next-box .next-btn{background:#f60;border-radius:5px;display:inline-block;font-size:16px;padding:12px 0px; text-align: center; width:200px;}
.next-box .next-btn:hover{opacity:.8}
.next-box .next-btn.disable{background:#999; color: #fff;}

.xj03bg{width: 100%;background:#fff;overflow: hidden;}
.xj03{width: 100%;overflow: hidden;margin-bottom: 5%;background:url("../images/xj03-bg.png") repeat-x center 61%;}
.xj03 li{width: 16.6%;float: left; text-align: center;}
.xj03 li b{font-size:70px;color: #ddd;display: block;line-height: 1}
.xj03 li img{max-width: 100%;margin:8% 0;}
.xj03 li p{font-size:16px;color: #2a2a2a;display: block;}
	
.xj04bg{width: 100%;overflow: hidden;padding-bottom: 40px}
.xj04{width: 50%;text-align: right;}
.xj04 b{font-size: 24px;color: #414141;display: block;margin-bottom:15px;padding-right: 12%}
.xj04 li{font-size: 16px;color: #535252; width: 100%;background:#fff;border-radius: 30px;height: 55px;line-height: 55px;margin-bottom: 15px;padding-right: 12%}
.xj04y{width: 50%;text-align: left;}
.xj04y b{font-size: 24px;color: #197fdf;display: block;margin-bottom:15px;padding-left: 12%}
.xj04y li{font-size: 16px;color: #fff; width: 100%;background:#1166ca;border-radius: 30px;height: 55px;line-height: 55px;margin-bottom: 15px;padding-left: 12%;position: relative;}
.xj04y li>span{background:url("../images/xj04-spanbg.png") no-repeat center;font-size: 20px;color: #fff; font-weight: bold;display: inline-block;width: 92px;height: 55px; text-align: center;position: absolute; left: -45px;}

.website_c{width: 100%;overflow: hidden;}
.website_c .box2 .item {width: 23%;text-align: center;padding-top: 140px;background-repeat: no-repeat;background-position: top;margin-left: 90px;margin-bottom: 40px; margin-left: 0;float: left}
.website_c .box2 .item:nth-child(4n+1) {  margin-left: 0;}
.website_c .box2 .item h2 {font-size: 20px;}
.website_c .box2 .item:first-child i {background-color: #f8ba25;}
.website_c .box2 .item:nth-child(2) i {background-color: #fe8f6e;}
.website_c .box2 .item:nth-child(3) i {background-color: #f06475;}
.website_c .box2 .item:nth-child(4) i {background-color: #973bee;}
.website_c .box2 .item:nth-child(5) i {background-color: #647af4;}
.website_c .box2 .item:nth-child(6) i {background-color: #b2d6fb;}
.website_c .box2 .item:nth-child(7) i {background-color: #45d9df;}
.website_c .box2 .item:nth-child(8) i {background-color: #f37991;}

.website_c .box2 .item i {background-color: #00a2e9;}
.website_c .box2 .item i {display: block;width: 21px;height: 3px;margin: 20px auto;}
.website_c .box2 .item p {font-size: 14px;}
.website_c .box2 .item:first-child { background-image: url(../images/1.png);}
.website_c .box2 .item:nth-child(2) { background-image: url(../images/2.png);}
.website_c .box2 .item:nth-child(3) { background-image: url(../images/3.png);}
.website_c .box2 .item:nth-child(4) { background-image: url(../images/4.png);}
.website_c .box2 .item:nth-child(5) { background-image: url(../images/5.png);}
.website_c .box2 .item:nth-child(6) { background-image: url(../images/6.png);}
.website_c .box2 .item:nth-child(7) { background-image: url(../images/7.png);}
.website_c .box2 .item:nth-child(8) { background-image: url(../images/8.png);}


@media screen and (max-width: 1366px){
	.xj02{width: 48%;margin-bottom:20px;}
	.xj01 li{width: 48%;}
	.xj01 li:nth-child(3){margin-right: 2%}
    .xj01 li:nth-child(6){margin-right: 2%}
	
	.xj02 .xia>a.a1{display: none}
	.xj03 li b{font-size: 50px;}
	
	.newsxia li p{height: auto;}
	}

@media screen and (max-width: 1024px){
	.xj-tit{padding:10% 5%;}
	
	.xj-tit span {font-size: 18px;}
	
	.xj01bg,.xj02bg,.xj04bg{padding-bottom: 20px;}
	.xj01 li{width: 100%;margin-right:0;float: none;height:auto;margin-bottom:10px;padding: 5%;}
	
	.xj02{width: 100%; margin-right: 0; float: none;margin-bottom:20px;}
	.xj02 .con{height:auto; }
	
	
	.xj03{background:none;}
	.xj03 li{width: 33.33%; margin-bottom: 20px;}
	.xj03 li b{font-size: 40px;}
	
	.xj04 b,.xj04y b{padding-left: 0;padding-right: 0;}
	.xj04,.xj04y{width: 100%;text-align:center;}
	.xj04 li,.xj04y li{padding-right: 0;padding-left: 0;font-size: 14px; border-radius: 20px;}
	.xj04y li>span{display: none}
	
	.newsxia{padding-bottom: 20px;}
	.newsxia li {width:100%;}
	
	.website_c .box2 .item{width: 33.33%}
	.website_c .box3 .list{width: 25%;}

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

	.xj-tit p{font-size: 12px;}
	
	.xj01 li span{font-size: 16px;}
	.xj01 li i{font-size: 18px;}
	
	.xj03 li b{font-size: 20px;}
	
	.xj04 li,.xj04y li{border-radius: 10px;}
	.xj03 li img{width: 80%}
	.xj03 li p{font-size: 14px;}
	
	.website_c .box2 .item{width: 50%}
	.website_c .box2 .item h2{font-size: 16px}
	.website_c .box3 .list{width: 33.33%;}
		
	.xj02bg ul.project li{padding-left:5px;padding-right:5px;}
}
@media screen and (max-width: 420px){
	.website_c .box3 .list{width: 50%;}
}