/* TODO 通用样式 */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
html,body,fieldset,img,iframe,abbr{border:0;}
cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a{color: #333333;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color:#333;outline:0; font: 100% Helvetica, Arial, 微软雅黑;}
input{border:none; margin:0; padding:0; outline:none;}
img{vertical-align: middle;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.text-center{text-align: center!important;}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.f_size0{font-size: 14px;}
.f_size1{font-size: 18px;}
.red{color: #8f022c;}
.black{color: #333333;}
.yellow{color: #d9b765;}
/*多行文本超出*/
.text{
    /*注意高度和宽度，不允许出现半汉字截断*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
/*TODO 具体样式*/
body{width:100%;margin:0 auto; color: #333333;font-size:12px;}
body{background: #ffffff;}
.wrap{width: 1200px;margin: 0 auto;}
html{overflow-x: hidden;}
/*
=====todo 头部======
*/
.header{
    height: 82px;
}
.header img.logo{
    width:160px;
    height: 82px;
    margin-right: 115px;
}
.nav{
    height: 82px;
    width: 744px;
}
.nav li{float: left;}
.nav li a{display:inline-block;padding: 0 20px;text-align: center;height: 82px;line-height: 82px;font-size: 14px;font-weight: bold;margin-right: 25px;color: #333333;}
.nav li a.on, .nav li a:hover{background: #8f022c;color: #ffffff;}
header .community{width: 149px;border-left: 1px solid #d9d9d9;height: 82px;line-height: 82px;font-size: 14px;font-weight: bold;text-align: center;}

/*
=====TODO 尾部
*/
.footer{width:100%;margin-bottom:35px;padding-top: 38px;overflow: hidden;}
.footer_top{border-top: 3px solid #8f022c;position: relative;}
.footer_img{position: absolute;left: 50%;top: -30px;margin-left: -101px;}
.footer .wrap{margin-top: 44px;}
.footer_l div{margin-top: -20px;}
.footer_l p{line-height: 30px;}
.footer_l p.banquan{line-height: 20px;}
.footer_l .f_jishu{position: relative;left: 35px;top: 1px;}
.footer_m,.footer_r{padding-top: 25px;font-size: 18px;}
.footer_m{margin-left: 200px;}
.footer_m h1{font-size: 18px;}
.footer_m ul{margin-top: 10px;font-size: 12px;}
.footer_m li{padding-left: 35px;height: 35px;line-height: 35px;}
.footer_m li.QQ{background: url("../images/f_QQ.jpg") no-repeat left center;}
.footer_m li.Tel{background: url("../images/f_tel.jpg") no-repeat left center;}
.footer_r li{float: left;width: 110px;}
.footer_r li span{display: inline-block;width: 100%;text-align: center; font-size: 14px;}
.footer_r li:first-child{margin-right: 65px;}
.footer_r img{width: 104px;height: 104px;}
