@charset "gb2312";body {
    font: 12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif;
    margin: 0 auto;
    color: #666;
    min-width: 1200px
}

p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe {
    margin: 0;
    padding: 0
}

img {
    border: 0 none
}

ul,li,ol {
    list-style-type: none
}

i,em,address,caption,cite,code,dfn,th,var {
    font-style: normal;
    font-weight: normal
}

.msf {
    font-family: \5FAE\8F6F\96C5\9ED1,\9ED1\4F53
}

a {
    text-decoration: none;
    color: #666
}

a:hover {
    text-decoration: underline
}

a,a:hover {
    outline: 0;
    blur: expression(this.onFocus=this.blur())
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *zoom:1}

.layout {
    clear: both;
    width: 1200px;
    text-align: left;
    margin: 0 auto;
    color: #666
}

.fl {
    float: left;
    _display: inline
}

.fr {
    float: right;
    _display: inline
}

.pr {
    position: relative
}

.abs {
    position: absolute
}

.hui {
    background-color: #eee
}

.qhui {
    background-color: #f7f7f7
}

.zong {
    background-color: #f4f0ea
}

.in-an {
    background: url(/images/index2017/in-an.png) no-repeat;
    _background: url(/images/index2017/in-an.png) no-repeat
}

.ggtit {
    height: 85px;
    line-height: 85px
}

.ggtit-left {
    padding-left: 20px;
    font-size: 22px;
    color: #333;
    background-position: 0 -1820px
}

.ggtit-left a {
    color: #333
}

.inbanner {
    width: 100%;
    height: 320px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative
}

.inbanner .bd {
    z-index: 8
}

.inbanner .bd li {
    float: left;
    width: 100%;
    height: 455px
}

.inbanner .hd {
    width: 100%;
    bottom: 20px;
    left: 0;
    height: 13px
}

.inbanner .hd ul {
    text-align: center
}

.inbanner .hd ul li {
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom:1;width: 13px;
    height: 13px;
    background: url(/images/index2017/zx_06.png) no-repeat;
    cursor: pointer;
    margin: 0 5px;
    opacity: .5
}

.inbanner .hd ul li.on {
    background: url(/images/index2017/zx_05.png) no-repeat
}

.zxjs {
    margin-bottom: 34px
}

.zxjs .zx {
    width: 880px
}

.zxjs .zx .ztop {
    margin-bottom: 12px
}

.zxjs .zx .ztop .pic {
    width: 280px;
    height: 140px;
    overflow: hidden;
    margin-right: 20px
}

.zxjs .zx .ztop .pic img {
    width: 280px;
    height: 140px;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -140px;
    z-index: 1
}

.zxjs .zx .ztop .pic p {
    width: 100%;
    height: 30px;
    left: 0;
    bottom: 0;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000',endColorstr='#4C000000');
    background: rgba(0,0,0,0.3);
    z-index: 2
}

:root .zxjs .zx .ztop .pic p {
    filter: none
}

.zxjs .zx .ztop .m0 {
    margin: 0
}

.zxjs .zx .zbot {
    width: 880px;
    overflow: hidden
}

.zxjs .zx .zbot .zbotbox {
    width: 1000px
}

.zxjs .zx .zbot .nr {
    width: 402px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    margin-right: 76px
}

.zxjs .zx .zbot .nr-l {
    display: block;
    width: 320px;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333
}

.zxjs .zx .zbot .nr-r {
    color: #999
}

.zxjs .js {
    width: 300px
}

.zxjs .js .pic {
    width: 300px;
    height: 202px;
    overflow: hidden
}

.zxjs .js .pic img {
    width: 300px;
    height: 202px;
    left: 50%;
    top: 50%;
    margin: -101px 0 0 -150px;
    z-index: 1
}

.zxjs .js .pic .bf {
    display: block;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    background: url(/images/index2017/about_03.png) no-repeat center;
    _background: url(/images/index2017/about_03.gif) no-repeat center;
    cursor: pointer;
    z-index: 3
}

.zxxt {
    padding: 10px 0
}

.zxxt .nr {
    width: 285px;
    margin: 0 20px 20px 0
}

.zxxt .nr .pic {
    width: 285px;
    height: 130px;
    overflow: hidden
}

.zxxt .nr .pic img {
    width: 285px;
    height: 130px;
    left: 50%;
    top: 50%;
    margin: -65px 0 0 -143px;
    z-index: 1
}

.zxxt .nr .pic .bf {
    display: block;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    background: url(/images/index2017/about_03.png) no-repeat center;
    _background: url(/images/index2017/about_03.gif) no-repeat center;
    cursor: pointer;
    z-index: 3
}

.zxxt .nr .txt {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
    background: #f9f9f9
}

.zxxt .nr .txt a {
    color: #333
}

.zxxt .mr0 {
    margin-right: 0
}

.zxxt .nr2 .pic {
    height: 155px
}

.zxxt .nr2 .pic img {
    height: 155px;
    margin: -78px 0 0 -143px
}

.sxpt {
    padding: 10px 0 40px
}

.sxpt .snr {
    width: 224px;
    height: 264px;
    padding-top: 30px;
    background: #c7aa77;
    margin-right: 20px;
    border-radius: 3px
}

.sxpt .snr .icon {
    width: 102px;
    height: 117px;
    margin: 0 auto 8px;
    -webkit-animation: flipOut .3s 0s 1 both;
    animation: flipOut .3s 0s 1 both
}

.sxpt .snr .icon1 {
    background-position: 0 0
}

.sxpt .snr .icon2 {
    background-position: 0 -150px
}

.sxpt .snr .icon3 {
    background-position: 0 -300px
}

.sxpt .snr .icon4 {
    background-position: 0 -450px
}

.sxpt .snr .icon5 {
    background-position: 0 -600px
}

.sxpt .snr.on .icon {
    -webkit-animation: flipIn .3s 0s 1 both;
    animation: flipIn .3s 0s 1 both
}

.sxpt .snr .t {
    text-align: center;
    line-height: 58px;
    font-size: 20px;
    color: #fff
}

.sxpt .snr .t2 {
    font-size: 24px
}

.sxpt .snr .b {
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    color: #fff
}

.sxpt .snr a {
    text-decoration: none;
    color: #fff
}

.sxpt .mr0 {
    margin-right: 0
}

.scjy {
    padding: 10px 0 30px
}

.scjy .stop {
    border: 1px solid #f4f0ea
}

.scjy .stop .icon {
    width: 200px;
    height: 158px
}

.scjy .stop .icon1 {
    background-position: 56px -725px
}

.scjy .stop .icon2 {
    background-position: 58px -870px
}

.scjy .stop .icon3 {
    background-position: 48px -1016px
}

.scjy .stop .icon4 {
    background-position: 50px -1160px
}

.scjy .stop .icon5 {
    background-position: 48px -1312px
}

.scjy .stop .icon6 {
    width: 198px;
    background-position: 50px -1464px
}

.scjy .stop .icon.on {
    -webkit-animation: bounce .5s 0s 1 both;
    animation: bounce .5s 0s 1 both
}

.scjy .stop .txt {
    width: 200px;
    height: 158px;
    background: #f4f0ea
}

.scjy .stop .txt-t {
    line-height: 80px;
    text-align: center;
    font-size: 22px;
    color: #bb9758
}

.scjy .stop .txt-b {
    line-height: 28px;
    text-align: center;
    font-size: 14px
}

.scjy .stop .txt2 {
    width: 198px
}

.scjy .stop .ljt,.scjy .stop .rjt {
    display: block;
    width: 15px;
    height: 33px;
    top: 25px;
    left: 0;
    background-position: 0 -1650px
}

.scjy .stop .rjt {
    left: auto;
    right: 0;
    background-position: 0 -1750px
}

.scjybot {
    padding: 0 0 40px 0
}

.scjybot .sbnr {
    width: 590px;
    height: 154px
}

.scjybot .sbnr .pic {
    width: 285px;
    height: 154px;
    overflow: hidden
}

.scjybot .sbnr .pic img {
    width: 285px;
    height: 154px;
    left: 50%;
    top: 50%;
    margin: -77px 0 0 -142px;
    z-index: 1
}

.scjybot .sbnr .right {
    width: 305px;
    height: 132px;
    padding-top: 22px;
    background: #c49d62
}

.scjybot .sbnr .right-t {
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 20px;
    color: #fff;
    background: url(/images/index2017/in_20.png) no-repeat;
    margin-bottom: 12px
}

.scjybot .sbnr .right-b {
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #fff
}

.cyfw {
    padding: 10px 0 30px
}

.cyfw .cnr {
    width: 285px;
    margin-right: 20px
}

.cyfw .cnr a:hover {
    text-decoration: none
}

.cyfw .cnr .pic {
    width: 285px;
    height: 153px;
    overflow: hidden
}

.cyfw .cnr .pic img {
    width: 285px;
    height: 153px;
    left: 50%;
    top: 50%;
    margin: -76px 0 0 -142px;
    z-index: 1
}

.cyfw .cnr .txt {
    height: 102px;
    padding-top: 6px;
    text-align: center;
    background: #f4f0ea
}

.cyfw .cnr .txt-t {
    line-height: 40px;
    font-size: 20px;
    color: #bb9758
}

.cyfw .cnr .txt-b {
    line-height: 26px;
    font-size: 14px
}

.cyfw .mr0 {
    margin-right: 0
}

.fbanner {
    width: 100%;
    height: 444px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    max-width: 1920px;
    margin: 0 auto
}

.fbanner .bd {
    z-index: 8
}

.fbanner .bd li {
    float: left;
    width: 100%;
    height: 444px
}

.kzgm {
    height: 444px;
    margin-top: -444px !important;
}

.kzgm .map {
    width: 513px;
    height: 446px;
    top: 0;
    left: 106px
}

.kzgm .txt {
    width: 284px;
    height: 352px;
    top: 52px;
    left: 722px;
    background: url(/images/index2017/in_23.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000',endColorstr='#4C000000');
    _background: rgba(0,0,0,0.3)
}

.kzgm .txt-t {
    padding-top: 20px;
    line-height: 48px;
    text-align: center;
    font-size: 22px;
    color: #f8b949;
    margin-bottom: 22px
}

.kzgm .txt-c {
    padding-left: 36px;
    line-height: 40px;
    font-size: 18px;
    color: #c7aa77
}

.kzgm .txt-c em {
    font-size: 22px;
    color: #ffbc46
}

@-webkit-keyframes flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-180deg);
        transform: perspective(400px) rotate3d(0,1,0,-180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-180deg);
        transform: perspective(400px) rotate3d(0,1,0,-180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flipIn {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flipIn;
    animation-name: flipIn
}

@-webkit-keyframes flipOut {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-180deg);
        transform: perspective(400px) rotate3d(0,1,0,-180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes flipOut {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-180deg);
        transform: perspective(400px) rotate3d(0,1,0,-180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.animated.flipOut {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flipOut;
    animation-name: flipOut
}

@-webkit-keyframes bounce {
    from,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    from,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}