@charset "utf-8";
/* CSS Document */

body{ background:#fff; position:relative;}

/* for iphone5 or iphone4 */
@media screen and (max-width:360px){
	body{font-size:60%;}
}

/* for iphone6 */
@media screen and (max-width:385px) and (min-width:360px){
	body{font-size:62.5%;}
}

/* for iphone6 plus */
@media screen and (max-width:424px) and (min-width:385px){
	body{font-size:69%;}
}


@media screen and (max-width:768px) and (min-width:424px){
	body{font-size:128%;}
}

/* for ipad */
@media screen and (max-width:1024px) and (min-width:768px){
	body{font-size:170%;}
}

body a{ outline:none; blr:expression(this.onFocus=this.blur());}
* {     
    -webkit-tap-highlight-color: transparent;  
    -webkit-appearance: none;  
}  

.body{ background:#f0f0f0;}
.wapper{ width:100%;}
.header{ width:100%; margin:0 0 0.2em 0; position:fixed; z-index:99999; left:0px; top:0px;}
.logo{ float:left; width:25%;}
.logo img{ width:100%;}
.title{ float:left; width:50%; text-align:center; line-height:2.9em; color:#fff; text-align:center; font-size:1.7em; background:#ae5e0b; display:block; height:2em;}
.nav{ float:left; width:25%; text-align:center; background:#e8fdff;}
.nav img{ width:27.9%; margin:1.3em 0 0 0;}

.content{ padding:0 0 5em 0;}
.content h2{ position:relative; height:1.9em;}
.content h2 img{ width:100%; }
.content h2 span{ font-weight:normal; position:absolute; width:100%; text-align:center; font-size:1.2em; color:#fff; z-index:2; line-height:1.6em; display:inline-block; left:0px; top:0px;}
.module_img img{ width:100%;}
.module_des{ padding:0 7% 1.2em;}
.module_des p{ font-size:1.4em; color:#000000; line-height:1.6em;}
.module_des p.spe_des{ font-weight:bold; color:#000000; font-size:1.6em; line-height:1.4em; padding:0.8em 0 0.8em 0;}
.module_page{ font-size:2em; text-align:center; line-height:1em; height:2em; width:100%;}
.module_pro{ background:#f5e4c6; padding:2.5em 7.5% 1em; text-align:center; }
.module_pro a{ font-size:1.4em; color:#fff; border-radius:10px; padding:0 0.8em; line-height:1.6em; display:inline-block; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d8945e), to(#f39b31)); margin:0 1.8em 1.5em 0;}

.footer{ position:fixed; bottom:0px; width:100%; z-index:9999; background:#ae5e0b;}
.footer a{ float:left; width:33%; display:inline-block; width:33%; background:#ae5e0b; color:#fff; font-size:1.8em; text-align:center; font-weight:bold; line-height:2.8em;}
.footer a.spe{ width:34%; background:#f39b31;}

.module3{ margin-bottom:0.8em;}
.module4{ margin-bottom:0.8em;}
.module{ position:relative;}
.page{ position:absolute;}
.page3{ margin:0.8em 0 0 0;}

.right_menu{ background:url(../images/bg.png); position:absolute; width:100%; left:100%; top:0px; z-index:999999; display:none;}
.inner_right{ width:75%; padding-left:25%;}
.inner_right ul li{ float:left; width:95%; padding:0 0 0 5%; font-size:1.4em; color:#fff; border-bottom:1px solid #ccc; line-height:2em; background:#666;}
.inner_right ul li a,.inner_right ul li a:hover{ color:#fff;}


/* 美的家用中央空调 */
.content2{ padding:0 0 4.4em 0;}
.title_kt{ background:#c7c7c7; color:#323232;}
.module_pro2{ background:#c2c2c2; padding:2.5em 1% 1em; text-align:center; }
.module_pro2 a{ font-size:1.4em; color:#fff; border-radius:10px; padding:0 0.4em; line-height:1.6em; display:inline-block; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d9d9d), to(#101010)); margin:0 1.0em 1.5em 0;}
.footer2{ background:#e8fdff;}
.footer2 a{ background:#767676; color:#151515; font-size:1.8em; text-align:center; font-weight:bold; line-height:2.8em;}
.footer2 a.spe{ width:34%; background:#c7c7c7;}
.footer2 a.right{ background:#e8fdff;}

/* 美的空气能热水器 */
.title_kq{ background:#f5375a; color:#fff;}
.nav_kq{ background:#a9142f;}
.module_pro2 a.spe{ padding:0 5.8em; margin-right:0px;}
.module_pro2 a.right{ margin-right:0px;}
.module_pro3 a{ margin:0 0 1.5em 0em; padding:0 2.5em; text-align:center;}
.footer3{ background:#a60321;}
.footer3 a{ background:#f5375a; color:#fff; font-size:1.8em; text-align:center; font-weight:bold; line-height:2.8em;}
.footer3 a.spe{ width:34%; background:#d62546;}
.footer3 a.right{ background:#a60321;}

.module_pro a.download{ text-decoration:underline; background:none; font-size:1.6em;}

.device{ position:relative;}
.arrow-left{ position:absolute; z-index:999999; color:#000; font-size:2em; left:5%; top:40%;}
.arrow-right{ position:absolute;z-index:999999; color:#000; font-size:2em;  right:5%; top:40%;}
.ys_top{ width:100%;}
.ys_top img{ width:100%;}