body{font-size: 16px;} 
.inner{ width:1400px;   margin: 0 auto;  }
.pl-inner{ padding-left: calc((100vw - 1400px)/2);}
.pr-inner{ padding-right: calc((100vw - 1400px)/2);}
.ml-inner{ margin-left: calc((100vw - 1400px)/2);}
.mr-inner{ margin-right: calc((100vw - 1400px)/2);}

header{ background: url(../images/headerBg.jpg) no-repeat center center / cover}


.logoImg{  width:27vw ;}
.headerForm .keys{ width: 25vw; height: 50px;}
.headerForm .submit{  background: url(../images/search-w.png) no-repeat center center var(--color);  width: 48px; height: 48px;}

.headerBot{ position: absolute; left: 0; right: 0; bottom: -1px;}

nav{ width: 100%; margin: 0 auto; z-index: 100; background: var(--color);    border-bottom: 1px solid rgba(255, 255, 255, .15);}
nav ul li{ flex: 1;}
nav ul li a{ line-height: 80px;}
nav ul li a::after{ display: block; content: ''; width: 1px; height: .8em; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, .3); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
nav ul li.on a{ font-weight: bold;}
nav ul li:hover a{ opacity: .8;}
nav.sticky{ width: 100% !important;}

.subNav a{ background:  rgba(18,93,178, .15);}
.subNav a.on{ background: var(--color); color: #fff;}

.w80{ width: 80%;}

.idxMain{ background: url(../images/mainBg.png) no-repeat center top / 100% auto;}

.todayBox li i{ width: .4em; height: .4em;}
.todayBox .title::after{ display: block; content: ''; width: 0; height:0; position: absolute; left: 99%; top: 50%; transform: translateY(-50%); background:transparent; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent var(--red); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}

.idxHot .tit::after{ display: block; content: ''; width: .5vw; height: 100%; position: absolute; left: 0; top: 0; background:var(--color) }
.idxHot .top .img{ width: 100%; height: 0; padding-bottom: 54%;}
.idxHot .top .more{ height: 3em;}
.idxHotUl a  .img{ width: 100%; height: 0; padding-bottom:68.7%;}

.idxTitle .tit::after{ display: block; content: ''; width: .5vw; height: 100%; position: absolute; left: 0; top: 0; background:var(--color) }

.mainLeft{ width: 68%;}
.mainRight{ width: 28.6%;}
.indexTit span{ height: 2.7em;}
.indexTit span::after{ display: block; content: ''; width: 100%; height: 4px; position: absolute; left: 0; top: -2px; background: var(--color);  }
.indexTit a:hover{letter-spacing: 2px;}

.imporNews li::before{ width: 6px ; height: 6px; top: 15%; background: var(--color); position: absolute; left: 0; display: block; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.idxList a .round{ width: 50px; height: 50px;}
.idxList a:last-child{ border-bottom: none;} 
.idxList a:hover{ color: var(--red);}
.bg-icon{ background: #fef4f4;}
.idxMore:hover{ letter-spacing: 2px; color: #fff !important;}

.idxpicUl li{ width: calc((100% - 75px)/4); margin-right: 25px;}
.idxpicUl li:nth-child(4n){ margin-right: 0;}
.idxpicUl li .img{ padding-bottom: 62.5%; height: 0; width: 100%;}
.idxpicUl li h2{ height: 3.2em;  line-height: 1.5; margin-bottom: 5px;}

footer .bottom a:hover{ opacity: .6;}
.CopyrightText a:hover{ color: #fff;}
.footEwm img{ width: 120px;}


.piclist li{ width: calc((100% - 50px)/3); margin-right: 25px;}
.piclist li:nth-child(3n){ margin-right: 0;}
.piclist li .img{ padding-bottom: 62.5%; height: 0; width: 100%;}
.piclist li .desc{ height: 3.2em;  line-height: 1.5; margin-bottom: 5px;}



.w19{  width: 19%;}

.newslist li .img{ width: 100%; height: 0; padding-bottom: 60%;}
.newsPageBack{ width: 50px; height: 50px;}
.newsPageBack:hover{ background: var(--color) ; color: #fff;}
.newsPage a:hover span{ color: var(--color) !important;}