@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{ padding:0; width:100%;}
.top_img{ border-bottom:1px solid #d7d7d7; padding-bottom:1em;}
.top_img img{ width:100%;}

.img_list ul li{ width:100%;  border-bottom:1px solid #d7d7d7; padding-bottom:1em; padding-top:1em;}
.img_image{ float:left; width:30.5%;}
.img_image img{ width:100%;}
.img_text{ float:left; padding:1.4em 0 0 9.05%; font-size:1.5em; width:60%; color:#787676;}

.wapper2{ width:100%; padding:0px;}
.content{ padding:0.3em 0 0.5em 0;}
.content h2{ position:relative; }
.content h2 img{ width:100%; }
.content h2 span{ font-weight:normal; position:absolute; width:100%; text-align:center; font-size:1.1em; color:#fff; z-index:2; line-height:1.8em; display:inline-block; left:0px; top:0px;}
.content h2.spe span{ font-weight:normal; position:absolute; width:100%; text-align:center; font-size:1.1em; color:#fff; z-index:2; line-height:2.2em; display:inline-block; left:0px; top:0px;}
.module_img{ margin:0.2em 0 0 0;}
.module_img img{ width:100%;}
.module{ position:relative;}
.module_des{ padding:1.2em 4.9% 1em; color:#299fdc;  line-height:1.5em; font-size:1.4em;}
.module_des ul{ margin:0.5em 0 0 0;}
.module_des ul li{ width:100%; color:#5e5d5c;}
.module_des ul li img{ width:2.6%; vertical-align:middle;}
.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%;}
.module_des p.spe_des { font-size:1.2em; margin-bottom:0.4em; font-weight:bold;}
.module_des p.spe_des img{ width:3.6%;  vertical-align:middle;}
.module_des p.module_text{ color:#595856;}
.module_page{ font-size:2em; text-align:center; line-height:1em; height:2em; width:100%; color:#008cd6; margin:0.5em 0 0 0;}

.right_menu{ display:none;}
.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;}
.title_kt{ background:#c7c7c7; color:#323232;}
.module_des p.des{ text-indent:2em; color:#787777}
.module_des ul{ margin:0.5em 0 0 0;}
.module_des ul li{ width:100%; color:#5e5d5c;}
.module_des ul li img{ width:2.6%; vertical-align:middle;}

.footer{ position:fixed; bottom:0px; width:100%; z-index:9999; background:#d4dadc;}
.footer a{ float:left; width:49%; display:inline-block; background:#d4dadc; color:#3f3b3a; font-size:1.8em; text-align:center; font-weight:bold; line-height:2.8em; border-right:1px solid #679dcf;}
.footer a.right{ border-right:0px;}