body{
    font-size:16px;
}
/*
    顶部 upper-box
 */
.upper-box{
    background-color:#eee;
    min-width:1220px;
}
.upper{
    width:1220px;
    height:50px;
    line-height: 50px;
    margin:0 auto;
    position:relative;
    font-size:14px;
    color:#535353;
}
.upper-left > p{
    display: inline-block;
}
.upper-left a{
    display: inline-block;
    color:#535353;
    cursor:pointer;
}
.upper-left .register-btn{
    color:#d72f2f;
    margin-right:28px;
    cursor: text;
}
.upper-left .follow-btn{position: relative}
.upper-left .follow-btn .follow-img{
    z-index: 99999;
    display: none;
    position: absolute;
    top:100%;
    left:50%;
    margin-left:-76px;
}
.upper-left .follow-btn:hover .follow-img{
    display: block;
}
.upper .upper-right{
    position:absolute;
    top:0;right:0;
}
.upper-right > a{
    display: inline-block;
    color:#535353;
    margin-left:42px;
}

/*
    导航部分 header
 */
header{
    position: relative;
    width:1220px;
    height:100px;
    margin:0 auto;
    background: #fff;
    z-index: 9999;
}
header .logo{
    display: inline-block;
    vertical-align:top;
}
header .logo a{
    font-size:0;
    background: url(../images/logo.png) center 28px / auto 50px no-repeat;
    width:278px;
    height:100px;
}
header .header-right{
    position:absolute;
    right:0;top:0;
}
.header-right .header-phone{
    float:right;
    font-size:24px;
    line-height: 30px;
    margin-top:22px;
    padding-left:30px;
    font-family:'Impact';
    color:#333;
    background: url(../../all/images/header-phone.png) left center / 22px 22px no-repeat;
}
.nav-box{
    margin-top:3px;
}
nav{font-size:0;}
nav .nav-item{
    display: inline-block;
    font-size:16px;
    line-height: 30px;
    color:#535353;
    border-bottom: 2px solid transparent;
    margin-left:15px;
}
nav .nav-item:hover, nav .nav-active{
    color:#d32828;
    border-bottom-color:#d32828;
}


/*
 * 部分 的头部样式
 */
.section-title{
    text-align:center;
    height:100px;
    position:relative;
}
.section-title:before{
    content:'';
    height:14px;
    width:60px;
    border:3px solid #d32828;
    border-bottom:0;
    position:absolute;
    left:calc(50% - 33px);
    top:0;
}
.section-title:after{
    content:'';
    height:0;
    width:66px;
    border-bottom:3px solid #d32828;
    position:absolute;
    left:calc(50% - 33px);
    bottom:0;
}
.section-title h3{
    font-size: 36px;
    line-height: 36px;
    padding:25px 0 8px;
    color: #535353;
    font-weight:normal;
}
.section-title p{
    font-size:14px;
    line-height: 22px;
    color:#959595;
}






/*
    foot
 */
.width-100{
    width:100%;margin:0 auto;min-width: 1220px;
}
.banner-bottom{background: #f5f5f5; height: 159px;}
.banner-bottom img{width: 1200px;margin:0 auto;}
.bottom{width: 1110px; margin: 30px auto 30px;width: 1180px;}
.bottom-l{float: left;}
.bottom-l ul{margin-right: 40px; float: left;}
.bottom-l h4{color: #333; font-size: 16px;font-weight:normal;margin-bottom: 10px;margin-top: 10px;}
.bottom-l li{color: #999; margin-bottom: 10px;font-size:14px;}
.bottom-l li a:hover{color: #333;}
.bottom-r{float: left; margin-top: 10px;}
.bottom-line{width: 1px; height: 100px; border-right: 1px solid #ddd; float: left; margin-top: 30px; margin-right: 30px; _margin-right: 15px;}
.bottom-img{float: left; margin-right: 25px; _margin-right: 12px;}
.bottom-img img{width: 153px; height: 153px;}
.bottom-w{float: left;}
.bottom-w h5{color: #666; font-size: 16px; margin-top: 0; line-height: 26px; height:26px;}
.bottom-w h5 img{ width: 24px; height: 26px; float: left; margin-right: 5px;}
.bottom-w h5 span{float: left;}
.bottom-w h4{margin: 10px 0; font-size: 30px; font-weight: 600;}
.bottom-z {width: 211px; height: 50px; text-align: center; background: #ff4a4a; color: #fff; border-radius: 6px;}
.bottom-z a{display: block; width: 100%;}
.bottom-z:hover{background: #e43f3f;}
.bottom-z p{margin-bottom: 0px; font-size: 18px; margin-top: 3px; float: left; width: 100%;}
.bottom-z span{font-size: 12px;}
.bottom-x{margin-top: 15px; padding-left: 60px;}
.bottom-x a{display: inline-block}
.bottom-x img{margin-right: 20px; width: 38px; height: 38px;}
.link{text-align: center; margin-top: 40px;}
.width-100 .links-box{
    width:1220px;margin:0 auto;padding-left:110px;text-align: left;box-sizing: border-box;
}
.link a{color: #666; padding: 0 15px;display: inline-block}
.foot{padding: 30px 0 0;height:120px;box-sizing: border-box;background: #333333; width: 100%; min-width: 1220px; float: left; text-align: center;}
.foot p{min-width: 1200px; color: #fff;filter:alpha(opacity=50); line-height: 28px; -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; }
.tp{margin-top: 30px;}
.friendlink{font-size:16px;color:#404444;}
.friendlink p{width:1220px;margin:20px auto 40px;text-indent: 124px;}
.friendlink a{display: inline-block;margin:0 15px 0 5px;text-indent: 0}
.friendlink a:hover{
    color:#d32828;
}