body{
	width: 100%;
	min-width: 1302px;
}
ul{
	list-style: none;
}
a{
	text-decoration: none;
	color: #000;
}
div{
	font-family: Noto Sans SC;
}
.clearfix{
	clear: both;
}
/* hover */
.right-txt-box:hover .right-txt-left{
	color: #fff;
	background: #022275;
	border: 4px solid #fff;
}
/* 绉戞妧鍚嶈瘝绉诲叆hover*/
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  background-color: #fff!important;
  color: #0433ba!important;
}
.hvr-ripple-in:before {
  border-radius: 10px;
}
/* 绉戞妧鍚嶈瘝鐭╁舰娓愬彉hover */
.hvr-rectangle-in{
	background: #fff!important;
}
.hvr-rectangle-in:before{
	background: #e9e9e9!important;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
	color: #0433ba!important;
}
/* .new-word a:hover{
	color: #0433ba;
}
.more:hover{
	opacity: 0.9;
}
.more-box:hover{
	background: #e9e9e9;
} */
/* 澶撮儴 */
.banner img{
	width: 100%;
}
.banner{
	width: 100%;
	position: relative;
}
.title-box{
	text-align: center;
	width: 100%;
	position: absolute;
	top: 35%;
}
.title-box div:first-child{
	font-size: 70px;
	color: #fff;
	letter-spacing: 8px;
	margin-bottom: 3%;
	
}
.title-box div:nth-child(2){
	font-size: 22px;
	letter-spacing: 1px;
	color: #fff;
	margin-bottom: 2%;
	display:none;
}
input,button{
	border: none;
	outline: none;
}
input{
	border: 2px solid #f5f5f5;
	border-right: none;
	border-radius: 5px 0 0 5px;
	background: transparent;
	color: #848484;
	font-size: 20px;
	height: 40px;
	padding: 0 1%;
}
button{
	background: #2992fb;
	border-radius: 0 5px 5px 0;
	border: none;
	position: relative;
	top: 5px;
	right: 5px;
	height: 46px;
}
button::before{
	content:'搜索';
	color: #fff;
	font-size: 28px;	
}

/* 绗竴琛� */
.line1{
	background: #f6f6f8;
}
.line1-box{
	background: #fff;
	width: 28.427%;
	padding: 2%;
	display: inline-block;
	margin-right: 1%;
	position: relative;
	top: -28px;
    vertical-align: middle;
}
.line1 .line1-box:first-child{
	padding-top: 2.154%;
}
.line1 .line1-box:nth-child(2){
	padding-top: 2.461%;
}
.line1-search{
	padding-left: 11%;
}
.line1-box:last-child{
	margin-right: 0;
}
.title-icon{
	display: inline-block;
	position: relative;
	top: 7px;
}
.title-txt{
	font-size: 30px;
	color: #022275;
	display: inline-block;
	margin-left: 2%;
}
.line1-title{
	width: 100%;
}
.line1-list{
	/* padding: 10px 0 0; */
}
.line1-one-list{
	border-bottom: 1px solid #f7f4fa;
	line-height: 60px;
}
.new-word{
	float: left;
	font-size: 16px;
	color: #000000;
	font-weight: 500;
	width: 50%;
}
.hot{
	padding-left: 12px;
}
.num{
	background: #022275;
	display: inline-block;
	line-height: 18px;
	color: #fff;
	border-radius: 12%;
	width: 18px;
	font-size: 14px;
	text-align: center;
	margin-right: 8px;
}
.time{
	float: right;
	font-size: 12px;
	color: #bdbdbd;
	position: relative;
	top: 18px;
	width: 19%;
}
li{
	list-style: none;
}
/* 姝ｅ湪鎼滅储 */
.search-list{
	overflow: hidden;
	height: 305px;
}
.line1{
	height: 407.062px;
}
/* .line1 .line1-box:nth-child(1){
	top:-342.14px;
} */

/* 绗簩琛� */
.line2{
	background: #fff;
}
.line2-title{
	font-size: 0px;
	font-weight: 800;
	padding: 3% 0 1%;
}
.line2-title span:first-child{
	font-size: 40px;	
}
.line2-title span:last-child{
	font-size: 40px;
	color: #0433ba;
}
.line2-box{
	/* background: #022275; */
/* 	max-height: 809px;
	overflow: hidden; */
}
.line2-left{
	float: left;
	background: #022275;
	width: 50%;
	color: #fff;
	position: relative;
	height: 600px;
}
.line2-detail{
	border: 3px solid #fff;
	width: 54%;
	padding: 3% 8% 3% 3%;
	left: 37%;
	position: absolute;
	z-index: 1;
	top: 17%;	
}
.detail-title{
	font-size: 30px;
	margin-bottom: 4%;
	font-weight: 500;
}
.detail-txt{
	font-size: 14px;
	line-height: 32px;
	margin-bottom: 3%;
	font-weight: 100;
}
.line2-right{
	float: right;
	width: 50%;
	position: relative;
	font-weight: 500;
	overflow: hidden;
}
.line2-right img{
	width: 100%;
	min-height: 600px;
}
.more{
	background: #022275;
	float: right;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
	color: #022275;
	display: inline-block;
	border: 1px solid #f6f6f8;
}
.more::before{
	content: '详情';
	background: #f6f6f8;
	line-height: 26px;
	width: 80px;
	margin: 4px;
	display: inline-block;
	font-weight: 500;
}
.right-txt-left{	
	font-size: 50px;
	float: left;
	border: 4px solid #022275;
	width: 74px;
	text-align: center;
}
.right-txt-box{
	width: 80%;
	display: inline-block;
	position: absolute;
	left: 12%;
	top: 17%;
	max-width: 660px;
}
.right-txt-right{
	color: #022275;
	float: right;
	width: 76%;
}
.right-title{
	font-size: 30px;
	line-height: 37px;
}
.right-txt{
	font-size: 16px;
	line-height: 44px;
}
.list-nav .right-txt-box:nth-child(2){
	top: 35%;
}
.list-nav .right-txt-box:nth-child(3){
	top: 53%;
}

/* 绗笁琛� */
.line3{
	background: #f6f6f8;
}
.line3-box{
	font-size: 0;
	text-align: center;
	padding-top: 1%;
}
.line3-list-box li,.line3-box ul li{
	overflow: hidden;
	display: inline-block;
	width: 24.77%;
	margin-right: 4px;
	float: left;
}
.one-box{
	width: 100%;
	box-sizing:border-box;
	padding: 20% 5%;
	color: #303030;
	font-size: 20px;
	background: #e9e9e9;
	letter-spacing: 4px;
	display: inline-block;
	margin-bottom: 4px;
	
}
.line3-box li:nth-child(4n){
	margin-right: 0;
}
.more-box{
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 10px 60px;
	color: #898989;
	text-align: center;
	font-size: 16px;
	display: inline-block;
}
.page{
	margin: 4%;
	display: inline-block;
}

/* 搴曢儴 */
.bottom{
	background: #fff;
	text-align: center;
	font-size: 16px;
	color: #c3c3c3;
	line-height: 35px;
	padding-top: 8%;
}
.detail-bottom{
	padding-top: 3%;
}
.bottom-box{
	background: #0433ba;
	padding: 2%;
}
.bottom img{
	width: 75px;
	height: 75px;
	margin-top: 15px;
}
.bottom img:first-child{
	margin-right: 1.2%;
}

/* 姝ｆ枃 */
.detail-box{
	background: #fff;
}
.detail-box-title{
	font-size: 0;
	padding: 1%;
}
.detail-box-title span{
	font-size: 16px;
	color: #898989;
}
.detail-box-title a{
	font-size: 16px;
	color: #0433ba;
}

/* 姝ｆ枃宸﹁竟 */
.detail-left{
	border: 2px solid #ddd8d8;
	float: left;
	width: 68%;
}
.detail-title-box{
	border-bottom: 2px solid #ddd8d8;
	padding: 3% 4%;
}
.content-title{
	font-size: 0px;
	color: #343332;
	margin-bottom: 4%;
}
.detail-title-txt{
	font-size: 16px;
	color: #898989;
}
.content-title span:first-child{
	font-size: 26px;
	font-weight: 800;
}
.detail-content .content-title{
	margin-bottom: 2%;
}
.content-title span:nth-child(2){
	font-size: 20px;
}
.content-txt{
	font-size: 16px;
	line-height: 24px;
}
.content-txt p{
	padding: 1.6% 0px;
}
.content-txt img{
	max-width: 100%;
}
.detail-content{
	padding: 3% 4% 10%;
}

/* 姝ｆ枃鍙宠竟 */
.detail-right{
	float: right;
	border: 2px solid #ddd8d8;
	width: 30%;
}
.detail-right-title{
	background: #0433ba;
	color: #fff;
	font-size: 26px;
	padding: 3% 0 3% 5%;
	font-weight: 800;
}
.detail-list{
	padding-left: 5%;
}


/* 鑷€傚簲 */
/*鎵嬫満绔�*/
@media only screen and (min-width:1880px ){
	.line2-left{
		padding-bottom: 31.9%;
		height: auto;
	}	
} 
@media only screen and (max-width:1000px ){
	.line1 .line1-box:nth-child(1){
		top:-28px!important;
	}	
}   

@media screen and (max-width: 768px) {
    html {
        transform-origin: top left;
        transform: scale(var(--scale-factor));
        width: 100vw;
        height: 100vh;
        overflow-x: hidden;
        box-sizing: border-box;
    }
}