.clearfix::after, .clearfix::before {
    content: " ";
    display: table;
}
.clearfix::after {
    clear: both;
}
.f-gray {
    color: #ff670f; !important;
}
* {
    box-sizing: content-box;
}

body {
    background-color: #f7f7f7;
}
.banner-top {
    background: rgba(0, 0, 0, 0) url("../images/banner-common.jpg") no-repeat scroll center ;
    height: 570px;
}
.main-body {
    margin: 35px auto 0;
    overflow: hidden;
    width: 1230px;
}
.main-body .sidebar {
    background-color: #f0f0f0;
    float: left;
    margin-bottom: -20000px;
    min-height: 550px;
    padding-bottom: 20000px;
    position: relative;
    width: 230px;
}
.main-body .sidebar ul li {
    position: relative;
}
.main-body .sidebar ul li a {
    box-sizing: content-box;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    padding: 20px 0;
    text-align: center;
}
.main-body .sidebar ul li i {
    display: none;
}
.main-body .sidebar ul li.active i {
    border-bottom: 7px solid transparent;
    border-left: 7px solid #ff670f;
    border-top: 7px solid transparent;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin-left: 5px;
    margin-top: -7px;
    position: absolute;
    right: -7px;
    top: 50%;
    vertical-align: middle;
    width: 0;
}
.main-body .sidebar ul li.active a {
    background-color: #ff670f;
    color: #fff;
}
.main-body .sidebar ul li.active a:hover {
    color: #fff;
}
.main-body .content {
    background-color: #fff;
    font-size: 14px;
    line-height: 30px;
    min-height: 480px;
    padding: 35px 70px;
    width: 860px;
}
.main-body .content h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin: 15px 0 4px;
}
.main-body .content p {
    text-indent: 2em;
}
.main-body .content .tabs {
    height: 32px;
    overflow: hidden;
}
.main-body .content .tabs::after {
    clear: both;
    content: "";
    display: table;
}
.main-body .content .tabs ul {
    float: left;
}
.main-body .content .tabs ul li {
    float: left;
}
.main-body .content .tabs ul li a {
    background-color: #f0f0f0;
    border-radius: 32px;
    display: block;
    height: 22px;
    line-height: 22px;
	margin:10px 15px;
    padding: 5px 28px;
    text-align: center;
}
.main-body .content .tabs ul li a:hover, .main-body .content .tabs ul li.active a {
    background-color: #ff670f;
    color: #fff;
}
.main-body .content .tabs span {
    color: #999;
    font-size: 14px;
    line-height: 32px;
}
.main-body .content .tabs.has-fixed {
    background: #fff none repeat scroll 0 0;
    height: 32px;
    left: 50%;
    margin-left: -385px;
    margin-right: -600px;
    padding: 10px 0 10px 65px;
    position: fixed;
    right: 50%;
    top: 57px;
}
.main-body .content .tabs-blank-div {
    clear: both;
    height: 32px;
    overflow: hidden;
    width: 100%;
}
.main-body .content-1 {
    background-color: #fff;
    font-size: 14px;
    line-height: 30px;
    min-height: 480px;
    padding: 0 74px 70px;
    width: 851px;
}
.main-body .content-1 .group img {
    margin: 0 8px 8px 0;
}
.main-body .content-1 .description {
    color: #060606;
    font-size: 16px;
    line-height: 24px;
    margin: 8px 0 54px;
}
.team-intro ul li {
    float: left;
    margin-right: 40px;
    width: 258px;
}
.team-intro ul li.last {
    margin-right: 0;
}
.team-intro ul li h2 {
    font-size: 20px !important;
    margin: 10px 0 0 !important;
}
.team-intro ul li h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.team-intro ul li .resume {
    margin-top: 15px;
}
.contact-us .map {
    margin: 10px 0;
}
.contact-us .qr-code {
    margin-top: 10px;
    padding-left: 2em;
}
.contact-us .qr-code ul li {
    float: left;
    margin-right: 70px;
    overflow: hidden;
    text-align: center;
    width: 146px;
}
.contact-us .qr-code ul li p {
    line-height: 20px;
    text-indent: 0;
}
.pl2em {
    padding-left: 2em;
}
.agreement, .private {
    padding-top: 10px;
}
.join-us {
    clear: both;
}
.jd-group .title {
    margin-top: 10px;
}
.jd-group .title::after {
    clear: both;
    content: "";
    display: table;
    overflow: hidden;
}
.jd-group h3 {
    background: rgba(0, 0, 0, 0) url("../images/digest_1.gif") no-repeat scroll left 7px;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0 2px;
    padding-left: 20px;
}

.jd-group .title h2 {
    float: left;
    font-weight: 700;
    margin-right: 10px;
}
.jd-group .title span {
    color: #ff670f;
    float: left;
    margin: 15px 0 4px;
}
.jd-group .cot {
    clear: both;
}
.jd-group p {
    text-indent: 0 !important;
}
.friend-links {
    min-height: 500px;
}
.friend-links h1 {
    font-size: 22px;
    font-weight: 400;
    padding: 20px 0 20px 1.5%;
}
.friend-links ul li {
    background-color: #fff;
    box-shadow: 0 1px 4px #e8e8e8;
    cursor: pointer;
    float: left;
    margin: 1.5%;
    text-align: center;
    width: 22%;
}
.friend-links ul li:hover {
    box-shadow: 0 2px 12px #ccc;
}
.friend-links ul li a {
    display: block;
    padding: 40px 0;
}
.friend-links ul li p {
    color: #666;
    font-size: 20px;
    margin-top: 30px;
}
.side-contact div{box-sizing: border-box;}
.side-contact{position:fixed;right:10px;bottom:130px;display:none;width:70px;height:260px;z-index:200;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.3);background:#f2f2f2;text-align:center}
.side-contact span,.side-contact i{display:block;margin:0;padding:0;box-sizing: border-box;}
.side-contact span{font-size:14px;color:#666}
.side-contact div:hover span{color:#28b8dd; }
.side-contact i{width:35px;height:32px;margin:0 auto;}
.side-contact p{position:absolute;left:0;top:0;display:none;background:#02b8df;color:#FFF;font-size:14px}.side-contact p strong{font-size:22px;font-weight:normal}
.side-contact p em{position:absolute;right:-11px;display:block;width:11px;height:11px;background:url(../images/icon_tips_arrow.png) no-repeat 0 0}
.side-contact .qq-item{width:100%;height:70px;padding-top:5px;border-bottom:1px solid #f2f2f2;border-radius:8px 8px 0 0;background:#FFF;cursor:pointer}
.side-contact .qq-item i{background:url(../images/icon_contact.png) no-repeat 0 0}
.side-contact .qq-item i{background:url(../images/icon_contact.png) no-repeat -32px 0}
.side-contact .qq-contact-link{display:block;width:70px;height:70px;cursor:pointer}
.side-contact .qq-contact-link:hover{text-decoration:none}
.side-contact .phone-item{width:100%;height:70px;padding-top:5px;border-bottom:1px solid #f2f2f2;background:#FFF;cursor:default}
.side-contact .phone-item i{background:url(../images/icon_contact.png) no-repeat 2px -32px}.side-contact .phone-item i{background:url(../images/icon_contact.png) no-repeat -30px -32px}.side-contact .phone-item p{left:-180px;top:70px;width:170px;height:70px;line-height:22px;padding-top:12px;border-radius:8px}
.side-contact .phone-item p em{top:30px}
.side-contact .weixin-item{width:100%;height:70px;padding-top:5px;background:#FFF;cursor:default}.side-contact .weixin-item i{background:url(../images/icon_contact.png) no-repeat 2px -64px}.side-contact .weixin-item i{background:url(../images/icon_contact.png) no-repeat -30px -64px}.side-contact .weixin-item p{left:-130px;top:98px;width:120px;height:150px;line-height:22px;padding-top:16px;font-size:14px;border-radius:8px}
.side-contact .weixin-item p img{width:90px;height:90px;margin-top:10px}
.side-contact .weixin-item p em{top:72px}
.side-contact .gotop-item{width:100%;padding-top:5px;cursor:pointer}
.side-contact .gotop-item i{width:16px;height:16px}
.side-contact .gotop-item i{background:url(../images/icon_top_arrow.png) no-repeat 0 0}
.side-contact .gotop-item:hover i{background:url(../images/icon_top_arrow.png) no-repeat -18px 0}.side-contact .gotop-item span{padding:3px 0 0 0;color:#999}