@import "/gw/gray.css";
body {
    overflow-x: hidden;
    width: 100%;
}

.BMap_Marker img {
    width: 80%
}

.head {
    background: #fff;
    height: 102px;
    border-bottom: 1px solid #dbdbdb;
    overflow: hidden
}

.head ul {
    width: 1000px;
    margin: 0 auto
}

.head ul li {
    width: 115px;
    height: 100%;
    margin: 0 25px;
    display: inline-block;
    position: relative;
    float: left
}

.head ul li a {
    line-height: 102px;
    text-align: center;
    font-size: 18px;
    color: #000;
    height: 100%;
    display: block
}

.head ul li i {
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-linear-gradient(left, #c8161d, #f5a740);
    background: -o-linear-gradient(right, #c8161d, #f5a740);
    background: -moz-linear-gradient(right, #c8161d, #f5a740);
    background: linear-gradient(to right, #c8161d, #f5a740);
    display: none
}

.business_nav ul li.on a,
.head ul li.on a {
    background-image: -webkit-gradient(linear, left 0, right 0, from(#c8161d), to(#f5a740));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e06a4c
}

.head ul li.on i {
    display: block
}

.head img {
    margin: 14px 60px;
    float: left;
    display: block
}

.tv {
    height: auto;
    position: relative;
    overflow: hidden
}

.content {
    background: url(/resources/xtop99/images/index_bg.jpg) no-repeat center top;
    
    height: 1307px;
    overflow: hidden
}

.aboutus {
    height: 618px;
    overflow: hidden
}

.three {
    width: 1200px;
    height: 452px;
    margin: 0 auto;
    overflow: hidden
}

.process {
    height: 600px
}

.title {
    margin: 40px auto;
    text-align: center
}

.title h2 {
    color: #e06a4c;
    font-size: 36px;
    font-weight: 400;
    width: 200px;
    display: inline-block;
    position: relative
}

.title p {
    color: #dbdbdb;
    font-size: 36px
}

.title h2 i {
    width: 7px;
    height: 7px;
    background: #e06a4c;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px
}

.auc,
.cc {
    width: 1200px;
    margin: 0 auto
}

.aucleft {
    width: 600px;
    float: left
}

.aucleft i {
    width: 100px;
    height: 5px;
    background: -webkit-linear-gradient(left, #c8161d, #f5a740);
    background: -o-linear-gradient(right, #c8161d, #f5a740);
    background: -moz-linear-gradient(right, #c8161d, #f5a740);
    background: linear-gradient(to right, #c8161d, #f5a740);
    display: block
}

.aucleft h2 {
    font-size: 36px;
    color: #e06a4c;
    font-weight: 400;
    line-height: 70px
}

.aucleft p {
    color: #858585;
    font-size: 18px;
    line-height: 38px
}

.aucleft a {
    height: 30px;
    background: -webkit-linear-gradient(left, #c8161d, #f5a740);
    background: -o-linear-gradient(right, #c8161d, #f5a740);
    background: -moz-linear-gradient(right, #c8161d, #f5a740);
    background: linear-gradient(to right, #c8161d, #f5a740);
    color: #fff;
    margin: 20px 0;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    padding: 0 12px
}

.tr {
    padding: 50px 0;
    text-align: center;
    color: #fff;
    width: 33.3%;
    float: left
}

.tr span {
    font-size: 24px
}

.tr p {
    line-height: 32px;
    font-size: 18px
}

.tr em {
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 100%;
    display: block;
    margin: 10px auto
}

.pc {
    width: 1200px;
    margin: 0 auto
}

.pc ul li {
    margin: 0 10px;
    position: relative;
    height: 414px;
    width: 380px;
    float: left
}

.pc ul li span {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    overflow: hidden
}

.pc ul li img {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    z-index: 1
}

.pc ul li span i {
    margin: 130px 40px 10px;
    color: #e06a4c;
    font-size: 22px;
    display: block
}

.pc ul li span p {
    padding: 0 40px 10px;
    line-height: 30px
}

.pc ul li em {
    width: 100%;
    height: 10px;
    background: #e06a4c;
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0
}

.tr i {
    width: 80px;
    height: 80px;
    display: block;
    margin: 12px auto;
    border: 1px solid #fff;
    border-radius: 100%;
    background: url(/resources/xtop99/images/icon.png) no-repeat left top
}

.tr i.tr1 {
    background-position: 15px 22px
}

.tr i.tr2 {
    background-position: 15px -42px
}

.tr i.tr3 {
    background-position: 15px -105px
}

.cr ul li h2 {
    font-size: 24px;
    color: #e06a4c;
    font-weight: 400;
    line-height: 40px
}

.aucleft h2 em,
.cr ul li h2 em {
    font-size: 15px;
    color: #dbdbdb
}

.cr ul li p {
    color: #858585
}

.cr ul li {
    margin-bottom: 20px
}

.foot {
    width: 100%;
    background: #f4f4f4;
    position: relative;
    overflow: hidden;
    padding-bottom: 30px
}

.contact {
    height: auto;
    overflow: hidden
}

.foot i {
    width: 2px;
    height: 40px;
    display: block;
    background: -webkit-linear-gradient(left, #c8161d, #f5a740);
    background: -o-linear-gradient(right, #c8161d, #f5a740);
    background: -moz-linear-gradient(right, #c8161d, #f5a740);
    background: linear-gradient(to right, #c8161d, #f5a740);
    margin: 0 40px
}

.fc img {
    width: 198px;
    height: 73px;
    margin: 20px 0 0
}

.business_nav ul li a em,
.foot em,
.hr_content em,
.jb,
.scc span i {
    width: 100%;
    height: 4px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(left, #c8161d, #f5a740);
    background: -o-linear-gradient(right, #c8161d, #f5a740);
    background: -moz-linear-gradient(right, #c8161d, #f5a740);
    background: linear-gradient(to right, #c8161d, #f5a740)
}

.tv img {
    margin: 0 auto;
    display: block
}

.fc p {
    font-size: 26px;
    line-height: 125px
}

.sub {
    position: relative;
    overflow: hidden
}

.all {
    width: 100%
}

.scc {
    width: 1200px;
    margin: 80px auto 0;
    font-size: 18px;
    color: #858585
}

.scc span em {
    width: 82px;
    height: 82px;
    display: inline-block;
    padding: 3px;
    background: url(/resources/xtop99/images/icon2.png) no-repeat left top
}

.scc span.s2 em {
    background-position: right top
}

.scc span i {
    position: relative;
    width: 50%;
    display: block;
    margin: 20px auto
}

.sub {
    background: url(/resources/xtop99/images/sub.jpg) no-repeat center top;
    padding-bottom: 200px
}

.scc span {
    width: 50%;
    text-align: center;
    float: left;
    margin: 0 0 50px
}

.aucleft.all p {
    line-height: 50px;
    font-size: 24px
}

.company {
    overflow: hidden
}

.hr {
    width: 1200px;
    margin: 0 auto
}

.hr_nav ul li {
    width: 256px;
    height: 62px;
    background: #858585;
    margin: 15px 0
}

.hr_nav {
    float: left
}

.hr_nav ul li.on {
    background: #d33725
}

.hr_nav ul li a {
    display: block;
    text-align: center;
    line-height: 62px;
    color: #fff;
    font-size: 26px
}

.hr_content {
    margin: 15px 0;
    float: right;
    width: 900px;
    position: relative;
    padding-top: 25px;
    line-height: 30px;
    display: none;
}

.hr_content em {
    display: block;
    width: 110px
}

.hr_content h2 {
    color: #e06a4c;
    font-size: 26px;
    font-weight: 400;
    line-height: 50px;
}

.business_nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, .8);
    height: 85px
}

.business_nav ul {
    width: 1200px;
    margin: 0 auto;
    height: 100%
}

.business_nav ul li {
    height: 100%;
    margin: 0 100px;
    position: relative;
    width: auto;
    float: left
}

.business_nav ul li a {
    display: block;
    height: 100%;
    color: #9d9d9d;
    font-size: 18px
}

.business_nav ul li a span {
    width: 60px;
    height: 80%;
    background: url(/resources/xtop99/images/icon.png) no-repeat left top;
    float: left;
    margin: 0 15px 0 0;
    display: block
}

.business_nav ul li h2 i {
    font-weight: 400;
    display: flow-root;
    font-size: 12px;
    width: 100%;
    display: block
}

.business_nav ul li a h2 {
    margin: 22px 12px 0 0;
    float: left;
    display: block
}

.business_nav ul li a em {
    display: none
}

.business_nav ul li.on a em {
    display: block;
    bottom: 0;
    top: auto
}

.business {
    width: 1200px;
    margin: 60px auto
}

.business_title em {
    width: 4px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(bottom, #c8161d, #f5a740);
    background: -o-linear-gradient(bottom, #c8161d, #f5a740);
    background: -moz-linear-gradient(bottom, #c8161d, #f5a740);
    background: linear-gradient(to bottom, #c8161d, #f5a740)
}

.business_title {
    position: relative
}

.business_title h2 {
    color: #e06a4c;
    font-size: 36px;
    font-weight: 400;
    padding-left: 20px
}

.business_title h2 i {
    font-size: 24px;
    color: #dbdbdb
}

.business_title p {
    color: #858585;
    font-size: 24px;
    margin: 20px 0
}

.bc_nav i {
    background: #e06a4c;
    height: 2px;
    width: 29%;
    display: block;
    margin: 0 10px;
    flex: 1;
    position: absolute;
    left: 0;
    top: 50%
}

.bc_nav {
    width: 100%;
    overflow: hidden;
    position: relative
}

.bc_nav ul li {
    display: inline-block;
    height: 62px;
    background: #858585;
    padding: 0 20px;
    margin: 0 20px;
    float: left
}

.bc_nav ul li a {
    line-height: 62px;
    color: #fff;
    text-align: center;
    font-size: 24px;
    display: block
}

.business_content {
    margin: 60px 0 0
}

.bc_c {
    margin: 50px auto;
    display: none;
    width: 1200px;
    overflow: hidden
}

.bc_c span {
    margin: 0 0 50px 0;
    width: 100%;
    display: block;
    overflow: hidden
}

.bc_c span em {
    margin-left: 50px
}

.bc_c span em h3 {
    font-size: 24px;
    color: #858585;
    font-weight: 700;
    margin-bottom: 10px
}

.bc_c span em p {
    color: #858585;
    line-height: 32px
}

.bc_nav ul li.on {
    background: #d33725
}

.bc_c span em p i {
    color: #e06a4c;
    line-height: 42px
}

#dituContent {
    margin: 50px auto
}

.iw_poi_title {
    color: #c52;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
}

.iw_poi_content {
    font: 12px arial, sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}

.business_nav ul li a span.tr4 {
    background-position: -75px 25px
}

.business_nav ul li a span.tr5 {
    background-position: -75px -43px
}

.business_nav ul li a span.tr6 {
    background-position: -75px -105px
}

.business_nav ul li.on a span.tr4 {
    background-position: -156px 25px
}

.business_nav ul li.on a span.tr5 {
    background-position: -156px -43px
}

.business_nav ul li.on a span.tr6 {
    background-position: -156px -105px
}

.auc img {
    float: right
}

.cl {
    float: left
}

.cr {
    float: right;
    margin: 60px 0;
    width: 40%
}

.fc i,
.fc img,
.fc p {
    float: left
}

.fc i {
    margin: 45px 45px 0
}

.fc {
    margin: 20px auto 0;
    width: 635px;
    overflow: hidden
}

.bc_nav ul {
    width: 450px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.bc_c span img {
    float: left
}

.bc_c span em {
    float: right;
    width: 57%
}

.title h2 i:nth-child(2) {
    right: 0;
    left: auto
}

footer.footer {
    text-align: center
}

footer.footer a{
    color: #000;
}