/* ==========================================================================
   Index Page
   ========================================================================== */
.ibanner{ height:182px;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:5%;}
.ibanner .swiper-button-next{ right:5%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:rgb(0,0,0,0.6); width:60px; height:100px; line-height:100px; text-align:center;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:4rem;}
.ibanner .ban-img{ position:absolute; width:100%; height:100%; left:0; top:0;}
.ibanner .swiper-button-prev.swiper-button-disabled,.ibanner .swiper-button-next.swiper-button-disabled{ background:rgb(0,0,0,0.4);}
/*.ibanner .swiper-slide-active .ban-img{animation: zoomIn2 8s forwards;}*/
@media screen and (max-width:330px){
	.ibanner {height: 142px;}
}

/*顶部电话 */
.ftel {padding: 0px;overflow: hidden;background: #fff;height: 45px;line-height: 45px;border:15px solid #0d62bd;}
.ftel a {display: block;}
.ftel a p {color: #333;font-size:18px;text-align: center;}
.ftel a p i {font-size: 24px;vertical-align: middle;font-weight: bold;margin-right: 2px;}
.ftel a p strong {padding: 5px 15px;background: #ff7e00;color: #fff;border-radius: 20px;font-weight: normal;}

/*产品展示*/
.sect_product {padding: 1rem 0;overflow: hidden;width: 98%;margin:0 auto;}
/*产品导航*/
.title_1 {padding:1rem 0;overflow: hidden;text-align: center;margin-bottom: 1rem;position: relative;background: url(../img/hx.png) no-repeat bottom center;}
.title_1:before{content: "huake";color: #ebebeb;font-size:30px;font-weight: bold;text-transform: uppercase;font-family: "Arial";position: absolute; display: block;text-align: center;left: 0;top:0; width: 100%;z-index: -1;}
.title_1 span {color: #333;font-family: "微软雅黑";font-size: 24px;font-weight: bold;line-height: 30px;display: block;}
.title_1 p {color: #999;font-size: 14px;line-height: 25px;}
.sect_product  .title_1:before{content: "huake PRODUCTS";}
/*产品分类*/
.pnav {text-align: center;padding: 1rem 0;overflow: hidden;}
.pnav a {display: inline-block;width: 30%;height: 35px;line-height: 35px;text-align: center;color: #080808;font-size: 14px;margin-bottom: 10px;border:1px solid #dcdcdc;}
.pnav a.on,.pnav a:hover {background: #0d62bd;color: #fff;}

/*产品列表*/
.pro_list {padding: 0;overflow: hidden;}
.pro_list .probox {padding:0;overflow: hidden;float: left;width: 48%;margin: 0 1% 15px;}
.pro_list .porimg {width: 100%;height: 100%;margin-bottom: 0;}
.pro_list .porimg a {display: block;padding: 0;overflow: hidden;}
.pro_list .porimg .icon {background: #fff;}
.pro_list .porimg .icon img{width: 100%;height: auto;}
.pro_list .porimg .pmark img {width: 100%;height: auto;}
.pro_list .portit {height: 40px;background: #0d62bd;}
.pro_list .portit p {color: #fff;font-size: 14px;line-height: 40px;}
.ptel {padding: 1rem 0;overflow: hidden;text-align: center;}
.ptel a {display: inline-block;width: 44%;margin:0 2%;height: 40px;line-height: 40px;border-radius: 15px;}
.ptel a.pmore {border:1px solid #080103;color: #080103;}
.ptel a.p_tel {background: #ff8800;color:#fff;}
.ptel a:hover {background: #ff8800;color: #fff;}

/*工程案例*/
.case:before {content: "huake case";}
.sect_case {padding: 2rem 1%;overflow: hidden;background: url(../img/casebg.jpg) no-repeat bottom center #2373c9;}
.sect_case .portit {background: #feab5b;}
.sect_case .portit p {color: #fff;}
.sect_case .ptel .pmore {color: #fff;border:1px solid #fff;}
.ctel {padding:  0;overflow: hidden;}

/*关于我们*/
.sect_about {padding: 1rem 0;overflow: hidden;width: 94%;margin:0 auto;}
.sect_about img {width: 100%;max-width: 100%;display: block;margin:0 auto 1rem;}
.sect_about p {font-size: 16px;color: #333;line-height: 30px;}
.sect_about .ptel a.pmore {border: 1px solid #0d62bd;}
.sect_about .ptel a.p_tel {background: #0d62bd;color: #fff;}

/*新闻*/
.sect_news {padding: 1rem 0;overflow: hidden;}
.sect_news .title_1:before {content: "Event Dynamic";} 
.newsbox {padding: 0;overflow: hidden;width: 94%;margin:0 auto;}
.newsbox li {height: 55px;padding: 10px 0;overflow:hidden;margin-bottom: 10px;background: #f5f5f5;}
.newsbox li .date {width:70px;height: 55px;float: left;border-right:2px solid #e8e8e8;}
.newsbox li .date h3 {font-family: "微软雅黑";color: #64676c;font-size: 24px;text-align: center;line-height: 30px;}
.newsbox li .date p {font-family: "微软雅黑";color: #64676c;font-size: 14px;text-align: center;line-height: 25px;font-weight: normal;}
.newsbox li .newcon {width: calc(100% - 92px);height: 55px;padding-left: 15px;float: left;}
.newsbox li .newcon h2 {font-family: "微软雅黑";color: #333;font-size: 16px;line-height: 30px;height: 30px;font-weight: bold;}
.newsbox li .newcon p{font-family: "微软雅黑";color: #666;font-size: 12px;line-height:20px;display: block;height:20px;overflow: hidden;}
.newsbox li:hover {background: #0d62bd;}
.newsbox li:hover h3,.newsbox li:hover p,.newsbox li:hover h2 {color: #fff;}

/*新闻*/
.news-brow{overflow: hidden;}
.ul-news {padding: 10px 20px;overflow: hidden;border-bottom: 1px solid #c9c9c9;}
.ul-news h2 {color:#4b4b4b;font-size: 16px;line-height: 40px;}
.ul-news .xwcon {padding: 5px 0;overflow: hidden;}
.ul-news .xwcon p {width:calc(100% - 110px);float: left;color: #929090;font-size: 14px;line-height: 20px;}
.ul-news .xwcon span {width: 100px;float: right;display: block;font-size: 14px;color: #929090;text-align: right;}
.ul-news .nmore {color: #d4a164;font-size: 12px;line-height: 20px;    text-transform: uppercase; }
.ul-news:hover h2 {color: #d4a164;}
.xwmore {padding: 10px 30px;overflow: hidden;background: #d4a164;margin:5px auto 0;}

/*在线报价*/
.sect_mess {padding: 2rem 3%;overflow: hidden;background: #0d62bd;}
.sect_mess img {width: 100%;max-width: 100%;}
.sect_mess .mess {padding: 1rem 0;overflow: hidden;}
.sect_mess .mess_input  {padding: 0;overflow: hidden;margin-bottom: 15px;}
.mess form label {display: block;width: 28%;height: 40px;background: #fff;border-radius: 5px;line-height: 40px;text-align: center;color: #0d62bd;font-weight: bold;font-size: 16px;font-family: "微软雅黑";float: left;margin-right: 2%;}
.mess form input[type="text"]{width: 65%;height: 40px;border: none;padding: 0 5px;background-repeat:no-repeat;outline: none;font-size: 14px;color: #999;float: left;border-radius: 5px;}
.mess form textarea {width: 98%;background: #fff;border-radius: 5px;outline: none;margin-bottom: 15px;}
.mess form input[type="submit"]{width: 40%;height: 40px;background: #fff;color: #0d62bd;float: right;text-align: center;border: none;border-radius: 5px;cursor: pointer;transition: all .3s linear;font-size: 16px;font-family: "微软雅黑";}
.mess form input[type="submit"]:hover{background-color: #96db3b;color: #fff;}