/*加载外部通用CSS*/

@import url("normalize.css");
html,
body {
    min-width: 1000px;
}


/*index.css*/

.bg1 {
    background: url(images/bg1.jpg) no-repeat center top #0c1538!important;
}

.bg2 {
    background: url(images/bg2.jpg) no-repeat center top #0a1647!important;
}

.wrap.frist {
    height: 100%;
    padding-top: 0!important;
}

.wrap {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.frist .logo {
    position: absolute;
    left: 0;
    top: 20px;
}

.frist h1 {
    text-indent: -9999px;
    height: 0;
    line-height: 0;
}

.frist .frist-h1 {
    height: 55%;
    margin: 0 auto;
    width: auto;
    padding-top: 75px;
}

.frist .lead {
    border: 1px solid #326be7;
    padding: 1em;
    font-size: 20px;
}

.frist .lead p {
    line-height: 40px;
    color: #fff;
}

.title-top {
    height: 70px;
    background: url(images/title.png) no-repeat center center;
    line-height: 58px;
    color: #ffeba0;
    font-size: 48px;
    text-align: center;
    margin-bottom: 40px;
}

.title-top i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(images/point.png) no-repeat;
    margin: 0 10px;
    vertical-align: 9px;
}

#Tabs_01 {}

#Tabs_01 .tabs_01_title {
    overflow: hidden;
    width: 1013px;
}

#Tabs_01 .tabs_01 {
    float: left;
    display: block;
    width: 155px;
    height: 55px;
    background: url(images/abtn.png) no-repeat;
    text-align: center;
    line-height: 55px;
    color: #fff;
    font-size: 24px;
    margin-right: 13px;
}

#Tabs_01 .tag_01.tabs_01 {
    background: url(images/abtn-hover.png) no-repeat;
    transition: 0.4s all;
}

#Tabs_01 .content {
    padding: 0 0 30px 0;
}

#Tabs_01 .content .img {
    width: 500px;
    height: 356px;
}

#Tabs_01 .content .img img {
    width: 500px;
    height: 356px;
}

#Tabs_01 .content .txt {
    width: 466px;
    margin-top: -30px;
}

#Tabs_01 .content .txt h2 {
    font-size: 26px;
    color: #ffeba0;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #326be7;
    margin-top: 14px;
}

#Tabs_01 .content .txt p {
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    margin-top: 16px;
}

.people {
    position: relative;
}

.people .item {
    width: 1000px;
}

.people .item .img {
    width: 438px;
    height: 440px;
}

.people .item .img img {
    width: 438px;
    height: 440px;
}

.people .item .txts {
    width: 500px;
    background: url(images/bg001.png) repeat;
    border: 1px solid #326be7;
    height: 440px;
}

.people .item .txts h2 {
    font-size: 32px;
    color: #ffeba0;
}

.people .item .txts h3 {
    font-size: 24px;
    color: #6797ff;
    margin-top: 16px;
}

.people .item .txts .top {
    border-bottom: 1px solid #326be7;
    padding: 15px 24px;
}

.people .item .txts .txt {
    margin-top: -10px;
}

.people .item .txts p {
    font-size: 20px;
    line-height: 48px;
    color: #fff;
    margin-top: 18px;
    padding: 0 25px
}

.people .owl-prev,
.people .owl-next,
.temple .owl-prev,
.temple .owl-next {
    position: absolute;
    top: 170px;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
}

.people .owl-prev:hover,
.people .owl-next:hover,
.temple .owl-prev:hover,
.temple .owl-next:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.people .owl-prev,
.temple .owl-prev {
    left: -116px;
    background: url(images/btn-left.png) no-repeat;
}

.people .owl-next,
.temple .owl-next {
    right: -116px;
    background: url(images/btn-right.png) no-repeat;
}

#Tabs_02 {
    overflow: hidden;
}

#Tabs_02 .tabs_02_title {
    float: left;
    width: 260px;
    margin-top: -20px;
}

#Tabs_02 .tabs_02 {
    display: block;
    height: 72px;
    line-height: 72px;
    text-align: center;
    background: #283780;
    border: 1px solid #326be7;
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}

#Tabs_02 .tag_02.tabs_02 {
    background: #4e67e1;
    transition: 0.5s all;
}

#Tabs_02 .box {
    float: right;
    width: 625px;
}

#Tabs_02 .content h2 {
    font-size: 24px;
    color: #fce89f;
}

#Tabs_02 .content img {
    height: 282px;
    width: 625px;
    margin: 25px 0 17px 0;
}

#Tabs_02 .content p {
    font-size: 18px;
    line-height: 36px;
    color: #fff;
}

#Tabs_02 .content p span {
    font-size: 24px;
    color: #fce89f;
}

.temple .owl-prev,
.temple .owl-next {
    top: 133px;
}

.temple .txt {
    width: 282px;
    height: 328px;
    background: url(images/bg002.png) repeat;
    border: 1px solid #2a50b7;
}

.temple .txt h2 {
    color: #ffeba0;
    font-size: 22px;
    line-height: 48px;
    padding: 8px 20px;
}

.temple .txt p {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    text-indent: 2em;
    padding: 0 23px;
}

.temple .imgs {
    overflow: hidden;
}

.temple .imgs .img {
    width: 161px;
    height: 330px;
    float: left;
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: 0.6s all;
    overflow: hidden;
}

.temple .imgs .img a {
    display: inline-block;
}

.temple .imgs .img img {
    width: 233px;
    height: 330px;
    opacity: 1;
    filter: alpha(opacity=100);
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 0;
    margin-left: -116px;
}

.temple .imgs .img.hover {
    width: 233px;
    transition: 0.6s all;
}

.temple .imgs .img.hover .cover {
    opacity: 0;
    filter: alpha(opacity=0);
}

.temple .imgs .img .cover {
    position: absolute;
    z-index: 2;
    width: 233px;
    height: 330px;
    background: url(images/bg003.png) repeat;
    left: 50%;
    top: 0;
    margin-left: -116px;
}

#fp-nav ul li {
    width: 20px;
    height: 20px;
}

#fp-nav ul li a span {
    width: 10px;
    height: 10px;
    background: #c2c5cd;
    border: 1px solid #c2c5cd;
    left: 50%;
    margin-left: -5px;
    top: 50%;
    margin-top: -5px;
}

#fp-nav ul li a.active span {
    background: #273b6e;
    border: 1px solid #3d5cac;
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    top: 50%;
    margin-top: -10px;
}

#fp-nav ul li .fp-tooltip {
    top: 5px;
    font-size: 16px;
    font-family: "微软雅黑";
    line-height: 18px;
    margin-right: 7pzx;
}


/*底部*/

.footer {
    margin-top: 100px;
}

#glbbot {
    border: 0;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

#glbbot a:link,
#glbbot a:hover,
#glbbot a:visited,
#glbbot a:focus {
    color: #fff;
}

#glbbot a:hover {
    text-decoration: underline;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.CsszoomIn {
    -webkit-animation: zoomIn 2s;
    animation: zoomIn 2s;
}

/*公共底部样式*/
.footer{margin:60px auto 30px; *padding-bottom:30px; text-align:center;}
.e_edu_bottom{clear:both;margin:2px auto;width:960px;padding:7px 0px;border-top:solid 2px #ccc;text-align:center;line-height:25px; overflow:hidden; height:auto; overflow:hidden\9;}
.footer .e_edu_bottom{border:none; font-family:"微软雅黑"; font-size:14px; color:#fff;}
.footer .e_edu_bottom a{color:#fff;}
.footer .e_edu_bottom p{text-align:center;}

