@charset "utf-8";
/*banner*/
.nav_banner img{width: 100%;}

/*firm*/
.firm{position: relative;margin-top: 8rem;margin-bottom: 10rem;}
.firm:before{background: url(../images/firm_bj.jpg) no-repeat right center;background-size: cover;width: 48%;position: absolute;top: 10px;right: 0;z-index: -1;height: 650px;}
.fitm_tit h2{margin-bottom: 0px;font-weight: bold;}
.fitm_tit i{border-bottom: 3px solid rgba(4,85,76,1);padding-right: 6rem;}
.firm_l h3{color: #04554C;font-size: 28px;line-height: 3;margin-bottom: 0px;}
.firm_l p{line-height: 2;margin-bottom: 25px;}
.firm_l .View{min-height: inherit;display: block;max-width: 130px;margin: 0px;margin-top: 10px;}
.firm_l .View span{background-color: rgba(213,39,30,0);border: 2px solid #04554C;border-radius: 50px;transition: all .36s ease;padding: 10px 35px;color: #04554C;cursor:pointer;}
.firm_l .View span:hover,.attest .View span:hover{background-color: rgba(4,85,76,1);color:#fff;}
/*odds*/
.odds{padding-left: 0;padding-right: 0;background-color: rgba(222,7,22,1);background: url(../images/odds_1.png) repeat-x left top;text-align: center;}
.odds_bj{padding:3rem 0rem;}
.odds_bj h2{color: #FFFFFF;font-weight: bold;margin-bottom: 1px;}
.odds_bj p{color: #FFFFFF;font-family: arial,helvetica,sans-serif;font-size: 16px;}
.odds_module {top: 185px;}
.odds_mbbj{background-color: rgba(247,251,255,1);border-radius: 30px;box-shadow: 0px 10px 10px 0px rgba(238,238,238,0.7);    margin-bottom: 30px;padding-bottom: 25px;}
.odds_mbbj img{min-height: inherit;display: block;padding: 15px 0px;}
.odds_mbbj span{min-height: inherit;display: block;text-align: center;margin: 0px 20px;color:#333;    display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.odds_mbbj .odds_tit{color: #0f1025;font-weight: bold;font-size: 18px;}
.Universal{text-align: center;}
.Universal h2{font-weight: bold;}
.Universal p{margin:0px;color: #999999;}
/*pro*/
.pro_list{margin:5.5rem 0rem;position: relative;}
.pro_list:hover .pro_xq{padding:0px;}
.pro_list a{overflow: hidden;text-align: center;width: 100%;margin: 0 auto;height: 100%;display: block;}
.pro_list img{display: inline-block;vertical-align: middle;transition: .5s linear 0s;width: auto;height: auto;max-height: 100%;max-width: 100%;margin-left: 0px;transform: scale(1);}
.pro_list img:hover{transform: scale(1.1);}
.pro_xq{animation-name: lv-fadeInUp;animation-duration: 1s;animation-delay: .9s;animation-fill-mode: both;-webkit-transition: all .5s ease;padding: 0px 40px;position: absolute;top: 80%;left: 0;margin: 0px 15px;}
.pro_bj{background-color: rgba(4,85,76,1);color: #fff;}
.pro_bj .row{margin: 20px;padding: 10px 0px;}
.pro_bj .pro_l{float: left;width: 20%;margin-top: 20px;}
.pro_bj .pro_l img{border-right: 1px solid rgba(255,255,255,.3);}
.pro_bj .pro_r{float: right;width: 75%;text-align: left;}
.pro_bj .pro_r p:nth-child(1){margin: 0;font-size: 16px;font-weight: bold;}
/*attest*/
.attest .container-fluid:nth-child(2){display: flex;justify-content: center;align-items: center;}
.attest_list .attest_img{overflow: hidden;width: 100%;height: 100%;display: block;}
.attest_list img{display: inline-block;vertical-align: middle;transition: .5s linear 0s;width: auto;height: auto;max-height: 100%;max-width: 100%;margin-left: 0px;transform: scale(1);}
.attest_list img:hover{transform: scale(1.1);}
.attest_bj{background: #f6f6f6;text-align: center;padding: 10px 10px;}

.attest .View{min-height: inherit;display: block;text-align: center;}
.attest .View span{background-color: rgba(213,39,30,0);border: 2px solid #04554C;border-radius: 50px;transition: all .36s ease;padding: 10px 45px;color: #04554C;cursor:pointer;}
/*strength*/
.strength .container-fluid:nth-child(2){display: flex;justify-content: center;align-items: center;}
.strength a{margin: 25px 0px;overflow: hidden;width: 100%;height: 100%;display: block;}
.strength img{display: inline-block;vertical-align: middle;transition: .5s linear 0s;width: auto;height: auto;max-height: 100%;max-width: 100%;margin-left: 0px;transform: scale(1);}
.strength img:hover{transform: scale(1.1);}




/*product*/
.product{background: url(../images/product_bj.jpg) no-repeat center center;background-attachment: fixed;background-size: cover;}
.product .product_lb{text-align:center;}
.product .product_lb a{background-color: rgba(213,39,30,0);border: 2px solid #04554C;border-radius: 50px;transition: all .36s ease;padding: 10px 30px;color: #04554C;cursor: pointer;margin: 0px 5px;}
.product .product_lb a:hover{background-color: rgba(4,85,76,1);color: #fff;}
.product_t a{position: relative;display: block;width: 100%;height: 100%;overflow: hidden;transition: all .5s ease;}
.product_tit{position: relative;text-align: center;padding: 0 20%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #000;font-size: 19px;height: 70px;line-height: 70px;transition: all .5s ease;margin: 0;background: #f4f4f4;}
.product_tit::before{content: '';position: absolute;left: -170px;top: -70px;width: 140px;height: 140px;background-color: rgba(4,85,76,1);transform: rotate(45deg);transition: all .5s ease;}
.product_tit i{position: absolute;left: 10px;top: 10px;display: block;width: 20px;height: 20px;color: #fff;font-size: 18px;}
.product_b{background: #002e45;color: #fff;padding-top: 10px;padding-bottom: 5px;}
.product_b p{margin:0;padding: 5px 30px 0px;}
.product_b p a{color:#fff;font-size: 15px;}
.product_b .View{width: 100%;padding: 10px 30px;text-align: left;font-size: 1rem;color: #fff;font-family: Oswald;}
.product_b .View a{font-size:1.8rem;}
.product_b .View a i{left:5px;transition:.5s;}
.product_all:hover .View a i{left:10px;}
.product .product_img{overflow: hidden;}
.product .product_img img{display: inline-block;vertical-align: middle;transition: 1s linear 0s;width: auto;height: auto;max-height: 100%;max-width: 100%;margin-left: 0px;transform: scale(1);}
.product_all:hover .product_img img{transform: scale(1.1);}
.product_all:hover .product_tit::before{left: -100px;}
/*news*/
.news .container-fluid:nth-child(2){display: flex;justify-content: center;align-items: center;}
.news_l{position: relative;padding:0px;}
.news_l span{position: absolute;bottom: 0;width: 100%;z-index: 998;left: 0;background-color: rgba(0,0,0,.5);padding: 15px;color: #fff;font-size: 18px;}
.news_l a{overflow: hidden;text-align: center;width: 100%;margin: 0 auto;height: 100%;display: block;}
.news_l img{display: inline-block;vertical-align: middle;transition: .5s linear 0s;width: auto;height: auto;max-height: 100%;max-width: 100%;margin-left: 0px;transform: scale(1);}
.news_l img:hover{transform: scale(1.1);}
.news_r{background: #f2f2f2;padding: 15px 0px;margin-bottom: 10px;}
.news_r .news_time{color: #0054a6;text-align: center;padding: 0px;}
.news_r .news_time time:nth-child(1){font-size: 30px;}
.news_r .news_time time:nth-child(2){font-size: 16px;}
.news_tit{position: relative;}
.news_xian{position: absolute;left: 0px;top: 3%;background: #ddd;width: 1px;height: 75px;}
/* .news_tit:hover .xian{position: absolute;left: 0px;top: 15%;background: #0054a6;width: 1px;height: 75px;} */
.news_tit h5{font-size: 16px;overflow: hidden;font-weight: bold;color: #333;text-overflow: ellipsis;white-space: nowrap;}
.news_tit:hover h5{color:#0054a6;}
.news_xian1{position: absolute;left: 0px;top: 3%;background: #ddd;width: 1px;height: 1px;transition:height .5s;-webkit-transition:height .5s;}
.news_tit:hover .news_xian1{height: 75px;background: #0054a6;}


@media (max-width: 768px) {
    .firm{margin-bottom:3rem;margin-top:1rem;}
    .firm .pt-5{padding-top: 1rem;}
    .firm_l .View{margin-bottom: 2rem;}
    .firm:before{background:none;}
    .firm_l h3{margin-top: 0px;font-size: 20px;}
    .fitm_tit{margin:0px 10px;}
    .product_b p{padding: 5px 20px 0px;}
    .product_b .View{padding: 10px 20px;}



    
    .pro_xq{padding: 0px;position: inherit;top: 0;margin: 0px;}
    .pro_bj .pro_r p:nth-child(1){font-size:18px;}
    .pro_bj .row{padding: 5px 0px;margin: 0px 10px;}
    .st_p0{padding:0px;}
    .attest_list{margin: 10px 0px;}
    .attest #imgs{padding:0px;}
    .news_list{margin-top:15px;padding:0;}
    .news_l{padding:0px;}
    .odds_module .px-6,.firm .px-6,.product_list .px-6,.attest .px-6,.strength .px-6,.product .px-6,.news .px-6{padding-right: 0rem !important;padding-left: 0rem !important;}


    .pro_list{margin: 10px 0px;}


  }