.h_page_tit{overflow: hidden;font-size: 35px;margin-bottom: 24px;}
.h_page_tit .tit{font-size: 35px;text-transform: uppercase;margin-bottom: 15px;}
.h_page_tit .tit span{vertical-align:middle;display: inline-block;}
.h_page_tit .tit .sp{font-family: oswald_stencilregular;color:#ebebeb;font-size: 39px;padding-top: 5px;}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 768px) {
.index_search{display:none;}
}
@media screen and (max-width: 425px) {
}
/* ------------------------------------------------------------------------------
   banner
-------------------------------------------------------------------------------*/
#home_banner{width: 100%;position: relative;overflow: hidden;}
#home_banner li{float: left;}
#home_banner li.active{float: left;}
#home_banner li img{display: block;width: 100%;}
#home_banner .banner_box{position:absolute;top: 33%;left:5%;color: #00589a;}
.banner_box .p1{font-size:40px;}
.banner_box .p2{font-size:50px;}
.banner_box .p3{font-size:18px;}
#home_banner .page_spot{position: absolute;bottom: 1%;left: 50%;margin-left: -30px;z-index: 999;display: inline-block;}
#home_banner .page_spot a{width: 7px;height: 7px;border-radius: 50%;margin: 2px;display: inline-block;cursor: pointer;}
#home_banner .page_spot a.active{color: #3156c2;background:#64b63e;}
#home_banner .wave_box{position:absolute;bottom: 0;width: 100%;left: 0;z-index: 9;}

@media screen and (max-width: 1440px) {
.banner_box .bbar{margin:0;}
}
@media screen and (max-width: 1200px) {
#home_banner li{background-position: 50% 50%;background-size: cover;}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
#home_banner{/* margin-bottom:30px; */}
#home_banner li{height: 240px;}
#home_banner li img{display: none;}
}
@media screen and (max-width: 425px) {
}
/* ------------------------------------------------------------------------------
   h_service
-------------------------------------------------------------------------------*/
.h_service{position: relative;margin-top: -50px;background: #fff;z-index: 99;padding: 20px 32px;border: 1px #eee solid;padding-bottom: 32px;margin-bottom: 50px;}
.l_shadow,.r_shadow{background: url(../images/l_shadow.png) 0 0 no-repeat;height:265px;width: 7px;}
.r_shadow{transform: rotateY(180deg);}
.h_service .l_shadow{position: absolute;left:-7px;top: 0;}
.h_service .r_shadow{position: absolute;right:-7px;top: 0;}
.h_service .des{line-height: 2.5;}
.h_service .d_arr{position: absolute;left: 50%;bottom: -21px;background: url(../images/d_arr.png) center no-repeat;width: 46px;height: 21px;margin-left: -23px;}
/* ------------------------------------------------------------------------------
   h_case
-------------------------------------------------------------------------------*/
.h_case_show{padding:60px 0;}
.hc_tit_box{padding: 33px 44px 28px;width: 52%;}
.hc_tit_box .tit{font-size:22px;font-weight:bold;margin-bottom: 15px;}
.hc_tit_box .des{line-height:2;margin-bottom: 15px;}
.hc_tit_box .more{background:#0262b8;color:#fff;padding:5px;width: 70px;text-align: center;display: block;margin-bottom: 15px;}
.s_hc_list{overflow:hidden;}
.s_hc_list li{float:left;width: 50%;padding-right: 6px;}
.hc_img_box{width: 48%;}
.hc_img_box a{position:relative;display: block;}
.hc_img_box img{width:100%;}
.hc_img_box p{background: rgba(0, 0, 0, 0.42);color:#fff;line-height: 2;position: absolute;width: 100%;left: 0;bottom: 0;display: block;padding: 15px;padding-right: 70px;padding-left: 50px;}
.hc_img_box i{border:1px solid;border-radius:50%;padding:5px;position: absolute;right: 15px;top: 50%;margin-top: -13px;}

@media screen and (max-width: 1200px) {
.h_case_show{padding:15px 0;}
.hc_tit_box{width: 100%;}
.hc_img_box{width: 100%;display: none;}
}
@media screen and (max-width: 768px) {

}
/* ------------------------------------------------------------------------------
   h_adv
-------------------------------------------------------------------------------*/
.h_adv{margin-bottom: 50px;position: relative;padding-top: 40px;background:url(../images/h_adv_bg.jpg) center no-repeat;padding-bottom: 50px;}
.h_adv_list{position: relative;z-index: 2;}
.h_adv_box{background: url(../images/h_adv_box.png) 0 31px no-repeat;height: 182px;width: 570px;margin-bottom: 48px;}
.h_adv_box .tit{padding-left: 100px;position:relative;padding-top: 8px;}
.h_adv_box .tit i{background: #0262b8;color: #fff;font-size: 35px;font-family: oswald_stencilregular;font-style: normal;border-radius: 50%;position: absolute;left: 20px;top: 0;width: 64px;height: 64px;text-align: center;line-height: 64px;}
.h_adv_box .tit .p1{font-size:22px;}
.h_adv_box .des{line-height:1.5;padding: 22px 30px;}
.hadv4{position:absolute;right:0;bottom: 240px;}
.hadv5{position:absolute;right:0;bottom: 0;}

.h_adv_tel{width: 569px;}
.h_adv_tel .f_line{background:url(../images/fline_b.png) 0 0 no-repeat;}
@media screen and (max-width: 1200px) {
.h_adv{background:#fff;}
.h_adv_box{margin: auto;margin-bottom: 15px;}
.hadv4,.hadv5{position:unset;right:0;bottom: 15px;}
.h_adv_tel{margin:auto;}
}

@media screen and (max-width: 768px) {
.h_adv_box{background:none;border: 1px #0262b8 solid;padding: 15px;width: 100%;height: auto;}
.h_adv_box .des{padding: 0;padding-top: 15px;}
.h_adv_tel{width:100%;}
}
@media screen and (max-width: 425px) {

}
/* ------------------------------------------------------------------------------
   pro
-------------------------------------------------------------------------------*/
.hp_content{padding: 80px 0;}
.hp_tit{padding-top:200px;position:relative;}
.hp_cc{position:absolute;width:125px;height:125px;background:#f5f5f5;border-radius: 50%;right: 0;bottom: -120px;z-index: -1;}
.hp_cat{overflow: hidden;width: 960px;}
.hp_cat li{float: left;width: 33.3333333%;padding-right: 20px;margin-bottom: 30px;height: 452px;}
.topup{background: #f5f5f5;position: relative;transition: all 0.5s;border-radius: 15px;height: 100%;overflow: hidden;}
.hp_nav_i{text-transform: uppercase;text-align: center;display: block;transition: all 0.5s;border-radius: 15px 15px 0 0;background-position: center;background-size: cover;}
.hp_nav_i span{display:inline-block;vertical-align: middle;}
.hp_nav_i i{text-align: center;margin-right: 15px;font-size: 26px;position: relative;top: 2px;}
.tit_bg{padding: 72px 0;text-transform: uppercase;border-radius: 15px 15px 0 0;transition: all 0.5s;color: #fff;}
.tit_bg .p1{font-size: 30px;margin-bottom: 20px;}
.tit_bg .p2{font-size: 18px;}
.bgc_1{background-color: rgba(55, 88, 127, 0.7);}
.bgc_2{background-color: rgba(40, 102, 166, 0.7);}
.bgc_3{background-color: rgba(20, 134, 165, 0.7);}
.hp_nav_i:hover .bgc_1{background: #37587f;}
.hp_nav_i:hover .bgc_2{background: #2866a6;}
.hp_nav_i:hover .bgc_3{background: #1486a5;}

.hp_sub_nav{padding: 30px 15px;text-align: center;background: #f5f5f5;position: relative;transition: all 0.5s;}
.hp_sub_nav.active{display: block;}
.hpsn_i{border: 1px #b9cad6 solid;display: block;transition: all 0.5s;border-radius: 15px;margin-bottom: 9px;padding: 5.5px;}
.hpsn_i:hover{color: #fff;background: #0a74b0;}
.hp_d{background: #f5f5f5;padding: 20px 0;position: absolute;bottom: 0;text-align: center;left: 0;width: 100%;}
.see_more{border: 1px solid;color:#47617f;display: block;width: 32px;height: 32px;margin: auto;text-align: center;line-height: 32px;border-radius: 50%;transition: all 0.5s;}
.see_more:hover{color: #62afff;transform: rotate(360deg);}
.see_more.active:before{content:"\e6f7";}
@media screen and (max-width: 1280px) {
.hp_content{padding:30px 0;}
.hp_tit{width:100%;padding-top: 0;margin-bottom: 30px;}
.hp_cat{width:100%;}
}
@media screen and (max-width: 768px) {
.hp_cat li{width:100%;padding-right: 0;}
}

/* ------------------------------------------------------------------------------
   h_about
-------------------------------------------------------------------------------*/
.h_about{overflow:  hidden;padding: 80px 0;}
.h_about .img_box{position: relative;}
.h_about .des_box{width: 45%;padding: 50px;}
.h_about .des_box .des{margin-bottom: 65px;line-height: 2;}
.h_about .des_box .box2{width: 26px;height: 26px;background: #dfe6f2;position:absolute;top: -50px;left: 130px;}

@media screen and (max-width: 1280px) {
.h_about{padding: 0;}
.h_about .des_box{width:100%;padding: 30px 0;}
.h_about .des_box .des{margin-bottom:15px;}
.h_about .img_box{width:100%;text-align: center;}
}
@media screen and (max-width: 768px) {
}

.h_honor{background: url(../images/h_honor.jpg) center center no-repeat;padding-top: 20px;}
.h_honor .h_page_tit .b_tit{color: #fff;}
.h_honor .h_page_tit .l_tit .bbar{background: #fff;}
.h_honor .h_page_tit .l_tit .tit{color: #fff;}

.h_honor .honor_arr a{color: #fff;background: #fff;color: #000;}
@media screen and (max-width: 1200px) {
.h_honor{display:none;}
}
/* ------------------------------------------------------------------------------
     hp_info
-------------------------------------------------------------------------------*/
.hp_info{position: relative;padding: 120px 0;}
.hp_info .main_box{position:relative;}
.hpi_cc{border:2px #f5f5f5 solid;position: absolute;border-radius: 50%;right: -380px;top: -200px;z-index: -1;}
.hpi_cc dd{width:1026px;height:1026px;background:#f5f5f5;margin: 36px;border-radius: 50%;}
.hpi_list{padding: 120px 0;}

.hpi_arr{position: absolute;bottom: 26%;left: 0;text-align: center;width: 100%;z-index: 2;}
.hpi_arr a{width: 61px;height: 47px;display:inline-block;vertical-align: middle;margin: 0 40px;cursor: pointer;}
.hpi_arr_l{background:url(../images/hpi_arr_l.png) center no-repeat;}
.hpi_arr_r{background:url(../images/hpi_arr_r.png) center no-repeat;}
.hpi_des{width: 527px;position: absolute;left: 0;top: 90px;z-index: 9;}

.hpi_tit{color: #fff;padding-top: 100px;width: 150px;position: relative;font-size: 30px;}
.hpi_tit .p1{font-family:gothamlightregular;margin-bottom: 15px;text-transform: uppercase;}
.hpi_tit .p2{display: inline-block;text-transform: uppercase;}
.six_box{position: absolute;z-index: -1;top: 0;left: -30px;}
.six_box .box{background: #439eb7;width:480px;height: 310px;border-radius: 45px;}
.six_box.bg_1 .box{background: #37587f;}
.six_box.bg_2 .box{background: #2866a6;}
.six_box.bg_3 .box{background: #1486a5;}

.six_box .p1{transform: rotate(0deg);}
.six_box .p2{transform: rotate(-120deg);position: absolute;top: 0;}
.six_box .p3{transform: rotate(120deg);position: absolute;top: 0;}
.hpi_des .des{line-height: 2;margin-bottom: 60px;}
.hpi_more_link{/* overflow:hidden; */}
.hpi_more_link li{display:none;}

.hpi_img{width: 470px;text-align: center;}
@media screen and (max-width: 1280px) {
.hp_info{padding: 30px 0;/* display: none; */overflow: hidden;}
.hpi_list{padding: 0;}
.six_box{display:none;}
.hpi_des{width:100%;position: unset;}
.hpi_des .des{margin-bottom:15px;}
.hpi_img{width:100%;}
.hpi_tit{width:100%;color: #000;padding-top: 15px;text-align: center;}
.hpi_arr{text-align: center;bottom: 0;display: flex;justify-content: space-between;}
.hpi_arr_r{background-image:url(../images/hpi_arr_r_b.png);}
.hpi_arr a{margin:0;}
.hpi_list .box_more{margin-top:0;}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 425px) {

}

.product_box {
    width: 100%;
    height: 560px;
    background: url('../images/index_product_bg.jpg') no-repeat left;
    padding-top: 65px;
}
.product_box .left_box{
    width: 235px;
    margin-top: 80px;
    float: left;
}
.product_box .left_box h1{
    font-family: "Eurostile";
    font-size: 66px;
    line-height: 55px;
}
.product_box .left_box p {
    margin-top: 30px;
}
.product_box .left_box .button_box{
    margin-top: 60px;
    position: relative;
}
.product_box .left_box .button_box a {
    font-size: 18px;
    color: #fff;
    background-color: #000;
    cursor: pointer;
    transition: all 0.3s;
    padding: 15px 15px;
    border-radius: 30px;
    margin-right: 30px;
    z-index: 2;
    position: absolute;
}
.product_box .left_box .button_box .icon_ar_left {
    top: -90px;
    left: -70px;
}
.product_box .left_box .button_box .icon_ar_right {
    top: -90px;
    right: -1060px;
}
.product_box .left_box .button_box a:hover {
    color: #000;
    background-color: #ffe100
}
.product_box .right_box {
    width: 960px;
    float: right;
    overflow: hidden;
}
.product_box .right_box .cat_name{
    line-height: 30px;
    margin-bottom: 17px;
    border-left: 4px solid #ffe100;
    padding-left: 15px;
}
.product_box .right_box li {
    float: left;
    width: 32%;
}
.product_box .right_box .swiper-wrapper {
    width: 100%;
}
.product_box .right_box .cate_box {
    background-color: #f3f1f1;
    border: 1px solid #e5e5e5;
}
.product_box .right_box .cate_box img {
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    height: 236px;
}
.product_box .right_box .cate_box div {
    line-height: 45px; 
    text-align: center;
    border-bottom: 1px dashed #cbc8c8;
}
.product_box .right_box .cate_box div:last-child{
    border-bottom: none;
}


.news_box {
    padding-top: 82px;
    background-color: #f6f6f7;
    /*background-image: url('../images/index_news_bg.jpg');*/
    background-repeat: no-repeat;
    background-position: right;
    padding-bottom: 90px;
}
.news_box .y_button {
    margin: 15px 0 45px 0;
    display: inline-block;
}
.news_box .firth_news {
    width: 436px;
    height: 380px;
    float: left;
}
.news_box .firth_news img {
    width: 436px;
    height: 310px;
}
.news_box .firth_news_bottom {
    width: 100%;
    height: 70px;
    position: relative;
}
.news_date {
    font-family: "Bebas";
    font-size: 22px;
}
.news_date p{
    font-size: 12px;
}
.news_box .firth_news_bottom .news_date {
    width: 75px;
    height: 100%;
    background-color: #ffe100;
    padding-left: 20px;
    padding-top: 13px;
    position: absolute;
}
.news_box .firth_news_bottom .news_title {
    background-color: #000;
    color: #ffe100;
    padding-left: 75px;
    text-align: center;
    height: 70px;
    padding-top: 21px;
}
.news_list {
    width: 750px;
    float: right;
    display: flex;
    justify-content: space-between;
}
.news_list .news_item {
    display: inline-block;
    height: 380px;
    width: 245px;
    padding-left: 32px;
    padding-top: 60px;
    padding-right: 10px;
    background-color: #fff;
    border-bottom: 5px solid #000;
    border-top: 5px solid #fff;
}
.news_list .news_item .news_date {
    color: #898585;
}
.news_list .news_item .news_title {
    font-size: 16px;
    margin-top: 35px;
    margin-bottom: 30px;
}
.news_list .news_item .news_des {
    color: #898585;
    /*height: 113px;*/
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.news_list .news_item .more {
    color: #898585;
    padding: 5px 20px;
    border: 1px solid #000;
    border-radius: 20px;
    display: inline-block;
    margin-top:5px;
}
.news_list a:hover {
    background-color: #000;
    border-top: 5px solid #ffe100;
}
.news_list a:hover .news_date {
    color: #fff;
}
.news_list a:hover .news_title {
    color: #ffe100;
}
.news_list a:hover .news_des {
    color: #fff;
}
.news_list a:hover .more {
    color: #fff;
    border: 1px solid #fff;
}