.header .logo-white{
    display: none;
}
.home-head .logo-black{
    display: none;
}
.home-head .logo-white{
    display: block;
}
.header_fixed .logo-white{
    display: none;
}
.header_fixed .logo-black{
    display: block;
}
.text-center{
    text-align: center;
}

.profile-block{
    font-size: 20px;
    line-height: 1.8;
    margin: 0 0 30px;
    padding: 20px;
    border: 1px solid  #ddd;
}
.profile-block .title{
    font-size: 24px;
    font-weight: bold;
    position: relative;
    margin: 0 0 20px;
    text-align: left;
}
.profile-block .title::after{
    position: absolute;
    content: '';
    width: 40px;
    height: 4px;
    background: #369;
    bottom: -10px;
    left: 0;
}

.list1 li{
    background-color: #fff;
    padding: 30px;
    position: relative;
}
.list1 li:hover {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}
.list1 li .date{
    width: 67px;
    height: 72px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #c00;
    margin-top: 0.625rem;
}
.list1 li .date .t {
    line-height: 2.8125rem;
    background-color: #c00;
    color: #FFFFFF;
    font-size: 1.8rem;
}
.list1 li .date .t2 {
    line-height: 1.5625rem;
    font-size: 0.9rem;
    color: #c00;
}
.list1 li .text-block{
    flex: 1;
    padding-left: 30px;
    margin-left: 40px;
    position: relative;
    padding-bottom: 1.875rem;
}

.list1 li:hover::before {
    width: 100%;
}
.list1 li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 6px;
    background-color: #c00;
    transition: .5s;
}
.click-step{
    padding: 10px 0 30px;
    border-top: 1px solid #eee
} 
.click-step li{
    margin: 10px 0;
} 
.click-step a{ color:#888;}
.click-step a:hover{ color:#c00;}
.click-step a span{ color:#000;}

.singal-page{ }
 
.scoll-img{
    position: relative;
    margin: 20px;
}
.scoll-img .swiper-pagination{
    bottom: 5px;
    left:50%;
    transform: translate(-50%);
}
.scoll-img .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    margin: 5px;
}

.ifocus { width: 100%; height: 860px; overflow: hidden; position: relative; *zoom: 1 }
.ifocus_list { width: 9000px }
.ifocus_item { float: left }
.ifocus-fade { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden }
.ifocus-fade .ifocus-item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.ifocus-fade .ifocus-item:first-child { display: block }
.ifocus-slide { position: absolute; z-index: 1; top: 0; left: 0; width: 300%; height: 100%; overflow: hidden; *zoom: 1 }
.ifocus-slide .ifocus-item { float: left; width: 33.333333%; position: relative }
.ifocus-item { height: 100%; overflow: hidden }
.ifocus-item>a { display: block; width: 100%; height: 100%; overflow: hidden }
.ifocus-item img { width: 100%; height: 100%; border: none }
.ifocus-prev { position: absolute; z-index: 8; top: 50%; left: 5%; width: 40px; height: 80px; cursor: pointer; margin-top: -40px; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTQxMzE5OTk1MDAyIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMxMTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTcyOS42IDkzMS4ybC00MTYtNDI1LjYgNDE2LTQxNmM5LjYtOS42IDkuNi0yNS42IDAtMzUuMi05LjYtOS42LTI1LjYtOS42LTM1LjIgMGwtNDMyIDQzNS4yYy05LjYgOS42LTkuNiAyNS42IDAgMzUuMmw0MzIgNDQxLjZjOS42IDkuNiAyNS42IDkuNiAzNS4yIDBDNzM5LjIgOTU2LjggNzM5LjIgOTQwLjggNzI5LjYgOTMxLjJ6IiBwLWlkPSIzMTIwIiBmaWxsPSIjZGJkYmRiIj48L3BhdGg+PC9zdmc+); -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out }
.ifocus-prev:hover { background-color: rgba(0, 0, 0, .8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000) }
.ifocus-next { position: absolute; z-index: 8; top: 50%; right: 5%; width: 40px; height: 80px; cursor: pointer; margin-top: -40px; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTQxMzE5MjQzNjE0IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI3MDciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTc2MS42IDQ4OS42bC00MzItNDM1LjJjLTkuNi05LjYtMjUuNi05LjYtMzUuMiAwLTkuNiA5LjYtOS42IDI1LjYgMCAzNS4ybDQxNiA0MTYtNDE2IDQyNS42Yy05LjYgOS42LTkuNiAyNS42IDAgMzUuMnMyNS42IDkuNiAzNS4yIDBsNDMyLTQ0MS42Qzc3MS4yIDUxNS4yIDc3MS4yIDQ5OS4yIDc2MS42IDQ4OS42eiIgcC1pZD0iMjcwOCIgZmlsbD0iI2RiZGJkYiI+PC9wYXRoPjwvc3ZnPg==); -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out }
.ifocus-next:hover { background-color: rgba(0, 0, 0, .8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000) }
.ifocus-spot { position: absolute; z-index: 2; left: 0; width: 100%; bottom: 20px; height: 16px; text-align: center }
.ifocus-spot span { width: 14px; height: 14px; margin: 0 8px; cursor: pointer; border-radius: 50%; background-color: #fff; border: 1px solid #f4d05d; display: inline-block; vertical-align: top }
.ifocus-spot span.active { background-color: #f4d05d }
.ifocus-spot-nums { height: 22px }
.ifocus-spot-nums span { width: 20px; height: 20px; color: #666; font-size: 12px; line-height: 20px; text-align: center }
.ifocus-spot-nums span.active { color: #fff }
.banner { height: 100%; overflow: hidden }
.banner-pane { height: 100% }
.banner-item { height: 100%; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden }
.banner-item a { display: block; width: 100%; height: 100%; background-color: #000 }
.banner-item a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; background-color: #000 }
.banner-item.active a { -webkit-animation: fadeZoom 8s linear 0s infinite both; animation: fadeZoom 8s linear 0s infinite both }
.banner-item.active h2 { -webkit-animation: fadeInLeft 10s linear 0s infinite both; animation: fadeInLeft 10s linear 0s infinite both }
.banner-item.active p { -webkit-animation: fadeInLeft 10s linear 1s infinite both; animation: fadeInLeft 10s linear 1s infinite both }
.banner-text { margin-left: 11.3636364%; padding-bottom: 5% }
.banner-text h2 { color: #fff; font-size: 65px;text-shadow: 2px 4px #000; font-weight: bold; line-height: 1.4; font-weight: normal; -webkit-transform: translate(-200px, 0); -ms-transform: translate(-200px, 0); transform: translate(-200px, 0); opacity: 0 }
.banner-text p { color: rgba(255, 255, 255, 1); font-size: 25px; text-transform: uppercase; line-height: 1.63; margin-top: 4.3939394%; -webkit-transform: translate(-200px, 0); -ms-transform: translate(-200px, 0); transform: translate(-200px, 0); opacity: 0 }
.banner-text span { display: block; letter-spacing: 5px; }
.banner-foot { position: fixed; z-index: 8; left: 50%; bottom: 8%; text-align: center; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: .8 }
.banner-foot h3 { color: #fff; font-size: 18px; white-space: nowrap; letter-spacing: 0.8em; margin-left:6px;  }
.banner-foot p { color: #fff; font-size: 14px; white-space: nowrap; letter-spacing: .5px;text-transform: uppercase; }
.banner-foot a {color: #fff; opacity: 0.8; transition: 0.2s ease-in-out;}
.banner-foot a:hover {opacity: 1;}
.banner .container { display: block; position: absolute;  z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 1320px; height: auto; width: 100% }

h1.page-detail-title{
    text-align: center;
    margin: 0 auto;
    font-weight: 500;
    position: relative;
    margin-bottom: 40px;
    height: 4rem;
    font-size: 34px;
    display: inline-block;
    background: url(/assets/web/img/t-b2.png) right bottom no-repeat !important;
    padding: 0 80px;
}

.page-detail-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  width: 40px;
  background: #003990;
}
.page-detail-title::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 4px;
    background-color: #003A8F;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, 0);
}

@-webkit-keyframes fadeZoom {
	0% { -webkit-transform: scale(1); transform: scale(1) }
	99% { -webkit-transform: scale(1.12); transform: scale(1.12) }
	100% { -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes fadeZoom {
	0% { -webkit-transform: scale(1); transform: scale(1) }
	99% { -webkit-transform: scale(1.12); transform: scale(1.12) }
	100% { -webkit-transform: scale(1); transform: scale(1) }
}
@-webkit-keyframes fadeInLeft {
	0% { -webkit-transform: translate(-200px, 0); transform: translate(-200px, 0); opacity: 0 }
	10% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 }
	99% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 }
	100% { -webkit-transform: translate(-200px, 0); transform: translate(-200px, 0); opacity: 0 }
}
@keyframes fadeInLeft {
	0% { -webkit-transform: translate(-200px, 0); transform: translate(-200px, 0); opacity: 0 }
	10% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 }
	99% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 }
	100% { -webkit-transform: translate(-200px, 0); transform: translate(-200px, 0); opacity: 0 }
}
@media only screen and (max-width:1200px) {
	.banner-text { margin-left: 9.0909091%; padding-bottom: 5% }
	.banner-text h2 { font-size: 40px }
	.banner-text p { font-size: 15px }
	.banner-foot h3 { font-size: 16px }
	.banner-foot p { font-size: 13px; letter-spacing: .5px }
}
@media only screen and (max-width:1024px) {
	.banner-text { margin-left: 8.203125%; padding-bottom: 5% }
	.banner-text h2 { font-size: 32px }
	.banner-text p { font-size: 14px; margin-top: 3.4632035% }
}
@media only screen and (max-width:768px) {
	.banner-text { margin-left: 8.203125%; padding-bottom: 5% }
	.banner-text h2 { font-size: 28px }
	.banner-text p { font-size: 12px; margin-top: 3.0303031% }
	.banner-foot { bottom: 5% }
	.banner-foot h3 { font-size: 15px; letter-spacing: .8 }
	.banner-foot p { font-size: 12px; letter-spacing: .2px }
}
@media only screen and (max-width:480px) {
	.banner-text { margin-left: 4%; padding-bottom: 5% }
	.banner-text h2 { font-size: 40px }
	.banner-text p { font-size: 20px; margin-top: .4rem }
	.banner-foot { width: 88%; bottom: 5% }
	.banner-foot h3 { font-size: .373334rem; letter-spacing: 0 }
	.banner-foot p { font-size: .32rem; letter-spacing: 0; white-space: normal }
	.banner .swiper-pagination { right: .64rem; line-height: .746667rem }
}


.section5 .info-left{
    height:250px
}
@media (max-width: 1366px){
    .tab-ti a {
        font-size: 17px;
        padding: 0 10px;
    }
}

@media (max-width: 1366px){
    .section5 .info-right a {
        width: 48%;
    }
}
.section5 .info-right{
    align-content: space-between;
}
.section5 .info-left{
    height: 220px;
}

.section5 .info-left li.cur h2{
    background: #da251c;
    border-color: #da251c;
}
.section5 .info-left h2{
    color: #da251c;
    font-weight: bold;
}
.section5 .info-left h2:before{
    color: #ccc;
}
.title .zh{
    font-weight: bold;
}
.section5 .info-left .link-box{
    height: 220px;
    overflow-y: scroll;
}
.section5 .info-left .link-box li{
    margin-top: 14px;
}

.fontbold{
    font-weight: bold !important;
}
.fontsize22{
    font-size:22px !important;
}
.imgs-product{
    position: relative;
}
.imgs-product .rybox{
 position:absolute;
 z-index: 2;
 left:5px;
 bottom:15px;
 max-width:50%;
 padding:5px 10px;
 color:#fff;
 font-size: 18px;
 background: #e9251c;

}
.imgs-product .rybox::after{
    border-top: 37px solid transparent;
    border-left: 50px solid #e9251c;
    position: absolute;
    content: '';
    width: 0px;
    height: 0;
    bottom: 0;
    right: -50px;
}
.paging_content p{
    text-indent: 2em;
}

.header_fixedot {
    animation: FiexdIn .8s;
    background: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    left: 0;
    position: fixed
}