.new_logo,.banner_logo{ position:fixed; top:30px; left:30px; z-index:9999; transition:all .5s ease;}
.new_logo img,.banner_logo img{  vertical-align:middle; transition: all .3s ease;}
.new_logo .color_logo{ display:none;}

.banner_logo .color_logo{ display:block;}
.banner_logo .top_logo{ display:none;}
.banner_logo.banner_logobg .color_logo{ display:none;}
.banner_logo.banner_logobg .top_logo{ display:block;}

.new_logo.NavBg .color_logo,body.no_move .new_logo .color_logo,body.no_move .banner_logo .color_logo,.new_logo.site_logo .color_logo{ display:block;}
.new_logo.NavBg .top_logo,body.no_move .new_logo .top_logo,.new_logo.site_logo .top_logo,body.no_move .banner_logo .top_logo{ display:none;}


.logo_menu{ height:120px; width:100%; position:fixed; left:0; top:0; z-index:999; transition:all .5s ease;}
.logo_menu.logo_menu_down{ height:80px; background:rgba(255,255,255,0.9); border-bottom: 1px solid #E8E8E8;}
.logo_menu.logo_menu_down .new_logo,.logo_menu.logo_menu_down .banner_logo{ top:10px;}
.logo_menu.logo_menu_down .hamburger{ top:13px;}
.logo_menu.logo_menu_down img.top_logo{ display:none;}
.logo_menu.logo_menu_down img.color_logo{ display:block;}

.top_small_icon{ position:fixed; top:45px; right:75px; transition: all 0.3s ease-out;}
.top_small_icon a{ line-height:30px; padding:0 8px; display: inline-block; color: #bbb;  transition: all 0.3s ease-out;}
.top_small_icon a i.fa-mobile{ font-size:18px;}
.top_small_icon a:hover{color:#BF0230;}
.logo_menu.logo_menu_down .top_small_icon{ top:25px;}

.hamburger{ position:fixed; top:33px; right:15px; padding:15px; display:block; z-index:9999;}
.hamburger{padding:15px;display:inline-block;cursor:pointer;-webkit-transition-property:opacity,-webkit-filter;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;  transition:all .5s ease;}
.hamburger:hover,.principal:hover .principal-info .hamburger.fancy-button{opacity:.7}
.hamburger-box{width:29px;height:20px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-1px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:29px;height:2px;background-color:#bbb;border-radius:0;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}
.hamburger-inner:before{top:-9px}
.hamburger-inner:after{bottom:-9px}
.hamburger--arrowturn.is-active .hamburger-inner{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.hamburger--arrowturn.is-active .hamburger-inner:before{-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}
.hamburger--arrowturn.is-active .hamburger-inner:after{-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}
.hamburger--arrowturn-r.is-active .hamburger-inner{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.hamburger--arrowturn-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}
.hamburger--arrowturn-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}
.hamburger--slider .hamburger-inner{top:1px}
.hamburger--slider .hamburger-inner:before{top:9px;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.15s;transition-duration:.15s}
.hamburger--slider .hamburger-inner:after{top:18px}
.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0,9px,0) rotate(45deg);transform:translate3d(0,9px,0) rotate(45deg)}
.hamburger--slider.is-active .hamburger-inner:before{-webkit-transform:rotate(-45deg) translate3d(-4.14px,-7px,0);transform:rotate(-45deg) translate3d(-4.14px,-7px,0);opacity:0}
.hamburger--slider.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-18px,0) rotate(-90deg);transform:translate3d(0,-18px,0) rotate(-90deg)}

/*@media screen and (max-width:1673px){*/
    /*.culture .border{width: 673.19px;margin-left: 15.5%!important;}*/
    /*.culture .content{width: 669.19px;margin-left: 14%!important;}*/
    /*.culture .red{width: 475.75px!important;}*/
    /*.culture .img{width: 475.75px!important;}*/
/*}*/
@media screen and (max-width:1516px){
    .culture .red{margin-left: 45.7%;}
    .culture .img{margin-left: 45%;}
}
@media screen and (max-width:1256px){
    .culture .border{margin-left: 5%!important;}
    .culture .content{margin-left: 4%!important;}
    .culture .red{width: 40%!important;}
    .culture .img{width: 40%!important;}
    .footer .w_1025{width: 98%;margin-left:1%;!important;  }
}
@media screen and (max-width:1180px){
    .culture .red{margin-left: 58.7%;!important;}
    .culture .img{margin-left: 58%;!important;}
    .culture .content{margin-left: 0%!important;}
    .culture .border{margin-left: 3%!important;}
    .culture .yinhao{margin-left: 4%;!important;}

}
/*@media screen and (max-width:1019px){*/
    /*.culture .border{width: 70%!important;}*/
    /*.culture .content{width: 70%!important;}*/
    /*.culture .red{left:56%;width: 40%!important;}*/
    /*.culture .img{left:55%;width: 40%!important;}*/
    /*.culture .yinhao{margin-left: 1%!important;}*/
    /*.culture .more{margin-left: 4%!important;}*/
/*}*/
@media screen and (max-width:910px){
    .d4l{    margin: 15% auto auto 5%;!important;}
    .d4r{    margin: 15% 5% auto auto;!important;}
    .title{width: 49%;!important;}
}

@media screen and (max-width:768px){
    .culture{overflow: hidden!important;}
    .culture .content{width: 100%;margin-left: 0%;!important}
    .culture .yinhao{margin-left: 2%;!important;}
    .culture .more{margin-left: 5%;!important;}
    .culture .img{    margin-left: 60%;!important;}
    .culture .red{display: none;!important;}
    .newslist .t0 {  margin-left: 2%;!important;  }
    .newslist .t1{margin-left: 10%;!important;}
    .newslist .t2{margin-left: 14%;!important;}
    .newslist .t3{margin-left: 11%;!important;}
    .newslist .t4{margin-left: 10%;!important;}
}
@media screen and (max-width:767px){
    .culture{height:auto;overflow: hidden;!important;}
    .culture .content{width: 100%;margin-left: 0%;position: relative;!important}
    .culture .img{display: none;!important;}
    .culture .border{display: none;!important;}
    .cultures{overflow: hidden;!important;}
    .culture .yinhao{width: 96%!important;}
}
@media screen and (max-width: 590px) {
    .title{width: 100%;margin-right:0%;!important;}
    .ind-search{display: none;}
}
@media screen and (max-width: 476px) {
    h2{font-size: 26px; padding-top: 20px;!important;}
    h4{font-size: 17px!important;}
    .title .titleup{height: 125px!important;}
    .title .titledown{height: 125px!important;}
    .title .titledown h4{padding-top: 10px!important;}
    .culture .red{display: none;!important;}
    .culture .img{display: none;!important;}
    .culture .border{display: none;!important;}
    .d4l {  float: left;  margin: 15% auto auto 5%;  }
    .culture .content {margin-left:0%!important;width: 100%!important;position: relative!important;  }
    .culture .yinhao{width: 98%;top: 10%;!important;}
    .culture .slogan p{    padding: 20px 0 0 10px;!important;}
    .news .topline{width: 100%!important;}
    .news .newslist{width: 100%!important;}
    .news .newslist img{width: 100%;margin-top: 10px!important;}
    .footer_1 .footinfo1{width: 23%;!important;}
    .footer_1 .footinfo{width: 30%;!important;}
}
@media screen and (max-width: 439px) {
    .culture .more{    margin-top: 250px;!important;}
}
@media screen and (max-width: 414px) {
    .culture .yinhao{top:0%;!important;}
    .news{    margin-bottom: 20px;!important;}
    .news .topline{    margin: 20px 0;!important;}
    .news h2{    padding-top: 0px;!important;}
}