* {
    margin: 0;
    padding: 0;
}

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


li {
    list-style: none;
}

input, button, textarea {
    outline: 0;
    border: 0;
}

.swiper-button-prev, .swiper-button-next {
    outline: none;
}

@font-face {
    font-family: hua;
    src: url(../font/hua.ttf);
}

@font-face {
    font-family: st;
    src: url(../font/STKAITI.TTF);
}

@font-face {
    font-family: ar;
    src: url(../font/ar.ttf);
}

body {
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto !important;
    font-size: 20px;
    background: url(../images/header.jpg);
    color: #1E1A17;
}

.box {
    width: 1200px;
    margin: auto;
}

/* header */
header {
    z-index: 999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: url(../images/header.jpg);
}

header .box {
    height: 120px;
}

header .left>div {
    color: #897028;
    margin-left: 9px;
}

header .left .a {
    font-size: 15px;
}

header .left .b {
    font-family: Helvetica;
    font-size: 12px;
    opacity: .3;
    border-bottom: 0.5px solid rgb(137, 112, 4, .46);
    letter-spacing: -0.5px;
}

header .left .c {
    font-size: 16px;
    font-family: st;
    color: #333333;
    letter-spacing: 1px;
    margin-top: 2px;
}

header .phone {
    font-size: 28px;
    color: #a90b0c;
}

header .phone img {
    margin-right: 5px;
}

/* header end */

/* nav */

.nav {
    font-size: 16px;
    width: 566px;
    float: right;
    margin-top: 16px;
    font-family: st;
}


.nav .box>div {
    width: 377px;
}

.nav a {
    writing-mode: vertical-lr;
    color: #666666;
    position: relative;
}

.nav .active, .nav a:hover {
    color: #850000;
}

.nav .active .line, .nav .active .line font, .nav a:hover .line, .nav a:hover font {
    background: #850000;
}

.nav .line {
    width: 1px;
    height: 80px;
    background: #afafad;
    margin: 0 4px 0 5px;
}

.nav .line font {
    display: block;
    width: 6px;
    height: 6px;
    background: #a7a7a7;
    border-radius: 50%;
}

.nav .txt {
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 10px;
}

.nav li:last-child .txt {
    margin-top: 3px;
}

/* nav end */

/* footer */

footer {
    background: url(../images/footer.jpg) no-repeat center;
    background-size: cover;
    color: #e89f58;
    font-size: 18px;
    font-family: st;
}

footer a, footer a :hover {
    color: #e89f58;
}


.ft_left>div {
    color: #e89f58;
    margin-left: 9px;
}

.ft_left .a {
    font-size: 15px;
}

.ft_left .b {
    font-family: Helvetica;
    font-size: 12px;
    color: rgb(232, 159, 88, .5);
    border-bottom: 0.5px solid rgb(232, 159, 88, .5);
    letter-spacing: -0.5px;
}

.ft_left .c {
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 2px;
}

.ft_top {
    border-bottom: 1px solid rgb(232, 159, 88, .5);
    padding: 101px 0 43px;
}

.ft_top ul {
    width: 830px;
}

.ft_top ul a, .ft_top ul a:hover {
    color: #e89f58;
}

.ft_top ul .line, .ft_top ul .line font, .ft_top ul a:hover .line {
    background: #e89f58;
}

.ft_btm {
    padding: 103px 0;
}


.ftb_left p:nth-child(2) {
    font-size: 39px;
    letter-spacing: -1px;
    margin-top: 15px;
}

.ftb_right {
    width: 845px;
}

.ftb_right>div:nth-child(1) {
    width: 495px;
    line-height: 35px;
    font-size: 20px;
}

.ftb_right .imgs {
    width: 225px;
}

.ftb_right .imgs img {
    width: 104px;
    height: 104px;
    padding: 3px;
    border: 1px solid #fff;
}


.ftb_right .img {
    width: 33px;
    height: 33px;
    border: 1px solid;
    border-radius: 50%;
}


.f_bottom {
    line-height: 85px;
    font-size: 12px;
}


/* footer end */

/* 悬浮框 */
.xuan {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 69px;
    height: 362px;
    z-index: 99;
    font-size: 16px;
}

.xuan li {
    width: 69px;
    height: 69px;
    background: #850000;
    cursor: pointer;
    box-shadow: 0px 3px 26px 0px rgb(0 0 0 / 16%);
}

.xuan li img {
    display: block;
}

.xuan li:hover {
    background: #eab480;
}

.xuan li:hover .kuang {
    display: flex;
}

.xuan li .kuang {
    display: none;
    background-color: rgb(255, 255, 255);
    box-shadow: 1.5px 2.598px 11.18px 1.82px rgb(28 28 28 / 13%);
    width: 161px;
    height: 161px;
    right: 90px;
    border-radius: 15px;
}

.xuan li:nth-child(3) .kuang {
    width: 360px;
    height: 71px;
}

.xuan li:nth-child(1) .kuang {
    height: 71px;
}


.xuan .kuang .jiao {
    top: 0;
    bottom: 0;
    margin: auto;
    right: -20px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    filter: drop-shadow(1.5px 2.598px 11.18px rgb(28 28 28 / 13%));
}

/* 悬浮框 enf */
/* 列表分页 */
.pagination {
    width: 100%;
    line-height: 78px;
    font-size: 22px;
    color: #333333;
    text-align: center;
    border-top: 1px solid #bfbfbf;
    position: absolute;
    bottom: 19px;
    left: 0;
}

.pagination li {
    width: 50px;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    margin: 0 3px;
}

.pagination li a {
    color: #636462;
}

.pagination li.active, .pagination li a:hover {
    color: rgb(133, 0, 0, .9) !important;
    position: relative;
}

.pagination li.active::after {
    content: '';
    width: 50px;
    height: 4px;
    background: rgb(133, 0, 0, .9);
    position: absolute;
    left: 0;
    right: 0;
    top: -23px;
}

.sxy {
    padding-top: 30px;
    border-top: 1px solid #cccccc;
    font-size: 18px;
    color: #111111;
    margin-top: 70px;
    font-family: st;
}

.sxy>div {
    max-width: 45%;
}


/* 列表分页 end */
.swiper-container0 .swiper-pagination-bullet{
    position: relative;
    width: 10px;
    height: 10px;
    background: #ecbd8f;
    border-radius: 50%;
    opacity: 1;
    margin: 0 11px !important;
}
.swiper-container0 .swiper-pagination-bullet-active::after{
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #ecbd8f;
    border-radius: 50%;
    position: absolute;
    left: -4.5px;
    top: -5.1px;
}
/* index */
.title {
    font-size: 44px;
    font-family: hua;
    color: #850000;
    background: url(../images/tit1.png) no-repeat center;
    height: 58px;
}

.sed_title {
    font-size: 16px;
    font-family: st;
    color: #333333;
    width: 221px;
    height: 29px;
    border: 1px solid rgb(133, 0, 0, .23);
    margin: 8px auto 0;
}

.index1 {
    background: url(../images/index1.jpg) no-repeat center;
    padding: 126px 0 82px;
    background-size: cover;
}

.index1 .box>div {
    background: url(../images/index1_01.png) no-repeat;
    background-position: 46px 0;
    padding: 88px 114px 0 100px;
    height: 420px;
    margin-top: 62px;
}

.index1 .tit {
    font-size: 34px;
    color: #990000;
    font-family: hua;
    writing-mode: vertical-lr;
}

.index1 .tit span {
    margin: 6px 0 10px;
}

.index1 .tit img:nth-child(3) {
    transform: rotateX(180deg);
}

.index1 .con {
    width: 166px;
    height: 243px;
    font-size: 16px;
    color: #333333;
    font-family: st;
    writing-mode: vertical-rl;
    margin: 17px 0 0 38px;
}

.index1 .con span {
    color: #990000;
}

.index1 .con2 {
    margin: 17px 38px 0 0;
}

.index1 a {
    height: 34px;
    font-size: 16px;
    color: #990000;
    background: url(../images/index1_03.png) no-repeat center;
    margin-top: -32px;
    font-family: hua;
}

.index1 a:hover {
    color: #990000;
}

.index2 {
    padding: 118px 0 99px;
    background: url(../images/index2.jpg) no-repeat center;
    font-family: hua;
}

.index2 .sed_title {
    width: 327px;
}

.index2 .box {
    margin-top: 20px;
}

.index2 .a {
    width: 108px;
    height: 255px;
    background: url(../images/index2_01.png) no-repeat center;
    font-size: 36px;
    color: #fff;
    writing-mode: vertical-rl;
    letter-spacing: 13px;
}

.index2 .box>div {
    margin-top: 58px;
}

.index2 .box img {
    z-index: 1;
}

.index2 section {
    width: 684px;
    height: 338px;
    background: url(../images/index2_02.png) no-repeat center;
    margin-left: -156px;
}

.index2 section>div {
    width: 525px;
    margin-left: 156px;
    padding: 68px 0;
}

.index2 .tit {
    height: 53px;
    font-size: 30px;
    font-family: hua;
    color: #850000;
    background: url(../images/index2_03.png) no-repeat center;
}

.index2 .con {
    width: 411px;
    margin: 32px auto 0;
    font-size: 16px;
    font-family: st;
    color: #141414;
}

.index2 .con p {
    display: inline-block;
    border-bottom: 1px solid #c2bfbc;
    line-height: 24px;
}

.index2 .con p:nth-child(n+2) {
    margin-top: 6px;
}

.index2 .con span {
    font-size: 20px;
    color: #850000;
    font-weight: bold;
}

.index3 {
    background: url(../images/index3.jpg) no-repeat center;
    padding: 180px 0 0;
    background-size: cover;
    height: 858px;
}

.index3 .title {
    color: #e8a96c;
    background-image: url(../images/tit2.png);
}

.index3 .sed_title {
    color: #fed3a8;
    border-color: rgb(232, 169, 108, .4);
}

.index3 .con {
    width: 374px;
    height: 338px;
    font-size: 16px;
    line-height: 27.5px;
    font-family: st;
    color: #efb67f;
    writing-mode: vertical-rl;
    margin: 122px 40px 0 234px;
}

.index3 .tit {
    font-size: 26px;
    font-family: 'hua';
    line-height: 27px;
    color: #efb67f;
    writing-mode: vertical-rl;
    margin-top: 158px;
    letter-spacing: 4px;
}


.index4 {
    background: url(../images/index4.jpg) no-repeat center;
    height: 850px;
    padding: 130px 0 86px;
    font-family: st;
}

.index4 .title {
    background-image: url(../images/tit3.png);
}

.index4 .sed_title {
    width: 327px;
}

.index4 .mySwiper {
    padding: 61px 55px 52px;
}

.index4 .mySwiper .swiper-slide p {
    background: url(../images/index4_n.png) no-repeat center;
    font-size: 20px;
    color: #850000;
    font-family: hua;
    height: 50px;
}

.index4 .mySwiper .swiper-slide-thumb-active p {
    background-image: url(../images/index4_na.png);
    color: #e89f58;
}

.index4 .swiper-button {
    background: url(../images/left.png) no-repeat center;
}

.index4 .swiper-button-prev {
    left: 0;
}

.index4 .swiper-button-next {
    transform: rotate(180deg);
    right: 0;
}
.index4 .swiper-button-prev::after,.index4 .swiper-button-next::after,.index10 .swiper-button-prev::after,.index10 .swiper-button-next::after{
    content: '';
}
.index4 .mySwiper2 a {
    margin-right: 8px;
    width: 287px;
    height: 349px;
    border: 1px solid #850000;
    padding: 3px 4px;
    overflow: hidden;
}

.index4 .mySwiper2 a:nth-child(4n) {
    margin-right: 0;
}

.index4 .mySwiper2 .img {
    width: 100%;
    height: 308px;
    overflow: hidden;
}

.index4 .mySwiper2 .img img {
    height: 100%;
}

.index4 .mySwiper2 p {
    font-size: 16px;
    color: #e89f58;
    background: #850000;
    line-height: 40px;
} 

.index5 {
    background: url(../images/index5.jpg) no-repeat center;
    padding: 125px 0 80px;
}

.index5 .title {
    background-image: url(../images/tit4.png);
}

.index5 .sed_title {
    width: 119px;
}

.index5 .box {
    margin-top: 44px;
}

.index5 .num {
    width: 111px;
    height: 89px;
    font-size: 71px;
    font-family: hua;
    color: #f0c7a0;
    background: url(../images/index5_01.png) no-repeat center;
}

.index5 .tit {
    font-size: 30px;
    line-height: 33px;
    font-family: hua;
    color: #850000;
    border-bottom: 1px solid rgb(133, 0, 0, .3);
    margin-left: -26px;
}

.index5 .con {
    width: 497px;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    font-family: st;
    letter-spacing: -1px;
    margin-top: 28px;
    margin-left: 26px;
}

.index5 .con:nth-child(3) {
    margin-top: 12px;
}

.index5 .box>div:nth-child(-n+2)>div {
    margin-top: 22px;
}

.index5 .box>div:nth-child(2) {
    width: 959px;
    margin: -125px 0 40px;
}

.index5 .box>div:nth-child(3) .con {
    width: 326px;
    margin-right: 101px;
    line-height: 32px;
}

.index6 {
    background: url(../images/index6.jpg) no-repeat center;
    height: 824px;
    padding: 124px 0 0;
}

.index6 .title {
    background: url(../images/tit5.png) no-repeat center;
}

.index6 .box {
    margin-top: 40px;
}

.index6 li .img {
    width: 28px;
    height: 204px;
    background: url(../images/index6_01.png) no-repeat center;
}

.index6 li:nth-child(n+2) {
    margin-left: -22px;
}

.index6 li:nth-child(odd) .img {
    transform: rotate(180deg);
    margin-top: 13px;
}

.index6 li:nth-child(even) {
    margin-top: 221px;
}

.index6 li:nth-child(even)>div:nth-child(2) {
    margin-bottom: -13px;
}

.index6 li:nth-child(3) {
    margin-top: 103px;
}

.index6 li:nth-child(5) {
    margin-top: 80px;
}

.index6 .tit {
    display: inline-block;
    font-size: 24px;
    font-family: hua;
    color: #333333;
    border-bottom: 1px solid #949492;
    padding-bottom: 3px;
}

.index6 .con {
    width: 227px;
    margin-top: 6px;
    font-size: 16px;
    font-family: st;
    line-height: 26px;
    color: #333333;
    letter-spacing: -2px;
}

.index6 .active .img {
    background-image: url(../images/index6_02.png);
}

.index6 .active .tit {
    color: #850000;
    border-color: #ba7774;
}

.index7 {
    background: url(../images/index7.jpg) no-repeat center;
    padding: 130px 0 80px;
}

.index7 .title {
    color: #e8b88a;
    background-image: url(../images/tit6.png);
}

.index7 .sed_title {
    width: 201px;
    color: #fed3a8;
    border-color: rgb(232, 169, 108, .4);
    margin-bottom: 110px;
}

.index7 .tit {
    font-size: 24px;
    font-family: hua;
    color: #de8b4d;
    background: url(../images/index7_icon.png) no-repeat center;
    height: 44px;
    line-height: 43px;
    margin: 27px 0 41px;
}

.index7 li {
    width: 232px;
    height: 256px;
    background: url(../images/index7_05.png) no-repeat center;
}

.index7 li>div {
    width: 71px;
}

.index7 .tt {
    width: 33px;
    height: 33px;
    background: url(../images/index7_06.png) no-repeat center;
    font-size: 20px;
    font-family: hua;
    color: #e89f58;
    margin: 0 auto 12px;
}

.index7 .line {
    display: inline-block;
    width: 1px;
    height: 140px;
    background: #b44b35;
}

.index7 .cn {
    font-size: 14px;
    line-height: 23px;
    color: #efb67f;
    font-family: st;
}

.index7 .cn span {
    writing-mode: tb-rl;
}

.index8 {
    background: url(../images/index8.jpg) no-repeat center;
    padding: 128px 0 83px;
}

.index8 .box {
    margin-top: 50px;
}

.index8 .title {
    background-image: url(../images/tit7.png);
}

.index8 .sed_title {
    width: 314px;
}

.index8 li:nth-child(1) {
    margin-right: -8px;
}

.index8 li:nth-child(2)>div {
    padding-top: 50px;
    margin-bottom: 5px;
}

.index8 li:nth-child(3) {
    margin-left: -8px;
}

.index8 li>div {
    height: 318px;
    background: rgb(232, 159, 88, .05);
    padding-top: 25px;
}

.index8 li>div img {
    transform: rotate(-90deg);
}

.index8 .tit {
    background: url(../images/index8_04.png) no-repeat center;
    font-size: 22px;
    color: #850000;
    font-family: hua;
    writing-mode: tb;
    width: 56px;
    height: 218px;
}

.index8 .con {
    width: 130px;
    height: 166px;
    font-size: 17px;
    line-height: 42px;
    color: #666666;
    font-family: hua;
    writing-mode: tb-rl;
    margin-right: 37px;
}
.index8 li>div section{
    padding-left: 80px;
}
.index8 .con p {
    border-left: 1px solid #aaa6a1;
}

.index8 .con p:nth-child(3) {
    display: inline-block;
}

.index9 {
    background: url(../images/index9.jpg) no-repeat center;
    padding: 124px 0 77px;
}
.index9 .sed_title{
    width: 167px;
}
.index9 .tit {
    width: 56px;
    height: 260px;
    font-size: 22px;
    font-family: hua;
    color: #e89f58;
    writing-mode: tb-rl;
    background: url(../images/index9_01.png) no-repeat center;
    margin-right: -120px;
    margin-left: 45px;
}

.index9 ul {
    border-width: 1px;
    border-color: rgb(133, 0, 0, .2);
    border-style: solid;
    width: 848px;
    height: 362px;
    padding: 51px 415px 38px 90px;
    font-family: st;
    margin-left: 44px;
}

.index9 li {
    writing-mode: tb-rl;
}

.index9 li:nth-child(n+2) {
    border-left: 1px solid #cbcac6;
    padding-left: 24px;
    margin-left: 24px;
}

.index9 .tt {
    font-size: 22px;
    line-height: 30px;
    color: #850000;
    font-family: hua;
}

.index9 .cn {
    font-size: 18px;
    line-height: 28px;
    color: #666666;
}

.index9 .box>img {
    margin-left: -344px;
    margin-top: 47px;
}

.index10 {
    background: url(../images/index10.jpg) no-repeat top;
    padding: 130px 0 0;
}

.index10 .title {
    color: #e8b889;
    background-image: url(../images/tit2.png);
}

.index10 .sed_title {
    width: 254px;
    color: #e8b889;
    border-color: rgb(232, 169, 108, .4);
}

.index10 .swiper-container10 {
    margin: 0 45px;
    margin-top: 50px;
}

.index10 .swiper-button {
    width: 17px;
    height: 40px;
    background: url(../images/index7_07.png) no-repeat center;
    background-size: cover;
}

.index10 .swiper-button-prev {
    transform: rotate(180deg);
    left: 0;
}

.index10 .swiper-button-next {
    right: 0;
}

.index10 .swiper-slide .p_a {
    font-size: 18px;
    color: #850000;
    font-family: 'st';
    left: 0;
    right: 0;
    bottom: 27px;
}

.index11 {
    background: url(../images/index11.jpg) no-repeat bottom;
    padding: 162px 0 57px;
    font-family: st;
}

.index11 .title {
    background-image: url(../images/tit8.png);
}

.index11 .sed_title {
    width: 215px;
    margin-bottom: 45px;
}

.index11 ul {
    margin-left: 107px;
}

.index11 li {
    height: 370px;
}

.index11 li:nth-child(-n+3) {
    border-right: 1px solid #c99390;
}

.index11 li:nth-child(1) {
    padding-right: 26px;
    margin-right: 20px;
}

.index11 li:nth-child(2) {
    padding-right: 22px;
    margin-right: 20px;
}

.index11 li:nth-child(3) {
    padding-right: 25px;
    margin-right: 20px;
}

.index11 li:nth-child(4) {
    padding-right: 29px;
    margin-right: 26px;
}

.index11 .tit {
    font-size: 20px;
    color: #850000;
    margin-bottom: 13px;
}

.index11 .con {
    height: 344px;
    font-size: 16px;
    line-height: 22px;
    color: #666666;
    writing-mode: tb-rl;
    margin-left: auto;
}

.index11 .con font {
    z-index: 9;
    position: relative;
    opacity: 0.9;
}

.index11 .con span {
    width: 13px;
    height: 13px;
    background: #ce1414;
    border-radius: 50%;
    top: -2px;
    right: -3px;
}

.index11 .name {
    background: url(../images/index11_02.png) no-repeat top;
    font-size: 21px;
    font-family: hua;
    color: #e89f58;
    writing-mode: vertical-lr;
    width: 56px;
    height: 151px;
    margin-left: 5px;
}

.index12 {
    background: url(../images/index12.jpg) no-repeat center;
    padding: 129px 0 67px;
}

.index12 .title {
    background-image: url(../images/tit9.png);
}

.index12 .sed_title {
    width: 155px;
}

.index12 .img {
    margin: 49px 0 35px;
}

.index12 .box p {
    font-size: 18px;
    line-height: 25px;
    color: #666666;
    font-family: st;
    padding: 0 126px 0 153px;
}

.index13 {
    background: url(../images/index13.jpg) no-repeat center;
    padding: 114px 0 80px;
    background-size: cover;
}
.index13 .box>div{
    margin-left: 38px;
}
.index13 .tt {
    width: 57px;
    height: 461px;
    font-size: 22px;
    color: #850000;
    font-family: hua;
    writing-mode: vertical-lr;
    background: url(../images/index13_01.png) no-repeat center;
    padding-top: 107px;
}

.index13 .cn {
    font-size: 16px;
    color: #666666;
    font-family: st;
    background: url(../images/index13_02.png) no-repeat center;
    writing-mode: vertical-lr;
    margin: 63px 0 0 14px;
    height: 204px;
    letter-spacing: -2.5px;
}

.index13 ul {
    width: 1020px;
}

.index13 li {
    width: 491px;
    height: 258px;
    overflow: hidden;
    background: url(../images/index13_03.png) no-repeat center;
}

.index13 li:nth-child(n+3) {
    margin-top: 46px;
}

.index13 li video {
    width: 95%;
    height: 93%;
    object-fit: cover;
}

.index14 {
    background: url(../images/index14.jpg) no-repeat center;
    padding: 128px 0 46px;
}

.index14 .title {
    background-image: url(../images/tit10.png);
    letter-spacing: -5px;
}

.index14 .title span {
    margin-right: -22px;
    margin-left: -20px;
}

.index14 .sed_title {
    width: 182px;
    margin-bottom: 53px;
}

.index14 .left {
    transform: rotateY(180deg);
}

.index14 .img {
    margin: 0 39px;
}

.index14 .tit {
    background: url(../images/index14_tit.png) no-repeat center;
    font-size: 20px;
    height: 50px;
    font-family: hua;
    color: #850000;
    margin: 21px 0 12px;
}

.index14 .con {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    font-family: st;
}

.index14 .con p {
    display: inline-block;
    border-bottom: 1px solid #c5c4c1;
}

.index14 li {
    width: 340px;
}

.index15 {
    background: url(../images/index15.jpg) no-repeat center;
    padding: 122px 0 61px;
}

.index15 p:nth-child(n+3) {
    margin-top: 30px;
}

.index15 input {
    width: 565px;
    height: 67px;
    font-size: 16px;
    color: #666666;
    text-indent: 2em;
    border: none;
    background: url(../images/index15_01.png) no-repeat center;
}

/* .index15 input:focus, .index15 textarea:focus {
    color: #fff;
    background-image: url(../images/index15_02.png);
} */
.index15 input:focus::placeholder,.index15 textarea:focus::placeholder{
    color: #e89f58;
}
.index15 input:focus{
    color: #e89f58;
    background-image: url(../images/index15_02.png);
}
.index15 textarea:focus {
    color: #e89f58;
    background-image: url(../images/index15_04.png);
}
.index15 textarea {
    color: #000000;
    font-size: 16px;
    width: 1200px;
    height: 192px;
    border: none;
    resize: none;
    background: url(../images/index15_03.png) no-repeat center;
    background-size: contain;

    text-indent: 2em;
    padding: 20px 0 0;
}

.index15 button {
    background: url(../images/index15_btn.png) no-repeat center;
    width: 205px;
    height: 52px;
    font-size: 16px;
    border: none;
    color: #e89f58;
    margin: 50px auto 0;
    display: block;
    cursor: pointer;
}

/* index end */
.bg {
    padding-top: 110px;
}

.top .box {
    border-bottom: 1px solid #afaeab;
    padding-bottom: 11px;
    font-family: st;
}

.top .left {
    border-left: 3px solid #850000;
    padding-left: 12px;
}

.top .left p:nth-child(1) {
    font-size: 22px;
    color: #850000;
}

.top .left p:nth-child(2) {
    font-size: 14px;
    color: rgb(51, 51, 51, .4);
    text-transform: uppercase;
}

.top .right, .top .right a {
    font-size: 18px;
    color: rgb(51, 51, 51, .8);
}

/* aboutus */

.atit {
    line-height: 53px;
    font-size: 30px;
    color: #850000;
    font-family: hua;
    margin-bottom: 59px;
    background: url(../images/about1_01.png) no-repeat center;
}

.about {
    background: url(../images/prolist.jpg) no-repeat bottom;
    padding-bottom: 140px;
}

.about1 {
    padding: 81px 0 106px;
}

.about1 .con>div {
    margin-right: 74px;
    margin-left: 10px;
}

.about1 .tt {
    font-size: 32px;
    font-family: hua;
    color: #e89f58;
    background: url(../images/about1_02.png) no-repeat center;
    height: 62px;
}

.about1 .cn {
    font-size: 18px;
    line-height: 29px;
    font-family: st;
    color: rgb(51, 51, 51, .9);
    margin-top: 30px;
}

.about2 .atit {
    background-image: url(../images/about2_tit.png);
}

.about2 .swiper-container {
    padding: 0 32px;
}

.about2 .img {
    width: 252px;
    height: 252px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    background: url(../images/about2.png) no-repeat center;
    padding: 15px;
}

.about2 .img img {
    height: 225px;
    border-radius: 50%;
    overflow: hidden;
}

.about2 .tit {
    height: 53px;
    background: url(../images/about2_01.png) no-repeat center;
    font-size: 20px;
    font-family: hua;
    color: #850000;
    margin: 19px 0 18px;
}

.about2 .con {
    font-size: 16px;
    line-height: 25px;
    color: #333333;
    font-family: st;
}

.about2 .swiper-button {
    background: url(../images/left.png) no-repeat center;
    opacity: 1;
}

.about2 .swiper-button-prev {
    left: 0;
}

.about2 .swiper-button-next {
    transform: rotateY(180deg);
    right: 0;
}

/* aboutus end */

/* product */
.prolist {
    background: url(../images/prolist.jpg) no-repeat center;
}

.prolist .content {
    margin: 46px auto 0;
    padding-bottom: 46px;
    font-family: st;
}

.prolist_box {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 150px !important;
}

.p_nav {
    background: #fff;
}

.p_nav>h3 {
    width: 288px;
    line-height: 64px;
    background: #850000;
    font-size: 30px;
    font-family: hua;
    color: #e89f58;
}

.p_nav>ul>li {
    width: 288px;
    height: 83px;
    background: #fff;
    border-bottom: 1px dashed #e0e0e0;
    display: flex;
    align-items: center;
}

.p_nav>ul>li:nth-child(n+2) {
    border-top: 1px dotted #fffef9;
}

.p_nav>ul>li:last-child {
    border: none;
}

.p_nav>ul>li a {
    padding-left: 23px;
    font-size: 18px;
    color: #333333;
}

.p_nav>ul>li a span {
    font-size: 20px;
    font-family: ar;
    color: #666666;
}



.p_nav>ul>li a.active, .p_nav>ul>li a:hover, .p_nav>ul>li a.active span, .p_nav>ul>li a:hover span {
    color: #850000 !important
}



.product .list li {
    margin-bottom: 48px;
    background: #fffef9;
}

.p_img {
    background: #fff;
    width: 416px;
    height: 355px;
    overflow: hidden;
}

.p_img img {
    width: auto;
    height: 100%;
}

.p_con {
    padding: 0 34px 0 45px;
    height: 89px;
    background: #fffef9;
}

.p_name {
    display: block;
    font-size: 18px;
    color: #333333;
}

.p_name p {
    font-size: 16px;
    color: rgb(71, 71, 71, .6);
    text-transform: uppercase;
}

.p_des {
    display: block;
    font-size: 14px;
    color: #333333;
    margin-top: 5px
}


.p_more img {
    width: 35px;
    height: 35px;
    display: block;
}

.product {
    width: 875px;
}

.product>ul>li:hover .p_con {
    background: #850000;
    transition: .4s;
}

.product>ul>li:hover .p_name, .product>ul>li:hover .p_name p {
    color: #f8c38f;
}

.product>ul>li:hover .m_1s {
    display: block !important;
}

.product>ul>li:hover .m_1 {
    display: none !important;
}

.m_1s {
    display: none !important;
}

.pagination_b_c {
    background-color: #f8f8f8 !important;
}

/* product end */
/* join */
.join{
    background: url(../images/join.jpg) no-repeat bottom;
}
.join .index15{
    background: 0;
    padding: 0 0 100px;
}
.join .index15 .j_title{
    margin-bottom: 50px;
}

.j_title {
    font-size: 45px;
    color: #850000;
    font-family: hua;
    background: url(../images/join1_tit.png) no-repeat center;
    height: 67px;
}

.join1 {
    padding: 79px 0 125px;
}

.join1 ul {
    margin-top: 45px;
}

.join1 li:nth-child(n+5) {
    margin-top: 38px;
}

.join1 li p {
    height: 51px;
    background: #850000;
    font-size: 20px;
    font-family: st;
    color: #efb780;
}

.join2 .j_title {
    background-image: url(../images/join2_tit.png);
}

.join2 .box {
    padding: 57px 40px 121px 35px;
}

.join2 .tit {
    background: url(../images/about1_01.png) no-repeat center;
    font-size: 20px;
    font-family: hua;
    color: #850000;
    height: 53px;
    margin: 21px 0 10px;
}

.join2 .con {
    font-size: 16px;
    font-family: st;
    line-height: 25px;
    color: #666666;
    opacity: 0.8;
}

.join2 .con p {
    display: inline-block;
    border-bottom: 1px solid #c3c1bf;
}

.join2 .con p:nth-child(3) {
    margin-top: 5px;
}

/* join end */
/* news */
.news {
    background: url(../images/prolist.jpg) no-repeat bottom;
}

.news>.box {
    background: #fff;
    padding: 60px 52px 98px;
    margin-top: 100px;
}

.news .list {
    margin-bottom: 35px;
}

.news .list .month {
    font-size: 18px;
    color: #999999;
    margin-right: 5px;
}

.news .img {
    width: 468px;
    height: 278px;
    overflow: hidden;
}

.news .img img {
    width: auto;
    height: 100%;
}

.news .list>div {
    width: 575px;
}

.news .tit {
    font-size: 28px;
    font-family: hua;
    color: rgb(133, 0, 0, .9);
    line-height: 34px;
    border-bottom: 1px solid #b05957;
}

.news .describe {
    -webkit-line-clamp: 5;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    font-family: st;
    margin-top: 20px;
}


.news .date {
    font-size: 16px;
    color: #000;
    margin-top: 28px;
}

.news .date span {
    font-size: 24px;
}

.news i {
    width: 13px;
    height: 1px;
    background: #000;
    margin: 0 3px;
}

.news .content {
    line-height: 2;
    font-size: 16px;
    text-indent: 2em;
    margin-top: 40px;
}


/* news end */
.arc {
    padding: 80px 0;
    background: url(../images/prolist.jpg) no-repeat bottom;
}

.arc h3 {
    font-size: 32px;
    margin: 50px 0;
    font-family: hua;
}

.arc .content {
    font-size: 18px;
    line-height: 2;
    font-family: st;
}

.arc img {
    display: inline-block;
    max-width: 100%;
}

/* contactUs */

.contactus {
    padding-bottom: 186px;
    background: url(../images/contact.jpg) no-repeat bottom;
}

.contactus>.box {
    margin-top: 90px;
}

.contactus>.box .left {
    width: 470px;
    margin-top: 45px;
}

.contactus>.box .left .text {
    margin-bottom: 50px;
    font-size: 18px;
    color: rgb(51, 51, 51, .9);
    font-family: st;
}

.contactus>.box .left span {
    font-size: 24px;
    font-family: hua;
    color: rgb(51, 51, 51, .9);
    margin-left: 10px;
}

.contactus>.box .left .line {
    width: 470px;
    height: 1px;
    background: #cccccc;
    margin: 18px 0;
}

.contactus .qrcode {
    margin-top: 32px;
    font-size: 18px;
    color: rgb(51, 51, 51, .9);
}

.contactus .qrcode font {
    width: 320px;
    margin-bottom: 15px;
}

.contactus .qrcode font img {
    border: 1px solid #fff;
    padding: 5px;
}

.contactus>.box .map {
    position: absolute;
    right: 0;
    width: 53%;
    height: 791px;
    box-shadow: 0px 5px 59px 0px rgba(85, 86, 91, 0.11);
}

/* contactUs end */
@media screen and (min-width:1200px) {
    body {
        overflow-x: hidden;
    }
}