/*created by desiptikon@gmail.com */

body{background:#fff; margin:0; padding:0; font-size:16px; font-family: 'Hind', sans-serif; color:#1F2836;}

p{padding:0 0 20px 0; margin:0;}
img {border:none; outline:none; max-width:100%; height:auto;}
a {outline-style:none; color:#0088cc; text-decoration:none;}
a:hover {color:#0088cc;}
.fl {float:left;}	
.fr {float:right;}
.clear {clear:both; font-size:0; line-height:0;}

.wrappers{max-width:1400px; margin:0 auto;}
.display_show{display:block;}
.mobile_show{display:none;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

h1, h2, h3, h4, h5, h6{padding:0; margin:0; font-weight:400; font-family: 'Hind', sans-serif; color:#1F2836;}
input, textarea{outline:none; font-family: 'Hind', sans-serif; color:#1F2836;}

/* ======================= header ============================= */
#headers{background:url('/images/home_1h/head_bg.jpg') no-repeat 100% 0;}
	.head_top{padding:50px 0 0 0;}
		
	.menu{padding:13px 0 0 0;}
	.menu ul{padding:0; margin:0; list-style:none; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:center; -ms-flex-pack:center; justify-content: center;}
	.menu ul li{}
	.menu ul li a{font-size:17px; color:#000; padding:0 0 0 55px; display:block; font-weight:500;}
	
	.head_bottom{padding:120px 0 0 0;}
	.head_title{font-size:50px; font-weight:700; line-height:82px;}
	.head_text{font-size:29px; font-weight:600; line-height:46px; margin:0 0 55px 0;}
	.head_call a{background: #0988EA; border-radius: 99px; display:inline-block; font-size:22px; font-weight:600; color:#fff; padding:10px 28px; margin:0 0 20px 0;}
	.head_off a{background: #FAB100; border-radius: 99px; display:inline-block; font-size:22px; font-weight:600; color:#fff; padding:10px 28px;}
	
/* ======================= content ============================= */
#content{}
	.help_repair{}
		.help_repair .wrappers{background: url('/images/home_1h/cloud1.png') no-repeat 100% 0; padding:160px 0;}
		.help_repair h2{font-size:33px; font-weight:700; text-align:center; margin:0 0 40px 0;}
		.help_box{max-width:875px; margin:0 auto;}
		.help_item a{font-size:18px; font-weight:600; color:#1F2836; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.08); border-radius: 18px; max-width:278px; width:100%; height:141px; padding:30px; margin:0 0 20px 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; float:left;}
		.help_item:nth-child(2) a{margin:0 20px 20px;}
		.help_item:nth-child(5) a{margin:0 20px 20px;}
		.help_item a img{margin:0 25px 0 0;}
		
	.warm_cold{background: url('/images/home_1h/cloud2.png') no-repeat; background-position: top -200px left 0; position:relative; padding:130px 0 128px 0;}
		.warm_img{position:absolute; top:0; right:0;}
		.warm_info{max-width:688px; width:100%; padding:0 0 140px 0;}
		.warm_info h2{font-size:58px; font-weight:700; line-height:60px; margin:0 0 40px 0;}
		.warm_info p{font-size:16px; font-weight:300;}
		.cold_info{max-width:668px; width:100%;}
		.cold_info img{float:left; margin:0 37px 0 0;}
		.cold_info .info{float:left; width:415px; padding:30px 0 0 0;}
		.cold_info .info .title{font-size:25px; font-weight:700; margin:0 0 25px 0;}
		.cold_info .info p{font-size:16px; font-weight:300;}
		.cold_info .info .read_more a{display:inline-block; background: #0988EA; border-radius: 99px; color:#fff; font-size:15px; font-weight:600; padding:10px 30px;}
		
	.choose{background: url('/images/home_1h/cloud3.png') no-repeat; background-position: top -167px right 0; padding:85px 0 250px 0;}
		.choose h2{font-size:55px; font-weight:700; text-align:center; margin:0 0 40px 0; line-height:48px;}
		.choose h2 span{font-size:30px;}
		.choose_box{max-width:978px; margin:0 auto;}
		.choose_item{background: url('/images/home_1h/choose_bg.png') no-repeat 0 0; width:267px; height:267px; text-align:center; color:#fff; font-size:16px; font-weight:500; padding:50px 30px 0; float:left;}
		.choose_item img{margin:0 0 10px 0;}
		.choose_item:nth-child(1){margin:0 0 0 133px;}
		.choose_item:nth-child(2){margin:0;}
		.choose_item:nth-child(3){margin:0;}
		.choose_item:nth-child(4){margin:-123px 0 0 0;}
		.choose_item:nth-child(5){margin:-123px 0 0 0;}
		.choose_item:nth-child(6){margin:-123px 0 0 0;}
		
	.heat_system{background: url('/images/home_1h/cloud4.png') no-repeat; background-position: top -70px left 0; margin:-60px 0 0 0; padding:235px 0 260px 0; position:relative; overflow:hidden;}
		.heat_system .heat_bg{position:absolute; top:146px; right:-43px;}
		.heat_system .img{margin:0 0 0 170px;}
		.heat_system .info{text-align:center; max-width:475px; width:100%; padding:120px 0 0 0;}
		.heat_system .info h2{font-size:58px; font-weight:700; line-height:66px; margin:0 0 30px 0;}
		.heat_system .info .read_more a{display:inline-block; background: #0988EA; border-radius: 99px; color:#fff; font-size:15px; font-weight:600; padding:10px 30px;}
		
	.why_us{background: url('/images/home_1h/cloud5.png') no-repeat; background-position: top -74px right 0; padding:70px 0 90px 0; margin:-50px 0 0 0;}
		.why_us h2{font-size:58px; font-weight:700; text-align:center; margin:0 0 40px 0; line-height:66px;}
		.why_us .text{font-size:16px; font-weight:600; text-align:center; padding:0 0 50px 0;}
		.why_item{width:395px; text-align:center; float:left; margin:0 107px 0 0;}
		.why_item:nth-child(3){margin:0;}
		.why_item img{margin:0 0 40px 0;}
		.why_item .title{font-size:25px; font-weight:700; line-height:30px;}
		.why_item p{font-size:16px; font-weight:300; line-height:28px; padding:20px 0;}
		.why_item .read_more a{display:inline-block; background: #0988EA; border-radius: 99px; color:#fff; font-size:15px; font-weight:600; padding:10px 30px;}
		
	.happy{background: url('/images/home_1h/cloud6.png') no-repeat; background-position: top 0px left 0; padding:65px 0 162px 0; position:relative;}
		.happy_bg{position:absolute; bottom:0; left:0;}
		.happy h2{font-size:58px; font-weight:700; line-height:65px; text-align:center; margin:0 0 40px 0;}
		.happy_box{max-width:1005px; width:100%; margin:0 auto;}
		.happy_box img{float:left;}
		.happy_box img:nth-child(1){margin:-12px 0 0 0;}
		.happy_box img:nth-child(2){margin:0 170px;}
		.happy .text{font-size:16px; font-weight:600; line-height:28px; text-align:center; margin:58px 0 0 0;}
		
/* ======================= footer ============================= */
#footers{background:#0988EA;}
	#footers .foot_top{text-align:center; padding:66px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.32);}
	#footers .foot_bot{padding:35px 0;}
	#footers .foot_menu a{color:#FFFFFF; font-size:17px; font-weight:500; margin:0 50px 0 0;}
	#footers .foot_info a{display:inline-block; background: #1F2836; border-radius: 99px; color:#fff; font-size:15px; font-weight:600; padding:10px 30px; margin:0 0 0 19px;}
	#footers .foot_info a:nth-child(2){background:#FAB100;}
	
	
/* ======================= mob settings ============================= */
.mobile_box{position:relative;}
	.menu_mobile a{background:url(/images/home_1h/menu_mob.png) no-repeat 0 0; display:block; width:36px; height:21px; margin:20px 0 0 0; position:relative; z-index:200; cursor:pointer;}
	/* .menu_mobile a.open{background:url(/images/home_1h/close_mob.png) no-repeat 0 0; display:block; width:39px; height:31px;} */
	#menu_mob{background:#fff;}
	#menu_mob ul{margin:0; padding:0; list-style:none;}
	#menu_mob li{border-bottom:solid 1px #e4e4e4;}
	#menu_mob li:last-child{border:0;}
	#menu_mob li a{margin:0; display:block; cursor:pointer; font-size:21px; text-transform:uppercase; padding:20px; color:#000;}


/* ======================= media settings ============================= */
@media screen and (max-width : 800px){
	.wrappers{padding:0 30px;}
	.display_show{display:none;}
	.mobile_show{display:block;}
	
	#headers{background-size:cover;}
	.head_top{padding:30px 0 0 0; position:relative;}
	.head_bottom{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding:0;}
	.head_img{float:none;}
	.head_left{float:none;  -webkit-order: 1; -ms-flex-order: 1; order: 1; text-align:center;  margin:-190px 0 0 0;}
	.head_title{font-size:55px; line-height:60px;}
	
	.help_repair .wrappers{Padding:160px 30px 80px;}
	.help_item a{width:48%; max-width:none; margin:0 0 15px 0; padding:20px;}
	.help_item a img{margin:0 15px 0 0;}
	.help_item:nth-child(1) a{float:left;}
	.help_item:nth-child(2) a{float:right; margin:0 0 15px 0;}
	.help_item:nth-child(3) a{float:left;}
	.help_item:nth-child(4) a{float:right;}
	.help_item:nth-child(5) a{float:left; margin:0 0 15px 0;}
	.help_item:nth-child(6) a{float:right;}
	
	.warm_cold{padding:0;}
	.warm_info{padding:0 0 90px 0;}
	.warm_info h2{font-size:39px;}
	.cold_info{float:none; margin:0 0 30px 0; text-align:center;}
	.cold_info img{float:none; margin:0 15px 0 0; width:216px;}
	.cold_info .info{float:none; width:100%;}
	.warm_img{position:static;}
	
	.choose{padding:85px 0; background-size:contain; background-position:0 0;}
	.choose h2{font-size:39px;}
	.choose_item:nth-child(1){float:left; margin:0;}
	.choose_item:nth-child(2){float:right; margin:0;}
	.choose_item:nth-child(3){float:left; margin:0;}
	.choose_item:nth-child(4){float:right; margin:0;}
	.choose_item:nth-child(5){float:left; margin:0;}
	.choose_item:nth-child(6){float:right; margin:0;}
	
	.heat_system{background-size:contain; background-position:0 0; padding:0;}
	.heat_system .img{float:none; margin:245px 0 0 0;}
	.heat_system .info{float:none; margin:0 auto; padding:30px 0 0 0;}
	.heat_system .info h2{font-size:41px; line-height:46px;}
	.heat_system .heat_bg{display:none;}
	
	.why_us{background-size:contain; background-position:0 0; margin:0; padding:70px 0;}
	.why_us h2{font-size:41px; line-height:46px;}
	.why_item{float:none; margin:0 auto 25px;}
	.why_item:nth-child(3){margin:0 auto 25px;}
	
	.happy{background-size:contain; background-position:0 0; margin:0; padding:70px 0;}
	.happy h2{font-size:39px; line-height:50px;}
	.happy_box {text-align:center;}
	.happy_box img{float:none;}
	.happy_box img:nth-child(1){margin:0 0 20px 0;}
	.happy_box img:nth-child(2){margin:0 0 20px 0;}
	.happy_bg{display:none;}
	.happy_bg{margin:25px 0 0 0;}
	
	#footers .foot_menu {float:none; text-align:center;}
	#footers .foot_menu a{margin:0 10px;}
	#footers .foot_info{float:none; text-align:center; margin:20px 0 0 0;}
	#footers .foot_info a{margin:0 10px;}
}
@media screen and (max-width : 600px){
	.head_left{margin:-138px 0 0 0;}
	.head_title{font-size:45px; line-height:50px;}
	.head_text{font-size: 24px; line-height: 38px;}
	
	.help_item a{float: none; width:100%;}
	
	.choose_item:nth-child(1){float:none; margin:0 auto;}
	.choose_item:nth-child(2){float:none; margin:0 auto;}
	.choose_item:nth-child(3){float:none; margin:0 auto;}
	.choose_item:nth-child(4){float:none; margin:0 auto;}
	.choose_item:nth-child(5){float:none; margin:0 auto;}
	.choose_item:nth-child(6){float:none; margin:0 auto;}
	
	.heat_system .img{margin:110px 0 0 0;}
	
	.why_us{padding:70px 0 0 0;}
	.why_item{width:100%;}
}

@media screen and (max-width : 430px){

}
