.topnav {
    width: 100%;
    height: 40px;
    background-color: #fdfdfd;
    background-image: url(../img/top_ordin.png);
    background-repeat: repeat;
}

.topnav .banxin {
    height: 100%;
}

.topnav-left {
    float: left;
    height: 100%;
    width: 760px;
    margin-left: 175px;
}

.topnav-left a:first-child {
    display: block;
    width: 230px;
    height: 100%;
    background-image: url(../img/top_ordin.png);
    background-position: 0px 125px;
    overflow: hidden;
    float: left;
}

.topnav-left a:last-child {
    display: block;
    width: 230px;
    height: 100%;
    background-image: url(../img/top_ordin.png);
    background-position: 0px 252px;
    overflow: hidden;
    float: left;
}

.topnav-right a {
    width: auto;
    height: 100%;
    display: block;
    float: left;
    margin-right: 19px;
    line-height: 40px;
}

.topnav-right a:last-child {
    background-image: url(../img/top_ordin.png);
    background-position: 0px 40px;
    width: 100px;
    text-align: center;
}

.center {
    width: 100%;
    height: 800px;
    background-image: url(../img/background.jpeg);
    background-position: -325px 01px;
    position: relative;
    z-index: 1;
}

.dnflogo {
    display: block;
    width: 214px;
    height: 118px;
    background-image: url(../img/sprite.png);
    position: absolute;
    top: 0px;
    left: 188px;
}

.daohang {
    width: 100%;
    height: 300px;
    position: relative;
    background-image: url(../img/bg_nav.png);
    background-position: 0px 0px;
}

.daohang:hover {
    background-image: url(../img/bg_nav_hover.png);
    background-position: 0px 300px;
}

.daohang .banxin {
    height: 100%;
}

.daohang ul {
    margin-left: 210px;
    text-align: center;
}

.daohang ul a {
    width: 86px;
    height: 88px;
    display: block;
    color: #fff;
    float: left;
    font-size: 16px;
    padding-top: 40px;
    box-sizing: border-box;
    margin-right: 67px;
    margin-top: 12px;
    position: relative;
}

.daohang ul a span {
    color: #ccc;
    font-size: 6px;
}

.daohang ul a:before {
    content: "";
    width: 0;
    height: 5px;
    position: absolute;
    top: 100%;
    left: 50%;
    background-color: #ec4828;
}

.daohang ul a:hover:before {
    left: 0;
    transition: all 0.5s;
    width: 100%;
    color: #EC4828;
}

.daohang ul a:hover {
    background-image: url(../img/sprite.png);
    background-position: -211px 0px;
}

.daohangup {
    width: 100%;
    height: 195PX;
    position: absolute;
    top: 120px;
    left: 0px;
    padding-left: 210px;
}

.daohangup ol {
    float: left;
    width: 86px;
    text-align: center;
    margin-right: 67px;
}

.daohangup ol a {
    color: white;
    line-height: 2;
    font-size: 14px;
}

.daohangup ol a:hover {
    color: #EC4828;
}

.app img {
    position: absolute;
    top: 0px;
    right: 500px;
    width: 200px;
    display: none;
}

.wx img {
    position: absolute;
    top: 0px;
    right: 500px;
    display: none;
    width: 205px;
}

.app:hover img {
    display: block;
}

.wx:hover img {
    display: block;
}

.daohangup {
    display: none;
}

.daohang:hover .daohangup {
    display: block;
}

.kuanghuan {
    width: 570px;
    height: 65px;
    margin-left: 670px;
}

.kuanghuan a {
    display: block;
    width: 100%;
    height: 100%;
}

.content-top-left {
    float: left;
    width: 240px;
    height: 430px;
    background-image: url(../img/bg-sider-top.png);
}

.content-top-zhanshi {
    float: left;
    width: 343px;
    height: 430px;
    margin-left: 35px;
    text-align: center;
    position: relative;
    background-color: rgba(26, 25, 25, 0.6);
    z-index: 10;
}

.content-top-zhanshi div:first-child {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
}

.yinying {
    width: 343px;
    height: 430px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}

.content-top-zhanshi:before {
    content: "";
    width: 343px;
    height: 430px;
    background-color: rgba(26, 25, 25, 0.5);
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
}

.content-top-zhanshi h3 {
    color: white;
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    top: 212px;
    left: 127px;
}

.content-top-zhanshi span {
    color: white;
    line-height: 3;
    position: absolute;
    top: 237px;
    left: 96px;
}

.content-top-zhanshi a {
    display: block;
    width: 100px;
    height: 30px;
    color: #EC4828;
    font-weight: 700;
    padding-left: 20px;
    box-sizing: border-box;
    position: absolute;
    top: 291px;
    left: 105px;
}

.content-top-zhanshi s {
    float: left;
    display: block;
    line-height: 35px;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-right: 5px;
}

.content-top-zhanshi i {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(../img/sprite.png);
    background-position: -372px -368px;
    margin-top: 4px;
}

.content-top-zhanshi a:hover {
    background-color: #ec4828;
    color: white;
    background-image: url(../img/sprite.png);
    background-position: 337px 362px;
}

.content-top-zhanshi a:hover i {
    display: none;
}

.content-top-lunbotu {
    float: left;
    width: 343px;
    height: 430px;
    position: relative;
}

.content-top-lunbotu ul {
    position: absolute;
    bottom: 15px;
    left: 80px;
}

.content-top-lunbotu li {
    display: block;
    float: left;
    margin-right: 8px;
    width: 20px;
    height: 4px;
    background-color: #EC4828;
    border-radius: 20px;
}

.content-top-lunbotu li:hover {
    background-color: white;
}

.content-top-right {
    float: left;
    width: 480px;
    height: 431px;
    background-color: #fff;
}

.content-top-right-top {
    width: 420px;
    height: 64px;
    margin: 0 auto;
    border-bottom: 1px solid #f0f0f0;
}

.content-top-right-top li {
    display: block;
    float: left;
    width: 84px;
    height: 64px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 64px;
    position: relative;
}

.content-top-right-top li:hover {
    background-image: url(../img/sprite.png);
    background-position: -296px 58px;
    background-repeat: no-repeat;
}

.four:before {
    content: "4";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ec4828;
    border: 1px solid #EC4828;
    position: absolute;
    color: #fff;
    top: 10px;
    right: 12px;
    line-height: normal;
    font-size: 12px;
}

.two:before {
    content: "2";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ec4828;
    border: 1px solid #EC4828;
    position: absolute;
    color: #fff;
    top: 10px;
    right: 12px;
    line-height: normal;
    font-size: 12px;
}

.six:before {
    content: "6";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ec4828;
    border: 1px solid #EC4828;
    position: absolute;
    color: #fff;
    top: 10px;
    right: 12px;
    line-height: normal;
    font-size: 12px;
}

.content-top-right-center {
    float: left;
    width: 421px;
    height: 48px;
    background-color: #f0f0f0;
    margin-top: 33px;
    margin-left: 30px;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    font-weight: 700;
}

.content-top-right-content {
    float: left;
    width: 421px;
    height: 197px;
    margin-left: 30px;
    margin-top: 15px;
}

.content-top-right-content li {
    display: block;
    margin-bottom: 15px;
}

.content-top-right-content i {
    display: inline-block;
    width: 50px;
    height: 20px;
    background-image: url(../img/sprite.png);
    background-position: -443px -28px;
    text-align: center;
    line-height: 20px;
    margin-right: 5px;
}

.content-top-right-bottom {
    margin-left: 30px;
    margin-top: 26px;
    float: left;
    width: 416px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border: 2px solid #e3e3e3;
}

.content-top-right-bottom a {
    color: #555;
    font-size: 16px;
}

.content-top-right-bottom a:hover {
    color: #EC4828;
}

.content-top-right-bottom i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../img/sprite.png);
    background-position: -298px -10px;
    margin-top: 10px;
    margin-left: 5px;
}

.bg {
    width: 100%;
    height: 445px;
    background-color: #f0f0f0;
    position: absolute;
    top: 870px;
    left: 0px;
    z-index: -1;
}

.rukou {
    width: 228px;
    height: 475px;
    border: 5px solid #bbb;
    margin-top: 12px;
    margin-left: 14px;
    background-color: #fff;
    float: left;
}

.rukou-top {
    width: 100%;
    height: 195px;
}

.rukou h4 {
    font-size: 18px;
    color: #3e5566;
    text-align: center;
    margin-top: 29px;
    position: relative;
    margin-bottom: 30px;
}

.rukou h4:after {
    content: "";
    width: 140px;
    height: 1px;
    background-color: #f0f0f0;
    position: absolute;
    left: 45px;
    bottom: -10px;
}

.rukou-top a,
.rukou-bottom a {
    display: block;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 12px;
    margin-bottom: 20px;
    text-align: center;
    color: #8b9298;
    position: relative;
}

.rukou-top div,
.rukou-bottom div {
    width: 100%;
    height: 30px;
    width: 30px;
    margin-left: 15px;
    margin-bottom: 5px;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
}

.rukou-top i,
.rukou-bottom i {
    display: block;
    width: 100%;
    height: 30px;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    display: none;
}

.rukou-bottom a:hover p {
    color: #ec4828;
}

.rukou-bottom a:after {
    content: "";
    width: 0;
    height: 3px;
    background-color: #ec4828;
    position: absolute;
    top: 100%;
    left: 50%;
}

.rukou-bottom a:hover:after {
    width: 100%;
    transition: 0.5s;
    left: 0;
}

.rukoulogo {
    background-position: 2px -182px;
}

.rukoulogo:hover i {
    background-position: 2px -212px;
    display: block;
}

.rukou-top a:hover p {
    color: #ec4828;
}

.rukou-top a:after {
    content: "";
    width: 0;
    height: 3px;
    background-color: #ec4828;
    position: absolute;
    top: 100%;
    left: 50%;
}

.rukou-top a:hover:after {
    width: 100%;
    transition: 0.5s;
    left: 0;
}

.heizuan {
    background-position: -32px -182px;
}

.heizuan:hover i {
    background-position: -32px -212px;
    display: block;
}

.kefulogo {
    background-position: -62px -182px;
}

.kefulogo:hover i {
    background-position: -62px -212px;
    display: block;
}

.anquanlogo {
    background-position: -92px -182px;
}

.anquanlogo:hover i {
    background-position: -92px -212px;
    display: block;
}

.zhoubianlogo {
    background-position: -122px -182px;
}

.zhoubianlogo:hover i {
    background-position: -122px -212px;
    display: block;
}

.kefulogo_1 {
    background-position: -155px -182px;
}

.kefulogo_1:hover i {
    background-position: -155px -212px;
    display: block;
}

.luntanlogo {
    background-position: -185px -182px;
}

.luntanlogo:hover i {
    background-position: -185px -212px;
    display: block;
}

.weixinlogo {
    background-position: -218px -182px;
}

.weixinlogo:hover i {
    background-position: -218px -212px;
    display: block;
}

.tubialogo {
    background-position: -249px -182px;
}

.tubialogo:hover i {
    background-position: -249px -212px;
    display: block;
}

.diantailogo {
    background-position: -279px -182px;
}

.diantailogo:hover i {
    background-position: -279px -212px;
    display: block;
}

.yuanhualogo {
    background-position: -310px -182px;
}

.yuanhualogo:hover i {
    background-position: -310px -212px;
    display: block;
}

.xinyuelogo {
    background-position: -341px -182px;
}

.xinyuelogo:hover i {
    background-position: -341px -212px;
    display: block;
}

.zhongxin-center {
    width: 755px;
    height: 450px;
    float: left;
}

.zhongxin-center-topnav {
    width: 686px;
    height: 80px;
    float: left;
    margin-left: 34px;
    margin-top: 40px;
    border-bottom: 1px solid #e3e3e3;
}

.zhongxin-center-topnav h3 {
    width: 146px;
    height: 100%;
    color: #49657a;
    font-size: 23px;
    text-align: center;
    line-height: 80px;
    font-weight: normal;
    float: left;
}

.zhongxin-xinyuelogo {
    float: left;
    display: block;
    width: 77px;
    height: 28px;
    background-image: url(../img/sprite.png);
    background-position: -402px 0px;
    margin-left: 359px;
    margin-top: 33px;
    transition: all 0.5s;
}

.zhongxin-xinyuelogo:hover {
    position: relative;
    top: -5px;
}

.zhongxin-huodong-logo {
    display: block;
    float: left;
    width: 90px;
    height: 28px;
    border-radius: 20px;
    border: 2px solid#ccc;
    color: red;
    text-align: center;
    line-height: 28px;
    margin-left: 10px;
    margin-top: 33px;
    transition: all 0.5s;
}

.zhongxin-huodong-logo:hover {
    position: relative;
    top: -5px;
    /* box-shadow: 10px 10px  #ccc; */
}

.zhongxin-center-top {
    width: 685px;
    height: 77px;
    float: left;
    margin-left: 33px;
    padding-left: 58px;
    box-sizing: border-box;
    position: relative;
}

.zhongxin-center-top a {
    display: block;
    float: left;
    width: 81px;
    height: 100%;
    color: #555;
    font-weight: 700;
    font-size: 16px;
    padding-top: 30px;
    box-sizing: border-box;
    position: relative;
}

.zhongxin-center-top i {
    display: block;
    width: 82px;
    height: 20px;
    color: #ec4828;
    background-image: url(../img/sprite.png);
    background-position: -299px 10px;
    background-repeat: no-repeat;
    position: absolute;
    top: -14px;
    left: -10px;
    display: none;
}

.zhongxin-center-top a:hover i {
    display: block;
}

.zhongxin-center-top a:hover {
    color: #ec4828;
    ;
}

.zhongxin-center-top a:nth-child(-n+3) {
    margin-right: 85px;
}

.huodongname {
    float: left;
    width: 681px;
    height: 42px;
    background-color: #f9f9f9;
    margin-left: 33px;
    padding-left: 58px;
    box-sizing: border-box;
}

.huodongname p {
    float: left;
    text-align: center;
    width: 60px;
    height: 100%;
    line-height: 42px;
    margin-right: 115px;
    font-weight: 700;
}

.zhongxin-center-huodong {
    width: 686px;
    height: 202px;
    float: left;
    margin-left: 33px;
    margin-top: 15px;
}

.zhongxin-center-huodong li {
    width: 100%;
    height: 42px;
    line-height: 42px;
}

.zhongxin-center-huodong li:nth-child(-n+4) {
    border-bottom: 1px dashed #cecece;
}

.zhongxin-center-huodong p {
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-left: 30px;
    float: left;
}

.jiangli {
    width: 120px;
    height: 100%;
    float: left;
    margin-left: 50px;
    text-align: center;
    margin-right: 87px;
}

.zhongxin-center-huodong span {
    color: red;
}

.zhongxin-center-huodong a {
    display: block;
    float: right;
    margin-right: 58px;
    width: 57px;
    height: 25px;
    background-image: url(../img/sprite.png);
    background-position: -484px 0px;
}

.hothuodong {
    width: 413px;
    height: 419px;
    float: left;
    margin-top: 40px;
    overflow: hidden;
    margin-left: 30px;
}

.hothuodong h4 {
    width: 146px;
    height: 80px;
    color: #49657a;
    font-size: 23px;
    text-align: center;
    line-height: 80px;
    font-weight: normal;
}

.hothuodong div {
    width: 412px;
    height: 160px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    z-index: 3;
}

.hothuodong img {
    margin-bottom: 20px;
    transition: all 0.6s;
}

.hothuodong a:hover img {
    transform: scale(1.1);
}

.bg2 {
    width: 326px;
    height: 590px;
    background-image: url(../img/p.png);
    position: absolute;
    top: 778px;
    right: 0px;
    z-index: 2;
}

.tuijian {
    width: 100%;
    height: 395px;
    /* float: left; */
}

.tuijian .banxin2 {
    height: 100%;
}

.tuijian-left {
    width: 410px;
    height: 100%;
    background-image: url(../img/bg-sider-quick.png);
    margin-left: 6px;
    text-align: center;
    padding-top: 67px;
    padding-left: 200px;
    background-repeat: no-repeat;
    float: left;
    box-sizing: border-box;
    position: relative;
}

.tuijian-left div:nth-child(1):hover .xinshou {
    display: block;
    position: absolute;
    top: 25px;
    right: -794px;
    z-index: 10;
}

.tuijian-left div:nth-child(2):hover .ziliao {
    display: block;
    position: absolute;
    top: 25px;
    right: -794px;
    z-index: 10;
}

.tuijian-left div:nth-child(3):hover .gonglue {
    display: block;
    position: absolute;
    top: 25px;
    right: -794px;
    z-index: 10;
}

.tuijian-left div:nth-child(4):hover .zizhufuwu {
    display: block;
    position: absolute;
    top: 25px;
    right: -794px;
    z-index: 10;
}

.xinshou {
    width: 754px;
    height: 278px;
    position: absolute;
    top: 0px;
    right: 0px;
    box-shadow: 0px 0px 20px #ccc;
    padding-top: 5px;
    padding-left: 45px;
    display: none;
    background-color: #fff;
}

.xinshou li {
    list-style: none;
    float: left;
    width: 80px;
    height: 53px;
    margin-right: 20px;
    margin-top: 32px;
    text-align: center;
    position: relative;
}

.xinshou li a i {
    display: block;
    width: 32px;
    height: 33px;
    background-image: url(../img/sprite-icon.png);
    margin-left: 25px;
    margin-bottom: 8px;
}

.xinshou li a span {
    display: block;
    margin-left: 2px;
    font-size: 12px;
    color: #333;
}

.xinshou li a s {
    display: block;
    width: 32px;
    height: 33px;
    background-image: url(../img/sprite-icon.png);
    margin-left: 25px;
    margin-bottom: 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.xinshou li:nth-child(1) i {
    background-position: -461px 0px;
}

.xinshou li:nth-child(1) s {
    background-position: -461px -33px;
}

.xinshou li:nth-child(2) i {
    background-position: -501px 0px;
}

.xinshou li:nth-child(2) s {
    background-position: -501px -33px;
}

.xinshou li:nth-child(3) i {
    background-position: -533px 0px;
    width: 30px;
}

.xinshou li:nth-child(3) s {
    background-position: -533px -33px;
    width: 30px;
}

.xinshou li:nth-child(4) i {
    background-position: -561px 0px;
    width: 30px;
}

.xinshou li:nth-child(4) s {
    background-position: -561px -33px;
    width: 30px;
}

.xinshou li:nth-child(5) i {
    background-position: -591px 0px;
    width: 21px;
}

.xinshou li:nth-child(5) s {
    background-position: -591px -33px;
    width: 21px;
}

.xinshou li:nth-child(6) i {
    background-position: -612px 0px;
    width: 26px;
}

.xinshou li:nth-child(6) s {
    background-position: -612px -33px;
    width: 26px;
}

.xinshou li:nth-child(7) i {
    background-position: -637px 0px;
}

.xinshou li:nth-child(7) s {
    background-position: -637px -33px;
}

.xinshou li:nth-child(8) i {
    background-position: -670px 0px;
}

.xinshou li:nth-child(8) s {
    background-position: -670px -33px;
}

.xinshou li:nth-child(9) i {
    background-position: -702px 0px;
    width: 28px;
}

.xinshou li:nth-child(9) s {
    background-position: -702px -33px;
    width: 28px;
}

.xinshou li:nth-child(10) i {
    background-position: -730px 0px;
    width: 28px;
}

.xinshou li:nth-child(10) s {
    background-position: -730px -33px;
    width: 28px;
}

.xinshou li:nth-child(11) i {
    background-position: -760px 0px;
    width: 28px;
}

.xinshou li:nth-child(11) s {
    background-position: -760px -33px;
    width: 28px;
}

.xinshou li:nth-child(12) i {
    background-position: -759px 0px;
    width: 29px;
}

.xinshou li:nth-child(12) s {
    background-position: -788px -33px;
    width: 28px;
}

.xinshou li:nth-child(13) i {
    background-position: -816px 0px;
    width: 28px;
}

.xinshou li:nth-child(13) s {
    background-position: -816px -33px;
    width: 28px;
}

.xinshou li:nth-child(14) i {
    background-position: -844px 0px;
    width: 31px;
}

.xinshou li:nth-child(14) s {
    background-position: -844px -33px;
    width: 31px;
}

.xinshou li:nth-child(15) i {
    background-position: -875px 0px;
    width: 28px;
}

.xinshou li:nth-child(15) s {
    background-position: -875px -33px;
    width: 28px;
}

.xinshou li:nth-child(16) i {
    background-position: -905px 0px;
    width: 28px;
}

.xinshou li:nth-child(16) s {
    background-position: -905px -33px;
    width: 28px;
}

.xinshou a {
    transition: all 1s;
}

.xinshou a:hover span {
    color: #ED4F30;
}

.xinshou a:hover s {
    display: block;
    position: relative;
    top: -5px;
}

.xinshou a:hover i {
    display: none;
}

.ziliao {
    width: 754px;
    height: 278px;
    position: absolute;
    top: 0px;
    right: 0px;
    box-shadow: 0px 0px 20px #ccc;
    padding-top: 5px;
    padding-left: 45px;
    display: none;
    background-color: #fff;
}

.ziliao-left {
    width: 340px;
    height: 100%;
    float: left;
}

.ziliao-left li {
    list-style: none;
    float: left;
    width: 80px;
    height: 53px;
    margin-right: 20px;
    margin-top: 32px;
    text-align: center;
    position: relative;
}

.ziliao-left li a i {
    display: block;
    width: 34px;
    height: 32px;
    background-image: url(../img/sprite-icon.png);
    margin-left: 25px;
    margin-bottom: 8px;
}

.ziliao-left li a span {
    display: block;
    margin-left: 2px;
    font-size: 12px;
    color: #333;
}

.ziliao-left li a s {
    display: block;
    width: 34px;
    height: 32px;
    background-image: url(../img/sprite-icon.png);
    margin-left: 25px;
    margin-bottom: 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.ziliao-left li:nth-child(1) i {
    background-position: -708px -119px;
}

.ziliao-left li:nth-child(1) s {
    background-position: -708px -146px;
}

.ziliao-left li:nth-child(2) i {
    background-position: -742px -119px;
}

.ziliao-left li:nth-child(2) s {
    background-position: -742px -146px;
}

.ziliao-left li:nth-child(3) i {
    background-position: -775px -119px;
    width: 30px;
}

.ziliao-left li:nth-child(3) s {
    background-position: -775px -146px;
    width: 30px;
}

.ziliao-left li:nth-child(4) i {
    background-position: -837px -119px;
    width: 30px;
}

.ziliao-left li:nth-child(4) s {
    background-position: -837px -149px;
    width: 30px;
}

.ziliao-left li:nth-child(5) i {
    background-position: -863px -119px;
}

.ziliao-left li:nth-child(5) s {
    background-position: -863px -149px;
}

.ziliao-left li:nth-child(6) i {
    background-position: 3px -204px;
}

.ziliao-left li:nth-child(6) s {
    background-position: 3px -234px;
}

.ziliao-left a {
    transition: all 1s;
}

.ziliao-left a:hover span {
    color: #ED4F30;
}

.ziliao-left a:hover s {
    display: block;
    position: relative;
    top: -5px;
}

.ziliao-left a:hover i {
    display: none;
}

.ziliao-right {
    width: 338px;
    height: 264px;
    float: left;
    position: relative;
    text-align: left;
}

.ziliao-right h4:first-child {
    margin-top: 30px;
}

.ziliao-right h4 {
    font-size: 12px;
    font-weight: 700;
    margin: 8px 0px;
}

.ziliao-right a:hover {
    color: #ED4F30;
}

.ziliao-right p {
    margin-top: 10px;
}

.ziliao-right:before {
    content: "";
    width: 1px;
    height: 190px;
    background-color: #ccc;
    position: absolute;
    top: 26px;
    left: -44px;
}

.gonglue {
    width: 754px;
    height: 278px;
    position: absolute;
    top: 0px;
    right: 0px;
    box-shadow: 0px 0px 20px #ccc;
    padding-top: 5px;
    padding-left: 45px;
    display: none;
    background-color: #fff;
}

.gonglue-left {
    width: 340px;
    height: 100%;
    float: left;
}

.gonglue-left li {
    list-style: none;
    float: left;
    width: 80px;
    height: 53px;
    margin-right: 20px;
    margin-top: 32px;
    text-align: center;
    position: relative;
}

.gonglue-left li a i {
    display: block;
    width: 38px;
    height: 32px;
    background-image: url(../img/sprite-icon.png);
    margin-left: 25px;
    margin-bottom: 8px;
}

.gonglue-left li a span {
    display: block;
    margin-left: 2px;
    font-size: 12px;
    color: #333;
}

.gonglue-left li a s {
    display: block;
    width: 38px;
    height: 32px;
    background-image: url(../img/sprite-icon.png);
    margin-left: 25px;
    margin-bottom: 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.gonglue-left li:nth-child(1) i {
    background-position: -368px -65px;
}

.gonglue-left li:nth-child(1) s {
    background-position: -368px -100px;
}

.gonglue-left li:nth-child(2) i {
    background-position: -407px -65px;
}

.gonglue-left li:nth-child(2) s {
    background-position: -407px -100px;
}

.gonglue-left li:nth-child(3) i {
    background-position: -439px -65px;
    width: 30px;
}

.gonglue-left li:nth-child(3) s {
    background-position: -439px -100px;
    width: 30px;
}

.gonglue-left li:nth-child(4) i {
    background-position: -469px -65px;
    width: 28px;
}

.gonglue-left li:nth-child(4) s {
    background-position: -469px -100px;
    width: 28px;
}

.gonglue-left li:nth-child(5) i {
    background-position: -513px -65px;
    width: 29px;
}

.gonglue-left li:nth-child(5) s {
    background-position: -513px -100px;
    width: 29px;
}

.gonglue-left li:nth-child(6) i {
    background-position: -542px -65px;
    width: 27px;
}

.gonglue-left li:nth-child(6) s {
    background-position: -542px -100px;
    width: 27px;
}

.gonglue-left li:nth-child(7) i {
    background-position: -568px -65px;
    width: 31px;
}

.gonglue-left li:nth-child(7) s {
    background-position: -568px -100px;
    width: 31px;
}

.gonglue-left a {
    transition: all 1s;
}

.gonglue-left a:hover span {
    color: #ED4F30;
}

.gonglue-left a:hover s {
    display: block;
    position: relative;
    top: -5px;
}

.gonglue-left a:hover i {
    display: none;
}

.gonglue-right {
    width: 317px;
    height: 264px;
    float: left;
    position: relative;
    text-align: left;
}

.gonglue-right a {
    line-height: 1.5;
}

.gonglue-right h4:first-child {
    margin-top: 30px;
}

.gonglue-right h4 {
    font-size: 12px;
    font-weight: 700;
    margin: 8px 0px;
}

.gonglue-right a:hover {
    color: #ED4F30;
}

.gonglue-right p {
    margin-top: 10px;
}

.gonglue-right:before {
    content: "";
    width: 1px;
    height: 190px;
    background-color: #ccc;
    position: absolute;
    top: 26px;
    left: -44px;
}

.zizhufuwu {
    width: 754px;
    height: 278px;
    position: absolute;
    top: 0px;
    right: 0px;
    box-shadow: 0px 0px 20px #ccc;
    padding-top: 5px;
    padding-left: 45px;
    padding-top: 45px;
    display: none;
    background-color: #fff;
}

.zizhufuwu-left h4 {
    margin: 8px 0px;
}

.zizhufuwu-left {
    width: 327px;
    height: 100%;
    float: left;
    text-align: left;
}

.zizhufuwu-left a {
    line-height: 2;
}

.zizhufuwu-left a:hover {
    color: #ED4F30;
}

.zizhufuwu-right {
    width: 327px;
    height: 100%;
    float: left;
    position: relative;
    padding-top: 45px;
    padding-left: 88px;
    box-sizing: border-box;
}

.zizhufuwu-right div {
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
}

.zizhufuwu-right i {
    display: block;
    width: 28px;
    height: 28px;
    background-image: url(../img/sprite-icon.png);
    background-position: -805px -120px;
    float: left;
}

.zizhufuwu-right a {
    display: block;
    float: left;
    margin-top: 9px;
    margin-left: 9px;
}

.zizhufuwu-right a:hover {
    color: #ED4F30;
}

.zizhufuwu-right:before {
    content: "";
    width: 1px;
    height: 190px;
    background-color: #ccc;
    position: absolute;
    top: 10px;
    left: 28px;
}

.tuijian-left-content {
    font-size: 18px;
    color: #ffc39e;
    display: block;
    width: 155px;
    height: 60px;
    font-weight: 700;
    position: relative;
}

.tuijian-left-content:hover {
    color: #fdfdfd;
}

.tuijian-left a:hover i {
    display: none;
}

.tuijian-left-content-tubiao {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    background-image: url(../img/sprite.png);
    background-position: -247px -112px;
}

.tuijian-shipin {
    width: 690px;
    height: 363px;
    float: left;
    margin-left: 35px;
    margin-top: 30px;
    background-image: linear-gradient(white 40%, #ccc);
}

.tuijian-shipin-top {
    width: 680px;
    height: 48px;
    border-bottom: 1px solid #ccc;
}

.tuijian-shipin-top h4 {
    font-size: 24px;
    color: #617687;
    font-weight: normal;
    float: left;
    margin-right: 290px;
}

.tuijian-shipin-top a:nth-child(-n+3) {
    display: block;
    float: left;
    width: 90px;
    height: 28px;
    color: red;
    border-radius: 20px;
    border: 2px solid #ccc;
    text-align: center;
    line-height: 28px;
    margin-right: 10px;
}

.tuijian-shipin-top a:last-child {
    width: 50px;
    height: 28px;
    text-align: center;
    display: block;
    color: #999;
    float: left;
    line-height: 28px;
}

.tuijian-shipin-top_1 {
    width: 670px;
    height: 62px;
    float: left;
    padding-left: 36px;
    box-sizing: border-box;
}

.tuijian-shipin-top_1 a {
    display: block;
    float: left;
    width: 82px;
    height: 100%;
    color: #555;
    text-align: center;
    padding-top: 29px;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}

.tuijian-shipin-top_1 a:nth-child(-n+4) {
    margin-right: 50px;
}

.tuijian-shipin-top_1 i {
    display: block;
    width: 82px;
    height: 20px;
    color: #ec4828;
    background-image: url(../img/sprite.png);
    background-position: -299px 10px;
    background-repeat: no-repeat;
    position: absolute;
    top: -14px;
    left: 0px;
    display: none;
}

.tuijian-shipin-top_1 a:hover {
    color: #ec4828;
}

.tuijian-shipin-top_1 a:hover i {
    display: block;
}

.tuijian-shipin-center {
    width: 685px;
    height: 152px;
    padding-left: 43px;
    box-sizing: border-box;
    margin-top: 18px;
    float: left;
    position: relative;
}

.tuijian-shipin-center img {
    height: 152px;
}

.tuijian-shipin-center img:last-child {
    margin-left: 20px;
}

.tuijian-shipin-center i {
    display: block;
    width: 25px;
    height: 60px;
    background-image: url(../img/sprite.png);
    background-position: -325px -552px;
    position: absolute;
    top: 50px;
    right: 8px;
}

.tuijian-shipin-center b {
    display: block;
    width: 25px;
    height: 55px;
    background-image: url(../img/sprite.png);
    background-position: -300px -552px;
    position: absolute;
    top: 50px;
    left: 15px;
}

.tuijian-shipin-center_1 {
    width: 574px;
    height: 40px;
    float: left;
}

.tuijian-shipin-center_1 p {
    float: left;
    margin-top: 18px;
    margin-left: 20px;
    color: #555;
    font-size: 16px;
}

.tuijian-shipin-center_1 p:first-child {
    margin-right: 25px;
}

.tuijian-shipin-center_1 a {
    width: 97px;
    height: 25px;
    display: block;
    float: left;
    margin-left: 20px;
    position: relative;
    text-align: right;
    margin-top: 10px;
}

.tuijian-shipin-center_1 i {
    display: block;
    float: left;
    width: 29px;
    height: 28px;
    background-image: url(../img/sprite.png);
    background-position: -186px -182px;
    position: absolute;
    top: -5px;
    left: 0px;
}

.tuijian-shipin-center_1 a:last-child {
    margin-left: 193px;
}

.tuijian-tuwen {
    width: 500px;
    height: 364px;
    float: left;
    margin-left: 57px;
    margin-top: 30px;
}

.tuijian-tuwen h4 {
    font-size: 24px;
    color: #49657a;
    font-weight: normal;
    margin-left: 26px;
}

.tuijian-tuwen div {
    width: 412px;
    height: 141px;
    float: left;
    margin-top: 27px;
}

.tuijian-tuwen h3 {
    font-size: 20px;
    font-weight: 700;
    color: #f0f0f0;
    margin-top: 40px;
    margin-left: 45px;
    margin-bottom: 15px;
}

.tuijian-tuwen p {
    margin-left: 45px;
    font-size: 16px;
    color: #b8b8b8;
    margin-bottom: 16px;
}

.tuijian-tuwen span {
    margin-left: 45px;
    display: block;
    width: 61px;
    height: 22px;
    color: #ec4828;
    text-align: center;
    background-image: url(../img/sprite.png);
    background-position: -495px -27px;
    line-height: 22px;
}

.tuwen_one {
    background-image: url(../upload/下载\(2\).jpg);
}

.tuwen_two {
    background-image: url(../upload/下载\ \(1\).jpg);
}

.daojucheng {
    width: 193px;
    height: 261px;
    text-align: left;
    position: absolute;
    top: 1675px;
    left: 242px;
}

.daojucheng h4 {
    width: 154px;
    margin: 0 auto;
    color: #49657a;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 5px;
}

.daojucheng div {
    width: 214px;
    height: 75px;
    margin: 20px auto;
}

.daojucheng div img {
    float: left;
    width: 68px;
    margin-right: 14px;
}

.daojucheng div p {
    margin-bottom: 8px;
}

.daojucheng div i {
    display: block;
    color: red;
    font-weight: 600;
    margin-bottom: 8px;
}

.daojucheng div a {
    display: block;
    width: 75px;
    height: 26px;
    background-color: #e24122;
    color: white;
    margin-left: 78px;
    line-height: 26px;
    text-align: center;
}

.hezuo {
    width: 243px;
    height: 56px;
    background: linear-gradient(to right, #ccc, white);
    position: absolute;
    top: 1953px;
    left: 218px;
    text-align: center;
}

.hezuo-top {
    font-size: 16px;
    color: #bbb;
    line-height: 56px;
}

.mingxing {
    width: 1137px;
    height: 312px;
    margin-left: 505px;
    margin-top: 59px;
}

.mingxing .banxin2 {
    height: 100%;
}

.mingxing-top {
    width: 682px;
    height: 62px;
}

.mingxing h4 {
    font-size: 24px;
    color: #617687;
    font-weight: normal;
    float: left;
    margin-right: 490px;
}

.mingxing span {
    display: block;
    margin-top: 10px;
}

.mingxing span a {
    color: #ccc;
}

.mingxing-center {
    width: 690px;
    height: 251px;
    float: left;
}

.mingxing-center div {
    float: left;
    width: 333px;
    height: 247px;
    margin-right: 12px;
}

.doudizhu {
    background-image: url(../upload/20191130140001.jpg);
    background-repeat: no-repeat;
    position: relative;
}

.doudizhu_2 {
    position: relative;
    text-align: center;
    top: -270px;
    left: 0px;
    color: white;
}

.doudizhu:before {
    content: "";
    width: 333px;
    height: 190px;
    background-color: rgba(26, 25, 25, 0.8);
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0.5;
}

.doudizhu_2 a {
    display: block;
    width: 70px;
    height: 20px;
    background-color: #ec4828;
    color: white;
    line-height: 20px;
    margin-left: 130px;
}

.zahuishi {
    background-image: url(../upload/20191130140017.jpg);
    background-repeat: no-repeat;
    position: relative;
}

.zahuishi_2 {
    position: relative;
    text-align: center;
    top: -270px;
    left: 0px;
    color: white;
}

.zahuishi:before {
    content: "";
    width: 333px;
    height: 190px;
    background-color: rgba(26, 25, 25, 0.8);
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0.5;
}

.zahuishi_2 a {
    display: block;
    width: 70px;
    height: 20px;
    background-color: #ec4828;
    color: white;
    line-height: 20px;
    margin-left: 130px;
}

.mingxing-center div img {
    width: 98px;
    border-radius: 50%;
    border: 2px solid #9b9594;
    margin-top: 37px;
}

.mingxing-right {
    width: 212px;
    height: 250px;
}

.mingxing-right {
    width: 212px;
    height: 249px;
    float: left;
    margin-left: 60px;
}

.mingxing-right a {
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
}

.bg3 {
    display: block;
    width: 283px;
    height: 343px;
    background-image: url(../img/bg-mt.png);
    float: left;
    position: absolute;
    bottom: -1170px;
    right: 85px;
    background-repeat: no-repeat;
}

.pinpai {
    width: 1400px;
    height: 209px;
    /* position: absolute;
    bottom: -1355px;
    right: 0px; */
    /* float: right; */
    margin-left: 505px;
    margin-top: 12px;
}

.pinpai .banxin2 {
    height: 100%;
}

.pinpai-top {
    width: 100%;
    height: 50px;
}

.pinpai-top h4 {
    font-size: 25px;
    color: #617687;
    font-weight: normal;
    float: left;
    margin-right: 980px;
}

.pinpai-center {
    width: auto;
    height: auto;
}

.pinpai-center div {
    display: block;
    width: 550px;
    height: 160px;
    float: left;
    margin-right: 59px;
    overflow: hidden;
}

.pinpai-center div:hover img {
    transform: scale(1.1);
    transition: all 0.6s;
}

.pinpai-top a {
    display: block;
    float: left;
    color: #ccc;
}

.bottom {
    width: 100%;
    height: 290px;
    margin-top: 53px;
}

.bottom .banxin {
    height: 100%;
}

.bottom-left {
    float: left;
}

.bottom-left a {
    display: block;
    width: 300px;
    height: 280px;
    float: left;
    text-align: center;
}

.bottom-left a h4 {
    font-size: 25px;
    color: #49657a;
    margin-top: 100px;
}

.bottom-left a p {
    margin-top: 12px;
    color: #49657a;
}

.bottom-left a:first-child {
    margin-left: 85px;
    background-image: url(../img/bg_pp1.png);
    background-position: 12px 0px;
}

.bottom-left a:nth-child(2) {
    background-image: url(../img/bg_pp2.png);
    background-position: 12px 0px;
}

.bottom-left a:nth-child(3) {
    background-image: url(../img/bg_pp3.png);
    background-position: 12px 0px;
    margin-right: 55px;
}

.bottom-right {
    width: 420px;
    height: 294px;
    float: left;
}

.bottom-right a {
    display: block;
    width: 100%;
    height: 110px;
}

.bottom-right a:first-child {
    height: 121px;
}

.banben {
    background-image: url(../img/bg-btn.png);
}

.bottom-right .liuyan {
    background-image: url(../img/bg-btn.png);
    background-position: 0px -125px;
    height: 104px;
}

.shijian {
    background-image: url(../img/bg-btn.png);
    background-position: 0px -226px;
    background-repeat: no-repeat;
}

.bottom-right a p {
    width: 420px;
    height: 104px;
    background-image: url(../img/bg-btn-hover.png);
    background-repeat: no-repeat;
}

.bottom-right a:first-child p {
    height: 121px;
}

.banben p {
    display: none;
    background-position: 0px 0px;
}

.liuyan p {
    background-position: 0px -125px;
    display: none;
}

.shijian p {
    background-position: 0px -226px;
    display: none;
}

.bottom-right a:hover p {
    display: block;
}

.bottom_1 {
    width: 100%;
    height: 154px;
    margin-top: 110px;
    background-color: #282725;
}

.bottom_1 .banxin3 {
    height: 100%;
}

.bottom_1-left {
    margin-top: 28px;
}

.bottom_1-left a:first-child {
    float: left;
}

.bottom_1-left a:last-child {
    display: block;
    float: left;
    width: 108px;
    height: 40px;
    background-image: url(../img/sprite-bg.png);
    background-position: -325px -435px;
    position: relative;
}

.bottom_1-left a:last-child:before {
    content: "";
    width: 1px;
    height: 40px;
    background-color: #8c8c8c;
    position: absolute;
    top: 0px;
    left: 120px;
}

.bottom_1-right {
    width: 640px;
    height: 135px;
    margin-top: 28px;
    margin-left: 335px;
    color: #8c8c8c;
}

.bottom_1-right a {
    color: #8c8c8c;
}

.guding {
    display: block;
    width: 52px;
    height: 132px;
    background-image: url(../img/chapter_nav.png);
    background-position: 252px -917px;
    position: fixed;
    bottom: 100px;
    left: 0px;
    z-index: 10;
}

.guding div {
    width: 52px;
    height: 132px;
    background-image: url(../img/chapter_nav.png);
    background-position: 197px -917px;
    position: fixed;
    bottom: 100px;
    left: 0px;
    display: none;
}

.guding:hover div {
    display: block;
}