﻿.max1585{
   max-width: 1615px;
   padding-left: 15px;
   padding-right: 15px;
   margin: 0 auto;
}

.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.flex-cc{display: flex;align-items: center;justify-content: space-between;}


/* honor_one */
.honor_one{background: #f9f9f9;padding-bottom: 5.2083vw;}

/* nei_cate */
.nei_cate{position: relative;}
.nei_cate .xypg-left-nav{margin: 0;display: flex;}
.nei_cate .xypg-left-nav>li{flex: 1;border: none;text-align: center;margin-top: -16px;transition: all 0.5s ease-out;}
.nei_cate .xypg-left-nav>li+li>a{border-left: 1px solid rgba(0, 0, 0, 0.1);}
.nei_cate .xypg-left-nav>li>a{transition: all 0.2s linear;box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 6%);padding: 1.5625vw 20px 1.5625vw 20px;background: rgba(255, 255, 255, 1);
color: #333;font-size: 18px;line-height: 1.7;font-weight: bold;}
.nei_cate .xypg-left-nav>li .first-nav-btn{display: none;}
.nei_cate .xypg-left-nav>li>a:hover{background: #003a84;color: #fff;}

.honor_one_con{position: relative;margin-top: 4.166vw;}
.hone_top{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.hone_top .aaleft{position: relative;width: 50%;background: #003a84;padding: 35px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.hone_top .aaleft h2{font-size: 2.60416vw;color: #fff;font-weight: normal;margin-bottom: 3.125vw;}
.hone_top .aaleft h2 span{font-size: 18px;font-weight: bold;display: block;padding-top: 15px;}
.hone_top .aaleft .abbtxt{font-size: 14px;color: #fff;}

.hone_top .aaright{position: relative;width: 50%;}
.hone_top .aaright img{display: block;width: 100%;height: 100%;}

.hone_list{position: relative;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;background: #fff;}
.hone_list li{position: relative;padding: 35px 1.5625vw;flex: 1;text-align: center;}
.hone_list li h3{font-size: 2.1875vw;color: #333333;font-weight: normal;margin-bottom: 10px;}
.hone_list li p{font-size: 14px;color: #999999;}

.hone_list:hover{background-color: rgba(33, 138, 255, .9);transition: all 0.5s linear;}
.hone_list:hover *{color: #fff;}


/* honor_two */
.honor_two{position: relative;background: #fff;padding-top: 2.60416vw;padding-bottom: 5.2083vw;}
.tit_two{text-align: center;margin-bottom: 3.125vw;}
.tit_two h3{color: #333333;font-size: 2.60416vw;font-weight: normal;}
.tit_two p{color: #999999;font-size: 1.14583vw;padding-top: 5px;}
.honor_two_list{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin: 0 -1.0416vw;}
.honor_two_list li{transition: all 0.5s ease-out;width: calc(20% - 2.083vw);margin: 0 1.0416vw 10px 1.0416vw;background: #f8f8f8;text-align: center;padding: 20px;
position: relative;}
.honor_two_list li a{display: block;}
.honor_two_list li .is{position: relative;margin-bottom: 20px;}
.honor_two_list li .is img{max-width: 100%;}
.honor_two_list li h3{font-size: 16px;color: #333333;line-height: 1.7; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.honor_two_list li:hover{transform: translateY(-10px);}
.honor_two_list li::after{content: '';position: absolute;left: 50%;bottom: -1px;height: 3px;background-color: #003a84;transform: translate(-50%);}
.honor_two_list li:hover:after{animation: spread-line 0.5s linear;animation-fill-mode: forwards;}

@keyframes spread-line {
    from {width: 0;}
    to { width: 100%;}
}

/* honor_three */
.honor_three{position: relative;background: #f8f8f8;padding: 3.125vw 0;}
.honor_three_list{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-left: -1px;margin-right: -1px;}
.honor_three_list li{position: relative;width: 25%;margin: 0 -1px -1px 0;text-align: center;cursor: pointer;}
.honor_three_list li .wwpar{background: rgba(255, 255, 255, 1);border: 1px solid rgba(0, 0, 0, 0.05);border-radius: 0px 0px 0px 0px;padding: 2.083vw 1.083vw 2.083vw 1.083vw;}
.honor_three_list li .w_top{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;overflow: hidden;height: 100%;transition: all 0.5s cubic-bezier(.165,.84,.44,1);} 
.honor_three_list li .w_top img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;font-family: 'object-fit: cover';}

.honor_three_list li .w_center{z-index: 999;position: relative;}
.honor_three_list li .w_center h3{font-size: 2.1875vw;color: #333333;font-weight: normal;}
.honor_three_list li .w_center .linss{width: 34px;height: 1px;margin: 1.5625vw auto;background: #707070;}
.honor_three_list li .w_center .pss{font-size: 0.9375vw;color: #999999;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.honor_three_list li .wwpar:hover{background: rgba(0,0,0,1);box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 30%);}
.honor_three_list li .wwpar:hover .w_top{opacity: .8;}
.honor_three_list li .wwpar:hover *{color: #fff;}
.honor_three_list li .wwpar:hover .linss{background: #fff;}

.h60{height: 60px;}

/* honor_four */
.honor_four{position: relative;padding: 5.2083vw 0;}
.honor_four_list{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: space-between;}
.honor_four_list li{margin: 0 2.083vw;position: relative;background: #f8f8f8;padding: 3.125vw 1.0416vw;text-align: center;width: 30.33%;}
.honor_four_list li a{display: block;}
.honor_four_list li .opvimg{margin-bottom: 30px;}
.honor_four_list li .opvimg img{max-width: 100%;max-height: 58px;}
.honor_four_list li h3{font-size: 1.35416vw;color: #333333;font-weight: normal;margin-bottom: 15px;}
.honor_four_list li .spx{font-size: 14px;color: #999999;line-height: 1.7;}

/* honor_five */
.honor_five{position: relative;background: #f8f8f8;padding: 5.2083vw 0;}
.honor_five_list{display: flex;flex-wrap: wrap;}
.honor_five_list li{position: relative;width: calc(16.66% - 15px);margin: 0 7.5px 15px 7.5px;}
.honor_five_list li a{display: block;}
.honor_five_list li a img{display: block;width: 100%;}

@media (max-width: 992px){
    .hone_list li{
        padding: 25px 1.5625vw;
        flex: 33.33%;
    }
    .honor_two_list li{
        width: calc(50% - 30px);
        margin: 0 15px 30px 15px;
    }
    .honor_three_list li{
        width: 50%;
    }
    .honor_five_list li{
        width: calc(25% - 15px);
    }
}

@media (max-width: 768px){
    .hone_top .aaleft{width: 100%;padding: 25px;}
    .hone_top .aaright{width: 100%;}

    .hone_top .aaleft h2{font-size: 24px;}

    .hone_list li{
        padding: 25px 1.5625vw;
        flex: 50%;
    }
    .hone_list li h3{
        font-size: 30px;
    }
    
    .hone_list li p{
        font-size: 14px;
    }

    .honor_two{padding-top: 50px;padding-bottom: 50px;}
    .tit_two h3{font-size: 26px;}
    .tit_two p{font-size: 16px;}

    .honor_three{padding: 50px 0;}
    .honor_three_list li .w_center h3{font-size: 22px;}
    .honor_three_list li .w_center .pss{font-size: 14px;}

    .honor_four{padding: 50px 0;}
    .tit_two{margin-bottom: 40px;}

    .honor_four_list{flex-wrap: wrap;}
    .honor_four_list li{width: 100%;margin: 0;margin-bottom: 20px;padding: 30px;}
    .honor_four_list li h3{font-size: 22px;}

     .honor_five_list li{
        width: calc(33.33% - 15px);
    }

}



@media (max-width: 600px){
    .honor_three_list li{
        width: 100%;
    }

    .honor_two_list li{
        width: calc(50% - 20px);
        margin: 0 10px 20px 10px;
    }
    .honor_two_list li h3{font-size: 14px;}
}


.max1630{
    max-width: 1630px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}


.honor_ff{
    padding-top: 0px;
}