﻿@charset "utf-8";
.pro_nav{width: 260px;background: #265fa4;box-sizing: border-box;padding: 0;}
.pro_nav .t{color: #fff;padding: 15px 10px;border-bottom: 1px solid #fff;}
.pro_nav .sub{font-size: 20px;text-transform:uppercase;display: block;}
.pro_nav .sup{font-size: 24px;font-weight: bold;}
.pro_nav ul{background: #fff;}
.pro_nav ul li{line-height: 65px;background: #fff;position: relative;border-bottom: 1px solid #e0e0e0;}
.pro_nav ul li::before{content: '';width: 7px;height: 7px;position: absolute;left: 19px;top: 30px;border: 1px solid #1e1e1e; border-radius: 50%;background: transparent;}
.pro_nav ul li a{display: block;padding-left: 40px;font-size: 16px;}
.pro_nav ul li a:hover{background: #265fa4;color: #fff;}
.pro_nav ul li.navcur{background: #265fa4;color: #fff;}
.pro_nav ul li.navcur a{color: #fff;}
.pro_nav ul li:hover::before{background: transparent;border-color: #fff;}
.pro_nav ul li.navcur::before{background: #fff;}
.pro_nav .pho{color: #fff;font-size: 15px;padding: 10px 0 10px 60px;background: url(../images/hdPhone.png) no-repeat left 45%;margin: 15px auto;border-bottom:1px solid rgba(255,255,255,0.8);width: 95%;box-sizing: border-box;}
.pro_nav .pho i{display: block;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size: 28px;color: #fff;}
.pro_nav .wechat{display: flex;flex-wrap: nowrap;justify-content:center;color: #fff;align-items: center;text-align: center;font-size: 16px;}
.pro_nav .wechat img{width: 105px;margin-right: 20px;border: 5px solid #fff;}

.pro_nav_index{width: 260px;background: #0173b5;box-sizing: border-box;}
.pro_nav_index .t{color: #fff;}
.pro_nav_index ul{background: #fff;}
.pro_nav_index ul li{line-height: 65px;background: #fff;position: relative;border-bottom: 1px solid #e0e0e0;}
.pro_nav_index ul li::before{content: '';width: 7px;height: 7px;position: absolute;left: 19px;top: 30px;border: 1px solid #1e1e1e; border-radius: 50%;background: transparent;}
.pro_nav_index ul li a{display: block;padding-left: 40px;font-size: 16px;}
.pro_nav_index ul li a:hover{background: #265fa4;color: #fff;}
.pro_nav_index ul li.navcur{background: #265fa4;color: #fff;}
.pro_nav_index ul li.navcur a{color: #fff;}
.pro_nav_index ul li:hover::before{background: transparent;border-color: #fff;}
.pro_nav_index ul li.navcur::before{background: #fff;}
.pro_nav_index .pho{color: #fff;font-size: 15px;padding: 10px 0 10px 60px;background: url(../images/hdPhone.png) no-repeat left 45%;margin: 15px auto;border-bottom:1px solid rgba(255,255,255,0.8);width: 95%;box-sizing: border-box;}
.pro_nav_index .pho i{display: block;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size: 28px;color: #fff;}
.pro_nav_index .wechat{display: flex;flex-wrap: nowrap;justify-content:center;color: #fff;align-items: center;text-align: center;font-size: 16px;}
.pro_nav_index .wechat img{width: 105px;margin-right: 20px;border: 5px solid #fff;}



.hlyb_hotpro_con{ width:100%;  overflow:hidden; position:relative;  }
.hlyb_hotpro_con .bd{ padding:10px;   }
.hlyb_hotpro_con .bd ul{ overflow:hidden; zoom:1; }
.hlyb_hotpro_con .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.hlyb_hotpro_con .bd ul li .pic{ text-align:center; overflow: hidden;}
.hlyb_hotpro_con .bd ul li .pic img{ width:280px; height:280px; display:block;  }
.hlyb_hotpro_con .bd ul li .pic a:hover img{ border-color:#999;  }
.hlyb_hotpro_con .bd ul li .title{ line-height:2;margin-top: 15px;}
.hlyb_hotpro_con .bd ul li:hover .title a{color: #265fa4;}

/* hlyb_product */
.hlyb_pro{background: url(../images/product_bg.jpg) no-repeat center top; background-size: cover;margin-top: 30px;padding: 30px 0 60px;}
.hlyb_pro_con{padding-top: 30px;}
.hlyb_pro .pro_list_index{width: 915px;}
.hlyb_pro .pro_list_index ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.hlyb_pro .pro_list_index ul li{width: 31%;margin-right: 3.5%;border-bottom: 1px solid #b1b1b1;box-sizing: border-box;margin-bottom: 30px;}
.hlyb_pro .pro_list_index ul li:nth-child(3n+0){margin-right: 0;}
.hlyb_pro .pro_list_index .pic img{width: 100%;}
.hlyb_pro .pro_list_index .pic{width: 100%;overflow: hidden;}
.hlyb_pro .pro_list_index .title{line-height: 3;text-align: center;}
.hlyb_pro .pro_list_index ul li:hover .title a{color: #265fa4;}

/* hlyb_adv */
.hlyb_adv{padding: 30px 0;}
.hlyb_adv ul{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.hlyb_adv ul li{width: 24%;border: 1px solid #cccccc;position: relative;box-sizing: border-box;padding: 30px 20px;}
.hlyb_adv ul li .thumb{position: absolute;overflow: hidden;right: 15px;width: 62px;height: 62px;}
.hlyb_adv ul li .thumb img{position: absolute;top: 0;left: 0;transition: 0.3s all;}
.hlyb_adv ul li:hover .thumb img{top: -62px;}
.hlyb_adv ul li:hover{background: #265fa4;border-color: #265fa4;}
.hlyb_adv ul li dl{width: calc( 100% - 62px );color: #333;}
.hlyb_adv ul li dl dt{font-size: 20px;font-weight: bold;}
.hlyb_adv ul li dl dd{font-size: 14px;line-height: 2;margin-bottom: 10px;}
.hlyb_adv ul li dl a{background: #2660a4;display: inline-block;padding: 5px 15px;border-radius: 3px;color: #fff;}
.hlyb_adv ul li:hover dl{color: #fff;}
.hlyb_adv ul li:hover dl a{background: #fff;color: #333;}
/* hlyb_about */

.hlyb_about{background: url(../images/about_bg.jpg) no-repeat center bottom;padding: 30px 0;height: 825px;}
.hlyb_about_con{padding: 40px 0;}
.hlyb_about_con .hlyb_tit{text-align: left;padding-bottom: 10px;}
.hlyb_about_con .hlyb_tit sub{color: #fff;}
.hlyb_about_con  .btn {display: inline-block;  height:38px;  border-radius:100px;  font-size: 15px;line-height: 38px;   text-align: center;  box-sizing: border-box;padding: 0 40px;}
.hlyb_about_con .des{width: 50%;}
.hlyb_about_con .des p{font-size: 15px;line-height: 2.3;text-indent: 35px;color: #fff;}
.hlyb_about_con .des a.btn{display: inline-block;background: #fff;color: #333;margin-top: 20px;}
.hlyb_about_con .des a.btn:hover{display: inline-block;background: #2660a4;color: #fff;margin-top: 20px;}
.hlyb_about_con .pic img{border: 10px solid #fff;}
.hlyb_about_con .pic {padding-top: 80px;}
/* news */
.hlyb_news {box-sizing: border-box;padding-top: 30px;padding-bottom: 80px;}
.hlyb_news .content{padding-top: 50px;}
.hlyb_news .thums{width: 414px;}
.hlyb_news .list{width: calc(100% - 480px);}
.hlyb_news .list li{border-bottom: 1px dotted #efefef;padding: 15px 0;padding-left: 80px;position: relative;}
.hlyb_news .list li .data{width: 60px;height: 60px;background: #2660a4;color: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);text-align: center;font-size: 12px;line-height: 25px;box-sizing: border-box;padding-top: 5px;}
.hlyb_news .list li .data span{display: block;font-size: 24px;}
.hlyb_news .list li dt a{font-size: 16px;color: #333;line-height: 2;display: block;text-overflow: ellipsis;overflow: hidden;word-spacing: normal;}
.hlyb_news .list li:hover dt a{color: #265fa4;}
.hlyb_news .list li dd{font-size: 14px;color: #999;}
/* partners */
.hlyb_partner_con{ width:100%;  overflow:hidden; position:relative; margin-bottom: 40px; }
.hlyb_partner_con .bd{ padding:10px;}
.hlyb_partner_con .bd ul{ overflow:hidden; zoom:1; }
.hlyb_partner_con .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.hlyb_partner_con .bd ul li .pic{ text-align:center; overflow: hidden;border: 1px solid #d2d2d2;}
.hlyb_partner_con .bd ul li .pic img{ width:165px; height:110px; display:block;  }
.hlyb_partner_con .bd ul li .pic a:hover img{ border-color:#999;  }
.hlyb_partner_con .bd ul li .title{ line-height:2;margin-top: 15px;}
.hlyb_partner_con .bd ul li:hover .title a{color: #265fa4;}
