﻿@charset "UTF-8";

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

ol, ul { list-style: none; }

:link, :visited, ins { text-decoration: none; }

table { border-collapse: collapse; border-spacing: 0; }

sub, sup { font-size: 100%; vertical-align: baseline; }

blockquote, q { quotes: "\201C" "\201D" "\2018" "\2019"; }

    blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

    button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; resize: vertical; vertical-align: top; }

input { border: none; }

select, input, button { -webkit-tap-highlight-color: rgba(255, 0, 0, 0.5); }

i, cite, em, address { font-style: normal; }

img { border: 0; border: none; }

a { text-decoration: none; }

    a:hover { text-decoration: none; }

img { vertical-align: top; }

.clearfix:before, .clearfix:after { display: block; content: "\200b"; height: 0; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.hide, .tmpl { display: none; }

.fl { float: left; }

.fr { float: right; }

body { font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; background-color: #fff; }

input { -webkit-box-sizing: content-box; box-sizing: content-box; background: none; }

    input:focus { outline: none; }

.wrapContain { width: 1100px; margin: 0 auto; position: relative; }

#header { width: 100%; height: 112px; }

    #header .logo, #copyright .logo { font-size: 0; text-indent: -999em; display: inline-block; margin-left: 60px; height: 112px; width: 456px; background: url(../images/logo.jpg) no-repeat; vertical-align: top; position: absolute; top: 0px; left: 0px; }

    #header .tel-info { display: block; float: right; font-size: 0; text-indent: -999em; margin-right: 20px; height: 112px; width: 370px; background: url(../images/tel-info.jpg) no-repeat; vertical-align: top; }

#nav { width: 100%; height: 60px; background-color: #d51717; line-height: 60px; margin-top: 26px; }

    #nav ul { margin-left: 60px; }

        #nav ul li { height: 100%; width: 136px; float: left; }

            #nav ul li a { display: block; height: 100%; width: 100%; text-align: center; font-size: 18px; color: #fff; }

                #nav ul li a.active { background: url(../images/cur-nav.jpg) no-repeat; vertical-align: top; }
