@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/construction/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/construction/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/construction/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/construction/website/1.png);}
.website_c .box2 .item:nth-child(2) { background-image: url(../images/construction/website/2.png);}
.website_c .box2 .item:nth-child(3) { background-image: url(../images/construction/website/3.png);}
.website_c .box2 .item:nth-child(4) { background-image: url(../images/construction/website/4.png);}
.website_c .box2 .item:nth-child(5) { background-image: url(../images/construction/website/5.png);}
.website_c .box2 .item:nth-child(6) { background-image: url(../images/construction/website/6.png);}
.website_c .box2 .item:nth-child(7) { background-image: url(../images/construction/website/7.png);}
.website_c .box2 .item:nth-child(8) { background-image: url(../images/construction/website/8.png);}
.website_c .box3{border-left: 1px dashed #c9c9c9;border-top: 1px dashed #c9c9c9;width: 100%; overflow: hidden}
.website_c .box3 .list{width: 20%;height: 150px;border-right: 1px dashed #c9c9c9;border-bottom: 1px dashed #c9c9c9;background-color: #fff;transition: background-color .2s;background-repeat: no-repeat;background-position: center 28px;padding-top: 85px;text-align: center; float: left;}
.website_c .box3 .list:first-child {background-image: url(../images/construction/website/10.png);}
.website_c .box3 .list:nth-child(2) {background-image: url(../images/construction/website/11.png);}
.website_c .box3 .list:nth-child(3) {background-image: url(../images/construction/website/12.png);}
.website_c .box3 .list:nth-child(4) {background-image: url(../images/construction/website/13.png);}
.website_c .box3 .list:nth-child(5) {background-image: url(../images/construction/website/14.png);}
.website_c .box3 .list:nth-child(6) {background-image: url(../images/construction/website/15.png);}
.website_c .box3 .list:nth-child(7) {background-image: url(../images/construction/website/16.png);}
.website_c .box3 .list:nth-child(8) {background-image: url(../images/construction/website/17.png);}
.website_c .box3 .list:nth-child(9) {background-image: url(../images/construction/website/18.png);}
.website_c .box3 .list:nth-child(10) {background-image: url(../images/construction/website/19.png);}


.newsxia{width: 100%; overflow:hidden; padding-bottom: 40px}
.newsxia li{width:49%;overflow:hidden; padding:2% 0; margin:.5%; float: left;position: relative; background: #fff; padding: 20px}
.newsxia li a{text-decoration: none;}
.newsxia li b{ color:#191919; font-size:18px; display: block;height: 25px; overflow: hidden;} 
.newsxia li b>i{ display: inline-block; width: 0px; height: 1px; background: #fff; vertical-align: middle; }
.newsxia li p{ color:#909090; height:40px; overflow: hidden; margin: 15px 0;}
.newsxia li span{color: #979797; display: block; background: url("../images/construction/biaobg.png") no-repeat center left;padding-left: 20px;}
.newsxia li:hover:after{width: 100%;}
.newsxia li:hover b>i{ width: 15px;margin-right: 5px;}
.newsxia li:hover {background: #999; }
.newsxia li:hover b{color: #fff;}
.newsxia li:hover p{color: #fff;}
.newsxia li:hover span{color: #fff;}
.newsxia li:hover span{background: url("../images/construction/biaobgh.png") no-repeat center left;}

@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%;}
}