.us{padding:100px 0;color:#fff;position:relative;}
.us-img{position: absolute;top: 0;right: 0;z-index: -1;width:100%;height:100%;visibility: hidden}
.us-img1{animation: usimg 1s linear;visibility: visible}
@keyframes usimg {
    from{
       right: -100%;
    }
    to{
       right: 0;
    }
}
.honor-container{visibility: hidden}
.honor-container1{animation:honor-container 1s linear;visibility: visible}
@keyframes honor-container {
    from{
        transform:translateX(-500px);
    }
    to{
        transform:translateX(0);
    }
}
.honorh1,.honorh2,.honorh3,.honorh4,.honorh5,.honorh6{visibility: hidden}
.yongdao{color: #E5010E;opacity: 1;animation-name: anih;animation: anih .5s linear both;-moz-animation: anih .5s linear both;-webkit-animation: anih .5s linear both;-o-animation: anih .5s linear both}
.honorh11{animation: anih .4s linear;visibility: visible}
.honorh22{animation: anih .5s linear;visibility: visible}
.honorh33{animation: anih .6s linear;visibility: visible}
.honorh44{animation: anih .7s linear;visibility: visible}
.honorh55{animation: anih .9s linear;visibility: visible}
.honorh66{animation: anih 1.1s linear;visibility: visible}
@keyframes anih {
    from{
        transform:translateY(30px);
        -moz-transform:translateY(30px);
        -o-transform:translateY(30px);
        -ms-transform:translateY(30px);
        -weblit-transform:translateY(30px);
        opacity: 0;
    }
    to{
        transform:translateY(0);
        -moz-transform:translateY(0px);
        -o-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -weblit-transform:translateY(0px);
        opacity: 1;
    }
}
@-webkit-keyframes anih {
    from{
        transform:translateY(30px);
        -moz-transform:translateY(30px);
        -o-transform:translateY(30px);
        -ms-transform:translateY(30px);
        -weblit-transform:translateY(30px);
        opacity: 0;
    }
    to{
        transform:translateY(0);
        -moz-transform:translateY(0px);
        -o-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -weblit-transform:translateY(0px);
        opacity: 1;
    }
}
@-moz-keyframes anih {
    from{
        transform:translateY(30px);
        -moz-transform:translateY(30px);
        -o-transform:translateY(30px);
        -ms-transform:translateY(30px);
        -weblit-transform:translateY(30px);
        opacity: 0;
    }
    to{
        transform:translateY(0);
        -moz-transform:translateY(0px);
        -o-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -weblit-transform:translateY(0px);
        opacity: 1;
    }
}
@-o-keyframes anih {
    from{
        transform:translateY(30px);
        -moz-transform:translateY(30px);
        -o-transform:translateY(30px);
        -ms-transform:translateY(30px);
        -weblit-transform:translateY(30px);
        opacity: 0;
    }
    to{
        transform:translateY(0);
        -moz-transform:translateY(0px);
        -o-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -weblit-transform:translateY(0px);
        opacity: 1;
    }
}
.about{font-size:22px;margin-left: 15px;color: #545454}
.intro-detail{
    margin: 10px auto;
    font-size: 15px;
    color: #6C6C6C;
    line-height: 1.5;
    animation: anih .8s linear;
    text-indent: 25px;
}
.more-yongdao{
    color: #6C6C6C;
    border: 1px solid #6c6c6c;
    border-radius: 20px;
    padding: 7px 31px;
    transition: .5s;
}
.more-yongdao:hover{
    text-decoration: none;
    background-color:  #E5010E;
    border: 1px solid  #E5010E;
    color: #fff;
}
.yd-honor .honor-item{min-height: 200px;transition: .3s}
.yd-honor .honor-item h2{width:100%;text-align:left;height: 50px;line-height: 50px;color: #545454;font-size:35px;margin-bottom: 0}
.yd-honor .honor-item div{min-height:150px;font-size: 18px;color: #E5010E;}
.yd-honor .honor-item div p{margin-bottom:0;width: 100%;text-align: left;}
.honor-title{font-size:18px;color: #545454;margin-bottom: 0;font-weight: bold}
.honor-top{font-size: 35px;color: #E5010E}
.honor-introdution{text-align: justify;color: #ffbfc0;line-height: 2.1;font-size:17px;margin-top: 30px}
.more-honor{border: 1px solid #ffbfc0;color: #ffbfc0;border-radius: 20px;padding: 0px 29px;margin-top:30px;float: right;transition: .5s}
.more-honor:hover{color: #fff;border: 1px solid #fff;text-decoration: none;}
.pagination{flex-wrap: nowrap;margin: 0 auto !important;}
.result1,result2{visibility: hidden}
.result11{animation: result1 1s linear;visibility: visible}
.result22{animation: result2 1s linear;visibility: visible}
.estitle{width: 75%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.f-bold{font-weight: bold}
@keyframes result1 {
    from{
        transform: translateX(-300px);
    }
    to{
        transform: translateX(0px);
    }
}
@keyframes result2 {
    from{
        transform: translateX(300px);
    }
    to{
        transform: translateX(0px);
    }
}

.dynamic-item{height: 500px;}
.dynamic-item .dynamic-big-title{height:60px}
.dynamic-item .dynamic{height: 400px}
.dynamic-item .dynamic .dynamic-img{height: 300px;overflow: hidden;position: relative}
.dynamic-item .dynamic .dynamic-img:hover img{transform: scale(1.1)}
.dynamic-item .dynamic .dynamic-img img{width: 100%;height: 100%;transition: .5s;position: absolute;left: 0}
.liimg{visibility: hidden}
.imgai{animation: imgai 1s linear;visibility: visible}
@keyframes imgai {
    from{
        opacity: 0;
        left: -300px;
    }
    to{
        opacity: 1;
        left: 0;
    }
}
.dynamic-item .dynamic .dynamic-detail{margin-bottom: 25px}
.dynamic-item .dynamic .dynamic-detail .dynamic-detail-title{margin-top: 15px;font-size: 16px;color: #000;transition: .1s}
.dynamic-item .dynamic .dynamic-detail:hover .dynamic-detail-title{color: #E5010E;padding-left: 10px}
.dynamic-item .dynamic .dynamic-detail .dynamic-detail-intro{font-size: 13px;color:#898989}
.dynamic-item .dynamic .dynamic-throw{font-size: 15px;margin-bottom: 30px}
.dynamic-item .dynamic .dynamic-throw .dythrow-time{color:#898989}
.dynamic-item .dynamic .dynamic-throw .dythrow-title{color: #000;transition: .1s}
.dynamic-item .dynamic .dynamic-throw .dythrow-title:hover{color: #E5010E;padding-left: 10px}
.dythrow-title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.dynamic-item .page-num{height:40px}

.scope{width: 100%;margin: 0 auto;height: 400px;cursor: pointer;position: relative;overflow: hidden;background-color: rgba(255,255,255,.5)}
.scope .scope-title{width: 100%;height: 50px;line-height: 50px;text-align: center;color: #fff;background-color: #4a4d56;font-size: 18px;}
.scope .scope-img{width: 100%;height: 350px;overflow: hidden;position: absolute;top: 50px;right:0;visibility: hidden}
.scope:hover .scope-img img{transform: scale(1.1);}
.scope .scope-img img{width: 100%;min-height:350px;transition: .5s;}
.xz{animation:scope .8s linear;visibility: visible !important;}
@keyframes scope {
    0%{
        left: -100%;
    }
    100%{
        left: 0px;
    }
}
.yd-heng{width: 40px;height: 3px;background: #E5010E;display: block;margin-top: 13px}
.results h4{font-weight: bold}
.result-content{margin-top: 35px;width: 75%}
.result-content h5{font-size:16px;font-weight:bold;color: #E5010E;transition: .1s;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.result-content h5 img{width: 18px;height: 18px;margin-right:10px;display: none}
.result-content:hover h5 img{display: inline-block}
.result-content p{font-size: 13px;color:#898989}
.result-img{    height: 338px;
    width: 100%;
    overflow: hidden;position: relative}
.result-img img{width: 100%;min-height: 338px;position: absolute;left: 0}
.result-contents{min-height:260px;}
.double-img{height: 338px}
.double-img .double-item{width:49%;height: 240px;margin-right: 1%;overflow: hidden;float: left}
.double-img .double-item img{width: 100%;min-height: 240px;}


/*动态边框*/
.brand{transition: ease-in .5s;padding:5px;height: 110px;overflow: hidden;
    background: linear-gradient(0, #ffbe00 2px, #ffbe00 2px) no-repeat,
    linear-gradient(-90deg, #ffbe00 2px, #ffbe00 2px) no-repeat,
    linear-gradient(-180deg, #ffbe00 2px, #ffbe00 2px) no-repeat,
    linear-gradient(-270deg, #ffbe00 2px, #ffbe00 2px) no-repeat;
    background-size: 0 2px, 2px 0, 0 2px, 2px 0;
    background-position: left top, right top, right bottom, left bottom;}
.brand:hover {
    background-size: 100% 2px,  2px 100%, 100% 2px, 2px 100%;
}
/*500强选择*/
.more-view{color:#fff;padding:5px 20px;border-radius: 20px;background: #ffbe00;}
.more-view:hover {color: #fff; text-decoration:none;cursor: pointer}
.banner_group{
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}
.liul{
    list-style: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
.liul li{
    width: 100%;
    height: 100%;
    color: white;
    font-size: 25px;
}
.dian-s{
    position: absolute;
    top: 0;
    left: 15%;
    height: 100%;
    display: flex;
    align-items: center;
    display: -webkit-flex;
}
.gray-bg{background-color: #787b84;padding: 40px  0}
.white-bg{background-color: #fff;padding: 50px 0}
.advice-show{width:43px;height: 140px;background-color:#E5010E;color: #fff;position: fixed;bottom: 200px;right: 20px;z-index: 9999}
.advice-show span{cursor: default;
    display: inline-block;
    width: 14px;
    font-size: 14px;
    color: #fff;
    line-height: 17px;margin-top: 8px;position: relative}
.advice-show:hover .advice-content{
    display: block;
}
.advice-show .advice-content{
    width: 209px;
    min-height: 50px;
    position: absolute;
    right: 43px;
    background-color: #fff;
    height: 140px;
    box-shadow: rgba(0,0,0,.1) 0px 0px 20px 5px;
    display: none;
    transition: .8s;
    cursor: pointer;
}
.advice-show .advice-item{
    width: 100%;
    height: 70px;
}
.advice-show .advice-item img{
    width: 35px;
    height: 35px;
}
.advice-show .advice-item p{
    color: #333;margin-bottom: 0;font-size: 16px;
}
.advice-show .advice-item .advice-detail{
    height: 70px;
    width: 130px;
    margin-left: 20px;
}
.advice-show .advice-item .advice-detail .phone-number{
    font-size: 14px;color: #FF8A00;
}
.advice-show .advice-item .advice-detail .want{
    font-size: 14px;color: #a2a2a2;
}
.tiao{width:20px;animation:buscoimg 1s linear infinite;-o-animation:buscoimg 1s linear infinite;-webkit-animation:buscoimg 1s linear infinite;-moz-animation:buscoimg 1s linear infinite;}
@keyframes buscoimg {
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-10px);
    }
}
@-webkit-keyframes buscoimg {
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-10px);
    }
}
@-o-keyframes buscoimg {
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-10px);
    }
}
@-moz-keyframes buscoimg {
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-10px);
    }
}