﻿* {
    margin: 0;
    padding: 0
}

.w1000 {
    width: 1000px;
    margin: 0 auto
}

.clear {
    clear: both
}

a {
    text-decoration: none;
    color: #fff;
    font-size: 12px
}

body {
    font-size: 12px;
    font-family: 微软雅黑;
    background: #f5f5f5 url(../images/mainbg.jpg) no-repeat center top
}

.header {
    box-sizing: border-box;
    background: #080808;
    position: relative;
    z-index: 9
}

.header .tlink {
    background: #101010;
    border-bottom: 1px solid #1e1e1e;
    height: 36px;
    position: absolute;
    top: 0;
    width: 100%
}

.header .tlink .text {
    color: #2f2f2f;
    float: right;
    line-height: 36px
}

.header .tlink .text a {
    color: #fff;
    margin: 0 15px
}

.header .tlink .text a.last {
    margin-right: 0
}

.header .tlink .text a:hover {
    color: #faf38c
}

.logo {
    float: left;
    margin: 20px 180px 0 0
}

.header .domain {
    float: left
}

.header a.query {
    float: right;
    display: block;
    margin-top: 22px
}

.newSection {
    z-index: 9;
    position: relative
}

.newSection .newsBox {
    height: 40px;
    border-top: 1px solid #242424;
    width: 1000px;
    margin: 25px auto 0;
    overflow: hidden;
    position: relative
}

.newSection dt {
    height: 40px;
    float: left;
    line-height: 40px;
    /* padding-top: 5px */
}

.newSection dd {
    height: 40px;
    padding: 0 0 0 100px
}

.newSection dd a:hover {
    text-decoration: underline
}

.newSection dd li {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 13px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    margin-right: 100px;
}

.newSection dd li .name {
    color: #00c709
}

.newSection dd li .price {
    color: red
}

#main {
    width: 1000px;
    margin: 0 auto;
    position: relative
}

#main .sBox {
    position: absolute;
    top: 0;
    left: -80px;
    width: 60px
}

#main .sBox .sNavi li {
    margin-bottom: 2px;
    width: 60px;
    height: 60px
}

#main .sBox .sNavi li a {
    padding: 10px 0 0;
    background-color: #fffcf7;
    display: block;
    height: 60px;
    text-align: center;
    box-sizing: border-box;
    background: url(../images/s_bg01.jpg) no-repeat center top
}

#main .sBox .sNavi li a img {
    display: block;
    margin: 0 auto 10px
}

#main .sBox .sNavi li span {
    display: block;
    font-size: 12px;
    color: #fff
}

#main .sBox .sNavi li a:hover {
    background: url(../images/s_bg02.jpg) no-repeat center top
}

.gonggao {
    overflow: hidden;
    height: 38px;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #181818;
    border-bottom: 1px solid #1e1e1e;
    border-top: 1px solid #1e1e1e
}

.gonggao span {
    background: url(../images/gonggao.png) left center no-repeat;
    height: 40px;
    float: left;
    display: block;
    padding-left: 30px;
    color: #facf3f;
    font-weight: 700;
    width: 110px;
    font-size: 14px
}

.gonggao marquee {
    float: right;
    width: 850px;
    color: #fff;
    font-size: 14px
}

.gonggao marquee i {
    color: #646464;
    font-style: normal;
    font-size: 12px
}

.mainitem {
    margin-top: 30px;
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
    border-top: 1px solid #c0a366
}

.mainitem .icon01 {
    position: absolute;
    top: -15px;
    left: -18px
}

.mainitem .icon02 {
    position: absolute;
    top: -15px;
    right: -15px
}

.mainitem .icon03 {
    position: absolute;
    bottom: -15px;
    left: -18px
}

.mainitem .icon04 {
    position: absolute;
    bottom: -15px;
    right: -18px
}

.mainitem ul {
    padding: 30px 0 0 30px;
    width: 1020px;
    margin-right: -20px
}

.mainitem ul li {
    float: left;
    width: 300px;
    height: 220px;
    margin: 0 20px 20px 0;
    position: relative
}

.mainitem ul li .info {
    transition: all .4s;
    position: relative
}

.mainitem ul li>img {
    display: block;
    width: 300px;
    height: 169px;
    overflow: hidden
}

.mainitem ul li p {
    width: 300px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 15px;
    color: #444;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #f5f5f5;
    padding: 0 10px 0 20px;
    border-top: none
}

.mainitem ul li span {
    display: block;
    text-align: center
}

.mainitem ul li:hover .info {
    margin-top: -10px
}

.mainitem ul li a:hover p {
    color: red;
    font-weight: 700
}

.mainitem ul li .hover {
    display: none;
    width: 300px;
    height: 169px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/hover.png) no-repeat center top;
    box-sizing: border-box;
    padding: 50px 90px 0
}

.mainitem ul li:hover .hover {
    display: block
}

.mainitem ul li .hover a {
    display: inline-block;
    margin-bottom: 10px
}

.mainitem ul li.last img {
    width: 300px;
    height: 220px
}

.mainbottom {
    margin-top: 20px;
    background-color: #fff;
    padding: 5px 20px 20px
}

.mainbottom .title {
    text-align: center;
    margin-bottom: 20px
}

.mainbottom .subBox {
    margin: 0 20px
}

.mainbottom .subBox .lBox {
    float: left;
    width: 442px
}

.mainbottom .subBox .rBox {
    float: right;
    width: 442px
}

.mainbottom .subBox li {
    overflow: hidden;
    zoom: 1;
    font-size: 16px;
    border-bottom: 1px solid #f6eede;
    line-height: 3;
    color: #85692e
}

.mainbottom .subBox li .x1 {
    width: 116px;
    display: inline-block;
    color: #b5985a;
    padding-left: 20px;
    background: url(../images/icon03.png) no-repeat left center
}

.mainbottom .subBox li .x2 {
    width: 220px;
    display: inline-block
}

.mainbottom .subBox li .x2 i {
    font-style: normal;
    color: #ff2727
}

.mainbottom .subBox li .x3 {
    display: inline-block
}

.mainbottom .subBox li .x3 i {
    font-style: normal;
    display: inline-block;
    padding-left: 20px;
    color: #69cc47;
    background: url(../images/icon01.png) no-repeat left center
}

.mainbottom .subBox li .x3 i.icon02 {
    color: #ebb100;
    background: url(../images/icon02.png) no-repeat left center
}

.pageTop {
    position: absolute;
    bottom: 0;
    right: -60px
}

.apply {
    width: 510px;
    height: 256px;
    background: #293858;
    float: left;
    margin-left: 15px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px
}

.apply i {
    font-style: normal
}

.apply span {
    text-align: center;
    margin: 0 5px;
    color: #ffdc89
}

.apply .s1 {
    color: #efe7f4
}

.apply ul li {
    line-height: 18px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a7d0ff;
    margin-left: 20px;
    padding-top: 15px;
    font-size: 12px
}

.rightlink {
    float: right;
    width: 230px;
    margin-right: 3px
}

.rightlink ul {}

.rightlink ul li {
    background: #293858;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin-bottom: 18px
}

.rightlink ul li a {
    display: block;
    color: #f0f0f0;
    font-size: 14px;
    font-weight: 700;
    width: 130px;
    padding-left: 58px
}

.rightlink ul li a i {
    margin: 12px auto;
    float: left
}

.rightlink ul li a i.i4 {
    width: 30px;
    height: 32px;
    background: url(../images/i6.png) top center no-repeat;
    transition: all .25s
}

.rightlink ul li:hover a i.i4 {
    background: url(../images/i6.png) bottom center no-repeat
}

.rightlink ul li a i.i5 {
    width: 37px;
    height: 27px;
    background: url(../images/i5.png) top center no-repeat;
    transition: all .25s
}

.rightlink ul li:hover a i.i5 {
    background: url(../images/i5.png) bottom center no-repeat
}

.rightlink ul li a i.i7 {
    width: 28px;
    height: 28px;
    background: url(../images/i3.png) top center no-repeat;
    margin-left: 2px;
    transition: all .25s
}

.rightlink ul li:hover a i.i7 {
    background: url(../images/i3.png) bottom center no-repeat
}

.rightlink ul li a i.i8 {
    width: 29px;
    height: 30px;
    background: url(../images/i8.png) top center no-repeat;
    margin-left: 4px;
    transition: all .25s
}

.rightlink ul li:hover a i.i8 {
    background: url(../images/i8.png) bottom center no-repeat
}

.rightlink ul li a:hover {
    color: #ffd478
}

.footer {
    overflow: hidden;
    clear: both;
    padding: 30px 0
}

.footer .fBox {
    width: 1000px;
    margin: 0 auto;
    text-align: center
}

.footer .fNavi {
    text-align: center;
    margin-bottom: 16px
}

.footer .fNavi li {
    display: inline;
    margin: 0 15px
}

.footer .fNavi li a {
    color: #a7d0ff
}

.footer .fNavi li a:hover {
    color: #ffd478
}

.ftimg {
    padding-bottom: 30px
}

.copyright {
    text-align: center;
    position: relative;
    line-height: 20px;
    color: #000
}

.tccon {
    background: #fff url(../images/tccon.png) no-repeat center top;
    border-radius: 8px;
    width: 640px;
    height: 400px;
    display: none;
    position: relative;
    overflow: hidden
}

.tccon .tclogo {
    display: block;
    width: 180px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px
}

.tccon .tclogo img {
    width: 180px
}

.tccon .pTitle {
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px
}

.tccon .fg {
    background: url(../images/fg.png) no-repeat;
    width: 712px;
    height: 17px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    display: none
}

.tccon h2 {
    color: #ffd900;
    font-size: 26px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 20px
}

.tccon p {
    color: #fff;
    font-size: 14px;
    margin: 0 0 0 100px;
    line-height: 60px;
    height: 60px
}

.tccon p span {
    display: inline-block;
    width: 112px;
    text-align: right;
    color: #999;
    font-size: 14px;
    margin-right: 10px
}

.tccon p input {
    width: 280px;
    height: 40px;
    border: none;
    background: url(../images/input_bg01.png) no-repeat left top;
    text-align: left;
    color: #7d7d7d;
    font-size: 14px;
    padding-left: 15px
}

.tccon p input::-webkit-input-placeholder {
    color: #7d7d7d
}

.tccon p input::-moz-placeholder {
    color: #7d7d7d;
    opacity: 1
}

.tccon p input:-moz-placeholder {
    color: #7d7d7d;
    opacity: 1
}

.tccon p .yzmimg {
    position: relative;
    margin-left: -80px;
    vertical-align: middle;
    top: -2px
}

.tccon p.subP {
    width: 186px;
    margin: 0 auto
}

.tccon p .subbtn {
    background: url(../images/subbtn.png) no-repeat;
    text-align: center;
    width: 160px;
    height: 40px;
    border: none;
    border-radius: 2px;
    color: #703c25;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    margin: 15px auto 0
}

.tccon p select {
    width: 280px;
    height: 40px;
    color: #7d7d7d;
    font-size: 14px;
    padding-left: 13px;
    border: none;
    margin: 0;
    background: url(../images/input_bg02.png) no-repeat left top
}

.tccon p select option {
    padding-left: 15px
}

.tccon .line {
    height: 1px;
    background: #353535;
    width: 720px;
    margin: 0 auto;
    margin-top: 20px
}

.tccon .pages {
    margin: 0 auto;
    margin-top: 20px;
    text-align: center
}

.tccon .pages a {
    display: inline-block;
    padding: 0 6px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #900000;
    margin: 0 5px;
    color: #fff
}

.tccon .con2 {
    height: 310px;
    display: none
}

.tccon .con2 table {
    width: 600px;
    margin: 0 auto
}

.tccon .con2 table tr th {
    border: 1px solid #353535;
    height: 45px;
    line-height: 45px;
    color: #ffd900;
    font-size: 14px;
    text-align: center;
    font-weight: 400
}

.tccon .con2 table tr td {
    border: 1px solid #353535;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.tccon .con2 table tr td a {
    font-size: 14px
}

.layui-layer-nobg .layui-layer-setwin .layui-layer-close2 {
    background: url(../images/closebtn.png) no-repeat;
    width: 30px;
    height: 30px;
    right: -30px;
    top: -30px;
    display: block;
    cursor: pointer
}

.layui-layer-nobg .layui-layer-setwin .layui-layer-close2:hover {
    background: url(../images/closebtn.png) no-repeat
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(../images/select.png) right center no-repeat;
    padding-right: 40px;
    padding-left: 7px
}

select::-ms-expand {
    display: none
}

.mainxq {
    width: 1000px;
    margin: 30px auto 0;
    position: relative
}

.box1 {
    background: #fff;
    border-top: 2px solid #c0a366;
    padding: 20px 40px
}

.box1 .boxtitle {
    line-height: 60px;
    margin-bottom: 32px;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    text-align: center;
    font-size: 30px;
    padding-bottom: 7px
}

.box1 p {
    color: #444;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 10px
}

.box1 p a {
    color: #0094d9;
    text-decoration: underline;
    font-size: 14px
}

.box1 p span {}

.box1 p .ttl {
    display: block;
    font-size: 16px;
    color: #b16500
}

.box1 .boxcon h2 {
    color: #fbc53e;
    font-size: 15px
}

.box1 table {
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #eee3cc;
    border-collapse: collapse
}

.box1 table th {
    color: #fff;
    background-color: #c0a366;
    border: 1px solid #c0a366;
    text-align: center;
    vertical-align: middle;
    padding: 12px;
    font-size: 16px
}

.box1 table td {
    border: 1px solid #fff;
    color: #444;
    text-align: center;
    background-color: #efefef;
    vertical-align: middle;
    padding: 8px 10px;
    line-height: 1.7;
    font-size: 14px
}

.box1 table td.color1 {
    color: red
}

.box1 table td a {
    color: red
}

.boxcon dl {
    margin-bottom: 15px
}

.boxcon dt {
    float: left;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 700;
    color: #444
}

.boxcon dd {
    padding-left: 70px;
    line-height: 1.8;
    font-size: 14px;
    color: #666
}

.boxcon .color1 {
    color: red
}

.boxcon .dl02 dd {
    padding-left: 50px
}

.box2 {
    border-top: 1px solid #eee3cc;
    height: auto;
    min-height: 200px;
    padding-bottom: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-top: 35px;
    background-color: #fff
}

.box2 form {
    padding: 0 0 20px 230px
}

.box2 p {
    height: 50px;
    line-height: 50px
}

.box2 p span {
    display: inline-block;
    text-align: right;
    width: 210px;
    color: #444;
    font-size: 14px
}

.box2 p span.rText {
    font-weight: 700;
    color: red
}

.box2 p input {
    width: 260px;
    height: 38px;
    color: #333;
    border: 1px solid #e5e5e5;
    background: #fff url(../images/input_bg03.jpg) repeat-x center top;
    border-radius: 5px;
    font-size: 14px;
    padding-left: 15px
}

.box2 .p04 {
    position: relative
}

.box2 p .codeimg {
    position: absolute;
    top: 14px;
    right: 320px
}

.box2 .subbtn {
    background: url(../images/subbtn.png) no-repeat;
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 35px;
    cursor: pointer;
    color: #703c25;
    font-size: 16px;
    text-align: center;
    border: none;
    margin-top: 15px;
    padding: 0
}

.box2 .mobilesub {
    background: url(../images/subbtn.png) center center no-repeat;
    display: inline-block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    color: #361905;
    font-size: 14px;
    text-align: center;
    border: none;
    margin-left: 5px;
    padding: 0;
    font-weight: 700
}

.box2 .note {
    margin: 0 40px 20px;
    border-top: 1px solid #e5e5e5;
    padding-top: 15px;
    line-height: 23px;
    height: auto;
    color: #666
}

.box2 .note span {
    float: none;
    font-size: 12px;
    width: auto;
    font-weight: 700
}

.box2 .btmLink {
    text-align: center
}

.box2 .btmLink a {
    display: inline-block;
    margin: 0 10px;
    color: #c1a367;
    font-size: 14px;
    text-align: center;
    width: 160px;
    font-weight: 700;
    border: 1px solid #c1a367;
    border-radius: 25px;
    height: 38px;
    line-height: 38px
}

#msgDiv {
    z-index: 10001;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 687px;
    height: 600px;
    background: #080808;
    border: solid 4px #767676;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -350px 0 0 -343px;
    /* display: none; */
    font-size: 16px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

#msgDiv .i-close {
    width: 124px;
    height: 124px;
    background: url(images/i-close.png);
    position: absolute;
    right: -10px;
    top: -5px;
    cursor: pointer;
    z-index: 10
}

#msgDiv #msgDetail {
    height: 100%
}

#msgDiv .bd {
    height: 100%;
    position: relative;
    overflow-y: auto;
    scrollbar-face-color: #434343;
    scrollbar-highlight-color: #000;
    scrollbar-shadow-color: #000;
    scrollbar-3dlight-color: #000;
    scrollbar-arrow-color: #000;
    scrollbar-track-color: #000;
    scrollbar-darkshadow-color: #000
}

#msgDiv .bd::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .1);
    height: 50px;
    -webkit-border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .5)
}

#msgDiv .bd::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, .2);
    height: 50px;
    -webkit-border-radius: 6px;
    cursor: pointer
}

#msgDiv .bd::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

#msgDiv .bd::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, .8);
    -webkit-border-radius: 0
}

#bgDiv {
    /* display: none; */
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: .5
}

.modal-form {
    color: #fff
}

.modal-form .modal-logo {
    height: 83px;
    display: block;
    margin: 30px auto 0;
    background: url(images/logo.png) no-repeat center center
}

.modal-form .modal-tle {
    line-height: 1;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin: 30px 0 0
}

.modal-form .fm-list {
    padding: 30px 0;
    *zoom: 1
}

.modal-form .fm-list:before,
.modal-form .fm-list:after {
    content: "";
    display: table
}

.modal-form .fm-list:after {
    clear: both
}

.modal-form .fm-list li {
    *zoom: 1;
    margin-bottom: 15px
}

.modal-form .fm-list li:before,
.modal-form .fm-list li:after {
    content: "";
    display: table
}

.modal-form .fm-list li:after {
    clear: both
}

.modal-form .fm-list li .cont {
    overflow: hidden;
    height: 36px;
    line-height: 36px
}

.modal-form .fm-list li label {
    float: left;
    width: 250px;
    text-align: right;
    display: inline-block;
    color: #fff;
    padding-right: 10px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    overflow: hidden
}

.modal-form .fm-list li .ipt {
    float: left;
    height: 36px;
    border: solid 1px #7c7c7c;
    width: 300px;
    padding: 0 0 0 10px;
    color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px
}

.modal-form .fm-list li .yzmbox {
    float: left;
    position: relative
}

.modal-form .fm-list li .yzmbox .yzmimg {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer
}

.modal-form .fm-list .btn-submit {
    float: left;
    width: 207px;
    height: 48px;
    border: 0;
    background: url(images/btn-submit.png);
    margin: 10px 0 0
}

.modal-form .fm-list .btn-submit:hover {
    filter: alpha(opacity=80);
    opacity: .8
}

.modal-form .fm-list .btn-submit2 {
    float: left;
    width: 178px;
    height: 48px;
    border: 0;
    background: url(images/btn-submit2.png);
    margin: 10px 0 0
}

.modal-form .fm-list .btn-submit2:hover {
    filter: alpha(opacity=80);
    opacity: .8
}

.modal-form .fm-list .btn-search {
    width: 178px;
    height: 48px;
    border: 0;
    margin-top: 10px;
    background: url(images/btn-search.png)
}

.modal-form .fm-list .btn-search:hover {
    filter: alpha(opacity=80);
    opacity: .8
}

.modal-form .modal-table {
    width: 640px;
    margin: 30px auto;
    text-align: center
}

.modal-form .modal-table td,
.modal-form .modal-table th {
    border: solid 1px #424242;
    word-break: break-all
}

.modal-form .modal-table th {
    font-size: 14px;
    padding: 5px 10px;
    color: #b6b6b6
}

.modal-form .modal-table td {
    padding: 10px;
    font-size: 12px
}

.modal-form .btn-back {
    display: block;
    width: 178px;
    height: 48px;
    border: 0;
    background: url(images/btn-back.png);
    margin: 30px auto
}

.modal-form .btn-back:hover {
    filter: alpha(opacity=80);
    opacity: .8
}

.hide {
    display: none
}

.hide {
    display: none
}