@charset='utf-8';
body,html{ padding:0; margin:0; color:#666; font-family:'微软雅黑';}
ul,li,p,h1,h2,h3,dl,dt,dd,input{ padding:0; margin:0; list-style:none;}
a{ text-decoration:none; color:#555;}
a:hover{ color: #1553a7; text-decoration: underline; }
.demo{ -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.clear{ clear:both;}
img{ vertical-align:top; border:none;}
input{font-family: '微软雅黑';}
input:focus{ outline: none;}
textarea:focus{ outline: none; }
.center{position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

/* Tou部 */
.head-box{ width: 100%; height: 50px; border-bottom: solid 1px #ccc; position: fixed; top: 0; left: 0; z-index: 9999; background: #fff;}
.head-box .logo{ width: 40%; height: 40px; padding: 5px 0; margin-left: 5%; float: left; }
.head-box .logo img{ height: 40px; }
.head-box .phoneicon{ width: 44px; height: 30px; position: absolute; top: 10px; right: 5%; }
.head-box .phoneicon img{ height: 20px; float: right;}
.head-box .phoneicon img.phicon2{ display: none; }
.head-box .phoneicon_h{ width: 44px; height: 30px; position: absolute; top: 10px; right: 5%; }
.head-box .phoneicon_h img{ height: 20px; float: right;}
.head-box .phoneicon_h img.phicon1{ display: none; }
.head-box .nav{ display: none; width: 100%; height: auto; background: #fff; position: absolute; top: 50px; right: 0; overflow: hidden; z-index: 9; padding: 10px 0; box-shadow: 0 0 3px #ccc; }
.head-box .nav ul li{ display: block; width: 33%; height: 30px; float: left; line-height: 30px; text-align: center; font-size: 0.95em;}

.head-box .land{ width: 30%; float: right; padding-right: 60px; margin-right: 5%; height: 50px; text-align: right;}

/* Di部 */
.bottombox{ width: 90%; height: auto; padding: 15px 5%; background: #444; color: #fff; font-size: 0.85em; text-align: center;}
.bottombox a{ color: #fff; }