@font-face {
    font-family: ceshi01;
    src: url("../fonts/SourceHanSansCN-ExtraLight.otf");
}

@font-face {
    font-family: ceshi02;
    src: url("../fonts/SourceHanSansCN-Bold.otf");
}

@font-face {
    font-family: ceshi03;
    src: url("../fonts/SourceHanSansCN-Bold.otf");
}

@font-face {
    font-family: ceshi04;
    src: url("../fonts/SourceHanSansCN-Regular.otf");
}

@-webkit-keyframes arown {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

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

    100% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
}

ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

p {
    margin: 0;
    padding: 0;
}

i {
    font-style: normal;
}

dl,
ol,
ul {
    padding: 0;
    margin: 0;
}

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

.swiper-slide {
    text-align: center;
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

body {
    color: #747474;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    font-family: "ceshi04";
}

a {
    color: #747474;
    cursor: pointer;
    outline: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

a:hover {
    color: #747474;
    cursor: pointer;
    outline: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

button {
    background: none;
    border: none;
}

/*头部css文件*/

.main-header {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    width: 100%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: "ceshi01";
    /* background: rgba(0,0,0,0.2); */
}

.main-header.active {
    background: rgba(0, 0, 0, 0.2);
}

.fixed-header {
    top: -47px;
    box-shadow: 0px 0px 30px 0px rgba(87, 95, 245, 0.1);
}

.header-upper {
    background: #fff;
}

.header-inner {
    position: relative;
    /* padding: 17px 0 17px 0; */
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;

    width: 90%;
    margin: auto;
    padding: 20px 0;
}

.fixed-header .header-inner {
    padding: 10px 0;
}

/*Header to */
.top-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    padding: 6px 0;
}

.menu-main2 {
    width: 100%;
}

.top-inner:before {
    position: absolute;
    content: "";
    top: 0;
    left: -14%;
    width: 128%;
    height: 100%;
    background: #2d2d2d;
    z-index: -1;
    clip-path: polygon(calc(100% - 10px) 0, calc(100% - 60px) 100%, 60px 100%, 10px 0);
}

.top-inner:after {
    position: absolute;
    content: "";
    top: 0;
    left: -14%;
    width: 128%;
    height: 100%;
    background: #4c3526;
    z-index: -2;
    clip-path: polygon(100% 0, calc(100% - 50px) 100%, 50px 100%, 0 0);
}

.top-left li {
    color: #fff;
    display: inline-block;
    margin-right: 64px;
}

.top-left li:last-child {
    margin-right: 0;
}

.top-left li i {
    margin-right: 20px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    color: #fe6600;
    background: rgba(255, 255, 255, 0.05);
}

.top-left li a {
    color: #fff;
}

a:hover {
    text-decoration: none;
}

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

/** Header Main Menu */

.main-menu .navbar-collapse {
    padding: 0px;
}

.main-menu .navigation li {
    float: left;
    padding: 15px 25px;
    position: relative;
}

.main-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 0;
    width: 50px;
    height: 43px;
    border-left: 1px solid #f3f3f314;
    text-align: center;
    line-height: 43px;
    cursor: pointer;
    display: none;
}

.main-menu .navigation li a:hover {
    color: #fff;
}

.main-menu .navigation li a {
    position: relative;
    display: block;
    color: #fff;
    font-weight: normal;
    opacity: 1;
    text-transform: capitalize;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-decoration: none;
    font-size: 17px;
}

.main-menu .navigation li:hover > a,
.main-menu .navigation li.current-menu-item > a {
    color: #fff;
}

.main-menu .navigation > li:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 30%;
    width: 0px;
    height: 3px;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background: #fff;
}

.fixed-header .main-menu .navigation li:before {
    bottom: -13px;
}

.main-menu .navigation li:hover:before,
.main-menu .navigation li.current-menu-item:before {
    width: 35px;
    opacity: 1;
}

.main-menu .navigation li ul {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 100px;
    z-index: 100;
    display: none;
    /* background: #bf2118; */
    background: #d6b689;
    border-radius: 0 0 5px 5px;
    /* box-shadow: inset 0 0 0 10px #bf2118, 0 5px 15px -5px rgba(0, 0, 0, 0.2); */
    box-shadow: inset 0 0 0 10px #d6b689, 0 5px 15px -5px rgba(0, 0, 0, 0.2);
}

.main-menu .navigation li ul li {
    width: 100%;
    padding: 7px 10px;
    text-align: center;
    /* border-bottom: 1px solid #f2f2f2; */
}

.main-menu .navigation li ul li:last-child {
    border-bottom: none;
}

.main-menu .navigation li ul li a {
    padding: 8px 5px;
    line-height: 24px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    /* border-bottom: #fff solid 1px; */
}

.main-menu .navigation li ul li ul {
    left: 100%;
    top: 0%;
}

.main-menu .navbar-header {
    display: none;
    padding-bottom: 7px;
    padding-left: 17px;
    padding-right: 17px;
}

.main-menu .navbar-header .navbar-toggle {
    float: right;
    padding: 12px 0;
    cursor: pointer;
    background: transparent;
}

.main-menu .navbar-header .navbar-toggle .icon-bar {
    height: 2px;
    width: 30px;
    display: block;
    margin: 7px 5px;
    background: #004976;
}

.menu-number {
    color: #fff;
    font-size: 12px;
}

.flaticon-headphone:before {
    content: url(../img/nav-iphone.png);
}

/* 
@media only screen and (max-width: 1250px) {
    .main-menu .navigation li {
        padding: 20px 15px;
    }
    
}

@media only screen and (max-width: 1199px) {
    .main-menu .navigation li {
        padding: 20px 12px;
    }
    
} */

/*index*/

.index-about .about-text {
    background: url(../img/about-index-img.png) no-repeat;
    background-position: bottom;
    background-size: 100%;
    padding-bottom: 70px;
}

.index-about .about-btn-div {
    justify-content: flex-end;
    padding-top: 30px;
}

.index-about .about-btn-div .about-btn1 {
    color: #dc0025;
    display: block;
    width: 129px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    text-align: center;
    border: #dc0025 solid 1px;
}

.index-about .about-btn-div .about-btn2 {
    color: #727171;
    display: block;
    width: 129px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    text-align: center;
    border: #727171 solid 1px;
    margin-left: 30px;
}

.page-about .about-text {
    padding-bottom: 20px;
}

.page-about-menu-main {
    background: #eef5f8;
    box-shadow: 10px 10px 5px #efefef;
}

.page-about .page-about-menu {
    padding: 15px 0;
}

.page-about .page-about-menu li {
}

.page-about .page-about-menu li span {
    padding: 0 30px;
    border-right: rgba(150, 164, 176, 0.5) solid 1px;
}

.page-about .page-about-menu li.active a {
    color: #dc0022;
    border-bottom: #dc0022 solid 3px;
    padding-bottom: 3px;
}

.case-iphone {
    display: none;
}

.case-iphone .case-ul {
    padding: 40px 0;
}

.case-iphone .case-ul li {
    padding: 7px 35px;
    cursor: pointer;
}

.case-iphone .case-ul li.active {
    background: #fff;
    box-shadow: 3px 3px 15px #888888;
    border-radius: 30px;
}

.case-iphone .case-text {
    background: url(../img/case-right-back.png) no-repeat;
    background-size: 100% 100%;
    padding: 15px;
}

/* .case-main-li{display: none;} */

/*step*/

.step {
    margin-top: 90px;
}

.step .title {
    margin-bottom: 70px;
}

.step .table {
}

.step .table ul {
}

.step .table ul li {
    width: 105px;

    background: #dcdddd;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin-left: 4px;
    color: #000000;

    cursor: pointer;
}

.step .table ul li.active {
    color: #9e9e9e;
}

.table-img {
    margin-top: 44px;
}

.table-img a {
    display: block;
    width: 20%;

    height: 218px;
    overflow: hidden;

    position: relative;

    border: #fff solid 3px;
}

.table-img li {
    width: 100%;

    height: 218px;
    overflow: hidden;

    position: relative;

    border: #fff solid 3px;
}

.table-img::after {
    content: "";
    width: 20%;
}

.table-img li img {
    max-width: 120%;
    max-height: 120%;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.step-ul {
}

/*品牌故事*/

.brand-story {
    padding: 100px 0;
}

.brand-story .title {
    margin-bottom: 128px;
}

/*发展历史*/

.fzls {
}

.fzls .top-text {
}

.fzls .top-text h3 {
    font-size: 24px;
    color: #dc0022;
    font-weight: bold;
}

.fzls .fzls-content {
    cursor: pointer;
}

.fzls .fzls-content .left {
    width: 48%;
    text-align: right;
    justify-content: flex-end;
}

.fzls .fzls-content .content {
    width: 4%;
}

.fzls .fzls-content .content .span1 {
    width: 15px;
    height: 15px;
    background: rgba(125, 125, 126, 0.2);
    border-radius: 100%;
}

.fzls .fzls-content .content .span2 {
    margin: auto;
    width: 7px;
    height: 7px;
    background: rgba(125, 125, 126, 1);
    border-radius: 100%;
    display: block;
}

.fzls .fzls-content .right {
    width: 48%;
    text-align: left;
}

.fzls .fzls-hr {
    height: 80px;
    background: url(../img/about/fzlc-hr.png) no-repeat center;
}

.fzls .fzls-content.active {
    color: #dc0022;
}

.fzls .fzls-content.active .left {
    width: 48%;
    text-align: right;
    justify-content: flex-end;
}

.fzls .fzls-content.active .content {
    width: 4%;
}

.fzls .fzls-content.active .content .span1 {
    width: 15px;
    height: 15px;
    background: rgba(220, 0, 34, 0.2);
    border-radius: 100%;
}

.fzls .fzls-content.active .content .span2 {
    margin: auto;
    width: 7px;
    height: 7px;
    background: rgba(220, 0, 34, 1) !important;
    border-radius: 100%;
    display: block;
}

.fzls .fzls-content.active .right {
    width: 48%;
    text-align: left;
}

.fzls .fzls-content.active1 {
}

.fzls .fzls-content.active1 .left {
    width: 48%;
    text-align: right;
    justify-content: flex-end;
}

.fzls .fzls-content.active1 .content {
    width: 4%;
}

.fzls .fzls-content.active1 .content .span1 {
    width: 15px;
    height: 15px;
    background: rgba(220, 0, 34, 0.2);
    border-radius: 100%;
}

.fzls .fzls-content.active1 .content .span2 {
    margin: auto;
    width: 7px;
    height: 7px;
    background: rgba(255, 255, 255, 1);
    border-radius: 100%;
    display: block;
}

.fzls .fzls-content.active1 .right {
    width: 48%;
    text-align: left;
}

.xilie_t1 {
    background: url("../img/xilie/xilie_back2.jpg") no-repeat;
    background-size: 100% 100%;
}

.xilie_t2 {
    background: url("../img/xilie/xilie_back3.jpg") no-repeat;
    background-size: cover;
}

.xilie-ul-dh {
    width: 100%;
    padding-bottom: 316px;
    align-items: flex-end;
    height: 858px;
}

.xilie-ul-dh li {
    width: 12.5%;
    height: 524px;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie-ul-dh li.p1 {
    position: relative;
}

.xilie-ul-dh li:hover {
    height: 609px;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie-ul-dh li.p1:hover .p1-t1 {
    opacity: 1;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie-ul-dh li.p2:hover .p1-t1 {
    opacity: 1;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie-ul-dh li.p3:hover .p1-t1 {
    opacity: 1;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie-ul-dh li.p4:hover .p1-t1 {
    opacity: 1;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie-ul-dh li.p5:hover .p1-t1 {
    opacity: 1;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie-ul-dh li.p6:hover .p1-t1 {
    opacity: 1;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie-ul-dh li.p7:hover .p1-t1 {
    opacity: 1;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie-ul-dh li.p8:hover .p1-t1 {
    opacity: 1;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie-ul-dh li:hover .p1-t {
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie-ul-dh li.p1 .p1-t1 {
    background: url("../img/xilie/xl_p2_2.png") no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.xilie-ul-dh li.p2 .p1-t1 {
    background: url("../img/xilie/xl_p3_2.png") no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.xilie-ul-dh li.p3 .p1-t1 {
    background: url("../img/xilie/xl_p4_2.png") no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.xilie-ul-dh li.p4 .p1-t1 {
    background: url("../img/xilie/xl_p1_2.png") no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.xilie-ul-dh li.p5 .p1-t1 {
    background: url("../img/xilie/xl_p5_2.png") no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.xilie-ul-dh li.p6 .p1-t1 {
    background: url("../img/xilie/xl_p6_2.png") no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.xilie-ul-dh li.p7 .p1-t1 {
    background: url("../img/xilie/xl_p7_2.png") no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.xilie-ul-dh li.p8 .p1-t1 {
    background: url("../img/xilie/xl_p8_2.png") no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.xilie-ul-dh li.p1 .p1-t {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../img/xilie/xl_p1_1.png") no-repeat;
    background-size: 100%;
}

.xilie-ul-dh li.p1 .p1-t2 {
    width: 100%;
    height: 316px;
    position: absolute;
    bottom: -316px;
    background: url("../img/xilie/xl_p1_3.png") no-repeat;
    background-size: cover;
}

.xilie-ul-dh li.p2 {
    position: relative;
}

.xilie-ul-dh li.p2 .p1-t {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../img/xilie/xl_p2_1.png") no-repeat;
    background-size: 100%;
}

.xilie-ul-dh li.p2 .p1-t2 {
    width: 100%;
    height: 316px;
    position: absolute;
    bottom: -316px;
    background: url("../img/xilie/xl_p2_3.png") no-repeat;
    background-size: cover;
}

.xilie-ul-dh li.p3 {
    position: relative;
}

.xilie-ul-dh li.p3 .p1-t {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../img/xilie/xl_p3_1.png") no-repeat;
    background-size: 100%;
}

.xilie-ul-dh li.p3 .p1-t2 {
    width: 100%;
    height: 316px;
    position: absolute;
    bottom: -316px;
    background: url("../img/xilie/xl_p3_3.png") no-repeat;
    background-size: cover;
}

.xilie-ul-dh li.p4 {
    position: relative;
}

.xilie-ul-dh li.p4 .p1-t {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../img/xilie/xl_p4_1.png") no-repeat;
    background-size: 100%;
}

.xilie-ul-dh li.p4 .p1-t2 {
    width: 100%;
    height: 316px;
    position: absolute;
    bottom: -316px;
    background: url("../img/xilie/xl_p4_3.png") no-repeat;
    background-size: cover;
}

.xilie-ul-dh li.p5 {
    position: relative;
}

.xilie-ul-dh li.p5 .p1-t {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../img/xilie/xl_p5_1.png") no-repeat;
    background-size: 100%;
}

.xilie-ul-dh li.p5 .p1-t2 {
    width: 100%;
    height: 316px;
    position: absolute;
    bottom: -316px;
    background: url("../img/xilie/xl_p5_3.png") no-repeat;
    background-size: cover;
}

.xilie-ul-dh li.p6 {
    position: relative;
}

.xilie-ul-dh li.p6 .p1-t {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../img/xilie/xl_p6_1.png") no-repeat;
    background-size: 100%;
}

.xilie-ul-dh li.p6 .p1-t2 {
    width: 100%;
    height: 316px;
    position: absolute;
    bottom: -316px;
    background: url("../img/xilie/xl_p6_3.png") no-repeat;
    background-size: cover;
}

.xilie-ul-dh li.p7 {
    position: relative;
}

.xilie-ul-dh li.p7 .p1-t {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../img/xilie/xl_p7_1.png") no-repeat;
    background-size: 100%;
}

.xilie-ul-dh li.p7 .p1-t2 {
    width: 100%;
    height: 316px;
    position: absolute;
    bottom: -316px;
    background: url("../img/xilie/xl_p7_3.png") no-repeat;
    background-size: cover;
}

.xilie-ul-dh li.p8 {
    position: relative;
}

.xilie-ul-dh li.p8 .p1-t {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../img/xilie/xl_p8_1.png") no-repeat;
    background-size: 100%;
}

.xilie-ul-dh li.p8 .p1-t2 {
    width: 100%;
    height: 316px;
    position: absolute;
    bottom: -316px;
    background: url("../img/xilie/xl_p8_3.png") no-repeat;
    background-size: cover;
}

.xilie_p3_ul {
}

.xilie_p3_ul li {
    width: 32%;
    height: 100px;
    margin-right: 10%;
    cursor: pointer;
}

.xilie_p3_ul li.p1 {
    background: url("../img/xilie/xilie02_p6.png") no-repeat;
    background-size: 100%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie_p3_ul li.p2 {
    background: url("../img/xilie/xilie02_p7.png") no-repeat;
    background-size: 100%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie_p3_ul li.p3 {
    background: url("../img/xilie/xilie02_p8.png") no-repeat;
    background-size: 100%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie_p3_ul li.p4 {
    background: url("../img/xilie/xilie02_p9.png") no-repeat;
    background-size: 100%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie_p3_ul li.active.p1 {
    background: url("../img/xilie/xilie02_p6_1.png") no-repeat;
    background-size: 100%;
    transform: scale(1.1);
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie_p3_ul li.active.p2 {
    background: url("../img/xilie/xilie02_p7_1.png") no-repeat;
    background-size: 100%;
    transform: scale(1.1);
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie_p3_ul li.active.p3 {
    background: url("../img/xilie/xilie02_p8_1.png") no-repeat;
    background-size: 100%;
    transform: scale(1.1);
    transition: all 1s;
    -webkit-transition: all 1s;
}

.xilie_p3_ul li.active.p4 {
    background: url("../img/xilie/xilie02_p9_1.png") no-repeat;
    background-size: 100%;
    transform: scale(1.1);
    transition: all 1s;
    -webkit-transition: all 1s;
}

.pro-list {
    margin-top: 80px;
}

.pro-list ul {
}

.pro-list ul li {
    width: 20%;
    position: relative;
    cursor: pointer;
    transition: width 1s;
    -webkit-transition: width 1s;
}

.pro-list ul li.active {
    width: 30%;
}

.pro-list ul li .pro-list1-li {
    height: 315px;
    line-height: 315px;
    background: linear-gradient(270deg, rgba(223, 223, 223, 0.35) 0%, #ffffff 35%, #ffffff 52%, #ffffff 72%, #dfdfdf 100%, #f2f2f2 100%);
    text-align: center;
}

.pro-list ul li .pro-list1-li img {
    height: 80%;
    vertical-align: middle;
}

.pro-list ul li .pro-list-main {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.pro-list ul li.active .pro-list-main {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.pro-list-cp-go {
    display: flex;
}

.pro-list ul li .pro-list2-li {
    height: 135px;
    width: 100%;
    /* line-height: 215px; */
    background: url(../img/pro/pro-back.png) no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
}

.pro-list ul li .pro-list2-li img {
    vertical-align: middle;
}

.pro-list-menu {
    padding: 0 30px;
}

.pro-list-menu ul li {
    cursor: pointer;
    padding: 30px 0;
    border-bottom: #e8e8e8 solid 1px;
    position: relative;
}

.pro-list-menu ul li.active {
    color: red;
}

.pro-list-menu ul li.active .pro-list-menu-cur {
    display: block;
}

.pro-list-menu ul li .pro-list-menu-cur li .pro-list-menu-cur2 {
    display: none;
}

.pro-list-menu ul li.active .pro-list-menu-cur li.active .pro-list-menu-cur2 {
    display: block;
    color: #747474;
}

.pro-list-menu ul li.active .pro-list-menu-cur li.active .pro-list-menu-cur2 li {
    padding: 10px 10px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: #e8e8e8 dashed 1px;
}

.pro-list-menu ul li.active pro-list-menu-cur {
    display: block;
}

.pro-list-menu ul li .pro-list-menu-cur {
    color: #747474;
    display: none;
    position: absolute;
    top: 0;
    right: -100px;
    background: #fff;
    z-index: 1;
}

.pro-list-menu ul li .pro-list-menu-cur li:first-child {
    border-top: #e8e8e8 solid 1px;
}

.pro-list-menu ul li .pro-list-menu-cur li {
    border-left: #e8e8e8 solid 1px;
    border-right: #e8e8e8 solid 1px;
    border-bottom: #e8e8e8 solid 1px;

    padding: 10px 30px;
}

.pro-list-main {
}

.pro-list-main ul.pro-list-main-ul {
}

.pro-list-main ul.pro-list-main-ul::after {
    content: "";
    width: 33.3%;
}

.pro-list-main ul.pro-list-main-ul li {
    width: 33.3%;
    border: #eaeaea solid 1px;
    height: 300px;

    cursor: pointer;
}

.pro-list-main ul.pro-list-main-ul li .pro-text {
}

.pro-list-main ul.pro-list-main-ul li .pro-main02 {
    display: none;
}

.pro-list-main ul.pro-list-main-ul li.active .pro-main02 {
    display: flex;
}

.pro-list-main ul.pro-list-main-ul li.active .pro-text {
    display: none;
}

.pagination {
}

.pagination li {
    padding: 3px 10px 3px 10px;
    border: #ccc solid 1px;
    margin-right: 15px;
    border-radius: 5px;
}

.pagination li.active {
    background: red;
    border: none;
}

.pagination li.active a {
    color: #fff;
}

.server-load ul {
    padding-top: 50px;
}

.server-load ul li {
    cursor: pointer;
    position: relative;
    padding: 10px;
    background: url(../img/server/server-back-img01.png) no-repeat center;
    background-size: cover;
    width: 191px;
    height: 263px;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.server-load ul li img {
}

.server-load ul li p {
    font-size: 12px;
    margin: 0;
    line-height: 20px;
    padding-top: 10px;
}

.server-load ul li.active {
    padding: 20px;
    background: url(../img/server/server-back-img02.png) no-repeat center;
    background-size: cover;
    width: 231px;
    height: 303px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.server-load ul li.active img {
}

.server-load ul li.active p {
    font-size: 12px;
    margin: 0;
    line-height: 20px;
    padding-top: 10px;
    color: #fff;
}

.server-load ul li .server-load-btn-div {
    width: 100%;
    position: absolute;
    top: 55%;
    left: 0;
    display: none;
}

.server-load ul li .server-load-btn {
    border-radius: 5px;
    font-size: 12px;
    margin: auto;
    display: block;
    width: 92px;
    padding-left: 15px;
    text-align: center;
    background: rgba(55, 51, 50, 0.88) url(../img/server/server-icon01.png) no-repeat 5px 7px;
    cursor: pointer;
    color: #fff;
    background-size: 15px;
}

.server-load ul li.active .server-load-btn-div {
    width: 100%;
    position: absolute;
    top: 55%;
    left: 0;
    display: block;
}

.server-load ul li.active .server-load-btn {
    border-radius: 5px;
    font-size: 12px;
    margin: auto;
    display: block;
    width: 92px;
    padding-left: 15px;
    text-align: center;
    background: rgba(55, 51, 50, 0.88) url(../img/server/server-icon01.png) no-repeat 5px 7px;
    cursor: pointer;
    color: #fff;
    background-size: 15px;
}

.server .server-fuwu-list {
    padding: 20px;
    background: #f9f9f9;
    height: 450px;
    font-size: 12px;
    width: 31%;
    margin-bottom: 50px;
}

.server .server-fuwu-list .server-fuwu-list-text {
    border-top: #f1f1f1 solid 1px;
    padding-top: 20px;
}

.server .server-fuwu-list .server-fuwu-list-title {
    font-size: 20px;
    color: #000;
    padding: 20px 0;
}

.news-list {
}

.news-list ul {
    padding-top: 50px;
}

.news-list ul li .news-list-img {
    height: 218px;
    overflow: hidden;
    width: 100%;
}

.news-list ul li {
    width: 440px;
    height: 381px;
    margin-bottom: 50px;
}

.news-list ul::after {
    content: "";
    width: 32%;
}

.news-list ul li.active {
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.5);
}

.news-list ul li h3 {
    font-size: 16px;
    color: #000;
    padding: 10px 0;
}

.news-list ul li p {
    font-size: 12px;
    line-height: 24px;
}

.news-list ul li span {
    color: #b0b0b0;
    font-size: 12px;
}

.news-list .news-list-text {
    padding: 10px;
}

.news-p {
}

.news-p ul {
}

.news-p ul li {
    margin: 0.5%;
}

.news-p ul li:nth-child(1) {
    width: 39%;
    height: 381px;
}

.news-p ul li:nth-child(2) {
    width: 29%;
    height: 381px;
}

.news-p ul li:nth-child(3) {
    width: 29%;
    height: 381px;
}

.news-p ul li:nth-child(4) {
    width: 28%;
    height: 381px;
}

.news-p ul li:nth-child(5) {
    width: 30%;
    height: 381px;
}

.news-p ul li:nth-child(6) {
    width: 39%;
    height: 381px;
}

.news-p ul li:nth-child(7) {
    width: 35%;
    height: 381px;
}

.news-p ul li:nth-child(8) {
    width: 33%;
    height: 381px;
}

.news-p ul li:nth-child(9) {
    width: 29%;
    height: 381px;
}

.news-p ul li .news-p-tc {
    display: none;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.news-p ul li.active .news-p-tc {
    display: flex;
}

.join-bm-list {
}

.join-bm-list li {
    margin-right: 50px;
}

.join-bm-list li.active {
    color: #dc0022;
}

.join-zp-menu {
    background: #f9f9f9;
    border: #eeeeee solid 1px;
}

.join-zp-menu dt {
    margin-bottom: 0.5rem;
    background: url(../img/join/join-title-img.png) no-repeat;
    background-size: cover;
    width: 213px;
    height: 161px;
}

.join-zp-menu dd {
    cursor: pointer;
    width: 213px;
    height: 106px;
    line-height: 106px;
    background: #f0f0f0;
    text-align: center;
    padding: 0 20px;
    font-size: 18px;
    color: #373332;
}

.join-zp-menu dd span {
    display: none;
    margin-left: 60px;
}

.join-zp-menu dd.active {
    background: #646464;
    color: #fff;
}

.join-zp-menu dd.active span {
    display: block;
    margin-left: 20px;
}

.join-zp-main {
    margin-left: 0.5rem;
}

.join-zp-main .join-zp-main-top {
    height: 161px;
    margin-bottom: 0.5rem;
    background: #f9f9f9;
    padding: 30px;
    border: #eeeeee solid 1px;
}

.join-zp-main .join-zp-main-top h3 {
    border-left: #dc0022 solid 2px;
    font-size: 24px;
    color: #373332;
}

.join-zp-main .join-zp-main-top .prize {
    color: #dc0022;
    font-size: 24px;
    margin-left: 60px;
}

.join-zp-main .join-zp-main-c {
    background: #f9f9f9;
    padding: 30px;
    border: #eeeeee solid 1px;
}

.join-zp-main .join-zp-main-c h3 {
    border-left: #dc0022 solid 2px;
    font-size: 24px;
    color: #373332;
}

.join-zp-main .join-zp-main-c p {
    line-height: 40px;
}

.input-ul {
}

.input-ul li {
    background: #f2f2f2;
    width: 48%;
    margin-bottom: 30px;
    height: 50px;
}

.input-ul li input {
    background: none;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 16px;
    padding: 0 50px;
}

.pro-xq-text h3 {
    color: #dc0022;
    font-size: 20px;
}

.pro-xq-text .pro-xq-btn1 {
    color: #fff;
    background: #dc0022;
    width: 122px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: block;
}

.pro-xq-text .pro-xq-btn2 {
    color: #fff;
    background: #e3e3e3;
    width: 122px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: block;
    color: #dc0022;
    margin-left: 50px;
}

.pro-xq-text .pro-xq-table {
}

.pro-xq-text .pro-xq-table li {
    text-align: center;
    background: #eeeeee;
    flex-wrap: nowrap;
}

.pro-xq-text .pro-xq-table li:nth-child(2n) {
    background: #fff;
}

/* .pro-xq-text .pro-xq-table li:nth-child(2){background: #fff;} */
.pro-xq-text .pro-xq-table li.active span {
    /* background: #DC0022; */
    color: #fff;

    overflow: hidden;
}

.pro-xq-text .pro-xq-table li.active {
    background: #dc0022;
}

.pro-xq-text .pro-xq-table li span {
    padding: 10px 0;
    width: 100px;
    overflow: hidden;
    display: inline-block;
    flex-shrink: 0;
}

.dian {
    color: red;
    margin-right: 10px;
}

.yl-img-main {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}

.xxx {
    position: absolute;
    right: 20%;
    top: 9%;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    border: #fff solid 1px;
    border-radius: 100%;
    color: #fff;
}

.index-zygj-ul {
}

.index-zygj-ul li {
}

.index-zygj-ul .li01 {
    background: url(../img/index-gyzjzy-img.png) no-repeat center;
    background-size: cover;
    height: 796px;
    width: 441px;
    padding: 15px;
    color: #fff;
}

.index-zygj-ul .li02 {
    background: url(../img/index-gyzjzy-img2.png) no-repeat center;
    background-size: cover;
    height: 796px;
    width: 441px;
}

.index-zygj-ul .li03 {
    width: 60%;
    height: 387px;
    background: url(../img/index-gyzjzy-img3.png) no-repeat center;
    background-size: cover;
}

.index-zygj-ul .li04 {
    width: 50%;
    height: 387px;
    background: url(../img/index-gyzjzy-img6.png) no-repeat center;
    background-size: cover;
}

.index-zygj-ul .li05 {
    width: 50%;
    height: 409px;
    background: url(../img/index-gyzjzy-img5.png) no-repeat center;
    background-size: cover;
}

.index-zygj-ul .li06 {
    width: 60%;
    height: 409px;
    background: url(../img/index-gyzjzy-img4.png) no-repeat center;
    background-size: cover;
}

.index-zygj-ul li .index-zygj-main {
    display: none;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    width: 100%;
    height: 100%;
}

.index-zygj-ul li .index-zygj-main.active {
}

.index-zygj-ul li .index-zygj-main a {
    color: #fff;
}

.logo-list {
}

.logo-list li {
    width: 25%;
    text-align: center;
}

.logo-list li img {
    width: 200px;
}

.map-shijc {
    text-align: center;
    background: url(../img/index-yers2.png) center no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 400px;
}

.map-shijc-hr {
    border-right: #ccc solid 1px;
    height: 150px;
    width: 2px;
    margin: auto;
}

.map-shijc-hr-dian {
    width: 15px;
    height: 15px;
    background: #d4092b;
    border-radius: 100%;
    margin: auto;
}

.map-shijc-li p {
    display: block;
    width: 220px;
    font-size: 14px;
    line-height: 20px;
}

.map-shijc-li.active p {
    color: #d4092b;
}

.map-shijc-li h3 {
    color: #5c5a5a;
    font-weight: bold;
}

.map-shijc-li.active h3 {
    color: #d4092b;
}

/*footer*/

.footer {
}

.footer-top {
    padding-top: 220px;
    padding-bottom: 170px;
}

.footer-top ul {
    margin-top: 100px;
    font-size: 18px;
}

.footer-top ul li {
    color: #fff;
    border-right: #fff solid 1px;
    padding: 0 70px;
}

.footer-top ul li a {
    color: #fff;
}

.navigation_r {
    display: none;
}

.navigation_kf {
    display: none;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: none;
}

/*公用*/

.title-hr {
    background: url(../img/title-hr.png) no-repeat center;

    background-size: 100%;

    background-position: 0 20px;
}

.w-100 {
    width: 100%;
}

.test-1::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.test-1::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #535353;
}

.test-1::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #ededed;
}

.fdckf {
}

.fdckf .title {
    text-align: center;
    margin-top: 120px;
    margin-bottom: 120px;
}

.line-ul li {
    position: relative;
    width: 382px;
    height: 312px;
    cursor: pointer;
}

.line-ul li img {
    transition: all 1s;
    -webkit-transition: all 1s;
}

.line-ul li.active img {
    transform: scale(1.2);
}

.line-ul li .line1 {
    background: url(../img/fdckf/line1.png) no-repeat;
    overflow: hidden;
    width: 9px;
    height: 0px;
    background-size: 9px 233px;
    position: absolute;
    top: 0;
    right: 0;
}

.line-ul li .line2 {
    background: url(../img/fdckf/line2.png) no-repeat no-repeat;
    background-position: bottom;
    overflow: hidden;
    width: 9px;
    height: 0px;
    background-size: 9px 233px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.line-ul li .line3 {
    background: url(../img/fdckf/line3.png) no-repeat;
    overflow: hidden;
    width: 0px;
    height: 1px;
    background-size: 404px 1px;
    position: absolute;
    top: 169px;
    left: -10px;
}

.line-ul li.active .line1 {
    transition: height 1s;
    -webkit-transition: height 1s;
    height: 233px;
}

.line-ul li.active .line2 {
    transition: height 1s;
    -webkit-transition: height 1s;
    height: 233px;
}

.line-ul li.active .line3 {
    transition: width 1s;
    -webkit-transition: width 1s;
    width: 404px;
    height: 1px;
}

.fdckf .banner2 {
    margin-top: 0px;
    padding: 0;
}

.fdckf .banner2.dt {
    background: url("../img/fdckf/dt_back.png") no-repeat;
    background-size: cover;
    padding: 100px 0;
}

.fdckf .dt_click01 {
    position: absolute;
    width: 90%;
    height: 100%;
    left: 5%;
    top: 0;
    height: 700px;
}

.fdckf .dt_img {
    background: url("../img/fdckf/dt_p.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 90%;
    height: 100%;
    left: 5%;
    top: 0;
    height: 700px;
}

.fdckf .dt_img_main {
    width: 50%;
    text-align: center;
    position: relative;
    height: 700px;
}

.fdckf .dt_click01.p1 {
    background: url("../img/fdckf/dt_p1.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p2 {
    background: url("../img/fdckf/dt_p2.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p3 {
    background: url("../img/fdckf/dt_p3.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p4 {
    background: url("../img/fdckf/dt_p4.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p5 {
    background: url("../img/fdckf/dt_p5.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p6 {
    background: url("../img/fdckf/dt_p6.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p7 {
    background: url("../img/fdckf/dt_p7.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p8 {
    background: url("../img/fdckf/dt_p8.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p9 {
    background: url("../img/fdckf/dt_p9.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p10 {
    background: url("../img/fdckf/dt_p10.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p11 {
    background: url("../img/fdckf/dt_p11.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p12 {
    background: url("../img/fdckf/dt_p12.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p1.active {
    background: url("../img/fdckf/dt_p1_1.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p2.active {
    background: url("../img/fdckf/dt_p2_1.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p3.active {
    background: url("../img/fdckf/dt_p3_1.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p4.active {
    background: url("../img/fdckf/dt_p4_1.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p5.active {
    background: url("../img/fdckf/dt_p5_1.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p6.active {
    background: url("../img/fdckf/dt_p6_1.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p7.active {
    background: url("../img/fdckf/dt_p7_1.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p8.active {
    background: url("../img/fdckf/dt_p8_1.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p9.active {
    background: url("../img/fdckf/dt_p9_1.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p10.active {
    background: url("../img/fdckf/dt_p10_1.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p11.active {
    background: url("../img/fdckf/dt_p11_1.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_click01.p12.active {
    background: url("../img/fdckf/dt_p12_1.png") no-repeat;
    background-size: 100% 100%;
}

.fdckf .dt_lick {
    position: absolute;
    width: 100%;
    height: 100%;
}

.fdckf .dt_lick .p1 {
    width: 30px;
    left: 62%;
    height: 54px;
    top: 36%;
    position: absolute;
    cursor: pointer;
}

.fdckf .dt_lick .p2 {
    width: 55px;
    left: 48%;
    height: 54px;
    top: 61%;
    position: absolute;
    cursor: pointer;
}

.fdckf .dt_lick .p3 {
    width: 44px;
    left: 50%;
    height: 128px;
    top: 40%;
    position: absolute;
    cursor: pointer;
}

.fdckf .dt_lick .p4 {
    width: 78px;
    left: 48%;
    height: 71px;
    top: 75%;
    position: absolute;
    cursor: pointer;
}

.fdckf .dt_lick .p5 {
    width: 86px;
    left: 57%;
    height: 59px;
    top: 77%;
    position: absolute;
    cursor: pointer;
}

.fdckf .dt_lick .p6 {
    width: 41px;
    left: 61%;
    height: 65px;
    top: 65%;
    position: absolute;
    cursor: pointer;
}

.fdckf .dt_lick .p7 {
    width: 48px;
    left: 65%;
    height: 63px;
    top: 69%;
    position: absolute;
    cursor: pointer;
}

.fdckf .dt_lick .p8 {
    width: 48px;
    left: 67%;
    height: 59px;
    top: 60%;
    position: absolute;
    cursor: pointer;
}

.fdckf .dt_lick .p9 {
    width: 21px;
    left: 70%;
    height: 31px;
    top: 57%;
    position: absolute;
    cursor: pointer;
}

.fdckf .dt_lick .p10 {
    width: 41px;
    left: 62.5%;
    height: 54px;
    top: 55%;
    position: absolute;
    cursor: pointer;
}

.fdckf .dt_lick .p11 {
    width: 46px;
    left: 66%;
    height: 60px;
    top: 50%;
    position: absolute;
    cursor: pointer;
}

.fdckf .dt_lick .p12 {
    width: 83px;
    left: 54%;
    height: 54px;
    top: 58%;
    position: absolute;
    cursor: pointer;
}

/* .fdckf .dt_lick .pp{border: #fff solid 1px;} */

.dt_click_main2 {
    width: 100%;
    height: 100%;
    position: absolute;
}

.fdckf .banner2-img1 {
    cursor: pointer;
    background: url("../img/fdckf/fdckf-banner2-img1.png") no-repeat center;
    background-size: cover;
    width: 100%;
    height: 800px;
    position: relative;
}

.fdckf .banner2-img1 span.p1 {
    background: url("../img/fdckf/arown1.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
    left: 6%;
    bottom: 30%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fdckf .banner2-img1:hover span.p1 {
    background: url("../img/fdckf/arown2.png") no-repeat;
    background-size: 100% 100%;
    left: 6%;
    bottom: 35%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fdckf .banner2-img1 span.p2 {
    background: url("../img/fdckf/p1-title1.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    width: 468px;
    height: 106px;
    position: absolute;
    left: 6%;
    top: 30%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fdckf .banner2-img1:hover span.p2 {
    left: 6%;
    top: 35%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fdckf .banner2-img2 {
    cursor: pointer;
    background: url("../img/fdckf/fdckf-banner2-img2.png") no-repeat center;
    background-size: cover;
    width: 100%;
    height: 800px;
    position: relative;
}

.fdckf .banner2-img2 span.p1 {
    background: url("../img/fdckf/arown1.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
    left: 6%;
    bottom: 30%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fdckf .banner2-img2:hover span.p1 {
    background: url("../img/fdckf/arown2.png") no-repeat;
    background-size: 100% 100%;
    left: 6%;
    bottom: 35%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fdckf .banner2-img2 span.p2 {
    background: url("../img/fdckf/p1-title2.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    width: 280px;
    height: 100px;
    position: absolute;
    left: 6%;
    top: 30%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fdckf .banner2-img2:hover span.p2 {
    left: 6%;
    top: 35%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fdckf .banner2-img3 {
    cursor: pointer;
    background: url("../img/fdckf/fdckf-banner2-img3.png") no-repeat center;
    background-size: cover;
    width: 100%;
    height: 800px;
    position: relative;
}

.fdckf .banner2-img3 span.p1 {
    background: url("../img/fdckf/arown1.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
    left: 6%;
    bottom: 30%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fdckf .banner2-img3:hover span.p1 {
    background: url("../img/fdckf/arown2.png") no-repeat;
    background-size: 100% 100%;
    left: 6%;
    bottom: 35%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fdckf .banner2-img3 span.p2 {
    background: url("../img/fdckf/p1-title3.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    width: 306px;
    height: 62px;
    position: absolute;
    left: 6%;
    top: 30%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fdckf .banner2-img3:hover span.p2 {
    left: 6%;
    top: 35%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.swiper-pagination-current {
    color: #af6e51;
    font-weight: bold;
    font-size: 30px;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: url(../img/fdckf/arown-right.png);
}

.swiper-button-next.swiper-button-disabled:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: url(../img/fdckf/arown-right2.png);
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: url(../img/fdckf/arown-left.png);
}

.swiper-button-prev.swiper-button-disabled:after,
.swiper-container-rtl .swiper-button-next:after {
    content: url(../img/fdckf/arown-left2.png);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: auto;
}

.fdckf-mySwiper1-t {
}

.fdckf-mySwiper1-t li {
    transition: all 1s;
    -webkit-transition: all 1s;
    font-size: 18px;
    padding-bottom: 30px;
    padding-top: 30px;
    cursor: pointer;
}

.fdckf-mySwiper1-t li.active {
    font-weight: bold;
    color: #b13029;
    font-size: 30px;
}

.fdckf-mySwiper1-t-line {
    background: url(../img/fdckf/line5.png) no-repeat bottom right;
    height: 14px;
    width: 0%;
}

.fdckf-mySwiper1-tt {
    margin-top: -83px;
    height: 81px;
}

.fdckf-mySwiper1-tt li {
    border-bottom: #000 solid 1px;
}

.fdckf-mySwiper1-tt li.p1 {
    width: 7% !important;
    margin-right: 60px;
}

.fdckf-mySwiper1-tt li.p2 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper1-tt li.p3 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper1-tt li.p4 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper1-tt li.p5 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper1-tt li.p6 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper1-tt li.p7 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper1-tt li.p8 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper1-tt li.p9 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper1-tt li.p10 {
    width: 7% !important;
}

.fdckf-mySwiper2-t {
}

.marginleft10 {
    margin-right: 10%;
}

.fdckf-mySwiper2-t li {
    transition: all 1s;
    -webkit-transition: all 1s;
    font-size: 18px;
    padding-bottom: 30px;
    padding-top: 30px;
    cursor: pointer;
}

.fdckf-mySwiper2-t li.active {
    font-weight: bold;
    color: #b13029;
    font-size: 30px;
}

.fdckf-mySwiper2-t-line {
    background: url(../img/fdckf/line5.png) no-repeat bottom right;
    height: 14px;
    width: 0%;
}

.fdckf-mySwiper2-tt {
    margin-top: -83px;
    height: 81px;
}

.fdckf-mySwiper2-tt li {
    border-bottom: #000 solid 1px;
}

.fdckf-mySwiper2-tt li.p1 {
    width: 7% !important;
    margin-right: 60px;
}

.fdckf-mySwiper2-tt li.p2 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper2-tt li.p3 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper2-tt li.p4 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper2-tt li.p5 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper2-tt li.p6 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper2-tt li.p7 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper2-tt li.p8 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper2-tt li.p9 {
    width: 14% !important;
    margin-right: 64px;
}

.fdckf-mySwiper2-tt li.p10 {
    width: 7% !important;
}

.fdckf-mySwiper2-t {
    padding-left: 80px;
    padding-right: 80px;
}

.fdckf-mySwiper2-t li {
    transition: all 1s;
    -webkit-transition: all 1s;
    font-size: 20px;
    padding-bottom: 30px;
    padding-top: 30px;
    cursor: pointer;
    color: #fff;
}

.fdckf-mySwiper2-t li.active {
    font-weight: unset;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
}

.fdckf-mySwiper2-t-line {
    background: url(../img/fdcxgyw/line5.png) no-repeat bottom right;
    height: 22px;
    width: 0%;
}

/* .lxm-ul{padding-top: 130px;padding-bottom: 90px;}
	.lxm-ul li{transition: all 1s;-webkit-transition: all 1s;margin-bottom: 40px;transform:scale(1,1);cursor: pointer;}
	
	.lxm-ul li.active{transform:scale(1.1,1.1)} */

.lxm-right {
    height: 850px;
    width: 50%;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.lxm-btn-ul {
    margin-right: 40px;
}

.lxm-btn-ul::after {
    content: "";
    width: 33.3%;
}

.lxm-btn-ul li {
    width: 171px;
    height: 83px;
    cursor: pointer;
    margin-bottom: 20px;
}

.lxm-btn-ul li.b1 {
    background: url(../img/lxm/btn01.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.active.b1 {
    background: url(../img/lxm/btn01_1.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.b2 {
    background: url(../img/lxm/btn02.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.active.b2 {
    background: url(../img/lxm/btn02_1.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.b3 {
    background: url(../img/lxm/btn03.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.active.b3 {
    background: url(../img/lxm/btn03_1.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.b4 {
    background: url(../img/lxm/btn04.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.active.b4 {
    background: url(../img/lxm/btn04_1.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.b5 {
    background: url(../img/lxm/btn05.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.active.b5 {
    background: url(../img/lxm/btn05_1.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.b6 {
    background: url(../img/lxm/btn06.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.active.b6 {
    background: url(../img/lxm/btn06-1.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.b7 {
    background: url(../img/lxm/btn07.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.active.b7 {
    background: url(../img/lxm/btn07-1.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.b8 {
    background: url(../img/lxm/btn08.png);
    background-size: 100% 100%;
}

.lxm-btn-ul li.active.b8 {
    background: url(../img/lxm/btn08-1.png);
    background-size: 100% 100%;
}

.fdcxgyw-main1 {
    background: url(../img/fdcxgyw/fdcxgyw_p1_back.jpg) no-repeat center;
    background-size: 100% 100%;
}

.fdcxgyw-main1 .title {
    text-align: center;
    padding-top: 120px;
    margin-bottom: 45px;
}

.fdcxgyw-main1-p1 {
    background: url(../img/fdcxgyw/fdcxgyw_p1_back2.png) no-repeat center;
    background-size: 80%;
    background-position: center 598px;
    padding: 70px 0;
    padding-bottom: 350px;
}

.fdcxgyw-main1-img1 {
    background: url(../img/fdcxgyw/fdcxgyw_p2.png) no-repeat center;
    background-size: 100%;
    width: 14%;
    height: 102px;
}

.fdcxgyw-main1-img2 {
    background: url(../img/fdcxgyw/fdcxgyw_p3.png) no-repeat center;
    background-size: 100%;
    width: 18%;
    height: 102px;
    margin-left: 60px;
}

.fdcxgyw-main2 {
    overflow: hidden;
    position: relative;
    background: url(../img/fdcxgyw/fdcxgyw_p2_back.jpg) no-repeat center;
    background-size: cover;
    padding: 60px 0;
}

.fdcxgyw-main2.tt2 {
    background: url(../img/fdcxgyw/banner-back2.jpg) no-repeat center;
    background-size: cover;
}

.fdcxgyw-main2.tt3 {
    background: url(../img/fdcxgyw/banner-back3.jpg) no-repeat center;
    background-size: cover;
}

.fdcxgyw-main2.tt4 {
    background: url(../img/fdcxgyw/banner-back4.jpg) no-repeat center;
    background-size: cover;
}

.banner2.tt4 {
    background: url(../img/xilie/xilie_back4.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 50px;
}

.fdcxgyw-main2 .title {
    text-align: center;
    padding-top: 60px;
    margin-bottom: 118px;
    font-size: 52px;
}

.fdcxgyw-main2 .fdcxgyw-main2-title {
    padding: 60px 0;
}

.fdcxgyw-main2 .fdcxgyw-main2-title li {
    cursor: pointer;
    position: relative;
    margin-right: 20px;
    margin-left: 20px;
    background: #f7f8f8;
    padding: 20px;
    width: 160px;
    height: 80px;
    text-align: center;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.fdcxgyw-main2 .fdcxgyw-main2-title li.active {
    color: #fff;
    background: #bb1a20;
    background-image: linear-gradient(135deg, #e9d7bc 0%, #dbc2a1 26%, #cdad85 51%, #966f4e 100%), linear-gradient(#bb1a20, #bb1a20);
    background-blend-mode: normal, normal;
    box-shadow: 0px 4px 3px 0px rgba(20, 59, 99, 0.35);
    border-radius: 0px 30px 0px 30px;
}

.fdcxgyw-main2 .fdcxgyw-main2-title li .fdcxgyw-line1 {
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
    top: 47px;
    position: absolute;
    width: 0px;
    height: 1px;
    background: url(../img/fdcxgyw/line1.png) no-repeat;
    background-size: 189px 1px;
}

.fdcxgyw-main2 .fdcxgyw-main2-title li .fdcxgyw-line2 {
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
    top: 0px;
    left: -6px;
    position: absolute;
    width: 11px;
    height: 0px;
    background: url(../img/fdcxgyw/line2.png) no-repeat;
    background-size: 11px 91px;
}

.fdcxgyw-main2 .fdcxgyw-main2-title li .fdcxgyw-line3 {
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
    right: -7px;
    bottom: 0px;
    position: absolute;
    width: 12px;
    height: 0px;
    background: url(../img/fdcxgyw/line3.png) no-repeat;
    background-size: 12px 91px;
}

.fdcxgyw-main2 .fdcxgyw-main2-title li.active .fdcxgyw-line1 {
    width: 189px;
    height: 1px;
    opacity: 1;
}

.fdcxgyw-main2 .fdcxgyw-main2-title li.active .fdcxgyw-line2 {
    width: 11px;
    height: 91px;
    opacity: 1;
}

.fdcxgyw-main2 .fdcxgyw-main2-title li.active .fdcxgyw-line3 {
    width: 12px;
    height: 91px;
    opacity: 1;
}

.arown2-left {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.arown2-right {
    position: absolute;
    top: 0px;
    right: 0px;
}

.fdcxgyw-ul {
    margin-top: 160px;
}

.fdcxgyw-ul li {
    position: relative;
    cursor: pointer;
    transition: all 1s;
    -webkit-transition: all 1s;
    width: 30%;
    color: #000;
    background: url(../img/fdcxgyw/back01.png) no-repeat;
    background-size: 100% 100%;
    height: 500px;
}

.fdcxgyw-ul li.active {
    margin-top: -150px;
    width: 30%;
    color: #000;
    height: 500px;
}

.fdcxgyw-ul li h3 {
    font-size: 30px;
}

.fdcxgyw-ul li .t1 {
    width: 80%;
    text-align: center;
    font-size: 18px;
    line-height: 35px;
}

.fdcxgyw-ul li .arown-left {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    bottom: 49px;
    left: 49px;
    opacity: 0;
}

.fdcxgyw-ul li .arown-right {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    top: 49px;
    right: 49px;
    opacity: 0;
}

.fdcxgyw-ul li.active .arown-left {
    position: absolute;
    bottom: 0px;
    left: 0px;
    opacity: 1;
}

.fdcxgyw-ul li.active .arown-right {
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 1;
}

.about .p1-t {
    margin-bottom: 30px;
    background: url(../img/about/about-pt-t.png) no-repeat;
    background-size: 13px 13px;
    background-position: 5px 15px;
    padding-left: 30px;
}

.about .about-ry {
    font-size: 14px;
    background: url(../img/about/about-pt-t2.png) no-repeat left center;
    padding-left: 30px;
}

.about .fzlc {
    background: url(../img/about/banner-1-01.jpg) no-repeat;
    background-size: cover;
}

.about .fzlc-main {
    width: 90%;
    margin: auto;
    padding-top: 90px;
    padding-bottom: 500px;
}

.about .fzlc-main .title {
    color: #b7241e;
    font-size: 58px;
}

.about .fzlc-main .fzlc-li {
    width: 25%;
    position: relative;
}

.about .fzlc-main .fzlc-li .yers {
    font-size: 50px;
    color: #a4795d;
    height: 100px;
    margin-top: 50px;
    cursor: pointer;
}

.about .fzlc-main .fzlc-li .text {
    padding-right: 60px;
    margin-top: 30px;
    height: 80px;
}

.about .fzlc-main .fzlc-li .ms {
    width: 100%;
    height: 302px;
    background: #fff;
    margin-top: 40px;
    font-size: 13px;
    display: none;
    position: absolute;
}

.about .fzlc-main .fzlc-li .ms .ms-o {
    padding: 15px;
    overflow: auto;
    height: 302px;
}

.ms-o::-webkit-scrollbar-track {
    background-color: #efefef;
}

.ms-o::-webkit-scrollbar {
    width: 4px;
}

.ms-o::-webkit-scrollbar-thumb {
    background-color: #a4795d;

    border-radius: 15px;
}

.about .fzlc-main .fzlc-li.active .yers {
    font-size: 66px;
    transition: all 1s;
    -webkit-transition: all 1s;
    font-weight: bold;
}

.about .fzlc-main .fzlc-li.active .ms {
    display: block;
}

.about .fzlc-main .fzlc-li .line {
    background: url(../img/about/line2.png) left;
    width: 100%;
    height: 41px;
    background-size: 1920px 41px;
}

.about .fzlc-main .fzlc-li .line2 {
    background: url(../img/about/line.png) no-repeat right;
    background-size: 1920px 41px;
    /* width: 105.9%; */
    height: 41px;
    left: -299%;
    position: absolute;
}

.about .fzlc-main .fzlc-li .line.over {
    background: url(../img/about/line22.png) left;
    width: 100%;
    height: 41px;
    background-size: 1920px 41px;
}

.brand .page1 {
    background: url(../img/brand/brand-page1-back.jpg) no-repeat center;
    background-size: cover;
    padding-top: 140px;
}

.brand .page1 .title {
    font-size: 36px;
    color: #fff;
}

.brand .page1 h3 {
    font-size: 48px;
    color: #a83c39;
    margin-top: 20px;
}

.brand .page1 p {
    font-family: ceshi01;
}

.brand-activity-p1 {
    width: 100%;
    height: 964px;
    position: relative;
}

.brand-activity-p2 {
    width: 31.8%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    padding: 150px 60px;
    text-align: left;
    color: #fff;
}

.brand-activity-t1 {
    font-size: 36px;
    font-family: ceshi01;
}

.brand-activity-t2 {
    font-size: 48px;
    margin-top: 20px;
}

.brand-activity-t3 {
    padding: 100px 50px;
    font-size: 20px;
    line-height: 35px;
}

.brand .page1 .page1-li {
    width: 100%;
    height: 627px;
    background: #fff;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
    overflow: hidden;
}

.brand .page1 .page1-li-img {
    background: url(../img/brand/img01.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 465px;
}

.brand .page1 .page1-li-text {
    font-size: 18px;
    color: #000;
}

.brand .page1 .page1-li-text .page1-li-text-t1 {
    height: 60px;
    overflow: hidden;
}

.brand .page1 .page1-li-text .page1-li-text-span {
    width: 52px;
    height: 9px;
    background: url(../img/brand/brand-icon2.png) no-repeat;
    background-size: 100% 100%;
    display: block;
}

.brand .page1 .page1-li {
    cursor: pointer;
}

.brand .page1 .page1-li.active {
    width: 100%;
    height: 627px;
    background: #a83c39;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
    overflow: hidden;
}

.brand .page1 .page1-li.active .page1-li-img {
    background: url(../img/brand/img01.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 465px;
}

.brand .page1 .page1-li.active .page1-li-text {
    font-size: 18px;
    color: #fff;
}

.brand .page1 .page1-li.active .page1-li-text .page1-li-text-t1 {
    height: 60px;
    overflow: hidden;
}

.brand .page1 .page1-li.active .page1-li-text .page1-li-text-span {
    width: 52px;
    height: 9px;
    background: url(../img/brand/brand-icon1.png) no-repeat;
    background-size: 100% 100%;
    display: block;
}

.brand .page2 .page2-ul {
    position: absolute;
    bottom: 120px;
    left: 5%;
    text-align: left;
    z-index: 10000;
}

.brand .page2 .page2-ul li {
    background: #fff;
    height: 125px;
    padding: 0 30px;
    align-items: center;
    cursor: pointer;
}

.brand .page2 .page2-ul li .num {
    font-size: 55px;
    color: #cf000a;
    font-weight: bold;
}

.brand .page2 .page2-ul li .text {
    margin-left: 10px;
}

.brand .page2 .page2-ul li .text h3 {
    font-size: 21px;
    color: #000;
    margin-bottom: 1px;
}

.brand .page2 .page2-ul li .text p {
    color: #000;
    font-size: 12px;
}

.brand .page2 .page2-ul li.active {
    background: #cf000a;
}

.brand .page2 .page2-ul li.active .num {
    font-size: 55px;
    color: #ffffff;
    font-weight: bold;
}

.brand .page2 .page2-ul li.active .text {
}

.brand .page2 .page2-ul li.active .text h3 {
    font-size: 21px;
    color: #ffffff;
}

.brand .page2 .page2-ul li.active .text p {
    color: #ffffff;
    font-size: 12px;
}

.brand .page3 {
    width: 100%;
}

.brand .page3 .page3-swiper {
    background: url(../img/brand/page3-back.jpg) no-repeat;
    background-size: cover;
    height: 962px;
    width: 100%;
}

.server .server-tel-text p {
    background: url(../img/server/server-icon.png) no-repeat center left;
    padding-left: 30px;
    line-height: 50px;
    font-size: 25px;
    color: #000;
}

.server .server-tel-main {
}

.server .server-tel-num {
    border-bottom: #d8d8d8 solid 1px;
    padding-bottom: 30px;
    padding-top: 30px;
}

.server .server-tel-num h3 {
    color: #000;
}

.server .server-tel-num2 {
    padding-top: 30px;
}

.server .server-tel-num2 h3 {
    color: #000;
}

.server-tel-list-cur {
    padding-left: 45px;
}

.more {
    background: #ab221a;
    color: #fff;
    padding: 20px 50px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    cursor: pointer;
}

.news {
}

.news .news-title-ul {
    border-bottom: #aaaaaa solid 1px;
    font-size: 35px;
    padding: 50px 50px 30px 50px;
    width: 90%;
    margin: auto;
}

.news .news-title-ul li {
    cursor: pointer;
}

.news .news-title-ul li.active {
    color: #800000;
}

.news .news-ul {
}

.news .news-ul::after {
    content: "";
    width: 28%;
}

.news-xq {
    z-index: 10;
    position: relative;
    margin-top: -300px;
    margin-bottom: 20px;
}

.news-xq-c {
    background: #fff;
    width: 60%;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.news .news-ul li {
    width: 28%;
    margin-bottom: 50px;
}

.news .news-ul li .news-li-img {
    width: 100%;
    height: 300px;
}

.news .news-ul li .news-li-text {
}

.news .news-ul li .news-li-text .news-li-text-t1 {
    font-size: 14px;
    line-height: 40px;
    overflow: hidden;
    height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news .news-ul li .news-li-text .news-li-text-t2 {
    font-size: 20px;
    color: #000;
    height: 56px;
    overflow: hidden;
}

.news-title {
    font-size: 16px;
    color: #000000;
    padding: 0 0 30px 0;
    border-bottom: #bfbfbf solid 1px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.news-time {
    color: #808080;
    font-size: 12px;
    margin-bottom: 50px;
}

.news-content {
    padding: 50px;
}

.news-content img {
    width: 100% !important;
}

.news-xq-c {
    padding: 30px 0;
}

.news-xq-c img {
    text-indent: 0;
}

.news-more-list {
    width: 90%;
    margin: auto;
    padding: 50px 0;
}

.news-more-list li {
    width: 45%;
}

.news-more-list li .news-more-list-img {
    height: 217px;
    width: 100%;
}

.news-more-list li .news-more-list-text {
    font-size: 18px;
    padding-top: 10px;
    height: 75px;
    overflow: hidden;
}

.news-more-list li .news-more-list-more {
    text-align: center;
}

.xilie01-ul {
    margin-top: 60px;
}

.xilie01-ul li {
    padding: 30px 80px;
    color: #000;
    background: #f7f8f8;
    font-size: 20px;
    cursor: pointer;
}

.xilie01-ul li.active {
    background: #ac2d29;
    color: #fff;
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
}

.xilie-input {
    padding: 20px 0;
    width: 300px;
    font-size: 18px;
    background: url(../img/xilie/secho-icon.png) no-repeat right;
    border-bottom: #cccccc solid 1px;
    border-right: none;
    border-left: none;
    border-top: none;
}

.xilie2-img-ul {
}

.xilie2-img-ul::after {
    content: "";
    width: 47%;
}

.xilie2-img-ul li {
    width: 47%;
    margin-bottom: 20px;
}

.xilie2-img-ul li.active .xilie2-img-ul-img2 {
    transition: all 1s;
    -webkit-transition: all 1s;
    transform: scale(1.1);
}

.xilie2-img-ul li .xilie2-img-ul-img {
    width: 100%;
    height: 496px;
    overflow: hidden;

    position: relative;
}

.xilie2-img-ul li .xilie2-img-ul-img2 {
    width: 100%;
    height: 496px;
}

.iphoneshow {
    display: none;
}

.webshow {
    display: flex;
}

.xilie2-img-ul li p {
    font-size: 18px;
    line-height: 60px;
}

.xilie-img-ul {
}

.xilie-img-ul li {
    width: 30%;
    margin-bottom: 20px;
}

.xilie-img-ul li p {
    font-size: 18px;
    line-height: 60px;
}

.xilie-img-ul::after {
    content: "";
    width: 30%;
}

.xilie-img-ul li.active .xilie-img-ul-img2 {
    transition: all 1s;
    -webkit-transition: all 1s;
    transform: scale(1.1);
}

.xilie-img-ul li .xilie-img-ul-img {
    width: 100%;
    height: 313px;
    overflow: hidden;
    position: relative;
}

.xilie-img-ul li .xilie-img-ul-img2 {
    width: 100%;
    height: 313px;
}

.xilie-img-ul li .xilie-img-ul-img3 {
    transition: all 1s;
    -webkit-transition: all 1s;
    width: 100%;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 100;
    padding: 5px 10px;
    color: #fff;
    opacity: 0;

    line-height: 24px;
}

.xilie-img-ul li.active .xilie-img-ul-img3 {
    opacity: 1;
}

.xilie2-img-ul li .xilie2-img-ul-img3 {
    transition: all 1s;
    -webkit-transition: all 1s;
    width: 100%;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 100;
    padding: 5px 10px;
    color: #fff;
    opacity: 0;

    line-height: 24px;
}

.xilie2-img-ul li.active .xilie2-img-ul-img3 {
    opacity: 1;
}

.xilie3-ul {
    align-items: flex-start;
    padding: 280px 50px;
}

.xilie3-ul li {
    width: 48%;
    margin-bottom: 130px;
}

.xilie3-ul li .xilie3-ul-img {
    height: 1161px;
    background: #f7f8f8;
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.xilie3-ul li .xilie3-ul-img .xilie3-ul-img-top {
    height: 663px;
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.xilie3-ul li .xilie3-ul-text {
    padding: 100px 50px 50px 50px;
}

.xilie3-ul li .xilie3-ul-text .xilie3-ul-text-t1 {
    margin-bottom: 40px;
}

.xilie3-ul li .xilie3-ul-text .xilie3-ul-text-t2 {
    border-bottom: #000000 solid 1px;
    width: 100px;
    margin-bottom: 40px;
}

.xilie3-ul li .xilie3-ul-text .xilie3-ul-text-t3 {
    margin-bottom: 40px;
}

.xilie3-ul li .xilie3-ul-text p {
}

.xilie3-ul li .xilie3-ul-text h3 {
    color: #000;
}

.xilie3-ul li.active .xilie3-ul-img {
    background: #a83c39 url(../img/xilie/xilie3-back.png) no-repeat bottom right;
}

.xilie3-ul li.active .xilie3-ul-text .xilie3-ul-text-t1 {
    margin-bottom: 40px;
}

.xilie3-ul li.active .xilie3-ul-text .xilie3-ul-text-t2 {
    border-bottom: #fff solid 1px;
    width: 100px;
    margin-bottom: 40px;
}

.xilie3-ul li.active .xilie3-ul-text .xilie3-ul-text-t3 {
    margin-bottom: 40px;
}

.xilie3-ul li.active .xilie3-ul-text p {
    color: #e8c4c3;
}

.xilie3-ul li.active .xilie3-ul-text h3 {
    color: #fff;
}

.xilie-city {
    font-size: 18px;
}

.xilie-city li.active {
    background: #dfdfdf;
    padding: 10px 30px;
}

.xilie-city li {
    margin-right: 50px;
    cursor: pointer;
    padding: 10px 30px;
}

.turn-pages li span {
    display: block;
    background: url(../img/fyicon2.png) no-repeat;
    background-size: 100% 100%;
    width: 21px;
    height: 22px;
    margin-right: 30px;
    cursor: pointer;
}

.turn-pages li.active span {
    display: block;
    background: url(../img/fyicon1.png) no-repeat;
    background-size: 100% 100%;
    width: 21px;
    height: 22px;
    margin-right: 30px;
}

.dj .title {
    border-bottom: #97322e solid 5px;
    padding: 100px 0;
    font-size: 57px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.dj .dj-ul {
    margin-top: 130px;
}

.dj .dj-ul li {
    background: #e6e6e6;
    align-items: flex-start;
    margin-bottom: 40px;
    width: 60%;
    margin: 0 auto 30px auto;
}

.dj .dj-ul li .dj-img {
    width: 40%;
    height: 255px;
}

.dj .dj-ul li .dj-text {
    width: 60%;
    position: relative;
    padding-left: 50px;
    padding-top: 50px;
    height: 100%;
    height: 255px;
    padding-right: 50px;
}

.dj .dj-ul li h3 {
    color: #000;
    font-size: 26px;
    line-height: 40px;
}

.dj .dj-ul li p {
    margin-top: 80px;
    font-size: 18px;
}

.dj .dj-ul li .more {
    position: absolute;
    bottom: 0;
    right: 0;
}

.index-page1 {
    width: 100%;
    background: url(../img/banner-page1.jpg) no-repeat center;
    background-size: cover;
    /* background-size: 100% 100%; */
    height: 960px;
}

.index-page1 .index-page1-content {
    width: 90%;
    margin: auto;
    padding-top: 230px;
    padding-left: 100px;
}

.index-page2 {
    width: 100%;
    background: url(../img/index-page1-back.jpg) no-repeat;
    background-size: cover;
    height: 960px;
}

.index-page2 .index-page2-content {
    width: 90%;
    margin: auto;
    padding-top: 80px;
}

.index-page2 .index-page2-content .index-page2-text {
    color: #fff;
    font-size: 21px;
}

.index-page2 .index-page2-content .index-page2-text .index-page2-t1 {
    align-self: flex-start;
}

.index-page2 .index-page2-content .index-page2-text .index-page2-t1 li {
    width: 33.3%;
    /* height: 500px; */
}

.index-page2 .index-page2-content .index-page2-text .index-page2-t1 li a {
    display: inline-block;
    height: 500px;
}

.index-page2 .index-page2-content .index-page2-text .index-page2-t1 li .index-click-img {
    cursor: pointer;
}

.index-page2 .index-page2-content .index-page2-text .index-page2-t2 {
    align-items: flex-start;
    width: 90%;
    margin: auto;
}

.index-page2 .index-page2-content .index-page2-text .index-page2-t2 li {
    /* width: 26.3%; */
    width: 33.3%;
    font-family: ceshi01;
    line-height: 35px;
}

.index-page2 .index-page2-content .index-page2-text .index-page2-t2 li span {
    font-family: ceshi02;
}

.index_page3_line_main {
    width: 100%;
}

.index_page3_line_main span {
    display: block;
}

.index_page3_line_main .index_page3_line1 {
    width: 119px;
    height: 36px;
    background: url("../img/index_page3_p1.png") no-repeat;
    background-size: 100% 100%;
}

.index_page3_line_main .index_page3_line1.active {
    width: 119px;
    height: 36px;
    background: url("../img/index_page3_p1_1.png") no-repeat;
    background-size: 100% 100%;
}

.index_page3_line_main .index_page3_line2.active {
    width: 432px;
    height: 36px;
    background: url("../img/index_page3_p2_1.png") no-repeat;
    background-size: 100% 100%;
}

.index_page3_line_main .index_page3_line3.active {
    width: 272px;
    height: 36px;
    background: url("../img/index_page3_p3_1.png") no-repeat;
    background-size: 100% 100%;
}

.index_page3_line_main .index_page3_line4.active {
    width: 341px;
    height: 36px;
    background: url("../img/index_page3_p4_1.png") no-repeat;
    background-size: 100% 100%;
}

.index_page3_line_main .index_page3_line2 {
    width: 432px;
    height: 36px;
    background: url("../img/index_page3_p2.png") no-repeat;
    background-size: 100% 100%;
}

.index_page3_line_main .index_page3_line3 {
    width: 272px;
    height: 36px;
    background: url("../img/index_page3_p3.png") no-repeat;
    background-size: 100% 100%;
}

.index_page3_line_main .index_page3_line4 {
    width: 341px;
    height: 36px;
    background: url("../img/index_page3_p4.png") no-repeat;
    background-size: 100% 100%;
}

.index-page2-t1 li .index-1-line1 {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    top: 1%;
    left: 1%;
    width: 0px;
    height: 9px;
    background: url(../img/index-1-line1.png) no-repeat;
    background-size: 188px 9px;
}

.index-page2-t1 li .index-1-line2 {
    transition: all 1s;
    -webkit-transition: all 1s;
    top: 94%;
    right: 0%;
    position: absolute;
    width: 0px;
    height: 9px;
    background: url(../img/index-1-line2.png) no-repeat;
    background-size: 208px 9px;
}

.index-page2-t1 li .index-1-line3 {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    right: 45%;
    top: 81%;
    width: 1px;
    height: 0px;
    background: url(../img/index-1-line3.png) no-repeat;
    background-size: 1px 50px;
}

.index-page2-t1 li.active .index-1-line1 {
    position: absolute;
    top: 1%;
    left: 1%;
    width: 188px;
    height: 9px;
    background: url(../img/index-1-line1.png) no-repeat;
    background-size: 188px 9px;
}

.index-page2-t1 li.active .index-1-line2 {
    top: 94%;
    right: 0%;
    position: absolute;
    width: 208px;
    height: 9px;
    background: url(../img/index-1-line2.png) no-repeat;
    background-size: 208px 9px;
}

.index-page2-t1 li.active .index-1-line3 {
    position: absolute;
    right: 45%;
    top: 81%;
    width: 1px;
    height: 50px;
    background: url(../img/index-1-line3.png) no-repeat;
    background-size: 1px 50px;
}

.index-page2-t1 li .index-2-line1 {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    top: 1%;
    left: 1%;
    width: 0px;
    height: 9px;
    background: url(../img/index-2-line1.png) no-repeat;
    background-size: 188px 9px;
}

.index-page2-t1 li .index-2-line2 {
    transition: all 1s;
    -webkit-transition: all 1s;
    top: 94%;
    right: 0%;
    position: absolute;
    width: 0px;
    height: 9px;
    background: url(../img/index-2-line2.png) no-repeat;
    background-size: 208px 9px;
}

.index-page2-t1 li .index-2-line3 {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    left: 81%;
    top: 84%;
    width: 1px;
    height: 0px;
    background: url(../img/index-2-line3.png) no-repeat;
    background-size: 1px 50px;
}

.index-page2-t1 li.active .index-2-line1 {
    position: absolute;
    top: 1%;
    left: 1%;
    width: 188px;
    height: 9px;
    background: url(../img/index-2-line1.png) no-repeat;
    background-size: 188px 9px;
}

.index-page2-t1 li.active .index-2-line2 {
    top: 94%;
    right: 0%;
    position: absolute;
    width: 208px;
    height: 9px;
    background: url(../img/index-2-line2.png) no-repeat;
    background-size: 208px 9px;
}

.index-page2-t1 li.active .index-2-line3 {
    position: absolute;
    left: 81%;
    top: 84%;
    width: 1px;
    height: 50px;
    background: url(../img/index-2-line3.png) no-repeat;
    background-size: 1px 50px;
}

.index-page2-t1 li .index-click-img {
    transition: all 1s;
    -webkit-transition: all 1s;
}

.index-page2-t1 li.active .index-click-img {
    transform: scale(1.1, 1.1);
}

.index-page2-t1 li .index-3-line1 {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    top: 41%;
    left: -9%;
    width: 13px;
    height: 0px;
    background: url(../img/index-3-line1.png) no-repeat;
    background-size: 13px 217px;
}

.index-page2-t1 li .index-3-line2 {
    transition: all 1s;
    -webkit-transition: all 1s;
    top: 7%;
    right: -8%;
    position: absolute;
    width: 9px;
    height: 0px;
    background: url(../img/index-3-line2.png) no-repeat;
    background-size: 9px 232px;
}

.index-page2-t1 li .index-3-line3 {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    left: -15%;
    top: 69%;
    width: 0px;
    height: 1px;
    background: url(../img/index-3-line3.png) no-repeat;
    background-size: 204px 1px;
}

.index-page2-t1 li.active .index-3-line1 {
    position: absolute;
    top: 41%;
    left: -9%;
    width: 13px;
    height: 217px;
    background: url(../img/index-3-line1.png) no-repeat;
    background-size: 13px 217px;
}

.index-page2-t1 li.active .index-3-line2 {
    top: 7%;
    right: -8%;
    position: absolute;
    width: 9px;
    height: 232px;
    background: url(../img/index-3-line2.png) no-repeat;
    background-size: 9px 232px;
}

.index-page2-t1 li.active .index-3-line3 {
    position: absolute;
    left: -15%;
    top: 69%;
    width: 204px;
    height: 1px;
    background: url(../img/index-3-line3.png) no-repeat;
    background-size: 204px 1px;
}

.index-page2-t1 li .index-line-arown-left {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    left: 16px;
    bottom: 26px;
    opacity: 0;
}

.index-page2-t1 li .index-line-arown-right {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    right: 10px;
    top: 23px;
    opacity: 0;
}

.index-page2-t1 li.active .index-line-arown-left {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 1;
}

.index-page2-t1 li.active .index-line-arown-right {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
}

.index-page3 .fdckf-banner3-img {
    width: 100%;
}

.index-page2 .index-page2-content .index-page2-title {
    color: #fff;
    font-size: 19px;
}

.index-page3 {
    background: url(../img/index-page3-back.jpg) no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.index-page3.back2 {
    background: url(../img/index-page3-back2.jpg) no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.index-page3 .index-page3-conent {
    width: 90%;
    margin: auto;
    padding-top: 0px;
}

.index-page3 .index-page3-conent li {
    position: relative;
    width: 23%;
}

.index-page3 .index-page3-conent li .index-page3-content-t {
    position: absolute;
    bottom: 50px;
    padding-left: 40px;
    line-height: 60px;
    color: #fff;
}

.index-page3 .index-page3-conent li .index-page3-content-t .index-page3-content-p1 {
    font-size: 34px;
    font-family: ceshi01;
}

.index-page3 .index-page3-conent li .index-page3-content-t .index-page3-content-p2 {
    font-size: 34px;
    margin-left: 20px;
    font-family: ceshi01;
}

.index-page3 .index-page3-conent li .index-page3-content-t .index-page3-content-p3 {
    font-size: 40px;
    font-family: ceshi02;
}

.index-page3 .index-page3-conent li .index-page3-content-arown {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    right: 20px;
    bottom: 120px;
    opacity: 0;
}

.index-page3 .index-page3-conent li .index-page3-content-main {
    transition: all 1s;
    -webkit-transition: all 1s;
    margin-top: 90px;
}

.index-page3 .index-page3-conent li.active .index-page3-content-main {
    margin-top: 0px;
}

.index-page3 .index-page3-conent li.active .index-page3-content-arown {
    position: absolute;
    right: 30px;
    bottom: 120px;
    opacity: 1;
}

.index-page44 {
    width: 100%;
}

.index-page4 {
}

.index-page4 .index-page4-left {
    width: 50%;
}

.index-page4 .index-page4-left .index-page4-left-title1 {
    font-size: 26px;
    color: #000;
    font-family: ceshi01;
}

.index-page4 .index-page4-left .index-page4-left-title2 {
    font-size: 48px;
    color: #c21c20;
    font-family: ceshi04;
}

.index-page4 .index-page4-left .index-page4-left-text {
    width: 65%;
    padding: 0 30px;
    color: #000;
}

.index-page4 .index-page4-left .index-page4-left-text1 {
    font-size: 26px;
    line-height: 45px;
    height: 98px;
    overflow: hidden;
}

.index-page4 .index-page4-left .index-page4-left-text2 {
    font-size: 16px;
}

.index-page4 .index-page4-left ul {
}

.index-page4 .index-page4-left ul li {
    padding: 30px 50px;
    border-bottom: #c3c3c3 solid 1px;
}

.index-page4 .index-page4-left ul li .index-page4-left-img {
    width: 20%;
    height: 130px;
    overflow: hidden;
}

.index-page4 .index-page4-left ul li .index-page4-left-arown {
    transition: all 1s;
    -webkit-transition: all 1s;
    width: 20%;
    text-align: center;
    opacity: 0;
}

.index-page4 .index-page4-left ul li.active {
    background: url(../img/index-page4-li-back.jpg) no-repeat left center;
    background-size: cover;
}

.index-page4 .index-page4-left ul li.active .index-page4-left-arown {
    opacity: 1;
}

.index-page4 .index-page4-right {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.index-page4 .index-page4-right .index-page4-right-img {
    transition: all 1s;
    -webkit-transition: all 1s;
    width: 100%;
    background: url(../img/index-page4-img1.jpg) no-repeat;
    background-size: cover;
    height: 100%;
}

.index-page4 .index-page4-right.active .index-page4-right-img {
    transform: scale(1.1);
}

.index-page444 {
    width: 100%;
    height: 720px;
    align-items: flex-start;
    background: url("../img/fdckf/fdckf_back3.jpg") no-repeat;
    background-size: cover;
}

.index-page444-left {
    width: 36.5%;
    text-align: center;
}

.index-page444-left img {
    margin-top: 270px;
}

.index-page444-right {
    width: 63.5%;
    position: relative;
}

.index-page444-right .p1 {
    left: 0px;
    height: 720px;
    width: 33.3%;
    top: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background: url("../img/index-page444-img1.jpg") no-repeat left;
    background-size: cover;
    position: absolute;
    cursor: pointer;
}

.index-page444-right .p2 {
    left: 33.3%;
    height: 720px;
    width: 33.3%;
    top: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background: url("../img/index-page444-img2.jpg") no-repeat left;
    background-size: cover;
    position: absolute;
    cursor: pointer;
}

.index-page444-right .p3 {
    left: 66.6%;
    height: 720px;
    width: 33.3%;
    top: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background: url("../img/index-page444-img3.jpg") no-repeat left;
    background-size: cover;
    position: absolute;
    cursor: pointer;
}

.index-page444-right .p1:hover {
    left: 0px;
    height: 720px;
    width: 100%;
    top: 0;
    z-index: 1000;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.index-page444-right .p2:hover {
    left: 0px;
    height: 720px;
    width: 100%;
    top: 0;
    z-index: 1000;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.index-page444-right .p3:hover {
    left: 0px;
    height: 720px;
    width: 100%;
    top: 0;
    z-index: 1000;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.qiyewenhua-ul {
    padding-top: 30px;
}

.qiyewenhua-ul li {
    margin-bottom: 160px;
    opacity: 0.6;
    cursor: pointer;
}

.qiyewenhua-ul li.active {
    margin-bottom: 160px;
    opacity: 1;
}

.qiyewenhua-ul li .qiyewenhua-p1 {
    font-size: 30px;
    font-family: ceshi01;
}

.qiyewenhua-ul li .qiyewenhua-p2 {
    font-size: 25px;
    margin-top: 10px;
    font-family: ceshi01;
}

.about-zz {
    background: url(../img/about/back1.jpg) no-repeat bottom;
    background-size: 100%;
    padding-bottom: 180px;
}

.index .index-banner-title .index-banner-title-img {
    width: 600px;
    transition: all 1s;
    -webkit-transition: all 1s;
    opacity: 0;
    margin-bottom: 50px;
}

.index .index-banner-title .index-arown-left {
    width: 25px;
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.index .index-banner-title .index-arown-right {
    width: 25px;
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}

.index.active .index-banner-title .index-arown-left {
    position: absolute;
    bottom: 34px;
    left: 105px;
    opacity: 1;
}

.index.active .index-banner-title .index-arown-right {
    position: absolute;
    top: 40px;
    right: 113px;
    opacity: 1;
}

.index.active .index-banner-title .index-banner-title-img {
    transition: all 1s;
    -webkit-transition: all 1s;
    opacity: 1;
    margin-bottom: 0px;
}

.page .page-banner-title .page-banner-title-img {
    width: 100%;
    transition: all 1s;
    -webkit-transition: all 1s;
    opacity: 0;
    margin-bottom: 50px;
}

.page .page-banner-title .page-arown-left {
    width: 30px;
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    bottom: -20px;
    left: -20px;
    opacity: 0;
}

.page .page-banner-title .page-arown-right {
    width: 30px;
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    top: -20px;
    right: -20px;
    opacity: 0;
}

.fdcxgyw-banner-title {
    width: 500px !important;
}

.page.active .page-banner-title .page-arown-left {
    position: absolute;
    bottom: 0px;
    left: 0px;
    opacity: 1;
}

.page.active .page-banner-title .page-arown-right {
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 1;
}

.page.active .page-banner-title .page-banner-title-img {
    transition: all 1s;
    -webkit-transition: all 1s;
    opacity: 1;
    margin-bottom: 0px;
}

.page .page-banner-title {
    width: 350px;
    margin-bottom: 200px;
}

.quan {
    position: absolute;
    top: -50px;
    position: absolute;
    top: -38px;
    width: 30px;
    left: 50%;
    margin-left: -15px;
}

.bq-num li {
    font-size: 25px;
    color: #000;
    position: relative;
    width: 33.3%;
    text-align: center;
}

.bq-num li .bq-num-t1 {
    transition: all 1s;
    -webkit-transition: all 1s;
    font-size: 102px;
    color: #c62922;
    font-weight: bold;
}

.bq-num li .bq-num-t2 {
    margin-top: 30px;
    position: absolute;
    width: 100%;
    text-align: center;
}

.bq-num li .bq-num-t2.bq-num-eq1-t1 {
    transition: all 1s;
    -webkit-transition: all 1s;
    margin-left: -50px;
}

.bq-num li.active .bq-num-t1 {
    transition: all 1s;
    -webkit-transition: all 1s;
    font-size: 162px;
    color: #c62922;
    font-weight: bold;
}

.bq-num li.active .bq-num-t2 {
    margin-top: 30px;
}

.bq-num li.active .bq-num-t2.bq-num-eq1-t1 {
    transition: all 1s;
    -webkit-transition: all 1s;
    margin-left: -50px;
}

.bq-num li .bq-num-main {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.server-banner-p1 {
    width: 100%;
    height: 960px;
}

.server-banner-p2 {
    position: relative;
    margin-bottom: 200px;
}

.page-banner-title2-img2 {
    margin-top: 50px;
}

@-webkit-keyframes fd1 {
    0% {
        opacity: 0.1;

        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.01, 1.01);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0.1;
    }
}

.map-main {
}

.map-main .map-main-dt {
    width: 1026px;
    height: 838px;
    margin: auto;
    background: url(../img/about/map-back1.png) no-repeat center;
    background-size: cover;
    position: relative;
    margin-top: -100px;
}

.map-main .map-main-dt .map-p1 {
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    font-size: 22px;
    line-height: 38px;
    text-align: right;
    position: absolute;
}

.map-main .map-main-dt .map-p1 .map-p1-p span {
    background: url(../img/about/cur.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-weight: bold;
    padding: 0px 20px;
    border-radius: 5px;
    margin-right: 10px;
}

.map-main .map-main-dt .map-p1.active .map-p1-p span {
    background: url(../img/about/cur2.png) no-repeat;
    background-size: 100% 100%;
    color: #315670;
}

.map-main .map-main-dt .mapgo .map-p1 .map01 {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    height: 92px;
    left: -428px;
    width: 100%;
    border-bottom: #fff solid 1px;
}

.map-main .map-main-dt .mapgo.active .map-p1 .map01 {
    position: absolute;
    height: 92px;
    left: 0px;
    width: 100%;
    border-bottom: #fff solid 1px;
}

.map-main .map-main-dt .mapgo .map-p1 .map02 {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    height: 126px;
    left: -428px;
    width: 100%;
    border-bottom: #fff solid 1px;
}

.map-main .map-main-dt .mapgo.active .map-p1 .map02 {
    position: absolute;
    height: 126px;
    left: 0px;
    width: 100%;
    border-bottom: #fff solid 1px;
}

.map-main .map-main-dt .mapgo .map-p1 .map03 {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    height: 126px;
    left: -428px;
    width: 100%;
    border-bottom: #fff solid 1px;
}

.map-main .map-main-dt .mapgo.active .map-p1 .map03 {
    position: absolute;
    height: 126px;
    left: 0px;
    width: 100%;
    border-bottom: #fff solid 1px;
}

.map-main .map-main-dt .mapgo .map-p1 .map04 {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    height: 136px;
    left: 628px;
    width: 100%;
    border-bottom: #fff solid 1px;
}

.map-main .map-main-dt .mapgo.active .map-p1 .map04 {
    position: absolute;
    height: 136px;
    left: 0px;
    width: 100%;
    border-bottom: #fff solid 1px;
}

.map-main .map-main-dt .mapgo .map-p1 .map05 {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    height: 60px;
    left: 528px;
    width: 100%;
    border-bottom: #fff solid 1px;
}

.map-main .map-main-dt .mapgo.active .map-p1 .map05 {
    position: absolute;
    height: 60px;
    left: 0px;
    width: 100%;
    border-bottom: #fff solid 1px;
}

.map-main .map-main-dt .mapgo .map-p1 .map06 {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: absolute;
    height: 126px;
    left: 628px;
    width: 100%;
    border-bottom: #fff solid 1px;
}

.map-main .map-main-dt .mapgo.active .map-p1 .map06 {
    position: absolute;
    height: 126px;
    left: 0px;
    width: 100%;
    border-bottom: #fff solid 1px;
}

.map-main .map-main-dt .map-p1.active {
}

.mySwiper222 {
    width: 70%;
    margin: auto;
    background: url(../img/about/line2.png) repeat-x center;
    background-position: 0 100px;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.mySwiper222 .swiper-wrapper {
    width: 100%;
}

.mySwiper222 .swiper-wrapper .swiper-slide {
}

.mySwiper222 .swiper-wrapper .swiper-slide .yers-p1 {
    width: 100%;
    height: 100px;
    font-size: 30px;
}

.mySwiper222 .swiper-wrapper .swiper-slide .yers-p2 {
    margin-bottom: 50px;
}

.mySwiper222 .swiper-wrapper .swiper-slide .yers-p2 span {
    display: block;
    width: 41px;
    height: 41px;
    background: url(../img/about/line-d.png) no-repeat;
    background-size: 100% 100%;
}

.mySwiper222 .swiper-wrapper .swiper-slide.swiper-slide-active .yers-p2 span {
    display: block;
    width: 41px;
    height: 41px;
    background: url(../img/about/line-d2.png) no-repeat;
    background-size: 100% 100%;
}

.mySwiper222 .yers-p3 {
    font-size: 16px;
}

.mySwiper222 .yers-p3 ul {
}

.mySwiper222 .yers-p3 ul li {
    display: none;
}

/* .mySwiper222 .swiper-wrapper .swiper-slide.swiper-slide-active .yers-p3{  color: #b7241e;} */
.mySwiper222 .swiper-wrapper .swiper-slide.swiper-slide-active .yers-p1 {
    font-size: 50px;
    color: #b7241e;
    font-weight: bold;
}

.logo-outer {
}

.logo {
    margin-right: 60px;
    padding-right: 60px;
}

.logo img {
    width: 330px;
}

.navbar-toggle {
}

.navbar-toggle.collapsed .iphone-icon {
    transition: all 0.3s;
    display: block;
    width: 28px;
    height: 29px;
    background: url(../img/menu-iphone-icon.png) no-repeat center;
    background-size: 25px;
}

.navbar-toggle .iphone-icon {
    transition: all 0.3s;
    display: block;
    width: 28px;
    height: 29px;
    background: url(../img/menu-iphone-icon2.png) no-repeat center;
    background-size: 25px;
}

.xjp {
    background: url(../img/index-cur.png) no-repeat;
    width: 188px;
    height: 114px;
    position: relative;
}

.xjp .xjp-more {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 26px;
    cursor: pointer;
}

.xjp .xjp-close {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 26px;
    cursor: pointer;
}

.footer-bottom {
    background: #131212;
    padding-top: 30px;
    padding-bottom: 30px;
}

.index-page1-content {
}

.index-page1-content .index-page1-content-img {
    width: 600px;
    /* height: 364px; */
    height: auto;
}

.index-page1-content-more {
    /* width: 150px; */
    width: 120px;
    position: relative;
    /* left: -75px; */
    left: 0;
    height: 58px;
}

.index-banner-img {
    width: 100%;
    height: 960px;
    background: url(../img/index-banner.jpg) no-repeat center;
    background-size: cover;
}

.index-xl01 {
    position: relative;
    width: 251px;
    height: 221px;
    background: url(../img/index-page2-t1.png) no-repeat;
    background-size: 100% 100%;
}

.index-xl02 {
    position: relative;
    /* padding-top: 80px; */
    width: 188px;
    height: 264px;
    background: url(../img/index-page2-t2.png) no-repeat;
    background-size: 100% 100%;
}

.index-xl03 {
    position: relative;
    width: 405px;
    height: 404px;
    background: url(../img/index-page2-t3.png) no-repeat;
    background-size: 100% 100%;
}

.index-page2-pp {
    line-height: 40px;
}

.index-page3-content-main.index-pp1 {
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    background: url(../img/index-page3-img1.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
}

.index-page3-content-main.index-pp2 {
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    background: url(../img/index-page3-img2.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
}

.index-page3-content-main.index-pp3 {
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    background: url(../img/index-page3-img3.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
}

.index-page3-content-main.index-pp4 {
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    background: url(../img/index-page3-img4.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
}

.index-title-wl {
    font-size: 30px;
    line-height: 50px;
    padding: 160px 0;
    font-family: ceshi0;
}

.index-page4 {
    align-items: stretch;
    height: 735px;
}

.index-banner-title {
    margin-bottom: 250px;
}

.logo-iphone {
    display: none;
}

.logo-pc {
    display: block;
}

.index-page4-title {
    padding: 30px 50px;
}

.index-arown-ts {
    display: none;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 15%;
    z-index: 1000;
    -webkit-animation: arown 3.2s linear infinite;
}

.banner-page {
    width: 100%;
    height: 960px;
}

.about-page02 {
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 50px;
    width: 100%;
}

.about-page02-h3 {
    font-size: 50px;
    color: #000;
    font-family: ceshi02;
}

.about-page03-1 span {
    font-size: 100px;
    font-weight: bold;
}

.about-page03-1 .about-page03-1-p1 {
    font-size: 30px;
    width: 100%;
}

.about-page03-1 .about-page03-1-p2 {
    font-size: 25px;
    color: #cca889;
    font-style: italic;
    width: 100%;
}

.about-dt-web {
    display: block;
}

.about-dt-iphone {
    display: none;
}

.qiyewenhua {
    height: 980px;
}

.about-wh {
    background: url(../img/about/banner-1-02.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 980px;
}

.qiyewenhua .swiper-slide {
    font-size: 58px;
    color: #fff;
    text-align: left;
    width: 100%;
    justify-content: flex-start;
}

.qiyewenhua h3 {
    position: absolute;
    top: 50px;
    z-index: 10000;
    font-size: 48px;
    color: #fff;
    font-family: ceshi02;
}

.fdckf-banner2-t1 {
    font-size: 42px;
    font-family: ceshi01;
}

.fdckf-banner2-t2 {
    font-size: 42px;
    font-family: ceshi02;
}

.fdckf-banner2-t3 {
    font-size: 18px;
    line-height: 30px;
    font-family: ceshi01;
}

.fdckf-banner2-t4 {
    font-size: 18px;
    line-height: 30px;
    font-family: ceshi01;
}

.fdckf-banner2-more {
    width: 150px;
}

.fdckf-banner2-div {
    width: 100%;
    height: 860px;
}

.fdckf-banner-tt {
    position: absolute;
    bottom: 75px;
    text-align: left;
    color: #fff;
    padding-left: 85px;
    padding-right: 85px;
}

.fdckf-swiper-banenr2 {
    padding-bottom: 140px;
}

.fdckf-banner2 .swiper-pagination {
    text-align: left;
    bottom: 24px !important;
    left: 45px !important;
    font-size: 14px;
}

.fdckf-banner3 {
    background: url(../img/fdckf/back.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 50px;
}

.fdckf-banner3-web {
    display: block;
    width: 475px;
    margin: auto;
}

.fdckf-banner3-2-web {
    display: block;
    width: 341px;
    margin: auto;
}

.fdckf-banner3-iphone {
    display: none;
}

.fdckf-banner3-img {
    width: 70%;
}

.fdckf-banner3 .title {
    padding-top: 100px;
}

.fdcxgyw-banner-page {
    position: absolute;
    top: 52%;
    width: 100%;
    text-align: center;
}

.fdcxgyw-banner-page img {
    width: 28%;
}

.fdcxgyw-web {
    display: flex;
}

.fdcxgyw-xdhgx-web {
    display: block;
}

.fdcxgyw-iphone {
    display: none;
}

.fdckf-mySwiper2-t1 {
    font-size: 49px;
}

.fdckf-mySwiper2-t2 {
    color: #cacac9;
    font-size: 31px;
    margin-left: 10px;
}

.fdckf-mySwiper2-tt {
    position: absolute;
    width: 60%;
    left: 10%;
    bottom: 10%;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
}

.fdckf-mySwiper2-img {
    width: 90% !important;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.fdcxgyw-cpyy .title {
    font-size: 52px;
}

.fdcxgyw-cpyy-tt {
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: 5%;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
}

.xilie01-web {
    display: block;
}

.xilie01-iphone {
    display: none;
}

.xilie01-banner-t1 {
    font-size: 48px;
}

.xilie01-banner-t1 i {
    font-size: 24px;
    margin-left: 30px;
    font-family: ceshi01;
    display: none;
}

.xilie-swiper01-img {
    width: 150px;
}

.xilie-swiper01-tt {
    position: absolute;
    bottom: 135px;
    text-align: left;
    color: #fff;
    padding-left: 85px;
    padding-right: 85px;
}

.xilie-swiper01-back {
    width: 100%;
    height: 860px;
}

/* .xilie01-main{margin-top: -120px;} */

.xilie-swiper-biaogan {
    position: absolute;
    left: 85px;
    top: 75px;
    font-size: 36px;
    color: #fff;
}

.xilie-swiper01 {
    padding-bottom: 140px;
}

.xilie03-banner-img {
    width: 100%;
    text-align: center;
    margin-top: 200px;
}

.xilie03-banner-t1 {
    font-size: 20px;
}

.xilie03-banner-tt {
    position: absolute;
    top: 82%;
    text-align: left;
    color: #fff;
    padding-left: 85px;
    padding-right: 85px;
}

.xilie03-title {
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center;
}

.xilie-li-margin {
    margin-top: -300px;
}

.news-p1 {
    background: #f6f6f6;
    padding-bottom: 50px;
}

.news-p1-c {
    margin-top: 80px;
}

.news-p1-c-top {
    background: #fff;
    padding: 50px;
    margin-right: -100px;
    color: #000;
}

.news-p1-c-top-h3 {
    font-size: 32px;
}

.news-p1-c-top-time {
    font-size: 15px;
    margin-top: 30px;
}

.news-p1-c-top-content {
    font-size: 18px;
    margin-top: 44px;
}

.news-p1-c-top-more {
    margin-top: 60px;
}

.news-p2 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.news-p2-title1 {
    font-size: 36px;
}

.news-p2-title2 {
    font-size: 48px;
    color: #b7241e;
}

.brand-ppyx {
    width: 90%;
    margin: auto;
}

.brand-ppyx-main {
    padding-bottom: 180px;
}

.brand-page3-p1 {
    justify-content: flex-end;
    width: 100%;
    height: 964px;
    position: relative;
}

.brand-page3-p2 {
    width: 31.8%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 150px 60px;
    text-align: right;
    color: #fff;
}

.brand-page3-t1 {
    font-size: 36px;
    font-family: ceshi01;
}

.brand-page3-t2 {
    font-size: 48px;
    margin-top: 20px;
}

.brand-page3-t3 {
    font-size: 20px;
    line-height: 35px;
}

.brand-page3-t4 {
    text-align: left;
    margin-top: 100px;
}

.lxm-c-img {
}

.lxm-c-title {
    font-size: 40px;
    color: #b70209;
}

.lxm-c-p1 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.lxm-c-list {
    z-index: 10;
    position: relative;
    background: url(../img/lxm/lxm_p2.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 100px 0;
}

.lxm-c-list2 {
    z-index: 10;
    position: relative;
    background: url(../img/lxm/lxm_p3.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 100px 0;
}

.server-web {
    display: block;
}

.server-iphone {
    display: none;
}

.server-title-img {
    padding-top: 100px;
    padding-bottom: 100px;
}

.server-title-img img {
    margin: auto;
    width: 790px;
}

/* .server .server-tel-main{width: 70%;margin: auto;} */
.server-tel-main2 {
    width: 70%;
    margin: auto;
}

#news-title {
    line-height: 40px;
}

.server-tel-main {
    width: 100%;
    background: url(../img/server/back.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 100px;
}

.news-xq-xg {
    width: 60%;
    margin: auto;
    padding: 50px 0;
    font-size: 35px;
    text-align: center;
}

.news-xq-xg-title {
    border-bottom: #aaaaaa solid 1px;
    text-align: center;
    font-size: 35px;
    padding: 30px 0;
}

.news-more-list-text {
    text-align: left;
}

.server {
    margin-top: 60px;
}

.server-page2-p1 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.server-page1-p1 {
    margin-top: 80px;
}

.xilie01-padding {
    padding: 0;
}

.fdcxgyw-page2-title-cur {
    color: #bb1a20;
}

.fdcxgyw-page2-title2 {
    font-size: 12px;
    text-align: center;
    color: #929292;
    line-height: 22px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1600px) {
    /* 	.container {
			    max-width: 1650px !important;
			} */

    .logo-outer {
    }

    .logo {
        margin-right: 20px;
        padding-right: 20px;
    }

    .logo img {
        width: 280px;
    }

    .footer-top ul li {
        padding: 0 54px;
    }

    .index.active .index-banner-title .index-banner-title-img {
        width: 60%;
    }
}

@media only screen and (max-width: 1650px) {
    /* 	.container {
			    max-width: 1650px !important;
			} */

    .logo-outer {
    }

    .logo {
        margin-right: 15px;
        padding-right: 15px;
    }

    .logo img {
        width: 200px;
    }

    .main-menu .navigation li a {
        font-size: 15px;
    }

    .main-menu .navigation li {
        padding: 15px 5px;
    }

    .main-menu .navigation li:hover:before,
    .main-menu .navigation li.current-menu-item:before {
        width: 16px;
    }

    .main-menu .navigation li ul li {
        padding: 0;
    }

    .main-menu .navigation li ul li a {
        font-size: 14px;
    }

    .footer-top ul li {
        padding: 0 24px;
    }
}

@media only screen and (min-width: 1400px) {
    .fdckf .dt_img {
        height: 700px !important;
    }

    .fdckf .dt_img_main {
        height: 700px !important;
    }

    .fdckf .dt_click01 {
        height: 700px !important;
    }
}

@media (min-width: 1200px) {
    .fdckf .dt_img {
        height: 550px;
    }

    .fdckf .dt_img_main {
        height: 550px;
    }

    .fdckf .dt_click01 {
        height: 550px;
    }
}

@media only screen and (min-width: 1400px) {
    .container {
        max-width: 1650px !important;
    }
}

/* Mobile Menu */

@media only screen and (max-width: 991px) {
    .server-tel-main2 {
        width: 95%;
        margin: auto;
    }

    .navigation-go1 {
        background: url(../img/iphone-arown2.png) no-repeat right center;
        padding-right: 114px !important;
        background-size: 15px 10px;
    }

    .navigation-go1.active {
        background: url(../img/iphone-arown1.png) no-repeat right center;
        padding-right: 114px !important;
        background-size: 15px 10px;
    }

    .navigation-go2 {
        background: url(../img/iphone-arown2.png) no-repeat right center;
        padding-right: 114px !important;
        background-size: 15px 10px;
    }

    .navigation-go2.active {
        background: url(../img/iphone-arown1.png) no-repeat right center;
        padding-right: 114px !important;
        background-size: 15px 10px;
    }

    .quan {
        display: none;
    }

    .about-page01 {
        display: none;
    }

    .about-page02 {
        margin-top: 26px;
    }

    .about-page02-h3 {
        font-size: 24px;
        margin-bottom: 30px;
        margin-left: -10px;
    }

    .about-page03 {
        width: 100% !important;
    }

    .about-page03-1 {
        width: 50%;
    }

    .about-page03-1 span {
        font-size: 35px;
        font-weight: bold;
    }

    .about-page03-1 .about-page03-1-p1 {
        font-size: 20px;
    }

    .about-page03-1 .about-page03-1-p2 {
        font-size: 14px;
        color: #cca889;
        font-style: italic;
        line-height: 24px;
    }

    .about-dt-web {
        display: none;
    }

    .about-dt-iphone {
        display: block;
    }

    .about-zz {
        display: none;
    }

    .fzlc {
        display: none;
    }

    .qiyewenhua {
        height: 280px;
    }

    .about-wh {
        display: none;
        background: url(../img/about/banner-1-02.jpg) no-repeat;
        background-size: cover;
        width: 100%;
        height: 300px;
        margin-top: 5px;
    }

    .qiyewenhua-ul li {
        margin-bottom: 5px;
    }

    .qiyewenhua-ul li.active {
        margin-bottom: 5px;
    }

    .qiyewenhua .swiper-slide {
        padding-left: 10px;
        font-size: 18px;
        color: #fff;
        text-align: left;
        width: 100%;
        justify-content: flex-start;
    }

    .qiyewenhua-ul li .qiyewenhua-p1 {
        font-size: 12px;
    }

    .qiyewenhua-ul li .qiyewenhua-p2 {
        font-size: 14px;
        margin-top: 0;
    }

    .qiyewenhua h3 {
        position: absolute;
        top: 35px;
        z-index: 10000;
        font-size: 22px !important;
        color: #fff;
        font-family: ceshi02;
        margin-left: 10px;
    }

    .page .page-banner-title {
        width: 350px;
        margin-bottom: 100px;
    }

    .banner-page {
        width: 100%;
        height: 230px;
    }

    .menu-main2 {
        width: 50%;
        right: -50%;
        top: 0;
        height: 100%;
        z-index: 10000;
        background: #186082 url(../img/logo.png) no-repeat center bottom;
        background-size: 130px;
        background-position: 48% 94%;
        position: absolute;
    }

    .fdckf-banner2 {
        padding: 0 !important;
    }

    .fdckf-banner2-div {
        width: 100%;
        height: 200px;
    }

    .fdckf .banner2 {
        margin-top: 20px;
    }

    .fdckf .title {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .swiper-button-next2 {
        display: none;
    }

    .swiper-button-prev2 {
        display: none;
    }

    .fdckf-banner-tt {
        position: absolute;
        bottom: 15px;
        text-align: left;
        color: #fff;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    .fdckf-swiper-banenr2 {
        padding-bottom: 0px;
    }

    .fdcxgyw-cpyy .title {
        font-size: 26px;
    }

    .fdckf-banner2 .swiper-pagination {
        display: none;
    }

    .fdckf-mySwiper1-t {
        padding-left: 20px;
        padding-right: 20px;
    }

    .fdckf-mySwiper1-t li {
        font-size: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .fdckf-mySwiper1-t li.active {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .fdckf-mySwiper1-next {
        display: none;
    }

    .fdckf-mySwiper1-prev {
        display: none;
    }

    .fdckf-mySwiper1-t {
        padding-left: 5px;
        padding-right: 5px;
    }

    .fdckf-mySwiper1-t li.active {
        font-size: 15px;
    }

    .fdckf-mySwiper1-t li {
        font-size: 15px;
        line-height: 24px;
        transform: scale(0.8, 0.8);
    }

    .fdcxgyw-main2 .fdcxgyw-main2-title li {
        line-height: 20px;
    }

    .page.active .page-banner-title .page-arown-right {
        position: absolute;
        top: 0px;
        right: 79px;
        opacity: 1;
        width: 14px;
    }

    .page.active .page-banner-title .page-arown-left {
        position: absolute;
        bottom: 0px;
        left: 81px;
        opacity: 1;
        width: 14px;
    }

    /*房地产开发*/

    .fdckf .title img {
        width: 100%;
    }

    .line-ul li {
        width: 33%;
        height: 160px;
        text-align: center;
    }

    .line-ul li img {
        width: 90%;
    }

    .fdckf-banner2-t1 {
        font-size: 16px;
        font-family: ceshi01;
        line-height: 24px;
    }

    .fdckf-banner2-t2 {
        font-size: 12px;
        font-family: ceshi02;
        line-height: 24px;
    }

    .fdckf-banner2-t3 {
        display: none;
    }

    .fdckf-banner2-t4 {
        display: none;
    }

    .fdckf-banner2-more {
        width: 50px;
    }

    .fdckf-banner3 {
        padding-bottom: 20px;
    }

    .fdckf-banner3-web {
        display: none;
    }

    .fdckf-banner3-iphone {
        display: block;
        width: 85% !important;
        margin: auto;
    }

    .fdckf-banner3-img {
        width: 90%;
    }

    .fdckf-banner3 .title {
        padding-top: 50px;
        margin-top: 0;
    }

    .fdckf-main {
        padding: 0 !important;
    }

    /*房地产相关业务*/
    .fdcxgyw-banner-page {
        position: absolute;
        top: 60%;
        width: 100%;
        text-align: center;
    }

    .fdcxgyw-banner-page img {
        width: 60%;
    }

    .fdcxgyw-web {
        display: none;
    }

    .fdcxgyw-xdhgx-web {
        display: none;
    }

    .fdcxgyw-main2 {
        padding-bottom: 30px;
    }

    .fdcxgyw-main2 .fdcxgyw-main2-title li {
        width: 20%;
        margin: 5px 10px;
        padding: 0;
        font-size: 12px;
        height: 45px;

        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .fdcxgyw-main2 .fdcxgyw-main2-title {
        padding: 10px 0;
    }

    .fdckf-mySwiper1 .swiper-slide img {
        width: 100% !important;
    }

    .fdcxgyw-page2-title-cur {
        color: #fff;
    }

    .fdcxgyw-page2-title2 {
        color: #fff;
    }

    .fdcxgyw-iphone {
        display: block;
    }

    .fdcxgyw-main11 {
        margin-top: 38px !important;
    }

    .fdcxgyw-main2 .title {
        font-size: 17px;
        padding-top: 30px;
        padding-bottom: 0px;
        margin-bottom: 20px;
    }

    .fdckf-mySwiper2-t li.active {
        font-size: 12px;
    }

    .fdckf-mySwiper2-t li {
        font-size: 12px;
        line-height: 20px;
        padding-bottom: 10px;
        padding-top: 10px;
        margin: 0 4px;
    }

    .fdckf-mySwiper2-t {
        padding-left: 5px;
        padding-right: 5px;
    }

    .server {
    }

    #cy-swiper-text li {
        color: #fff;
        opacity: 0.6;
        font-size: 12px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        line-height: 20px !important;
    }

    #cy-swiper-text li.active {
        color: #fff;
        opacity: 1;
    }

    .fdcxgyw-cpyy2 {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .fdckf-mySwiper2-tt {
        position: absolute;
        width: 90%;
        left: 5%;
        bottom: 5%;
        color: #fff;
        font-size: 16px;
        line-height: 26px;
        text-align: left;
    }

    .fdckf-mySwiper2-t1 {
        font-size: 14px;
    }

    .fdckf-mySwiper2-t2 {
        color: #cacac9;
        font-size: 12px;
        margin-left: 10px;
    }

    .fdckf-mySwiper2-t2 i {
        font-size: 12px !important;
        display: none;
    }

    .fdckf-mySwiper2-img {
        width: 95% !important;
    }

    /*系列*/

    .xilie01-web {
        display: none;
    }

    .xilie01-iphone {
        display: block;
    }

    .xilie01-banner-t1 {
        font-size: 14px;
        line-height: 24px;
    }

    .xilie01-banner-t1 i {
        font-size: 12px;
        margin-left: 10px;
        font-family: ceshi01;
    }

    .xilie-swiper01-img {
        width: 60px;
    }

    .xilie-swiper01-tt {
        padding-left: 10px;
        padding-right: 10px;
        bottom: 25px;
    }

    .xilie-swiper01-back {
        height: 200px;
    }

    .fdckf .banner2 {
        margin-top: 0;
    }

    .xilie01-main {
        margin: 0;
    }

    .xilie01-main .container-fluid {
        padding: 0;
    }

    .xilie01-main .banner2 {
        padding: 0;
    }

    .xilie-swiper-biaogan {
        left: 10px;
        top: 7px;
        font-size: 12px;
    }

    .xilie-swiper01 {
        padding-bottom: 50px;
    }

    .xilie01-ul li {
        padding: 10px 20px;
        width: 120px;
        text-align: center;
        margin: 5px;
        font-size: 14px;
    }

    .xilie01-ul li.active {
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .xilie-city li {
        padding: 5px 20px;
        font-size: 12px;
        margin-right: 10px;
    }

    .xilie-input {
        display: none;
    }

    .xilie-city li.active {
        padding: 5px 20px;
    }

    .xilie-city {
        margin: auto;
    }

    .xilie01-city {
        margin: 20px !important;
    }

    .xilie01-title-img {
        width: 50%;
    }

    .xilie-img-ul li {
        width: 48%;
    }

    .xilie-img-ul {
        width: 90%;
        margin: auto;
    }

    .xilie-img-ul li .xilie-img-ul-img2 {
        height: 160px;
    }

    .xilie-img-ul li .xilie-img-ul-img {
        height: 160px;
    }

    .xilie-img-ul-img3 {
        display: none;
    }

    .xilie-img-ul li p {
        font-size: 14px;
        line-height: 36px;
        text-align: center;
    }

    .turn-pages {
        padding: 10px !important;
        margin: auto !important;
    }

    .xilie2-img-ul {
        width: 90%;
        margin: auto;
    }

    .xilie2-img-ul li .xilie2-img-ul-img2 {
        height: 160px;
    }

    .xilie2-img-ul li .xilie2-img-ul-img3 {
        height: 160px;
    }

    .xilie2-img-ul li .xilie2-img-ul-img {
        height: 160px;
    }

    .xilie2-img-ul li p {
        font-size: 14px;
        line-height: 36px;
        text-align: center;
    }

    .xilie03-banner-img {
        width: 100%;
        text-align: center;
        margin-top: 50px;
    }

    .xilie03-banner-img img {
        width: 50%;
    }

    .xilie03-banner-t1 {
        font-size: 12px;
        line-height: 24px;
    }

    .xilie03-banner-tt {
        position: absolute;
        top: 84%;
        text-align: left;
        color: #fff;
        padding-left: 15px;
        padding-right: 15px;
    }

    .xilie03-title {
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;
    }

    .xilie03-title img {
        width: 90%;
    }

    .xilie3-ul {
        padding: 80px 10px;
    }

    .xilie3-ul li .xilie3-ul-img {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .xilie3-ul li .xilie3-ul-img .xilie3-ul-img-top {
        height: 160px;
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .xilie3-ul li .xilie3-ul-text {
        padding: 30px 10px 10px 10px;
    }

    .xilie3-ul li .xilie3-ul-text p {
        display: none;
    }

    .xilie3-ul li .xilie3-ul-text .xilie3-ul-text-t3 {
        font-size: 12px;
        margin: 0;
        color: #777878;
    }

    .xilie3-ul li.active .xilie3-ul-text .xilie3-ul-text-t3 {
        color: #777878;
        margin: 0;
    }

    .xilie3-ul li.active .xilie3-ul-text .xilie3-ul-text-t1 {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .xilie3-ul li.active .xilie3-ul-text .xilie3-ul-text-t2 {
        border-bottom: #000000 solid 1px;
        width: 20px;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .xilie3-ul li .xilie3-ul-text .xilie3-ul-text-t1 {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .xilie3-ul li .xilie3-ul-text .xilie3-ul-text-t2 {
        margin-bottom: 10px;
        width: 20px;
    }

    .xilie3-ul li.active .xilie3-ul-img {
        background: #fff;
    }

    .xilie3-ul li.active .xilie3-ul-text h3 {
        color: #000;
    }

    .xilie-li-margin {
        margin-top: -100px;
    }

    .xilie3-ul li {
        margin-bottom: 30px;
    }

    .xilie03-bottom-img {
        padding: 20px !important;
    }

    .xilie03-bottom-img img {
        width: 100%;
    }

    .iphoneshow {
        display: block;
    }

    .webshow {
        display: none;
    }

    /*新闻中心*/
    .news .news-title-ul {
        padding: 20px 20px 20px 20px;
        font-size: 20px;
    }

    .news-p1-c {
        margin-top: 20px;
    }

    .news-p1-c-top-h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .news-p1-c-top-time {
        font-size: 12px;
        margin-top: 10px;
    }

    .news-p1-c-top {
        padding: 20px;
        margin: 0 auto 0 auto;
        width: 95%;
    }

    .news-p1-c-top-content {
        font-size: 12px;
        margin-top: 10px;
        color: #414141;
        line-height: 24px;
    }

    .more {
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 20px;
    }

    .news-p1-c-top-more {
        margin-top: 25px;
    }

    .news-p1-c1 {
        margin-bottom: -50px;
    }

    .news-p2 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .news-p2-title1 {
        display: none;
    }

    .news-p2-title2 {
        font-size: 24px;
    }

    .news .news-ul li {
        margin-bottom: 20px;
    }

    .news .news-ul li .news-li-img {
        height: 100px;
    }

    .news .news-ul li {
        width: 47%;
    }

    .news .news-ul li .news-li-text .news-li-text-t2 {
        font-size: 12px;
        line-height: 20px;
        height: 41px;
        overflow: hidden;
    }

    .xilie3-ul li .xilie3-ul-img {
        height: 260px;
    }

    .news-xq {
        z-index: 10;
        position: relative;
        margin-top: -48px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        margin-bottom: 20px;
    }

    .news-xq-c {
        width: 100%;
        overflow: hidden;
    }

    .news-title {
        margin-bottom: 10px;
    }

    #fh-home {
        width: 50px !important;
        left: 2% !important;
        top: 9% !important;
        display: none !important;
    }

    .news-content {
        padding: 0 20px 0 20px;
    }

    #news-title {
        font-size: 20px !important;
    }

    /*.news-content{padding: 20px;}
			#news-title{font-size: 16px;line-height: 24px;}
			#news-time{margin-bottom: 0px;font-size: 12px;} */

    /*品牌形象*/

    .brand .page1 {
        padding-top: 10px;
        background: url(../img/brand/iphone/back.jpg) no-repeat;
        background-size: cover;
    }

    .brand .page1 p {
        display: none;
    }

    .brand .page1 h3 {
        font-size: 26px;
        margin-bottom: 40px;
        color: #fff;
    }

    .brand .page1 .page1-li.active .page1-li-img {
        height: 85px;
    }

    .brand .page1 .page1-li-img {
        height: 85px;
    }

    .brand .page1 .page1-li {
        height: 170px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .brand .page1 .page1-li.active {
        height: 170px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .brand .page1 .page1-li-text {
        padding: 10px !important;
        font-size: 12px;
    }

    .brand .page1 .page1-li-text .page1-li-text-t1 {
        line-height: 20px;
        height: 40px;
    }

    .brand .page1 .page1-li.active .page1-li-text .page1-li-text-t1 {
        line-height: 20px;
        height: 40px;
    }

    .brand .page1 .page1-li.active .page1-li-text {
        font-size: 12px;
    }

    .brand .page1 .page1-li.active .page1-li-text .page1-li-text-span {
        width: 20px;
        height: 5px;
    }

    .brand-ppyx {
        width: 100%;
    }

    .brand .page1 .page1-li-text .page1-li-text-span {
        width: 20px;
        height: 5px;
    }

    .brand-ppyx-play {
        margin-top: 0 !important;
        text-align: center;
    }

    #close-id {
        position: absolute;
        right: 6%;
        top: 23%;
        width: 23px;
        cursor: pointer;
        z-index: 1000;
    }

    .brand-ppyx-main {
        padding-bottom: 50px;
    }

    .brand-activity-t3 {
        display: none;
    }

    .brand-activity-t1 {
        display: none;
    }

    .brand-activity-t2 {
        font-size: 26px;
    }

    .brand-activity-p2 {
        width: 100%;
        background: none;
        padding: 20px 10px;
    }

    .brand-activity-p1 {
        height: 400px;
    }

    .brand .page2 .page2-ul li {
        padding: 0 5px;
        height: 60px;
        width: 25%;
    }

    .brand .page2 .page2-ul li .num {
        font-size: 14px;
    }

    .brand .page2 .page2-ul li .text h3 {
        font-size: 12px;
        transform: scale(0.6, 0.6);
        width: 200%;
        margin-left: -50%;
    }

    .brand .page2 .page2-ul li.active .num {
        font-size: 16px;
    }

    .brand .page2 .page2-ul li.active .text h3 {
        font-size: 12px;
    }

    .brand .page2 .page2-ul li .text p {
        display: none;
    }

    .brand .page2 .page2-ul {
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .page2-ul-li-t2 {
        display: none;
    }

    .page2-ul-li-text {
        padding-top: 0px;
    }

    .brand .page1 .title {
        padding: 0;
    }

    .brand .page1 .list {
        padding: 0;
    }

    .brand-page3-t1 {
        display: none;
    }

    .brand-page3-t2 {
        font-size: 26px;
    }

    .brand-page3-t4 {
        font-size: 12px;
        margin-top: 10px;
    }

    .brand-page3-p2 {
        width: 50%;
        padding: 20px 10px;
        background: none;
    }

    .brand-page3-t3 {
        line-height: 20px;
        display: none;
    }

    .brand-page3-p1 {
        height: 300px;
    }

    .lxm-iphone {
        display: block;
    }

    .lxm-web {
        display: none;
    }

    .lxm-c-title {
        font-size: 26px;
    }

    .lxm-right {
        height: 250px;
        border-bottom-right-radius: 20px;
        border-top-left-radius: 20px;
    }

    .lxm-btn-ul {
        margin-right: 40px;
        position: absolute;
        width: 92%;
        left: 5%;
        margin-top: 20px;
    }

    .lxm-btn-ul li {
        width: 87px;
        height: 43px;
        cursor: pointer;
        margin-bottom: -9px;
        margin-top: 22px;
    }

    .lxm-c-img {
        margin-top: 0;
    }

    .lxm-c-list {
        z-index: 10;
        position: relative;
        margin-bottom: 150px;
        margin-top: 60px;
    }

    .server-web {
        display: none;
    }

    .server-iphone {
        display: block;
    }

    .server {
        margin-top: 0px;
    }

    .server-page2-p1 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .server-page1-p1 {
        margin-top: 50px;
    }

    .server-title-img {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .server-title-img img {
        width: 85%;
        margin: auto;
    }

    .server-title-img2 img {
        width: 70%;
    }

    .server .server-tel-text p {
        font-size: 12px;
        line-height: 30px;
    }

    .server-tel-text {
        margin-top: 30px;
    }

    .server-title-img3 img {
        width: 55%;
    }

    .server .server-tel-main {
        width: 100%;
    }

    .server .server-tel-main .server-tel-num {
        width: 50%;
        padding: 20px 10px;
        border-bottom: #d8d8d8 solid 1px;
    }

    .server .server-tel-main .server-tel-num2 {
        width: 50%;
        padding: 20px 10px;
        border-bottom: #d8d8d8 solid 1px;
    }

    .server .server-tel-num h3 {
        font-size: 16px;
    }

    .server .server-tel-num2 h3 {
        font-size: 16px;
    }

    .server .server-tel-num2 p {
        font-size: 12px;
    }

    .server .server-tel-num p {
        font-size: 12px;
    }

    #news-title {
        line-height: 30px;
    }

    .server-tel-list-cur {
        padding-left: 35px;
    }

    .server-tel-main {
        background: none;
        padding-bottom: 20px;
    }

    .news-xq-xg {
        width: 90%;
        padding: 30px 0;
    }

    .news-xq-xg-title {
        font-size: 26px;
        padding: 10px 0;
    }

    .news-more-list li .news-more-list-img {
        height: 120px;
    }

    .news-more-list li .news-more-list-text {
        font-size: 14px;
        height: 67px;
    }

    .server-banner-p1 {
        height: 230px;
    }

    .page-banner-title2 img {
        width: 30%;
    }

    .page-banner-title2-img2 {
        margin-top: 20px;
    }

    .page .page-banner-title {
        margin-bottom: 20px;
    }

    .dj .title {
        font-size: 26px;
        padding: 20px 0;
        border-bottom: #97322e solid 2px;
    }

    .dj .dj-ul li {
        width: 100%;
    }

    .dj .dj-ul li .dj-text {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
    }

    .dj .dj-ul li h3 {
        font-size: 16px;
        line-height: 24px;
        height: 50px;
        overflow: hidden;
    }

    .dj .dj-ul li p {
        margin-top: 20px;
        font-size: 14px;
    }

    .dj .dj-ul li .dj-img {
        height: 130px;
    }

    .dj .dj-ul li .dj-text {
        height: 130px;
        width: 50%;
    }

    .dj .dj-ul li .dj-img {
        width: 50%;
    }

    .dj .dj-ul {
        margin-top: 20px;
    }

    .logo-iphone {
        display: block;
    }

    .logo-pc {
        display: none;
    }

    .index-page4 {
        display: none;
    }

    .main-header {
        background: #fff;
    }

    .main-header.active {
        background: #fff;
    }

    .main-menu .navigation li ul li a {
        font-size: 13px;
        padding: 14px 25px;
        /* background: #9c1512; */
        background: #d6b689;
    }

    .main-menu .navigation li ul li ul li a {
        padding: 13px 45px;
        /* background: #8b0000; */
        background: #d6b689;
    }

    .main-menu .navigation li ul li {
        text-align: left;
    }

    .logo img {
        width: 220px;
    }

    .menu-number {
        display: none;
    }

    .main-menu .navigation li:before {
        content: none;
    }

    .main-header .header-upper .container-fluid {
        padding: 0;
    }

    .main-header .logo-outer {
        /* position: absolute; */
        width: 155px;
        /* top: 13px; */
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        /* left:15px; */
    }

    .fixed-header .logo-outer {
        top: 10px;
    }

    .main-menu {
        width: 100%;
    }

    .main-menu .navbar-header {
        display: block;
        padding: 0;
    }

    .main-menu .navigation {
        overflow: auto;

        /* margin: 30px 0 25px; */

        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;

        /* border-bottom: #e5e5e5 solid 1px; */
    }

    .navigation_r {
        display: block;
        color: #fff !important;
    }

    .main-menu .navigation li {
        float: none;
        padding: 0px 0px;
        /* display: flex; */
        justify-content: space-between;

        border-bottom: #4995b9 solid 1px;
        float: none;
        width: 100%;

        /* border-top: 1px solid #eee; */
    }

    .main-menu .navigation li:last-child {
        /* border-bottom: 1px solid #eee; */
    }

    .main-menu .navigation li.dropdown .dropdown-btn {
        display: block;
    }

    .main-menu .navigation li a {
        padding: 13px 10px;
        line-height: 13px;
        color: #fff;
        font-weight: normal;

        -webkit-transition: all 0ms ease;
        transition: all 0ms ease !important;
    }

    .main-menu .navigation li a:after {
        display: none;
    }

    .main-menu .navigation li ul {
        position: relative;
        display: block;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0 0 0px 0px;
        /* background: #9c1512; */
    }

    .main-menu .navigation li ul:after {
        display: block;
        clear: both;
        content: "";
    }

    .main-menu .navigation li ul li {
        /* padding: 0 20px; */
        /* border-bottom: none; */
        /* background: #9c1512; */

        border-bottom: #af2c29 solid 1px;
    }

    .main-menu .navigation li ul {
        background: none;
    }

    .main-menu .navigation li ul li ul {
        left: auto;
    }

    .banner {
        margin-top: 73px;
    }

    .index-banner-title {
        margin-bottom: 150px;
    }

    .title-hr {
        background: none !important;
    }

    .main-menu .navbar-collapse.in {
        display: block;
    }

    .main-menu .navbar-collapse {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.8);
    }

    .header-inner {
        width: 100%;
        padding: 10px 0;
    }

    .index .index-banner-title .index-banner-title-img {
        width: 100%;
        transition: all 1s;
        -webkit-transition: all 1s;
        opacity: 0;
        margin-bottom: 50px;
    }

    .index .index-banner-title .index-arown-left {
        width: 15px;
        transition: all 1s;
        -webkit-transition: all 1s;
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0;
    }

    .index .index-banner-title .index-arown-right {
        width: 15px;
        transition: all 1s;
        -webkit-transition: all 1s;
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
    }

    .index.active .index-banner-title .index-arown-left {
        position: absolute;
        bottom: 3px;
        left: 77px;
        opacity: 1;
    }

    .index.active .index-banner-title .index-arown-right {
        position: absolute;
        top: 0px;
        right: 81px;
        opacity: 1;
    }

    .index.active .index-banner-title .index-banner-title-img {
        width: 80%;
        transition: all 1s;
        -webkit-transition: all 1s;
        opacity: 1;
        margin-bottom: 0px;
    }

    .page .page-banner-title .page-banner-title-img {
        width: 45%;
        transition: all 1s;
        -webkit-transition: all 1s;
        opacity: 0;
        margin-bottom: 50px;
    }

    .page .page-banner-title .page-arown-left {
        width: 30px;
        transition: all 1s;
        -webkit-transition: all 1s;
        position: absolute;
        bottom: -20px;
        left: -20px;
        opacity: 0;
    }

    .page .page-banner-title .page-arown-right {
        width: 30px;
        transition: all 1s;
        -webkit-transition: all 1s;
        position: absolute;
        top: -20px;
        right: -20px;
        opacity: 0;
    }

    .fdcxgyw-banner-title .page-banner-title-img {
        width: 57% !important;
    }

    .xjp {
        display: none;
    }

    /* .navigation_r{display: block;color: #fff;} */
    .main-menu .navigation li ul {
        display: none;
    }

    /* .main-menu .navigation li ul li ul{width: 50%;} */

    .footer {
        display: none;
    }

    .footer-bottom {
        display: block;
        line-height: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .index-page1 .index-page1-content {
        padding-left: 0;
        padding-top: 30px;
    }

    .index-page1-content .index-page1-content-img {
        width: 223px;
    }

    .index-page1-content-more {
        width: 92px;
    }

    .index-page1 {
        height: 250px;
    }

    .index-banner-img {
        height: 370px;
    }

    .index-page3 .index-page3-conent li .index-page3-content-main {
        margin-top: 20px;
    }
    .index-page2 .index-page2-content .index-page2-text .index-page2-t1 li:nth-child(1) a{
        padding-top: 204px !important;
    }
    .index-page2 .index-page2-content .index-page2-text .index-page2-t1 li:nth-child(2) a{
        padding-top: 84px !important;
    }

    .index-page2 .index-page2-content .index-page2-text .index-page2-t1 li:nth-child(3) a{
        padding-top: 130px;
    }
    .index-page2 .index-page2-content .index-page2-text .index-page2-t1 li{
        width: 33% !important;
    }
    .index-page2 .index-page2-text .index-page2-t1 div.index-page2-t1_div {
        margin-left: 30px !important;
        font-size: 16px !important;
    }
    .index-xl01 {
        position: relative;
        width: 100px;
        height: 87px;
        background: url(../img/index-page2-t1.png) no-repeat;
        background-size: 100% 100%;
    }

    .index-xl02 {
        position: relative;
        /* margin-top: 80px; */
        width: 80px;
        height: 69px;
        background: url(../img/index-page2-t2.png) no-repeat;
        background-size: 100% 100%;
    }

    .index-xl03 {
        position: relative;
        width: 100px;
        height: 100px;
        background: url(../img/index-page2-t3.png) no-repeat;
        background-size: 100% 100%;
    }

    .index-page2 .index-page2-content .index-page2-text .index-page2-t2 li {
        font-size: 12px;
    }

    .index-page2 .index-page2-content .index-page2-text .index-page2-t1 li {
        height: 175px;
    }
    .index-page2 .index-page2-text .index-page2-t1 div {
        font-family: ceshi01 !important;
        line-height: 35px !important;
        font-size: 21px !important;
    }

    .index-page2 {
        height: 391px;
    }

    .index-page2 .index-page2-content .index-page2-title {
        font-size: 14px;
        padding-bottom: 10px !important;
    }

    .index-page2 .index-page2-content {
        padding-top: 20px;
    }

    .index-page2-pp {
        line-height: 30px;
    }

    .index-page3-content-main.index-pp1 {
        height: 200px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .index-page3-content-main.index-pp2 {
        height: 200px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .index-page3-content-main.index-pp3 {
        height: 200px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .index-page3 .index-page3-conent li .index-page3-content-t .index-page3-content-p1 {
        font-size: 14px;
    }

    .index-page3 .index-page3-conent li .index-page3-content-t .index-page3-content-p2 {
        font-size: 14px;
        margin-left: 34px;
    }

    .index-page3 .index-page3-conent li .index-page3-content-t .index-page3-content-p3 {
        width: 100px;
        font-size: 16px;
    }

    .index-page3 .index-page3-conent li .index-page3-content-t {
        line-height: 26px;
        padding-left: 10px;
        bottom: 10px;
    }

    .index-page3 .index-page3-conent li .index-page3-content-arown {
        width: 60px;
    }

    .index-page3 .index-page3-conent li {
        width: 32%;
    }

    .index-page3 .index-page3-conent {
        padding-top: 20px;
    }

    .index-title-wl {
        font-size: 13px;
        line-height: 26px;
        padding: 41px 0;
        font-family: ceshi04;
    }

    .index-page4 .index-page4-left {
        width: 100%;
    }

    .index-page4 .index-page4-right {
        width: 100%;
        height: 450px;
    }

    .index-page4-right-brand {
        padding-top: 32px !important;
    }

    .index-page4-right-brand-h1 {
        font-size: 16px;
        font-family: ceshi01;
    }

    .index-page4-right-brand-h2 {
        font-size: 30px;
        font-family: ceshi04;
    }

    .index-page4-right-brand img {
        width: 55px;
    }

    .index-page4 {
        height: auto;
    }

    .index-page4 .index-page4-left .index-page4-left-title1 {
        font-size: 16px;
    }

    .index-page4 .index-page4-left .index-page4-left-title2 {
        font-size: 30px;
    }

    .index-page4-title {
        padding: 5px 20px;
    }

    .index-page4 .index-page4-left ul li {
        padding: 5px 20px;
    }

    .index-page4-left-arown {
        display: none;
    }

    .index-page4 .index-page4-left ul li .index-page4-left-img {
        width: 30%;
        height: 80px;
    }

    .index-page4 .index-page4-left .index-page4-left-text {
        padding: 0 20px;
        width: 70%;
    }

    .index-page4 .index-page4-left .index-page4-left-text1 {
        font-size: 15px;
        line-height: 30px;
        height: 60px;
        overflow: hidden;
    }

    .index-page4 .index-page4-left .index-page4-left-text2 {
        font-size: 12px;
    }

    .footer-bottom-uuu {
        display: none;
    }

    .index-arown-ts {
        display: block;
    }
}