*{margin:0px;padding:0px;box-sizing: border-box;}
body {
    font-family: "Microsoft YaHei", "微软雅黑";
}
a{
    color: #000;
    text-decoration: none;
-webkit-transition:.5s all; /* Chrome */
-moz-transition:.5s all; /* Firefox */
-ms-transition:.5s all; /* IE */
-o-transition:.5s all; /* Opera */
transparent:.5s all;}
a:hover{
text-decoration: none;
-webkit-transition:.5s all; /* Chrome */
-moz-transition:.5s all; /* Firefox */
-ms-transition:.5s all; /* IE */
-o-transition:.5s all; /* Opera */
transparent:.5s all;}



img{max-width: 100%;display:block;-webkit-transition:.5s all; /* Chrome */
-moz-transition:.5s all; /* Firefox */
-ms-transition:.5s all; /* IE */
-o-transition:.5s all; /* Opera */
transparent:.5s all;}

.tr5{
-webkit-transition:.5s all; /* Chrome */
-moz-transition:.5s all; /* Firefox */
-ms-transition:.5s all; /* IE */
-o-transition:.5s all; /* Opera */
transparent:.5s all;
}


.fixtop { position:fixed;z-index:9;left:0;top:0;width:100%; background:rgba(255,255,255,1); height:108px;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.fixtop .wrap{max-width:1280px;margin:0 auto;position: relative;}

.fixtop .toper .logo { background:url(../images/logo.png) no-repeat left center;background-size:auto 100%;width:90px; height:90px; display:block; position:absolute;left:0%;top:8px}
.fixtop .toper .navpc ul{ text-align:right;padding-left: 200px;}
.fixtop .toper .navpc ul li {display:inline-block; vertical-align:top;margin:20px 0 0 50px}
.fixtop .toper .navpc ul li a{ position:relative; line-height:1.5;padding-bottom:10px;color:#282828; display:block;font-size:16px; overflow:hidden}
.fixtop .toper .navpc ul li:hover a,.fixtop .toper .navpc ul li.active a {color:#c01717;border-bottom:3px solid #c01717;}



.fixtop .toper .shejiao{position: absolute;right:0;top:24px;}
.fixtop .toper .shejiao a{ display: inline-block;margin-left: 50px; }
.fixtop .toper .shejiao a span{display: block;width: 30px;height: 30px;}
.fixtop .toper .shejiao a span.weibo{background:url("../images/weibo.png") no-repeat;background-size: 100% 100% }
.fixtop .toper .shejiao a span.weixin{background:url("../images/weixin.png") no-repeat;background-size: 100% 100% }
.fixtop .toper .shejiao a span.qq{background:url("../images/qq.png") no-repeat;background-size: 100% 100% }
.fixtop .toper .shejiao a:hover span.weibo{background:url("../images/weibo_h.png") no-repeat;background-size: 100% 100% }
.fixtop .toper .shejiao a:hover span.weixin{background:url("../images/weixin_h.png") no-repeat;background-size: 100% 100% }
.fixtop .toper .shejiao a:hover span.qq{background:url("../images/qq_h.png") no-repeat;background-size: 100% 100% }
.tblank { height:80px}















.phonemenu { display:none;}









.phonemenu .nav{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.nav__trigger {display: block;position:fixed;width: 25px;height: 20px;right:4%;margin-right:0;top:21px;z-index: 99997}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 25px;height: 2px;background-color:#fff;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;top:-10px;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 25px;height: 2px;position: absolute;background:#fff;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-8px;}
.nav__icon:after {margin-top:8px;}

.phonemenu .nav { position:fixed; z-index:99996;right:-100%;top:50px;width: 100%;height: 100%; background:rgba(255,255,255,1);opacity:0;border-top:1px solid #555555;}
.phonemenu .nav--active .nav {right:0;opacity:1;}
.phonemenu .nav ul {margin:50px 0 0 0;}
.phonemenu .nav li {margin:35px 0;text-align:center;line-height:40px;list-style-type:none}
.phonemenu .nav li a{color:#000; position:relative; display:block;font-size:20px; line-height:20px}
.phonemenu .nav li a p {opacity:1; text-transform:uppercase;font-family: 'Futura'; letter-spacing:1px;}
.phonemenu .nav li a span {opacity:0; display:block; position:absolute;left:0;top:0;width:100%; text-align:center; letter-spacing:2px}
.phonemenu .nav li:hover a p,.phonemenu .nav li.check a p {opacity:0;}
.phonemenu .nav li:hover a span,.phonemenu .nav li.check a span {opacity:1;}


.accordionmenu {padding:0px 0 0 0;}
.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;color:#333;font-size:18px;padding:10px 0 10px 15%;font-weight:400}
.accordionmenu li.check .link,.phonemenu .nav li.check a {color:#000000}
.accordionmenu li.open .link { background:#000000;color:#fff}
.accordionmenu .submenu {display:none;padding:10px 0 1px 0}
.accordionmenu .submenu p { display:block; vertical-align:top;margin:5px 0;padding:0 0 0 20px;}
.accordionmenu .submenu p a,.accordionmenu li.check .submenu p a { display:block;color:#333;font-size:15px; letter-spacing:0; height:auto; line-height:25px;font-weight:400;padding-top:0;padding-bottom:0}


.phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.phonemenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #fff}
.phonemenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #fff;}









.banner_sty {
    position: relative;
    height: 100%;
    overflow: hidden
}

.banner_sty .banner_img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.1);
    width: 100%;
    height: 100%
}

.banner_sty .container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center
}

.banner_sty .container h2,
.banner_sty .container h3 {
    font-weight: 500;
    color: #fff;
    line-height:1.8;
}

.banner_sty .container h3 {
    letter-spacing: 4.5px;
    text-transform: uppercase;
    animation-delay: 1s;
    margin-bottom: 20px;
}

.banner_sty .container h2 {
    animation-delay: .5s
}

.screen1 .banner_box {
    height: 90vh;
    overflow: hidden
}

.screen1 .banner_box .swiper-container.banner.swiper-container-vertical {
    height: 100%
}


.banner_box .h1{font-size: 48px;}
.banner_box h3{font-size: 18px;}

.screen1 .banner .swiper-slide.active .banner_img {
    transform: scale(1);
    transition: all 5.5s ease
}

.screen1 .banner .swiper-slide.active h2 {
    animation-name: fadeInUp
}

.screen1 .banner .swiper-slide.active h3 {
    animation-name: fadeInDown
}

.banner_01 {
    background-image: url("https://www.daminfood.com/templates/css/../image/banner01.jpg")
}

.banner_02 {
    background-image: url("https://www.daminfood.com/templates/css/../image/banner02.jpg")
}

.banner_03 {
    background-image: url("https://www.daminfood.com/templates/css/../image/banner03.jpg")
}

.banner.swiper-container-vertical .swiper-pagination-custom,
.banner.swiper-container-vertical .swiper-pagination-fraction,
.banner.swiper-container-vertical>.swiper-pagination-bullets {
    width: 23px;
    display: inline-block;
    bottom: auto;
    left: auto;
    top: 50%;
    right: calc((100% - 1400px)/ 2);
    transform: translateY(-50%);
    border-color: #fff
}

.banner.swiper-container-vertical .swiper-pagination-bullet {
    display: block;
    transition: all .3s;
    background-color: #fff;
    opacity: 1;
    margin: 7px 0 7px 15px;
    border-radius: 4px
}

.banner.swiper-container-vertical .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 18px;
    margin-left: 5px
}

@media all and (max-width:1599px) {

    .banner.swiper-container-vertical .swiper-pagination-custom,
    .banner.swiper-container-vertical .swiper-pagination-fraction,
    .banner.swiper-container-vertical>.swiper-pagination-bullets {
        right: calc((100% - 1200px)/ 2)
    }
}

@media all and (max-width:1200px) {

    .banner.swiper-container-vertical .swiper-pagination-custom,
    .banner.swiper-container-vertical .swiper-pagination-fraction,
    .banner.swiper-container-vertical>.swiper-pagination-bullets {
        right: calc((100% - 1000px)/ 2)
    }
}

.give_a_sign {
    position: absolute;
    overflow: hidden;
    left: 50%;
    bottom: 110px;
    width: 1px;
    height: 9%;
    background-color: #fff;
    z-index: 11;
    animation: giveAsign 1s infinite ease
}

@keyframes giveAsign {
    0% {
        bottom: 110px
    }

    100% {
        bottom: 90px
    }
}

.btn_sel_case {
    border: 1px solid #fff;
    height: 52px;
    line-height: 52px;
    display: inline-block;
    position: relative
}

.btn_sel_case .btn_sty,
.btn_sel_case .btn_sty:after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff
}

.btn_sel_case .btn_story,
.btn_sel_case .btn_video {
    display: block;
    width: 174px;
    float: left;
    font-size: 1.1rem;
    color: #fff;
    cursor: pointer
}

.btn_sel_case .btn_story:hover,
.btn_sel_case .btn_video:hover {
    color: #c01717
}

.btn_sel_case .btn_video {
    text-align: left;
    padding-left: 15px
}

.btn_sel_case .btn_story {
    padding-right: 15px;
    text-align: right
}

.btn_sel_case .btn_video i {
    margin-right: 1.5rem
}

.btn_sel_case .btn_story i {
    margin-left: 1.5rem;
    font-size: 30px;
    vertical-align: middle
}

.btn_sel_case .btn_sty {
    width: 32px;
    line-height: 32px;
    height: 32px;
    border-radius: 50%;
    color: #c01717;
    float: left
}

.btn_sel_case .btn_sty:after {
    content: '';
    height: 52px;
    display: block;
    width: 1px
}

.title_box h4:after,
.title_box h4:before {
    display: inline-block;
    width: 3.5%;
    height: 5px;
    content: '';
    vertical-align: middle
}

.scr_bg {
    background-color: #fff;
    position: relative;
    top: 0;
    padding-top: 50px;
    z-index: 2
}

.title_box h2 {
    text-transform: uppercase;
    letter-spacing: -2px
}

.title_box h4 {
    margin-bottom: 0
}

.title_box h4:before {
    margin-right: 16px
}

.title_box h4:after {
    margin-left: 16px
}

@media all and (max-width:768px) {
    html {
        overflow-x: hidden
    }

    body {
        padding-top: 60px
    }

    .header_box {
        display: none
    }

    .screen1 .banner_box {
        height: 36vh
    }

    .banner.swiper-container-vertical .swiper-pagination-custom,
    .banner.swiper-container-vertical .swiper-pagination-fraction,
    .banner.swiper-container-vertical>.swiper-pagination-bullets {
        width: 100%;
        display: block;
        bottom: -10px;
        left: 0;
        top: auto;
        right: auto;
        border-color: #fff
    }

    .screen2,
    .screen3,
    .screen4 {
        border-top: 10px solid #eeeff1
    }

    .banner.swiper-container-vertical .swiper-pagination-bullet {
        display: inline-block;
        transition: all .3s;
        background-color: #fff;
        opacity: 1;
        margin: 0 4px;
        border-radius: 50%
    }

    .btn_sel_case,
    .screen2 .title_box h4:before,
    .screen3 .title_box h4:before,
    .screen4 .title_box h4:before,
    .swiper-wrapper_box {
        display: none
    }

    .banner.swiper-container-vertical .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #7ecb28;
        width: 8px;
        margin: 0 4px
    }

    .banner_sty .container h3 {
        letter-spacing: 0
    }

    .screen2 .title_box,
    .screen3 .title_box,
    .screen4 .title_box {
        padding: 0 15px;
        text-align: center
    }

    .screen2 .title_box h4,
    .screen3 .title_box h4,
    .screen4 .title_box h4 {
        font-size: 1rem
    }

    .screen2 .title_box h2,
    .screen3 .title_box h2,
    .screen4 .title_box h2 {
        font-size: .875rem;
        letter-spacing: 0
    }

    .swiper-wrapper_box_m {
        display: block
    }

    .scr2_bg,
    .screen3 .scr3_new_box {
        display: none
    }

    .screen4 {
        padding-top: 0;
        padding-bottom: 40px
    }

    .scr_bg {
        transform: translateY(0);
        padding-top: 40px
    }

    .screen3 {
        background-image: none
    }

    .screen3 .title_box {
        position: relative;
        padding-top: 40px
    }

    .screen3 .title_box h2,
    .screen3 .title_box h4 {
        color: #333
    }

    .screen3 .container .scr3_new_box_m {
        display: block
    }

    .timeLine_box {
        background-size: 180%
    }

   
}

@media all and (max-width:640px) {

    .banner_sty .container h3,
    .new_list_box li a {
        font-size: 14px
    }

    .swiper-button_box .swiper-button-next,
    .swiper-button_box .swiper-button-prev {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 14px
    }

    .timeline_case {
        width: calc(100% - 30px);
        margin-left: 30px;
        padding: 15px;
        margin-bottom: 100px
    }

    .timeLine_box .list-timeline-container-outer-wrapper.horizontal .list-timeline-container-outer.horizontal {
        padding: 0 20px;
        margin-top: 40px
    }

  
}





















.banner{position:relative;}
.banner .txt{position:absolute;top:50%;width: 100%;text-align: center;color: #fff;font-size: 44px;}
.banner .txt .en{font-size: 21px;text-transform: uppercase;padding:10px 0;}

.s1 img{margin:20px auto;}

.toper .right{padding-top: 15px;}
.toper .right .language{text-align: right;}
.toper .navpc{text-align: right;}





.flex{display: flex;}
.flex-between{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex-column-center{display: flex;flex-direction: column;justify-content: center;}

.flex-start{display: flex;justify-content:flex-start;flex-wrap: wrap;}
.container{max-width: 1280px;margin:0 auto;}



.index_product{background:url("../images/index_08.jpg") no-repeat top center;}
.index_product{padding:100px 0;}
.lm{background-color: #a1282e;line-height: 71px;border-radius: 15px;width: 100%;color: #fff;display: flex;justify-content: space-between;padding:0px 20px;}
.lm h2{font-size:26px;font-weight: 400; }
.lm h2 span{font-size:16px;padding-left: 10px;font-weight:400}



.relative{position: relative;}
.index_product .swiper-container{position: relative;}
.index_product .swiper-button-prev{background:url("../images/prev.png") no-repeat top center;width: 37px;height: 37px;}
.index_product .swiper-button-next{background:url("../images/next.png") no-repeat top center;width: 37px;height: 37px;}
.index_product .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content:none;}
.index_product .swiper-button-next:after, .swiper-container-rtl .swiper-button-next:after{content:none;}
.index_product .swiper-container{position: relative;margin-top: 50px;}
.index_product .swiper-container .swiper-slide{position:relative;}
.index_product .swiper-container .swiper-slide img{width:100% }
.index_product .swiper-container .swiper-slide p{

    
        position: absolute;
    width: 70%;
    margin-left: 15%;
    display: block;
    border-radius: 15px;
    background-color: #fff;
    z-index: 1;
    bottom: 20px;
    text-align: center;
    line-height: 2.5;
    
    
    
    
    
    
    
    
    
}
.index_product .swiper-button-prev{position: absolute;left:-50px;top:60%;}
.index_product .swiper-button-next{position: absolute;right:-50px;top:60%;}




.index_jkfj{background:url("../images/index_09.jpg") no-repeat top center;}
.index_jkfj{padding:100px 0;}
.index_jkfj .swiper-container{position: relative;}
.index_jkfj .swiper-button-prev{background:url("../images/prev.png") no-repeat top center;width: 37px;height: 37px;}
.index_jkfj .swiper-button-next{background:url("../images/next.png") no-repeat top center;width: 37px;height: 37px;}
.index_jkfj .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content:none;}
.index_jkfj .swiper-button-next:after, .swiper-container-rtl .swiper-button-next:after{content:none;}
.index_jkfj .swiper-container{position: relative;margin-top: 50px;}
.index_jkfj .swiper-container .swiper-slide img{width:100% }
.index_jkfj .swiper-button-prev{position: absolute;left:-50px;top:60%;}
.index_jkfj .swiper-button-next{position: absolute;right:-50px;top:60%;}
.index_jkfj .swiper-container .swiper-slide{position: relative;}
.index_jkfj .swiper-container .swiper-slide p{position: absolute;width: 70%;margin-left:15%;display: block;border-radius: 15px;background-color: #fff;z-index: 1;bottom:20px;text-align: center;line-height:2.5}









.index_cxyfzx{padding:50px 0;}
.index_cxyfzx h2{font-size: 42px;font-weight: 400;margin-bottom: 50px;}
.index_cxyfzx .main{position: relative;}
.index_cxyfzx .main .txt{position: absolute;top:15%;left:10%;width: 300px;color: #Fff;line-height: 1.8}
.index_cxyfzx .main .txt h3{font-size: 28px;margin-bottom: 10px;}





.lc-swiper-btn {
    width: 100%;
    position: absolute;
    top: 50%;
}

.lc-swiper-btn a {
    display: block;
    position: absolute;
}

.lc-swiper-btn .btn-prev {
    position: absolute;
    left: 15px;
    top: 50px;
}

.lc-swiper-btn .btn-next {
    position: absolute;
    right: 0;
    top: 50px;
}

.lc-swiper-btn .iconfont {
    font-size: 30px;
}


.index_fzdt{background-color: #f5f7fa;padding:50px 0;}

.index_fzdt .item{position: relative;width: 30%}
.index_fzdt .item .txt{padding-top: 20px;color: #000000}


.index_fzdt .item .txt h4{color: #000000;font-size: 20px;font-weight:400;line-height: 2}
.index_fzdt .item .txt p{color: #737373;font-size: 14px;}





.index_sdtd{background-color: #94241d;padding:50px 0;}
.index_sdtd .item{width: 30%;color: #fff;display: flex;flex-shrink: 0;}
.index_sdtd .item img{flex-shrink: 0;height:78px; width: 78px}
.index_sdtd .item .txt{padding-left:20px;color: #fff;}
.index_sdtd .item .txt h4{margin-bottom: 5px;}

.index_sdtd .line{width: 1px;background:rgba(255,255,255,0.2);display: block;}



.index_fzlc{padding:100px 0;}
.index_fzlc .tit{font-size: 41px;font-weight: 400}
.index_fzlc .en{font-size: 23px;color: #020202;margin-left:20px;}
.index_fzlc .main{margin-top: 40px;}


.index_fzlc .about-main2{background:url("../images/lc_bg.jpg") no-repeat top center;}
.about-main2 {
    height: 690px;
    width: 100%;
    overflow: hidden;
}

.about-main2 .licheng-bg {

    width: 100%;
    height: 100%;
    position: relative;
}

.about-main2 .licheng-bg .warper {
    height: 100%;
}

.about-main2 .licheng-bg img {
    height: 518px;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.about-main2 .ny-title {
    padding-top: 80px;
}

.ny-title .title-en {
    font-size: 36px;
    color: #b4b4b4;
    font-family: arial;
    line-height: 36px;
    font-weight: normal;
}

.ny-title .title-ch {
    font-size: 26px;
    color: #333333;
    margin: 15px 0;
    font-weight: normal;
}

.ny-title i {
    display: block;
    width: 42px;
    height: 1px;
    background-color: #b5b5b5;
}

.about-main2 .licheng-content {
    position: absolute;
    width: 100%;
    height: 100%;
}

.about-main2 .licheng-content .swiper-wrapper,
.about-main2 .licheng-content .swiper-slide,
.about-main2 .licheng-content ul {
    width: 100%;
    height: 100%;
}

.about-main2 .licheng-content ul li {
    width: 20%;
    float: left;
    height: 100%;
    list-style-type: none;
}

.about-main2 .licheng-content ul li a {
    display: block;
    width: 100%;
    position: relative;
    height: 320px
}

.about-main2 .licheng-content ul li .date {
    color: #fff;
    font-size: 30px;
}

.about-main2 .licheng-content ul li.item1 .line,
.about-main2 .licheng-content ul li.item3 .line,
.about-main2 .licheng-content ul li.item5 .line {
    margin-bottom: 30px;
}

.about-main2 .licheng-content ul li.item2 .line,
.about-main2 .licheng-content ul li.item4 .line {
    margin-top: 30px;
}

.about-main2 .licheng-content ul li.item1 .line:after,
.about-main2 .licheng-content ul li.item3 .line:after,
.about-main2 .licheng-content ul li.item5 .line:after {
    width: 25px;
    height: 25px;
    background-color: rgba(10, 56, 117, 0.8);
    display: block;
    content: "";
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
}

.about-main2 .licheng-content ul li.item2 .line:before,
.about-main2 .licheng-content ul li.item4 .line:before {
    width: 25px;
    height: 25px;
    background-color: rgba(10, 56, 117, 0.8);
    display: block;
    content: "";
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
}

.about-main2 .licheng-content ul li .lc-left {
    position: absolute;
}

.about-main2 .licheng-content ul li .line {
    height: 250px;
    width: 1px;
    display: block;
    background-color: #0A3875;
    position: relative;
    left: 30px;
}

.about-main2 .licheng-content ul li .lc-right {
    position: absolute;
    left: 30px;
    width: 400px;
    height: 100%;
    display: table;
}

.about-main2 .licheng-content ul li.item5 .lc-right {
    width: 200px;
}

.about-main2 .licheng-content ul li.item2 .lc-right,
.about-main2 .licheng-content ul li.item4 .lc-right {
    width: 400px;
}

.about-main2 .licheng-content ul li .lc-right .right-text {
    padding: 20px;
    display: table-cell;
    vertical-align: middle;
    max-width: 220px;
}

.about-main2 .licheng-content ul li.item1 a {
    top: 50px;
}

.about-main2 .licheng-content ul li.item1 .lc-left .line:after {
    bottom: -25px;
    left: -11px;
}

.about-main2 .licheng-content ul li.item1 .lc-right {
    bottom: 68px;
}

.about-main2 .licheng-content ul li.item2 a {
    top: 258px;
}

.about-main2 .licheng-content ul li.item2 .lc-left .line:before {
    top: -25px;
    left: -11px;
}

.about-main2 .licheng-content ul li.item2 .lc-right {
    top: 80px;
}

.about-main2 .licheng-content ul li.item3 a {
    top: 136px;
}

.about-main2 .licheng-content ul li.item3 .lc-left .line:after {
    bottom: -25px;
    left: -11px;
}

.about-main2 .licheng-content ul li.item3 .lc-right {
    bottom: 100px;
}

.about-main2 .licheng-content ul li.item4 a {
    top: 278px;
}

.about-main2 .licheng-content ul li.item4 .lc-left .line:before {
    top: -25px;
    left: -11px;
}

.about-main2 .licheng-content ul li.item4 .lc-right {
    top: 70px;
}

.about-main2 .licheng-content ul li.item5 a {
    top: 99px;
}

.about-main2 .licheng-content ul li.item5 .lc-left .line:after {
    bottom: -25px;
    left: -11px;
}

.about-main2 .licheng-content ul li.item5 .lc-right {
    bottom: 100px;
}

.about-main2 .licheng-content .right-text h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.about-main2 .licheng-content .right-text p {
    font-size: 16px;
    max-width: 220px;
}
.about-main2 .licheng-content {
    position: absolute;
    width: 100%;
    height: 100%;
}

.about-main2 .licheng-content .swiper-wrapper,
.about-main2 .licheng-content .swiper-slide,
.about-main2 .licheng-content ul {
    width: 100%;
    height: 100%;
}

.about-main2 .licheng-content ul li {
    width: 20%;
    float: left;
    height: 100%;
}

.about-main2 .licheng-content ul li a {
    display: block;
    width: 100%;
    position: relative;
    height: 320px
}

.about-main2 .licheng-content ul li .date {
    color: #fff;
    font-size: 30px;
}

.about-main2 .licheng-content ul li.item1 .line,
.about-main2 .licheng-content ul li.item3 .line,
.about-main2 .licheng-content ul li.item5 .line {
    margin-bottom: 30px;
}

.about-main2 .licheng-content ul li.item2 .line,
.about-main2 .licheng-content ul li.item4 .line {
    margin-top: 30px;
}

.about-main2 .licheng-content ul li.item1 .line:after,
.about-main2 .licheng-content ul li.item3 .line:after,
.about-main2 .licheng-content ul li.item5 .line:after {
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255,255, 0.8);
    display: block;
    content: "";
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
}

.about-main2 .licheng-content ul li.item2 .line:before,
.about-main2 .licheng-content ul li.item4 .line:before {
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255,255, 0.8);
    display: block;
    content: "";
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
}

.about-main2 .licheng-content ul li .lc-left {
    position: absolute;
}

.about-main2 .licheng-content ul li .line {
    height: 250px;
    width: 1px;
    display: block;
    background-color: #fff;
    position: relative;
    left: 30px;
}

.about-main2 .licheng-content ul li .lc-right {
    position: absolute;
    left: 30px;
    width: 400px;
    height: 100%;
    display: table;
}

.about-main2 .licheng-content ul li.item5 .lc-right {
    width: 200px;
}

.about-main2 .licheng-content ul li.item2 .lc-right,
.about-main2 .licheng-content ul li.item4 .lc-right {
    width: 400px;
}

.about-main2 .licheng-content ul li .lc-right .right-text {
    padding: 20px;
    display: table-cell;
    vertical-align: middle;
}

.about-main2 .licheng-content ul li.item1 a {
    top: 50px;
}

.about-main2 .licheng-content ul li.item1 .lc-left .line:after {
    bottom: -20px;
    left: -9px;
}

.about-main2 .licheng-content ul li.item1 .lc-right {
    bottom: 68px;
}

.about-main2 .licheng-content ul li.item2 a {
    top: 258px;
}

.about-main2 .licheng-content ul li.item2 .lc-left .line:before {
    top: -20px;
    left: -9px;
}

.about-main2 .licheng-content ul li.item2 .lc-right {
    top: 80px;
}

.about-main2 .licheng-content ul li.item3 a {
    top: 136px;
}

.about-main2 .licheng-content ul li.item3 .lc-left .line:after {
    bottom: -20px;
    left: -9px;
}

.about-main2 .licheng-content ul li.item3 .lc-right {
    bottom: 100px;
}

.about-main2 .licheng-content ul li.item4 a {
    top: 278px;
}

.about-main2 .licheng-content ul li.item4 .lc-left .line:before {
    top: -20px;
    left: -9px;
}

.about-main2 .licheng-content ul li.item4 .lc-right {
    top: 70px;
}

.about-main2 .licheng-content ul li.item5 a {
    top: 99px;
}

.about-main2 .licheng-content ul li.item5 .lc-left .line:after {
    bottom: -20px;
    left: -9px;
}

.about-main2 .licheng-content ul li.item5 .lc-right {
    bottom: 100px;
}






.about-main2 .licheng-content ul li.item6 a {
    top: 50px;
}


.about-main2 .licheng-content ul li.item7 a {
    top: 258px;
}

.about-main2 .licheng-content ul li.item8 a {
    top: 50px;
}







.about-main2 .licheng-content .right-text h3 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 400;
}

.about-main2 .licheng-content .right-text p {
    color: #fff;
    font-size: 16px;
}







.footer{background-color: #333333;}
.footer h4{margin-bottom: 20px;color: #f7f7f7}
.footer p{line-height: 1.8;color: #f7f7f7}
.footer p a{color: #fff}
.footer .fnav{padding:50px 0;display: flex}
.footer .fnav .item{margin-right: 80px;}




.footer .gzwm{ padding:50px 0;display: flex;flex-wrap: wrap; }
.footer .xlogo{padding:10px;}
.footer .xlogo p{width: 100%;display: flex;justify-content: space-between;padding-bottom: 10px;color: #f7f7f7}



.copyright{width: 100%;color: #f7f7f7;font-size: 14px;line-height: 62px;border-top:1px solid #232323;}






.ppgs01{padding:50px 0;}
.ppgs01 .tit{font-size: 36px;font-weight: 400;line-height: 2;color: #000;width: 100%;margin-bottom: 10px;}
.ppgs01 .pic{width: 63%;}
.ppgs01 .txt{width: 32%;color: #868686;font-size: 16px;line-height: 1.6;}



.ppgs02{padding:50px 0;}
.ppgs02 .item{position: relative;}
.ppgs02 .txt{position: absolute;top:8%;width: 100%;text-align: center}
.ppgs02 .txt h4{font-size: 28px;padding-bottom:10px;font-weight:400}
.ppgs02 .txt p{font-size: 18px; line-height: 1.8}


.ppgs03{padding:50px 0;}
.ppgs03 .tit{font-size: 36px;font-weight: 400;line-height: 2;color: #000;width: 100%;margin-bottom: 10px;}

.ppgs04{padding:50px 0;}
.ppgs04 .tit{font-size: 36px;font-weight: 400;line-height:1;margin-bottom: 10px;}
.ppgs04 .tit p{line-height: 1.5;font-size: 24px;}


.ppgs04 .selm{text-align: right;}
.ppgs04 .selm a{display: inline-block;line-height: 36px;border:1px solid #000;border-radius:20px;padding:0 30px;margin-left: 20px;}
.ppgs04 .main{padding:30px 0;}
.ppgs04 .main .left{width: 49%}
.ppgs04 .main .right{width: 49%}
.ppgs04 .main .left img{width: 100%}
.ppgs04 .main .left img{margin-bottom: 18px}
.ppgs04 .main .left h4{font-size: 24px;font-weight:400}
.ppgs04 .main .left .data{font-size: 22px;margin-bottom: 10px;}
.ppgs04 .main .left  p{color:#717171}
.ppgs04 .main .left{font-size: 15px;line-height: 1.5}

.ppgs04 .main .right .item{border:1px solid #e5e5e5;border-radius: 20px;margin-bottom: 20px;}
.ppgs04 .main .right .item a{display: flex;padding:15px;}
.ppgs04 .main .right .item a .data{width: 106px;text-align: center;font-size: 19px;padding-top: 10px;border-right:1px solid #e5e5e5;}
.ppgs04 .main .right .item a .data .day{font-size: 31px;font-weight:400}
.ppgs04 .main .right .item a .txt{width:calc(100% - 106px);padding-left: 20px;}
.ppgs04 .main .right .item a .txt h3{margin-bottom: 10px;font-size:16px;}
.ppgs04 .main .right .item a .txt p{color:#717171}



.banner .bg{position: relative;}
.banner .bg{position: relative;}
.banner .bg .container{margin:0 auto;display: flex;flex-direction: column;height: 654px;align-items: left;justify-content: center}
.lxwm .s1{font-size:49px;margin-bottom: 20px;}
.lxwm .s2{font-size:24px;}




.lxwm01{padding:50px 0;background-color: #fefefe}
.lxwm01 .tit{font-size: 36px;font-weight: 400;line-height: 1.5;color: #000;width: 100%;margin-bottom: 10px;text-align: center}
.lxwm01 .tit .en{font-size: 24px;font-weight: 400;line-height:1.5;color: #000;width: 100%;margin-bottom: 10px;text-align: center}
.lxwm01 .pic{width: 100%;}
.lxwm01 .dz{width: 80%;margin:-100px auto 0 auto;z-index:999}
.lxwm01 .dz .item{width: 48%;border-radius: 20px;background-color: #fff;padding:30px;box-shadow:1px 1px 1px 1px rgba(220, 220, 220, 0.2) }
.lxwm01 .dz .item h3{font-size: 41px;font-weight: bold;margin-bottom: 10px;}
.lxwm01 .dz .item p{line-height: 1.8}




.jrwm01{padding:50px 0;}
.jrwm01 .tit{font-size: 36px;font-weight: 400;line-height: 1.5;color: #000;width: 100%;margin-bottom: 10px;text-align: left;}
.jrwm01 .tit span{font-size: 24px;font-weight: 400;line-height:1.5;color: #000;width: 100%;margin-bottom: 10px;margin-left: 10px;}
.jrwm01 .main .item{width: 32%;}
.jrwm01 .main .item img{width: 100%;}
.jrwm01 .main .item h3{font-size: 24px;color:#310008;font-weight: 400;padding:22px 0; }


.jrwm01 .desc .item{display: none}
.jrwm01 .desc .item {background-color: #f0f3f5;border-radius: 30px;padding:50px;width: 100%;margin-top: 30px;}
.jrwm01 .desc .item h3{font-size:21px;font-weight: 400;color: #000000;clear:both;line-height: 36px;}
.jrwm01 .desc .item h3 img{float: right;}
.jrwm01 .desc .item hr{margin:10px 0 30px 0;}


.jrwm01 .desc .item p{color: #737373;font-size: 16px;line-height: 1.8}
.jrwm02{padding:50px 0;}
.jrwm02 h2{font-size: 42px;font-weight: 400;margin-bottom: 50px;}
.jrwm02 .main{position: relative;}
.jrwm02 .main .txt{position: absolute;top:22%;left:10%;width: 350px;color: #000;line-height: 1.8}
.jrwm02 .main .txt h3{font-size: 28px;margin-bottom: 10px;font-weight:400;line-height: 1.2}


.jrwm02 .txt{margin-top: 50px;max-width: 95%;margin:50px auto;}
.jrwm02 .txt p{margin-bottom: 20px;line-height: 1.8}



.jrwm03{padding:80px 0;border-top:1px solid #ccc;}
.jrwm03 .txt{text-align: center;font-size: 16px;padding:30px 0;}
.jrwm03 .txt h3{margin-bottom: 10px;}
.jrwm03 .join{text-align: center;font-size: 24px;margin-top: 30px;}
.jrwm03 .main .item{width: 19%;cursor: pointer;}
.jrwm03 .main .item:nth-child(2n){padding-top: 100px;}
.jrwm03 .main .item .txt{display: none}
.jrwm03 .main .item:hover .txt{display: block}



.list01{padding:50px 0;border-bottom: 1px solid #ccc}
.list01 .tit{font-size: 36px;font-weight: 400;line-height: 1.5;color: #000;width: 100%;margin-bottom: 10px;text-align: left;}
.list01 .main{position: relative;}
.list01 .main .item{width:32%;}
.list01 .main .item h3{font-size: 24px;color:#000;font-weight:400;line-height: 1.8;padding-top: 10px;}





.list02{padding:50px 0;border-bottom: 1px solid #ccc}
.list02 .tit{font-size: 36px;font-weight: 400;line-height: 1.5;color: #000;width: 100%;margin-bottom: 10px;text-align: left;}
.list02 .main{position: relative;}
.list02 .main .item{margin:30px 0;border-bottom: 1px solid #ccc;padding-bottom: 30px;}
.list02 .main .item a{display: flex;justify-content: space-between;}
.list02 .main .item h3{font-size: 24px;color:#000;font-weight:400;line-height: 1.8;padding-top: 10px;}
.list02 .main .item p{line-height: 1.8;color:#525252}
.list02 .main .item .pic{width: 30%}
.list02 .main .item .txt{width: 68%;display: flex;flex-direction: column;justify-content: space-between;}
.list02 .main .pagenum{text-align: center;}
.list02 .main .pagenum li{list-style: none;display:inline-block}
.list02 .main .pagenum a{ height:32px;line-height:32px;margin:5px;border-radius: 50%;border:1px solid #ccc;display: inline-block;padding: 0px 10px;border-radius: 10px; }




.show{padding:100px 0;}
.show .tit{font-size: 36px;font-weight: 400;line-height: 1.5;color: #000;width: 100%;margin-bottom: 10px;text-align:center;} 
.show .data{font-size: 16px;color: #848484;text-align: center}
.show .content{border-top:1px solid #ccc;margin-top: 30px;padding:30px 0;}
.show .content p{margin-bottom: 10px;}
.show .prenext{display: flex;justify-content: space-between;}
.show .prenext a{width: 45%;border:1px solid #ccc;display: block;padding:10px;font-size: 18px;color: #310008}
.show .prenext a:nth-child(2){text-align: right;}


.product01{padding:100px 0;}
.product01 .main .item{width: 49%;position: relative;margin-top:40px;overflow:hidden;border-radius:30px;}
.product01 .main .item img{width: 100%;height: auto;transition: all 0.5s linear 0s;}
.product01 .main .item:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.product01 .main .item .txt{position: absolute;left:10%;top:10%;color: #fff}
.product01 .main .item .txt h3{font-size: 30px;line-height: 1.5;font-weight:400}
.product01 .main .item .txt a{color: #fff}
.product01 .main .item .txt.white{color: #fff}
.product01 .main .item .txt.white a{color: #fff}











.yfzx01{padding:50px 0;background-color: #f0f3f5}
.yfzx01 .tit{font-size: 36px;font-weight: 400;line-height: 1.5;color: #000;width: 100%;margin-bottom: 10px;text-align: left;}
.yfzx01 .tit span{font-size: 24px;font-weight: 400;line-height:1.5;color: #000;width: 100%;margin-bottom: 10px;margin-left: 10px;}
.yfzx01 .main{background-color: #fff;border-radius: 50px;box-shadow:1px 1px 1px 1px rgba(220, 220, 220, 0.3);overflow: hidden;margin:50px 0;}
.yfzx01 .main .txt{width: 48%;display: flex;flex-direction: column;padding:5%;}
.yfzx01 .main .txt h3{font-size: 36px;color:#282828;font-weight: 400;padding:22px 0; }
.yfzx01 .main .txt p{font-size: 18px;line-height: 1.8;color: #282828}
.yfzx01 .main .info{margin-top: 50px;}
.yfzx01 .main .info p{color:737373; }
.yfzx01 .main .pic{width: 50%;}
.yfzx01 .main .pic img{width: 100%;}






.yfzx02{padding:50px 0;}
.yfzx02 h2{font-size: 42px;font-weight: 400;margin-bottom: 50px;}
.yfzx02 .main{position: relative;}
.yfzx02 .main .txt{position: absolute;top:15%;left:10%;width: 300px;color: #Fff;line-height: 1.8}
.yfzx02 .main .txt h3{font-size: 28px;margin-bottom: 10px;}




.yfzx03{padding:50px 0;background-color: #f0f3f5}
.yfzx03 .tit{font-size: 36px;font-weight: 400;line-height: 1.5;color: #000;width: 100%;margin-bottom: 10px;text-align: left;}
.yfzx03 .tit span{font-size: 24px;font-weight: 400;line-height:1.5;color: #000;width: 100%;margin-bottom: 10px;margin-left: 10px;}
.yfzx03 .main{margin:50px 0;}
.yfzx03 .main .item{width: 30%;background-color: #fff;border-radius: 50px;overflow: hidden;}
.yfzx03 .main .txt{display: flex;flex-direction: column;padding:10%;}
.yfzx03 .main .txt h3{font-size: 36px;color:#282828;font-weight: 400;margin-bottom: 15px;}
.yfzx03 .main .txt p{font-size: 18px;line-height: 1.8;color: #282828}











.yfzx04{padding:50px 0;}
.yfzx04 .tit{font-size: 36px;font-weight: 400;line-height: 1.5;color: #000;width: 100%;margin-bottom: 10px;text-align: left;}
.yfzx04 .tit span{font-size: 24px;font-weight: 400;line-height:1.5;color: #000;width: 100%;margin-bottom: 10px;margin-left: 10px;}
.yfzx04 .main{margin:50px 0;}
.yfzx04 .main .item{background-color: #fff;border:1px solid #ccc;border-radius: 20px;text-align: center;padding:10px 30px;max-width: 13%}
.yfzx04 .main .item p{display:block;font-size: 14px;}






.yfzx05{padding:50px 0;background-color: #f0f3f5}
.yfzx05 .tit{font-size: 36px;font-weight: 400;line-height: 1.5;color: #000;width: 100%;margin-bottom: 10px;text-align: left;}
.yfzx05 .tit span{font-size: 24px;font-weight: 400;line-height:1.5;color: #000;width: 100%;margin-bottom: 10px;margin-left: 10px;}
.yfzx05 .main{margin:50px 0;border-radius: 50px;border-radius: 50px;overflow: hidden;}
.yfzx05 .main .tab .item{width:33.333%;background-color: #dfe2e5;border-top-left-radius: 50px;border-top-right-radius: 50px;overflow: hidden;line-height: 80px;text-align: center;font-size:18px;cursor:pointer}
.yfzx05 .main .tab .item.active{background-color: #fff;}
.yfzx05 .main .content{background-color: #Fff;padding:5%;}
.yfzx05 .main .content .item .box{text-align: center;width: 31.333%;margin:1%;}
.yfzx05 .main .content .item .box img{width:100%;}
.yfzx05 .main .content p{font-size: 18px;line-height: 1.8;color: #282828}
.yfzx05 .main .content .item{}



.hqj01{padding:100px 0;}
.hqj01 .tab{text-align: center}
.hqj01 .item{display: inline-block;color: #832222;padding:10px 55px;border:2px solid #832222;border-radius: 30px;margin:0 15px;font-size: 24px;font-weight:600;cursor: pointer;}
.hqj01 .item a{color: #832222;display: block;}
.hqj01 .item.on{background:#832222;color: #fff;}
.hqj01 .item.on a{color: #fff;}


.hqj01 .main{margin:100px 0;}
.hqj01 .main .pic{width:410px;}
.hqj01 .main .box{width:calc(100% - 450px)}




.hqj01 .box1{color:#832222;border-bottom: 1px solid #832222;padding-bottom:50px;margin-bottom:50px;width: 100%}
.hqj01 .box1 h3{font-size: 31px;}
.hqj01 p.s1{font-size: 24px;color:#832222;margin-bottom: 10px;}
.hqj01 p{line-height: 1.8}




.hqj02{background:url("../images/hqj_10.jpg") top center no-repeat;padding:80px 0;color: #fff}
.hqj02 .s1{font-size:28px;font-weight: 600;line-height: 1.5;padding-bottom: 10px;}
.hqj02 .s2{font-size:18px;font-weight: 400;line-height: 1.5; }

.hqj03{padding:100px 0;}
.hqj03 .item{width: 45%;text-align: center}
.hqj03 .item img{max-width: 100%;text-align: center;margin:10px auto;}
.hqj03 .s1{font-size:28px;font-weight: 600;line-height: 1.5;padding-bottom: 10px;color: #832222}
.hqj03 .s2{font-size:18px;font-weight: 400;line-height: 1.5;color: #832222 }
.hqj03 .txt{margin-top: 20px;font-size: 16px;color: #000;line-height: 1.5;text-align: left}
.hqj03 .txt p{margin-top: 10px;}




.hqj04{background:url("../images/hqj_19.jpg") top center no-repeat;padding:80px 0;color: #fff}
.hqj04 .s1{font-size:28px;font-weight: 600;line-height: 1.5;padding-bottom: 10px;}
.hqj04 .s2{font-size:18px;font-weight: 400;line-height: 1.5; }





.hqj05 .item{width: 100%;border-bottom: 1px solid #ccc;padding:5%;}
.hqj05 .item .pic{width: 30%;text-align: center}
.hqj05 .item .pic img{box-shadow:1px 1px 1px 1px rgba(220, 220, 220, 0.2);width: 100%;padding-bottom: 10px;}
.hqj05 .item .info{width:calc(100% - 35%);}
.hqj05 .item .info .s1{font-size:32px;font-weight: 600;line-height: 1.5;padding-bottom:10px;color:#832222;}
.hqj05 .item .info .s2{font-size:18px;font-weight: 400;line-height: 1.5;padding-bottom:10px; color:#832222;}









.hqls01{padding:100px 0;}
.hqls01 .tab{text-align: center}
.hqls01 .item{display: inline-block;color: #832222;padding:10px 55px;border:2px solid #832222;border-radius: 30px;margin:0 15px;font-size: 24px;font-weight:600;cursor: pointer;}
.hqls01 .item a{color: #832222;display: block;}
.hqls01 .item.on{background:#832222;color: #fff;}
.hqls01 .item.on a{color: #fff;}


.hqls01 .main{padding:50px 0;}

.hqls01 .main .box1{padding:50px 0;}
.hqls01 .main .box1 h3{font-size: 31px;color:#832222;text-align: center}
.hqls01 .main .box1 .line{width: 280px;border-bottom: 2px solid #832222;margin:30px auto;display: block;}
.hqls01 .main .box1 h4{font-size: 24px;color:#832222;text-align: center;margin-bottom: 20px;}
.hqls01 .main .box1 p{font-size: 16px;line-height: 1.8}



.hqls01 .box2 .box2-1{ width: 48%;border:1px solid #ccc;padding:15px; }
.hqls01 .box2 .box2-1 .pic{ width: 156px;}
.hqls01 .box2 .box2-1 .info{ width:calc(100% -  186px);}
.hqls01 .box2 .box2-1 .info .s1{font-size: 24px;color:#832222;margin-bottom: 5px;}
.hqls01 .box2 .box2-1 .info .s2{font-size: 22px;color:#832222;margin-bottom: 10px;}
.hqls01 .box2 .box2-1 .info p{font-size: 16px;color:#000;font-weight: 400}









.hqls01 .box3{margin:50px auto 0px  auto;max-width: 90%}
.hqls01 .box3 .pic{ width: 156px;}
.hqls01 .box3 .info{ width:calc(100% -  186px);padding:15px 0;}
.hqls01 .box3 .info .s1{font-size: 24px;color:#832222;margin-bottom: 5px;}
.hqls01 .box3 .info .s2{font-size: 22px;color:#832222;margin-bottom: 10px;}
.hqls01 .box3 .info .s3{line-height: 1.8;}




.hqls02{background:url("../images/hqls_16.jpg") top center no-repeat;padding:80px 0;color: #fff}
.hqls02 .s1{font-size:28px;font-weight: 600;line-height: 1.5;padding-bottom: 10px;}
.hqls02 .s2{font-size:18px;font-weight: 400;line-height: 1.5; }






.hqls03 {margin:50px auto 0px  auto;max-width: 90%}
.hqls03 .pic{ width: 454px;}
.hqls03 .info{ width:calc(100% -  486px);display: flex;flex-direction: column;justify-content: center;}
.hqls03 .info p{margin-bottom: 10px;line-height: 1.8}


.hqls04{background-color: #f7f7f7;padding:80px 0;}
.hqls04 .s1{font-size: 28px;color:#832222;text-align: left;padding-bottom: 10px;}
.hqls04 .s2{font-size: 18px;color:#000;text-align: left}



.hqls05 {margin:50px auto 0px  auto;}
.hqls05 .container{border-bottom:1px solid #832222;padding-bottom: 50px;}
.hqls05 .pic{ width: 254px;}
.hqls05 .info{ width:calc(100% -  286px);display: flex;flex-direction: column;justify-content: center;}
.hqls05 .info p{margin-bottom: 10px;line-height: 1.8}




.hqls06{padding:100px 0;}
.hqls06 .item{width: 48%;}
.hqls06 .item .pic{ width: 144px;}
.hqls06 .item .pic img{max-width: 100%;margin:10px auto;}
.hqls06 .item .txt{ width:calc(100% -  164px);display: flex;flex-direction: column;}

.hqls06 .item .txt .s1{font-size:24px;font-weight: 600;line-height: 1.5;padding-bottom: 10px;color: #832222}
.hqls06 .item .txt .s2{font-size:16px;font-weight: 400;line-height: 1.5;color: #000;margin-top: 10px; }


.hqls07{background:url("../images/hqls_16.jpg") top center no-repeat;padding:80px 0;color: #fff}
.hqls07 .s1{font-size:28px;font-weight: 600;line-height: 1.5;padding-bottom: 10px;}
.hqls07 .s2{font-size:18px;font-weight: 400;line-height: 1.5; }



.hqls08{padding:100px 0;}
.hqls08 h3{font-size: 24px;color: #832222;line-height: 1.8;}
.hqls08 p{font-size: 18px;color: #000;line-height: 1.8}





.pub_shade {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    left: 0;
    top: 0;
    z-index: 120;
}

.pub_shade .btn_close {
    display: block;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    background-color: #5f161a;
    position: absolute;
    top: 5%;
    right: 7%
}

.pub_shade .btn_close img{max-width:60%;margin:20%}

.pub_shade .vid_box {
    width: 75%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.con_title,
.ins_banner_bg,
.video-js .vjs-tech {
    position: relative
}

.pub_shade .vid_box video {
    width: 100%;
    height: 100%
}

.player_on-dimensions {
    width: 100%;
    height: auto
}

.video-js .vjs-big-play-button {
    display: none
}






.licheng-bg .swiper-button-prev{background:url("../images/prev.png") no-repeat top center;width: 37px;height: 37px;}
.licheng-bg .swiper-button-next{background:url("../images/next.png") no-repeat top center;width: 37px;height: 37px;}
.licheng-bg .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content:none;}
.licheng-bg .swiper-button-next:after, .swiper-container-rtl .swiper-button-next:after{content:none;}


.licheng-bg .swiper-button-prev{position: absolute;left:-50px;top:50%;}
.licheng-bg .swiper-button-next{position: absolute;right:-50px;top:50%;}






@media only screen and (max-width: 1400px){

.container{max-width:96%;margin-left: 2%}

}




@media only screen and (max-width: 1200px){

html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px;}
.toper .navpc{display: none;}
.phonemenu { display:block;}
.fixtop {
    height: 60px;
}
.fixtop {height:60px;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.fixtop .toper .logo {width:70px; height:45px;top:8px;}
.fixtopno .toper .logo { background-position:top;}
.fixtopno.active .toper .logo { background-position:top;}

.fixtop .toper ul.navpc { display:none;}
.tblank { height:60px}
.fixtop .toper .shejiao{ display:none;}
.fixtop .wrap{max-width: 96%}
.nav__icon:before, .nav__icon:after{background-color:#000;}
.nav__icon{background-color:#000;}
.phonemenu .nav--active .nav__icon:before{background-color:#000;}
.phonemenu .nav--active .nav__icon:after {background-color:#000;}
.toper .right .language { padding-right: 60px;}

.banner_box .h1{font-size: 28px;}
.give_a_sign{display: none;}
.index_product .swiper-button-next{right:0px;top:65%}
.index_product .swiper-button-prev{left:0px;top:65%}
.index_jkfj .swiper-button-next{right:0px;top:65%}
.index_jkfj .swiper-button-prev{left:0px;top:65%}
.footer .fnav{flex-wrap:wrap}
}








@media only screen and (max-width: 780px){
.lm{line-height:60px;}
.lm h2{font-size: 18px;}
.lm p{display: none;}
.index_product{padding:50px 0}
.index_jkfj{padding:50px 0}
.index_cxyfzx h2{font-size: 28px;}
.index_cxyfzx .main .txt h3{font-size: 16px;}
.index_cxyfzx .main .txt{top:10%;width:80%;line-height:1.5}
.index_fzdt .item{width:100%;margin-bottom:20px;}
.index_sdtd .item{width:100%;margin-bottom:10px;}
.index_fzlc .tit{font-size:24px;}
.index_fzlc .en{font-size: 18px;}
.copyright{line-height:32px;}

.about-main2 .licheng-content ul li .date{font-size:18px;}
.about-main2 .licheng-content .right-text h3{font-size:14px;}
.about-main2 .licheng-content .right-text p{font-size:12px;}

.ppgs01 .tit{font-size:22px;}
.ppgs01 .pic{width:100%;margin-bottom:20px;}
.ppgs01 .txt{width:100%;}
.ppgs02 .item{width:100%;margin-bottom:20px;}
.ppgs04 .selm{display:none;}
.ppgs04 .main .left{width:100%;}
.ppgs04 .main .right{width:100%;margin-top:20px;}
.ppgs02 .tit{font-size:22px;}
.ppgs03 .tit{font-size:22px;}
.ppgs04 .tit{font-size:22px;}

.lxwm .s1{font-size:32px;}
.lxwm .s2{font-size:24px;}
.product01 .main .item{width:100%;}


.yfzx01 .main .txt{width:100%;}
.yfzx01 .main .pic{width:100%;}
.yfzx03 .main .item{width:100%;margin-bottom:20px;}
.yfzx04 .main .item{width:48%;padding:5%;text-align:center}
.yfzx04 .main .item img{margin:0 auto;}
.yfzx05 .main .tab .item{line-height:50px;}


.yfzx01 .tit{font-size:22px;}
.yfzx01 .main .txt h3{font-size:18px;}
.yfzx01 .main .txt p{font-size:14px;}
.yfzx02 .main .txt h3{font-size:22px;}
.yfzx02 .main .txt p{font-size:14px;line-height:1.5}
.yfzx03 .tit{font-size:22px;}
.yfzx03 .main .txt h3{font-size:22px;}
.yfzx03 .main .txt p{font-size:16px;}
.yfzx04 .tit{font-size:22px;}
.yfzx05 .tit{font-size:22px;}
.hqj01 .item{padding:10px 20px;}
.hqj01{padding:50px 0}
.hqj01 .main{margin:50px 0}
.hqj01 .main .pic{width:100%;margin-bottom:20px;}
.hqj01 .main .box{width:100%;}
.hqj03{padding:50px 0}
.hqj03 .item{width:100%;}

.hqj05 .item .pic{width:100%;}
.hqj05 .item .info{width:100%;}

.hqls01 .box2 .box2-1{width:100%;}
.hqls01 .box2 .box2-2{width:100%;}
.hqls01 .box2 .box2-1 .pic{width:100%;margin-bottom:20px;}
.hqls01 .box2 .box2-1 .pic img{margin:0 auto}
.hqls01 .box2 .box2-1 .info{width:100%;}


.hqls01 .box3{width:100%;margin-bottom:20px;}
.hqls01 .box3 .info{width:100%;}
.hqls03 .pic{width:100%;}
.hqls03 .info{width:100%;}
.hqls05 .pic{width:100%;}
.hqls05 .info{width:100%;}
.hqls06 .item{width:100%;}
.hqls06 .item .pic{width:100%;}
.hqls06 .item .txt{width:100%;}
.hqls08{padding:50px 0}
.list02 .main .item a{flex-wrap:wrap;}
.list02 .main .item .pic{width:100%;margin-bottom:20px;}
.list02 .main .item .txt{width:100%;}

.list01 .tit{font-size:22px;}
.list01 .main .item h3{font-size:18px;}

.jrwm01 .tit{font-size:22px;}
.jrwm01 .main .item{width:100%;margin-bottom:20px;}
.jrwm01 .main .item h3{padding:10px 0;}
.jrwm02 .main .txt{position:relative;left:0}
.lxwm01 .dz .item{width:100%;margin-bottom:20px;}
.lxwm01 .dz .item{padding:20px;}
.lxwm01 .tit{font-size:24px;}
.lxwm01 .dz .item h3{font-size:20px;}
}