/* CSS Document */
*{ margin:0; padding:0; list-style:none; -webkit-appearance:none; box-sizing:border-box;}
img{ border:0; max-width:100%; height:auto;}
a{ color:#333333; text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body{ font-size:1em; font-family:'微软雅黑'; color:#333333; background:#fff;}
.clr{ clear:both; line-height:0; font-size:0; height:0;}


.main{ width:100%; margin:0 auto; max-width:640px; background-color: #fff;}
/*.main #top{ width:100%; float:left; padding:0.5em; background-color: #d20c0c; }
.main #top #logo{ float:left;}
.main #top #menu{ float:right; width: 1.6em; height: 1.2em; margin-top: 1em;}
.main #top #top_line{ float: left; width: 7em; height: 2.7em; margin-left:1em; }
.main #top #logo img{ float:left; height:3em; }
.main #top #menu img{ display: block;width: 100%;height: 100%;}
.main #top #top_line img{ display: block;width: 100%;height: 100%; }
*/

/*首页顶部*/
.header{ width: 100%; height: 60px; padding: 0 2%; overflow: hidden; background: #fff; z-index: 900;}
.header .headerTit{ width:60px; float:left; text-align: center; margin-top: 12px; }
.header .headerTit img { width: 62px; display: block;  }
.header #top_line{ width: 42%; float: left; margin-top:0.9em; margin-left:6%; }
.header #top_line img{ display: block; width: 100%; }
.header .header_Menu{ width: 30px; height: 20px; float: right; margin-top: 18px; }
.header .header_Menu img{ display: block ;width: 100%; }

.nav_con{ position: fixed; top: 60px; left: 0; bottom: 0; width: 100%; display: none; z-index: 9999; overflow: hidden; overflow-y: scroll; border-top: 1px solid  #fff;}
.nav_con .list_dt a{ display:block; background: #00a1e9; color: white; width: 100%; padding:0 20px; height: 48px; line-height: 48px; overflow: hidden; white-space: nowrap;position: relative; border-bottom: 1px solid #fff; }
.nav_con .list_dd{ display: none;}
.nav_con .list_dd .list_li a{ display:block; background: #00a1e9; list-style-type: none; color: white;width: 100%; padding: 0 40px; height: 48px; line-height: 48px; cursor: pointer; border-bottom: 1px dashed #fff;}

/*首页banner不定高，原因因为不同型号手机的宽度不同，自然高度也对应不同，如果相同，则图片会有一定的不协调*/
.main #bner{ width:100%; /*height:220px;*/ float:left; margin-bottom: 10px; font-size:0;}
.main #bner img{ width: 100%; }


.index_pro{ width: 100%; margin-top: 30px; }
.index_pro .index_pro_top { width: 100%; }
.index_pro .index_pro_top .index_pro_top_bg{ width: 100%; height: 14px; margin-top: 18px; background: url(images/type_li.png) repeat-x center; }
.index_pro_top .index_pro_top_cls{ position: relative; top:-32px; width: 72%; height: 46px; margin-left: 14%; background-color: #fff; }
.index_pro_top .index_pro_top_cls .index_pro_cls_one{ width: 50%; height: 46px; float: left; border: 1px solid #d7d7d7; }
.index_pro_top .index_pro_top_cls .index_pro_cls_one.on{ color: #fff; background-color: #008cd6; border:1px solid #008cd6; }
.index_pro_top .index_pro_top_cls .index_pro_cls_one .pro1{ width: 100%; text-align: center; font-size: 16px; line-height: 46px; }
.index_pro_top .index_pro_top_cls .index_pro_cls_one .pro2{ width: 100%; text-align: center; font-size: 16px; line-height: 46px; }
.index_pro_top .index_pro_top_cls .index_pro_cls_one:first-child{ border-right: 0; }
.index_pro .index_pro_all{ display: none; width: 94%; float: left; margin-left: 3%;  }
.index_pro .pro_all1{ display: block; }

.index_pro_all dl{ width: 48.4%; float: left; margin-right: 3%; }
.index_pro_all dl:nth-child(2n){ margin-right: 0; }
.index_pro_all dl dt{ width: 100%; height: 140px; border: 1px solid #e5e5e5; background-color: #fff; }
.index_pro_all dl dt img{ width: 70%; height: 70%; margin-left: 15%; margin-top: 15%; }
.index_pro_all .pro_one_img2{ width: 100%; height: 140px !important; border: 1px solid #008cd6; margin:0; position: relative; display: none; top:-104px; opacity: 0.8; }
.index_pro_all dl dd{ width: 100%; margin-top: 20px; margin-bottom: 20px; font-size: 16px; text-align: center; line-height: 28px; }
.index_pro_all dl dd a.on{ color: #008cd6; }


/*首页中央空调品牌*/
.index_brand{ width: 100%; margin-bottom: 20px; }
.index_brand h2{ width: 100%; text-align: center; font-size: 22px; line-height: 68px; color: #333; }
.index_brand .index_p_div{ width: 100%; overflow-x: scroll; overflow-y: hidden; }
.index_brand p{ display:block; width: 530px; height: 96px; margin:0 2%; }
.index_brand p a{ display: block; width: 160px; float: left; margin-right: 16px; }
.index_brand p a img{ width: 100%; border: 1px solid #d7d7d7; }
.index_brand p a img:hover{ border: 1px solid #008cd6; }

/*首页服务项目*/
.index_service{ position:relative; width: 100%; height: 340px; margin-bottom: 200px; background: url(images/service_bg.png) center center no-repeat; }
.index_service .index_ser_tit{ width: 100%; text-align: center; font-size: 22px; line-height: 68px; color: #333; }
.index_service .index_ser_cls{ width: 94%; height: 56px; margin-left: 3%; display:flex; display: -webkit-flex;justify-content:space-between; -webkit-justify-content:space-between; align-items:center; -webkit-align-items:center; }
.index_service .index_ser_cls a{ display: block; width: 56px; height: 56px; text-align: center; line-height: 56px; background: url(images/service_cir.png) center center no-repeat; background-size: 100%; color: #fff; }
.index_service .index_ser_cls a:hover{ color: #fff; }
.index_service .index_ser_cls a.on{ color: #fff; }

.index_service .index_ser_con{ position:absolute; display: none; width: 96%; float: left; top:140px; border: 1px solid #e5e5e5; margin:0 2%; background-color: #fff; }
.index_service .index_ser_con.on{ display: block; }
.index_service .index_ser_con .index_ser_con_top{ width: 94%; height: 190px; float: left; margin:10px 3%; }
.index_service .index_ser_con .index_ser_con_top img{ width: 100%; height: 100%; }
.index_service .index_ser_con .index_ser_con_center{ width: 100%; height: 160px; float: left; }
.index_service .index_ser_con .index_ser_con_center h2{ width: 90%; height: 50px; margin-left: 5%; text-align: center; font-size: 18px; line-height: 50px; color: #333; }
.index_service .index_ser_con .index_ser_con_center p{ width: 90%; margin: 0 5%; font-size: 16px; line-height: 30px; color: #555; }

/*核心优势*/
.index_core{ width: 100%; height: 56px; text-align: center; line-height: 56px; color: #fff; background-color: #008cd6; }
.index_core p{ font-size: 20px; font-weight: bold; }
.index_core p span{ font-size: 24px; }

.index_core_con{ width: 100%; height: 780px; float: left; margin-bottom: 10px; }
.index_core_con img{ width: 68%; float: left; margin:30px 16%; }
.index_core_con .index_core_right{ width: 100%; float: left; margin-top: 10px; }
.index_core_con .index_core_right .index_core_one{ width: 96%; float: left; margin-bottom: 10px; margin:0 2%; }
.core_num{ width: 16%; float: left; margin-right: 4%; text-align: center; font-size: 22px; line-height: 64px; background: url(images/advan_li.png) center center no-repeat; color: #fff; }
.core_other{ width: 78%; float: left; }
.core_other h2{ font-size: 20px; line-height: 32px; font-weight: bold; color: #008cd6; }
.core_other p{ font-size: 14px; line-height: 26px; color: #888; }


/*关于我们*/
.index_about{ width: 100%; height: 460px; background: url(images/about_bg.png) top center no-repeat; background-size:100%; }
.index_about h2{ width: 100%; height: 30px; float: left; line-height: 30px; text-align: center; margin-top: 40px; font-size: 22px; }
.index_about .index_ab_con{ width: 92%; margin-left: 4%; margin-top: 20px; float: left; box-shadow: 1px 1px 2px #d7d7d7,-1px -1px 2px #d7d7d7; background-color: #fff; }
.index_about .index_ab_con h2{ width: 100%; height: 50px; float: left; margin-top: 10px; text-align: center; font-size: 18px; line-height: 50px; }
.index_about .index_ab_con p{ width: 90%; margin:0 5%; margin-right: 0px; margin-bottom: 20px; text-align: left; font-size: 14px; line-height: 28px; }
.index_about .index_ab_con a{ display: block; width: 30%; height: 36px; margin-left: 32%; margin-bottom: 26px; text-align: center; font-size: 15px; line-height: 36px; border: 1px solid #429edc; color: #429edc; }


/*成功案例*/
.index_case{ width: 100%; float: left; margin-bottom: 40px; }
.index_case .index_case_tit{ width: 100%; text-align: center; font-size: 22px; line-height: 68px; color: #333; }
.index_case .index_case_cls{ width: 100%; height: 54px; overflow-x: scroll; overflow-y: hidden; }
.index_case .index_case_cls .index_case_cls_a{ width: 530px; margin:0 2%; }
.index_case .index_case_cls a{ width: 54px; height: 100%; float: left; padding:6px 8px; margin-bottom: 20px; margin-right: 26px; text-align: center; font-size: 14px; line-height: 20px; color: #fff; background: url(images/case_cir.jpg) center center no-repeat; background-size: 100% 100%; }
.index_case .index_case_cls a:hover{ color: #fff; }
.index_case .index_case_cls a.on{ color: #fff; }
.index_case .index_case_con{ display: none; width: 100%; height: 246px; }
.index_case .index_case_con.on{ display: block; }
.index_case .index_case_con .index_case_c_right{ width: 96%; float: left; margin:0 2%; }
.index_case .index_case_con .index_case_c_right .index_case_one{ position: relative; width: 48.5%; float: left; margin-right: 2%; margin-top: 12px; }
.index_case .index_case_con .index_case_c_right .index_case_one span{ display: block; position:absolute; top: 66%; width: 100%; height: 40px; font-size: 16px; text-align: center; line-height: 40px; color: #fff; background-color: #333; opacity: 0.8; }
.index_case .index_case_con .index_case_c_right .index_case_one img{ width: 100%; height: 100%; }
.index_case .index_case_con .index_case_c_right .index_case_one:nth-child(2n){ margin-right: 0; }


/*新闻资讯*/
.index_news2{ width: 100%; /*height: 476px;*/ float: left; margin-bottom: 22px; }
.index_news2 .index_news_tit{ width: 100%; text-align: center; font-size: 22px; line-height: 68px; color: #333; }
.index_news2 .index_news_cls_one{ width: 100%; float: left; }
.index_news2 .index_news_cls_one .index_news_one{ width: 92%; float: left; margin-left: 4%; margin-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #d7d7d7; }
.index_news2 .index_news_cls_one .index_news_one:first-child{ margin-top: 0; }
.index_news2 .index_news_cls_one .index_news_one img{ width: 40%; float: left; }
.index_news2 .index_news_cls_one .index_news_one .index_news_one_right{ width: 56%; float: left; margin-left: 4%; }
.index_news2 .index_news_cls_one .index_news_one h2{ width: 100%; font-size: 14px; font-weight: bold; line-height: 24px; }
.index_news2 .index_news_cls_one .index_news_one p{ font-size: 12px; line-height: 22px; color: #333; }


/*荣誉资质*/
.index_honor{ width: 100%; float: left; margin-bottom: 30px; }
.index_honor .index_honor_tit{ width: 100%; text-align: center; font-size: 22px; line-height: 68px; color: #333; }
.index_honor .index_honor_cls_one{ width: 100%; float: left; }
.index_honor_cls_one dl{ width: 47%; height: 210px; float: left; margin-left: 2%; margin-right: 2%; }
.index_honor_cls_one dl:nth-child(2n){ margin-left: 0; }
.index_honor_cls_one dl dt{ width: 100%; height: 140px; border: 1px solid #d7d7d7; background-color: #fff; }
.index_honor_cls_one dl dt img{ width: 100%; height: 100%; }
.index_honor_cls_one dl dd{ width: 100%; float: left; margin-top: 20px; margin-bottom: 20px; text-align: center; font-size: 14px; text-align: center; line-height: 24px; }



#foot{ width: 100%; height: 90px; float: left; margin:0 auto; padding-top:10px; text-align: center; font-size: 14px; color: #fff; background-color: #008cd6; float: left; }
#foot a{ display: inline-block; line-height: 26px; color: #fff; }



#mid{ width: 100%; background-color: #fff; }

/*产品列表*/
#mid #pro{ width: 94%; float: left; margin-left: 3%; margin-top: 26px; margin-bottom: 50px; }
#pro dl{ width: 48.4%; float: left; margin-right: 3%; }
#pro dl:nth-child(2n){ margin-right: 0; }
#pro dl dt{ width: 100%; height: 140px; border: 1px solid #e5e5e5; background-color: #fff; }
#pro dl dt img{ width: 70%; height: 70%; margin-left: 15%; margin-top: 15%; }
/*#pro .pro_one{ width: 100%; height: 100%; }*/
/*#pro .pro_one_img2{ width: 100%; height: 224px !important; border: 1px solid #008cd6; margin:0; position: relative; display: none; top:-204px; opacity: 0.8; }*/
#pro dl dd{ width: 100%; margin-top: 20px; margin-bottom: 20px; font-size: 16px; text-align: center; line-height: 28px; }
#pro dl dd a.on{ color: #008cd6; }


/*产品详情*/
#mid .pro_one_info{ width: 100%; float: left; margin-top: 26px; }
.pro_one_info .pro_one_left{ width: 40%; height: 170px; float: left; margin-left: 2%; margin-right: 2%; border: 1px solid #d7d7d7; background-color: #fff; }
.pro_one_info .pro_one_left img{ width: 70%; height: 70%; margin-top: 15%; margin-left: 15%; }
.pro_one_info .pro_one_right{ width: 54%; height: 170px; float: left; margin-right: 2%; /*border: 1px solid #d7d7d7;*/ background-color: #fff; box-shadow: 1px 1px 2px #d7d7d7,-1px -1px 2px #d7d7d7; }
.pro_one_info .pro_one_right h2{ width: 95%; float: left; margin-left: 5%; font-size: 18px; line-height: 34px; color: #333; }
.pro_one_info .pro_one_right .pro_one_right_info{ width: 100%; float: left; padding-top: 10px; color: #555;  }
.pro_one_info .pro_one_right .pro_one_right_info p{ width: 95%; float: left; margin-left: 5%; font-size: 14px; line-height: 26px; }
.pro_one_info .pro_one_right .pro_tel{ width: 95%; float: left; margin-left: 5%; font-size: 15px; font-weight: bold; line-height: 36px; color: #008cd6; }
.pro_one_info .pro_one_right .pro_tel span{ font-size: 17px; font-weight: bold; }

.pro_one_con{ width: 100%; float: left; margin-top: 16px; margin-bottom: 20px; }
.pro_one_con .pro_one_con_top{ width: 100%; float: left; }
.pro_one_con .pro_one_con_top p{ width: 50%; height: 55px; float: left; text-align: center; font-size: 18px; font-weight: bold; line-height: 55px; background-color: #eee; }
.pro_one_con .pro_one_con_top p:hover{ color: #fff; background-color: #008cd6; }
.pro_one_con .pro_one_con_top p.on{ color: #fff; background-color: #008cd6; }
.pro_one_con .pro_one_show{ width: 100%; float: left; padding-top: 30px; }
.pro_one_con .pro_one_show .pro_show_info{ display: none; }
.pro_one_con .pro_one_show .pro_show_info.on{ display: block; }
.pro_one_con .pro_one_show p{ width: 96%; margin-left: 2%; font-size: 14px; line-height: 36px; }


/*服务项目*/

.index_ser_cls{ width: 94%; height: 56px; margin-left: 3%; margin-top: 12px; display:flex; display: -webkit-flex;justify-content:space-between; -webkit-justify-content:space-between; align-items:center; -webkit-align-items:center; }
.index_ser_cls a{ display: block; width: 56px; height: 56px; text-align: center; line-height: 56px; background: url(images/service_cir.png) center center no-repeat; background-size: 100%; color: #fff; }
.index_ser_cls a:hover{ color: #fff; }
.index_ser_cls a.on{ color: #fff; }

#mid #service{ width: 100%; float: left; margin-top: 26px; margin-bottom: 30px; }
#service dl{ width: 47%; float: left; margin-left: 2%; margin-right: 2%; }
#service dl:nth-child(2n){ margin-left: 0; }
#service dl dt{ width: 100%; height: 120px; background-color: #fff; }
#service dl dt img{ width: 100%; height: 100%; }
/*#pro .pro_one{ width: 100%; height: 100%; }*/
#service .ser_one_img2{ width: 100%; height: 120px !important; margin:0; position: relative; display: none; top:-125px; opacity: 0.4; }
#service dl dd{ margin-left: 10%; margin-right: 10%; margin-top: 20px; margin-bottom: 20px; font-size: 16px; text-align: center; line-height: 28px; }
#service dl dd a.on{ color: #008cd6; }


#mid #show{ width: 96%; margin-left: 2%; margin-top: 26px; margin-bottom: 50px; }
#show h2{ width: 100%; font-size: 24px; font-weight: bold; line-height: 30px; }
#show .show_time{ width: 100%; font-size: 12px; text-align: center; line-height: 50px; border-bottom: 1px dashed #999; color: #9b9b9b; }
#show .show_con{ margin-top: 30px; margin-bottom: 30px; }
#show p{ font-size: 15px; line-height: 36px; color: #808080; }


/*成功案例*/
.index_case_cls{ width: 100%; height: 54px; margin-top: 12px; overflow-x: scroll; overflow-y: hidden; }
.index_case_cls .index_case_cls_a{ width: 530px; margin:0 2%; }
.index_case_cls a{ width: 54px; height: 100%; float: left; padding:6px 8px; margin-bottom: 20px; margin-right: 26px; text-align: center; font-size: 14px; line-height: 20px; color: #fff; background: url(images/case_cir.jpg) center center no-repeat; background-size: 100% 100%; }
.index_case_cls a:hover{ color: #fff; }
.index_case_cls a.on{ color: #fff; }

#case{ width: 96%; float: left; margin:0 2%; margin-top: 10px; margin-bottom: 30px; }
#case .index_case_one{ position: relative; width: 48.5%; float: left; margin-right: 2%; margin-top: 12px; }
#case .index_case_one span{ display: block; position:absolute; top: 66%; width: 100%; height: 40px; font-size: 16px; text-align: center; line-height: 40px; color: #fff; background-color: #333; opacity: 0.8; }
#case .index_case_one img{ width: 100%; height: 100%; }
#case .index_case_one:nth-child(2n){ margin-right: 0; }


/*方案设计*/
#mid #design{ width: 100%; float: left; margin-top: 26px; margin-bottom: 30px; }
#design dl{ width: 47%; float: left; margin-left: 2%; margin-right: 2%; }
#design dl:nth-child(2n){ margin-left: 0; }
#design dl dt{ width: 100%; height: 120px; background-color: #fff; }
#design dl dt img{ width: 100%; height: 100%; }
#design .design_one_img2{ width: 100%; height: 120px !important; margin:0; position: relative; display: none; top:-124px; opacity: 0.8; }
#design dl dd{ margin-left: 10%; margin-right: 10%; margin-top: 20px; margin-bottom: 20px; font-size: 16px; text-align: center; line-height: 28px; }
#design dl dd a.on{ color: #008cd6; }


/*新闻资讯*/
#mid #news{ width: 100%; }

#news .index_news_one{ width: 92%; float: left; margin-left: 4%; margin-top: 12px; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #d7d7d7; }
#news .index_news_one:last-child{ border-bottom: 0; }
#news .index_news_one img{ width: 40%; float: left; }
#news .index_news_one .index_news_one_right{ width: 56%; float: left; margin-left: 4%; }
#news .index_news_one h2{ width: 100%; font-size: 14px; font-weight: bold; line-height: 24px; }
#news .index_news_one p{ font-size: 12px; line-height: 22px; color: #333; }



/*荣誉资质*/
#mid #honor{ width: 100%; float: left; margin-top: 26px; margin-bottom: 30px; }
#honor dl{ width: 47%; height: 210px; float: left; margin-left: 2%; margin-right: 2%; }
#honor dl:nth-child(2n){ margin-left: 0; }
#honor dl dt{ width: 100%; height: 140px; border: 1px solid #d7d7d7; background-color: #fff; }
#honor dl dt img{ width: 100%; height: 100%; }
#honor dl dd{ width: 100%; float: left; margin-top: 20px; margin-bottom: 20px; text-align: center; font-size: 14px; text-align: center; line-height: 24px; }


/*关于我们*/
#mid #about{ width: 100%; float: left; margin-top: 26px; margin-bottom: 30px; }
#about h2{ width: 100%; text-align: center; font-size: 22px; line-height: 30px; }
#about span{ display: inline-block; width: 100%; text-align: center; font-size: 14px; line-height: 30px; color: #a9a9a9; }
#about .ab_con{ width: 94%; margin-left: 3%; }
#about p{ font-size: 14px; margin-top: 10px; margin-bottom: 10px; line-height: 30px; color: #666; }


/*企业文化*/
#about_culture{ width: 100%; float: left; margin-top: 26px; margin-bottom: 60px; }
#about_culture dl{ width: 100%; float: left; }
#about_culture dl dd{ width: 94%;float: left; margin-left: 3%; }
#about_culture dl dd img{ width: 100%; }
#about_culture dt{ width: 94%; float: left; margin-left: 3%;}
#about_culture dt p{ font-size: 14px; margin-top: 10px; margin-bottom: 10px; line-height: 30px; color: #666; }

/*联系我们*/
#contact{ width: 100%; float: left; margin-top: 26px; margin-bottom: 30px; }
#contact dl{ width: 100%; float: left;}
#contact dl dt{ width: 94%; float: left; margin-left: 3%; margin-top: 10px; margin-bottom: 10px; }
#contact dl dt img{ width: 5%; float: left; max-height: 20px;}
#contact dl dt h2{ width: 16%; float: left; font-size: 16px; font-weight: normal; text-align: center; }
#contact dl dt p{ float: left; text-align: center; font-size: 16px; }



.map{ width: 94% !important; max-width: 1200px; margin-left: 3%; margin-bottom: 50px; }

.page{ width:80%; display:flex; justify-content:space-between; align-items:center; margin:30px auto 20px;  }
.page ul{ width: 100%; }
.page ul li{ width:45%; height:42px; float: left; margin-right:20px; color:#008cd6; border:1px solid #008cd6;  text-align:center;}
.page ul li:last-child{margin-right:0;}
.page ul li a{width:41%; height:42px; color:#008cd6; text-align:center; line-height:44px; }
.page ul li span{width:100%; height:100%;; color:#ddd; text-align:center; line-height:44px; }
.page ul li:hover{ background:#008cd6; transition:0.5s;  }
.page ul li:hover a{color:#fff;}