/* ------------------------------------------------------------------------------
   banner
-------------------------------------------------------------------------------*/
#home_banner{width: 100%;position: relative;overflow: hidden;margin-bottom: 30px;}
#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: 10px;left: 50%;margin-left: -30px;z-index: 999;}
#home_banner .page_spot a{border-width: 1px;border-style: solid;width: 14px;height: 14px;border-radius: 50%;margin: 2px;display: inline-block;cursor: pointer;border-color: #eee;}
#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;}
.banner_box .p1{font-size:30px;}
.banner_box .p2{font-size:40px;}
.banner_box .p3{font-size:16px;}
}
@media screen and (max-width: 1280px) {
#home_banner li{background-position: 50% 50%;background-size: cover;}
}
@media screen and (max-width: 1024px) {
.banner_box .p1{font-size: 20px;}
.banner_box .p2{font-size: 25px;}
.banner_box .p3{font-size: 14px;}
}
@media screen and (max-width: 768px) {
#home_banner{margin-bottom:30px;}
#home_banner li{height:400px;}
#home_banner li img{display: none;}
}
@media screen and (max-width: 425px) {
}
/* ------------------------------------------------------------------------------
   h_case
-------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------
   pro
-------------------------------------------------------------------------------*/
.h_adv{margin-bottom: 30px;overflow: hidden;text-align: center;}
.h_adv_box{float: left;width: 16.666666%;line-height: 2;transition: all 0.3s;text-transform: capitalize;border: 1px #fff solid;}
.h_adv_box_tit{text-align: left;display: inline-block;vertical-align: middle;}
.h_adv_box_tit .p1{font-size:16px;}
.h_adv_box_tit .p2{color:#ababab;}
.h_adv_box_img{width: 50%;background-position: center bottom;background-repeat: no-repeat;display: inline-block;vertical-align: middle;}
.h_adv_box_img img{width: 60px;}
.h_adv_box_img:hover img{animation: flipInY 2s ease-in-out;-webkit-animation: flipInY 2s ease-in-out;}

@media screen and (max-width: 14400px) {
.h_adv_box_tit{display:block;text-align: center;}
.h_adv_box_img{display:block;width: auto;margin-bottom: 15px;}
}
@media screen and (max-width: 1280px) {
.h_adv_box{width:33.33333%;}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 425px) {
.h_adv_box{margin-bottom: 15px;}
}

/* ------------------------------------------------------------------------------
   pro
-------------------------------------------------------------------------------*/
.h_pro_nav{background: #f2f6fa;margin-bottom: 30px;overflow: hidden;text-align: center;}
.h_pro_nav .tit{color:#000;font-size: 24px;border-bottom: 1px #26b2cb solid;padding: 15px;}
.h_pro_nav_i{float: left;width: 33.3333%;line-height: 2;transition: all 0.3s;text-transform: capitalize;padding: 25px 46px;border: 1px #fff solid;}
.h_pro_nav_i:hover,.h_pro_nav_i.active{background: #00589a;color: #fff;}
.h_pro_nav_i:hover .h_pro_nav_img,.h_pro_nav_i.active .h_pro_nav_img{background-position: center top;}
.h_pro_nav_i:hover .bbar,.h_pro_nav_i.active .bbar{background: #fff;}
.h_pro_nav_tit{float: left;text-align: left;font-size: 16px;width: 50%;font-weight: bold;}
.h_pro_nav_tit .bbar{margin:0;}
.h_pro_nav_img{width: 50%;height:72px;background-position: center bottom;background-repeat: no-repeat;float: right;}

.h_pro{background:#fff;}
.h_pro_oder{background: url(../images/ha_bg.jpg);}
.h_page_tit{}
.h_page_tit .p1{font-size: 25px;text-transform: uppercase;}
.h_page_tit .bbar_c{margin: 25px auto;}
.h_page_tit .p2{color: #bababa;}
.h_pro_list{}
.h_pro_content{overflow:hidden;}
.h_pro_box{float: left;width: 33.33333%;box-sizing: border-box;padding: 0 15px;margin-bottom:  30px;}
.h_pro_box:hover .des_box{background: rgba(0, 0, 0, 0.5);}
.h_pro_box:hover .des_box p{opacity: 1;}
.h_pro_box:hover .img_box img{opacity: 1;}
.h_pro_box .img_box{text-align: center;transition:all 0.3s;overflow: hidden;position: relative;}
.h_pro_box .img_box img{transition:all 0.3s;opacity: 0.6;}
.h_pro_box .des_box{text-align: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 60%;background: rgba(0, 0, 0, 0);}
.h_pro_box .des_box .tit{color:#fff;margin: 0 15px;font-family: "Didot";font-size: 25px;text-transform: uppercase;}
.h_pro_box .des_box span{display:inline-block;vertical-align:middle;}
.h_pro_box .des_box p{opacity: 0;transition: all 0.3s;}
.h_pro_box .des_box .styletit{margin-bottom:15px;}
@media screen and (max-width: 1280px) {
.h_pro_box{width:33.3333%;}
.h_pro{padding:0;background: none;}
.h_pro_nav_i{width:50%;}
}
@media screen and (max-width: 768px) {
.h_pro_box{width:50%;}
.h_page_tit{padding-top:30px;margin-bottom: 30px;}
.h_pro_nav_i{padding: 5%;}
.h_pro_nav_tit{width:100%;text-align:center}
.h_pro_nav_img{width:100%;}
.h_pro_nav{margin: 15px 0;}
}
@media screen and (max-width: 425px) {
.h_pro_box{width:100%;}
}

/* ------------------------------------------------------------------------------
   h_about
-------------------------------------------------------------------------------*/
.h_about{margin-bottom: 30px;background: #d9e6f0;display: flex;}
.h_about .img_box{text-align: center;flex: 0 0 50%;overflow: hidden;background-position: center;background-repeat: no-repeat;}
.h_about .img_box img{position:relative;z-index:2;}
.h_about .img_box .block{position:absolute;right:0;top: 19px;width: 305px;height: 430px;border: 3px #f9b600 solid;z-index: 1;}
.h_about .des_box{position: relative;padding: 5%;flex: 0 0 50%;}
.h_about .des_box .tit{font-size: 25px;margin-bottom: 50px;text-transform: uppercase;}
.h_about .des_box .bg_tit{font-family: 'bebasregular';font-size: 60px;text-transform: uppercase;color: #eaf0f6;position: absolute;right: 0;top: 20px;}
.h_about .des_box .des{line-height: 2;font-size: 16px;margin-bottom: 50px;}
@media screen and (max-width: 1440px) {

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

}
@media screen and (max-width: 768px) {
.h_about{display:block;}
.h_about .img_box{height:300px;}
}
@media screen and (max-width: 425px) {

}
/* ------------------------------------------------------------------------------
     news
-------------------------------------------------------------------------------*/
.h_news{overflow: hidden;margin-bottom: 30px;}
.h_news_list{margin:0 -27.5px;}
.new_box{padding:27.5px;width: 25%;float: left;box-sizing: border-box;}
.new_box .img_box{text-align: center;}
.new_box .img_box img{width:100%;}
.new_box .des_box{color: #606060;padding: 24px 15px;transition: all 0.3s;border: 1px #eee solid;border-top: none;}
.new_box .des_box .tit{font-weight: bold;margin-bottom: 15px;min-height: 38px;}
.new_box .des_box .des{line-height: 1.5;margin-bottom: 40px;}
.new_box a{display: block;background: #fff;transition: all 0.3s;}
.new_box a:hover{background: #00589a;}
.new_box a:hover .des_box{color:#fff;}
.page_tit{padding: 15px;background: #fff;text-align: center;line-height: 2;border-bottom: 1px #eee solid;}
.page_tit .p1{font-size: 24px;}
.page_tit .p2{color: #bbb;font-size: 12px;}
.page_tit .mid{margin:0 15px;}
.page_tit .p3{color: #bbb;font-size: 12px;}
.page_des{padding: 30px;background: #fff;line-height: 2;margin-bottom: 30px;}


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

}
@media screen and (max-width: 768px) {
.new_box{width: 50%;}
}
@media screen and (max-width: 425px) {
.new_box{width: 100%;}
}