body {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    background: #f7f7f7
}

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

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

.header {
    height: 60px;
    line-height: 60px;
    background: #fff
}

.header .logo {
    float: left;
    padding: 0 30px
}

.header .logo img {
    width: 127px;
    height: 31px
}

.header .slogan {
    float: left;
    border-left: 1px solid #072a66;
    margin-top: 15px;
    padding-left: 20px;
    color: #072a66;
    font-size: 15px;
    font-weight: 700;
    height: 31px;
    line-height: 31px
}

.header .search {
    float: right;
    height: 50px;
    position: relative;
    margin-top: 2px;
}

.header .telephone {
    float: right;
    color: #072a66;
    font-size: 12px;
    font-weight: 700
}

.header .search .searchForm {
    position: relative;
    border-radius: 50px;
    display: inline-block;
    width: 220px;
    height: 25px;
    margin-top: 15px;
    margin-right: 20px;
    border: 1px solid #072a66;
    overflow: hidden
}

.header .search .searchForm .skwd {
    float: left;
    outline: 0;
    border: unset;
    background: unset;
    height: 25px;
    padding: 0 10px;
    font-size: 12px
}

.header .search .searchForm .sbtn {
    float: right;
    border: unset;
    background: unset;
    position: absolute;
    right: 5px;
    height: 25px;
    padding: 0 10px;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer
}

.header .search .hotKeyword {
    position: absolute;
    background: #fff;
    top: 50px;
    width: 202px;
    z-index: 1989816;
    border-radius: 0 0 10px 10px;
    padding: 5px 10px;
    display: none
}

.header .search .hotKeyword .title {
    font-size: 12px;
    color: #666;
    line-height: 12px;
    margin-top: 5px;
}

.header .search .hotKeyword li {
    float: left;
    font-size: 10px;
    color: #666;
    line-height: 20px;
    margin-top: 5px;
    margin-right: 10px
}

.header .search .hotKeyword li:last-child {
    margin-right: 0
}

.header .search .hotKeyword li a {
    padding: 3px 5px;
    background: #dcdcdc
}

.header .search .hotKeyword li a:hover {
    background: #eb3b3b;
    color: #fff
}

.navigation {
    height: 45px;
    line-height: 45px;
    background: linear-gradient(to right, #888f9d, #0a162d, #888f9d);
}

.navigation .vertical {
    position: absolute;
    width: 190px
}

.navigation .vertical .h2 {
    background: #8791a3;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center
}

.navigation .vertical .h2 img {
    position: relative;
    top: -2px
}

.navigation .vertical h3 {
    padding-top: 9px;
    padding-bottom: 0px;
    color: #072a66;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.navigation .vertical h3 a::before {
    content: "@";
    width: 7px;
    height: 10px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: -1px;
    margin-right: 6px;
}

.navigation .vertical h3 a {
    color: #072a66;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px
}

.navigation .vertical h3 a:hover {
    color: #072a66
}

.navigation .vertical .lists {
    padding: 5px 10px;
    /* background: rgb(255,255,255, 255); */
    height: 390px;
    overflow: hidden;
    display: block;
    z-index: 1989816;
    position: absolute
}

.navigation .vertical .lists ul {
    padding-top: 1px;
    padding-left: 1px;
    display: block;
    overflow: hidden
}

.navigation .vertical .lists li {
    float: left;
    width: 50px;
    font-size: 10px;
    line-height: 15px
}

.navigation .vertical .lists li1 {
    float: left;
    width: 50px;
    font-size: 10px;
    line-height: 20px
}

.navigation .vertical .lists lihk1 {
    float: left;
    width: 35px;
    font-size: 10px;
    line-height: 20px
}

.navigation .vertical .lists lihk2 {
    float: left;
    width: 35px;
    font-size: 10px;
    line-height: 20px
}

.navigation .vertical .lists lihk3 {
    float: left;
    width: 35px;
    font-size: 10px;
    line-height: 20px
}

.navigation .vertical .lists lilang {
    float: left;
    width: 33px;
    font-size: 10px;
    line-height: 15px
}

.navigation .vertical .lists li:nth-child(1) {
    float: left;
    width: 28px;
    font-size: 10px;
    line-height: 20px
}

.navigation .vertical .lists li:nth-child(2) {
    float: left;
    width: 28px;
    font-size: 10px;
    line-height: 20px
}

.navigation .vertical .lists li:nth-child(3) {
    float: left;
    width: 28px;
    font-size: 10px;
    line-height: 20px
}

.navigation .vertical .lists li:nth-child(4) {
    float: left;
    width: 28px;
    font-size: 10px;
    line-height: 20px
}

.navigation .vertical .lists li:nth-child(5) {
    float: left;
    width: 28px;
    font-size: 10px;
    line-height: 20px
}

.navigation .vertical .lists li:nth-child(6) {
    float: left;
    width: 28px;
    font-size: 10px;
    line-height: 20px
}

.navigation .vertical .lists li a {
    font-size: 10px;
    color: #666
}

.navigation .vertical .lists li a:hover {
    color: #38467f
}

.navigation .vertical .lists:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1)
}

.navigation .standard {
    margin-left: 190px
}

.navigation .standard li {
    float: left
}

.navigation .standard li a {
    padding: 0 11px;
    color: #fff;
    font-size: 14px
}

.navigation .standard li a:hover {
    color: #f4a130
}

.banner {
    height: 560px;
    width: 100%;

}

.banner .banner_1 {   
    height: 460px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-align: center;
}

.banner .banner_1 .text-grow {
    font-size: 5px;
    opacity: 1;
    animation: grow-text 1s ease-in-out forwards;
    color: #fff;
    line-height: 100px;

}

@keyframes grow-text {
    0% {
        opacity: 0;
        font-size: 5px;
    }

    100% {
        opacity: 1;
        font-size: 64px;
    }
}




.banner .banner_1 .w-container {
    height: 36px;
    width: 495px;
    background-color: rgba(153, 0, 51, 0.44);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.36);
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    animation: slide-up 1s forwards;
    opacity: 0;
    transform: translateY(100%);
    padding: 0 10px;
    margin: 40px auto 0;
}

@keyframes slide-up {
    to {
        opacity: 1;
        transform: translateY(0);
    }

}

.banner .banner_1 .banner a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.about {
    margin-top: -60px;
    overflow: hidden;
    display: block
}

.about .left {
    float: left;
    width: 600px;
}

.about .left .title {
    height: 50px;

}

.about .left .title a {
    line-height: 50px;
    padding-left: 20px;
    font-size: 30px;
    color: #000844;
    font-weight: 700;
    margin: auto;
}

.about .left .title span {
    line-height: 50px;
    padding-left: 30px;
    font-size: 30px;
    color: #990033;
    font-weight: 700;
    margin: auto;
}

.about .left .column {
    width: 600px;
    height: 360px;
    padding-top: 20px;
    margin-top: 10px
}

.about .left .column .box {
    float: left;
    width: 600px;
    height: 360px;
}

.about .left .column .content {
    width: 600px;
    height: 190px;
    font-size: 18px;
    line-height: 38px;
    font-weight: normal;
    color: #333;
    text-align: center;
    border-radius: 10px 10px 0 0;
    /* 初始位置设置为左侧不可见 */
    /*transform: translateX(-100%);*/
    /* 动画名称和持续时间 */
    /*animation: slide-in2 2s forwards;*/
}

.about .left .column .content a {
    color: #990033;
    letter-spacing: 2px;
    font-weight: 600;
	font-size: 16px;
    text-decoration: underline 2px solid #903;
}

.about .left .column .content .content_t2 {
    border-top: 2px solid #903;
    width: 230px;
    text-align: center;
    margin: auto;
}

/* 定义关键帧 */
@keyframes slide-in2 {
    to {
        /* 动画结束状态，位置重置为初始位置 */
        transform: translateX(0);
    }
}


.about .left .column .content b {
    color: #990033;
}

.about .left .column .content p img {
    width: 15px;
    margin-right: 10px;
}

.about .left .column .box ul {
    margin-top: 20px;
}

ul.slide-in {
    /* 初始化样式，不可见且在页面上方 */
    opacity: 0;
    transform: translateY(-40px);

    /* 动画名称和持续时间 */
    animation: slide-in 1s forwards;
}

/* 定义关键帧动画 */
@keyframes slide-in {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.about .left .column .box li {
    text-align: center;
    width: 200px;
    float: left;
    margin-bottom: 40px;

}

.about .left .column .box .content-box {
    width: 170px;
    height: 60px;
    line-height: 60px;
    float: left;
    font-size: 20px;
    background-color: #990033;
    color: #fff;
    margin-left: 15px;
}



.about .left .column .box .content-box .content-box-inner {
    font-size: 44px;
    color: #ffffff;
    font-family: Source Black Body;
    font-weight: 700;

}

.about .left .column .box .Content-Type {
    font-size: 20px;
    color: #333;
    width: 200px;
    margin-top: 20px;
    float: left;
}


.about .left .column .box {
    float: left;
    width: 600px;
    height: 360px;
    background-image: url(https://www.peccn.com/templates/gb20241127/images/about_ditu.png?v1);
	background-size: 600px 360px;
}


.about .left .column .box .slide-in .left-img {
    float: left;
    width: 45px;
}

.about .left .column .box .slide-in .right-img {
    text-align: left;
}

.about .left .column .box .slide-in .school_name {
    font-size: 16px;
    margin-left: 20px;
    color: #333;
    line-height: 15px;
}
.about .left .column .box .slide-in .school_name:hover {
  color: #444595;
}

.about .left .column .box .slide-in .school_num {
    color: #903;
    font-size: 26px;
    margin-left: 20px;
    font-weight: 600;
}

.about .left .column .box .slide-in .school_btn {
    font-size: 16px;
    color: #333;
    line-height: 15px;
}
.about .left .column .box .slide-in .school_btn:hover {
  color: #444595;
}

.about .right {
    float: right;
    width: 520px;
    height: 470px;

}

.about .right .title {
    line-height: 30px;
    height: 30px;
    border-left: 5px solid #000844;
    padding-left: 5px;
    font-size: 25px;
    color: #000844;
    font-weight: 700;


}

.about .right .title span a {
    float: right;
    margin-right: 10px;
    font-size: 16px;
    color: #999;
    height: 30px;
    line-height: 30px;
}

4
.about .right .column {
    width: 520px;
    height: 360px;
    padding-top: 20px;
    margin-top: 10px
}

.about .right .column .box {
    float: left;
    width: 520px;
    height: 360px;
}

.about .right .column .content {
    width: 520px;
    font-size: 16px;
    line-height: 36px;
    font-weight: normal;
    color: #333;
    text-align: left;
    border-radius: 10px 10px 0 0;
    letter-spacing: 1px;
	animation: slide-in3 2s forwards;
    padding-top: 20px;
	text-align:justify;
}
.about .right .column .content p{
	margin-bottom: 20px;
}

.about .right .column .content a {
    color: #990033;
    letter-spacing: 2px;
    font-weight: 600;
    text-decoration: underline 2px solid #903;
}

.about .right .column .content .content_t2 {
    border-top: 2px solid #903;
    width: 230px;
    text-align: center;
    margin: auto;
}

/* 定义关键帧 */
@keyframes slide-in2 {
    to {
        /* 动画结束状态，位置重置为初始位置 */
        transform: translateX(0);
    }
}

.about .right .column .content b {
    color: #990033;
}

.about .right .column .content p img {
    width: 15px;
    margin-right: 10px;
}

.about .right .column .box ul {
    margin-top: 40px;
}

.about .right .content {
    /* 初始化样式，不可见且在页面上方 */
    position: relative;
    right: -200px;
    /* 开始时，div在可视区域之外 */
    animation: slide-in3 2s forwards;
    /* 应用动画 */
}

/* 定义动画 */
@keyframes slide-in3 {
    to {
        right: 0;
        /* 动画结束时，div滑入可视区域 */
    }
}

.about .right .lists {
    border-top: 1px solid #b5b5b5;
    padding-top: 15px;
    padding-bottom: 5px;
    height: 400px;
    overflow: hidden;
}

.about .right .lists li {
    float: left;
    width: 540px;
    height: 100px;
    margin: 20px 40px 15px 0;
    border-radius: 10px;
    background-color: #fff;
}

.about .right .lists li:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1)
}

.about .right .lists li:nth-child(2),
.teams li:nth-child(4),
.teams li:nth-child(6) {
    margin-right: 0
}

.about .right .lists li .pic {
    float: left;
    width: 181px;
    height: 100px;
    display: block;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    border-radius: 10px 0 0 10px
}

.about .right .lists li img {
    width: 100%
}

.about .right .lists li .text {
    float: left;
    width: 340px
}

.about .right .lists li a {
    line-height: 25px
}

.about .right .lists li a span {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 15px 0;
    display: block;
    height: 45px;
    overflow: hidden;

}

.about .right .lists li:hover a span {
    color: #38467f
}

.about .right .lists li a p {
    color: #333;
    font-size: 14px;
    padding: 0 15px;
    height: 30px;
    display: block;
    margin-top: 5px;
}

.about .right .lists li a p.time {
    color: #000844;
    font-size: 12px;
    padding: 0 15px;
    display: blocks
}

.about .right .lists li a p.time img {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    margin-top: -2px;
}

.about .right .lists .swiper-slide {
    float: left;
    width: 540px;
    height: 100px !important;
    margin: 10px 40px 15px 0;
    border-radius: 10px;

}

.about .right .lists .swiper-slide .pic {
    float: left;
    width: 181px;
    height: 100px;
    display: block;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    border-radius: 10px 0 0 10px
}

.about .right .lists .swiper-slide img {
    width: 100%
}

.about .right .lists .swiper-slide .text {
    float: left;
    width: 340px
}

.about .right .lists .swiper-slide a {
    line-height: 25px
}

.about .right .lists .swiper-slide a span {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 15px 0;
    display: block;
    height: 45px;
    overflow: hidden;

}

.about .right .lists .swiper-slide a p {
    color: #333;
    font-size: 14px;
    padding: 0 15px;
    height: 30px;
    display: block;
    margin-top: 5px;
}

.about .right .lists .swiper-slide a p.time {
    color: #000844;
    font-size: 12px;
    padding: 0 15px;
    display: blocks
}

.about .right .lists .swiper-slide a p.time img {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    margin-top: -2px;
}



.pd15 {
    box-sizing: border-box;
}

.famous_school_list {
    width: 100%;
    margin-top: 20px;
}

.famous_school_list .swiper-slide {
    width: 520px;
}

.famous_school_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.famous_school_item_inner {
    width: 100%;
}

.famous_school_item_top {
    width: 100%;
    height: 57px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.8);
}

.famous_school_item_top h3 {
    color: rgba(255, 255, 255, 0.8);
    border-left: 4px solid #FFFFFF;
    font-size: 14px;
    line-height: 16px;
    padding-left: 5px;
}

.famous_school_item_swiper {
    width: 100%;
    height: 420px;
    padding: 0 5px 15px 10px;
    box-sizing: border-box;
    /* background-color: #FFFFFF; */
    border-radius: 0px 0px 0px 20px;
    overflow: hidden;
}

.famous_school_item_swiper.active {
    overflow-y: scroll;
}

.famous_school_item_swiper .swiper-container {
    height: 100%;
}

.famous_school_item_swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.famous_school_item_swiper .swiper-slide {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
}

.famous_school_item_list {
    width: 100%;
    height: 260px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.famous_school_item_slide {
    color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    overflow: hidden;
}

.famous_school_item_num {
    width: 20px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 14px;
}

.famous_school_item_info {
    overflow: hidden;
}

.famous_school_item_info h4 {
    font-size: 14px;
}

.famous_school_item_info p {
    color: rgba(0, 0, 0, 0.6);
    letter-spacing: 0;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.famous_school_item_infos {
    height: 134px;
    background: #FFFFFF;
    border-radius: 20px 0px 0px 20px;
    padding: 10px;
    color: #000000;
    font-size: 10px;
    margin-top: 10px;
}

.swiper-pagination {
    width: 100%;
    position: initial;
    display: none;
    justify-content: center;
    margin-top: 15px;
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #E6E6E6;
    opacity: 1;
    margin: 0 2px;
}

.swiper-pagination-bullet-active {
    background-color: #D5286E;
    opacity: 1;
}



.new_iffer {
    overflow: hidden;
    display: block
}

.new_iffer .iffer {
    float: right;
    margin-top: 20px;
    width: 1000px;
    height: 80px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden
}

.new_iffer .iffer .title {
    float: left;
    font-size: 20px;
    font-weight: 700;
    width: 60px;
    text-align: center;
    color: #000;
    padding: 12px
}

.new_iffer .iffer .lists {
    float: left;
    margin: 15px 0;
    padding-left: 10px;
    width: 845px;
    height: 50px;
    border-left: 2px solid #000844;
    display: block;
    overflow: hidden;
}

.new_iffer .iffer .lists li {
    float: left;
    width: 415px;
    transition: all .5s;
}

.new_iffer .iffer .lists i {
    position: relative;
    top: -8px;
    width: 15px;
    height: 15px;
    background-image: url(https://www.peccn.com/templates/gb202304/images/lihua.png) no-repeat center center;
    ;
    background-size: 80%;
    display: inline-block;
    margin-right: 5px
}

.new_iffer .iffer .lists a {
    font-size: 15px;
    color: #000844;
    line-height: 26px;
    width: 390px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    font-weight: 500;
    white-space: nowrap
}

.new_iffer .iffer .lists a:hover {
    color: #b90c3d
}

.new_iffer .iffer .more {
    float: right;
    height: 80px
}

.new_iffer .iffer .more img {
    position: relative;
    top: 28px
}

.superiority {
    margin-top: 0px;
    overflow: hidden;
    display: block
}

.superiority .left {
    float: left;
    width: 1200px;
    margin-bottom: 20px;
}

.superiority .left .title {
    line-height: 30px;
    height: 30px;
    border-left: 5px solid #000844;
    padding-left: 5px;
    font-size: 24px;
    color: #000844;
    font-weight: 700;
    width: 865px
}

.superiority .container .box1 span{
	opacity: 0.102;
    font-size: 70px;
    letter-spacing: 4px;
    color: #000000;
    font-family: "Alibaba";
    font-weight: 900;
    margin-top: 90px;
    width: 1200px;
    text-align: center;
    display: grid;
}

.superiority .container .box2 {
    font-size: 32px;
    letter-spacing: 2px;
    color: #333333;
    font-weight: 500;
    font-family: "Source Black Body";
    text-align: center;
    margin-top: -10px;
    margin-bottom: 30px;
}

.superiority .container .box3 ul li {
    width: 240px;
    float: left;
    text-align: center;
}

.superiority .container .box3 ul li img {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
}

.superiority .container .box3 ul li span {
    font-size: 22px;
    letter-spacing: 1px;
    color: #333333;
    font-family: "Source Black Body";
}

.superiority .container .box3 ul li:hover a span {
  color: #444595;
}

.superiority .left ul {
    /* margin-top: 10px */
}

.superiority .left li {
    float: left;
    width: 590px;
    height: 160px;
    border-radius: 10px;
    transition: all 0.1s;
}

.superiority .left li:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1);
    transform: scale(1.03);
}

.superiority .left .gfzz {
    background-image: url(https://www.peccn.com/templates/gb20241127/images/about_left.png?v1);
}

.superiority .left .gwtd {
    background-image: url(https://www.peccn.com/templates/gb20241127/images/about_right.png?v1);
    margin: 0 0 0 20px;
}

.superiority .left li.wjws {
    background-image: url(https://www.peccn.com/templates/gb20241127/images/about_left.png)
}

.superiority .left li.bjts {
    background-image: url(https://www.peccn.com/templates/gb20241127/images/about_right.png)
}

.superiority .left li.yykp {
    background-image: url(https://www.peccn.com/templates/gb202304/images/yykp.png);
    margin: 0 40px
}

.superiority .left li.fwsj {
    background-image: url(https://www.peccn.com/templates/gb202304/images/fwsj.png)
}

.superiority .left .gfzz span {
    display: block;
    height: 70px;
    width: 400PX;
    background-image: url(https://www.peccn.com/templates/gb202304/images/about_left_2.png);
    border-radius: 10px;
    margin: 50px 0 0 20px;
    background-image: linear-gradient(90deg, rgba(21, 57, 136, 0.9019607843137255) 0%, rgba(33, 62, 126, 0.7019607843137254) 49%, rgba(46, 67, 116, 0) 100%);
}

.superiority .left .gwtd span {
    display: block;
    height: 70px;
    width: 400PX;
    background-image: url(https://www.peccn.com/templates/gb202304/images/about_right_2.png);
    border-radius: 10px;
    margin: 50px 0 0 20px;
    background-image: linear-gradient(90deg, rgba(153, 0, 51, 0.9019607843137255) 0%, rgba(101, 33, 83, 0.7019607843137254) 49%, rgba(46, 67, 116, 0) 100%);
}

.superiority .left .gfzz .gfzz_t1 {
    margin: 20px 0 0 30px;
    font-size: 26px;
    color: #fff;
    display: block;
    line-height: 30px;
    position: absolute;
    text-decoration: underline 2px solid #fff;
  letter-spacing: 2px;
}

.superiority .left .gwtd .gwtd_t1 {
    margin: 20px 0 0 30px;
    font-size: 26px;
    color: #fff;
    display: block;
    line-height: 30px;
    position: absolute;
    text-decoration: underline 2px solid #fff;
    letter-spacing: 2px;
}


.superiority .left a span {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    display: block
}

.superiority .left a p {
    font-size: 20px;
    font-weight: 700;
    color: #b90c3d;
    display: block
}

.superiority .right {
    float: right;
    padding-top: 35px
}

.superiority .right .pic {
    background: url(https://www.peccn.com/templates/gb202304/images/youshi_r_bg.jpg);
    width: 295px;
    height: 295px;
    position: relative
}

.superiority .right .pic a {
    border: 1px solid #fff;
    background: #b90c3d;
    border-radius: 50px;
    padding: 3px 25px;
    position: absolute;
    bottom: 18px;
    color: #fff;
    left: 85px;
    font-size: 18px;
    transition: all .5s
}

.superiority .right .pic a:hover {
    border: 1px solid #f3b034;
    background: #f3b034;
    transform: (0)
}

.powerful {
    margin-top: 20px;
    overflow: hidden;
    display: block
}

.powerful .left {
    float: left;
    width: 753px
}

.powerful .left .title {
    line-height: 20px;
    height: 20px;
    border-left: 5px solid #000844;
    padding-left: 5px;
    font-size: 20px;
    color: #000844;
    font-weight: 700
}

.powerful .left ul {
    border-top: 1px solid #b5b5b5;
    padding-top: 30px;
    margin-top: 10px
}

.powerful .left li {
    float: left;
    width: 224px;
    height: 100px;
    background-size: cover;
    margin-bottom: 30px;
    border-radius: 10px
}

.powerful .left li:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1)
}

.powerful .left li.ygbk {
    background-image: url(https://www.peccn.com/templates/gb202304/images/ygbk.jpg)
}

.powerful .left li.ygss {
    background-image: url(https://www.peccn.com/templates/gb202304/images/ygss.jpg);
    margin: 0 40px
}

.powerful .left li.ygbs {
    background-image: url(https://www.peccn.com/templates/gb202304/images/ygbs.jpg)
}

.powerful .left li.gklx {
    background-image: url(https://www.peccn.com/templates/gb202304/images/gklx.jpg)
}

.powerful .left li.xgss {
    background-image: url(https://www.peccn.com/templates/gb202304/images/xgss.jpg);
    margin: 0 40px
}

.powerful .left li.kylx {
    background-image: url(https://www.peccn.com/templates/gb202304/images/kylx.jpg)
}

.powerful .left li.usalx {
    background-image: url(https://www.peccn.com/templates/gb202304/images/usalx.jpg)
}

.powerful .left a {
    padding: 30px 15px;
    font-size: 20px;
    color: #000844;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px
}

.powerful .left a span {
    font-size: 16px;
    color: #333;
    display: block
}

.powerful .right {
    float: right;
    width: 400px
}

.powerful .right .title {
    line-height: 20px;
    height: 20px;
    border-left: 5px solid #000844;
    padding-left: 5px;
    font-size: 20px;
    color: #000844;
    font-weight: 700
}

.powerful .right .lists {
    border-top: 1px solid #b5b5b5;
    padding-top: 30px;
    margin-top: 10px
}

.powerful .right ul {
    width: 400px;
    height: 230px;
    background-image: url(https://www.peccn.com/templates/gb202304/images/lxbkxx.png)
}

.powerful .right li {
    padding-top: 25px;
    float: left;
    width: 133px;
    text-align: center
}

.powerful .right a {
    padding: 30px 0;
    font-size: 20px;
    color: #000844;
    line-height: 40px
}

.powerful .right a span {
    font-size: 16px;
    color: #333;
    display: block
}

.powerful .right a:hover span {
    color: #38467f
}

.powerful .right li img {
    height: 32px
}

.streamer {
    margin: 30px auto;
    overflow: hidden;
    display: block
}

.case {
    margin-top: 50px;
    overflow: hidden;
    display: block;
	height: 1050px;
}

.case .title {
    line-height: 30px;
    height: 30px;
    border-left: 5px solid #000844;
    padding-left: 5px;
    font-size: 24px;
    color: #000844;
    font-weight: 700
}

.case .title span a {
    float: right;
    font-size: 16px;
    color: #999
}

/* .case .title a:hover{
color: #4a318f;
} */

.case ul {
    border-top: 1px solid #b5b5b5;
    padding-top: 30px;
    margin-top: 20px
}

.case li {
    float: left;
    margin: 10px 20px 0 0;
    background: #FFF;
    background-color: rgb(255, 255, 255);
    position: relative;
    overflow: hidden;
    display: block;

    width: 280px;
    height: 305px;
    border-radius: 10px;

}

.case li:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1)
}

.case li:nth-child(12),
.case li:nth-child(8),
.case li:nth-child(4) {
    margin-right: 0
}

.case li:nth-child(8),
.case li:nth-child(7),
.case li:nth-child(6),
.case li:nth-child(5) {
    margin-top: 20px;
}

.case li:nth-child(12),
.case li:nth-child(11),
.case li:nth-child(10),
.case li:nth-child(9) {
    margin-top: 20px;
}

.case li .pic {
    width: 260px;
    height: 140px;
    display: block;
    float: left;
    border: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    border-radius: 10px 10px 0 0;
}

.case li .pic img {
    align-items: center;
    display: flex;
    width: 280px;
    height: 160px;
    border-radius: 10px 10px 0 0;

}

.case li .pic span {
    position: absolute;
    z-index: 999;
    width: 280px;
    height: 60px;
    /* background-image: linear-gradient(90deg, rgba(153, 0, 51, 0.9999999999999999) 0%, rgba(153, 1, 51, 0.6) 49%, rgba(152, 3, 52, 0) 100%); */
    margin-top: 100px;
    padding: 0;
}

.case li .pic span .p1 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: bold;
    font-family: "Source Black Body";
    padding: 5px 0 0 20px;
	margin-top: -10px;
}

.case li .pic span .p2 {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: bold;
    font-family: "Source Black Body";
    padding: 0px 0 0 20px;
}

.case li a {
    line-height: 25px
}

.case li a span {
	padding: 10px 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: 250px;
    height: 70px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #333333;
    font-weight: bold;
    font-family: "Source Black Body";
}

.case li:hover a span {
    color: #444595
}

.case li a p {
    padding: 0px 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 250px;
	margin-top:10px;
    font-size: 15px;
    letter-spacing: 1px;
    color: #666666;
    font-weight: 500;
    font-family: "Source Black Body";
}

.case .corner {
    position: absolute;
    right: 0;
    bottom: 0;
}

.case .corner img {
    border-radius: 0 0 10px;
}


.youshi {
    margin-top: 50px;
    overflow: hidden;
    display: block
}

.youshi .title {
    line-height: 30px;
  height: 30px;
  border-left: 5px solid #000844;
  padding-left: 5px;
  font-size: 24px;
  color: #000844;
  font-weight: 700;<
}

.youshi .title span a {
    float: right;
    font-size: 16px;
    color: #999
}

.youshi ul {
    border-top: 1px solid #b5b5b5;
    padding-top: 30px;
    margin-top: 20px
}

.youshi li {
    float: left;
    width: 590px;
    height: 180px;
    margin: 10px 20px 0 0;
    background: #FFF;
    position: relative;
    overflow: hidden;
    display: block;
    transition: all 0.1s;
    border-radius: 8px 8px 8px 8px;
}

.youshi li:hover {
    transform: scale(1.03);
}

.youshi li:nth-child(1) {
    background-image: url(https://www.peccn.com/templates/gb20241127/images/pro_1.png);
}

.youshi li:nth-child(2) {
    background-image: url(https://www.peccn.com/templates/gb20241127/images/pro_2.png);
	margin-right: 0px;
}


.youshi .fuwu a {
    display: block;
    width: 590px;
    height: 180px;
    border-radius: 8px 8px 0 0;
    position: absolute;
    margin: auto;
    text-align: center;

}

.youshi .fuwu .fuwu_t1 {
    margin-top: 20px;
    display: block;
    line-height: 30px;
    position: absolute;
    width: 590px;
    font-size: 26px;
    letter-spacing: 1px;
    color: #333;
    font-weight: bold;
    font-family: "Source Black Body";
    text-align: center;
	z-index: 1;
}

.youshi .fuwu .fuwu_t2 {
	background-image: url(https://www.peccn.com/templates/gb20241127/images/red_y.png);
	position: absolute;
	top:18%;
	left: 56%;
	width: 22px;
	height: 22px;
	opacity: 0.9;
}

.youshi .fuwu .fuwu_t3 {
	margin-top: 60px;
    display: block;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 590px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #333333;
    font-weight: 500;
    font-family: "Source Black Body";
}

.youshi .fuwu .fuwu_t4 {
	margin-top: 135px;
    display: block;
    line-height: 30px;
    position: absolute;
    background: #990033;
    text-align: center;
    left: 39%;
    width: 140px;
    height: 30px;
    border-radius: 15px;
    background-color: #990033;
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 500;
}
.youshi .fuwu .fuwu_t4 span{
	width: 140px;
  display: block;
  text-align: center;
  height: 30px;
  line-height: 30px;
}

.youshi .fuwu .fuwu_t5 {
    margin-top: 20px;
    display: block;
    line-height: 30px;
    position: absolute;
    width: 590px;
    font-size: 26px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: bold;
    font-family: "Source Black Body";
    text-align: center;
	z-index: 1;
}
.youshi .fuwu .fuwu_t6 {
	margin-top: 60px;
    display: block;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 590px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 500;
    font-family: "Ping Fang";
}

.youshi .fuwu .fuwu_t7 {
	background-image: url(https://www.peccn.com/templates/gb20241127/images/red_y.png);
	position: absolute;
	top:19%;
	left: 39%;
	width: 22px;
	height: 22px;
	opacity: 0.9;
}



.case li:hover {
    /* box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1); */
    box-shadow: 0 0 15px #ABB2CE;
}

.case li:nth-child(8),
.case li:nth-child(4) {
    margin-right: 0
}


.case .corner {
    position: absolute;
    right: 0;
    bottom: 0;
}

.case .corner img {
    border-radius: 0 0 10px;
}

.counselor {
    margin-top: 50px;
    overflow: hidden;
    display: block;
	height: 435px;
}

.counselor .left {
    float: left;
    width: 1200px
}

.counselor .left .title {
    line-height: 30px;
    height: 30px;
    border-left: 5px solid #000844;
    padding-left: 5px;
    font-size: 24px;
    color: #000844;
    font-weight: 700
}

.counselor .left .title span a {
    float: right;
    font-size: 16px;
    color: #999
}

.counselor .left ul {
    border-top: 1px solid #b5b5b5;
    padding-top: 30px;
    margin-top: 10px
}

.counselor .left li {
    float: left;
    width: 230px;
    height: 345px;
    margin: 0 12.5px 0 0;
    background-image: url(https://www.peccn.com/templates/gb202304/images/open_bg.png);
    border-radius: 10px
}

.counselor .left li:nth-child(5) {
	margin-right: 0;
}

.counselor .left .container_t1 {
	margin: 10px 0 0 0;
    display: block;
    position: absolute;
    width: 230px;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 31px;
    color: #990033/* #ffffff */;
    font-weight: bold;
    font-family: "Ping Fang";
    text-align: center;
}

.counselor .left .container_t2 {
    margin: 45px 0 0 240px;
    background: linear-gradient(90deg, #990033, #ffffff);
    width: 120px;
    height: 2px;
    position: absolute;
    text-align: center;
}

.counselor .left .container_t3 {
    margin: 50px 0 0 0;
    display: block;
    position: absolute;
    width: 230px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 22px;
    color: #990033/* #ffffff */;
    font-weight: 500;
    font-family: "Ping Fang";
    text-align: center;
}

.counselor .left .container_t4 {
    margin: 80px 0 0 70px;
    display: block;
    width: 90px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    background: #ffffff;
    border-radius: 35px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    color: #990033;
    font-weight: 500;
    font-family: "Ping Fang";
}


.counselor .left li:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1)
}

.counselor .left li .pic {
    width: 230px;
    height: 230px;
    display: block;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    align-items: center;
    border-radius: 10px 10px 0 0 ;
    background-color: #dadbdf;
}

.counselor .left li .content{
	width: 230px;
	height: 115px;
	border-radius:0 0 10px 10px;
	background-color: #b2b5c6/* #990033 */;
}

.counselor .left li img {
    width: 100%
}

.counselor .left li a {
    color: #333;
    font-size: 14px;
    width: 385px;
    height: 200px;
    display: block;
}

.counselor .left li a span {
    padding: 15px;
    height: 30px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.counselor .left li:hover a {
    color: #38467f
}

.counselor .right {
    float: right;
    padding-top: 60px;
    width: 335px
}

.counselor .right a {
    width: 335px;
    height: 460px;
    display: flex;
    overflow: hidden;
    border-radius: 5px
}

.counselor .right img {
    width: 100%;
    border-radius: 5px
}

.counselor .right a:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1)
}

.teams {
    margin-top: 50px;
    overflow: hidden;
    display: block
}

.teams .title {
    line-height: 20px;
    height: 20px;
    border-left: 5px solid #000844;
    padding-left: 5px;
    font-size: 20px;
    color: #000844;
    font-weight: 700
}

.teams .title span a {
    float: right;
    font-size: 16px;
    color: #999
}

.teams ul {
    border-top: 1px solid #b5b5b5;
    padding-top: 15px;
    padding-bottom: 5px;
    margin-top: 10px
}

.teams li {
    float: left;
    width: 580px;
    height: 120px;
    margin: 20px 40px 15px 0;
    background-image: url(https://www.peccn.com/templates/gb202304/images/teams_bg.png);
    border-radius: 10px
}

.teams li:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1)
}

.teams li:nth-child(2),
.teams li:nth-child(4),
.teams li:nth-child(6) {
    margin-right: 0
}

.teams li .pic {
    float: left;
    width: 205px;
    height: 120px;
    display: block;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    border-radius: 10px 0 0 10px
}

.teams li img {
    width: 100%
}

.teams li .text {
    float: right;
    width: 375px
}

.teams li a {
    line-height: 25px
}

.teams li a span {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    padding: 25px 15px 0;
    display: block
}

.teams li:hover a span {
    color: #38467f
}

.teams li a p {
    color: #333;
    font-size: 14px;
    padding: 0 15px;
    height: 30px;
    display: block
}

.teams li a p.more {
    color: #000844;
    font-size: 12px;
    padding: 0 15px;
    display: block
}

.information {
    margin-top: 50px;
    overflow: hidden;
	height: 475px;
    display: block
}

.information .left {
    float: left;
    width: 780px;
}

.information .title {
    line-height: 30px;
    height: 30px;
    border-left: 5px solid #000844;
    padding-left: 5px;
    font-size: 24px;
    color: #000844;
    font-weight: 700
}

.information .title span a {
    float: right;
    font-size: 16px;
    color: #999
}

.information .column {
    border-top: 1px solid #b5b5b5;
    padding-top: 20px;
    margin-top: 10px
}

.information .column .box:nth-child(5) {
    margin: 10px 30px;
}

.information .column .title2 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.information .column .title2:nth-child(1) {
	background-image: url(https://www.peccn.com/templates/gb20241127/images/zixun_left.png);

}
.information .column .title2:nth-child(2) {
	background-image: url(https://www.peccn.com/templates/gb20241127/images/zixun_right.png);

}

.information .column .title2 a {
    line-height: 50px;
    margin-left: 20px;
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: bold;
    font-family: "Ping Fang";
    text-align: center;
}

.information .column .title2 span a {
    float: right;
    margin-right: 20px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Ping Fang";
    text-align: center;
}
.information .column ul{
	height: 370px;
}

.information .column .box {
    float: left;
    width: 380px;
    height: 410px;
    background: #fff;
    border-radius: 10px
}

.information .column .box:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1)
}

.information .column .box:nth-child(2) {
    margin: 0 0 0 20px
}

.information .column .box li {
    line-height: 43px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.information .column .box li {
    list-style-type: none;
    border-bottom: 1px dashed #333;
    margin: 0 15px;
}

.information .column .box li:nth-child(8) {
    border-bottom: 0px dashed #333;
}

.information .column .box li a:hover {
    color: #38467f
}

.information .right {
    float: left;
    width: 380px;
    margin-left: 20px;
}

.information .column2 {
    border-top: 1px solid #b5b5b5;
    padding-top: 20px;
    margin-top: 10px
}

.information .column2 .box {
    float: left;
    width: 380px;
    height: 410px;
    background: #fff;
    border-radius: 10px
}

.information .right li {
    margin: 15px 20px;
}

.information .right .school_tips {
    font-size: 20px;
    margin: 0 20px 0 0;
}

.information .right .school_name {
    font-size: 16px;
    margin: 0 20px;
}

.information .right .school_btn {
    font-size: 14px;
    color: #fff;
    display: block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    background: #990033;
    border-radius: 35px;
    text-align: center;
    float: right;
	margin-top: 8px;
}

.flow {
    margin-top: 50px;
    overflow: hidden;
    display: block
}

.flow .title {
	line-height: 30px;
  height: 30px;
  border-left: 5px solid #000844;
  padding-left: 5px;
  font-size: 24px;
  color: #000844;
  font-weight: 700;

}

.flow .title span a {
    float: right;
    font-size: 16px;
    color: #999
}

.flow .chart {
    border-top: 1px solid #b5b5b5;
    padding-top: 50px;
    margin-top: 10px;

    background-repeat: no-repeat;
    background-position: center bottom 0px;
}

.flow .chart .firstLine {
    margin: 0 auto;
    width: 1200px;
    display: block;
    overflow: hidden
}

.flow .chart .firstLine li {
    float: left;
    color: #333;
    font-size: 14px;
    text-align: center;
    cursor: default
}

.flow .chart .firstLine li:nth-child(1) {
    line-height: 30px;
    margin-left: 65px;
    text-align: left;
    margin-top: 35px;
    position: absolute;
}

.flow .chart .firstLine li:nth-child(2) {
    line-height: 30px;
    margin-left: 210px;
	margin-top: 15px;
	text-align: left;
	position: absolute;
}

.flow .chart .firstLine li:nth-child(3) {
    line-height: 30px;
    margin-left: 420px;
	margin-top: 15px;
	text-align: left;
	position: absolute;
}
.flow .chart .firstLine li:nth-child(4) {
    line-height: 30px;
    margin-left: 670px;
	text-align: left;
	position: absolute;
}
.flow .chart .firstLine li:nth-child(5) {
    line-height: 30px;
    margin-left: 920px;
	margin-top: 30px;
	text-align: left;
	position: absolute;
}

.flow .chart .ellipse {
    display: block;
	margin-top: 120px;
    overflow: hidden
}

.flow .chart .ellipse img{
	width: 1200px;
}

.flow .chart .ellipse li {
    float: left;
    border-radius: 50%;
    border: 10px solid #9497af;
    width: 70px;
    height: 70px;
    font-size: 16px;
    color: #333;
    position: relative;
    top: 58px;
    transition: all .5s
}

.flow .chart .ellipse li:nth-child(1) {
    left: 65px
}

.flow .chart .ellipse li:nth-child(2) {
    left: 135px
}

.flow .chart .ellipse li:nth-child(3) {
    left: 212px
}

.flow .chart .ellipse li:nth-child(4) {
    left: 288px
}

.flow .chart .ellipse li:nth-child(5) {
    left: 361px
}

.flow .chart .ellipse li:nth-child(6) {
    left: 433px
}

.flow .chart .ellipse li:nth-child(7) {
    left: 505px
}

.flow .chart .ellipse li:hover {
    border: 10px solid #313868;
    transform: translateY(0)
}

.flow .chart .ellipse li a {
    width: 40px;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 12px;
    cursor: default
}

.flow .chart .ellipse li:hover a {
    color: #333
}

.flow .chart .lastColumn {
    margin: 0 auto;
    display: block;
    overflow: hidden;
	height: 130px;
}

.flow .chart .lastColumn li {
    float: left;
    height: 123px;
    cursor: default;
    font-size: 14px;
    letter-spacing: 1px;
    color: #333333;
    font-weight: 500;
    font-family: "Ping Fang";
}

.flow .chart .lastColumn li:nth-child(1) {
    line-height: 30px;
    margin-left: 120px;
	position: absolute;
}

.flow .chart .lastColumn li:nth-child(2) {
    line-height: 30px;
	margin-top: -20px;
    margin-left: 300px;
	position: absolute;
}

.flow .chart .lastColumn li:nth-child(3) {
    line-height: 30px;
    margin-left: 550px;
	position: absolute;
}

.flow .chart .lastColumn li:nth-child(4) {
    line-height: 30px;
    margin-left: 820px;
	position: absolute;
}
.flow .chart .lastColumn li:nth-child(5) {
    line-height: 30px;
	margin-top: -20px;
    margin-left: 1050px;
	position: absolute;
}

.choose {
    margin: 50px 0 50px;
    overflow: hidden;
    display: block
}

.choose .title {
    line-height: 30px;
    height: 30px;
    font-size: 30px;
    color: #000844;
    font-weight: 700;
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 15px;
    text-align: center
}

.choose .column li {
    float: left;
    margin: 30px 20px;
    width: 175px;
    background: #fff;
    border-radius: 30px;
    cursor: default;
    padding: 36px 16px;
    transition: all .5s
}

.choose .column li:nth-child(1) {
    margin-left: 0
}

.choose .column li:nth-child(5) {
    margin-right: 0
}

.choose .column li img {
    margin: 0 auto 5px;
    display: block
}

.choose .column li:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1);
    transform: translateY(0)
}

.choose .column li span {
    color: #000844;
    font-size: 18px;
    font-weight: 700;
    display: block;
    text-align: center;
    line-height: 50px
}

.choose .column li p {
    color: #333;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
    /*text-align-last:justify*/
}

.footer {
	padding: 30px;
	font-size: 16px;
	line-height: 40px;
	background: #1e263c;
	color: #fff
}

.footer a {
	color: #fff
}

.footer h3 {
	font-size: 18px;
	line-height: 50px
}

.footer li {
	float: left;
	margin-right: 15px
}

.footer .basic {
	display: block;
	overflow: hidden
}

.footer .basic .left {
	float: left;
	margin-top: 30px;
}

.footer .basic .telephone {
	float: right;
	font-size: 30px;
	text-align: right;
	line-height: 60px
}

.footer .basic .telephone img {
	margin-top: -5px;
	margin-left: 25px
}

.footer .company {
	margin-top: 0;
	display: block;
	overflow: hidden;
	float: left;
}

.footer .matrix {
	display: block;
	overflow: hidden
}

.footer .matrix .feedback {
	float: left
}

.footer .matrix .media {
	float: right;
	text-align: -webkit-center;
	margin-top: 64px;
}

.footer .matrix .media img {
	display: block
}

.footer .matrix .media span {
	font-size: 14px;
	line-height: 45px
}

.footer .blogroll {
	margin-top: 20px;
	display: block;
	overflow: hidden
}

.footer .copyright {
	margin-top: 30px;
	text-align: center;
	font-size: 16px;
	color: #999;
	display: block;
	overflow: hidden
}

.footer .copyright a {
	color: #999
}

.footer .copyright a:hover {
	color: #aaa
}

.fulibao {
	position: fixed;
	left: 1%;
	bottom: 5%;
	z-index: 1989888
}

.fulibao img {
	width: 75%
}

.rightbar {
	background-color: #fff;
	position: fixed;
	top: 30%;
	right: 1%;
	width: 90px;
	z-index: 5;
	-webkit-box-shadow: 0 0 10px #e1e1e1;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	border-radius: 10px
}

.rightbar p {
	align-self: center;
	color: #333;
	font-size: 16px;
	text-align: center;
	width: 100%
}

.rightbar .box1 {
	height: 30px;
	color: #111;
	font-size: 12px;
	padding: 10px 6px;
	text-align: center;
	cursor: pointer;
	position: relative;
	border-radius: 5px 5px 0px 0px;
	display: flex
}

.rightbar .box1 i {
	font-size: 18px;
	float: left;
	align-self: center;
	color: #545454
}

.rightbar .box1:hover {
	background: linear-gradient(to right, #242f4f,#1e263cbf)
}

.rightbar .box1:hover>* {
	color: #fff
}

.rightbar .box1 .fix {
	position: absolute;
	right: 95px;
	top: 0;
	transition: 1.2s;
	opacity: 0;
	pointer-events: none;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.rightbar .box1:hover .fix {
	opacity: 1
}

.rightbar .box1 .fix img {
	border: 1px;
	width: 240px;
	height: 80px
}

.rightbar .box2 {
	height: 30px;
	color: #111;
	font-size: 12px;
	padding: 10px 6px;
	text-align: center;
	cursor: pointer;
	position: relative;
	display: flex;
	animation: twinkle1 0.8s infinite alternate
}

.rightbar .box2 i {
	margin-left: 2px;
	font-size: 18px;
	float: left;
	align-self: center;
	color: #545454
}

.rightbar .box2:hover {
	background: linear-gradient(to right, #242f4f,#1e263cbf);
	animation-play-state: paused
}

.rightbar .box2:hover>* {
	color: #fff
}

.rightbar .box3 {
	height: 30px;
	color: #111;
	font-size: 12px;
	padding: 10px 6px;
	text-align: center;
	cursor: pointer;
	position: relative;
	display: flex
}

.rightbar .box3 i {
	margin-left: 2px;
	font-size: 18px;
	float: left;
	align-self: center;
	color: #545454
}

.rightbar .box3:hover {
	background: linear-gradient(to right, #242f4f,#1e263cbf)
}

.rightbar .box3:hover>* {
	color: #fff
}

.rightbar .box3 .fix {
	top: 0;
	right: 95px;
	width: 220px;
	height: 55px;
	padding: 8px;
	line-height: 20px;
	position: absolute;
	right: 95px;
	top: 0;
	transition: 1.2s;
	opacity: 0;
	pointer-events: none;
	background-color: #1e263c;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.rightbar .box3 .fix p {
	color: #fff
}

.rightbar .box3:hover .fix {
	opacity: 1
}

.rightbar .box4 {
	height: 30px;
	color: #111;
	font-size: 12px;
	padding: 10px 6px;
	text-align: center;
	cursor: pointer;
	position: relative;
	display: flex
}

.rightbar .box4 i {
	margin-left: 2px;
	font-size: 18px;
	float: left;
	align-self: center;
	color: #545454
}

.rightbar .box4:hover {
	background: linear-gradient(to right, #242f4f,#1e263cbf)
}

.rightbar .box4:hover>* {
	color: #fff
}

.rightbar .box5 {
	height: 30px;
	color: #111;
	font-size: 12px;
	padding: 10px 6px;
	text-align: center;
	cursor: pointer;
	position: relative;
	display: flex
}

.rightbar .box5 i {
	margin-left: 2px;
	font-size: 18px;
	float: left;
	align-self: center;
	color: #545454
}

.rightbar .box5:hover {
	background: linear-gradient(to right, #242f4f,#1e263cbf)
}

.rightbar .box5:hover>* {
	color: #fff
}

.rightbar .box5 .fix {
	position: absolute;
	right: 95px;
	top: 0;
	transition: 1.2s;
	opacity: 0;
	pointer-events: none;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.rightbar .box5:hover .fix {
	opacity: 1
}

.rightbar .box5 .fix img {
	border: 1px;
	width: 80px;
	height: 80px
}

.rightbar .box6 {
	color: #111;
	font-size: 12px;
	padding: 10px 6px;
	text-align: center;
	cursor: pointer;
	position: relative;
	display: flex
}

.rightbar .box6 img {
	width: 15px;
	vertical-align: middle;
	color: #868686;
	margin-left: 35px;
	height: 10px
}

.rightbar .box6:hover {
	background: linear-gradient(to right, #242f4f,#1e263cbf);
	border-radius: 0px 0px 5px 5px;
}

.rightbar .box6:hover>* {
	color: #fff
}

@keyframes twinkle1 {
    0% {
        color: #ffffff;
    }

    100% {
        background: #f3b034;

    }
}