*{ margin:0; padding:0;}
ul,ol{ list-style:none;}
img{ display:block;}
a{ text-decoration:none; color:#646464;}
h1,h2,h3{ font-size:16px;}
body{ font-family:Times New Roman;}

@font-face{
    font-family: '锐字真言体';
    src: url(./fonts/锐字真言体.ttf);
} 

.l{ float:left;}
.r{ float:right;}
.clear:after{ content:""; display:block; clear:both;}
.container{ width:1200px; margin:0 auto; position:relative;}
.container-fluid{ width:100%;}

#head{ background-color:#3333; z-index: 100; position: fixed;}
#head .container{ height: 83px;}
#head .head_logo{ width:165px; height:46px; margin-top:20px; margin-left: 100px;}
#head .head_menu li{ float:left; margin-left:60px; margin-top: 20px;}
#head .head_menu a{ font-size: 16px; line-height: 60px; color: #ffff;}
#head .head_menu li :hover{ color: #66c5b4;}

 


#foot{ background-color: #F2F2F2; overflow: hidden;}
#foot .container{ height: 300px; }
#foot .foot_list li{width: 387px; float: left; color: #333333; text-align: left; margin-top: 20px;}
#foot .foot_list dl{ margin: 20px 0px 20px 80px;}
#foot .foot_list dt{ font-size: 20px; line-height: 38px;}
#foot .foot_list dd{ font-size: 14px; line-height: 38px;}
#foot .copy{ font-size: 14px; line-height: 20px; text-align: center;}
#foot .cell{ margin-left: 395px;}
#foot .cell img{ float: left; text-align: center; margin: 10px 50px;}


.area_title{ margin-top: 50px; text-align: center;}
.area_title h2{ height: 28px; line-height: 28px; font-size: 28px; color: #333333; font-weight: normal;}
.area_title p{ color: #9F9F9F; font-size: 28px; line-height: 2px; opacity: 0.2; font-style: italic;}