.g-nav li {
    margin-left: 20px;}

@media only screen and (max-width: 1680px){
.g-nav li {
    margin-left: 20px;}
}
.xxbm .down{width:140px !important;}
.xxbm .down a{    font-size: 17px !important;}
.g-nav2 .scroll li{width: 20%;padding-right: 0px;}
.g-nav2 .scroll li:nth-child(4n){border-right:1px solid rgba(255,255,255,.24);}
.g-nav2 .scroll li:nth-child(6n){border-left:none;}
/*样式*/
.hd-t input::-webkit-input-placeholder { /* chrome/opera/safari */
    color: #ffffff;}
.hd-t input:-ms-input-placeholder { /* ie 10+ */
    color: #ffffff;}
.hd-t input:-moz-placeholder { /* firefox 18- */
    color: #ffffff;
    opacity: 1;}
.hd-t input::-moz-placeholder { /* firefox 19+ */
    color: #ffffff;
   opacity: 1;}

.mybetween{display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}
.mycenter{display: flex; display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.mystart{display: flex;display: -webkit-flex; justify-content: flex-start;-webkit-justify-content: flex-start;}
.myend{display: flex;display: -webkit-flex; justify-content: flex-end;-webkit-justify-content: flex-end;}
.mytop{display: flex;display: -webkit-flex;-webkit-align-items:flex-start;align-items:flex-start;}

.mymiddle{display: flex;display: -webkit-flex;-webkit-align-items:center;align-items:center;}
.mystretch{display: flex;display: -webkit-flex;-webkit-align-items:stretch;align-items:stretch;}
.mycol{display: flex;display: -webkit-flex; -webkit-flex-direction:column;flex-direction: column;}
.myrow{display: flex;display: -webkit-flex; -webkit-flex-direction:row;flex-direction: row;}
.mywrap{-webkit-flex-wrap:wrap;-webkit-box-lines:single;-moz-flex-wrap:wrap;flex-wrap:wrap;}　
.mynowrap{-webkit-flex-wrap:nowrap;-webkit-box-lines:single;-moz-flex-wrap:nowrap;flex-wrap:nowrap;}
.myhide{ display:none;}

.pic_listcon{ position:relative;}
.picwz2{width:calc(100% - 120px);box-sizing:border-box;padding-left:10px;  height:40px;}

.tab_01 li{position:relative; width:20%; height:42px;     margin: 0 8px;}

.tab_01 li a { display:block;box-sizing: border-box; border:1px solid #646464;height: 42px;line-height: 40px;font-size: 16px;color: #222; text-align:center;}
.tab_01 li a:hover{color:#fff!important; border: 1px solid #ca2401; background-color: #ca2401;}
.tab_01 li.selected a{color:#fff; border: 1px solid #ca2401; background-color: #ca2401;} 
.tab_01 li.selected a:hover{color:#fff!important;}

@media( max-width: 768px){
    .tab_01 li a {font-size: 0.8rem;}
}
img{ max-width: 100%;}
.lb-one{ position:relative; padding-top: 40%;}
.ny-box{ width: 1500px; margin:0 auto; padding:0 15px;}
.lb01{ position: absolute; left: 0; top: 0; width: 66%; height: 100%;}
.lb02{ position: absolute; right: 0; top: 0; width: 33%; height: 49%;}
.ny-box img{ width: 100%; height: 100%; object-fit: cover; cursor: pointer; transition: all 0.5s; overflow: hidden;}
.ny-box img:hover{  transform: scale(1.1);  overflow: hidden;}
.lb03{ position: absolute; right: 0; bottom: 0; width: 33%;  height: 49%;}
.part_1{
    margin-top:30px;}
.ny-box .lb-one{ margin-bottom: 1%;}
.ny-box .lb-one:nth-child(even) .lb01{ left: auto; right: 0;}
.ny-box .lb-one:nth-child(even) .lb02,.ny-box .lb-one:nth-child(even) .lb03{ left: 0; right: auto;}
.lb-one a{ display: block; position: relative; height: 100%; overflow: hidden;}
.lb-one a span{ position: absolute; left: 0; right: 0; bottom: 0; font-size: 18px; color: #fff; padding:10px 15px; background: linear-gradient(to top,#000000d9,#0000); text-align: center;}




@media( max-width: 1599px){
    .ny-box{ width: 1230px;}
}
@media( max-width: 1279px){
    .ny-box{ width: 970px;}
}
@media( max-width: 991px){
    .ny-box{ width: 750px;}
}
@media( max-width: 768px){
    .ny-box{ width: 100%;}
    .lb-one a span{ font-size: 10px; padding:1px 2px;text-overflow: ellipsis;
    white-space: nowrap;    overflow: hidden;}
}
.back {
    position: fixed;
    bottom: unset;
    top: 50%;
    right: 0;
    height: 150px;
    transform: translateY(-50%);
    width: 56px;
    z-index: 499
;}

.back a {
    position: absolute;
    right: -20px;
    display: block;
    color: #fff;
    font-size: 1.25em;
    background-color: #00276c;
    width: 56px;
    padding: 6px 10px;
    border-radius: 8px 0 0 8px;
    writing-mode: vertical-lr;
    letter-spacing: 3px;
    transition: all .3s ease-in-out
;}

.back:hover a {
    background: #00276c;
    color: #ffffff;
    right: -15px
;}

@media( max-width: 768px){
    .back a {
    font-size: 1em;
    width: 50px;
    padding: 6px 6px;}
}