html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
body, div {margin: 0;box-sizing: border-box}
.sp{text-indent:2em;}/*段落第一行缩进两个字*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline}
audio:not([controls]) {display: none;height: 0}
[hidden], template {display: none}
a {background-color: transparent}
a:active, a:hover {outline: 0}
abbr[title] {border-bottom: 1px dotted}
b, strong {font-weight: bold}
dfn {font-style: italic}
h1 {font-size: 2em;margin: 0.67em 0}
mark {background: #ff0;color: #000}
small {font-size: 80%}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
img {border: 0}
svg:not(:root) {overflow: hidden}
figure {margin: 1em 40px}
hr {box-sizing: content-box;height: 0}
pre {overflow: auto}
code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em}
button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible}
button, select {text-transform: none}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer}
button[disabled], html input[disabled] {cursor: default}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}
input { line-height: normal}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em}
legend {border: 0;padding: 0}
textarea {overflow: auto}
optgroup {font-weight: bold}
table {border-collapse: collapse;border-spacing: 0}
td, th {padding: 0}
.redfont{color:Red;}
.greenfont{color:Green;}
.fl{float:left}
.fr{float:right}
.center {text-align: center;}

header {position: fixed;width: 100%;top: 0;left: 0;background: rgba(0,0,0,0.7);width: 100%;height: 90px;z-index: 100000000000}
@media only all and (max-width: 1366px) {header {height: 70px}}
@media only all and (max-width: 768px) {header {height: 60px}}

header .pc_wrap {padding: 0 30px 0 50px;height: 100%}
@media only all and (max-width: 1024px) {header .pc_wrap {padding: 0 30px 0 20px}}
@media only all and (max-width: 768px) {header .pc_wrap {padding: 0 10px}}

header .pc_wrap .logo {display: inline-block;padding: 18px 0}
@media only all and (max-width: 1366px) {header .pc_wrap .logo {padding: 8px 0}}
@media only all and (max-width: 1280px) {
    header .pc_wrap {padding: 0 20px 0 10px}
    header .pc_wrap .logo {width: 200px;padding: 15px 0}
    header .pc_wrap .logo img {width: 100%}
}
@media only all and (max-width: 1024px) {
    header .pc_wrap {padding: 0 20px 0 10px}
    header .pc_wrap .logo {width: 150px;padding: 20px 0}
    header .pc_wrap .logo img {width: 100%}
}
@media only all and (max-width: 768px) {header .pc_wrap .logo {width: 100px;padding: 15px 0}}
@media only all and (max-width: 768px) {header .pc_wrap .logo img {width: 100%}}

header .pc_wrap > ul {position: absolute;top: 30px;left: 20%}
@media only all and (max-width: 1366px) {header .pc_wrap > ul {top: 25px}}
@media only all and (max-width: 768px) {header .pc_wrap > ul {left: auto;right: 0;top: 60px;text-align: center;padding: 10px 0;background: rgba(0,0,0,0.5);display: none}}

header .pc_wrap > ul li {display: inline-block;padding: 0 30px;position: relative}
@media only all and (max-width: 1280px) {header .pc_wrap > ul li {padding: 0 20px}}
@media only all and (max-width: 1024px) {header .pc_wrap > ul li {padding: 0 10px}}
@media only all and (max-width: 768px) {header .pc_wrap > ul li {display: block;padding: 0 10px;line-height: 2}}

header .pc_wrap > ul li a {font-size: 20px}
@media only all and (max-width: 1366px) {header .pc_wrap > ul li a {font-size: 16px}}
@media only all and (max-width: 768px) {header .pc_wrap > ul li a {font-size: 14px}}

header .pc_wrap > ul li span {position: absolute;left: 50%;margin-left: -2px;width: 8px;height: 15px;display: block;background:#ff9600;top: 45px;opacity: 0;transition: all 1s}
@media only all and (max-width: 1366px) {header .pc_wrap > ul li span {top: 30px}}

header .pc_wrap > ul li span.active {opacity: 1}
@media only all and (max-width: 768px) {header .pc_wrap > ul li span.active {display: none}}

header .pc_wrap > ul li:hover span {opacity: 1}

header .pc_wrap .tel {float: right;padding: 27px 0}
@media only all and (max-width: 1366px) {header .pc_wrap .tel {display: none}}
@media only all and (max-width: 768px) {header .pc_wrap .tel {display: none}}

header .pc_wrap .tel > p {display: inline-block;font-size: 28.4px;color: #ff9600;margin-right: 20px;font-family: myFirstFont2}
header .pc_wrap .tel .search {position: relative;width: 200px;display: inline-block;margin-right: 25px}
header .pc_wrap .tel .search > div {border-bottom: 1px solid #8b8b8b}
header .pc_wrap .tel .search > div input {background: transparent;border-top: 0;border-right: 0;border-left: 0;border-bottom: 0;color: #fff}
header .pc_wrap .tel .search > div > a {position: absolute;bottom: 10px;right: 0;display: block;width: 28px;height: 23px;background: url(../images/sreach_w1.png) no-repeat}
header .moblie-btn {position: absolute;right: 25px;top: 15px;display: none;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #fff}

@media only all and (max-width: 768px) {header .moblie-btn {display: block}}

header .moblie-btn > div {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
header .moblie-btn > div span {display: block;width: 15px;height: 2px;background: #fff;margin-bottom: 3px}

header .moblie-btn > div .last {margin-bottom: 0px}
header .moblie_wrap {position: absolute;width: 100%;background: rgba(0,0,0,0.8);padding-bottom: 10px;display: none}
header .moblie_wrap > ul {text-align: center}
header .moblie_wrap > ul > li {line-height: 3;}
header .moblie_wrap > ul > li a {display: block;width: 100%;height: 100%}
header .moblie_wrap1 {background: #000}
.header1 {position: fixed;width: 100%;top: 0;left: 0;z-index: 1000000000000000000}

footer {/*overflow: hidden;*/background: #333333}
footer .selectlink{width: 250px;text-align: left;float: right;position: relative;}
footer .selectlink span{height: 38px;line-height: 38px;background-color:#eee;display:block;text-indent: 10px;position:relative;color: #252525;cursor: pointer;text-align: left;}
footer .selectlink span:after{content:"";position:absolute;right: 10px;top: 10px;border-width: 5px;border-style: dashed dashed solid dashed;border-color: transparent transparent #969696 transparent;width: 0;height: 0;}
footer .inner-r ul{background-color:#f6f5f5;margin-right: -150px; display: none; position: absolute;bottom: 38px;width: 100%;background-color: rgb(255, 255, 255);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding: 10px 0;}
footer .inner-r ul li{background-color:#f6f5f5;line-height: 35px;font-size: 12px;border-bottom: 1px dashed #E0E0E0;margin: 0 10px;}
footer .inner-r ul li span{font-size: 14px;}
footer .inner-r ul li a{color: #000;transition: all 0.3s;display: block;}
footer .inner-r ul li a:hover{color: #f00;}
footer .inner-r .selectlink.active ul{ display: block;background-color:#f6f5f5;}
footer .inner-r .selectlink.active span:after{top: 15px;border-style: solid dashed dashed dashed;border-color: #969696 transparent transparent transparent;}
footer > div {padding: 35px 0 10px}
footer > div > div {position: relative;padding: 20px 0;border-bottom: 2px solid #3d3d3d;border-top: 2px solid #3d3d3d}
footer > div > div .inner-l {float: left;line-height:35px;color:white;font-size: 14px;width:33.3%;}
footer > div > div .inner-l span img{width:55px;vertical-align:middle;margin-left:20px;}
footer > div > div .inner-r {position: relative;float: right}
footer > div > div .inner-r .pic {position: absolute;bottom: 0;right: -60px;opacity: 0}
footer > div > div > p a {display: inline-block;font-size: 16px;margin-right: 60px;color: #a7a7a7;transition: all 0.5s}
@media only all and (max-width: 1366px) {footer > div > div > p a {font-size: 14px}}
@media only all and (max-width: 768px) {footer > div > div > p a {font-size: 12px;margin-right: 10px}}

footer > div > div > p a img {opacity: 0.7;transition: all 0.5s}
footer > div > div > p a:hover {color: #fff}
footer > div > div > p a:hover img {opacity: 1}
footer > div > div > p a:nth-child(3) {margin-right: 0}
footer > div > div > img {position: absolute;width: 20%;top: 50%;left: 50%;margin-top: -2px;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%)}
@media only all and (max-width: 1024px) {footer > div > div > img {margin-left: 0}}
@media only all and (max-width: 768px) {footer > div > div > img {display: none}}

footer > div > p {padding-top: 20px;font-size: 14px;color: #a7a7a7}
@media only all and (max-width: 768px) {footer > div > p {font-size: 12px}}

footer > div > p span {float: right;font-size: 14px;color: #a7a7a7;margin-left:20px;text-indent:0em;}
@media only all and (max-width: 768px) {footer > div > p span {float: none;display: block}}

.up_button {position: fixed;bottom: 100px;right: 0;cursor: pointer;transition: 1s all}
@media only all and (max-width: 768px) {.up_button {display: none}}

.up_button > img {width: 100%}
@media only all and (max-width: 1366px) {.up_button {width: 3.5%}}

.up_button:hover {transform: translateY(-20px);-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px)}

html {font-family: "Microsoft YaHei",sans-serif}

a, p, ul, li, dd, dt, dl, span, i, h1, h2, h3, h4, h5, h6, p, div {text-decoration: none;box-sizing: border-box;-webkit-margin-before: 0em;-webkit-margin-after: 0em;padding: 0;margin: 0;list-style-type: none;font-weight: normal}

@media only all and (max-width: 1366px) {a, p, ul, li, dd, dt, dl, span, i, h1, h2, h3, h4, h5, h6, p, div {font-size: 14px}}

p {text-align: justify;-webkit-text-align: justify;text-justify: inter-ideograph}
*, *:after, *:before {box-sizing: border-box}
.clearfix:before, .clearfix:after {display: table;content: ''}
.clearfix:after {clear: both}
input, textarea {border: 1px solid #D1D1D1;background: #fff;height: 30px;line-height: 30px;padding: 0 10px;box-sizing: border-box;outline: none}
html {font-family: 'SimHei','Microsoft YaHei'}
html, body {font-family: '微软雅黑';color: #333}
.clearfix::before, .clearfix::after {display: block;content: ''}

.clearfix::after {
    clear: both
}

body, html {
    min-height: 100vh;
    position: relative
}

@font-face {
    font-family: myFirstFont1;
    src: url("../fonts/FZLTCHJW_0.TTF")
}

@font-face {
    font-family: myFirstFont2;
    src: url("../fonts/GOTHIC_0.TTF")
}

@font-face {
    font-family: myFirstFont3;
    src: url("../fonts/GOTHICB_0.TTF")
}

a {
    color: #fff
}

    a:hover {
        color: #fff
    }

.limitWidth-percentWidth {
    width: 62.5%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media only all and (max-width: 1440px) {
    .limitWidth-percentWidth {
        width: 80.5%
    }
}

@media only all and (max-width: 768px) {
    .limitWidth-percentWidth {
        width: 87.5%
    }
}

@media only all and (max-width: 414px) {
    .limitWidth-percentWidth {
        width: 90.5%
    }
}

.bread_line {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5
}

    .bread_line > a {
        color: #333333;
    }
    .bread_line .position-home {
        width: 28px;
        height: 17px;
        background: url(../images/icon-position-home.png);
        background-repeat: no-repeat;
        position: relative;
        padding-left:30px;
        background-size: 21px 17px;
    }

.line {
    position: fixed;
    bottom: 200px;
    right: 0
}

.more {
    width: 120px;
    display: block;
    margin: 0 auto;
    margin-top: 40px !important;
    vertical-align: middle !important;
    border-bottom: none !important;
    transition: 1s all
}

    .more a {
        color: #040000 !important;
        font-size: 16px !important;
        display: inline-block
    }

    .more span {
        display: inline-block;
        font-size: 20px;
        vertical-align: middle;
        margin-top: -10px
    }

    .more:hover {
        transform: translateY(10px);
        -ms-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        -o-transform: translateY(10px)
    }

.search_wrap div {
    cursor: pointer
}

.search_case {
    display: inline-block;
    width: 150px;
    padding: 10px;
    background: #ff9600;
    color: #fff;
    text-align: center;
    margin-top: 50px
}

.animate-bounce-up {
    -webkit-animation: bounce-up 2s linear infinite;
    animation: bounce-up 2s linear infinite
}

@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(5px)
    }

    50%, 100% {
        -webkit-transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(-5px)
    }
}

@keyframes bounce-up {
    25% {
        transform: translateY(5px)
    }

    50%, 100% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-5px)
    }
}

@keyframes bg_change {
    from {
        transform: scale(1, 1)
    }

    to {
        transform: scale(1.1, 1.1)
    }
}

.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/loding.jpg) no-repeat;
    z-index: 10000000000 !important
}

    .loading #img {
        position: absolute;
        padding: 20px 20px;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        border: 1px solid #777376
    }

        .loading #img .top, .loading #img .left, .loading #img .right, .loading #img .bottom {
            position: absolute;
            background: #fff
        }

        .loading #img .top {
            top: 0;
            left: 0;
            width: 0;
            height: 1px;
            animation: move_top 1s linear infinite
        }

        .loading #img .left {
            bottom: 0;
            left: 0;
            width: 1px;
            height: 0;
            animation: move_left 1s linear infinite;
            animation-delay: 3s
        }

        .loading #img .bottom {
            bottom: 0;
            right: 0;
            width: 0;
            height: 1px;
            animation: move_bottom 1s linear infinite;
            animation-delay: 2s
        }

        .loading #img .right {
            top: 0;
            right: 0;
            width: 1px;
            height: 0;
            animation: move_right 1s linear infinite;
            animation-delay: 1s
        }

    .loading #pageLoad {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 80px;
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        color: #fff
    }

@keyframes move_top {
    from {
        width: 0px
    }

    to {
        width: 100%
    }
}

@keyframes move_right {
    from {
        height: 0px
    }

    to {
        height: 100%
    }
}

@keyframes move_bottom {
    from {
        width: 0px
    }

    to {
        width: 100%
    }
}

@keyframes move_left {
    from {
        height: 0px
    }

    to {
        height: 100%
    }
}

@media only all and (max-width: 768px) {
    .pc_img {
        display: none
    }
}

.moblie_img {
    display: none;
    width: 100%
}

@media only all and (max-width: 768px) {
    .moblie_img {
        display: block
    }
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ff9600 !important
}

.newWidth {
    width: 57.5%;
    margin: 90px auto 0
}

@media only all and (max-width: 1366px) {
    .newWidth {
        width: 55.5%;
        margin-top: 70px
    }
}

@media only all and (max-width: 1280px) {
    .newWidth {
        width: 56.5%
    }
}

@media only all and (max-width: 1024px) {
    .newWidth {
        width: 57.5%
    }
}

@media only all and (max-width: 768px) {
    .newWidth {
        width: 80%
    }
}

@media only all and (max-width: 414px) {
    .newWidth {
        width: 90%
    }
}

.page_wrap > div {
    display: inline-block;
    width: 49%;
    text-align: center
}

@media only all and (max-width: 768px) {
    .page_wrap > div {
        display: block;
        width: 100%
    }
}

.erweima {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10000000000000000000000000000000;
    display: none
}

    .erweima > img {
        position: absolute;
        width: 88px;
        height: 88px;
        top: 50%;
        left: 50%;
        margin-left: -44px;
        margin-top: -44px
    }

.abouts > img {
    width: 100%
}


/* jquery.SuperSlide.2.1.1下拉菜单特效展示（Nav） */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ position:relative; z-index:9999;float: left;}
.nav a{ color:#fff;}
.nav .nLi{ float:left;position:relative; display:inline;}
.nav .nLi:first-child {border-left: 0px solid #000;}
.nav .nLi:last-child {border-right: 0px solid #888;}
.nav .nLi h3{ float:left;display: block;}
.nav .nLi h3 a{ display:block;}
.nav .on h3 a{ color:#fff;}
.nav .onFirst h3 a{ border-radius:5px 0 0 0; -moz-border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; -o-border-radius:5px 0 0 0;}
.nav .onLast h3 a{ border-radius:0 5px 0 0; -moz-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0; -o-border-radius:0 5px 0 0;}

.nav .sub{ display:none;width:150px;left:-18px;top:60px;position:absolute; background:#555;opacity: 0.9;line-height:46px; padding:2px 0;border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px;
border: 1px solid #aaa;
box-shadow:0 0 10px #555;
-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .85);
-moz-box-shadow:0 0 8px rgba(0, 0, 0, .85);
box-shadow:0 0 8px rgba(0, 0, 0, .85);	
}
.nav .sub li{ zoom:1; z-index:99999;padding:0}
.nav .sub a{ display:block; padding:3px 10px 3px 15px;border-bottom: 1px solid #444;width:148px;}
.nav .sub li:last-child a{ border-bottom: 0;}
.nav .sub a:hover{ background:#444; color:#fff;}

@media only all and (max-width: 1366px) {header .pc_wrap .nav .sub {top: 45px;}}

.icon-home {background: url(../images/menu_icon/icon-home.png) no-repeat 0 center;width:14px; height:13px;padding-left:18px;padding-left:17px\0;}/*\0; /* IE 8+ */
*+html .icon-home {padding-left:1px;}/* IE7 */
.icon-Information {background: url(../images/menu_icon/icon-Information.png) no-repeat 0 center; width:14px; height:14px;padding-left:18px;}
.icon-Exhibition {background: url(../images/menu_icon/icon-Exhibition.png) no-repeat 0 center; width:14px; height:14px;padding-left:18px;}
.icon-relics {background: url(../images/menu_icon/icon-relics.png) no-repeat 0 center; width:14px; height:13px;padding-left:20px;}
.icon-service {background: url(../images/menu_icon/icon-service.png) no-repeat 0 center; width:14px; height:13px;padding-left:20px;}
.icon-teach {background: url(../images/menu_icon/icon-teach.png) no-repeat 0 center; width:14px; height:14px;padding-left:20px;}
.icon-Study {background: url(../images/menu_icon/icon-Study.png) no-repeat 0 center; width:14px; height:13px;padding-left:20px;}
.icon-WenChuang {background: url(../images/menu_icon/icon-WenChuang.png) no-repeat 0 center; width:14px; height:12px;padding-left:20px;}


/*通用新闻列表*/
.list1 {margin:5px 50px;}
.list1 li span {float: right;text-align: right;color: #aba9a9;}
.list1 li a {font-size: 16px;border-bottom: 1px solid #dddbdb;padding: 15px 0;display: block;overflow: hidden;color:#3d3e38;}
.list1 li:last-child a {border-bottom: 0px;}
.list1 li a i {color: #48c7ec;font-size: 12px;padding-right: 8px;}
.list1 li a:hover{ color:#f00;}

/*** 
=============================================
    page_pagination style
=============================================
***/
.page_pagination {margin-top: 30px;}
.page_pagination li {display: inline-block;margin: 0 5px;}
.page_pagination li a {width: 55px;line-height: 55px;border: 1px solid rgba(229, 229, 229, 0.57);text-align: center;color: #252525;font-size: 18px;border-radius: 2px;}
.page_pagination li a.active,
.page_pagination li a:hover {color: #fff;background: #48c7ec;}