/* ====================================================================
@ 公共样式
======================================================================= */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
fieldset,
legend,
button,
submit,
input,
textarea,
select,
table,
tr,
th,
td,
hr,
pre,
sup,
address,
cite,
dfn,
em,
var,
blockquote {
    margin: 0;
    padding: 0;
}

html {
    min-height: 100%;
    border: none 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font: 12px/1.5 Tahoma, "Hiragino Sans GB", "Microsoft YaHei", arial, simsun, sans-serif;
    font-family: "微软雅黑";
    word-wrap: break-word;
    word-break: break-all;
}

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

button,
submit,
input,
select,
textarea {
    font: 12px/1.5 Tahoma, "Microsoft YaHei", arial, simsun, sans-serif;
    outline: none;
}

button,
submit,
input,
select {
    vertical-align: middle;
}

button,
submit {
    cursor: pointer;
}

textarea {
    resize: none;
    outline: none;
}

button::-moz-focus-inner,
submit::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
    padding: 0;
    border: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

th,
td {
    text-align: left;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

img {
    border: none;
    vertical-align: middle;
}

a {
    outline: none;
    cursor: pointer;
}

a:link,
a:visited {
    text-decoration: none;
    outline: none;
}

a:hover,
a:active {
    text-decoration: underline;
    outline: none;
}

iframe {
    vertical-align: top;
}

*html {
    zoom: expression(function(ele) {
            ele.style.zoom="1"; document.execCommand("BackgroundImageCache", false, true)
        }

        (this));
}

.ui_clear {
    *zoom: 1;
}

.ui_clear:after {
    content: '\20';
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

.hide {
    display: none;
}

.clear {
    clear: both;
}

/* ====================================================================
@ set common style
======================================================================= */
body {
    color: #333;
    position: relative;
}

a:link,
a:visited {
    color: #333;
}

a:hover,
a:active {
    color: #EF4222;
    text-decoration: none;
}

/* ====================================================================
@ set common tool
@ .fn_:
======================================================================= */
html {
    height: 100%;
}

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

.fn_clear {
    *zoom: 1;
}

.fn_show {
    display: block;
}

.fn_hidden {
    display: none;
}

.fn_hl {
    color: #EF4222;
}

a.fn_hl,
a.fn_hl:link,
a.fn_hl:visited {
    color: #EF4222;
}

.fn_right {
    float: right;
}

.fn_left {
    float: left;
}

/* ====================================================================
@ set layout:设置全站布局
@ .sl_:
======================================================================= */
.sl_header,
.sl_wrapper,
.sl_footer {
    display: block;
    min-width: 960px;
}

.sl_area {
    display: block;
    width: 960px;
    margin: 0 auto;
    clear: both;
}

/* ====================================================================
@ 网站样式
======================================================================= */
/*新加的*/
.chose_park {
    color: #ffffff;
}

.droplist_park {
    cursor: pointer;
    width: 135px;
    z-index: 999;
    height: 25px;
    margin-top: 8px;
    border: 1px solid #a6a6a6;
    background-color: #3287c3;
    line-height: 25px;
    text-align: center;
    float: left;
    position: relative;
}

.chose_park em {
    display: block;
    width: 10px;
    height: 10px;
    float: right;
    margin: 8px 10px 0 0;
    background: url(../images/triangle.png) no-repeat right center;
    background-size: 100%;
}

.ul_park {
    position: absolute;
    top: 25px;
    padding: 5px 0;
    background-color: #3287c3;
    width: 135px;
    left: 0;
    z-index: 999;
    display: none;
}

.ul_park li a {
    display: block;
    line-height: 25px;
    color: #fff;
    z-index: 999;
}

.ul_park li {
    width: 135px;
    height: 30px;
    position: relative;
}

.ul_park li:hover {
    background: #409cdd;
}

.ul_park li:hover ul {
    display: block;
}

.ul_park ul {
    position: absolute;
    left: 135px;
    top: 0;
    width: 135px;
    background: #409cdd;
    display: none;
}

.ul_park ul li:hover {
    background: #5fb3ef;
}

/*End新加的*/
.top {
    height: 45px;
    background: url(../images/top-bg.jpg);
}

.top-left {
    float: left;
    padding-left: 10px;
}

.top-left a {
    display: block;
    transition: 0.5s;
    width: 90px;
    float: left;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 14px;
}

.top-left a:hover {
    color: #a7d7f8;
}

.top-left em {
    display: block;
    background: url(../images/common.png) 0 -6px no-repeat;
    margin: 8px 0px 0px 10px;
    width: 125px;
    height: 35px;
}

.top-left .top-llogo {
    width: 140px;
}

.top-right {
    width: 600px;
    float: right;
    margin-right: 20px;
}

.top-rtheme {
    width: 135px;
    z-index: 3;
    height: 25px;
    margin-top: 8px;
    border: 1px solid #95bcd9;
    color: #fff;
    float: left;
    position: relative;
    margin-left: 5px;
}

.top-rtlist {
    position: absolute;
    top: 27px;
    padding: 5px 0;
    background: #3287c3;
    width: 135px;
    left: 2px;
    z-index: 3;
}

.top-rtlist li {
    height: 25px;
    padding-left: 10px;
    position: relative;
}

.top-rtlist li a {
    display: block;
    line-height: 25px;
    color: #fff;
}

.poplayer {
    position: absolute;
    left: 135px;
    top: 0;
    width: 135px;
    background: #409cdd;
}

.poplayer a {
    padding-left: 10px;
}

.poplayer a:hover {
    background: #5fb3ef;
}

.top-rtlist li:hover {
    background: #409cdd;
}

.top-rtcheck {
    width: 135px;
    height: 25px;
    cursor: pointer;
}

.top-rtcheck span {
    float: left;
    margin: 3px 0 0 10px;
}

.top-rtcheck em {
    display: block;
    background: url(../images/common.png) -445px -17px no-repeat;
    width: 10px;
    height: 10px;
    float: right;
    margin: 8px 10px 0 0;
}

.top-tel {
    width: 260px;
    float: right;
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
}

.nal {
    height: 90px;
    z-index: 1;
    position: relative;
    background: #eff8ff;
    box-shadow: 1px 2px 6px #57636d;
}

.nal-con {
    width: 1120px;
    margin: 0 auto;
}

.nal-con li {
    width: 153px;
    text-align: center;
    float: left;
    margin-top: 22px;
}

.nal-con .nal-logo {
    margin-top: 0;
    width: 199px;
}

.nal-con .nal-logo span {
    position: relative;
    display: block;
    width: 199px;
    height: 177px;
    background: url(../images/nal-logo.png) no-repeat;
}

.nal-con a {
    height: 47px;
    position: relative;
    display: block;
    transition: all 0.5s;
    width: 100%;
    line-height: 47px;
    font-size: 16px;
}

.nal-con em {
    height: 47px;
    width: 100%;
    position: absolute;
    transition: all 0.8s;
    top: 0;
    *left: 0px;
    opacity: 0;
    opacity
    /*\**/
    : 1 \9;
    display: block;
    display
    /*\**/
    : none \9;
    background: url(../images/common.png) -275px -6px no-repeat;
}

.nal-logo .home0 {
    display: block;
    width: 35px;
    height: 35px;
    transition: 0.5s;
    background: url(../images/common.png) -244px -160px no-repeat;
    position: absolute;
    top: 133px;
    left: 80px;
}

.nal-logo .home1 {
    display: block;
    opacity: 0;
    width: 35px;
    transition: 0.5s;
    height: 35px;
    background: url(../images/common.png) -282px -160px no-repeat;
    position: absolute;
    top: 133px;
    left: 80px;
}

.nal-logo:hover .home1 {
    opacity: 1;
}

.nal-logo:hover .home0 {
    opacity: 0;
}

.nal-con a:hover {
    color: #3494d7;
    font-size: 18px;
}

.nal-con a:hover em {
    opacity: 1;
    display
    /*\**/
    : block \9;
    animation: nalem 1.0s ease-in-out;
}

.nal-con .nalcss {
    color: #3494d7;
    font-size: 18px;
}

.nal-con .nalcss em {
    opacity: 1;
    display
    /*\**/
    : block \9;
    transform: scale(1, 1);
}

.banner {
    height: 431px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(../images/abt-banner.jpg) center no-repeat;
}

.ban-con {
    width: 1500px;
    margin: 0 auto;
    position: relative;
    height: 431px;
}

.ban-con img {
    position: absolute;
}

.ban-img0 {
    left: 0px;
    top: 105px;
    animation: imgmove0 2s infinite linear;
    animation-direction: alternate;
}

.ban-img1 {
    left: 90px;
    top: 105px;
}

.ban-img2 {
    right: 275px;
    top: 7px;
    animation: imgmove1 2.5s infinite linear;
    animation-direction: alternate;
}

.ban-img3 {
    right: 0px;
    top: 75px;
}

@keyframes imgmove0 {
    from {
        left: 0px;
        top: 105px;
    }

    to {
        left: 20px;
        top: 135px;
    }
}

@keyframes imgmove1 {
    from {
        right: 275px;
        top: 7px;
    }

    to {
        right: 290px;
        top: 45px;
    }
}

@keyframes nalem {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.posit {
    height: 83px;
    background: url(../images/noodle.jpg) center no-repeat;
}

.pos-con {
    width: 1033px;
    margin: 0 auto;
}

.pos-left {
    width: 400px;
    float: left;
    padding-top: 35px;
}

.pos-left em {
    display: block;
    width: 20px;
    margin: 7px;
    height: 20px;
    background: url(../images/common.png) -128px -10px no-repeat;
    float: left;
}

.pos-left a {
    font-size: 18px;
    float: left;
    margin: 3px;
}

.pos-left a:hover {
    color: #333;
}

.pos-left font {
    float: left;
    font-size: 18px;
    margin: 3px;
}

.pos-left span {
    float: left;
    font-size: 18px;
    color: #a68900;
    margin: 3px;
}

.pos-right {
    float: right;
    margin-top: 10px;
}

.pos-right a {
    display: block;
    position: relative;
    transition: 0.5s;
    width: 40px;
    height: 40px;
    background: #fff;
    float: left;
    margin: 0 3px;
    border-radius: 50%;
}

.pos-right em {
    display: block;
    background: url(../images/common.png) no-repeat;
    width: 23px;
    height: 23px;
}

.pos-right img {
    position: absolute;
    top: -160px;
    left: -50px;
    opacity: 0;
    display: none\0;
    display: block\9 \0;
    *display: none;
    transition: 0.5s;
}

.pos-sina em {
    background-position: -158px -5px;
    margin: 7px;
}

.pos-tx em {
    background-position: -193px -5px;
    margin: 7px;
}

.pos-wx em {
    background-position: -228px -5px;
    margin: 7px;
}

.pos-right .pos-sina:hover {
    background: #df4d69;
}

.pos-right .pos-tx:hover {
    background: #45aaf2;
}

.pos-right .pos-wx:hover {
    background: #3eb135;
}

.pos-right .pos-sina:hover em {
    background-position: -158px -30px;
}

.pos-right .pos-tx:hover em {
    background-position: -193px -30px;
}

.pos-right .pos-wx:hover em {
    background-position: -228px -30px;
}

.pos-right .pos-wx:hover img {
    opacity: 1;
    display: block\0;
    display: block\9 \0;
    *display: block;
}

.pos-right .jiathis {
    background: none;
    margin: 15px 0 0 10px;
    height: 35px;
}

.pos-right font {
    display: block;
    width: 8px;
    height: 8px;
    transition: 0.5s;
    border-radius: 50%;
    margin: 0 2px;
    background: #fff;
    float: left;
}

.pos-right .jiathis:hover font {
    background: #a8d5ff;
}

/**关于方特**/
.about {
    background: url(../images/abt-bg.jpg) center top no-repeat;
    position: relative;
    padding-bottom: 40px;
}

.abt-banner {
    text-align: center;
}

.abt-canit {
    height: 330px;
    width: 1020px;
    margin: 0 auto;
    position: relative;
}

.abt-canit img {
    position: absolute;
    box-shadow: 0px 3px 5px #999;
    cursor: pointer;
}

.abt-lbtn {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/common.png) -2px -42px no-repeat;
    cursor: pointer;
    left: 290px;
    top: 120px;
    z-index: 5;
}

.abt-rbtn {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/common.png) -55px -42px no-repeat;
    cursor: pointer;
    right: 290px;
    top: 120px;
    z-index: 5;
}

.abt-con {
    width: 1097px;
    margin: 0 auto;
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    padding-bottom: 90px;
}

.abt-con p {
    text-indent: 2em;
    font-size: 14px;
    line-height: 30px;
}

.abt-cword {
    padding-bottom: 30px;
}

.abt-cstl {
    animation: cstl 0.4s linear;
}

.abt-cstl1 {
    animation: cstl1 0.4s linear;
}

.abt-cstl0 {
    animation: cstl0 0.8s linear;
}

@keyframes cstl {
    0% {
        transform: scale(1, 1);
        opacity: 1;
    }

    100% {
        transform: scale(0.9, 0.9);
        opacity: 0;
        left: 150px;
    }
}

@keyframes cstl1 {
    0% {
        transform: scale(1, 1);
        opacity: 1;
    }

    100% {
        transform: scale(0.9, 0.9);
        opacity: 0;
        left: 430px;
    }
}

@keyframes cstl0 {
    0% {
        transform: scale(0, 0);
        opacity: 0;
    }

    70% {
        transform: scale(1, 1);
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

footer {
    border: 0;
    width: 100%;
    background: url(../images/footer_bg.png) top center no-repeat;
    height: 430px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #3677b4;
    height: 158px;
    left: 0;
}

.f-con {
    width: 1033px;
    margin: 0 auto;
}

.f-cleft {
    width: 790px;
    float: left;
    padding-top: 30px;
}

.f-nal {
    text-align: center;
}

.f-nal a {
    color: #fff;
    transition: 0.5s;
    margin: 0 10px;
}

.f-nal a:hover {
    color: #b1d9f6;
}

.f-nal span {
    color: #fff;
    margin: 0 7px;
}

.f-link {
    padding-top: 10px;
    text-align: center;
}

.f-link a {
    color: #b1d9f6;
    margin: 0 10px;
}

.f-word {
    text-align: center;
    color: #b1d9f6;
    padding-top: 10px;
}

.f-word a {
    color: #b1d9f6;
}

.f-cright {
    width: 160px;
    float: left;
    padding-left: 50px;
    text-align: center;
    color: #fff;
}

.f-cright span {
    display: block;
    padding-bottom: 5px;
}

/**新闻公告**/
.news-banner {
    background: url(../images/new-ban.jpg) center no-repeat;
}

.news {
    padding-bottom: 40px;
    background-color: #f6f6f6;
}

.news-con {
    width: 1146px;
    margin: 0 auto;
}

.news-con img {
    max-width: 100%;
    margin: 0 auto;
}

.news-ctag {
    height: 110px;
    padding-top: 40px;
    width: 365px;
    margin: 0 auto;
}

.news-tword {
    height: 50px;
}

.news-tword em {
    margin-top: 28px;
    display: block;
}

.news-tword .tw-left {
    background: url(../images/common.png) -122px -75px no-repeat;
    width: 85px;
    height: 30px;
    float: left;
}

.news-tword .tw-right {
    background: url(../images/common.png) -215px -75px no-repeat;
    width: 85px;
    height: 30px;
    float: left;
}

.news-tword span {
    display: block;
    width: 190px;
    text-align: center;
    font-size: 40px;
    color: #0094d8;
    float: left;
    height: 40px;
    font-weight: bold;
}

.news-ten {
    color: #b3cfdc;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
}

.news-cmain {
    padding: 15px;
    border: 1px solid #aad6f4;
    background: #fff;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    padding-bottom: 90px;
    width: 1060px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.news-cdata {
    /*display:none;*/
}

.news-box {
    width: 295px;
    transition: 0.7s;
    position: relative;
    height: 300px;
    padding: 15px;
    border: 1px solid #dcdcdc;
    margin: 15px 12px 30px 13px;
}

.box-word {
    font-size: 16px;
}

.box-word div {
    padding: 10px 0 5px 0;
    transition: 0.7s;
    width: 100%;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box-word p {
    width: 100%;
    transition: 0.7s;
    padding: 3px;
    color: #a0a0a0;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box-word span {
    display: block;
    transition: 0.7s;
    padding: 10px 0;
    color: #a0a0a0;
}

.box-img {
    width: 295px;
    height: 170px;
    overflow: hidden;
}



.box-xs {
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 323px;
    height: 12px;
    background: url(../images/common.png) -6px -123px no-repeat;
}

.box-xs0 {
    position: absolute;
    left: 0;
    transition: 0.7s;
    bottom: -12px;
    width: 323px;
    height: 12px;
    background: url(../images/common.png) -6px -106px no-repeat;
    opacity: 0;
    display: none\0;
    *display: none;
}

.news-box:hover {
    border: 1px solid #32b1eb;
}

.news-box:hover .box-xs0 {
    opacity: 1;
    display: block\0;
    *display: block;
}

.news-box img {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}


.news-box:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.news-box:hover .box-word div {
    color: #32b1eb;
}

.news-box:hover p {
    color: #000;
}

.news-box:hover span {
    color: #000;
}

.pcl-tittle {
    width: 100%;
    margin: 10px 0 10px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #dcdcdc;
    text-align: center;
}

.pcl-tittle p {
    text-align: center;
    font-size: 24px;
}

.pcl-tittle div {
    text-align: center;
    color: #7d7d7d;
    padding-top: 5px;
}

.pcl-tittle div span {
    padding: 0 5px;
}

.pcl-con {
    margin: 20px 20px 0 20px;
    font-size: 14px;
    padding-bottom: 100px;
    line-height: 24px;
    border-bottom: 1px solid #aad6f4;
}

.pcl-skip {
    padding: 20px 20px 10px 20px;
}

.pcl-skip p {
    height: 30px;
}

.pcl-sprep {
    border-bottom: 1px dashed #ededed;
}

.pcl-sprep em {
    display: block;
    width: 10px;
    height: 10px;
    float: left;
    margin: 7px 0 0 0;
    background: url(../images/common.png) -335px -165px no-repeat;
}

.pcl-sprep span {
    color: #328bdd;
    float: left;
    padding-left: 10px;
    font-size: 14px;
}

.pcl-sprep a {
    color: #328bdd;
    float: left;
    font-size: 14px;
    padding-left: 10px;
}

.pcl-snext {
    padding-top: 10px;
}

.pcl-snext em {
    display: block;
    width: 10px;
    height: 10px;
    float: left;
    margin: 8px 0 0 0;
    background: url(../images/common.png) -335px -180px no-repeat;
}

.pcl-snext span {
    font-size: 14px;
    color: #a0a0a0;
    padding-left: 10px;
}

.pcl-snext a {
    font-size: 14px;
    color: #a0a0a0;
    padding-left: 10px;
}

.pcl-skip p font {
    font-size: 14px;
    color: #a0a0a0;
    float: right;
}


/**版权信息**/
.cright-banner {
    background: url(../images/bq-banner.jpg) center no-repeat;
}

.coright {
    /* background: url(../images/coright-tbg.png) no-repeat;
    background-size: 100%; */
    position: relative;
    margin-top: 120px;
}

.cort-top {
    /* height: 100px; */
    position: absolute;
    top: -120px;
    width: 1166px;
}

.cort-top .btn_left {
    position: absolute;
    width: 44px;
    height: 44px;
    background: url(../images/icon_swiper_left.png) center no-repeat;
    left: -70px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.cort-top .btn_right {
    position: absolute;
    width: 44px;
    height: 44px;
    background: url(../images/icon_swiper_right.png) center no-repeat;
    right: -70px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.cort-tqq {
    position: absolute;
    left: 35px;
    top: -30px;
}

.cort-tsc {
    position: absolute;
    right: 0;
    top: -80px;
}

.cort-main {
    overflow: auto;
    padding: 83px 91px 15px;
    border: 1px solid #dedede;
    *height: 100%;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 15px;
    padding-bottom: 80px;
}

.cort-tswitch {
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding-top: 20px;
    overflow: auto;
    display: flex;
    flex-wrap: nowrap;
    scrollbar-width: none;
    /* firefox */
    -ms-overflow-style: none;
    align-items: center;
    /* IE 10+ */
    height: 162px;
}

.cort-tswitch::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

.cort-tswitch a {
    flex-shrink: 0;
    display: block;
    /* width: 190px; */
    /* height: 47px; */
    /* line-height: 47px; */
    text-align: center;
    font-size: 18px;
    color: #85949e;
    /* background: #fff; */
    /* box-shadow: 2px 2px 5px #838b94; */
    float: left;
    margin: 0 0px;
    font-size: 16px;
}

.cort-tswitch .cort-tcss {
    /* background: url(../images/common.png) -9px -146px no-repeat;
    color: #fff;
    height: 55px;
    box-shadow: none;
    background-size: 410px 234px; */
}

.cort-tswitch span {
    display: inline-block;
    width: 188px;
    height: 119px;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.2s;
}

.cort-tcss span {
    width: 226px;
    height: 162px;
}

.cort-mitem {
    padding: 20px;
    padding-top: 0;
}

.serp-tittle {
    padding: 20px;
    border-bottom: 1px dashed #dcdcdc;
}

.serp-tittle p {
    font-size: 24px;
    color: #ff694d;
    text-align: center;
}

.serp-tittle span {
    display: block;
    text-align: center;
    color: #7d7d7d;
    font-size: 14px;
}

.serp-word {
    font-size: 14px;
    color: #555;
    line-height: 30px;
    padding-top: 30px;
}

.serp-word p {
    padding-bottom: 20px;
}

.rela-tag {
    height: 50px;
    border-bottom: 1px dashed #dcdcdc;
    color: #ff694d;
    text-align: center;
    font-size: 24px;
}

.rela-list {
    padding-top: 30px;
}

.rela-list a {
    display: block;
    height: 40px;
    font-size: 16px;
    color: #999;
}

.rela-list a:hover {
    color: #555;
}

.rela-word {
    color: #555;
    line-height: 30px;
    font-size: 14px;
    padding-top: 30px;
}

.rela-word p {
    text-indent: 2em;
}

.rela-word div {
    padding: 0 0 20px 0;
}

.proper-word {
    padding-top: 20px;
}

.proper-word p {
    padding-bottom: 20px;
    color: #555;
    text-indent: 2em;
    line-height: 30px;
    font-size: 14px;
}

.law-item .rela-word p {
    padding: 0;
    margin: 0;
}

.law-item .rela-word div {
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0;
}

.cort-sign {
    text-align: right;
    padding-top: 20px;
    line-height: 30px;
}

.theme-banner {
    background: url(../images/theme-bg.jpg) center no-repeat;
}

.theme-box {
    width: 290px;
    overflow: hidden;
    height: 220px;
    float: left;
    margin: 15px;
    float: left;
    position: relative;
}

.theme-img {
    position: absolute;
}

.theme-box img {
    transform: 1s;
}

.theme-word {
    position: absolute;
    padding: 10px;
    padding-bottom: 20px;
    color: #fff;
    *width: 303px;
    transition: 1s;
    bottom: -245px;
    background: url(../images/gr-bg.png);
}

.theme-word p {
    font-size: 18px;
    width: 100%;
    height: 35px;
    padding-top: 10px;
}

.theme-word em {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../images/common.png) -200px -163px no-repeat;
}

.theme-word span {
    float: left;
    display: block;
    font-size: 18px;
    line-height: 24px;
}

.theme-word div {
    line-height: 22px;
    font-size: 12px;
    text-indent: 2em;
}

.theme-word0 {
    background: url(../images/gr-bg.png);
    width: 100%;
    transition: 0.5s;
    position: absolute;
    opacity: 1;
    bottom: 0;
    text-align: center;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    display: block\0;
    *display: block;
}

.theme-box:hover .theme-word0 {
    opacity: 0;
    display: none\0;
    *display: none;
}

.theme-box:hover .theme-word {
    bottom: 0;
}

.theme-box:hover img {
    filter: url(blur.svg#blur);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false);
}

.theme-item {
    padding-bottom: 30px;
}

.wsite-banner {
    background: url(../images/wsite-banner.jpg) center no-repeat;
}

.wsite {
    padding-bottom: 40px;
}

.wsite-con {
    width: 1095px;
    margin: 0 auto;
}

.wsite-tag {
    height: 95px;
    padding-top: 50px;
    width: 370px;
    margin: 0 auto;
}

.wsite-tag div {
    height: 45px;
}

.wsite-tag em {
    display: block;
    background: url(../images/common.png) no-repeat;
    width: 85px;
    height: 13px;
    float: left;
}

.wsite-tag span {
    display: block;
    font-size: 40px;
    margin: 0 10px;
    font-weight: bold;
    line-height: 45px;
    color: #384999;
    float: left;
}


.wsite-tag .ws-left {
    background-position: -310px -78px;
    margin-top: 20px;
}

.wsite-tag .ws-right {
    background-position: -403px -78px;
    margin-top: 20px;
}

.websiteBrand{
    margin: 0 auto;
    width: 100%;
    box-shadow: 1px 1px 10px -3px #040000;
}

.wsite-tag p {
    font-size: 19px;
    color: #b3cfdc;
    text-align: center;
}

.wsite-list {
    background: url(../images/wsite-bg.png);
    width: 100%;
    position: relative;
    height: 563px;
    box-shadow: 1px 1px 10px -3px #040000;
}

.wsite-item {
    position: absolute;
    width: 254px;
    height: 258px;
    perspective: 500;
    transform-origin: left;
    transform-style: preserve-3d;
    left: 0;
}

.front,
.back {
    position: absolute;
}

.front {
    z-index: 2;
    transform: rotateY(0deg);
}

.front,
.back {
    backface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;
    top: 0;
}

.back {
    transform: rotateY(-180deg);
}

.wsite-item:hover .front {
    transform: rotateY(-180deg);
}

.wsite-item:hover .back {
    transform: rotateY(0deg);
    z-index: 3;
}

.wsite-item0 {
    left: 40px;
    top: 95px;
}

.wsite-item1 {
    left: 170px;
    top: 225px;
}

.wsite-item2 {
    left: 300px;
    top: 95px;
}

.wsite-item3 {
    left: 430px;
    top: 225px;
}

.wsite-item4 {
    left: 560px;
    top: 95px;
}

.wsite-item5 {
    left: 690px;
    top: 225px;
}

.wsite-item6 {
    left: 820px;
    top: 95px;
}

.contact {}

.ctact-banner {
    background: url(../images/ctact-banner.jpg) center no-repeat;
}

.ctact-tag {
    width: 1095px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    background: url(../images/ctact-tag.png) center 30px no-repeat;
    height: 135px;
    padding-top: 40px;
    margin-bottom: 40px;
}

.ctact-tag p {
    text-align: center;
    padding-top: 10px;
    font-size: 40px;
    line-height: 40px;
    color: #0094d8;
    font-weight: bold;
}

.ctact-tag span {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #b3cfdc;
}

.ctact-head {
    height: 172px;
    position: relative;
    background: url(../images/ctat-tbg.jpg) center no-repeat;
}

.ctact-hcon {
    width: 1095px;
    margin: 0 auto;
    position: relative;
}

.ctact-hleft {
    position: absolute;
    left: 0;
    top: 55px;
}

.ctact-hright {
    position: absolute;
    right: 0;
    top: -15px;
}

.ctact-main {
    background: #f0f9ff;
    padding-bottom: 40px;
}

.ctact-mtop {
    width: 1095px;
    margin: 0 auto;
    margin-top: -20px;
    position: relative;
}

.ctact-map {
    background: #fff;
    z-index: 2;
    position: relative;
}

.map-img {
    padding: 20px;
    height: 515px;
}

.map-relate {
    padding: 20px 20px 0 20px;
}

.ctact-ty {
    position: absolute;
    bottom: -45px;
    left: 0;
}

.map-rleft {
    width: 545px;
    float: left;
    padding-top: 40px;
}

.map-rword {
    width: 400px;
    margin-bottom: 25px;
    padding-left: 70px;
    float: left;
    background: url(../images/ctact-mzb.png) right bottom no-repeat;
}

.map-rword span {
    background: url(../images/ctact-zb.png) 0 5px no-repeat;
    padding-left: 30px;
    display: block;
    height: 35px;
    line-height: 30px;
    color: #ff6345;
    font-size: 20px;
}

.map-rword p {
    font-size: 14px;
    color: #1b1b1b;
    line-height: 26px;
}

.ctact-park {
    width: 1095px;
    margin: 0 auto;
    padding-top: 50px;
}

.park-tag {
    height: 60px;
}

.park-tag span {
    display: block;
    background: url(../images/ctact-ctag0.png) no-repeat;
    width: 162px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    padding-right: 10px;
}

.park-box {
    width: 226px;
    display: block;
    cursor: pointer;
    height: 200px;
    padding: 19px 15px;
    border: 1px solid #fff;
    transition: 0.5s;
    box-shadow: 3px 3px 7px #dde9f1;
    background: #fff;
    float: left;
    margin: 7px;
}

.park-box span {
    display: block;
    font-size: 15px;
    transition: 0.5s;
    font-weight: bold;
    /*color:#50a8dc;*/
}

.park-box p {
    line-height: 25px;
    color: #808080;
}

.park-box font {
    font-size: 12px;
    color: #3ea3e7;
}

.park-box:hover a {
    color: #333;
}

.park-box:hover p {
    color: #808080;
}

.park-box0 {
    height: 230px;
}

.park-box:hover {
    padding: 19px 18px;
    border: 1px solid #3ea3e7;
}

.park-box:hover span {
    color: #3ea3e7;
}

.ctact-nect {
    padding-top: 30px;
    clear: both;
}

.nect-item {
    width: 265px;
    float: left;
    margin: 7px;
}

.nect-tag {
    width: 162px;
    height: 54px;
    text-align: center;
    background: url(../images/ctact-ctblue.png) no-repeat;
    color: #fff;
    font-size: 16px;
    line-height: 54px;
    padding-right: 10px;
}

.nect-box {
    background: #fff;
    padding: 19px;
    border: 1px solid #fff;
    transition: 0.5s;
    cursor: pointer;
    margin-top: 12px;
    box-shadow: 3px 3px 7px #dde9f1;
    height: 210px;
}

.nect-box span {
    display: block;
    font-weight: bold;
    font-size: 15px;
    transition: 0.5s;
}

.nect-box p {
    line-height: 25px;
    color: #808080;
}

.nect-ptag {
    background: url(../images/ctact-ctpur.png) no-repeat;
}

.nect-rtag {
    background: url(../images/ctact-ctred.png) no-repeat;
}

.nect-box:hover {
    padding: 19px;
    border: 1px solid #3ea3e7;
}

.nect-box:hover span {
    color: #3ea3e7;
}

.nect-box a {
    color: #3ea3e7;
}

#allmap {
    width: 100%;
    height: 100%;
}

.BMapLabel {
    border: 1px solid #555 !important;
    background: #f8f8f8 !important;
    color: #555 !important;
    box-shadow: 1px 2px 5px #888;
    /*padding:5px !important; font-size:16px !important; border:1px solid #83bfec !important; font-family:"微软雅黑" !important;*/
}


/*网站地图*/
.sitemap_1 {
    width: 1180px;
    margin: 0 auto;
    height: 520px;
    padding-top: 80px;
    position: relative;
}

.sitemap_1 h1 {
    font-size: 28px;
    font-weight: normal;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
    text-indent: 50px;
}

.nsquare1 {
    position: absolute;
    z-index: 100;
    width: 170px;
    height: 170px;
    background-color: #f9f2f6;
    top: 200px;
    left: -360px;
}

.nsquare2 {
    position: absolute;
    z-index: 100;
    width: 150px;
    height: 150px;
    background-color: #f5eed5;
    top: 50px;
    left: -190px;
}

.nsquare3 {
    position: absolute;
    z-index: 100;
    width: 45px;
    height: 45px;
    background-color: #f0eaf4;
    top: 600px;
    left: -195px;
}

.nsquare4 {
    position: absolute;
    z-index: 100;
    width: 125px;
    height: 125px;
    background-color: #f8eecc;
    top: 646px;
    left: -146px;
}

.nsquare5 {
    position: absolute;
    z-index: 100;
    width: 160px;
    height: 160px;
    background-color: #d6e7fb;
    top: 100px;
    right: -190px;
}

.nsquare6 {
    position: absolute;
    z-index: 100;
    width: 40px;
    height: 40px;
    background-color: #f8eff3;
    top: 200px;
    right: -260px;
}

.nsquare7 {
    position: absolute;
    z-index: 100;
    width: 105px;
    height: 105px;
    background-color: #eee7f2;
    top: 440px;
    right: -200px;
}

.stmap_ul {
    width: 150px;
    float: left;
    font-size: 14px;
    line-height: 30px;
    margin-top: 20px;
    margin-left: 50px;
}

.stmap_ul .stmap_first a {
    font-size: 16px;
    color: #0088cc;
}