﻿html,body,div,ul,li{margin:0;padding:0;border:0;}
a{text-decoration:none;color:#c03;}
.w{width:1200px;margin:0 auto;}
.ha{font-size:1.2em;}
.ha1{background:#111;color:#fff;padding:0.62em 0;font-size:0.8em;}
.ha2{padding:1.25em 0;font-size:0.8em;overflow:hidden;}
.ha2_1,.ha2_2,.ha2_3{height:5em;display:inline-block;vertical-align:top;}
.ha2_1{margin-right:0.38em;padding-right:0.62em;border-right:1px solid #093;width:8em;}
.ha2_2{font-size:1.25em;display:inline-block;vertical-align:top;line-height:2em;letter-spacing:0.15em;color:#093;}
.ha2_2 span{font-size:1.75em;font-weight:bold;letter-spacing:0;color:#F93;}
.ha2_3{width:auto;background:url(/img/common/phone.gif) no-repeat;background-size:4em;color:#093;background-position-y:top;float:right;font-size:1.35em;padding-left:5em;letter-spacing:0.2em; line-height:2em;text-indent:0px;}
.ha2_3 span{color:#F93;font-size:1.2em;letter-spacing:0em;display:inline-block;}
.nav{background:#093;}
.nav ul li{display:inline-block;list-style:none;padding:0;}
.nav ul li:hover{background:#F93;}
.nav ul li a{color:#fff;display:block;padding:1em 0.38em;}
.nav1{width:100%;background:#093;position:fixed;bottom:0;display:none;white-space:nowrap;z-index:1000;}
.nav1>div{width:50%;display:inline-block;color:#fff;padding:0.8em 0;margin:0;position:relative;cursor:pointer;box-shadow:0 -2px 2px #fff,1px 0 #fff inset;}
.nav1>div>ul{display:block;position:absolute;bottom:2.6em;background:#093;list-style:none;width:100%;display:none;}
.nav1>div>ul>li{padding:0.8em 0;border-bottom:1px solid #fff;}
.foot{padding:3em 0;text-align:center;background:#093;color:#fff;}
.foot a{color:#fff;}
@media screen and (max-width:720px){
    .w{width:auto;}
    .ha{min-width:0;text-align:center;font-size:0.9em;}
    .ha2_3{display:none;}
    .nav1{display:block;}
    }
@media screen and ( max-width:480px ){
    .ha{font-size:0.8em;}
    body{font-size:0.9em;}
}
@media screen and ( max-width:380px ){
    .ha{font-size:0.7em;}
    body{font-size: 0.8em;}
}