@charset "UTF-8";


* {margin:0;padding:0}
h1,h2,h3 {line-height:1.2}
a {text-decoration:none}
.clearfix:before,.clearfix:after{display:table;
    content:"";}
.clearfix:after{
    clear:both;}
.clearfix{zoom:1;}
body {
    font-size:12px;
    line-height:1.6;font-family:'Microsoft Yahei',Tahoma,Arial,STHeiti,sans-serif
}
.hide {display:none}
.tc {text-align:center}
.tr {text-align:right}
.fr {float:right}
.fl{float: left;}
.clear {clear:both}
.img {display:block}
li,ul {list-style:none}

.head{
    position: relative; width: 100%; height: 80px;
    background-color: #e4e4e3;
}
.head-logo{position: absolute; top: 15px; left: 50px;}
.nav{position: absolute; top: 50%; margin-top: -20px; right: 40px;}
.nav li{display: inline; padding: 0 20px; border-right: 1px solid #555; font-size: 14px;}
.nav li.noline{border-right: none;}
.nav li a:link, .nav li a:visited{color: #555;}
.nav li a:hover, .nav li a:active{color: #c01443;}

.foot{
    width: 100%; height: 30px; line-height: 30px; background: #e4e4e3;
    text-align: center; font-family: Arial; color: #999;
}
.foot a:link, .foot a:visited{color: #999;}
.foot a:hover, .foot a:active{color: #c01443;}

.mt20{margin-top: 20px;}
.pl20{padding-left: 20px;}
.pr20{padding-right: 20px;}
.layout{width: 1200px; margin-left: auto; margin-right: auto;}