.xian{width: 1px;height: 20px;background-color: #ccc;margin: 0 50px;}
.li{padding: 20px 0;position: relative;font-size: 20px;cursor: pointer;}
.in{color: #04417a;}
.in::before{content: '';position: absolute;bottom: 0;left: 50%;width: 40px;height: 3px;margin-left: -20px;background-color: #04417a;}


.gbox{padding: 90px 0;box-sizing: border-box;}
.gbox .line-h3{height:126px;}
.gbox .d1{width: 60%;}
.gbox img{max-width: 28%;height: 280px;}
.more{width: 120px;height: 46px;border: 1px solid #04417a;font-size: 14px;color:  #04417a;text-align: center;line-height: 46px;}


/* 技术 */

.wh50{width: 50px;height: 50px;margin: auto;}
.px6{padding-left: 60px;padding-right: 60px;}
.box1{background-color: #f5f5f5;width:32%;margin-right: 2%;margin-bottom: 40px;}
.box1:nth-child(3n){margin-right: 0;}
.box1 .h280{width: 100%;height: 280px;}
.box1 .font-16{height: 100px;}
.w22{width: 22px;height: 16px}

.box2{background-color: #fff;overflow: hidden;width:32%;margin-right: 2%;margin-bottom: 40px;border: 1px solid #dcdcdc;position: relative;padding: 40px;box-sizing: border-box;}
.box2:nth-child(3n){margin-right: 0;}
.box2 .bimg{position: absolute;width: 100%;height: 100%;top: 100%;left: 0;}
.box2 .img2{display: none;}
.wh70{width: 70px;height: 70px;}
.tbox{padding: 30px 0;margin-bottom: 130px;}
.tbox .font-32{height: 84px;}
.tbox .font-14{height: 40px;}
.box2:hover {color: #fff!important;}
.box2:hover .color4 {color: #fff!important;}
.box2:hover .color9 {color: #fff!important;}
.box2:hover .i{display: block;}
.box2:hover .bimg{top: 0;transition: all .5s;}
.box2:hover .img1{display: none;}
.box2:hover .img2{display: block;}

.box3{background-color: #fff;box-shadow: 0 2px 10px 0 rgba(1,1,1,0.1);margin-bottom: 40px;display: flex;flex-wrap: wrap;}
.box3 .l1{width: 17%;}
.box3 .l2{padding: 30px 40px;box-sizing: border-box;width: 83%;}
.box3 .font-16{margin-bottom: 60px;margin-top: 20px;}

.sou{width: 30%;background-color: #f5f5f5;margin-bottom: 50px;}
.sou input{border: none;font-size: 16px;padding: 0 24px;background-color: transparent;width: 100%;height: 100%;}
.sou div{width: 80px;height: 42px;font-size: 16px;text-align: center;line-height: 42px;}
.box4{width: 48%;margin-right: 4%;margin-bottom: 50px;}
.box4 .px-2{width: 70%;}
.box4:nth-child(2n){margin-right: 0;}
.wh54{width: 54px;height: 56px;}
.r1 {background-color: #f0f0f0;padding: 2px;}
.wh22{width: 22px;height: 22px;margin-right: 5px;}
.h50{width: 120px;height: 50px;background-color: #fff;font-size: 16px;}

/* 新闻 */

.tlist{display: flex;justify-content: center;padding: 50px 0;margin-bottom: 30px;}
.tlist .lii{text-align: center;border: 1px solid #d2d2d2;margin: 0 20px;font-size: 20px;padding: 15px 30px;cursor: pointer;}
.tlist .c1{background-color: #04417a;border: 1px solid #04417a;color: #fff;}

.box5{background-color: #fff;box-shadow: 0 4px 16px 0 #d2d2d2;border: 1rpx solid #d2d2d2;margin-bottom: 50px;padding: 45px 30px;box-sizing: border-box;}
.box5 .flex5{width: 72%;}
.box5 img{max-width: 18%;height: 190px;}


.box6{padding: 80px 0;border-bottom: 1px solid #bfbfbf;}
.box6 .h300{max-width: 28%;height: 300px;}
.box6 .l3{width: 20%;text-align: center;}
.box6 .l4{width: 52%;}


.box7{width: 32%;margin-right: 2%;margin-bottom: 40px;box-shadow: 0 2px 14px 0 rgba(0,0,0,0.1);}
.box7:nth-child(3n){margin-right: 0;}
.box7 .img3{width: 100%;height: 300px;}
.box7 .font-22{height: 60px;}



/* 人才 */
.box8{box-shadow: 0 0 16px 0 rgba(1,1,1,0.1);width: 48%;margin-right: 4%;background-color: #fff;margin-bottom: 80px;position: relative;padding: 40px;box-sizing: border-box;font-size: 14px;color: #666;}
.box8:nth-child(2n){margin-right: 0;}
.h80{width: 500px;height: 80px;position: absolute;left: 50%;top: -15px;margin-left: -250px;font-size: 20px;font-weight: bold;color: #04417a;text-align: center;line-height: 50px;}
.wh16{width: 16px;height: 16px;border: 3px solid #04417a;border-radius: 50%;margin-right: 10px;}
.lian{width: 160px;height: 56px;background-color: #04417a;text-align: center;color: #fff;line-height: 56px;font-size: 16px;margin-top: 30px;margin-bottom: 10px;}


.task{width: 600px;position: relative;padding: 80px;box-sizing: border-box;}



@media only screen and (max-width:1700px){
	.xian{margin: 0 40px;}
	.li{font-size: 18px;}
	
	.gbox{padding: 70px 0;}
	.gbox img{max-width: 28%;height: 200px;}
	.more{width: 90px;height: 40px;line-height: 40px;}
	.font-26{font-size: 24px;}
	.gbox .line-h3{line-height: 2!important;height: 80px;}
	.mb-5{margin-bottom: 40px;}
	
	
	/* 新闻 */
	.tlist .lii{font-size: 18px;}
	
	.box5{margin-bottom: 40px;padding: 40px 25px;}
	.box5 img{max-width: 18%;height: 140px;}
	
	
	.box6{padding: 70px 0;}
	.box6 .h300{max-width: 28%;height: 260px;}
	
	.box7 .img3{width: 100%;height: 260px;}
	
	
}

@media only screen and (max-width:1400px){
	.xian{margin: 0 40px;}
	.li{font-size: 16px;}
	
	.gbox{padding: 50px 0;}
	.gbox img{max-width: 28%;height: 160px;}
	.more{width: 80px;height: 34px;line-height: 34px;}
	.font-26{font-size: 18px;}
	
	
	/* 技术 */
	
	.wh50{width: 40px;height: 40px;}
	.px6{padding-left: 40px;padding-right: 40px;}
	.box1{margin-bottom: 30px;}
	.box1 .h280{width: 100%;height: 220px;}
	.font-24{font-size: 20px;}
	.box1 .font-16{height: 80px;font-size: 14px;}
	.w22{width: 22px;height: 16px}
	.p-3{padding: 20px;}
	
	.box2{margin-bottom: 30px;padding: 30px;}
	.wh70{width: 60px;height: 60px;}
	.tbox{padding: 30px 0;margin-bottom: 100px;}
	.tbox .font-32{height: 74px;font-size: 28px}
	.tbox .font-14{height: 40px;}
	
	.box3{margin-bottom: 30px;}
	.box3 .l2{padding: 20px 30px;}
	.box3 .font-16{margin-bottom: 50px;margin-top: 10px;}
	
	.box4{margin-bottom: 40px;}
	.wh54{width: 44px;height: 46px;}
	.wh22{width: 20px;height: 20px;}
	.h50{width: 100px;height: 40px;font-size: 14px;}
	
	
	/* 新闻 */
	
	.tlist{padding: 40px 0;margin-bottom: 20px;}
	.tlist .lii{font-size: 16px;padding: 10px 25px;margin: 0 15px;}
	
	.box5{margin-bottom: 30px;padding: 30px 20px;}
	.box5 img{max-width: 18%;height: 120px;}
	
	.box6{padding: 60px 0;}
	.box6 .h300{max-width: 28%;height: 220px;}
	
	.box7 .img3{width: 100%;height: 220px;}
	.py-3{padding-top: 20px;padding-bottom: 20px;}
	.font-32{font-size: 28px;}
	
	.h80{width: 400px;height: 60px;top: -12px;margin-left: -200px;font-size: 18px;line-height: 40px;}
}

@media only screen and (max-width:1000px){
	.xian{height: 16px;margin: 0 30px;}
	.li{padding: 15px 0;font-size: 14px;}
	.in::before{width: 30px;height: 2px;margin-left: -15px;}
	
	.gbox{padding: 40px 0;}
	.gbox .d1{width: 70%;}
	.gbox img{max-width: 28%;height: 120px;}
	.gbox .line-h3{line-height: 2!important;height: 74px;}
	/* .more{width: 80px;height: 34px;line-height: 34px;} */
	.font-26{font-size: 18px;}
	.font-14{font-size: 12px;}
	.mb-5{margin-bottom: 20px;}
	
	
	
	/* 技术 */
	
	.wh50{width: 30px;height: 30px;}
	.px6{padding-left: 30px;padding-right: 30px;}
	.box1{margin-bottom: 30px;}
	.box1 .h280{width: 100%;height: 160px;}
	.font-24{font-size: 18px;}
	.box1 .font-16{height: 66px;font-size: 14px;}
	.box1 .line-h2{line-height: 1.5!important;}
	.w22{width: 22px;height: 16px}
	.p-3{padding: 10px;}
	.py-2{padding-top: 10px;padding-bottom: 10px;}
	
	.box2{margin-bottom: 20px;padding: 20px;}
	.wh70{width: 50px;height: 50px;}
	.tbox{padding: 20px 0;margin-bottom: 70px;}
	.tbox .font-32{height: 66px;font-size: 24px}
	.tbox .font-14{height: 34px;}
	
	.box4{/* width: 48%;margin-right: 4%; */margin-bottom: 40px;}
	.wh54{width: 34px;height: 36px;}
	.wh22{width: 16px;height: 16px;}
	.h50{width: 80px;height: 40px;font-size: 12px;}
	
	
	/* 新闻 */
	
	.tlist{padding: 30px 0;}
	.tlist .lii{padding: 10px 15px;margin: 0 10px;}
	
	.box5{margin-bottom: 30px;padding: 20px;}
	.box5 img{max-width: 18%;height: 90px;}
	
	
	.box6{padding: 50px 0;}
	.box6 .h300{max-width: 28%;height: 180px;}
	
	.box7{margin-bottom: 30px;}
	.box7 .img3{width: 100%;height: 170px;}
	.box7 .font-22{height: 50px;}
	.py-3{padding-top: 10px;padding-bottom: 10px;}
	.font-32{font-size: 26px;}
	
	
	.box8{width: 100%;margin-right: 0;margin-bottom: 60px;padding: 30px;font-size: 14px;}
}

@media only screen and (max-width:750px){
	
	
	/* 技术 */
	
	.px6{padding-left: 20px;padding-right: 20px;}
	.box1{width:49%;margin-right: 0;margin-bottom: 20px;margin-left: 2%;}
	.box1:nth-child(2n+1){margin-left: 0;}
	.box1 .h280{width: 100%;height: 160px;}
	.font-24{font-size: 18px;}
	.box1 .font-16{height: 66px;font-size: 14px;}
	.box1 .line-h2{line-height: 1.5!important;}
	.w22{width: 22px;height: 16px}
	.p-3{padding: 10px;}
	.py-2{padding-top: 10px;padding-bottom: 10px;}
	
	
	.box2{width:49%;margin-left: 2%;margin-right: 0;}
	.box2:nth-child(2n+1){margin-left: 0;}
	.wh70{width: 40px;height: 40px;}
	.tbox{padding: 10px 0;}
	.tbox .font-32{height: 56px;font-size: 20px}
	.tbox .font-14{height: 34px;}
	
	
	.box3{margin-bottom: 20px;}
	.box3 .l2{padding: 20px;}
	.box3 .font-16{margin-bottom: 40px;}
	
	.sou{width: 60%;margin-bottom: 40px;}
	.sou input{font-size: 14px;padding: 0 24px;}
	.box4{width: 100%;margin-right: 0;margin-bottom: 20px;}
	
	
	/* 新闻 */
	.tlist{padding: 20px 0;}
	.tlist .lii{font-size: 14px;padding: 10px;/* margin: 0 10px; */}
	
	.box5{margin-bottom: 20px;padding: 15px;}
	.box5 .flex5{width: 60%;}
	.box5 img{max-width: 30%;height: 120px;}
	
	.box6{padding: 40px 0;}
	.box6 .h300{max-width: 28%;height: 140px;}
	
	
	.box7{margin-bottom: 20px;width: 49%;margin-right: 0;margin-left: 2%;}
	.box7:nth-child(2n+1){margin-left: 0;}
	.box7 .img3{width: 100%;height: 200px;}
	.font-32{font-size: 24px;}
}


@media only screen and (max-width:500px){
	.xian{height: 14px;margin: 0 10px;}
	.li{padding: 10px 0;font-size: 12px;}
	.in::before{width: 20px;height: 2px;margin-left: -10px;}
	
	.gbox{padding: 20px 0;}
	.gbox .d1{width: 60%;}
	.gbox img{max-width: 38%;height: 120px;}
	.gbox .line-h3{line-height: 1.5!important;height: 54px;}
	.more{width: 64px;height: 28px;line-height: 28px;font-size: 12px;}
	.font-26{font-size: 16px;}
	.mb-5{margin-bottom: 10px;}
	
	
	/* 技术 */
	.box1{width:100%;margin-bottom: 20px;margin-left: 0;}
	.box1 .h280{width: 100%;height: 220px;}
	.font-24{font-size: 16px;}
	.box1 .font-16{height: 66px;font-size: 14px;}
	.w22{width: 22px;height: 16px}
	.p-3{padding: 10px;}
	.py-2{padding-top: 10px;padding-bottom: 10px;}
	
	.tbox .font-32{height: 28px;font-size: 18px}
	.tbox{padding: 10px 0;margin-bottom: 50px;}
	
	.box3 .font-16{margin-bottom: 10px;}
	
	.sou{width: 80%;margin-bottom: 30px;}
	.sou input{font-size: 14px;padding: 0 15px;}
	.sou div{font-size: 14px;}
	.wh54{width: 28px;height: 30px;}
	.h50{height: 34px;}
	
	
	/* 新闻 */
	.box5 img{max-width: 30%;height: 90px;}
	
	.box6{padding: 30px 0;}
	.box6 .h300{max-width: 100%;height: 120px;width: 40%;}
	.box6 .l3{width: 60%;text-align: right;}
	.box6 .l4{width: 100%;margin-top: 20px;}
	
	.box7 .img3{width: 100%;height: 150px;}
	.font-32{font-size: 22px;}
	
	
	.h80{width: 300px;height: 50px;top: -10px;margin-left: -150px;font-size: 16px;line-height: 30px;}
	.box8{margin-bottom: 40px;padding: 20px;font-size: 12px;}
	.font-18{font-size: 16px;}
	.wh16{width: 12px;height: 12px;margin-right: 5px;}
	.lian {width: 120px;height: 46px;line-height: 46px;font-size: 14px;}
}


@media only screen and (max-width:375px){
	.gbox .d1{width: 100%;margin-bottom: 20px;}
	.gbox img{max-width: 100%;height: 220px;width: 100%;}
	.gbox .line-h3{line-height: 1.5!important;height: 54px;}
	.more{width: 64px;height: 28px;line-height: 28px;font-size: 12px;}
	.font-26{font-size: 16px;}
	.mb-5{margin-bottom: 10px;}
	
	/* 技术 */
	.box1 .h280{width: 100%;height: 180px;}
	.font-24{font-size: 16px;}
	.box1 .font-16{height: 66px;font-size: 12px;}
	.p-3{padding: 15px;}
	.py-2{padding-top: 10px;padding-bottom: 10px;}
	
	.box2{width:100%;margin-left: 0;padding: 10px;}
	.wh70{width: 30px;height: 30px;}
	.tbox{padding: 20px 0;margin-bottom: 70px;}
	
	
	.box3 .font-16{margin-bottom: 0;}
	
	.tlist {padding: 20px 0 0 0;}
	.tlist .lii {font-size: 12px;padding: 6px 10px;margin: 0 5px;}
	.box5 img{max-width: 30%;height: 70px;}
	
	.line-h2{line-height: 1.2!important;}
	
	.box6{padding: 20px 0;}
	.box6 .h300{max-width: 100%;height: 90px;}
	
	.box7{width: 100%;margin-left: 0;}
	.box7 .img3{width: 100%;height: 180px;}
	
	
}