@charset "utf-8";
/* CSS Document*/
.banner{margin: 0 auto; width: 100%; overflow: hidden; background-color: #0b1e2d; position: relative;}
.large_box{width: 100%; height: 450px; overflow: hidden;}
.large_box img{display: block;}
.small_box{width: 57%; position: absolute; bottom: 0;right: 0;}
.small_list{position: relative; float: left; width: 100%; overflow: hidden;}
.small_list ul{overflow: hidden; padding-bottom: 10px; 
	background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));}
.small_list ul li{position: relative; float: left; margin-right: 12px; width: 355px; cursor: pointer;}
.small_list ul li img{display: block; margin-left: 10px; float: left;}
.small_list ul li div{float: left; width: 200px;}
.small_list ul li div p{font-size: 13px; color: #fff; 
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.small_list ul li.on img{border: 1px solid #fff; box-sizing: border-box;}
.btn{display: block; width: 50px; height: 50px; background-position: center center; cursor: pointer;}
.left_btn{position: absolute; top: -170px; left: 10px; background-image: url(../images/2022062703.png);}
.right_btn{position: absolute; top: -170px; right: 10px; background-image: url(../images/2022062704.png);}
.bun_bg{text-align: justify; margin-left: 10px;}
.banner .large_box ul li{height: 100%;}
.banner .large_box ul li .wenzi{float: left; width: 43%; color: #fff;}
.banner .large_box ul li .wenzi .lb_news{width: 500px; float: right; margin-right: 15px;}
.banner .large_box ul li .wenzi .lb_news .time{text-transform: uppercase; font-size: 16px; font-weight: 600;
    color: rgb(11, 184, 156); margin-top: 80px;}
.banner .large_box ul li .wenzi .lb_news .lb_title{font-family: "DINOT-CondLight"; font-weight: bold;
    font-size: 26px; margin: 10px 0; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.banner .large_box ul li .wenzi .lb_news .lb_nr{font-size: 16px; color: #fff; line-height: 24px; height: 96px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;}
.banner .large_box ul li .wenzi .lb_news .lb_category{font-size: 14px; color: #bbc7d0; opacity: .4; font-weight: 500;
	margin-top: 20px;}
.banner .large_box ul li .wenzi .lb_news .more{width: 118px; height: 32px; background: #ffc20e; border-radius: 20px;
	font-size: 12px; line-height: 32px; text-align: center; color: #000; text-transform: uppercase; font-weight: bold;
	margin-top: 50px; transition: .3s;}
.banner .large_box ul li .wenzi .lb_news .more:hover{background-color: #fff;}
.banner .large_box ul li .tupian{float: right; width: 57%; height: 100%;}
.banner .large_box ul li .tupian>img{width: 100%; height: 100%;}
.chaxun{width: 100%; height: 425px; background: url(../images/chaxun_bg.jpg) no-repeat center; background-size: cover;}
.chaxun .cx1{padding-top: 90px;}
.chaxun .cx1 .name{font-size: 48px; color: #000; font-weight: bold;}
.chaxun .cx1 .line{width: 375px; height: 20px; background-color: #ffc20e; margin-top: -25px;}
.chaxun .cx1 input{width: 530px; height: 60px; border: 1px solid #b8b8b8; margin-top: 40px; font-size: 18px;
	color: #898989; text-indent: 5px;}
.chaxun .cx1 .query{display: block; width: 144px; height: 50px; background-color: #8cc841; font-size: 18px;
	color: #fff; text-align: center; line-height: 50px; margin-top: 30px; transition: .3s;}
.chaxun .cx1 .query:hover{background-color: #000;}
.chaxun .cx2{padding-top: 90px;}
.chaxun .cx2 .name{font-size: 48px; color: #000; font-weight: bold;}
.chaxun .cx2 .line{width: 270px; height: 20px; background-color: #ffc20e; margin-top: -25px;}
.chaxun .cx2 select{width: 530px; height: 60px; border: 1px solid #b8b8b8; margin-top: 40px; font-size: 18px;
	color: #898989; text-indent: 5px; outline: none;}
.chaxun .cx2 .query{display: block; width: 144px; height: 50px; background-color: #8cc841; font-size: 18px;
	color: #fff; text-align: center; line-height: 50px; margin-top: 30px; transition: .3s;}
.chaxun .cx2 .query:hover{background-color: #000;}
.news{padding: 65px 0 20px;}
.news .tit{font-size: 48px; color: #000; font-weight: bold;}
.news .line{width: 130px; height: 20px; background-color: #ffc20e; margin-top: -25px; margin-left: 60px;}
.news .newsbox{padding-top: 40px;}
.news .newsbox .list{width: 30.46%; position: relative; overflow: hidden; margin-right: 4.31%; margin-bottom: 40px;}
.news .newsbox .list:nth-child(3n){margin-right: 0;}
.news .newsbox .list>img{display: block; width: 100%;}
.news .newsbox .list .bg{position: absolute; top: 190px; left: 0; width: 100%; height: 100%;
	background: linear-gradient(to top, rgba(1,16,42,1), rgba(1,16,42,0)); padding: 30px 20px; box-sizing: border-box;
	transition: .5s;}
.news .newsbox .list .bg .demo{background-color: #ffc20e; font-size: 14px; color: #000; font-style: italic;
	padding: 5px 10px;}
.news .newsbox .list .bg .bt{font-size: 35px; color: #fff; font-weight: bold; line-height: 40px; margin: 20px 0;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical; height: 160px;}
.news .newsbox .list .bg .nr{font-size: 16px; color: #fff; line-height: 24px; height: 120px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;}
.news .newsbox .list .bg .learn{font-size: 16px; color: #fff; font-weight: bold; float: right; margin-top: 20px;}
.news .newsbox .list:hover .bg{top: 0;}
.introduction{margin-bottom: 60px;}
.introduction .tit{font-size: 48px; color: #000; font-weight: bold;}
.introduction .line{width: 858px; height: 20px; background-color: #ffc20e; margin-top: -25px; margin-left: 60px;}
.introduction .lbbox{background: #e6ebe9; padding: 50px 30px 0 30px; margin-top: 40px;}
.introduction .lbbox .xinwen{background: #fff; height: 310px;}
.introduction .lbbox .xinwen .imgbox{height: 150px; overflow: hidden;}
.introduction .lbbox .xinwen .imgbox img{display: block; width: 100%;}
.introduction .lbbox .xinwen .xw_wenzi{padding: 10px;}
.introduction .lbbox .xinwen .xw_wenzi .xw_js{font-size: 20px; color: #005b99; font-weight: bold; line-height: 28px;
	height: 112px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;}
.introduction .lbbox .xinwen .xw_wenzi .drag{width: 37px; height: 4px; background: #ffc006; margin-top: 15px;}
.introduction .lbbox .swiper-container{padding-bottom: 90px;}
.introduction .lbbox .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background: url(../images/zuo.jpg); width: 45px; height: 45px; top: 90%;
}
.introduction .lbbox .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background: url(../images/you.jpg); width: 45px; height: 45px; top: 90%; right: auto; left: 5%;
}


@media screen and (max-width: 1680px){
	.small_list ul li{width: 300px;}
	.small_list ul li div{width: 170px;}
}
@media screen and (max-width: 1600px){
	.small_list ul li{width: 290px;}
	.small_list ul li div{width: 150px;}
}
@media screen and (max-width: 1440px){
	.small_list ul li{margin-right: 5px; width: 265px;}
	.small_list ul li img{margin-left: 5px;}
	.small_list ul li div{width: 130px;}
	.news .newsbox .list .bg{top: 200px; padding: 35px 20px;}
	.news .newsbox .list .bg .bt{font-size: 30px; -webkit-line-clamp: 3; height: 120px;}
}
@media screen and (max-width: 1400px){
	.small_list ul li{width: 260px;}
	.small_list ul li div p{font-size: 12px;}
	.small_list ul li div{width: 110px;}
}
@media screen and (max-width: 1366px){
	.banner .large_box ul li .wenzi{width: 37%;}
	.banner .large_box ul li .wenzi .lb_news{width: 400px;}
	.banner .large_box ul li .tupian{width: 63%;}
	.small_box{width: 63%;}
	.small_list ul li{width: 280px;}
	.small_list ul li div{width: 130px;}
}
@media screen and (max-width: 1280px){
	.banner .large_box ul li .wenzi{width: 36%;}
	.banner .large_box ul li .tupian{width: 64%;}
	.small_box{width: 64%;}
	.small_list ul li{width: 265px;}
}
@media screen and (max-width: 1200px){
	.chaxun .cx1 input{width: 400px;}
	.chaxun .cx2 select{width: 400px;}
	.banner{margin-top: 65px;}
	.banner .large_box ul li .wenzi .lb_news{width: 270px;}
	.news .tit{font-size: 38px;}
	.news .line{width: 100px; margin-left: 50px;}
	.introduction .tit{font-size: 38px;}
	.introduction .line{width: 676px; margin-left: 50px;}
	.news .newsbox .list .bg{padding: 30px 20px; top: 160px;}
	.news .newsbox .list .bg .bt{font-size: 20px; -webkit-line-clamp: 2; height: 60px; line-height: 30px;}
	.news .newsbox .list .bg .nr{-webkit-line-clamp: 4; height: 96px;}
	.introduction .lbbox .swiper-button-next, .swiper-container-rtl .swiper-button-prev{left: 8%;}
}
@media screen and (max-width: 900px){
	.banner_wap{margin-top: 50px; position: relative;}
	.banner_wap img{display: block; width: 100%;}
	.banner_wap .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		text-align: center;
	}
	.chaxun{height: 450px;}
	.chaxun .cx1{width: 100%; padding-top: 50px;}
	.chaxun .cx1 .name{font-size: 30px;}
	.chaxun .cx1 .line{width: 238px; height: 10px; margin-top: -20px;}
	.chaxun .cx1 input{width: 100%; height: 40px; font-size: 14px; margin-top: 20px;}
	.chaxun .cx1 .query{width: 100px; height: 35px; line-height: 35px; font-size: 14px; margin-top: 20px;}
	.chaxun .cx2{width: 100%; padding-top: 50px;}
	.chaxun .cx2 .name{font-size: 30px;}
	.chaxun .cx2 .line{width: 168px; height: 10px; margin-top: -20px;}
	.chaxun .cx2 select{width: 100%; height: 40px; font-size: 14px; margin-top: 20px;}
	.chaxun .cx2 .query{width: 100px; height: 35px; line-height: 35px; font-size: 14px; margin-top: 20px;}
	.news .tit{font-size: 28px;}
	.news .line{display: none;}
	.introduction{margin-bottom: 40px;}
	.introduction .tit{font-size: 28px;}
	.introduction .line{display: none;}
	.news .newsbox .list{width: 100%; margin-right: 0; margin-bottom: 30px;}
	.news{padding: 40px 0 20px;}
	.news .newsbox{padding-top: 20px;}
	.news .newsbox .list .bg{top: 0;}
	.news .newsbox .list .bg .bt{font-size: 30px; -webkit-line-clamp: 4; height: 160px; line-height: 40px;}
	.introduction .lbbox{padding: 30px 30px 0 30px;}
	.introduction .lbbox .swiper-button-next, .swiper-container-rtl .swiper-button-prev{left: 20%;}
	.introduction .lbbox .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
}