@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
.forMob,.forTab{ display:none ;}
.fl{ float:left;}
.fr{ float:right;}
.fr-t{ display:none;}

/*==============Media=============*/
@media only screen and (max-width:1187px){
.container{ width:1004px;}

.bnr-left{ width:665px;}
.bnr-strip-txt2 li p{ font-size:17px;}
.bnr-home{ max-width: 40%; top: 272px; right: 177px;}
.bnr-frmTop p{ font-size:26px; line-height:32px;}
.bnr-frm-submit{ font-size:20px;}
.frm-t1{ font-size:18px; line-height:22px;}
ul.bnr-btm-list li{ padding:0 12px;}

.common-head{ font-size:36px; line-height:45px;}
ul.s3-list li{ padding:0 15px;}
.s4cont-t1{ font-size:22px; line-height:22px;}
ul.s4bx-list li{ font-size:18px; line-height:24px;}
.s4-systm-img{ max-width: 37%; top: -115px;}
.s6-slide{ width:318px;}

ul.s7comntBox li{width:180px; padding:15px;}
}

@media only screen and (max-width:1024px){
.container{ width:750px;}
.forDesk{ display:none;}
.forTab{ display:block;}

.bnr-left{ width:420px;}
.bnrHdng{ font-size:32px; line-height:36px;}
.bnr-para{ font-size:18px; line-height:24px;}
.bnr-strip{ width:95%;}
.bnr-strip-txt1{ font-size:16px; padding-left:46px;}
.bnr-strip-txt2{ padding-left:46px;}
.bnr-strip-txt2 li p{ font-size:13px;}
.bnr-strip-txt2 li span{ width:17px; height:17px; line-height:12px; margin:-4px 2px 0;}
.bnr-strip-icon{ width:70px; top:4px;}
.bnr-list li{ font-size:18px; line-height:24px;}
.bnr-home{ max-width: 50%; top: 288px; right: 127px;}
.bnr-rght{ width:43%;}
.home-ic{ width:60px; right:24px;}

.keybnft-txt{ padding: 22px 10px 30px 0; font-size: 21px; line-height: 29px;}
.keybnft-txt span{ font-size: 13px; line-height: 13px;}
ul.bnr-btm-list{ margin-top:13px;}
ul.bnr-btm-list p{ font-size:15px; line-height:17px; margin-top:9px;}
.fr-t{ display:block;}

.section1{ padding:40px 0 60px;}
.common-head{ font-size: 30px; line-height: 40px;}
.ref-savingBox{ background-size:cover;}
.s1-mdl{ padding:0 60px;}
.ref-col1, .ref-col2{ width:30%;}
.s1-extnd-t1{ font-size:24px; line-height:30px;}
.s1-bx-hdng{ font-size:24px; line-height:24px;}
.s1-bx-hdng:after{ margin-left:10px;}
.s1-bx-hdng:before{ margin-right:10px;}

.section2{ padding:40px 0 60px;}
.comon-para{ font-size:18px; line-height:26px;}
.s2-warnty-col span{ font-size:24px; line-height:30px;}

.section3{ padding:40px 0 60px;}
ul.s3-list li{ padding:0 8px;}
ul.s3-list span{ font-size:22px; line-height:22px; margin-top:5px;}
ul.s3-list li img{ width:100px;}
ul.s3-list li:before{ right:-14px;}
ul.s3-list p{ font-size:16px; line-height:24px;}

.section4{ padding:40px 0 60px;}
.s4Lft{ width:74%;}
.sec4Box{ padding:25px 20px 30px;}
.s4boxLft{ width:69%;}
.s4cont-t1{ font-size:19px; line-height:19px;}
ul.s4bx-list li{ font-size:16px; line-height:22px; padding-left:30px;}
.s4-systm-img{ max-width: 28%; top: 30px; right: 15px;}

.section5{ padding:40px 0 60px;}
ul.s5-list li{ padding:0 10px;}
ul.s5-list span{ font-size:22px; line-height:22px;}
ul.s5-list p{ font-size:16px; line-height:26px;}

.section6{ padding:40px 0 60px;}
.s6-slide{ width:230px; padding:12px 10px 20px;}
.s6-slide-head{ padding:0 0 10px 62px;}
.s6-slide-head .slide-imgs{ width:55px;}
.slide-para{ font-size:16px; line-height:24px;}

.section6{ padding:40px 0 50px;}
.s7-content{width:64%;}
ul.s7comntBox li{width:140px;}
ul.s7comntBox li span{ font-size:26px; line-height:26px;}
ul.s7comntBox li p{ font-size:17px; line-height:17px;}
}

@media only screen and (max-width:767px){
.container{ width:100%; max-width:600px; padding:0 10px;}
.forDesk{ display:none;}
.forMob{ display:block;}
.hide-mob{ display:none;}

.header{ height:55px; padding:7px 0;}
.logo{ width: 165px; margin-top: 5px;}
.call-us{ font-size:12px; line-height:20px; padding-left:26px; margin:0;}
.call-us span{ font-size:14px;}
.call-us img{ width:20px; top:10px;}

.banner{ height:auto; padding:15px 0 25px;}
.bnr-left{ width:100%; margin:0; text-align:center;}
.bnrHdng{ font-size: 32px; line-height: 34px;}
.bnr-para{ font-size:16px; line-height:22px; margin-top:12px;}
.bnr-strip-icon{ display:none;}
.bnr-strip{ width:calc(100% + 20px); margin:15px 0 0 -10px; padding:0;}
.bnr-strip-txt1{ border-radius:0; font-size:16px; padding:3px 0 5px;}
.bnr-strip-txt2{ border-radius:0; padding:1px 0 5px;}
.bnr-list{ margin-top:8px;}
.bnr-list li{ font-size: 16px; line-height: 24px; padding-left: 26px;}

.bnr-rght{ width:100%; margin-top:20px;}
.bnr-frmTop p{ font-size:28px; line-height:32px;}
.home-ic{ width: 55px; right: 25px; top: 8px;}
.bnr-from-inner{ padding:20px;}
.bnr-frm-submit{ font-size:22px;}

.bnr-btm-sec{ background:#fff;}
.bnr-btm-sec:before{ display:none;}
.keybnft-txt{ width:calc(100% + 20px); margin-left:-10px; padding: 7px 0 10px; text-align: center; font-size: 22px;}
.keybnft-txt span{ font-size:20px;}
ul.bnr-btm-list{ width:calc(100% + 20px); margin:0 0 0 -10px; background:#0f60cf;}
ul.bnr-btm-list li{ width:33.33%; padding:15px 0;}
ul.bnr-btm-list li:before{ top:15px; bottom:15px;}

.section1{ padding:20px 0 25px;}
.common-head{ font-size: 26px; line-height: 32px;}
.s1-mdl{ padding:0; margin-top:20px;}
.s1-sliderbox{ padding:0 20px;}
.s1-bx-hdng:before, .s1-bx-hdng:after{ display:none;}
.refregerator{ position:static; margin:0 auto 0; display:none !important;}
.refregerator-mob{display:inline-block !important; margin:20px 0 10px;}
.s1-bx-hdng{ position:relative;}
.ref-savingBox{ margin-top:0;}
.ref-col1, .ref-col2{ width:50%; padding:20px;}
.ref-txt1{ font-size:18px;}
.ref-txt2{ font-size:30px; line-height:30px;}
.s1-lft-arw, .s1-rgt-arw{ display:none;}
.s1-extendBox{ margin-top:22px;}
.s1-extnd-t1{ font-size:20px; line-height:26px;}

.section2{ padding:20px 0 25px;}
.comon-para{ font-size:16px; line-height:24px; margin-top:15px;}
.s2-warnty-Box{ margin:25px 0 50px;}
.s2-warnty-col:hover, .s2-warnty-col{padding-top: 15px;transition: all ease 0.5s;}
.s2-warnty-col span{ font-size:22px;}
.s2-warnty-col p{opacity:1;}
.s2-warnty-col:hover .warnty-img, .warnty-img{opacity: 0.3;}
.s2-warnty-col:hover .overllay, .overllay {opacity: 1;}

.section3{ padding:20px 0 25px;}
ul.s3-list{ margin-top:15px;}
ul.s3-list li{ width:100%; margin-bottom:25px; padding:0 20px;}
ul.s3-list li:last-child{margin-bottom:0; margin-top:10px;}
ul.s3-list li:before{ display:none;}

.section4{ padding:20px 0 25px;}
.s4Lft{ width:100%; text-align:center;}
.s4-systm-mob{ max-width:100%; display:inline-block; vertical-align:middle; margin-top:20px; position:relative; z-index:1;}
.sec4Box{ width:calc(100% + 20px); margin:-85px 0 0 -10px; border-radius:0; padding:80px 20px 25px;}
.s4Cont{ width:100%; margin-top:30px;}
.s4boxLft{ width:100%;}
.s4cont-t1{ font-size: 20px; line-height: 20px;}

.section5{ padding:20px 0 25px;}
ul.s5-list{ margin-top:15px;}
ul.s5-list li{ width:100%; margin-bottom:25px; padding:0 7px;}
ul.s5-list li:last-child{margin-bottom:0;}
ul.s5-list li:before{ display:none;}
ul.s5-list p{ margin-top:10px;}

.section6{ padding:20px 0 70px;}
.s6-slid-list{ margin:25px 0 0;}
.s6-slide{ width:100%; margin:0;}

.section7{ padding:20px 0 25px; background-size:cover;}
.s7-content{width:100%; text-align:center;}
ul.s7comntBox li{ width: 108px; margin: 0 3px; padding: 10px 5px; float:none; display:inline-block; vertical-align:middle;}
ul.s7comntBox li span{ font-size:24px; line-height:24px;}
ul.s7comntBox li p{ font-size:16px; line-height:16px;}

.s7-rgt{float:none; display:block; width:70%; margin:0 auto 15px;}

#ctabtn-mob{
	background: #13335c;
	padding:7px 10px;
	position: fixed;
	bottom:0%;
	left: auto;
	z-index: 99;
	transition: bottom 1s;
	display: table;
	width:100%;
	margin-top:-2px;
	}
a.free-btn{ font-size:22px; letter-spacing:0.5px; margin:0;}

.footer{ padding: 0 0 20px;}
.ftr-logo{ width:165px; margin:10px auto;}
.footer .ftr-txt{ font-size: 14px; line-height: 24px;  text-align:center;}
.footer .ftr-txt a{ padding:0 2px;}
}