/*banner*/
.news-banner{background-image: url('../img/news-banner_2x.jpg');}
/*list*/
.news-nav{display: flex;width: 100%;background: #FFFFFF;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);margin-top: 72px;}
.news-nav li{font-size: 18px;}
.news-nav li a{font-size: 18px;width: 150px;height: 52px;color: #666666;font-weight: 400;display: inline-block;line-height: 52px;text-align: center;}
#lan_en .news-nav li a{width:220px;}
.news-nav li a:hover{/*background-color: #EEF9FF;*/}
.news-nav .active a{background-color: #3468BE;color: #FFFFFF;pointer-events: none;}
.news{}
.news .item-title{margin-bottom: 70px;}
.news .main-item{margin-bottom: 120px;}
.news ul{display: grid;grid-template-columns: repeat(3, 1fr);grid-row-gap: 30px;grid-column-gap: 57px;}
.news ul li{padding-bottom: 20px;transition: all 0.6s;}
.news ul li:hover{box-shadow: 0 5px 15px rgb(100 100 100 / 10%);padding-bottom: 20px;}
.news ul li div{height: 216px;overflow: hidden;margin-bottom: 20px;display:flex;justify-content:center;}
.news ul li h3{font-size: 14px;font-weight: 400;line-height: 17px;color: #000000;display: block;height: 40px;padding:0 10px;}
.news ul li p{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;word-wrap: break-word;padding:0 10px;
word-break: break-all;font-size: 12px;font-weight: 400;line-height: 17px;color: #999999;margin-top: 14px;transition: all 0.6s;}
.news ul li div img{max-width:100%;height:100%;width:auto;transition: all 0.6s;}
.news ul li:hover div img{transform: scale(1.1);}
.news ul li h3:hover{color:#005EB2;}

#news-list .news-list{display:none;}
#news-list .active{display:block;}

/*content*/
.news-content{font-size: 16px;}
.news-content .crumb{position: relative;height: 22px;font-size: 16px;margin-bottom: 50px;}
.news-content .crumb a{font-weight: 400;font-size: 16px;color:#000;/*display: inline-block;height: 22px;float: left;*/}
.news-content .crumb a:not(:first-child){margin-left: 13px;}
.news-content .crumb a:not(:last-child){margin-right:13px;}
.news-content .title{position: relative;margin-bottom: 20px;}
.news-content .title h2{font-weight: 400;font-size: 28px;color:#000;width: 85%;max-width:825px;}
.news-content .title .page{background: #EEF9FF;width: 80px;height: 108px;position: absolute;right: 0;top: 0;padding: 12px 16px;text-align: center;}
.news-content .title .page a{font-weight: 400;font-size: 16px;color:#000;display: inline-block;padding:10px 0;}
.news-content .title .page a:first-child{border-bottom:1px solid #03B8EC;}

.news-content .info{font-weight: 400;font-size: 14px;margin-bottom: 50px;}
.news-content .info span{font-weight: 400;font-size: 14px;background-color: rgba(0, 0, 0, 0.05);padding: 3px 6px;}

.news-content article{font-weight: 400;font-size: 16px;color: #000;}
.news-content article p{line-height:28px;}
.news-content article p:not(:last-child){/*margin-bottom:20px;*/}
.news-content article p img{max-width:100%;}

/*right list*/
.article{display: grid;grid-template-columns:825px auto;grid-column-gap: 55px;grid-row-gap: 55px;}
.article article{padding:36px 32px;background-color:#F4F5F8;}
.article .hotlist{width:100%;}
.article .hotlist h3{font-weight: 400;font-size: 24px;line-height: 40px;color: #000000;border-top:3px solid #4ABCE9;display:inline-block;margin-bottom:30px;}
.article .hotlist li{margin-bottom:20px;background-color: #fff;padding-bottom:20px;}
.article .hotlist li:hover{box-shadow: 0 5px 15px rgb(100 100 100 / 10%);}
.article .hotlist img{width:100%;}
.article .hotlist a{color:#808080;font-weight: 400;font-size: 16px;line-height: 24px;}
.article .hotlist p{margin-top:10px;}
/*
.news-content article p{text-align: justify;
    text-align-last: left;
    text-justify: inter-ideograph;
    text-align-last: left;
    -moz-text-align: justify;
    -moz-text-align-last: left;
    -webkit-text-align: justify;
    -webkit-text-align-last: left;}
.news-content article p img{max-width:60%;text-align-last: center;}
.news-content article .news-imgbox{text-align-last: center;}
.news-content article .news-imgtitle{font-weight:bold;text-align:center;text-align-last:center;}
.news-content article p:not(:last-child){margin-bottom: 20px;line-height: 30px;}
.news-content article p:first-child{text-align-last: auto;}
.news-content article p:first-child img{max-width:49%;}
.news-content article p:first-child img:first-child{margin-right:1%;}
*/
/*大于1200*/
@media only screen and (min-width: 1200px){
	
}
/*750-1199*/
@media only screen and (min-width: 750px) and (max-width: 1199px){
	.news ul{grid-template-columns: repeat(2, 1fr);}
	.news ul li div{height:350px;}
	.news-content .main-wrap{padding: 0 20px;}
}
/*less 860*/
@media only screen and (max-width: 860px){
	.news ul{grid-template-columns: repeat(2, 1fr);padding:0 20px;}
	.news ul li div{height:auto;}
    .article{grid-template-columns:1fr!important;}
    .article article{width:100%;}
    .article .hotlist{display:none;}
}
/*小于750*/
@media only screen and (max-width: 749px){
    #lan_en .news-nav{display:grid;grid-template-columns: repeat(2, 1fr);}
	.news ul{grid-template-columns: repeat(1, 1fr);}
	.news-content .main-wrap{padding: 0 15px;}
}
/*小于520*/
@media only screen and (max-width: 520px){
	.news-nav{justify-content:center;}
	.news-nav li a{width: 20vw;}
	.news ul{grid-template-columns: repeat(1, 1fr);}
	.news ul li div{height:auto;}
}

@keyframes mygticon-a {
    0% { opacity: 1; }
	25% { opacity: 0.6; }
    50% { opacity: 0.2; }
	75% { opacity: 0.6; }
	100% { opacity: 1; }
}
@keyframes mygticon-b {
    0% { opacity: 0.6; }
	25% { opacity: 0.2; }
    50% { opacity: 0.6; }
	75% { opacity: 1; }
	100% { opacity: 0.6; }
}
@keyframes mygticon-c {
    0% { opacity: 0.2; }
	25% { opacity: 0.6; }
    50% { opacity: 1; }
	75% { opacity: 0.6; }
	100% { opacity: 0.2; }
}