* {
    margin: 0;
    padding: 0;
}

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

li {
    list-style: none;
}

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

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


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


body {
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    color: #474747;
    background: #fff;
    font-family: 'Microsoft YaHei' !important;
    font-size: 20px;
}

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

/* header */

/* header */
header {
    background: url(../images/header.jpg) no-repeat center;
    padding: 31px 0 31px;
}

.h_top .img {
    background: url(../images/header_01.png) no-repeat;
    width: 354px;
    height: 25px;
    margin-left: 28px;
}

.h_top .right {
    font-size: 22px;
    color: #d71b1a;
}

/* header end */

/* nav */

.nav {
    background: url(../images/nav.png) no-repeat center;
    line-height: 62px;
    font-size: 16px;
    left: 0;
    right: 0;
    z-index: 9;
    padding: 0 50px;
    width: 1100px;
}

.nav a {
    width: 118px;
    color: #fff;
}

.nav .active, .nav a:hover {
    background: url(../images/nav_active.png) no-repeat center;
    background-size: 118px 36px;
    background-position-x: 13px;
}



/* nav end */

.header {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    top: 0;
    box-shadow: rgb(220 220 220 / 50%) 7px 10px 17px 0px;
}

.header .right {
    width: 658px;
    line-height: 115px;
}

.header .right a {
    display: block;
    width: 92px;
    font-size: 18px;
    color: #1e1e1e;
    font-family: "syr";
}



.header .right .active {
    color: #d71b1a;
}

.header .right a:hover {
    color: #d71b1a;
}

/* header end */



/* footer */

footer {
    background: url(../images/footer.jpg) no-repeat center;
    background-size: 100% 100%;
    color: #fff;
    font-size: 20px;
    font-family: normal;
    padding: 78px 0 0;
}

.ftop .tit{
    font-size: 18px;
}
.ftop .con{
    font-size: 16px;
    line-height: 31px;
    margin-top: 5px;
}
.ft_left{
    width: 320px;
}
.ft_left .con a{
    display: block;
    color: #fff;
}
.ft_mid{
    width: 305px;
}
.ft_mid .con{
    line-height: 20px;
    margin-top: 11px;
}
.ft_right{
    width: 470px;
    font-size: 15px;
    line-height: 25px;
}
.links {
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
    border-top: 1px solid #452329;
    line-height: 66px;
}
.links a{
    color: #fff;
}
/* footer end */

/* 列表分页 */

.pagination {
    width: 100%;
    font-size: 14px;
    color: #666666;
    text-align: center;
    margin: 25px 0 75px;
}

.pagination li {
    width: 22px;
    line-height: 36px;
    border: 1px solid #d6d6d6;
    display: inline-block;
    margin: 0 2px;
    border-radius: 5px;
}

.pagination li a {
    display: block;
}

.pagination li.active, .pagination li a:hover {
    color: #fff;
    background: #d5301e;
    border-color: none;
    border-radius: 5px;
}


.sxy {
    line-height: 85px;
    background: #f3f3f3;
    font-size: 16px;
    color: #8e8e8e;
    margin-top: 70px;
    padding: 0 30px;
}

.sxy a {
    color: #8e8e8e;
}

/* 列表分页 end */

.banner {
    height: 400px;
}


.title {
    font-size: 42px;
    color: #595959;
}

.sed_title {
    font-size: 54px;
    color: #724120;
    font-family: 'rui';
    margin-top: 9px;
}

.sed_title::after {
    content: '';
    width: 438px;
    height: 9px;
    background: #cd9934;
    border-radius: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -16px;
}

.index1 {
    padding: 66px 0 80px;
}

.index1 .content {
    margin-top: 60px;
}

.index1 .video {
    height: 382px;
    
}
.index1 #movie{
    object-fit: cover;
}


.index1 .video .p_a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.index1 .right {
    width: 556px;
    height: 382px;
    background: #d01a19;
    font-family: 'zizhi';
    color: #fff;
    font-size: 27px;
}

.index1 .right p {
    margin-right: 12px;
}

.index1 .right p span {
    display: inline-block;
    font-size: 20px;
    color: #f3f3f3;
    font-family: Microsoft YaHei;
    width: 31px;
    line-height: 31px;
    background: #cd9934;
    border-radius: 50%;
}

.index1 .text {
    letter-spacing: 2px;
    font-size: 24px;
    margin: 15px 0 12px;
}

.index1 .text i, .index1 .text span {
    font-size: 30px;
}

.index1 .text div:nth-child(2) {
    letter-spacing: 4px;
}

.index1 .b {
    font-size: 27px;
    color: #f3f3f3;
    background: #cd9934;
    border-radius: 10px;
    line-height: 40px;
    letter-spacing: 1px;
}

.index1 .btns a {
    font-size: 20px;
    color: #f3f3f3;
    font-family: '微软雅黑';
    width: 208px;
    line-height: 42px;
    border: 2px solid #fff;
    margin-top: 20px;
}

.index2 .sed_title::after {
    display: none;
}

.index2 .i_top {
    background: url(../images/index2.jpg) no-repeat center;
    padding: 82px 0;
}

.index2 .content>div {
    width: 363px;
    height: 368px;
    background: url(../images/index2_01.png) no-repeat;
    margin-top: 60px;
}

.index2 .content .tit {
    font-size: 26px;
    color: #fff;
    letter-spacing: 1px;
    height: 104px;
}

.index2 .content .tit span {
    font-size: 31px;
}

.index2 .content .con {
    font-size: 23px;
    color: #333333;
    margin-top: 40px;
    line-height: 35px;
    width: 284px;
    margin: 40px auto 0;
}

.index2>img {
    left: 0;
    bottom: -193px;
}

.index2 .content2 {
    width: 900px;
    margin: 114px auto 134px;
    background: url(../images/index2_03.jpg) no-repeat center;
    padding: 40px 67px 63px 55px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
}

.index2 .left img {
    margin-right: 24px;
}

.index2 .left .tit {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 2px;
}

.index2 .left>div:nth-child(n+2) {
    margin-top: 20px;
}

.index2 .right .tit {
    font-size: 30px;
    font-weight: bold;
    margin-top: 90px;
}

.index2 .right .tit::after {
    content: '';
    width: 50px;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: -10px;
}

.index2 .right .con {
    font-size: 18px;
    margin-top: 32px;
    font-weight: bold;
    line-height: 25px;
}

.index3 {
    background: url(../images/index3.jpg) no-repeat center;
    padding: 77px 0;
}

.index3 .title {
    color: #cd9934;
}

.index3 .box {
    margin-top: 55px;
}

.index3 .box>div {
    width: 588px;
}

.index3 .circle {
    border-radius: 50%;
    padding: 3px;
    border: 1px solid #cd9934;
    margin-right: 15px;
}

.index3 .circle span {
    width: 15px;
    height: 15px;
    background: #cd9934;
    border-radius: 50%;
}

.index3 .tit {
    font-size: 22px;
    font-weight: bold;
    color: #251716;
}

.index3 .tit span {
    color: #cc9932;
}

.index3 .con {
    font-size: 16px;
    color: #595959;
    line-height: 24px;
}

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

.index4 {
    padding: 73px 0 100px;
}

.index4 .sed_title {
    font-size: 50px;
}

.index4 .list {
    width: 360px;
    margin-top: 45px;
    cursor: pointer;
}

.index4 .list>div {
    height: 146px;
    border: 1px solid #a0a0a0;
    padding: 22px 25px 0;
    margin-top: -6px;
}

.index4 .tit {
    background: url(../images/index4_03.png) no-repeat center;
    font-size: 24px;
    color: #fff;
    line-height: 38px;
    letter-spacing: 4px;
    word-spacing: 1px;
    text-align: center;
}

.index4 .con {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    padding-top: 10px;
    margin-top: 13px;
    border-top: 1px solid #a0a0a0;
}

.index4 .active div {
    border: 3px solid #d01a19;
    margin-top: -5px;
    padding: 18px 25px 0;
}

.index4 .tit span:nth-child(1) {
    letter-spacing: 7px;
    margin-left: 9px;
}

.index4 .tit span:nth-child(2) {
    margin-left: -6px;
}

.index5 {
    background: #f6f6f6;
    padding: 95px 0 122px;
}

.index5 .content {
    margin-top: 90px;
}

.index5 .content p {
    font-size: 16px;
    color: #fff;
    background: #d01a19;
    line-height: 47px;
    margin-top: -5px;
}

.index6 {
    padding: 90px 0 104px;
}

.index6 .content {
    margin-top: 20px;
}

.index6 .content>div {
    margin-top: 52px;
}

.index6 .content p {
    font-size: 22px;
    color: #555555;
    margin-top: 10px;
}

.index6 .content>img {
    margin: 15px 10px 0;
}

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

.index7 .content {
    margin-top: 95px;
}

.index7 .swiper-slide {
    width: 381px;
    height: 290px;
    border: 3px solid #d01a19;
    box-sizing: border-box;
}

.index7 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #7d7d7d;
    border-radius: 50px;
}

.index7 .swiper-pagination-bullet-active {
    width: 32px;
    background: #d01a19;
}

.index8 {
    padding: 80px 0 95px;
}

.index8 .sed_title::after {
    display: none;
}

.index8 .btn {
    width: 740px;
    line-height: 40px;
    font-size: 26px;
    color: #ffffff;
    background: #cd9934;
    margin: 11px auto 0;
}

.index8 .content {
    margin-top: 40px;
}

.index8 .content img {
    margin-top: 14px;
}

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

.index9 .content {
    margin-top: 30px;
}

.index9 .content>div {
    background: #fff;
    padding: 64px 10px 15px;
    margin-top: 48px;
    border-radius: 20px;
}

.index9 .num {
    left: 0;
    right: 0;
    top: -16px;
    background: url(../images/index9_num.png) no-repeat center;
    background-size: contain;
    font-size: 44px;
    color: #fff;
}

.index9 .tit {
    font-size: 24px;
    font-weight: bold;
    color: #d01a19;
    margin: 5px 0 9px;
}

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

.index10 {
    padding: 85px 0;
}

.index10 .content>div img {
    border-radius: 50%;
    margin-top: 94px;
}

.index10 .content p {
    font-size: 32px;
    color: #fff;
    left: 0;
    right: 0;
    bottom: 54px;
}

.index11 {
    background: url(../images/index11.jpg) no-repeat center;
    padding: 88px 0 97px;
}

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

.index11 img {
    margin-top: 8px;
}

.index12 {
    padding: 86px 0 96px;
}

.index12 .content {
    margin-top: 49px;
}

.index12 .content p {
    width: 273px;
    line-height: 66px;
    font-size: 30px;
    color: #fff;
    background: #c0933a;
    border-radius: 50px;
    margin-top: 23px;
}

.index12 .content p img {
    left: 9px;
    top: 5px;
}

.index13 {
    background: #f6f6f6;
    padding: 84px 0 90px;
}

.index13 .tit {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
}

.index13 .line {
    width: 140px;
    height: 2px;
    background: #c0933a;
    margin: 30px auto;
}

.index13 .content>div {
    background: #fff;
    margin-top: 98px;
    padding: 44px 0 57px;
}

.index13 .con {
    width: 940px;
    margin: auto;
    font-size: 18px;
    color: #555555;
    line-height: 33px;
}

/* index end */
.top {
    width: 1157px;
    line-height: 50px;
    background: #f3f3f3;
    font-size: 16px;
    color: #888888;
    padding: 0 26px 0 17px;
    margin: 30px auto 49px;
}

.top a {
    font-size: 16px;
    color: #888888;
}

/* aboutus */

.about1 {
    background: url(../images/about1.jpg) no-repeat center;
    padding: 0 0 80px;
    font-size: 16px;
    line-height: 33px;
    color: #666666;
}

.about1 .tit {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
}

.about1 .tit::after {
    content: '';
    width: 30px;
    height: 3px;
    background: #d71718;
    position: absolute;
    left: 0;
    bottom: -25px;
}

.about1 .con {
    width: 755px;
    margin-top: 68px;
}

.about1 .red {
    font-size: 20px;
    font-weight: bold;
    color: #d71718;
    margin: 120px 0 -14px;
}

.about1 .tt {
    font-weight: bold;
    color: #333333;
    margin-top: 32px;
}

.about1 .cn {
    text-indent: 2em;
}

.about2 {
    background: #f5f5f5;
    padding: 80px 0 105px;
}

.about2 .title {
    font-size: 36px;
    color: #000000;
}

.about2 .title::after {
    content: '';
    width: 440px;
    height: 6px;
    background: #cd9934;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -15px;
}

.about2 .box {
    margin-top: 80px;
}

.about2 img {
    left: 0;
    right: 0;
    top: 298px;
    margin: auto;
}

/* aboutus end */
/* case */
.case .list {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 35px;
}

.case .list:last-child {
    margin-bottom: 70px;
}

.case .list>div {
    width: 865px;
}

.case .tit {
    font-size: 20px;
    color: #000;
    margin: 31px 0 5px;
}

.case .con {
    -webkit-line-clamp: 2;
    margin-bottom: 54px;
}

.case .list a.btn {
    width: 118px;
    line-height: 35px;
    color: #888888;
    border: 1px solid #bfbfbf;
}

.case .list:hover a.btn {
    color: #fff;
    background: #d71b1a;
}

.arc .box {
    width: 1078px;
    padding: 49px;
    box-shadow: 0 7.794px 35px 0px rgb(0, 0, 0, .03);
    border-top: 1px solid #eeeeee;
    margin-bottom: 97px;
}

.arc h3 {
    font-size: 24px;
    font-weight: normal;
    color: #222222;
    margin-top: 50px;
}

.arc .time {
    font-size: 14px;
    color: #666666;
    border-bottom: 1px solid #eeeeee;
    margin: 12px 0 32px;
    padding-bottom: 20px;
}

.arc .time::after {
    content: '';
    width: 100px;
    height: 2px;
    background: #d5301e;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}

.arc .content {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    min-height: 300px;
}

/* case end */

/* product */
.product .navtab a {
    line-height: 45px;
    padding: 0 45px;
    font-size: 18px;
    color: #555555;
    margin-bottom: 27px;
}

.product .navtab a.active, .product .navtab a:hover {
    color: #fcf9f2;
    background: #d71b1a;
}

.product .list {
    border: 1px solid #f4f4f4;
    margin-right: 21px;
    margin-top: 23px;
}

.product .list:nth-child(3n) {
    margin-right: 0;
}

.product .list p {
    font-size: 18px;
    color: #555555;
    height: 74px;
    z-index: 9;
}

.product .mask {
    display: none;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .5);
    left: 0;
    top: 0;
}

.product .mask img {
    margin-top: 88px;
}

.product .active .mask {
    display: block;
}

.product .active p {
    color: #fcf9f2;
}

/* product end */

/* anwer */
.anwer .tit {
    font-size: 14px;
    color: #222222;
    background: #f8f9fa;
    height: 42px;
    padding: 0 10px 0 28px;
    border: 1px solid #dee2e6;
    border-radius: 5px 5px 0 0;
    margin-top: 23px;
}

.anwer .wen {
    display: inline-block;
    color: #fff;
    width: 24px;
    line-height: 24px;
    background: #d71b1a;
    border-radius: 5px;
    margin-right: 13px;
}

.anwer .time {
    color: #8f8f8f;
    margin-right: 13px;
}

.anwer .con {
    display: none;
    border: 1px solid #dee2e6;
    border-top: none;
    padding: 16px 0 24px 28px;
}

.anwer .con .wen {
    font-size: 14px;
    color: #d71b1a;
    background: #fff;
    border: 1px solid #d71b1a;
}

.anwer .con>div {
    display: inline-block;
    vertical-align: top;
    width: 1100px;
    font-size: 14px;
    line-height: 24px;
}

.anwer .list:last-child {
    margin-bottom: 40px;
}

/* anwer end */
/* news */

.news .list {
    width: 326px;
    margin-bottom: 44px;
    margin-right: 29px;
    border: 1px solid #e5e5e5;
    padding: 0 26px 30px;
}

.news .list:nth-child(3n) {
    margin-right: 0;
}

.news .time {
    font-size: 12px;
    color: #fff;
    width: 98px;
    line-height: 22px;
    background: #cd9934;
}

.news .tit {
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    -webkit-line-clamp: 2;
    height: 48px;
    margin: 22px 0;
}

.news .con {
    font-size: 14px;
    color: #666666;
    -webkit-line-clamp: 3;
    margin: 6px 0 7px;
    line-height: 25px;
    min-height: 75px;
}

.news .list a.f {
    font-size: 12px;
    color: #fff;
    width: 77px;
    height: 20px;
    background: #c9c9c9;
}

.news .active {
    background: #fff7f9;
    border-color: #d6241c;
}

.news .active a.f {
    background: #d6241c;
}



/* news end */

/* contactUs */


.contactus .item{
    margin-top: 93px;
    height: 220px;
}
.contactus h3 {
    font-size: 40px;
    color: #333333;
    margin-bottom: 10px;
    font-weight: normal;
}
.contactus .left{
    font-size: 20px;
    color: #333333;
}
.contactus .left p{
    font-size: 36px;
    color: #d71f1b;
    font-family: Tahoma;
}
.contactus .mid p {
    font-size: 18px;
    font-family: Tahoma;
    color: #666666;
    margin-bottom: 10px;
}

.contactus .mid p span{
    font-family: '宋体';
}
.contactus .right{
    height: 220px;
    padding-left: 113px;
    border-left: 1px solid #dcdcdc;
}
.contactus .right a{
    display: block;
    font-size: 18px;
    color: #666666;
    width: 213px;
    line-height: 42px;
    border: 1px solid #dcdcdc;
    border-radius: 50px;
    margin-bottom: 18px;
}
.contactus .right img{
    left: 15px;
    top: 6px;
}
.contactus .map {
    width: 100%;
    height: 480px;
    margin: 36px 0 90px;
}

/* contactUs end */