/*首页*/
/* header style */
.header {
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    transition: transform 1.5s ease-in-out;
}

/*0610*/
.header.hide {
    transform: translateY(-100%);
}

/*0610*/
.top-main {
    background-color: #f1f1f1;
    /*height: 80px;*/
    /*padding:0;*/
    display: flex; /* 将容器设置为Flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin: 0 0;
}

.container {
    padding-right: 0;
    padding-right: 0;
    margin-right: auto;
    margin-left: auto;
}

.mainer_content {
    background: rgba(0, 0, 0, 0.8);
    padding: 0 25px;
    height: 55px;
}

.mainer_logo {
    width: 200px;
    padding: 15px 0;
}

/* PC style */
.mainer_menu {
    margin-top: 0;
    margin-bottom: 0;
}

.mainer_menu ul li {
    margin-right: 12px;
    float: left;
}

.mainer_menu ul li a {
    color: #fff;
    display: block;
    border-radius: 2px;
    height: 55px;
    line-height: 55px;
    font-size: 23px;
    padding: 0px 30px;
}

.item-select {
    background: #e7380d;
}

/* swiper banner */
.banner_list {
    width: 100%;
    margin-top: 183px;
}

/*产品介绍*/
.product_show {
    width: 100%;
    height: 1156px;
    padding-top: 140px;
    background: url("../img/index-backgroud-bigger.png") no-repeat 50% 50%;
    position: relative;
}

.product_show h3 {
    font-family: 方正宋一简体;
    position: absolute;
    top: 180px;
    left: 40%;
    z-index: 100;
    font-size: 24px;
    color: #898989;
}

.product-title {
    position: absolute;
    top: 0;
    left: 48%;
    z-index: 99;
}

.product-pic {
    width: 1255px;
    margin: 365px auto 0 auto;
    text-align: center;
}

.product-pic li {
    float: left;
}

.product-pic li h4 {
    margin-top: 7px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
}

.product-pic li:first-child h4 {
    width: 391px;
    margin-top: 27px;
}

.product-pic li:nth-child(2) h4 {
    width: 487px;
}

.product-pic li:nth-child(3) h4 {
    width: 377px;
    margin-top: 27px;
}

.product-pic li:first-child {
    padding-top: 35px;
}

.product-pic li:last-child {
    padding-top: 35px;
}

.product-pic li:hover img {
    box-shadow: 0 0 8px #DDD;
    -moz-box-shadow: 0 0 8px #DDD;
    -webkit-box-shadow: 0 0 8px #DDD;
    transition: width 2s, height 2s, background 2s, transform 2s;
    -moz-transition: width 2s, height 2s, background 2s, -moz-transform 2s;
    -webkit-transition: width 2s, height 2s, background 2s, -webkit-transform 2s;
    -o-transition: width 2s, height 2s, line-height 2s, background 2s, -o-transform 2s;
}

.product-pic li img {
    -webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0%, transparent 35%);
}

/*案例欣赏*/
.example_show {
    width: 100%;
    height: 883px;
    padding-top: 140px;
    background: url("../img/index-backgroud-black.png") no-repeat 50% 50%;
    position: relative;
}

.example-title {
    position: absolute;
    top: 0;
    left: 40%;
}

.example-mei {
    position: absolute;
    top: 170px;
    right: 0;
}

.example-detail {
    margin-top: 350px;
    margin-left: 75px;
}

.example-detail img {
    box-shadow: 0 10px 10px rgba(0, 0, 0, .3)
}

/*专家团队*/
/*0610*/
.team_show {
    width: 100%;
    height: 887px;
    background: url("../img/index-backgroud.png") no-repeat 50% 50%;
    position: relative;
}

.team-title {
    position: absolute;
    top: 95px;
    left: 42%;
}

.example-h3 {
    position: absolute;
    top: 155px;
    left: 27%;
}

.people-show {
    width: 1300px;
    margin: 0 auto;
    padding-top: 240px;
    position: relative;
}

.team-yun {
    width: 237px;
    z-index: 999;
    position: absolute;
    top: 600px;
    left: 0;
}

.people-show ul li {
    width: 292px;
    float: left;
    margin-right: 35px;
}

.people-show ul li h3 {
    font-family: 方正宋一简体;
    width: 276px;
    height: 210px;
    background: #595757;
    line-height: 32px;
    font-size: 12px;
    color: #fff;
    padding: 10px 20px 0 20px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.people-show ul li:nth-child(3) h3 {
    line-height: 22px;
}

.people-show ul li:nth-child(4) h3 {
    line-height: 21px;
}

.people-show ul li:last-child {
    margin-right: 0;
}

/*人物云朵动画*/
@keyframes xianqi-people {
    0% {
        left: 0;
    }
    100% {
        left: 1200px;
    }
}

.team-yun {
    animation: xianqi-people 50s linear 1s infinite alternate;
    -moz-animation: xianqi-people 50s linear 1s infinite alternate; /* Firefox */
    -webkit-animation: xianqi-people 50s linear 1s infinite alternate; /* Safari 和 Chrome */
    -o-animation: xianqi-people 50s linear 1s infinite alternate; /* Opera */
}

/*为什么选择翰智*/
.choose_hanzhi {
    width: 100%;
    height: 1156px;
    background: url("../img/index-backgroud-bigger.png") no-repeat 50% 50%;
    position: relative;
}

.choose-title {
    position: absolute;
    top: 110px;
    left: 40%;
}

.choose-text {
    width: 1200px;
    margin: 0 auto;
    padding-top: 230px;
    position: relative;
}

.why-yun {
    z-index: 999;
    position: absolute;
    top: 135px;
    left: 775px;
}

.choose-text ul li {
    width: 100%;
    height: 170px;
    margin-bottom: 16px;
    background: #787878;
    padding-top: 7px;
    padding-left: 9px;
}

.why-title1 {
    padding-top: 25px;
    margin-left: 60px;
    margin-right: 50px;
}

.why-text1 {
    width: 880px;
    padding-top: 12px;
    font-size: 16px;
    line-height: 27px;
    color: #fff;
    text-align: justify;
    text-justify: inter-ideograph;
}

#why-text1 {
    padding-top: 35px;
}

#why-text3 {
    padding-top: 20px;
}

#ziyuan {
    margin-left: 45px;
    margin-top: 30px;
}

#ziyuan-text {
    margin-left: 35px;
    padding-top: 35px
}

/*资质荣誉*/
.honor_show {
    width: 100%;
    height: 883px;
    background: url("../img/index-backgroud-black.png") no-repeat 50% 50%;
    position: relative;
}

.zizhi-title {
    position: absolute;
    top: 100px;
    left: 42%;
}

.honor_show > h3 {
    color: #706e6f;
    font-family: 方正宋一简体;
    font-size: 28px;
    text-align: center;
    padding-top: 185px;
}

.zihzi-list {
    width: 1259px;
    margin: 0px auto 0 auto;
    position: relative;
    top: 40%;
}

.zizhi-xianqi-list {
    z-index: 999;
    position: absolute;
    top: -50px;
    left: -145px;
}

.zihzi-list ul li {
    margin-right: 3px;
    margin-bottom: 3px;
    float: left;
}

.zihzi-list ul li:nth-child(4) {
    margin-right: 0;
}

.zihzi-list ul li:last-child {
    margin-right: 0;
}

/*联系我们*/
.contact_show {
    width: 100%;
    height: 500px;
    position: relative;
}

.contact-title {
    width: 349px;
    margin: 0 auto;
    padding-top: 80px;
}

.contact-container {
    width: 1300px;
    margin: 0 auto;
    padding-top: 50px;
    padding-left: 345px;
}

.contact-form {
    width: 570px;
    float: left;
    position: relative;

}

.yqlianjie {
    text-align: center;
    line-height: 120px;
    font-size: 18px;

}

.yqlianjie span {
    display: inline-block;
    margin: 0 10px;
    color: red
}

.contact-form form {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

.contact-form input {
    width: 100%;
    padding-left: 15px;
    line-height: 22px;
    font-size: 14px;
    margin-bottom: 20px;
    background: #dcdddd;
}

.contact-form textarea {
    width: 100%;
    height: 80px;
    padding-left: 15px;
    padding-top: 10px;
    background: #dcdddd;
    resize: none;
}

#submit {
    width: 66px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    background: #292929;
    margin-top: 20px;
    text-align: center;
    padding: 0;
}

.contact-address {
    float: right;
    margin-right: 750px;
    margin-top: 30px;
}

.contact-address h2 {
    font-size: 25px;
    font-weight: bold;
    line-height: 38px;
    margin-bottom: 30px;
    margin-bottom: 20px;
}

.contact-address > h3 {
    text-align: left;
    color: #595757;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 10px;
}

.hanzhi-vx-back {
    position: relative;
}

.hanzhi-vx {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.contact-us-kefu {
    z-index: 999;
    position: absolute;
    bottom: 0;
    left: 0;
}

.baidu-map {
    z-index: 1000;
    width: 100%;
    height: 395px;
    position: relative;
    bottom: 5px;
    left: 0;
}

/*数字化书法系统*/

/*系统介绍*/
.product-mainer {
    position: relative;
}

.xianqi-yun-1 {
    position: absolute;
    top: 0;
    right: 20%;
}

.product-mainer > h3 {
    width: inherit;
    text-align: center;
    font-size: 40px;
    font-weight: bolder;
    margin-top: 90px;
}

.product-mainer > h4 {
    font-family: 方正宋一简体;
    color: #9fa0a0;
    font-size: 24px;
    text-align: center;
    margin-top: 20px;
}

.product-mainer > h4:after {
    display: block;
    content: '';
    width: 50px;
    height: 2px;
    background: #e7380d;
    text-align: center;
    margin: 30px auto 0 auto;
}

.product-mainer > h5 {
    width: 400px;
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    margin: 80px auto 30px auto;
    background: #e7380d;
    text-align: center;
}

.product-mainer > p {
    width: 1200px;
    margin: 0 auto 60px auto;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    text-indent: 2em;
}

.product-mainer-list {
    width: 1200px;
    margin: 0 auto;
}

.product-mainer-list ul li {
    width: 100%;
    height: 252px;
    margin-bottom: 40px;
}

.intro-list-item {
    width: 820px;
    height: 100%;
    padding: 35px 15px 15px 35px;
}

.intro-list-item h3 {
    text-align: left;
}

.system-point-single {
    background: url("../img/system-point-single.png") no-repeat 100% 100%;
}

.system-point-double {
    background: url("../img/system-point-double.png") no-repeat 100% 100%;
}

.intro-list-item p {
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
    margin-top: 20px;
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
}

.product-mainer-list ul li h3 {
    font-size: 24px;
    line-height: 32px;
    color: #e7380d;
}

.mainer-list-pic {
    width: 380px;
    height: 100%;
    background: #b7b7b7;
}

/*数字化系统二级页面*/
.shuzi-detail-pic-back {
    width: 1250px;
    margin: 0 auto;
}

.shuzi-detail-return {
    width: 98px;
    margin: 50px auto 0 auto;
}

/*功能介绍*/
.product-function {
    width: 100%;
    margin-bottom: 265px;
    position: relative;
}

.xianqi-yun-2 {
    position: absolute;
    top: 250px;
    left: 40%
}

.product-function > h3 {
    width: 405px;
    line-height: 40px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    background: #e7380d;
    margin: 0 auto 50px auto;
}

.product-function > p {
    width: 1200px;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    line-height: 32px;
    padding: 10px 30px 5px 30px;
}

.product-system {
    width: 100%;
    background: #000;
    position: relative;
}

.xianqi-yun-3 {
    position: absolute;
    top: 150px;
    left: 10%;
}

.xianqi-yun-4 {
    position: absolute;
    top: 330px;
    right: 12%;
}

.system-container {
    width: 1200px;
    margin: 0 auto;
}

.system-chair img {
    position: absolute;
    bottom: -60px;
    right: 200px;
}

.function-title {
    width: 550px;
    height: 75px;
    position: absolute;
    top: -75px;
    left: 35%;
    background: #e7380d;
    padding-top: 10px;
}

.function-title h3 {
    font-size: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
}

.function-title h4 {
    font-family: 方正宋一简体;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-top: 5px;
}

/*六大系统*/
.system-list-btn {
    width: 555px;
    position: absolute;
    bottom: 40px;
    left: 36%;
}

.system-list-btn > ul > li {
    float: left;
    margin-right: 40px;
}

.system-list-btn > ul > li:last-child {
    margin-right: 0;
}

.system-list-btn > ul > li > a {
    font-size: 22px;
    color: #000;
    line-height: 25px;
    font-weight: bold;
    display: block;
    font-family: 方正中楷繁体;
    width: 30px;
}

.system-list-btn > ul > li > a:hover {
    color: #e7380d;
}

/*七步教学法*/
.function-teach {
    width: 1200px;
    margin: 190px auto 0 auto;
}

.jiaoxue-step {
    width: 550px;
    height: 75px;
    text-align: center;
    margin: 0 auto;
    background: #e7380d;
    padding-top: 15px;
}

.jiaoxue-step > h3 {
    font-size: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
}

.jiaoxue-step > h4 {
    font-family: 方正宋一简体;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
}

.teach-content {
    margin-top: 80px;
}

.teach-list {
    padding-left: 60px;
}

.teach-list li {
    float: left;
    width: 285px;
    margin-right: 110px;
    margin-bottom: 110px;
}

.teach-list li:last-child {
    margin-right: 0;
}

.teach-content li h3 {
    width: 100%;
    margin-top: 15px;
    padding: 0 10px;
    font-size: 16px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.teach-list-4 li {
    float: left;
    width: 285px;
    margin-right: 20px;
    margin-bottom: 110px;
}

.teach-list-4 li:last-child {
    margin-right: 0;
}

/*智慧书法教室*/
.class-mainer {
    width: 1200px;
    margin: 0 auto 150px auto;
    padding-bottom: 50px;
    border-bottom: 3px solid #e4e4e4;
}

/*智能高科教辅*/
.zhineng-content {
    position: relative;
    /* padding-top: 90px; */
}

.zhineng-content h5 {
    width: 588px;
}

.jiaofu-content {
    width: 100%;
    margin: 0 auto;
}

.jiaofu-yun-xianqi {
    position: absolute;
    top: 240px;
    right: 20%;
}

/*描红本*/
.miaohong-content {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.miaohong-back {
    width: 1371px;
    height: 836px;
    margin: 0 auto;
    background: url("../img/miaohong-back1.jpg") no-repeat 100% 100%;
}

.miaohong-video {
    width: 1004px;
    position: relative;
    margin: 0 auto;
    padding-top: 80px;
}

.miaohong-video video {
    width: 100%;
    height: 626px;
}

#miaohong-poster_img {
    width: 100%;
    height: 626px;
    position: absolute;
    background: transparent no-repeat;
    background-size: cover;
}

.miaohong-txt {
    height: 200px;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    writing-mode: vertical-rl; /*从左向右 从右向左是 writing-mode: vertical-rl*/
    writing-mode: tb-rl; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl*/
}

.miaohong-bgcolor {
    width: 100%;
    background: #dadada;
    padding-top: 180px;
}

.miaohong-bgcolor > h3 {
    width: inherit;
    text-align: center;
    font-size: 40px;
    font-weight: bolder;
}

.miaohong-bgcolor > h4 {
    font-family: 方正宋一简体;
    color: #9fa0a0;
    font-size: 24px;
    text-align: center;
    margin-top: 20px;
}

.miaohong-bgcolor > h4:after {
    display: block;
    content: '';
    width: 50px;
    height: 2px;
    background: #e7380d;
    text-align: center;
    margin: 30px auto 0 auto;
}

.miaohong-bgcolor > h5 {
    width: 588px;
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    margin: 80px auto 30px auto;
    background: #e7380d;
    text-align: center;
}

/*毛笔*/
.maobi-content {
    width: 100%;
    margin: 120px auto 0 auto;
    position: relative;
    background: #c9c8c8 !important;
    padding-top: 145px;
    padding-bottom: 120px;
}

.maobi-back {
    width: 1371px;
    height: 843px;
    margin: 0 auto;
    background: url("../img/maobi-back1.png") no-repeat 100% 100%;
}

.maobi-video {
    width: 997px;
    position: relative;
    margin: 0 auto;
    padding-top: 78px
}

.maobi-video video {
    width: 100%;
    height: 621px;
}

#maobi-poster_img {
    width: 100%;
    height: 621px;
    position: absolute;
    background: transparent no-repeat;
    background-size: cover;
}

/*墨水*/
.moshui-content {
    width: 1200px;
    margin: 50px auto 0 auto;
    position: relative;
}

.moshui-title {
    width: 384px;
    margin: 0 auto;
}

.moshui-back {
    width: 1250px;
    height: 1171px;
    margin: 0 auto;
    background: url("../img/moshui-back1.jpg") no-repeat 100% 100%;
}

.moshui-video {
    width: 1070px;
    position: relative;
    margin: 30px auto 0 auto;
    padding-top: 260px;
}

.moshui-video video {
    width: 100%;
    height: 592px;
}

#moshui-poster_img {
    width: 100%;
    height: 592px;
    position: absolute;
    background: transparent no-repeat;
    background-size: cover;
}

/*案例中心*/
.case-mainer {
    /*width: 100%;*/
    /*margin: 0 auto;*/
    /*position: relative;*/
    max-width: 1920px;
    margin: 0 auto;
    height: 1156px;
    justify-content: center; /* 横向居中 */
    background: url("../img/anli-shuimobeijing.png") no-repeat 50% 50%;
    position: relative;
}

.case-title {
    width: 453px;
    margin: 90px auto 70px auto;
}

.case-list {
    width: 100%;
    padding-top: 10%;
    /*background: #dcdddd;*/
    position: relative;
}

.case-classes {
    width: 600px;
    margin: 0 auto;
}

.case-classes > h3 > a {
    display: block;
    font-size: 22px;
    color: #fff;
    text-align: center;
    width: 220px;
    line-height: 40px;
    margin: 0 auto;
    background: #f4a895
}

.case-title-choose {
    background: #e7380d !important;
}

/*案例中心二级页面*/
.case-detail {
    width: 1200px;
    margin: 50px auto 0 auto;
}

.case-detail ul li {
    width: 250px;
    float: left;
    margin-right: 50px;
    margin-bottom: 20px;
}

.case-detail ul li:nth-child(4n) {
    margin-right: 0;
}

.case-detail ul li a {
    display: block;
    width: 100%;
    height: 185px;
    background: #acadae;
    text-align: center;
}

.case-detail ul li h3 {
    font-size: 16px;
    line-height: 60px;
    color: #acadae;
    text-align: center;
    background: #fff;
}

.list-recond {
    width: 1200px;
    margin: 50px auto 180px auto;
}

.list-recond span {
    cursor: pointer;
}

.list-recond p {
    text-align: center;
    font-size: 14px;
    line-height: 28px;
}

.recond {
    color: #e7380d;
}

.yema-all {
    color: #e7380d;
}

.current {
    color: #e7380d;
}

.yema {
    display: inline-block;
    width: 60px;
    font-size: 14px;
    line-height: 25px;
    color: #c9caca;
    text-align: center;
    border: 1px solid #c9caca;
    margin: 0px 5px;
}

.yema-choose {
    display: inline-block;
    font-size: 14px;
    width: 60px;
    height: 27px;
    line-height: 27px;
    border: 1px solid #c9caca;
    text-align: center;
    margin: 0px 5px;
}

.anli-xianqi-1 {
    position: absolute;
    top: -30px;
    right: 25%;
}

.anli-xianqi-2 {
    transform: scale(1.5);
    position: absolute;
    top: 315px;
    left: 10%;
}

.anli-xianqi-3 {
    position: absolute;
    bottom: 0px;
    right: 12%;
}

/*新闻资讯*/
.news-mainer {
    /*width: 1200px;*/
    /*margin: 0 auto;*/
    /*border-bottom: 3px solid #e4e4e4;*/
    /*position: relative;*/
    max-width: 1920px;
    margin: 0 auto;
    height: 1156px;
    justify-content: center; /* 横向居中 */
    background: url("../img/news-background.png") no-repeat 50% 50%;
    position: relative;
}

.news-title {
    width: 282px;
    margin: 100px auto 70px auto;
}

.news-class {
    width: 470px;
    margin: 0 auto;
}

.news-class a {
    display: block;
    width: 210px;
    font-size: 22px;
    color: #fff;
    line-height: 40px;
    background: #f4a895;
    text-align: center;
}

.news-list {
    margin-top: 110px;
    position: relative;
}

.news-list ul li {
    width: 100%;
    height: 185px;
    background: #e4e4e4;
    margin-bottom: 45px;
}

.news-detail-pic {
    width: 300px;
    height: 185px;
    float: left;
}

.news-detail-txt {
    width: 800px;
    padding: 30px 0 0 70px;
}

.news-detail-txt h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: bolder;
}

.news-detail-txt h4 {
    font-size: 14px;
    line-height: 32px;
    color: #e7380d;
}

.news-detail-intro p {
    font-size: 16px;
    line-height: 32px;
    margin-top: 10px;
}

.news-page {
    text-align: center;
    margin: 0 auto 45px auto;
}

.new-xianqi-1 {
    position: absolute;
    top: 60px;
    right: 20%;
}

.news-xianqi-2 {
    transform: scale(1.5);
    z-index: 999;
    position: absolute;
    top: 150px;
    left: -12%;
}

.news-xianqi-3 {
    z-index: 999;
    position: absolute;
    bottom: -40px;
    right: 0;
}

/*关于翰智*/
.about-mainer {
    max-width: 1920px;
    margin: 0 auto;
    height: 1156px;
    justify-content: center; /* 横向居中 */
    background: url("../img/about-background1.png") no-repeat 50% 50%;
    position: relative;
}

.about-mainer2 {
    max-width: 1920px;
    margin: 0 auto;
    height: 1156px;
    justify-content: center; /* 横向居中 */
    background: url("../img/about-background2.png") no-repeat 50% 50%;
    position: relative;
}

.about-title {
    width: 518px;
    margin: 90px auto 75px auto;
}

.about-intro {
    width: 1200px;
    margin: 0 auto;
}

.about-intro h3 {
    font-size: 22px;
    width: 220px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: #e7380d;
    margin: 0 auto 48px auto;
}

.about-intro p {
    font-size: 16px;
    text-indent: 2em;
    text-align: left;
    line-height: 32px;
}

.about-people {
    width: 100%;
    height: 969px;
    background: url("../img/people-back.jpg") no-repeat 100% 100%;
}

.about-people h3 {
    font-size: 22px;
    width: 220px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: #e7380d;
    margin: 100px auto 0 auto;
}

.people-list {
    width: 726px;
    text-align: center;
    margin: 40px auto 0 auto;
    position: relative;
}

.people-list ul li {
    width: 303px;
    margin-right: 120px;
    float: left;
}

.people-list ul li:last-child {
    margin-right: 0;
}

.people-list ul li p {
    width: 100%;
    height: 580px;
    padding: 20px;
    background: #fff;
    text-align: justify;
    text-justify: inter-ideograph;
}

.about-xianqi-1 {
    position: absolute;
    bottom: -60px;
    left: 25%;
}

.video-mainer {
    width: 906px;
    height: 696px;
    margin: 0 auto;
    background: url("../img/hanzhi-back.png") no-repeat 100% 100%;
    position: relative;
}

.video-detail {
    width: 820px;
    margin: 0 auto;
    padding-top: 148px;
}

.video-detail video {
    width: 100%;
    border-top: 4px solid #000;
    border-bottom: 5px solid #000;
}

.about-xianqi-2 {
    position: absolute;
    top: 135px;
    left: -130px;
}

.about-xianqi-3 {
    z-index: 99;
    position: absolute;
    bottom: 15px;
    right: -100px;
}

.develope-mainer {
    width: 1200px;
    margin: 240px auto 0 auto;
}

.develope-title {
    width: 100%
}

.develope-title h3 {
    font-size: 22px;
    width: 220px;
    color: #fff;
    line-height: 40px;
    background: #e7380d;
    text-align: center;
    margin: 0 auto
}

.develope-process {
    width: 100%;
    margin: 70px auto 0 auto;
    position: relative;
}

.about-honor {
    position: relative;
}

.about-honor h3 {
    font-size: 22px;
    width: 220px;
    color: #fff;
    line-height: 40px;
    background: #e7380d;
    text-align: center;
    margin: 80px auto 80px auto;
}

.about-honor-list {
    width: 100%;
    background: #b7b7b7;
    padding: 80px 0 120px 0;
}

.about-honor-list ul {
    width: 1200px;
    margin: 0 auto;
}

.about-honor-list ul li {
    width: 298px;
    float: left;
    margin-right: 2px;
    margin-bottom: 5px;
}

.about-honor-list ul li:nth-child(4n) {
    margin-right: 0;
}

.about-xianqi4 {
    position: absolute;
    bottom: 130px;
    left: 20%;
}

.about-xianqi5 {
    position: absolute;
    bottom: 60px;
    right: 20%;
}

.about-xianqi6 {
    position: absolute;
    bottom: 30px;
    left: 45%;
}

.about-footer {
    margin-top: 200px;
}

/*新闻二级页面*/
.news-details-text {
    border-bottom: none;
}

.news-detail-text {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.news-detail-text h4 {
    font-size: 24px;
    line-height: 40px;
}

.news-detail-text h6 {
    font-size: 18px;
    line-height: 24px;
}

.news-details-pic {
    width: 100%;
    margin: 40px 0;
    text-align: center;
}

.news-details-text-container {
    width: 1200px;
    margin: 0 auto;
}

.news-details-text-container p {
    width: 100%;
    height: 450px;
    text-indent: 2em;
    line-height: 32px;
    text-align: left;
    padding: 35px 15px;
    overflow-y: auto;
}

.news-detail-back {
    width: 100%;
    margin: 30px auto 100px auto;
}

.news-detail-back a {
    display: inline-block;
    width: 80px;
    line-height: 40px;
    color: #e7380d;
    border: 2px solid #e7380d;
}

.news-detail-yun-3 {
    bottom: -5px;
    right: -10%;
}

.news-detail-yun-2 {
    top: 140px;
    left: -10%;
}

.news-detail-yun-1 {
    top: 275px;
    right: 40%;
}

/*后台登录页面*/
.manager-back {
    width: 100%;
    height: 969px;
    background: url("../img/manager-back.jpg") no-repeat 100% 100%;
    position: relative;
}

.manager-title {
    width: 315px;
    margin: 0 auto;
}

.manager-form {
    width: 319px;
    height: 253px;
    margin: 0 auto;
    background: url("../img/form-back.png") no-repeat 100% 100%;
}

.manager-form h3 {
    padding-top: 25px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    text-shadow: -2px 2px 2px rgba(0, 0, 0, .5);
}

.liuyan-form {
    width: 230px;
    margin: 22px auto 0 auto;
}

.manager-form input {
    display: block;
    font-size: 14px;
    color: #6d6c6c;
    width: 230px;
    line-height: 25px;
    margin: 2px 0;
    padding-left: 15px;
}

#btn {
    display: block;
    color: #fff;
    width: 78px;
    font-size: 15px;
    line-height: 39px;
    margin-top: 18px;
    text-align: center;
    padding-left: 0px;
    background: url("../img/submit-btn.png") no-repeat 100% 100%;
}

/*后台管理页面*/
/*头部信息时间*/
.manager-header {
    color: #fff;
    width: 100%;
    height: 50px;
    background: #0081b8;
    padding: 0 50px;
}

.manager-detail-title h3 {
    font-size: 18px;
    line-height: 50px;
}

.manager-detail-time h5 {
    padding-top: 2px;
    font-size: 15px;
}

.manager-detail-time h6 {
    font-size: 14px;
}

/*主体内容列表*/
.manager-detail-list {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.manager-list-left {
    width: 15%;
    height: 970px;
    background: #28343d;
}

.manager-list-left ul li a {
    display: block;
    width: inherit;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
}

.manager-list-left ul li a:hover {
    color: red;
    text-decoration: underline;
}

.manager-list-right {
    width: 85%;
    background: red;
}