@charset "utf-8";
@import url('https://cz.icmzone.com/public/font/fonts.css');
@font-face{font-family:DIN-Bold;src:url(https://cz.icmzone.com/public/font/DIN-Bold.otf);}
/*
------- 样式书写顺序 -------
1、定位属性：position  display  float  left  top  right  bottom   overflow  clear   z-index
2、自身属性：width  height  padding  border  margin   background
3、文字样式：font-family   font-size   font-style   font-weight   font-varient   color
4、文本属性：text-align   vertical-align   text-wrap   text-transform   text-indent    text-decoration   letter-spacing    word-spacing    white-space   text-overflow
5、css3中新增属性：content   box-shadow   border-radius  transform……
*/
:root {
	/*重定义*/
	--diy-base: #18191A;
	--diy-fuzhu: #f5830a;
	--diy-dianjing: #6f42c1;
	--diy-fuse: #1355bb;
	--diy-font: 'SourceHanSansCN';
	--diy-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	/*新增*/
	--diy-zhuti: #104290;
}

body{ background: #f7f9fa;font-weight:400;}
fieldset,button,input,select,option,textarea{font-family:var(--diy-font);font-weight:400;}

.bg-dy{ background: #fff;}
.bg-base{ background: #fff;}

header{ width: 100%; box-shadow: 0 2px 4px 0 rgba(114,144,179,.06);}

.wrap{ display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start; flex-wrap: wrap; width: 1202px; margin: 0px auto;}
header .wrap{align-items: center;}

.wrapper{ display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start; flex-wrap: wrap; width: 1202px; margin: 0px auto;}
header .wrapper{align-items: center;}


/*新年背景
body{ background: url(../img/yearbg.jpg) no-repeat top center #f9e7d3;  background-size:auto; background-attachment: fixed;} 
header.bg-dy{background: url(../img/year-t.jpg) no-repeat center;}*/


.logo{ width: auto; height: 38px;}
.logo-fu{width: auto; height: 24px;}

nav{ width: 100px; flex-grow: 1; padding-left: 15px; display: flex; flex-direction: row; justify-self: flex-start; align-items: center; }
nav a{color: #797c80; font-size: 16px; margin: 0px 15px; line-height: 60px; position: relative;transition: all linear 0.2s;}
nav a.cur,nav a:hover{ color: var(--diy-base);font-weight: bold;}
nav a::after{position: absolute; left: 50%; bottom: 0; width: 0px; height: 2px; background-color:var(--diy-zhuti);content: '';transition: all 0.3s;}
nav a.cur::after,nav a:hover::after{width: 100%; left: 0;}

header form{ margin-left: 15px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
header input{ border:0px solid #f5f6f7; background:#f5f6f7; height: 34px; border-radius: 4px; box-sizing: border-box;}
.searchkw{ width: 130px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding-left: 12px; box-sizing: border-box; color: #797c80;}
.searchkw::placeholder{ color: #797c80;}
.search_sub{ width: 36px; background:url(https://www.hvacrhome.com/wei/img/ic_4.png) no-repeat center #F5F6F7;background-size:16px auto;   border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

#main{ width: 860px;}
.container{width: 860px;}
aside{ width: 330px;}

.mt-dy{ margin-top: 12px; }
.mt-16{ margin-top: 16px; }
.mt-20{ margin-top: 20px; }

.adbox{border-radius: 4px; width: 100%; height:auto; overflow: hidden;box-shadow: 0 0 2px 0 rgba(98,124,153,.1); margin-top: 12px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.newslist .adbox{ padding: 25px; box-sizing: border-box; box-shadow: none; border-bottom: 1px solid #f5f6f7; margin-top: 0px;}
.adbox img{border-radius: 4px; object-fit: cover; max-width: 100%; width: auto !important; /*max-height: 80px;*/  height: auto; }

/*首页焦点图*/
.carousel{ position: relative;width: 100%; height:auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center;box-shadow: 0 0 2px 0 rgba(98,124,153,.1);}
.carousel .swiper{ margin-left: 0;margin-right: 0;}
.carousel .swiper-slide {text-align: center;font-size: 14px;  /* 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;background-size: cover;background-position: center; height: 100%;}
.carousel .mySwiper2 {width: 585px;height: 350px;}
.carousel .mySwiper {width: 275px;height: 300px; box-sizing: border-box;padding: 0px 0;}
.carousel .mySwiper2 .swiper-slide{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.carousel .mySwiper .swiper-slide { width: 100%;opacity:1; padding: 0px 20px; box-sizing: border-box; background-color: #fff;}
.carousel .mySwiper .swiper-slide:hover{ cursor: pointer;}
.carousel .mySwiper .swiper-slide-thumb-active {opacity: 1; font-weight: bold;  z-index: 2; background: rgba(220, 230, 250, 0.5);}
.carousel .swiper-slide a{width: 100%; height: 100%;}
.carousel .swiper-slide img {display:inline-block;width: 100%;height: 100%;object-fit: cover; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.carousel .mySwiper .swiper-slide p{ width: 100%; height: 100%;text-align: left; box-sizing: border-box; display: flex; flex-direction: row; justify-content:flex-start; align-items: center; line-height: 1.5; border-bottom: 1px solid rgba(220, 230, 250, 0.4);}
.carousel .mySwiper .swiper-slide-thumb-active  p{ background: url(../img/ic_jt.png) no-repeat left center ; padding-left: 20px; border-bottom: 0px;}

.carousel .swiper-button-prev:after,.carousel .swiper-container-rtl .swiper-button-next:after{content:''}/*prev*/
.carousel .swiper-button-next:after,.carousel .swiper-container-rtl .swiper-button-prev:after{content:''}/*next*/
.carousel .swiper-button-next,.carousel .swiper-button-prev{ width:275px;height:25px;margin-top:0px;z-index:1;cursor:pointer;background-size:18px 8px ; background-repeat: no-repeat; background-color:var(--diy-zhuti); background-position: center;}
.carousel .swiper-button-next{background-image:  url(../img/ic_next1.png); right: 0px; left: auto; bottom: 0; top: auto; border-bottom-right-radius: 4px;}
.carousel .swiper-button-prev{background-image: url(../img/ic_prve1.png); right: 0px;left: auto; top: 0; bottom: auto; border-top-right-radius: 4px;}

.carousel .swiper-button-next.swiper-button-disabled,.carousel .swiper-button-prev.swiper-button-disabled{opacity:0.5;}

.twbox{ width: 100%; padding: 16px 20px; box-sizing: border-box;border-radius: 4px;box-shadow: 0 0 2px 0 rgba(98,124,153,.1);}
.twbox .header{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 16px; line-height:22px; font-weight: bold; background: url(../img/ic_jia.png) no-repeat left bottom 18px; background-size: 14px 14px;padding-left: 18px; padding-bottom: 16px; border-bottom: 1px solid #f5f6f7;}
.twbox .header .more{ font-size: 12px; color: #aaaeb3; font-weight:400;}

.tj-focus{ padding-bottom: 25px;}
.tj-focus img{ width: 100%; height:174px; object-fit: cover; border-radius: 4px;}
.tj-focus p{ padding: 8px 0px; font-size: 16px; color:var(--diy-base);}
.tj-focus .swiper-pagination-bullet {  width: 14px; height: 14px;  text-align: center; line-height: 8px; font-size: 12px; color: #000;  opacity: 1; background: none; border-radius: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.tj-focus .swiper-pagination-bullet-active { color: #fff;  background:none;border-bottom: 1px solid var(--diy-zhuti);}
.tj-focus .swiper-horizontal>.swiper-pagination-bullets,.tj-focus .swiper-pagination-bullets.swiper-pagination-horizontal,.tj-focus .swiper-pagination-custom,.tj-focus .swiper-pagination-fraction{ bottom: 0px; line-height: 8px;}


/*今日头条*/
.toutiao{width: 100%; position: relative; background: url(../img/ka-nt.png) no-repeat top 11px left 20px; padding-left: 35px; padding-top: 24px; box-sizing: border-box;}
.fbar{ position: absolute; top: 0; left: 0; background: url(../img/ic_ka-nt.png) no-repeat top left; width: 70px; height: 80px; color: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 22px; font-weight: bold; line-height: 30px; padding: 0px 10px; box-sizing: border-box; text-align: center;}
.ttcon{ box-shadow: 0 0 2px 0 rgba(98,124,153,.1); padding: 0px 24px 24px 24px; width: 100%; box-sizing: border-box; border-radius: 4px;}
.ttcon h4{ display: block; height: 80px; line-height: 80px; overflow: hidden; font-size: 24px; font-weight: bold; padding-left: 38px; border-bottom: 1px solid #f5f6f7;}
.ttcon ul{ padding-top: 24px; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.ttcon ul li{ height: 32px; line-height: 32px; overflow: hidden; width: 47%; font-size: 14px; background: url(https://www.hvacrhome.com/img/dot3.png) no-repeat left center; background-size: 5px; padding-left: 13px; box-sizing: border-box;}
.ttcon ul li a{ color: var(--diy-base);}
.ttcon ul li a:hover{color: var(--diy-zhuti);}


.gduo{display: inline-block;float:right;font-size: 12px; padding-right: 11px;  right:0; bottom: 0; color: #aaaeb3; background: url(https://www.hvacrhome.com/img/ic_gduo.png) no-repeat right center; background-size: auto 7px;  height: 15px; line-height: 15px; }
a.gduo{color: #aaaeb3;}
a:hover.gduo{color: var(--diy-zhuti);;background: url(https://www.hvacrhome.com/img/ic_gduo1.png) no-repeat right center; background-size: auto 7px;}

/*首页栏目分段*/
.fduan{display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap; width: 100%; box-sizing: border-box;}
.fduan li{ clear: both; width: 278px; background-color: #ffffff;box-shadow: 0 0 2px 0 rgba(98,124,153,.1); position: relative; margin-top: 12px; border-radius: 4px;}
.fduan li .img{ width: 100%; height:167px; display: block;overflow: hidden;border-top-right-radius: 4px;border-top-left-radius: 4px;}
.fduan li .img img{width: 100%; height:100%; object-fit: cover; transition: all .5s;}
.fduan li:hover .img img{transform: scale(1.1);}

.fduan li .text{ padding: 0px 20px 20px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; box-sizing: border-box;}
.fduan li h4{ font-size: 16px; line-height:24px; margin-top: 15px; height: 48px; overflow: hidden; width: 100%; font-weight: bold;}
.fduan li p{ margin-top: 12px; line-height:18px; font-size: 12px; color: #797c80; height: 36px; overflow: hidden; width: 100%;}
.fduan li .gduo{ margin-top: 16px; /* float: none; */ align-self: flex-end;  }
.fduan li .gduo1 { margin: 0 20px 20px 0; /* float: none; */ align-self: flex-end;  }

.fduan .lanm{ top: 0; right: 14px; background: var(--diy-zhuti); color: #ffffff; font-size: 12px; line-height: 18px; display: flex; flex-direction:column; align-items: center; justify-content: center; padding: 3px 5px;z-index: 1; position: absolute;}
.fduan .lanm img{ width: 19px; height: 19px;}

.newslist{border-radius: 4px;box-shadow: 0 0 2px 0 rgba(98,124,153,.1);}
.news-content{ width: 100%;box-sizing: border-box;padding: 25px; border-bottom: 1px solid #f5f6f7; display: flex; flex-direction: row; justify-content:flex-start; align-items:flex-start; transition: all 0.2s;}
.news-content:hover{ background-color: #fcfcfc;}
.news-content .img{ width: 223px; height: 134px;overflow: hidden; border-radius: 4px; margin-right: 24px;}
.news-content .img img{width: 100%; height:100%; object-fit: cover; transition: all .5s;}
.news-content .img:hover img{transform: scale(1.1);}
.news-content .text{ width: 500px;height: 134px;  flex-grow: 1; display: flex;flex-direction:column; justify-content:flex-start; align-items:flex-start; flex-wrap: wrap;}
.news-content .text .title{  height: 28px; line-height: 28px;font-size: 19px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; align-self: flex-start;}
.news-content .text .desc{ margin-top: 12px;height: 40px; line-height: 20px; font-size: 14px; color: #797c80;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; align-self: flex-start; }

.news-content .text .tag{ margin-top: 0px ;display: flex; flex-direction: row; justify-content:flex-start; align-items:flex-end; color: #aaaeb3; font-size: 12px;flex-grow: 1; width: 100%; line-height: 24px;}
.news-content .text .tag span{ margin-left: 32px; background: url(../img/ic-time.png) no-repeat left center; background-size: 16px 16px; padding-left: 20px; line-height: 24px;}
.news-content .text .wxshare{background: url(https://www.hvacrhome.com/img/share_wx.png) no-repeat left center; background-size: 24px 24px; line-height: 24px; padding-left: 28px; cursor: pointer;}
.news-content .text .keys{ width: 100px; flex-grow: 1; display: flex; flex-direction: row; justify-content:flex-start; align-items: center; padding-left: 30px;}
.news-content .text .keys a{ background: #f5f6f7; color: #c0c5cc; padding: 4px 8px; border-radius: 2px; line-height: 16px; margin-right: 4px; font-size: 12px; display: inline-block; transition: all 0.3s;}
.news-content .text .keys a:hover{ background: var(--diy-zhuti); color: #fff;}

.highlight{ color: #ff0000;}

/*分享弹出框*/
.weixin_pop_box{ position: fixed; top: 50%; left: 50%;  transform:translate(-50%,-50%); width: 300px;height: 300px;background-color: #ffffff;padding: 14px 20px 10px; z-index: 9; font-size: 12px; box-shadow: 0 2px 5px rgb(0 0 0 / 30%); border-radius: 5px; display: none; text-align: center;}
.weixin_pop_box img {height: 220px; margin: 0px auto;width: 220px; }
.weixin_pop_box p#weixin_title {line-height: 30px;margin: 0; text-align: left; margin-bottom: 5px;}
.wds_close{ position: absolute; top: 10px; right: 10px; width:20px; height: 20px; background-size: 20px 20px; background-image: url(https://www.hvacrhome.com/img/ic_close.png); background-repeat: no-repeat; background-position: center; cursor: pointer;}
.wds_close:hover{background-image: url(https://www.hvacrhome.com/img/ic_close1.png);}
.weixin_pop_box p#weixin_tip {margin-top: 8px; text-align: left;}

.btn-more{ text-align: center; width:100%; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 35px 0px;}
.btn-more a{line-height: 34px; width: 104px; height: 36px; box-sizing: border-box; border: 1px solid rgba(16, 66, 144, 0.5); color: var(--diy-zhuti); border-radius: 4px;transition: all 0.3s;}
.btn-more a:hover{ background: rgba(0, 158, 189, 0.05);}

.imgtext{ display: block; position: relative;}
.imgtext img{ width: 100%; height: 174px; object-fit: cover; border-radius: 4px;}
.imgtext p{ position: absolute; bottom: 0px; left: 0px; width: 100%;background:linear-gradient(1turn,rgba(9,15,29,.65),transparent); padding: 31px 16px 16px; box-sizing: border-box; color: #fff;transition:all 0.3s; border-radius: 4px;}
.imgtext:hover p{ padding-bottom: 40px;}

.tw-lr{ display: block; margin-top: 20px; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items:stretch;}
.tw-lr .img{ width: 99px; height: 66px; border-radius: 4px; overflow: hidden;}
.tw-lr .img img{ width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;}
.tw-lr:hover .img img{transform: scale(1.1);}
.tw-lr .text{ width: 50px; padding-left: 10px; flex-grow: 1; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; }
.tw-lr .text p{ font-size: 13px; line-height: 21px; color: var(--diy-base); width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; text-align: justify;}
.tw-lr .text p:hover{ color: var(--diy-zhuti);}
.tw-lr .text span{ font-size: 12px; color: #aaaeb3;width: 100%; display: block; line-height: 17px;}



.rank{ width: 100%;counter-reset: section;}
.rank li{ position: relative; margin-bottom: 24px; padding-left: 20px; line-height: 22px;}
.rank li::before{counter-increment: section;content: counters(section, ".") " "; position: absolute; left: 0; font-size: 16px; top: 0px; font-family:'DIN-Bold'; }
.rank li:nth-child(1)::before,.rank li:nth-child(2)::before,.rank li:nth-child(3)::before{ left: -23px; width:40px; padding-left: 21px; box-sizing: border-box; background-position: left top 1px; background-size:auto 22px; background-repeat: no-repeat; color: #fff;}
.rank li:nth-child(1)::before{ background-image: url(../img/ic-rank1.png);}
.rank li:nth-child(2)::before{ background-image: url(../img/ic-rank2.png);}
.rank li:nth-child(3)::before{ background-image: url(../img/ic-rank3.png);}
.rank li:last-child{ margin-bottom: 0px;}
.rank li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.friendlink{ width: 100%;}
.swiper.friendlink{ width: 100%; height:100px;margin-top: 20px;  }
.friendlink .swiper-wrapper{-webkit-transition-timing-function:linear !important;-moz-transition-timing-function:linear !important;-ms-transition-timing-function:linear !important;-o-transition-timing-function:linear !important;transition-timing-function:linear !important;}
.friendlink .swiper-wrapper .swiper-slide{width: 100%; box-sizing: border-box; display: flex; flex-direction: row; justify-content:flex-start; align-items: center;}
.friendlink .swiper-wrapper .swiper-slide a {border: 1px solid #f7f7f7;float: left;width: 120px; height: 45px; box-sizing: border-box; margin-left: 10px; display: flex; flex-direction: row; justify-content:center; align-items: center; border-radius: 4px;}
.friendlink .swiper-wrapper .swiper-slide a:first-child{margin-left: 0px;}
.friendlink .swiper-wrapper .swiper-slide a img {max-width: 90%; max-height: 90%;  width: auto; height: auto; object-fit: cover; display: block;}

footer{ width: 100%; margin-top:30px; background: #333; padding: 25px 0px;}
footer .wrap{align-items: center; color: #fff;}
footer .foot-link{ width: 100px; flex-grow: 1; padding-left: 30px;}
footer .foot-link a{ color: #fff;}
footer .wrapper{align-items: center; color: #fff;}

.flogo{ width:125px; height:auto; margin-right: 26px; opacity: 0.5;}


.djfix{position: fixed; width: 330px; z-index: 9;-webkit-animation: djing 0.8s ease-out 1;top:60px;}
@keyframes djing {
	0%{
		top: -420px;
		opacity:1;
	}
	100%{
		top:60px;
		opacity: 1;
	}
}
.headerfix{position: fixed; width: 100%; z-index: 9;-webkit-animation: living 0.6s ease-out 1;}
@keyframes living {
	0%{
		top: -60px;
		opacity:1;  
	}
	100%{
		top:0px;
		opacity: 1;
	}
}

/*侧边悬浮*/
.suspension{position:fixed;z-index:9;right:15px;bottom:170px;width:70px;height:auto; text-align: center;}
.suspension-box{position:relative;float:right;}
.suspension .a{width:60px;height:60px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none; border-radius: 4px; font-size: 12px;display:flex; flex-direction: row; justify-content: center; align-items: center;box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);}
.suspension .a-service{background-color: #099; }
.suspension .a-qrcode{background-color: #663;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a i{box-sizing:border-box; color:rgba(255, 255, 255, 0.8); font-style: normal;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service i{ }

.suspension .a-qrcode i{ }
.suspension .a-cart i{ }
.suspension .a-top i{background-image:url(https://www.hvacrhome.com/images/top.png);background-repeat:no-repeat;background-position: center}
.suspension .a-top{background:#353535;}

.suspension .a-top:hover{background: #036;}
.suspension .d{display:none;width:100px;background:var(--white);position:absolute;right:68px;min-height:100px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(https://www.hvacrhome.com/images/side_bg_arrow.png) no-repeat;right:-8px;top:44px;}
.suspension .d-service{top:-20px;}
.suspension .d-service-phone{top:26px;}
.suspension .d-qrcode{top:44px;}
.suspension .d .inner-box{padding:0px 0;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:60px;height:60px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:60px;height:60px;background:url(https://www.hvacrhome.com/images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:60px;height:60px;background:url(https://www.hvacrhome.com/images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:0px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888888;}
.suspension .d-service-intro i{background:url(https://www.hvacrhome.com/images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:0px 0;}
.suspension .qrcode-img{ width:100%;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

#gotop{ width: 60px; height: 60px; display:none; flex-direction: row; justify-content: center; align-items: center; background: #ffffff; border-radius: 4px; bottom: 110px;}


#gotop img{ width: 100%; height: auto;}


.position{ margin: 8px 0px 0px 0px; color: #aaaeb3; line-height: 18px; font-size: 12px; width: 100%; box-sizing: border-box;}
.position a{color: #aaaeb3;}
.position span{ display: inline-block; padding: 0px 8px;}

article{width: 100%; padding: 0px 30px 24px 30px; box-sizing: border-box;border-radius: 4px;box-shadow: 0 0 2px 0 rgba(98,124,153,.1);}
article h1{ font-size: 28px; line-height: 46px; padding-bottom: 12px; padding-top: 24px;}
.info{ line-height: 24px; padding-bottom: 20px; border-bottom: 1px solid #f5f6f7; font-size: 12px; color: #797c80;}
.info span,.info time,.info i{ font-style: normal; display: inline-block; margin-right: 24px;}
.info i{ background: #f7f9fa; padding: 0px 8px; color: #aaaeb3;}

article .body{ padding-top: 24px; padding-bottom: 24px; font-size: 16px; text-align: justify; line-height: 1.8;}
article .body img,article .body video{  max-width: 100%; /*max-height: calc(100vh - 130px);*/ object-fit: cover; object-position: center; /*width: auto;*/ height: auto;}
article .body p img:first-child{ margin-top: 10px;}
article .body p img:last-child{margin-bottom: 10px;}
article .body small{ font-size: 14px; color: #797c80; display: block; text-align: center; margin-bottom: 10px; margin-top: 5px;}
article .body video{ margin: 10px 0px;}

/*内容页留言页面样式*/
.lybox{ display: flex; flex-direction: row; justify-content:center; align-items: center; /*background: rgba(73,73,73,0.01);*/background:#fff; padding: 20px 30px 30px 30px; width:auto; box-sizing: border-box; margin-left: auto; margin-right: auto;border-radius: 4px;width: 100%; }

.lyform{ display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px;width: 100%; }
.ly-inpts{ width: 100%; display: flex; flex-direction: row; justify-content:space-between; align-items:  center;}

.lyform input{ height: 40px; line-height: 40px; box-sizing: border-box; width:100%; margin-top: 10px; border-radius: 6px; outline: none;}
.lyform input:nth-child(2){ margin-left: 10px; margin-right: 10px;}
.lyform input::placeholder{ font-size: 14px;color: #aaaeb3;}
.lyform input.lyipt{ border: 1px solid #ced8e1;  padding-left: 40px;}
.lyform input.xname{ background: url(https://www.hvacrhome.com/img/ic_3.png) no-repeat left 9px center #ffffff ; background-size: 22px auto; }
.lyform input.tel{ background: url(https://www.hvacrhome.com/img/ic_1.png) no-repeat left 9px center #ffffff ;  background-size: 22px auto; }
.lyform input.com{ background: url(https://www.hvacrhome.com/img/ic_2.png) no-repeat left 9px center #ffffff ; background-size: 22px auto;  }
.lyform input.lybtn{font-size: 16px; color: #ffffff; border: none; background-color: #0090bd; margin-top: 10px; text-align: center;}

/*.lyform select{height: 40px; line-height: 40px; width: 100%; margin-top: 10px; border-radius: 6px; outline: none;font-size: 14px;border: 1px solid #ced8e1; background: url(https://www.hvacrhome.com/img/ic_4.png) no-repeat left 9px center  #ffffff;background-size: 22px auto; padding-left: 40px;color: #aaaeb3; box-sizing: border-box;}*/

.lyfm_zu{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center;height: 40px; line-height: 40px; width: 100%; margin-top: 10px; border-radius: 6px;font-size: 14px;border: 1px solid #ced8e1; background: url(https://www.hvacrhome.com/img/ic_4.png) no-repeat left 9px center #ffffff; background-size: 22px auto;  padding-left: 40px;color: #aaaeb3; box-sizing: border-box;}
.lyfm_zu i{ font-style: normal; padding-right: 10px;}
.lyfm_zu li{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width:auto; margin-left: 30px; }
.lyfm_zu li label{cursor: pointer; padding-left: 6px;}


input[type="radio"]{ position: relative;width:12px; height:12px;border-radius:6px; margin-top: 0px;   border: 0px; background-color:none;cursor: pointer;}
input[type="radio"]::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:url(../img/ic_ck.png) no-repeat left center;background-size:12px 12px; }
input[type="radio"]:checked::before{position: absolute;top: 0;left: 0;width:100%;background:url(../img/ic_cked.png) no-repeat left center;background-size:12px 12px; }

.lyform textarea{height: 40px; line-height: 40px; width: 100%; height: 80px; margin-top: 10px; border-radius: 6px; outline: none;font-size: 14px;border: 1px solid #ced8e1; padding-left: 40px;box-sizing: border-box; background: url(https://www.hvacrhome.com/img/ic_5.png) no-repeat left 9px top 8px  #ffffff;  background-size: 22px auto; }
.lyform textarea::placeholder{ font-size: 14px;color: #aaaeb3;}

.lyform p{ width:100%; color: #797c80; text-align: left; font-size: 14px; margin-bottom:5px;}
.lyform p span{ display: block; text-align: center; background: url(https://www.hvacrhome.com/img/lines.png) no-repeat center; height: 30px; line-height: 30px; color: #494b4d; font-weight: bolder; font-size: 16px; margin-bottom:20px;}

.ly-xx{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.ly-xx .lyfm_zu.cjtype{ margin-right: 10px; display: none;background: url(https://www.hvacrhome.com/img/ic_7.png) no-repeat left 9px center #ffffff; background-size: 22px auto;}
.ly-xx .lyfm_zu.qyadd{ display: none;background: url(https://www.hvacrhome.com/img/ic_6.png) no-repeat left 9px center #ffffff; background-size: 22px auto;}
.ly-xx .lyfm_zu.qyadd li{ width: 100px; flex-grow: 1; height: 100%; padding-right: 0px;}
.lyfm_zu select{height: 100%; line-height: 40px; width: 100%; outline: none;font-size: 14px;border: 0px solid #ced8e1; color: #aaaeb3; box-sizing: border-box; flex-grow: 1; background: none;}


.keytags{ margin-top: 24px; line-height: 24px;}
.keytags a{ background: #f5f6f7; color: #494b4d; display: inline-block; line-height: 26px; border-radius: 4px; padding: 0px 12px; margin-right: 6px; font-size: 14px;}
.keytags a:hover{ background:var(--diy-zhuti); color: #fff;transition: all 0.3s;}

.np{ margin-top: 24px; padding-top: 9px; border-top:1px solid #f5f6f7;}
.np li{ padding: 3px 0px;}


/**/
.xx_info{ position:fixed; left: 50%; top: 98px; width: 150px; text-align: center;  margin-left: -763px;line-height: 1.5; background: #fff; border-radius: 4px; padding: 12px 0px 24px 0px;}
.xx_info * {font-family: Cambria, Cochin, Georgia,Times,'Times New Roman', serif,"microsoft yahei"; font-weight: lighter;}
.xx_info .in_tt{ font-size: 14px; background: url(https://www.hvacrhome.com/img/line.jpg) no-repeat center; background-size: 80% 1px; margin-top: 60px;}
.xx_info .in_tt span{ display:inline-block; padding: 0px 10px;  background: #ffffff;}
.xx_info .in_y{ font-size: 20px; margin-top: 0px;}
.xx_info .in_date{ font-size: 30px;}
.xx_info .in_time{ font-size: 18px;}
.xx_info .in_from{ font-size: 13px; margin-top: 30px; color: var(--diy-zhuti);}
.xx_info .in_from a{color: var(--diy-zhuti);}
.xx_info .in_author{font-size: 13px;}
.xx_info .wxshare{ margin: 15px auto 0px auto; width: 40px; height: 40px;background: url(https://www.hvacrhome.com/img/share_wx.png) no-repeat left center; background-size: 100% 100%;cursor: pointer;}
.xx_info .in_ly{margin-top: 20px; display: inline-block; width: 40px; height: 40px; line-height: 40px; border: 1px solid var(--diy-zhuti); border-radius: 50%; background:var(--diy-zhuti); color: #ffffff; box-sizing: border-box; font-size: 12px;}
a.py_pos{height: 1px; display: block; position: relative;}


/***分页pages分页***/
.pages{ display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}

.pages {padding:20px 0 20px 0;text-align:center;font-size:12px;color:#666666;}
.pages a{ margin: 0 2px; border-radius: 4px;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#f1f1f1 1px solid;padding:3px 5px;text-decoration:none;}
.pages a:hover {background:var(--diy-zhuti);border:var(--diy-zhuti) 1px solid;color:#FFFFFF;padding:3px 5px;text-decoration:none;}
.pages strong {background:var(--diy-zhuti);padding:3px 5px;border:var(--diy-zhuti) 1px solid;color:#FFFFFF;margin: 0 2px;border-radius: 4px;}
.pages input{margin: 0 2px;padding:2px;text-align:center; outline: none;border-radius: 4px;}
.pages_inp {width:30px; color:#666666;border:#f1f1f1 1px solid;}
.pages_btn {width:26px; color:#FFFFFF; background:var(--diy-zhuti);border:var(--diy-zhuti) 1px solid;}
.pages label {background:#FFFFFF;border:#f1f1f1 1px solid;color:#666666;padding:3px 5px 3px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}

/*对联、全屏广告*/
.dlleft{width: 125px; position: fixed;bottom: 200px; left: 50%; margin-left: -735px;}
.dlright{ width: 125px; position: fixed;bottom: 200px;right: 50%; margin-right: -735px;}

.indexqp{width: 1200px;  position: fixed;margin-right: -600px; top: 50%; right: 50%; z-index: 999; margin-top: -200px; transition:all ease 1s;}
.suoxiao{ width: 120px; height: 63px; top: 100%; right: 0px; margin-right: 0; margin-top: -60px;}

.hc_bz {position: fixed;top: 0;right: 0;width: 100%;background-color: rgba(0,0,0, 0.4);overflow: hidden;box-sizing: border-box;padding: 8px 2px;text-align: center;z-index: 100;}
.hc_bz span {font-size: 18px;color: #fff;font-weight: bold;}


/*关键词库列表页*/
.col3s{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.col3s .list{ width:calc((100% - 24px) / 3) ; margin-right: 12px;}
.col3s .list:nth-child(3n){ margin-right: 0;}
.col3s .list .twbox{ height: 100%;}
.col3s .list ul{ width: 100%; padding-top: 10px;}
.col3s .list ul li{ display: flex; flex-direction: row; justify-content:space-between; align-items: center; padding: 6px 0px;}
.col3s .list ul li span{ order: 2; font-size: 14px; color: #aaaeb3;}


/*友情链接*/
.fdtextlink a{ display: inline-block; font-size: 14px; background: rgba(0, 0, 0, 0.04); margin-bottom: 5px; margin-right: 5px; padding: 2px 8px; border-radius: 2px;}


.imgtxt-2{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.imgtxt-2 .tw-tb{ width: 137px; margin-top: 16px;}
.imgtxt-2 .tw-tb img{ width: 137px; height:82px; object-fit: cover; border-radius: 4px;}
.imgtxt-2 .tw-tb p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; width: 100%; font-size: 13px; margin-top: 6px;}