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::after{ position: absolute; left: 0; bottom: 0; display: block; content: ''; transition: all .36s; width: 100%; height:  1px; 
    background-color: rgba(255, 255, 255, .15); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

header.scroll{ box-shadow: 0 0 15px rgba(0, 0, 0, .15); color: #333;}
header.scroll::after{    background-color: #fff;  height: 100%;}

.logoImg{  height: 66px;}
.headerForm .keys{ width: 255px;}
.headerForm .submit{  background: url(../images/search-w.png) no-repeat center center var(--color); width: 45px; height: 45px;}

nav{ width: 1600px; margin: 0 auto; z-index: 100; background: url(../images/navBg.jpg) no-repeat center center; background-size: 100% 100%;}
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.on .oneNav::before{ display: block; content: '';  width: 2em; height: 1px; background: #fff; position: absolute; left: 50%; top: 80%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
nav ul li:hover a{ opacity: .8;}
nav.sticky{ width: 100% !important;}

.subNav a{ background:  rgba(230, 33, 41, .15);}
.subNav a.on{ background: var(--color); color: #fff;}

.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;} 
.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 h2{ 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;}