/* 前端白明明 */

@charset "UTF-8";
@font-face {
    font-family: "din";
    src: url("../fonts/DINCOND-MEDIUM.woff") format("woff"), url("../fonts/DINCOND-MEDIUM.ttf") format("truetype"), url("../fonts/DINCOND-MEDIUM.otf"), url("../fonts/DINCOND-MEDIUM.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.din {
    font-family: "din";
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0 auto;
    overflow-x: hidden;
    min-width: 1280px;
    position: relative;
    padding: 0;
    width: 100%;
    color: #333;
    font-family: '微软雅黑', Arial, Helvetica, sans-serif, Microsoft Yahei;
    font-size: 14px;
    line-height: 1;
    background: #fff;
}

html.act {
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

ul,
ul li,
ol li,
tr td,
dl,
dd {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

a {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    color: #333;
}

textarea,
select {
    outline: none;
    color: #666;
    font-size: 14px;
    width: 100%;
}

img {
    border: none;
    display: block;
    1max-width: 100%;
}

img[src=""] {
    opacity: 0;
}

.gdt::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.gdt::-webkit-scrollbar-thumb {
    background: #d61518;
}

.gdt::-webkit-scrollbar-track {
    background: #999;
}

.gdt2::-webkit-scrollbar {
    width: 2px;
    height: 1px;
}

.gdt2::-webkit-scrollbar-thumb {
    background: #E40012;
}

.gdt2::-webkit-scrollbar-track {
    background: #EDEDED;
}

.f_12 {
    font-size: 12px;
}

.f_14 {
    font-size: 14px;
}

.f_16 {
    font-size: 16px;
}

.f_18 {
    font-size: 18px;
}

.f_20 {
    font-size: 20px;
}

.f_22 {
    font-size: 22px;
}

.f_24 {
    font-size: 24px;
}

.f_26 {
    font-size: 26px;
}

.f_28 {
    font-size: 28px;
}

.f_30 {
    font-size: 30px;
}

.f_32 {
    font-size: 32px;
}

.f_34 {
    font-size: 34px;
}

.f_36 {
    font-size: 36px;
}

.f_38 {
    font-size: 38px;
}

.f_40 {
    font-size: 40px;
}

.f_44 {
    font-size: 44px;
}

.f_46 {
    font-size: 48px;
}

.f_48 {
    font-size: 48px;
}

.f_52 {
    font-size: 52px;
}

.f_64 {
    font-size: 64px;
}

.f_72 {
    font-size: 72px;
}

.f100 {
    font-weight: 100;
}

@media (min-width:1950px) {
    .banner {
        background-size: cover !important;
    }
}

/*分页*/

.page1 {
    text-align: center;
    height: 40px;
    margin: 0;
    text-align: center;
    display: flex;
    justify-content: center;
}

.page1 span a {
    display: block;
    color: #999;
    width: 30px;
    height: 40px;
    text-decoration: none;
    font-size: 14px;
    border-radius: 2px;
}

.page1 span a:hover,
.page1 span.current a {
    color: #e40012;
}

.page1 span {
    margin: 0 5px;
    display: inline-block;
    line-height: 40px;
    color: #999;
}

.page1 span input {
    display: block;
    width: 80px;
    height: 40px;
    border: 1px solid #e2e6f1;
    border-radius: 2px;
    outline: none;
    text-align: center;
    background: rgba(0, 0, 0, 0);
    border-radius: 5px;
}

.page1 span a.pre {
    background: #fff url(../images/jt_h.png) center no-repeat;
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid #e2e6f1;
    border-radius: 2px;
    border-radius: 50%;
}

.page1 span a.pre:hover {
    background: #e40012 url(../images/jt_b2.png) center no-repeat;
    opacity: 1;
}

.page1 span a.nex {
    background: #fff url(../images/jt_h.png) center no-repeat;
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid #e2e6f1;
    border-radius: 2px;
    border-radius: 50%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.page1 span a.nex:hover {
    background: #e40012 url(../images/jt_b2.png) center no-repeat;
    opacity: 1;
}

.page2 {
    width: 120px;
    height: 40px;
    background: #e40012;
    color: #fff;
    display: block;
    margin: 0 auto;
    line-height: 40px;
    display: none;
    text-align: center;
}

.a_dw {
    position: relative;
    top: -70px;
}

.a_dw2 {
    position: relative;
    top: -100px;
}

.box1 {
    max-width: 1920px;
    width: 100%;
    padding: 0 5.2%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    box-sizing: border-box;
}

.box {
    max-width: 1920px;
    width: 100%;
    1padding: 0 13.54%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    box-sizing: border-box;
}

.box2 {
    max-width: 1920px;
    width: 100%;
    padding: 0 23.5%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    box-sizing: border-box;
}

.box3 {
    max-width: 1920px;
    width: 100%;
    padding: 0 5.82%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    box-sizing: border-box;
}

.alltime,
.alltime * {
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.wow {
    opacity: 0;
}

.wow1 {
    opacity: 1;
}

.fbd {
    font-weight: bold;
}

/* 头部 */

.head {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, 0);
}

.head .logo {
    height: 60px;
    float: left;
    position: relative;
    margin-top: 40px;
}

.head .logo img {
    display: block;
    height: 100%;
}

.head .logo img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}

.head .hrt {
    float: right;
    display: flex;
    align-items: center;
    align-content: center;
    margin-top: 50px;
    height: 40px;
}

.head .hrt .ss {
    width: 40px;
    height: 40px;
    background: url(../images/ss.png) center no-repeat;
    cursor: pointer;
}

.head .hrt .yy {
    padding-left: 30px;
    line-height: 40px;
    background: url(../images/yy.png) center left no-repeat;
    color: #fff;
}

.head .hrt span {
    display: block;
    width: 1px;
    height: 20px;
    background: #fff;
    opacity: 1;
    margin: 0 20px;
    display: none;
}

.head .ul1 {
    float: right;
    margin-right: 100px;
}

.head .ul1 li {
    margin: 0 25px;
    float: left;
    position: relative;
}

.head .ul1 li .ltop {}

.head .ul1 li .ltop a {
    color: #fff;
    display: block;
    line-height: 140px;
}

.head .ul1 li .lbtm {
    position: absolute;
    width: 200px;
    background: #f9f9f9;
    top: 100%;
    left: 50%;
    z-index: 2;
    margin-left: -100px;
    display: none;
}

.head .ul1 li .lbtm a {
    display: block;
    text-align: center;
    line-height: 40px;
}

.head .ul1 li:hover .lbtm {
    display: block;
}

.head .ul1 li .lbtm a:hover {
    background: #e2e6f1;
    color: #e40012;
}

.head:hover,
.head.bai {
    background: #fff;
    -webkit-box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0.2);
}

.head.bai2 {
    background: rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0);
    -moz-box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0);
    box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0);
}

.head.act {
    background: #fff;
    -webkit-box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0.2);
}

.head:hover {
    background: #fff;
    -webkit-box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0.2);
}

.head:hover .ul1 li .ltop a,
.head.act .ul1 li .ltop a,
.head.bai .ul1 li .ltop a {
    color: #000;
}

.head:hover .hrt .ss,
.head.act .hrt .ss,
.head.bai .hrt .ss {
    background: url(../images/ss_h.png) center no-repeat;
}

.head:hover .hrt .yy,
.head.act .hrt .yy,
.head.bai .hrt .yy {
    background: url(../images/yy_h.png) center left no-repeat;
    color: #000;
}

.head:hover .hrt span,
.head.act .hrt span,
.head.bai .hrt span {
    background: #000;
}

.head:hover .logo img:nth-child(1),
.head.act .logo img:nth-child(1),
.head.bai .logo img:nth-child(1) {
    opacity: 0;
}

.head:hover .logo img:nth-child(2),
.head.act .logo img:nth-child(2),
.head.bai .logo img:nth-child(2) {
    opacity: 1;
}

.head.act .logo {
    height: 50px;
    margin-top: 10px;
}

.head.act .hrt {
    margin-top: 15px;
}

.head.act .ul1 li .ltop a {
    line-height: 70px;
}

.head .ul1 li.act .ltop a {
    font-weight: bold;
}

/* 内页 */

.ny_banner {
    height: 49.5vw;
    background: no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    top: 0;
    z-index: 8;
}

.ny_banner .txt {
    width: 100%;
    position: absolute;
    left: 0;
    top: 45%;
    transform: translateY(-50%);
    text-align: center;
    color: #ffffff;
}

.ny_banner .txt .cn {
    line-height: 1;
    margin-bottom: 35px;
    letter-spacing: 7px;
}

.ny_banner .txt .en {}

.ny_banner .ny_tab {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), #ffffff);
    width: 91.67vw;
    display: flex;
    transition: all 0.5s;
}

.ny_banner .ny_tab.on {
    position: fixed;
    top: 70px;
    width: 100%;
    height: calc(28px + 2vw);
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    z-index: 10;
}

.ny_banner .ny_tab li {
    width: 100%;
    text-align: center;
    position: relative;
    transition: all 0.5s;
}

.ny_banner .ny_tab li a {
    padding: 35px 0;
    line-height: 30px;
}

.ny_banner .ny_tab.on li a {
    padding: 1vw 0;
}

.ny_banner .ny_tab li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 18px;
    background-color: #949494;
}

.ny_banner .ny_tab li:last-child::before {
    display: none;
}

.ny_banner .ny_tab li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #e40012;
    transition: all 0.5s;
}

.ny_banner .ny_tab li.on:after {
    width: 70.7%;
}

.ny_banner .ny_tab li:hover:after {
    width: 70.7%;
}

.ny_banner .ny_tab li a {
    color: #333333;
}

.ny_banner .ny_tab li.on a {
    color: #e40012;
}

.ny_banner .ny_tab li:hover a {
    color: #e40012;
}

.w1652 {
    width: 86%;
    margin: 0 auto;
    position: relative;
}

/* 首页 */

.i1 {
    position: relative;
    overflow: hidden;
}

.swiper1 {}

.swiper1 .swiper-slide .sbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: block;
}

.swiper1 .swiper-slide .sbox .mimg {
    display: none;
}

.swiper1 .swiper-slide .sbox .pimg {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.swiper1 .swiper-slide .sbox video {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
}

.swiper1 .swiper-slide .sbox .txt {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    padding-top: 200px;
    z-index: 3;
    color: #fff;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    letter-spacing: 2px;
    opacity: 0;
}

.swiper1 .swiper-slide .sbox .txt .tc {
    margin: 40px 0 0;
}

.swiper1 .fd {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 65px;
    z-index: 5;
}

.swiper1 .fd .fox {
    position: relative;
    height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.swiper1 .fd .fox .jd {
    width: calc(100% - 120px);
    height: 2px;
    background: #fff;
}

.swiper1 .fd .fox .anniu {
    width: 100px;
    display: flex;
    justify-content: space-between;
}

.swiper1 .fd .fox .anniu .btn {
    display: block;
    width: 45px;
    height: 45px;
    background: url(../images/jt_b.png) center no-repeat;
    border-radius: 50%;
    cursor: pointer;
}

.swiper1 .fd .fox .anniu .btn:hover {
    background: #e40012 url(../images/jt_b.png) center no-repeat;
}

.swiper1 .fd .fox .anniu .prev1 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.swiper1 .swiper-slide-active .sbox .txt {
    padding-top: 0px;
    opacity: 1;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}

.swiper1 .fd .fox .jd s {
    display: block;
    width: 0%;
    height: 100%;
    background: #e40012;
}

.swiper1 .fd .fox .jd s.act {
    width: 100%;
    -webkit-transition: all 6s linear;
    -moz-transition: all 6s linear;
    transition: all 6s linear;
}

.swiper1.one-swiping .fd {
    display: none;
}

.i2 {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background: url(../images/in_2.jpg) center no-repeat;
    background-size: cover;
}

.i2 .iox {
    position: relative;
}

.i2 .swiper2 {}

.i2 .swiper2 .swiper-slide {}

.i2 .swiper2 .swiper-slide .sbox {
    position: relative;
    opacity: 0;
}

.i2 .swiper2 .swiper-slide .sbox .itop {
    margin: 0 0 70px 21%;
    width: 79%;
    min-height: 350px;
    padding-left: 60px;
    border-left: 1px solid #ddd;
}

.i2 .swiper2 .swiper-slide .sbox .itop .itt {
    line-height: 1.5;
}

.i2 .swiper2 .swiper-slide .sbox .itop .itc {
    line-height: 2;
    margin: 20px 0 30px;
}

.i2 .swiper2 .swiper-slide .sbox .itop .ul1 {
    display: flex;
}

.i2 .swiper2 .swiper-slide .sbox .itop .ul1 li {
    margin-right: 10%;
}

.i2 .swiper2 .swiper-slide .sbox .itop .ul1 li:last-child {
    margin-right: 0;
}

.i2 .swiper2 .swiper-slide .sbox .itop .ul1 li .num {
    position: relative;
    margin: 40px 0 20px;
}

.i2 .swiper2 .swiper-slide .sbox .itop .ul1 li .num .sz {
    position: relative;
    font-size: 4.6vw;
    font-family: 'din';
    display: inline-block;
    color: #d61518;
}

.i2 .swiper2 .swiper-slide .sbox .itop .ul1 li .num .img {
    position: absolute;
    right: -2.3vw;
    top: 2vw;
    z-index: 2;
    width: 4.33vw;
    max-width: 83px;
}

.i2 .swiper2 .swiper-slide .sbox .itop .ul1 li .num .s {
    display: block;
    position: absolute;
    top: 0.5vw;
    right: -1.5vw;
}

.i2 .swiper2 .swiper-slide .sbox .img {}

.i2 .swiper2 .swiper-slide .sbox .img img {
    display: block;
    width: 100%;
    border-radius: 20px;
}

.i2 .swiper2 .swiper-slide-active .sbox {
    opacity: 1;
}

.i2 .iox .iolt {
    width: 27%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.i2 .iox .iolt .ul1 {
    line-height: 60px;
    margin-top: 40px;
}

.i2 .iox .iolt .ul1 li {
    display: flex;
    cursor: pointer;
}

.i2 .iox .iolt .ul1 li span {
    display: inline-block;
    position: relative;
    -webkit-transition: all .1s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .1s cubic-bezier(.4, 0, .2, 1);
    transition: all .1s cubic-bezier(.4, 0, .2, 1);
}

.i2 .iox .iolt .ul1 li span s {
    display: block;
    width: 0px;
    height: 2px;
    background: #e40012;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.i2 .iox .iolt .ul1 li.act {
    font-size: 26px;
    color: #e40012;
}

.i2 .iox .iolt .ul1 li.act span s {
    width: 400px;
}

.i3 {
   1 padding: 80px 0 100px;
}

.i3 .tt {
    text-align: center;
}

.i3 .dl1 {
    margin-top: 90px;
}

.i3 .dl1 dt {
    margin-bottom: 2.2%;
}

.i3 .dl1 dt,
.i3 .dl1 dd {
    position: relative;
    width: 100%;
    height: 410px;
}

.i3 .dl1 a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    1width: 31.8%; width:49%;
    z-index: 2;
}

.i3 .dl1 a::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.2);
}

.i3 .dl1 a .txt {
    width: calc(100% - 90px);
    position: absolute;
    left: 45px;
    bottom: 45px;
    color: #fff;
    z-index: 3;
}

.i3 .dl1 a .txt .att {
    margin: 15px 0 0;
}

.i3 .dl1 a .txt .atc {
    overflow: hidden;
    height: 0px;
}

.i3 .dl1 a .txt .atc span {
    display: block;
    padding-top: 20px;
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.i3 .dl1 dt a:nth-child(1) {
    1width: 66%; width:49%;
}

.i3 .dl1 dt a:nth-child(2) {
    right: 0;
    left: auto;
}

.i3 .dl1 dd a:nth-child(2) {
    left: 34%;
}

.i3 .dl1 dd a:nth-child(3) {
    left: 68%;
}

.i3 .dl1:hover a {
    z-index: 0;
}

.i3 .dl1 a:hover .txt .att {
    margin-bottom: 20px;
}

.i3 .dl1 a:hover .txt .atc {
    height: 40px;
}

.i3 .dl1 a:hover {
    width: 100% !important;
    left: 0;
    z-index: 3;
}

.i3 .dl1 dt a:nth-child(2):hover {
    width: 100% !important;
    right: 0;
}

.i3 .dl1 dd a:hover {
    width: 100% !important;
    left: 0 !important;
    z-index: 3;
}

.i4 {
    padding: 100px 0;
    background: #f9f9f9;
}

.i4 .itop {
    display: flex;
    margin: 0 0 100px;
    justify-content: space-between;
}

.i4 .itop .ilt {
    width: 43.6%;
    line-height: 40px;
    text-align: justify;
}

.i4 .itop .ilt .txt {
    margin: 40px 0 80px;
}

.i4 .itop .irt {
    width: 45%;
}

.i4 .ul1 {
    display: flex;
}

.i4 .ul1 li {
    width: 29%;
    margin-right: 6.5%;
}

.i4 .ul1 li:last-child {
    margin-right: 0;
}

.i4 .ul1 li .ltop {
    display: flex;
    justify-content: space-between;
}

.i4 .ul1 li .ltop .llt {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
}

.i4 .ul1 li .ltop .llt span {
    font-size: 100px;
    font-family: "din";
    line-height: 1;
    position: relative;
    bottom: -10px;
}

.i4 .ul1 li .ltop .ico {
    position: relative;
    width: 45px;
}

.i4 .ul1 li .ltop .ico img {
    display: block;
    width: 100%;
}

.i4 .ul1 li .ltop .ico img:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    opacity: 0;
}

.i4 .ul1 li .lbtm {
    padding: 20px 0 40px;
    border-bottom: 3px solid #000;
}

.i4 .ul1 li:hover .llt,
.i4 .ul1 li:hover .llt span {
    color: #e40012;
}

.i4 .ul1 li:hover .ltop .ico img:nth-child(1) {
    opacity: 0;
}

.i4 .ul1 li:hover .ltop .ico img:nth-child(2) {
    opacity: 1;
}

.i4 .ul1 li:hover .lbtm {
    border-bottom: 3px solid #e40012;
}

.i5 {
    padding: 100px 0;
    1background: #eef2f6 url(../images/in_4.jpg) center no-repeat;
    background-size: cover;
    text-align: center;
}

.i5 .tc {
    line-height: 26px;
    margin: 15px 0 0;
    position: relative;
    z-index: 3;
}

.i5 .tt {
    position: relative;
    z-index: 3;
}

.i5 .swiper3 {
    margin-top: 70px;
    padding-bottom: 50px;
}

.i5 .swiper3 .swiper-slide {}

.i5 .swiper3 .swiper-slide .ul1 {
    display: block;
    text-align: center;
}

.i5 .swiper3 .swiper-slide .ul1 li {
    display: inline-block;
    position: relative;
    width: 14.5%;
    margin: 0 0.7%;
    cursor: pointer;
    overflow: hidden;
}

.i5 .swiper3 .swiper-slide .ul1 li .bg {
    position: relative;
    width: 100%;
    z-index: 2;
}

.i5 .swiper3 .swiper-slide .ul1 li .bg img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.i5 .swiper3 .swiper-slide .ul1 li .bg img:nth-child(2) {
    position: absolute;
    z-index: 3;
    opacity: 0;
}

.i5 .swiper3 .swiper-slide .ul1 li .lg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 2;
}

.i5 .swiper3 .swiper-slide .ul1 li .lg img {
    width: 80%;
    margin: 0 auto;
}

.i5 .swiper3 .swiper-slide .ul1 li .txt {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    color: #fff;
    flex-wrap: wrap;
    opacity: 0;
}

.i5 .swiper3 .swiper-slide .ul1 li .txt s {
    display: block;
    width: 0px;
    margin: 20px auto;
    height: 1px;
    background: #fff;
}

.i5 .swiper3 .swiper-slide .ul1 li .txt .wz {
    width: 100%;
}

.i5 .swiper3 .swiper-slide .ul1 li:hover .lg {
    opacity: 0;
    left: 100%;
}

.i5 .swiper3 .swiper-slide .ul1 li:hover .bg img:nth-child(2) {
    opacity: 1;
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
}

.i5 .swiper3 .swiper-slide .ul1 li:hover .txt {
    opacity: 1;
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
}

.i5 .swiper3 .swiper-slide .ul1 li:hover .txt s {
    width: 50px;
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
}

.i5 .swiper3 .swiper-slide .ul1 li:nth-child(n+7) {
    margin-top: -3%;
}

.i5 .swiper3 .pagination3 {}

.i5 .swiper3 .pagination3 span.swiper-pagination-bullet-active {
    background: #d61518;
}

.i5 .swiper3.one-swiping .pagination3 {
    display: none;
}

.i6 {
    padding: 100px 0;
}

.i6 .itop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    color: #000;
    margin-bottom: 80px;
}

/* .i6 .itop .irt{display: flex;}

.i6 .itop .irt a{display: flex;margin-left: 70px;color: #333;align-items: center;align-content: center;}

.i6 .itop .irt a s{display: block;width: 30px;height: 3px;background: #e40012;margin-right: 20px;}

.i6 .itop .irt a:hover{color: #e40012;}

.i6 .itop .irt a.act{font-size: 26px;color: #e40012;} */

.i6 .dl1 {
    display: flex;
}

.i6 .dl1 dd {
    position: relative;
    width: 30%;
    margin-right: 3%;
}

.i6 .dl1 dd a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #f6f6f6;
}

.i6 .dl1 dd a .img,
.i6 .dl1 dd a .img img {
    display: block;
    width: 100%;
    overflow: hidden;
}

.i6 .dl1 dd a .img img {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
}

.i6 .dl1 dd a .txt {
    padding: 40px;
}

.i6 .dl1 dd a .txt .att {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.i6 .dl1 dd a .txt .att span {
    color: #999;
    font-family: "din";
    padding-left: 20px;
    background: url(../images/day1.png) center left no-repeat;
}

.i6 .dl1 dd a .txt .att2 {
    line-height: 36px;
    height: 72px;
    text-align: justify;
    margin-top: 30px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.i6 .dl1 dd a .aox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: url(../images/in_6.jpg) center no-repeat;
    color: #fff;
    padding: 50px;
    transition: all 0.5s;
    background-image: url(../imgs/jou_hoverbackground.png);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-clip-path: circle(0.0% at 100% 100%);
    clip-path: circle(0.0% at 100% 100%);
}

.i6 .dl1 dd a .aox .att3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.i6 .dl1 dd a .aox .att3 span {
    color: #fff;
    font-family: "din";
    padding-left: 20px;
    background: url(../images/day2.png) center left no-repeat;
}

.i6 .dl1 dd a .aox .att4 {
    line-height: 36px;
    height: 72px;
    text-align: justify;
    margin: 15px 0;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.i6 .dl1 dd a .aox .atc {
    line-height: 30px;
    text-align: justify;
    height: 60px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.i6 .dl1 dd a .aox .more {
    position: absolute;
    left: 30px;
    bottom: 20px;
}

.i6 .dl1 dd a:hover .aox {
    -webkit-clip-path: circle(141.4% at 100% 100%);
    clip-path: circle(141.4% at 100% 100%);
}

.i6 .dl1 dt {
    position: relative;
    width: 34%;
}

.i6 .dl1 dt a {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6%;
}

.i6 .dl1 dt a .img {
    width: 46%;
    overflow: hidden;
}

.i6 .dl1 dt a .img img {
    display: block;
    width: 100%;
    transform: scale(1.001);
    -webkit-transform: scale(1.001);
    height: 100%;
}

.i6 .dl1 dt a .txt {
    width: 46%;
}

.i6 .dl1 dt a .txt .att {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    color: #999;
}

.i6 .dl1 dt a .txt .att span {
    font-family: "din";
    padding-left: 20px;
    background: url(../images/day1.png) center left no-repeat;
}

.i6 .dl1 dt a:last-child {
    margin: 0;
}

.i6 .dl1 dt a:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.i6 .dl1 dt a .txt .att2 {
    line-height: 30px;
    height: 60px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 10px 0;
}

.i6 .dl1 dt a .txt s {
    display: block;
    width: 6px;
    height: 10px;
    background: url(../images/in_6.png) center no-repeat;
}

.i6 .dl1 dt a:hover .txt .att2 {
    color: #e40012;
}

/* 底部 */

.footer {
    background: #000;
}

.footer1 {
    padding: 80px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.footer1 .flt {
    width: 230px;
}

.footer1 .frt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.footer1 .frt a {
    display: block;
    margin-left: 30px;
    opacity: 0.5;
}

.footer1 .frt a:hover {
    opacity: 1;
}

.footer2 {
    padding: 80px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer2 .ul1 {
    display: flex;
    justify-content: space-between;
}

.footer2 .ul1 a {
    display: block;
    color: #999;
    margin-top: 20px;
}

.footer2 .ul1 a:nth-child(1) {
    margin: 0 0 45px;
    color: #fff;
}

.footer2 .ul1 a:hover {
    color: #fff;
}

.footer2 .ftop {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.footer2 .ftop .flt {
    display: flex;
    color: #999;
}

.footer2 .ftop .flt .ewm {
    width: 120px;
    text-align: center;
}

.footer2 .ftop .flt .ewm img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.footer2 .ftop .flt .dh {
    margin-left: 40px;
}

.footer2 .ftop .flt .dh a {
    display: flex;
    margin-bottom: 25px;
    align-items: center;
    align-content: center;
    color: #fff;
}

.footer2 .ftop .flt .dh a .ico {
    display: block;
    width: 50px;
    margin-right: 20px;
}

.footer2 .ftop .flt .dh a .txt {
    color: #999;
}

.footer2 .ftop .flt .dh a .txt .atc {
    font-family: 'din';
    margin-top: 15px;
    color: #fff;
}

.footer2 .ftop .frt {
    width: 230px;
    display: none;
}

.footer2 .ftop .frt dt {
    display: flex;
    align-items: center;
    align-content: center;
    color: #fff;
}

.footer2 .ftop .frt dt s {
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/fo_2_3.png) center no-repeat;
    margin-left: 45px;
}

.footer2 .ftop .frt dd {
    overflow: auto;
    padding-right: 10px;
    height: 90px;
    margin-top: 45px;
}

.footer2 .ftop .frt dd a {
    display: block;
    line-height: 30px;
}

.footer2 .ftop .frt dd a span {
    display: inline-block;
    color: #999;
    text-decoration: underline;
}

.footer2 .ftop .frt dd a:hover span {
    color: #fff;
    text-decoration: underline;
}

.footer3 {
    display: flex;
    justify-content: space-between;
}

.footer3 * {
    color: #999;
}

.footer3 {
    padding: 30px 0 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: space-between;
}

.footer3 .flt {
    display: flex;
}

.footer3 .flt .a {
    display: block;
    margin-right: 10px;
}

.footer3 *,
.footer3 a {
    color: #999;
}

.footer3 a:hover {
    color: #fff;
    opacity: 1;
}

/* 关于 */

.abo1 {
    padding: 140px 0;
    background: url(../images/ab_2.jpg) center no-repeat;
    background-size: cover;
}

.abo1 .aox {
    display: flex;
}

.abo1 .aox .alt {
    width: 31%;
}

.abo1 .aox .alt .ul1 {}

.abo1 .aox .alt .ul1 li {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    margin-bottom: 90px;
}

.abo1 .aox .alt .ul1 li .ico {
    width: 40px;
    padding-bottom: 35px;
}

.abo1 .aox .alt .ul1 li .txt {
    margin-left: 40px;
}

.abo1 .aox .alt .ul1 li .txt .ltt {
    display: flex;
    margin-bottom: 20px;
    align-items: flex-end;
    align-content: flex-end;
}

.abo1 .aox .alt .ul1 li .txt .ltt .num {
    font-family: "din";
    font-size: 100px;
    position: relative;
    bottom: -15px;
}

.abo1 .aox .alt .ul1 li .txt .ltc {
    line-height: 20px;
}

.abo1 .aox .alt .ul1 li:last-child {
    margin: 0;
}

.abo1 .aox .art {
    width: 69%;
    line-height: 1.5;
}

.abo1 .aox .art .atc {
    line-height: 40px;
    text-align: justify;
    padding-top: 70px;
}

.abo2 {
    padding: 80px 0;
    background: url(../images/ab_2_0.jpg) center no-repeat;
    background-size: cover;
}

.abo2 .tt {
    text-align: center;
}

.abo2 .tc {
    text-align: center;
    line-height: 1.5;
    color: #666;
    font-weight: 100;
    margin-top: 40px;
}

.abo2 .abx {
    position: relative;
    margin: 60px 0 70px;
}

.abo2 .abx .btn {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -80px;
    background: url(../images/jt_h.png) center no-repeat;
    cursor: pointer;
}

.abo2 .abx .next4 {
    left: auto;
    right: -80px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.abo2 .abx .btn:hover {
    border: 1px solid #e40012;
    background: #e40012 url(../images/jt_b2.png) center no-repeat;
}

.abo2 .swiper4 {}

.abo2 .swiper4 .sbox {
    display: flex;
    position: relative;
}

.abo2 .swiper4 .sbox .img {
    height: 380px;
    width: 50%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    margin-left: 50%;
}

.abo2 .swiper4 .sbox .img img {
    display: none;
}

.abo2 .swiper4 .sbox .txt {
    padding: 0 2.6vw 0;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
}

.abo2 .swiper4 .sbox .txt .year {}

.abo2 .swiper4 .sbox .txt .year span {
    font-weight: normal;
    margin-right: 5px;
}

.abo2 .swiper4 .sbox .txt .stt {
    margin: 50px 0 20px;
    color: #d61518;
}

.abo2 .swiper4 .sbox .txt .stc {
    display: flex;
}

.abo2 .swiper4 .sbox .txt .stc span {
    margin-right: 2vw;
    color: #666;
}

.abo2 .swiper4 .sbox .txt .ul1 {
    max-height: 160px;
    overflow: auto;
    padding-right: 10px;
    margin-top: 50px;
}

.abo2 .swiper4 .sbox .txt .ul1 li {
    padding-left: 20px;
    line-height: 30px;
    position: relative;
    color: #555;
    margin-bottom: 10px;
}

.abo2 .swiper4 .sbox .txt .ul1 li::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #e40012;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 12px;
}

.abo2 .swiper4 .sbox .txt .ul1::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.abo2 .swiper4 .sbox .txt .ul1::-webkit-scrollbar-thumb {
    background: #d61518;
}

.abo2 .swiper4 .sbox .txt .ul1::-webkit-scrollbar-track {
    background: #999;
}

.abo2 .swiper5 {}

.abo2 .swiper5::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #eaeaea;
    position: absolute;
    left: 0;
    top: 12px;
}

.abo2 .swiper5 .swiper-slide {}

.abo2 .swiper5 .swiper-slide .sbox {
    text-align: center;
    height: 60px;
    color: #999;
    cursor: pointer;
}

.abo2 .swiper5 .swiper-slide .sbox .yuan {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    display: block;
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    margin: 0 auto 20px;
    position: relative;
}

.abo2 .swiper5 .swiper-slide .sbox .yuan s {
    display: block;
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    top: 7px;
}

.abo2 .swiper5 .swiper-slide.act .sbox {
    color: #e40012;
}

.abo2 .swiper5 .swiper-slide.act .sbox .yuan {
    transform: scale(1);
    -webkit-transform: scale(1);
    background: rgba(228, 0, 18, 0.4);
}

.abo2 .swiper5 .swiper-slide.act .sbox .yuan s {
    background: #e40012;
}

.abo3 {
    padding: 80px 0 100px;
    background: url(../images/ab_3.jpg) center no-repeat;
    background-size: cover;
    text-align: center;
}

.abo3 .tc {
    line-height: 36px;
    margin: 30px 0 60px;
}

.abo3 .ul1 {
    display: flex;
}

.abo3 .ul1 li {
    width: 33.33%;
    height: 480px;
    border: 1px solid #e8e8e8;
    background: url(../images/ab_3_5.png) center no-repeat;
    background-size: cover;
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center;
    padding: 2vw;
}

.abo3 .ul1 li .lox {
    width: 100%;
}

.abo3 .ul1 li .ico {
    position: relative;
    width: 80px;
    margin: 0 auto 30px;
}

.abo3 .ul1 li .ico img {
    display: block;
    width: 100%;
}

.abo3 .ul1 li .ico img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}

.abo3 .ul1 li .ltt {
    margin: 25px 0;
    color: #000;
}

.abo3 .ul1 li .xian {
    display: block;
    width: 40px;
    height: 2px;
    background: #e4e5e6;
    margin: 30px auto 40px;
}

.abo3 .ul1 li .ltc {
    line-height: 30px;
    margin-top: 15px;
    color: #000;
    height: 60px;
}

.abo3 .ul1 li:hover {
    background: url(../images/ab_3_5b.png) center no-repeat;
    background-size: cover;
}

.abo3 .ul1 li:hover .ico img:nth-child(1) {
    opacity: 0;
}

.abo3 .ul1 li:hover .ico img:nth-child(2) {
    opacity: 1;
}

.abo3 .ul1 li:hover .ltt,
.abo3 .ul1 li:hover .ltc {
    color: #fff;
}

.abo4 {
    padding: 80px 0 100px;
    background: url(../images/ab_4.jpg) center no-repeat;
    background-size: cover;
}

.abo4 .tc {
    line-height: 40px;
    padding: 40px 0;
    border-bottom: 1px solid #ddd;
}

.abo4 .abx {
    margin-top: 80px;
    position: relative;
}

.abo4 .abx .swiper6 {}

.abo4 .abx .swiper6 .swiper-slide {
    text-align: center;
    line-height: 1.5;
}

.abo4 .abx .swiper6 .swiper-slide .img,
.abo4 .abx .swiper6 .swiper-slide .img img {
    display: block;
    width: 100%;
}

.abo4 .abx .swiper6 .swiper-slide .txt {
    margin-top: 40px;
}

.abo4 .abx .anniu {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.abo4 .abx .anniu .btn {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    background: #fff url(../images/jt_h.png) center no-repeat;
    border-radius: 50%;
    margin: 0 10px;
    cursor: pointer;
}

.abo4 .abx .anniu .next6 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.abo4 .abx .anniu .btn:hover {
    background: #e40012 url(../images/jt_b2.png) center no-repeat;
    border: 1px solid #fff;
}

.abo5_com {
    padding: 80px 0 85px;
    background: #f9f9f9;
}

.abo5_com .jtt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.abo5_com .jtt .jrt {
    display: flex;
}

.abo5_com .jtt .jrt span {
    position: relative;
    height: 40px;
    margin-left: 50px;
    cursor: pointer;
}

.abo5_com .jtt .jrt span s {
    display: block;
    width: 0%;
    height: 3px;
    background: #d61518;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
}

.abo5_com .jtt .jrt span.act s {
    width: 100%;
}

.abo5_com .jtt .jrt span.act,
.abo5_com .jtt .jrt span:hover {
    color: #d61518;
}

.abo5_com .dl1 {
    margin-top: 70px;
}

.abo5_com .dl1 dd {
    display: none;
}

.abo5_com .dl1 dd:nth-child(1) {
    display: block;
}

.abo5_com .dl1 dd .ul1 {
    display: flex;
    flex-wrap: wrap;
}

.abo5_com .dl1 dd .ul1 li .img {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 30px;
}

.abo5_com .dl1 dd .ul1 li .img img {
    display: block;
    width: 100%;
    transform: scale(1.00000001);
    -webkit-transform: scale(1.00000001);
}

.abo5_com .dl1 dd .ul1 li .imgc {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    background: url(../images/jo_12.png) center bottom no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
}

.abo5_com .dl1 dd .ul1 li .imgc .txt {
    min-width: 35%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 15px;
    text-align: center;
    background-color: #CE000F;
}

.abo5_com .dl1 dd .ul1 li .imgc .txt .ltc {
    font-weight: 100;
    margin-top: 10px;
    line-height: 1.5;
}

.abo5_com .dl1 dd .ul1 .li1 {
    width: 49.28%;
}

.abo5_com .dl1 dd .ul1 .li2 {
    width: 31.28%;
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    margin-right: 3%
}

.abo5_com .dl1 dd .ul1 .li2:nth-child(3n) {
    margin-right: 0;
}

.abo5_com .dl1 dd .ul1 .li3 {
    width: 24.28%;
}

.abo5_com .dl1 dd .ul1 li .img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/* 产品 */

.pros1 {
    padding: 4.16vw 0;
}

.pros1 .pox {
    display: flex;
}

.pros1 .pox .plt {
    width: 24%;
}

.pros1 .pox .plt_title {
    line-height: calc(48 / 36);
    text-indent: 20px;
    border-left: 10px solid #D61518;
}

.pros1 .pox .prt {
    width: 76%;
}

.pros1 .pox .prt .ptt {
    line-height: 1.5;
}

.pros1 .pox .prt .ptc {
    line-height: 2;
    text-align: justify;
    margin: 10px 0 20px;
}

.pros1 .pox .prt .ul1 {
    display: flex;
}

.pros1 .pox .prt .ul1 li {
    margin-right: 10%;
}

.pros1 .pox .prt .ul1 li:last-child {
    margin-right: 0;
}

.pros1 .pox .prt .num {
    position: relative;
    margin: 40px 0 20px;
}

.pros1 .pox .prt li .num .sz {
    position: relative;
    font-size: 4.6vw;
    font-family: 'din';
    display: inline-block;
    color: #d61518;
}

.pros1 .pox .prt li .num .img {
    position: absolute;
    right: -2.3vw;
    top: 2vw;
    z-index: 2;
    width: 4.33vw;
    max-width: 83px;
}

.pros1 .pox .prt li .num .s {
    display: block;
    position: absolute;
    top: 0.5vw;
    right: -1.5vw;
}

.prbm2 {
    padding: 3.6vw 0 5.2vw;
    background: url(../images/prbm_1_1.jpg) center bottom no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.prbm2 .ptop {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}

.prbm2 .ptop .prt {
    position: relative;
    width: 100px;
    text-align: right;
    color: #777;
    font-size: 16px;
}

.prbm2 .ptop .prt .pagination7_bm {
    bottom: 0;
}

.prbm2 .ptop .prt .swiper-pagination-current {
    font-size: 24px;
    color: #000;
}

.prbm2 .pbtm {
    width: 100%;
    position: relative;
}

.prbm2 .pbtm .swiper7_bm {
    max-width: 1160px;
    margin: 0 auto;
}

.prbm2 .pbtm .swiper7_bm .swiper-slide {
    width: 1160px;
    background: #fff;
    padding: 40px;
    border: 1px solid #ddd;
    margin: 80px 0 50px;
}

.prbm2 .pbtm .swiper7_bm .swiper-slide .sbox {
    display: flex;
}

.prbm2 .pbtm .swiper7_bm .swiper-slide .sbox .img {
    width: 55.55%;
}

.prbm2 .pbtm .swiper7_bm .swiper-slide .sbox .txt {
    width: 44.45%;
    padding: 0 0 0 60px;
    line-height: 1.5;
}

.prbm2 .pbtm .swiper7_bm .swiper-slide .sbox .txt .ltc {
    line-height: 36px;
    color: #666;
    margin: 25px 0 35px;
}

.prbm2 .pbtm .swiper7_bm .swiper-slide .sbox .txt .ul1 {
    display: flex;
    flex-wrap: wrap;
}

.prbm2 .pbtm .swiper7_bm .swiper-slide .sbox .txt .ul1 li {
    border: 1px solid #ddd;
    background: #fff;
    margin: 0 4.1% 10px 0;
    /* width: 28.6%; */
    max-width: 252px;
}

.prbm2 .pbtm .swiper7_bm .swiper-slide .sbox .txt .ul1 li:nth-child(3n) {
    margin-right: 0;
}

.prbm2 .pbtm .anniu {
    display: flex;
    width: 100%;
}

.prbm2 .pbtm .btn {
    display: block;
    width: 40px;
    height: 40px;
    background: #fff url(../images/jt_h.png) center no-repeat;
    border: 1px solid #ddd;
    border-radius: 50%;
    margin-right: 20px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
}

.prbm2 .pbtm .next7_bm {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    left: auto;
    right: 0;
}

.prbm2 .pbtm .btn:hover {
    background: #d61518 url(../images/jt_b2.png) center no-repeat;
    border: 1px solid #d61518;
}

.pros2 {
    padding: 4.16vw 0 5.2vw;
    background: url(../images/pr_2.jpg) center bottom no-repeat;
    background-size: cover;
}

.pros2 .ptop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.pros2 .ptop .prt {
    display: flex;
}

.pros2 .ptop .prt span {
    margin: 0 25px;
    position: relative;
    padding-bottom: 20px;
    cursor: pointer;
}

.pros2 .ptop .prt span s {
    display: block;
    width: 0%;
    height: 3px;
    background: #d61518;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.pros2 .ptop .prt span.act,
.pros2 .ptop .prt span:hover {
    color: #d61518;
}

.pros2 .ptop .prt span.act s {
    width: 100%;
}

.pros2 .ptop .prt span:last-child {
    margin-right: 0;
}

.pros2 .pbtm {
    margin-top: 50px;
}

.pros2 .pbtm .swiper7 {}

.pros2 .pbtm .swiper7 .swiper-slide {}

.pros2 .pbtm .swiper7 .swiper-slide .sbox {
    position: relative;
}

.pros2 .pbtm .swiper7 .swiper-slide .sbox img {
    display: block;
    width: 100%;
}

.pros2 .pbtm .swiper7 .swiper-slide .sbox .txt {
    width: 450px;
    padding: 30px 45px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    background: url(../images/pr_2_2.jpg) center no-repeat;
    background-size: cover;
    color: #fff;
    line-height: 1.5;
}

.pros2 .pbtm .swiper7 .swiper-slide .sbox .txt .ltc {
    display: flex;
    align-items: center;
    align-content: center;
    margin: 20px 0;
    font-weight: 100;
}

.pros2 .pbtm .swiper7 .swiper-slide .sbox .txt .ltc .ico {
    display: block;
    width: 20px;
    margin-right: 10px;
}

.pros2 .pbtm .swiper7 .swiper-slide .sbox .txt .ltc2 {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    font-weight: 100;
}

.pros3 {
    padding: 4.5vw 0 6.5vw;
    background: url(../images/pr_3.jpg) center bottom no-repeat;
    background-size: cover;
}

.pros3 .pox {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.pros3 .pox .plt {
    width: 310px;
}

.pros3 .pox .plt .ul1 {
    padding-left: 50px;
}

.pros3 .pox .plt .ul1 li {
    line-height: 3.2vw;
    position: relative;
    cursor: pointer;
    height: 3.2vw;
}

.pros3 .pox .plt .ul1 li s {
    display: block;
    width: 0px;
    height: 3px;
    background: #d61518;
    position: absolute;
    top: 50%;
    left: -50px;
    margin-top: -2px;
}

.pros3 .pox .plt .ul1 * {
    -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.pros3 .pox .plt .ul1 li.act s,
.pros3 .pox .plt .ul1 li:hover s {
    width: 30px;
}

.pros3 .pox .plt .ul1 li.act,
.pros3 .pox .plt .ul1 li:hover {
    font-size: 24px;
    font-weight: bold;
}

.pros3 .pox .plt .ul1 li.act span,
.pros3 .pox .plt .ul1 li:hover span,
.pros3 .pox .plt .ul1 li:hover a {
    color: #d61518;
}

.pros3 .pox .prt {
    width: 600px;
    position: relative;
}

.imgs {
    width: 100%;
    height: 100%;
    perspective: 800px;
    position: relative;
    z-index: 5;
}

.imgitem {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    transition: .8s;
    opacity: 0;
    transform: translateX(0px) rotateY(0deg);
    -webkit-transform: translateX(0px) rotateY(0deg);
    transform-origin: center center;
}

.cur-img {
    width: 300px;
    z-index: 100;
    opacity: 1;
}

.pre-img {
    transform: translateX(-350px) rotateY(-30deg);
    -webkit-transform: translateX(-350px) rotateY(-30deg);
    z-index: 9;
    opacity: 1;
    transform-origin: center right;
}

.next-img {
    transform: translateX(350px) rotateY(30deg);
    -webkit-transform: translateX(350px) rotateY(30deg);
    z-index: 9;
    opacity: 1;
    transform-origin: center left;
}

.imgitem a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/prdq_2_1.jpg) center no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding: 40px 30px 0;
    line-height: 1.5;
}

.imgitem a .atc {
    line-height: 32px;
    margin: 20px 0;
    max-height: 130px;
    overflow: auto;
}

.imgitem a .mo {
    display: block;
    width: 40px;
    height: 40px;
    background: #fff url(../images/pr_2_3.jpg) center no-repeat;
    border-radius: 50%;
    opacity: 0;
}

.imgitem a:hover {
    background: url(../images/prdq_2_2.jpg) center no-repeat;
    background-size: cover;
}

.imgitem a:hover .att,
.imgitem a:hover .atc {
    color: #fff;
}

.imgitem a:hover .mo {
    opacity: 1;
}

.pros3 .pox .prt .bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.prhj1 {
    padding: 0;
    background: url(../images/prhj_2.jpg) center no-repeat;
    background-size: cover;
}

.prhj1 .pox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.prhj1 .pox .plt {
    width: 61.4%;
    max-width: 860px;
    position: relative;
    left: -11.5%;
}

.prhj1 .pox .plt img {
    display: block;
    width: 100%;
}

.prhj1 .pox .plt .mimg {
    display: none;
}

.prhj1 .pox .prt {
    width: 37%;
    line-height: 1.5;
}

.prhj1 .pox .prt .tc {
    line-height: 36px;
    text-align: justify;
    color: #666;
    margin-top: 30px;
}

.prhj1 .pox .prt .tc .h {
    color: #d61518;
    margin-top: 10px;
}

.prhj2 {
    padding: 100px 0 50px;
    background: url(../images/prhj_3.jpg) center no-repeat;
    background-size: cover;
}

.prhj2 .ul1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.prhj2 .ul1 li {
    width: 48%;
    margin-bottom: 50px;
}

.prhj2 .ul1 li a {
    display: block;
    position: relative;
    overflow: hidden;
}

.prhj2 .ul1 li a .img {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 300px;
}

.prhj2 .ul1 li a .img img {
    max-width: 1920px;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.prhj2 .ul1 li a .img s {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: url(../images/prhj_2_2.png) center no-repeat;
    background-size: cover;
    opacity: 0;
}

.prhj2 .ul1 li a .txt {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    z-index: 2;
    padding: 50px;
    line-height: 1.5;
}

.prhj2 .ul1 li a .txt .tc {
    margin-top: 10px;
}

.prhj2 .ul1 li a .txt .mo {
    display: flex;
    height: 44px;
    align-items: center;
    align-content: center;
    margin-top: 70px;
}

.prhj2 .ul1 li a .txt .mo s {
    display: block;
    width: 44px;
    height: 44px;
    background: #fff url(../images/r_zi.png) center no-repeat;
    border-radius: 50%;
    margin-left: 15px;
}

.prhj2 .ul1 li a .wz {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 65px;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0 50px;
    align-items: flex-end;
    align-content: flex-end;
    display: flex;
    padding-bottom: 20px;
    background: url(../images/prhj_2_1.png) center left no-repeat;
    background-size: cover;
}

.prhj2 .ul1 li a .wz .wz1 {
    margin-right: 20px;
}

.prhj2 .ul1 li a .wz .wz2 {
    font-weight: 100;
}

.prhj2 .ul1 li a:hover .img s {
    opacity: 1;
}

.prhj2 .ul1 li a:hover .wz {
    bottom: -65px;
}

.prhj2 .ul1 li a:hover .txt {
    top: 0;
}

.prhjc1 {
    padding: 100px 0 60px;
    background: url(../images/prhj_4.jpg) center no-repeat;
    background-size: cover;
}

.prhjc1 .plt {
    width: 44.3%;
    float: left;
    padding-top: 4vw;
    line-height: 1.5;
}

.prhjc1 .plt .tc {
    line-height: 2.2;
    margin-top: 20px;
}

.prhjc1 .prt {
    width: 50%;
    float: right;
}

.prhjc1 .prt .swiper10_bm {
    padding-bottom: 40px;
    text-align: left;
}

.prhjc1 .prt .swiper10_bm .pagination10_bm {
    left: 0;
    bottom: 0;
    text-align: left;
}

.prhjc1 .prt .swiper10_bm .pagination10_bm span {
    width: 18px;
    height: 18px;
    opacity: 0.3;
    background: url(../images/prhj_3_1.png) center no-repeat;
}

.prhjc1 .prt .swiper10_bm .pagination10_bm span.swiper-pagination-bullet-active {
    background: url(../images/prhj_3_2.png) center no-repeat;
    opacity: 1;
    -webkit-animation: zhuan 2s linear infinite;
    animation: zhuan 2s linear infinite;
}

.prhjc2 {
    padding: 70px 0 100px;
    background: url(../images/prhj_5.jpg) center no-repeat;
    background-size: cover;
}

.prhjc2 .tc {
    line-height: 32px;
    color: #666;
    margin: 20px 0 40px;
}

.prhjc2 .pbtm {
    position: relative;
}

.prhjc2 .pbtm .swiper9_bm {}

.prhjc2 .pbtm .swiper9_bm .swiper-slide {}

.prhjc2 .pbtm .swiper9_bm .swiper-slide .sbox {
    position: relative;
    width: 100%;
    padding-bottom: 60px;
}

.prhjc2 .pbtm .swiper9_bm .swiper-slide .sbox .img {
    width: 71.4%;
    overflow: hidden;
    position: relative;
    left: -10%;
    opacity: 0;
}

.prhjc2 .pbtm .swiper9_bm .swiper-slide .sbox .img img {
    max-width: 1920px;
    height: 450px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.prhjc2 .pbtm .swiper9_bm .swiper-slide .sbox .txt {
    width: 33%;
    background: #fff;
    position: absolute;
    right: -10%;
    opacity: 0;
    bottom: 0;
    z-index: 3;
    padding: 40px 60px;
    line-height: 1.5;
}

.prhjc2 .pbtm .swiper9_bm .swiper-slide .sbox .txt .stc {
    display: flex;
    align-items: center;
    align-content: center;
    margin-top: 10px;
}

.prhjc2 .pbtm .swiper9_bm .swiper-slide .sbox .txt .stc .ico {
    margin-right: 10px;
    width: 20px;
}

.prhjc2 .pbtm .prt {
    width: 20%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.prhjc2 .pbtm .prt li {
    margin-bottom: 25px;
    cursor: pointer;
}

.prhjc2 .pbtm .prt li span {
    display: inline-block;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    padding-bottom: 5px;
}

.prhjc2 .pbtm .prt li.act span {
    border-bottom: 2px solid #d61518;
    color: #d61518;
}

.prhjc2 .pbtm .swiper9_bm .swiper-slide-active .sbox .txt {
    right: 0;
    opacity: 1;
}

.prhjc2 .pbtm .swiper9_bm .swiper-slide-active .sbox .img {
    left: 0;
    opacity: 1;
}

.prhjc3 {
    padding: 80px 0 100px;
    text-align: center;
}

.prhjc3 .ul1 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.prhjc3 .ul1 li {
    width: 25%;
    line-height: 1.5;
}

.prhjc3 .ul1 li .img {
    display: block;
    width: 100%;
}

.prhjc3 .ul1 li .img img {
    margin: 0 auto;
    max-width: 100%;
}

.prhjc3 .ul1 li .ltt {
    margin-bottom: 10px;
}

.prhjc3 .ul1 li .ltc {
    color: #666;
}

.prhjc4 {
    padding: 80px 0;
    background: url(../images/prhj_6.jpg) center no-repeat;
    background-size: cover;
}

.prhjc4 .tt {
    text-align: center;
}

.prhjc4 .pbtm {
    position: relative;
}

.prhjc4 .swiper11_bm {
    padding: 30px 0 50px;
}

.prhjc4 .swiper11_bm .pagination11_bm {
    top: auto;
    bottom: 0;
    height: 2px;
}

.prhjc4 .swiper11_bm .pagination11_bm span {
    background: #d61518;
}

.prhjc4 .swiper11_bm .swiper-slide .sbox {}

.prhjc4 .swiper11_bm .swiper-slide .sbox img {
    width: 100%;
}

.prhjc4 .swiper11_bm .swiper-slide .sbox .txt {
    line-height: 2;
    margin-top: 30px;
}

.prhjc4 .swiper11_bm .swiper-slide .sbox .txt .ltc {
    color: #666;
}

.prhjc4 .swiper11_bm {}

.prhjc4 .pbtm .btn {
    position: absolute;
    left: -80px;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    background: #fff url(../images/jt_h.png) center no-repeat;
    border: 1px solid #ddd;
    border-radius: 50%;
    margin-right: 20px;
    cursor: pointer;
    z-index: 3;
}

.prhjc4 .pbtm .next11_bm {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    right: -80px;
    left: auto;
}

.prhjc4 .pbtm .btn:hover {
    background: #d61518 url(../images/jt_b2.png) center no-repeat;
    border: 1px solid #d61518;
}

.prhjc5 {
    padding: 80px 0 20px;
    background: url(../images/prhj_7.jpg) center no-repeat;
    background-size: cover;
    text-align: center;
}

.prhjc5 .ul1 {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
}

.prhjc5 .ul1 li {
    width: 14.3%;
    position: relative;
    background: #fff;
    margin: 0 7.125% 85px 0;
    padding: 10px;
    -moz-box-shadow: 0px 1px 20px rgba(228, 0, 18, 0.2);
    -webkit-box-shadow: 0px 1px 20px rgba(228, 0, 18, 0.2);
    box-shadow: 0px 1px 20px rgba(228, 0, 18, 0.2);
}

.prhjc5 .ul1 li:nth-child(5n) {
    margin-right: 0;
}

.prhjc5 .ul1 li .txt {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 70px;
    line-height: 1.6;
}

.prhjc5 .ul1 li .num {
    width: 50px;
    height: 40px;
    background: url(../images/prhj_5_1.png) center left no-repeat;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 24px;
    padding-right: 20px;
    font-family: 'din';
}

.prhjc5 .ul1 li .jt {
    position: absolute;
    width: 48%;
    top: 0;
    left: 100%;
    max-width: 95px;
}

.prhjc5 .ul1 li:nth-child(5) .jt {
    top: 100%;
    left: 26.25%;
}

.prhjc5 .ul1 li:nth-child(n+6) .jt {
    left: auto;
    right: 100%;
}

.prhjc5 .ul1 li:nth-child(6) .jt {
    top: 100%;
    left: 26.25%;
}

.prhjc5 .ul1 li:nth-child(n+11) .jt {
    left: 100%;
    right: 100%;
}

.prhjc5 .ul1 li:nth-child(15) .jt {
    top: 100%;
    left: 26.25%;
}

.prhjc5 .ul1 li:nth-child(n+16) .jt {
    left: auto;
    right: 100%;
}

.prhjc5 .ul1 li:nth-child(16) .jt {
    top: 100%;
    left: 26.25%;
}

.prhjc5 .ul1 li:nth-child(n+21) .jt {
    left: 100%;
    right: 100%;
}

.przz1 {}

.przz1 .pox .plt .tc {
    font-weight: 100;
    line-height: 2;
    margin-top: 30px;
}

.przz1 .pox .prt .ul1 {
    justify-content: space-between;
}

.przz2 {
    padding: 100px 0 70px;
    background: url(../images/przz_2.jpg) center no-repeat;
    background-size: cover;
}

.przz2 .plt {
    width: 24%;
    position: relative;
    float: left;
}

.przz2 .plt a {
    display: block;
    line-height: 26px;
    margin-bottom: 45px;
}

.przz2 .plt a.act {
    color: #d61518;
    font-weight: bold;
    font-size: 26px;
}

.przz2 .plt a:hover {
    color: #d61518;
}

.przz2 .plt .xian {
    display: block;
    width: 10px;
    height: 40px;
    background: #d61518;
    position: absolute;
    top: -120px;
}

.przz2 .prt {
    width: 75%;
    position: relative;
    float: right;
    line-height: 2;
}

.przz2 .prt .swiper7_zz {
    padding: 40px 0 70px;
}

.przz2 .prt .swiper7_zz .pagination7_zz {
    bottom: 30px;
}

.przz2 .prt .swiper7_zz .pagination7_zz span {
    opacity: 0.3;
    background: #d61518;
    margin: 0 6px;
}

.przz2 .prt .swiper7_zz .pagination7_zz span.swiper-pagination-bullet-active {
    opacity: 1;
}

.przz2 .prt .swiper8_zz {
    padding-bottom: 20px;
}

.przz2 .prt .swiper8_zz img {
    display: block;
    width: 100%;
}

.przz2 .prt .swiper8_zz .pagination8_zz {
    top: auto;
    bottom: 0;
    height: 2px;
    background: #fff;
}

.przz2 .prt .swiper8_zz .pagination8_zz span {
    background: #d61518;
}

.przz2 .prt .swiper7_zz.one-swiping .pagination7_zz {
    display: none;
}

.przz2 .prt .swiper8_zz.one-swiping .pagination8_zz {
    display: none;
}

.prhjc5 .prydd {
    display: none;
}

.xzzl {
    position: fixed;
    width: 52px;
    height: 150px;
    background: url(../images/xz.png) center no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding-top: 50px;
    line-height: 1.5;
    z-index: 5;
    top: 50%;
    right: 25px;
    margin-top: -70px;
    border-radius: 30px;
}

.xzzl:hover {
    background: url(../images/xz2.png) center no-repeat;
    background-size: cover;
}

/* 技术 */

.tec1 {
    padding: 80px 0;
    background: url(../images/te_2.jpg) center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    display: none;
}

.tec1 .pox {
    display: flex;
    margin-bottom: 70px;
}

.tec1 .pox .plt {
    width: calc(100% - 120px);
}

.tec1 .tc {
    line-height: 1.5;
    color: #666;
    margin-top: 20px;
}

.tec1 .pox .prt {
    width: 120px;
    position: relative;
}

.tec1 .pox .prt .ptop {
    position: relative;
}

.tec1 .pox .prt .ptop .pagination9 {
    bottom: auto;
    top: 0;
    color: #747474;
    font-size: 16px;
    text-align: left;
    font-family: arial;
}

.tec1 .pox .prt .ptop .pagination9 .swiper-pagination-current {
    font-size: 24px;
    color: #000;
}

.tec1 .pox .prt .anniu {
    display: flex;
    margin-top: 70px;
}

.tec1 .pox .prt .anniu .btn {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff url(../images/jt_h.png) center no-repeat;
    margin-right: 20px;
    cursor: pointer;
}

.tec1 .pox .prt .anniu .next9 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.tec1 .pox .prt .anniu .btn:hover {
    background: #e40012 url(../images/jt_b2.png) center no-repeat;
    border: 1px solid #e40012;
}

.tec1 .pbtm {
    display: flex;
    justify-content: space-between;
}

.tec1 .pbtm .plt {
    width: 26%;
}

.tec1 .pbtm .plt img {
    display: block;
    width: 100%;
}

.tec1 .pbtm .prt {
    width: 69%;
}

.tec1 .pbtm .prt .swiper9 {
    padding-top: 60px;
}

.tec1 .pbtm .prt .swiper9 .swiper-slide {
    cursor: pointer;
}

.tec1 .pbtm .prt .swiper9 .scrollbar9 {
    width: 100%;
    left: 0;
    top: 30px;
    bottom: auto;
    background: rgba(0, 0, 0, 0);
    height: 6px;
}

.tec1 .pbtm .prt .swiper9 .scrollbar9::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #ddd;
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 1;
}

.tec1 .pbtm .prt .swiper9 .scrollbar9 .swiper-scrollbar-drag {
    z-index: 3;
    background: #e40012 url(../images/tiao.png) center no-repeat;
    border-radius: 0px;
}

.tecn2 {
    position: relative;
}

.tecn2 img {
    display: block;
    width: 100%;
}

.tecn2 .tt {
    position: absolute;
    width: 100%;
    left: 0;
    top: 4.16vw;
    z-index: 3;
}

.tecn2 .ul1 {}

.tecn2 .ul1 li {
    width: 11.97%;
    position: absolute;
    z-index: 3;
    left: 23.7%;
    bottom: 13.3%;
    text-align: center;
    color: #d61518;
    white-space: nowrap;
}

.tecn2 .ul1 li .img,
.tecn2 .ul1 li .img img {
    display: block;
    width: 100%;
}

.tecn2 .ul1 li .img {
    margin-top: 20px;
}

.tecn2 .ul1 li:nth-child(2) {
    left: 40%;
    bottom: 42.5%;
}

.tecn2 .ul1 li:nth-child(3) {
    left: 57.8%;
    bottom: 24.5%;
}

.tecn3 {
    padding: 4.16vw 0 6.25vw;
    background: url(../images/te_4.jpg) center no-repeat;
    background-size: cover;
    display: none;
}

.tecn3 .tox {
    display: flex;
    justify-content: space-between;
    margin-top: 3.9vw;
}

.tecn3 .tox .img {
    width: 50%;
}

.tecn3 .tox .txt {
    width: 50%;
    padding-left: 8%;
    display: flex;
    align-items: center;
    align-content: center;
}

.tecn3 .tox .txt .ox .rtt {
    position: relative;
    padding: 5px 20px;
    line-height: 1.5;
}

.tecn3 .tox .txt .ox .rtt s {
    display: block;
    width: 10px;
    height: 15px;
    background: url(../images/te_2.png) center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.tecn3 .tox .txt .ox .rtt .s2 {
    left: auto;
    right: 0;
    bottom: 0;
    top: auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.tecn3 .tox .txt .ox .ul1 {
    display: flex;
    flex-wrap: wrap;
}

.tecn3 .tox .txt .ox .ul1 li {
    width: 33.33%;
    color: #666;
    margin-top: 3.65vw;
}

.tecn3 .tox .txt .ox .ul1 li .num {
    margin-bottom: 20px;
    color: #000;
}

.tecn3 .tox .txt .ox .ul1 li .num .counter {
    font-size: 60px;
    color: #d61518;
    font-family: 'din';
}

.tecn4 {
    padding: 80px 0 100px;
    background: url(../images/te_5.jpg) center no-repeat;
    background-size: cover;
}

.tecn4 .tt {
    text-align: center;
}

.tecn4 .tc {
    text-align: center;
    line-height: 1.5;
    margin: 30px 0 50px;
}

.tecn4 .ul1 {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
}

.tecn4 .ul1 li {
    width: 25%;
    padding: 0 60px;
    margin-bottom: 70px;
}

.tecn4 .ul1 li .num {
    border-bottom: 1px solid #abafb3;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.tecn4 .ul1 li .num span {
    color: #d61518;
}

.tecn4 .ul1 li .wz {
    line-height: 1.5;
}

.tecn4 .ul2 {
    padding: 50px 80px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    -moz-box-shadow: 0px 5px 20px #ddd;
    -webkit-box-shadow: 0px 5px 20px #ddd;
    box-shadow: 0px 5px 20px #ddd;
}

.tecn4 .ul2 li {
    display: flex;
    padding: 40px 0;
    border-bottom: 1px solid #e9ecef;
    align-items: flex-start;
    align-content: flex-start;
}

.tecn4 .ul2 li:last-child {
    border: 0;
}

.tecn4 .ul2 li .ico {
    width: 85px;
}

.tecn4 .ul2 li .txt {
    width: calc(100% - 85px);
}

.tecn4 .ul2 li .txt .ltt {
    line-height: 60px;
}

.tecn4 .ul2 li .txt .ltc {
    line-height: 28px;
    text-align: justify;
}

.tecn5 {
    padding: 80px 8.33vw;
    background: url(../images/te_2.jpg) center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    text-align: center;
    line-height: 1.5;
}

.tecn5 .tc {
    margin: 5px 0 30px;
}

.tecn5 .tc span {
    color: #d61518;
}

.tecn5 .img,
.tecn5 .img img {
    display: block;
    width: 100%;
}

/* 产品详情 */

.prc1 {
    padding: 80px 0 90px;
    background: url(../images/prc_1_1.jpg) top right no-repeat;
    background-size: cover;
    position: relative;
}

.prc1 .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    background: url(../images/prc_1_1.png) 30% top no-repeat;
    top: 0;
    left: 0;
    background-size: cover;
}

.prc1 .pox {
    position: relative;
    z-index: 4;
    display: flex;
}

.prc1 .pox .plt {
    width: 14.3%;
    margin-left: 13.5%;
}

.prc1 .pox .plt a {
    display: block;
    line-height: 72px;
    font-size: 1.05vw;
}

.prc1 .pox .plt a.act,
.prc1 .pox .plt a:hover {
    color: #d61518;
}

.prc1 .pox .plt a.act {
    font-size: 1.35vw;
    font-weight: bold;
}

.prc1 .tt {
    z-index: 4;
    position: relative;
    margin: 0 0 50px 13.5%;
}

.prc1 .pcon {
    display: block;
    width: 24%;
    margin-top: -10px;
}

.prc1 .pcon a {
    display: flex;
    height: 100px;
    align-items: center;
    align-content: center;
    align-items: center;
    align-content: center;
    font-size: 1.05vw;
}

.prc1 .pcon a span {
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/prc_2_0.png) center no-repeat;
    margin-right: 10px;
}

.prc1 .pcon a.act,
.prc1 .pcon a:hover {
    color: #d61518;
}

.prc1 .pcon a.act span,
.prc1 .pcon a:hover span {
    background: url(../images/prc_2_1.png) center no-repeat;
}

.prc1 .pcon a.act {
    font-weight: bold;
    font-size: 1.25vw;
}

.prc1 .pcon a:nth-child(2) {
    margin-left: 3%;
}

.prc1 .pcon a:nth-child(3) {
    margin-left: 6.5%;
}

.prc1 .pcon a:nth-child(4) {
    margin-left: 10%;
}

.prc1 .pcon a:nth-child(5) {
    margin-left: 13%;
}

.prc1 .pcon a:nth-child(6) {
    margin-left: 16.5%;
}

.prc1 .pcon a:nth-child(7) {
    margin-left: 20%;
}

.prc1 .pox2 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 180px 13.5% 20px 49.5%;
    background: #f9fafa;
}

.prc1 .pox2 .ul1 {
    display: flex;
    flex-wrap: wrap;
}

.prc1 .pox2 .ul1 li {
    width: 33.33%;
    margin-bottom: 30px;
    line-height: 1.5;
}

.prc1 .pox2 .ul1 li .ltc {
    margin-top: 10px;
}

.prc1 .prt {
    width: 36%;
    padding-top: 200px;
}

.prc1 .prt img {
    display: block;
    width: 100%;
}

.prjc1 .prt {
    position: relative;
    width: 30%;
    padding-top: 0;
    top: -2vw;
}

.prjc1 .prt img {
    position: relative;
    top: -15%;
}

.prjc1 {
    background: url(../images/prjc_1_1.jpg) top right no-repeat;
    background-size: cover;
}

.prjc1 .bg {
    background: url(../images/prc_1_2.png) 30% top no-repeat;
}

.prjc1 .pox2 {
    background: url(../images/prc_1_3.png) center right no-repeat;
    background-size: cover;
    padding: 50px 25% 20px 40%;
    top: auto;
    bottom: 0;
}

.prjc1 .pox2 .ul1 li {
    width: 50%;
}

.prjc2 {
    padding: 5.2vw 0;
    background: #f6f6f6;
}

.prjc2 .tt {
    text-align: center;
    margin-bottom: 60px;
}

.prjc2 .pbtm {
    position: relative;
    margin-bottom: 25px;
}

.prjc2 .swiper7_jc {}

.prjc2 .swiper7_jc .swiper-slide {}

.prjc2 .swiper7_jc .swiper-slide .sbox {
    background: url(../images/prjc_2_1.jpg) center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    height: 260px;
    align-items: center;
    align-content: center;
    position: relative;
    overflow: hidden;
}

.prjc2 .swiper7_jc .swiper-slide .sbox .img {
    width: 40%;
}

.prjc2 .swiper7_jc .swiper-slide .sbox .txt {
    width: 60%;
    padding-right: 20px;
    line-height: 1.5;
    text-align: left;
}

.prjc2 .swiper7_jc .swiper-slide .sbox .txt .ltt {
    line-height: 30px;
    height: 60px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.prjc2 .swiper7_jc .swiper-slide .sbox .txt .ltc {
    line-height: 30px;
    height: 60px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 30px;
}

.prjc2 .swiper7_jc .swiper-slide .sbox .zzc {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 1;
    z-index: 3;
    background: #d61518;
    color: #fff;
    padding: 20px;
    line-height: 1.5;
    overflow: hidden;
    text-align: left;
}

.prjc2 .swiper7_jc .swiper-slide:hover .sbox .zzc {
    opacity: 1;
    left: 0;
}

.prjc2 .pbtm .btn {
    position: absolute;
    left: -80px;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    background: #fff url(../images/jt_h.png) center no-repeat;
    border: 1px solid #ddd;
    border-radius: 50%;
    margin-right: 20px;
    cursor: pointer;
    z-index: 3;
}

.prjc2 .pbtm .next7_jc {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    right: -80px;
    left: auto;
}

.prjc2 .pbtm .pagination7_jc {
    display: none;
}

.prjc2 .pbtm .btn:hover {
    background: #d61518 url(../images/jt_b2.png) center no-repeat;
    border: 1px solid #d61518;
}

.prjc2 .swiper7_jc .swiper-slide .sbox:hover {
    background: url(../images/prjc_2_2.jpg) center no-repeat;
    background-size: cover;
}

.prjc2 .swiper7_jc .swiper-slide .sbox:hover .txt .ltt {
    color: #fff;
}

.prjc2 .swiper7_jc .swiper-slide .sbox:hover .txt .ltc {
    color: #fff;
}

.prjc2 .pbtm2 .swiper7_jc .swiper-slide .sbox .img {
    margin-right: 60%;
}

.prjc2 .pbtm2 .swiper7_jc .swiper-slide .sbox .txt {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.prjc3 {
    padding: 5.2vw 0;
}

.prjc3 .tt {
    text-align: center;
}

.prjc3 .swiper8_jc {
    margin-top: 50px;
    background: url(../images/prjc_3.jpg) center right no-repeat fixed;
    background-size: cover;
}

.prjc3 .swiper8_jc .swiper-slide {}

.prjc3 .swiper8_jc .swiper-slide .sbox {
    display: flex;
    padding: 50px 0;
    height: 560px;
}

.prjc3 .swiper8_jc .swiper-slide .sbox .img {
    width: 53%;
    height: 100%;
    overflow: hidden;
}

.prjc3 .swiper8_jc .swiper-slide .sbox .img img {
    display: block;
    max-width: 1920px;
    position: relative;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.prjc3 .swiper8_jc .swiper-slide .sbox .txt {
    width: 47%;
    padding: 0 5vw;
    line-height: 2;
    height: calc(100% - 40px);
    overflow: auto;
}

.prjc3 .swiper8_jc .swiper-slide .sbox .txt .ltt {
    margin-bottom: 10px;
}

.prjc3 .swiper8_jc .anniu {
    width: 100px;
    position: absolute;
    right: 5vw;
    bottom: 50px;
    z-index: 2;
    justify-content: space-between;
    display: flex;
}

.prjc3 .swiper8_jc .anniu .btn {
    display: block;
    width: 40px;
    height: 40px;
    background: #fff url(../images/jt_h.png) center no-repeat;
    border: 1px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
}

.prjc3 .swiper8_jc .anniu .next8_jc {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.prjc3 .swiper8_jc .anniu .btn:hover {
    background: #d61518 url(../images/jt_b2.png) center no-repeat;
    border: 1px solid #d61518;
}

.prjc4 {
    padding: 70px 0;
    background: #f3f3f3 url(../images/prjc_4.jpg) center no-repeat;
    background-size: cover;
    text-align: center;
    line-height: 1.5;
}

.prjc4 .tc {
    margin: 30px 0 10px;
}

.prjc4 .ul1 {
    display: flex;
    flex-wrap: wrap;
}

.prjc4 .ul1 li {
    width: 25%;
    margin-top: 70px;
}

.prjc4 .ul1 li .img {
    display: block;
    width: 200px;
    position: relative;
    overflow: hidden;
    margin: 0 auto 30px;
    border-radius: 50%;
    cursor: pointer;
}

.prjc4 .ul1 li .img img {
    width: 100%;
    border-radius: 50%;
}

.prjc4 .ul1 li .img s {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border: 6px solid #d61518;
    border-radius: 50%;
    opacity: 0;
}

.prjc4 .ul1 li:hover .img s {
    opacity: 1;
}

.prjc4 .ul1 li:hover .wz {
    color: #d61518;
}

.pr_tanchuang {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
    align-content: center;
    justify-content: center;
    display: none;
}

.pr_tanchuang .pox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 650px;
    height: 280px;
    background: #fff;
}

.pr_tanchuang .pox .out {
    width: 75px;
    height: 75px;
    background: url(../images/out.png) center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    cursor: pointer;
}

.pr_tanchuang .pox .ul1 {}

.pr_tanchuang .pox .ul1 li {
    background: #fff;
    display: none;
}

.pr_tanchuang .pox .ul1 li .lox {
    display: flex;
    align-items: center;
    align-content: center;
}

.pr_tanchuang .pox .ul1 li .lox .img {
    width: 280px;
}

.pr_tanchuang .pox .ul1 li .lox .img img {
    width: 100%;
}

.pr_tanchuang .pox .ul1 li .lox .txt {
    width: calc(100% - 300px);
    padding: 20px;
    line-height: 36px;
}

.pr_tanchuang .pox .ul1 li .lox .txt .ltc {
    margin-top: 10px;
}

/* 搜索结果 */

.se1 {
    padding: 170px 0 70px;
    background: #f7f7f7;
    margin-bottom: 20px;
}

.se1 .sox {
    margin: 30px 0 0;
}

.se1 .sox .srt {
    display: flex;
    width: 100%;
    height: 50px;
    border: 1px solid #e40012;
}

.se1 .sox .srt input {
    display: block;
    width: calc(100% - 50px);
    height: 100%;
    background: rgba(0, 0, 0, 0);
    border: 0;
    outline: none;
    padding: 0 20px;
}

.se1 .sox .srt span {
    display: block;
    width: 50px;
    height: 100%;
    background: #e40012 url(../images/ss.png) center no-repeat;
    cursor: pointer;
}

.se1 .sox .srt span:hover {
    opacity: 0.7;
}

/* 加入 */

.jo1 {
    padding: 80px 0 85px;
    background: #f9f9f9;
}

.jo1 .jtt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.jo1 .jtt .jrt {
    display: flex;
}

.jo1 .jtt .jrt span {
    position: relative;
    height: 40px;
    margin-left: 50px;
    cursor: pointer;
}

.jo1 .jtt .jrt span s {
    display: block;
    width: 0%;
    height: 3px;
    background: #d61518;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
}

.jo1 .jtt .jrt span.act s {
    width: 100%;
}

.jo1 .jtt .jrt span.act,
.jo1 .jtt .jrt span:hover {
    color: #d61518;
}

.jo1 .dl1 {
    margin-top: 70px;
}

.jo1 .dl1 dd {
    display: none;
}

.jo1 .dl1 dd:nth-child(1) {
    display: block;
}

.jo1 .dl1 dd .ul1 {
    display: flex;
    justify-content: space-between;
}

.jo1 .dl1 dd .ul1 li {}

.jo1 .dl1 dd .ul1 li .img {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.jo1 .dl1 dd .ul1 li .img img {
    display: block;
    width: 100%;
    transform: scale(1.00000001);
    -webkit-transform: scale(1.00000001);
}

.jo1 .dl1 dd .ul1 li .imgc {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    background: url(../images/jo_1.png) center bottom no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
}

.jo1 .dl1 dd .ul1 li .imgc .txt {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 20px;
}

.jo1 .dl1 dd .ul1 li .imgc .txt .ltc {
    font-weight: 100;
    margin-top: 10px;
    line-height: 1.5;
}

.jo1 .dl1 dd .ul1 .li1 {
    width: 49.28%;
}

.jo1 .dl1 dd .ul1 .li2 {
    width: 24.28%;
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.jo1 .dl1 dd .ul1 .li3 {
    width: 24.28%;
}

.jo1 .dl1 dd .ul1 li {}

.jo1 .dl1 dd .ul1 li .img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/* 弹窗 */

.tp_tanchuang {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.tp_tanchuang .tpx {
    position: absolute;
    width: 90%;
    max-width: 1200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.tp_tanchuang .tpx .swiper9_tp {
    padding-bottom: 35px;
}

.tp_tanchuang .tpx .swiper9_tp .sbox {
    position: relative;
    overflow: hidden;
}

.tp_tanchuang .tpx .swiper9_tp .sbox img {
    display: block;
    width: 100%;
    transform: scale(1.00000001);
    -webkit-transform: scale(1.00000001);
}

.tp_tanchuang .tpx .swiper9_tp .sbox .imgc {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
}

.tp_tanchuang .tpx .swiper9_tp .sbox .imgc .txt {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 50px 40px;
}

.tp_tanchuang .tpx .swiper9_tp .sbox .imgc .txt .ltc {
    font-weight: 100;
    margin-top: 10px;
    line-height: 1.5;
}

.tp_tanchuang .tpx .swiper9_tp .pagination9_tp {
    bottom: 0;
    color: #fff;
}

.tp_tanchuang .tpx {}

.tp_tanchuang .tpx .btn {
    position: absolute;
    left: -80px;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    background: #fff url(../images/jt_h.png) center no-repeat;
    border: 1px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
    z-index: 3;
}

.tp_tanchuang .tpx .next9_tp {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    right: -80px;
    left: auto;
}

.tp_tanchuang .tpx .btn:hover {
    background: #d61518 url(../images/jt_b2.png) center no-repeat;
    border: 1px solid #d61518;
}

.tp_tanchuang .tpx .out {
    width: 75px;
    height: 75px;
    background: url(../images/out.png) center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    cursor: pointer;
}

.jo2 {
    padding: 100px 0 90px;
}

.jo2 .tt {
    text-align: center;
}

.jo2 .tc {
    text-align: center;
    line-height: 1.5;
    margin: 40px 0 60px;
}

.jo2 .swiper10_tp {}

.jo2 .swiper10_tp .swiper-slide {}

.jo2 .swiper10_tp .swiper-slide .sbox {
    position: relative;
    overflow: hidden;
    opacity: 0;
}

.jo2 .swiper10_tp .swiper-slide .sbox .img {
    width: 71.4%;
    overflow: hidden;
    border-radius: 10px;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    opacity: 0;
}

.jo2 .swiper10_tp .swiper-slide .sbox .img img {
    display: block;
    width: 100%;
}

.jo2 .swiper10_tp .swiper-slide .sbox .txt {
    width: 42%;
    position: absolute;
    right: 10px;
    z-index: 5;
    top: 55%;
    background: #fff;
    border-radius: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 60px;
    -moz-box-shadow: 0px 2px 10px #eee;
    -webkit-box-shadow: 0px 2px 10px #eee;
    box-shadow: 0px 2px 10px #eee;
    opacity: 0;
}

.jo2 .swiper10_tp .swiper-slide .sbox .txt .ltt {
    display: flex;
    align-items: center;
    align-content: center;
}

.jo2 .swiper10_tp .swiper-slide .sbox .txt .ltt .ico {
    margin-right: 10px;
}

.jo2 .swiper10_tp .swiper-slide .sbox .txt .ltc {
    line-height: 28px;
    margin-top: 25px;
    width: 80%;
}

.jo2 .swiper10_tp .swiper-slide .sbox .txt .tb {
    width: 50px;
    height: 50px;
    background: url(../images/jo_2_2.png) center no-repeat;
    position: absolute;
    top: -20px;
    right: 60px;
    z-index: 5;
}

.jo2 .swiper10_tp .pagination10_tp {
    display: none;
}

.jo2 .swiper10_tp .swiper-slide-active .sbox {
    opacity: 1;
}

.jo2 .swiper10_tp .swiper-slide-active .sbox .img {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    opacity: 1;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}

.jo2 .swiper10_tp .swiper-slide-active .sbox .txt {
    top: 50%;
    opacity: 1;
    transition-delay: .8s;
    -webkit-transition-delay: .8s;
}

.jo2 .ul1 {
    display: flex;
    margin-top: 65px;
    border-top: 1px solid #ddd;
    line-height: 30px;
}

.jo2 .ul1 li {
    position: relative;
    padding-top: 30px;
    color: #999;
    width: 20%;
    text-align: center;
    cursor: pointer;
}

.jo2 .ul1 li s {
    display: block;
    width: 0%;
    height: 8px;
    background: #d61518;
    position: absolute;
    top: -9px;
    left: 0;
    z-index: 2;
}

.jo2 .ul1 li.act s,
.jo2 .ul1 li:hover s {
    width: 100%;
}

.jo2 .ul1 li.act {
    color: #d61518;
    font-size: 26px;
}

.jo3 {
    padding: 80px 0 100px;
    background: #f9f9f9;
}

.jo3 .tt {
    text-align: center;
}

.jo3 .ul1 {
    margin: 60px 0;
}

.jo3 .ul1 li {
    background: #fff;
    margin-bottom: 25px;
    border-radius: 10px;
}

.jo3 .ul1 li .ltop {
    background: #fff;
    padding: 20px 50px;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.jo3 .ul1 li .ltop .day {
    display: flex;
    align-items: center;
    align-content: center;
    line-height: 22px;
    margin-right: 70px;
}

.jo3 .ul1 li .ltop .day .ico {
    width: 22px;
    height: 22px;
    position: relative;
    margin-right: 5px;
}

.jo3 .ul1 li .ltop .day .ico img {
    display: block;
    width: 100%;
}

.jo3 .ul1 li .ltop .day .ico img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}

.jo3 .ul1 li .ltop .ltt1 {
    min-width: 140px;
    padding-right: 20px;
}

.jo3 .ul1 li .ltop .day:nth-child(3) {
    margin-right: 0;
}

.jo3 .ul1 li .ltop .xia {
    width: 40px;
    height: 40px;
    background: url(../images/jo_3_4.png) center no-repeat;
    background-size: cover;
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -20px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.jo3 .ul1 li .ltop.act,
.jo3 .ul1 li .ltop:hover {
    background: #e40012;
}

.jo3 .ul1 li .ltop.act .day .ico img:nth-child(1),
.jo3 .ul1 li .ltop:hover .day .ico img:nth-child(1) {
    opacity: 0;
}

.jo3 .ul1 li .ltop.act .day .ico img:nth-child(2),
.jo3 .ul1 li .ltop:hover .day .ico img:nth-child(2) {
    opacity: 1;
}

.jo3 .ul1 li .ltop.act div,
.jo3 .ul1 li .ltop:hover div {
    color: #fff;
}

.jo3 .ul1 li .ltop.act .xia {
    background: url(../images/jo_3_4b.png) center no-repeat;
    background-size: cover;
}

.jo3 .ul1 li .lbtm {
    padding: 45px 50px;
    background: #fff;
    display: none;
}

.jo3 .ul1 li .lbtm .btm1 {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.jo3 .ul1 li .lbtm .btm1 span {
    margin-right: 60px;
}

.jo3 .ul1 li .lbtm .btt1 {
    padding-left: 20px;
    border-left: 5px solid #d61518;
}

.jo3 .ul1 li .lbtm .btc1 {
    line-height: 30px;
    margin: 25px 0 40px;
}

.jo3 .ul1 li .lbtm .yx {
    display: flex;
    width: 140px;
    height: 40px;
    background: url(../images/jo_3_3.png) center no-repeat;
    background-size: cover;
    color: #fff;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 14px;
}

.jo3 .ul1 li .lbtm .yx .ico {
    margin-right: 5px;
}

.jo3 .ul1 li .lbtm .yx:hover {
    background: url(../images/jo_3_3h.png) center no-repeat;
    background-size: cover;
    -moz-box-shadow: 0px 2px 10px #f00;
    -webkit-box-shadow: 0px 2px 10px #f00;
    box-shadow: 0px 2px 10px #f00;
}

.swiper-button-disabled {
    display: none !important;
}

/* 搜索弹窗 */

.seatanchuang {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
    background: rgba(0, 0, 0, 0.45);
    visibility: hidden;
    opacity: 0;
}

.seatanchuang s {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.seatanchuang .stop {
    width: 100%;
    height: 240px;
    position: absolute;
    top: -50vh;
    left: 0;
    z-index: 2;
    background: #f5f5f5;
}

.seatanchuang .stop .sbox {
    width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    padding: 10px 0;
    border-bottom: 1px solid #000;
    z-index: 3;
}

.seatanchuang .stop .sbox input {
    display: block;
    width: calc(100% - 40px);
    float: left;
    height: 40px;
    border: 0;
    outline: none;
    background: #f5f5f5;
    font-size: 16px;
}

.seatanchuang .stop .sbox a {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/ss_h.png) center no-repeat;
    float: right;
}

.seatanchuang.act {
    visibility: visible;
    opacity: 1;
}

.seatanchuang.act .stop {
    top: 0;
}

/* 更多 */

.1more {
    display: flex;
    position: relative;
    z-index: 2;
    line-height: 16px;
    width: 130px;
}

.1more .ax {
    position: relative;
    z-index: 2;
    display: flex;
    color: #000;
    padding: 10px;
    width: 123px;
    justify-content: space-between;
}

.1more .ax s {
    width: 18px;
    height: 18px;
    background: url(../imgs/di_icon_jt.png) center no-repeat;
}

.1more span {
    display: block;
    width: 40px;
    height: 40px;
    background: #e40012;
    border-radius: 30px;
    position: absolute;
    right: 5px;
    top: -2px;
    z-index: 1;
}

.1more:hover span {
    width: 100%;
}

.1more:hover .ax {
    color: #fff;
}

.1more_h .ax {
    color: #000;
}

.1more_h .ax s {
    background: url(../images/di_icon_jt.png) center no-repeat;
}

.1more_h span {
    background: #fff;
}

.1more_h:hover .ax {
    color: #000;
}

/* 动画 */

@keyframes pulsate {
    0% {
        transform: scale(0.1);
        -webkit-transform: scale(0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(0.1);
        -webkit-transform: scale(0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes zhuan {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes zhuan {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.pros4 {
    background: url(../images/607/bj.jpg) no-repeat center;
    background-size: cover;
    padding: 4.16vw 0 5.1vw;
    overflow: hidden;
}

.iw100 {
    width: 100%;
}

.pros4 .swp {
    margin-top: 50px;
    position: relative;
}

.pros4 .swp .swiper8 {
    overflow: visible;
}

.pros4 .swp .swiper8 .ss {
    background: #fff;
}

.pros4 .swp .swiper8 .ss img {
    opacity: 0.2;
}

.pros4 .swp .swiper8 .swiper-slide-duplicate-active .ss img,
.pros4 .swp .swiper8 .swiper-slide-active .ss img {
    opacity: 1;
}

.pros4 .swp .btn {
    display: block;
    width: 40px;
    height: 40px;
    background: #fff url(../images/jt_h.png) center no-repeat;
    border: 1px solid #ddd;
    border-radius: 50%;
    margin-right: 20px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: -6.14%;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 10;
}

.pros4 .swp .next7_bm {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    left: auto;
    right: -6.14%;
    margin: 0 -20px 0 0;
}

.pros4 .swp .btn:hover {
    background: #d61518 url(../images/jt_b2.png) center no-repeat;
    border: 1px solid #d61518;
}

.pogin {
    margin-top: 30px;
}

.pogin {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pogin span {
    background: #999999;
    opacity: 1;
    width: 10px;
    height: 10px;
    margin: 0 5px;
}

.pogin span.swiper-pagination-bullet-active {
    background: #E40012;
}

.pros5 {
    padding: 4.16vw 0 6.25vw;
}

.pros5 .swp {
    margin-top: 50px;
}

.pros5 .list {
    margin-top: 40px;
}

.pros5 .list .item {
    display: none;
}

.pros5 .list .item.act {
    display: block;
}

.pros5 .list .item .ul {
    display: flex;
    flex-wrap: wrap;
}

.pros5 .list .item .li {
    width: calc((100% - 30px) / 3);
    margin: 15px 15px 0 0;
}

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

.pros5 .list .item .li .ss {
    display: block;
    overflow: hidden;
}

.pros5 .list .item .li .ss img {
    width: 100%;
}

.pros5 .swp .ss .wmc {
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
    left: 6%;
}

.pros5 .list .item .li .txt {
    text-align: center;
    margin-top: 15px;
}

.pros5 .list .item .li .ss:hover img {
    transform: scale(1.05);
}

.tec67 {
    background: #F3F4F9;
    overflow: hidden;
}

.tec67 .con {
    display: flex;
}

.tec67 .lf {
    width: calc(460 / 1400 * 100%);
    min-width: calc(460 / 1400 * 100%);
    padding: 4.16vw 0;
}

.tec67 .lf .t2 {
    margin-top: 2.08vw;
    line-height: 32px;
    color: #E40012;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.tec67 .lf .t2 span {
    padding: 0 17px;
    position: relative;
}

.tec67 .lf .t2 span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 1em;
    width: 1px;
    background: #E40012;
    margin-top: -0.5em;
}

.tec67 .lf .t2 span:nth-child(2) {
    margin-left: 4.3em;
}

.tec67 .lf .t2 span:nth-child(2)::before {
    left: auto;
    right: 0;
}

.tec67 .lf .t3 {
    line-height: 30px;
    color: #000;
    margin-top: 2.5vw;
    max-width: 335px;
}

.tec67 .rf {
    width: calc(940 / 1400 * 100%);
}

.tec67 .rf img {
    max-width: none;
    width: calc((100vw - 145.83%)/2 + 100% - 20px);
}

.yd {
    display: none;
}


/* 2024-9-10 mes */
.mes1{padding: 5.73vw 0 11.14vw;}

.mes1 .box{padding: 0 0;}

.mes1 .mtit{text-align: center;}

.mes1 .mtit .t1{line-height: calc(48 / 36);color: #333;}

.mes1 .mtit .t2{line-height: calc(30 / 16);color: #333;margin-top: calc(30 / 16 * 1em);}

.mes1 .sbox{position: relative;margin: calc(44 / 19.2 * 1vw) auto 0;max-width: 1508px;overflow: hidden;}

.mes1 .stp{position: relative;max-width: 1185px;margin: 0 auto;}

.mes1 .stp .mes_pop{position: absolute;width: calc(225 / 1185 * 100%);height: calc(125 / 675 * 100%);top: calc(300 / 675 * 100%);right: calc(360 / 1185 * 100%);}

.mes1 .stp .mes_pop .ico{position: absolute;top: 0;left: 0;animation: tb 5s linear infinite alternate;}

@keyframes tb {
    0%{transform: translateY(-20px);}
    100%{transform: translateY(0);}
}

.mes1 .stp .mes_pop .mes_pop_txt{position: absolute;bottom: 100%;left: 0;width: 100%;padding: 20px 30px 24px;background: #fff;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);transform: translateY(-100px);opacity: 0;pointer-events: none;width: 232px;left: 50%;margin-left: -116px;}

.mes1 .stp .mes_pop:hover .mes_pop_txt{opacity: 1;transform: translateY(0);pointer-events: all;}

.mes1 .stp .mes_pop .mes_pop_txt::before{content: "";position: absolute;width: 16px;height: 16px;background: #fff;transform: rotate(45deg);bottom: -8px;left: calc(50% - 8px);}

.mes1 .stp .mes_pop .mes_pop_txt p{position: relative;padding-left: 20px;line-height: 24px;color: #000;}

.mes1 .stp .mes_pop .mes_pop_txt p:not(:last-child){margin-bottom: 10px;}

.mes1 .stp .mes_pop .mes_pop_txt p:before{content: "";position: absolute;left: 0;top: 7px;border: 2px solid #E40012;width: 10px;height: 10px;border-radius: 50%;}

.mes1 .sbt{max-width: 1508px;margin: -277px auto 0;position: relative;}

.mes1 .sbt .swiper{width: 100%;padding: calc((100% - 1508px) / 1508 * 369) 0 0;background: url(../images/mes1_2.png) no-repeat top center;background-size: 100% auto;min-height: 369px;margin-top: calc((1508px - 100%) * (369 / 1508));}

.mes1 .sbt .yuan{width: 10px;height: 10px;position: relative;margin: 0 auto;}

.mes1 .sbt .yuan s{position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;border-radius: 50%;background: #C5C5C5;transform: translate(-50%, -50%);}

.mes1 .sbt .ss{width: 100%;}

.mes1 .sbt .txt{width: 100%;display: flex;justify-content: center;}

.mes1 .sbt .txt span{line-height: 21px;color: #333;padding: 10px;border-radius: 41px;background: #F4F5F6;max-width: calc(100% - 9px);text-align: center;display: block;margin: 0 auto;}

.mes1 .sbt .swiper-slide{padding-top: 8%;}

.mes1 .sbt .swiper-slide.swiper-slide-active{padding-top: 10%;}

.mes1 .sbt .swiper-slide.swiper-slide-active .ss .txt{margin-top: 60px;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide{padding-top: 16.5%;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide .ss .txt{margin-top: 48px;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide{padding-top: 20.2%;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .ss .txt{margin-top: 34px;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{padding-top: 22.5%;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .ss .txt{margin-top: 36px;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{padding-top: 23.8%;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .ss .txt{margin-top: 36px;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{padding-top: 24.2%;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .ss .txt{margin-top: 46px;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{padding-top: 23.8%;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .ss .txt{margin-top: 36px;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{padding-top: 22.5%;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .ss .txt{margin-top: 36px;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{padding-top: 20.2%;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .ss .txt{margin-top: 34px;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{padding-top: 16.5%;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .ss .txt{margin-top: 48px;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{padding-top: 10%;}

.mes1 .sbt .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .ss .txt{margin-top: 60px;}

.mes1 .sbt .swiper.mes1_swp1{position: absolute;z-index: -1;overflow: hidden;top: 0;left: 0;margin-top: 0;}

.mes1_swp1 .txt{opacity: 0;}

.mes1_swp2{position: relative;z-index: 5;}

.mes1 .sbt .swiper.mes1_swp2{background: none;}

.mes1_swp2 .yuan{opacity: 0;}

.mes1 .cont{position: relative;}

/* .mes1_swp .tpop{display: none;} */

.mes1 .sbt .mes1_swp2 .swiper-slide{-webkit-transition: padding .6s cubic-bezier(.4, 0, .2, 1);-moz-transition: padding .6s cubic-bezier(.4, 0, .2, 1);transition: padding .6s cubic-bezier(.4, 0, .2, 1);}

.mes1 .sbt .swiper-slide .yuan span{position: absolute;width: 50px;height: 50px;top: 50%;left: 50%;background: url(../images/yuan.png) no-repeat center;background-size: contain;opacity: 0;transform: translate(-50%, -50%);}

.mes1 .sbt .swiper-slide.act .yuan s{position: absolute;width: 20px;height: 20px;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #E40012;}

.mes1 .sbt .swiper-slide.act .txt span{background: #E40012;color: #fff;}

.mes1 .sbt .swiper-slide.act2 .yuan s{background: #E40012;width: 10px;height: 10px;}

.mes1 .sbt .swiper-slide.act2 .yuan span{animation: yuan 2s linear infinite;opacity: 1;}

@keyframes yuan {
    0%{transform: translate(-50%, -50%) rotate(0);}
    100%{transform: translate(-50%, -50%) rotate(360deg);}
}

.mes1 .sbt .swiper-slide.act2 .txt s{opacity: 0;}

.mes1 .sbt .swiper-slide.act2 .txt span{background: #E40012;color: #fff;}

.mes1 .sbt{min-height: 462px;}

.mes1 .swpbtn a{position: absolute;top: calc(337 / 858 * 100%);width: 50px;}

.mes1 .swpbtn a img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.mes1 .swpbtn a.prev{left: -43px;}

.mes1 .swpbtn a.next{right: -43px;}

.mes1 .swpbtn a.next img{transform: rotate(180deg);}

.mes1 .swpbtn a:hover img:nth-child(1){opacity: 0;}

.mes1 .swpbtn a:hover img:nth-child(2){opacity: 1;}

.tpop{position: absolute;left: 50%;bottom: 165px;margin-left: -225px;width: 453px;height: 300px;background: #FFF;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);padding: 40px;z-index: 15;transform: translateY(-30px);opacity: 0;pointer-events: none;}

.mes1_swp .swiper-slide:nth-child(6):hover .tpop{opacity: 1;transform: translateY(0);pointer-events: all;}

.tpop .t1{position: relative;line-height: 26px;color: #333;padding-left: 13px;}

.tpop .t1::before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 17px;margin-top: -7px;background: #E40012;}

.tpop .t2{margin-top: 8px;padding-right: 20px;height: 180px;overflow-y: auto;}

.tpop .item .set{line-height: 24px;color: #333;}

.tpop .item .det{line-height: 24px;color: #333;}

.tpop .item:not(:last-child){margin-bottom: 10px;}

.tpop .item .det span{color: #E40012;}

.mes1_swp2{overflow: visible;}

.mes1_swp2 .swiper-slide.swiper-slide-active .tpop{left: 0;margin-left: 20px;}

.mes1_swp2 .swiper-slide.swiper-slide-active + .swiper-slide .tpop{left: 80%;}

.mes1_swp2 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .tpop{left: 30%;}

.mes1_swp2 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .tpop{left: auto;right: 0;margin-right: 20px;margin-left: 0;}

.mes1_swp2 .swiper-pagination{display: none;}








@media (max-width:1750px) {

    .prbm2 .pbtm .btn {
        left: -30px;
        margin-right: 0;
    }
    .prbm2 .pbtm .next7_bm {
        left: auto;
        right: -30px;
    }
    


}














@media (max-width:1680px) {
    .f_12 {
        font-size: 12px;
    }
    .f_16 {
        font-size: 14px;
    }
    .f_18 {
        font-size: 16px;
    }
    .f_20 {
        font-size: 18px;
    }
    .f_22 {
        font-size: 20px;
    }
    .f_24 {
        font-size: 20px;
    }
    .f_26 {
        font-size: 22px;
    }
    .f_28 {
        font-size: 22px;
    }
    .f_30 {
        font-size: 24px;
    }
    .f_32 {
        font-size: 24px;
    }
    .f_34 {
        font-size: 26px;
    }
    .f_36 {
        font-size: 26px;
    }
    .f_38 {
        font-size: 28px;
    }
    .f_40 {
        font-size: 30px;
    }
    .f_44 {
        font-size: 32px;
    }
    .f_46 {
        font-size: 32px;
    }
    .f_48 {
        font-size: 34px;
    }
    .f_52 {
        font-size: 34px;
    }
    .f_64 {
        font-size: 40px;
    }
    .f_72 {
        font-size: 40px;
    }
    .pd50 {
        1padding: 50px 0;
    }
    .head .logo {
        margin-top: 15px;
    }
    .head .hrt {
        margin-top: 15px;
    }
    .head .ul1 li .ltop a {
        line-height: 70px;
    }
    .head li.act .ltop a {
        font-weight: bold;
    }
    .i2 .iox .iolt .ul1 {
        margin-top: 20px;
        line-height: 50px;
    }
    .i2 .iox .iolt .ul1 li.act {
        font-size: 18px;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop .ilt .itt {
        line-height: 60px;
    }
    .i3 .dl1 {
        margin-top: 40px;
    }
    .i3 .dl1 dt,
    .i3 .dl1 dd {
        height: 340px;
    }
    .i4 .itop {
        margin: 30px 0;
    }
    .i4 .ul1 li .ltop .llt span {
        font-size: 60px;
    }
    .i6 .dl1 dd a .txt {
        padding: 24px;
    }
    .i6 .itop {
        margin-bottom: 40px;
    }
    .abo1 .aox .alt .ul1 li .txt .ltt .num {
        font-size: 60px;
        bottom: -8px;
    }
    .abo2 {
        padding: 50px 0;
    }
    .box {
        1padding: 0 8%;
    }
    .i4 .itop .ilt .txt {
        margin-bottom: 50px;
    }
    .i6 .dl1 dt a {
        margin-bottom: 2%;
    }
    .i6 .dl1 dd a .aox .att4 {
        margin: 5px 0;
    }
   
}

@media (max-width:1440px) {
    .head .ul1 li {
        margin: 0 20px;
    }
    .i4 .itop .ilt .txt {
        margin-bottom: 30px;
    }
    .i6 .dl1 dt a .txt .att2 {
        line-height: 26px;
        height: 52px;
    }
    .prc1 .pox2 {
        padding-left: 50%;
    }
    .pros3 .pox .prt .bg {
        width: 80%;
        top: -5%;
    }
    .head .ul1 {
        margin-right: 30px;
    }
}

@media (max-width:1280px) {}

.mhead,
.mnav2,
.mnav {
    display: none;
}

@media(max-width:1030px) {
    body {
        min-width: 200px;
        padding-top: 50px;
    }
    .box,
    .box2 {
        width: 90%;
        min-width: 100px;
        padding: 0;
    }
    .f_12 {
        font-size: 12px;
    }
    .f_16 {
        font-size: 14px;
    }
    .f_18 {
        font-size: 16px;
    }
    .f_20 {
        font-size: 16px;
    }
    .f_22 {
        font-size: 16px;
    }
    .f_24 {
        font-size: 16px;
    }
    .f_26 {
        font-size: 16px;
    }
    .f_28 {
        font-size: 18px;
    }
    .f_30 {
        font-size: 18px;
    }
    .f_32 {
        font-size: 20px;
    }
    .f_34 {
        font-size: 20px;
    }
    .f_36 {
        font-size: 20px;
    }
    .f_38 {
        font-size: 20px;
    }
    .f_40 {
        font-size: 22px;
    }
    .f_44 {
        font-size: 24px;
    }
    .f_46 {
        font-size: 24px;
    }
    .f_48 {
        font-size: 26px;
    }
    .f_52 {
        font-size: 26px;
    }
    .f_64 {
        font-size: 30px;
    }
    .f_72 {
        font-size: 30px;
    }
    .head {
        display: none;
    }
    .mhead {
        display: block;
        width: 100%;
        height: 50px;
        position: fixed;
        z-index: 9;
        top: 0;
        left: 0;
        background: #fff;
        border-bottom: 1px solid #eee;
    }
    .mhead .menu {
        height: 50px;
        padding-left: 35px;
        background: url(../images/m1.png) center right no-repeat;
        background-size: 30px;
        float: right;
    }
    .mhead .logo {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
    }
    .mhead .logo img {
        display: block;
        height: 40px;
        margin-top: 5px;
    }
    .mhead .ss {
        display: block;
        width: 50px;
        height: 50px;
        float: right;
        background: url(../images/ss_m.png) center no-repeat;
        background-size: 20px;
    }
    .mhead.act {
        -moz-box-shadow: 0px 1px 5px #ddd;
        -webkit-box-shadow: 0px 1px 5px #ddd;
        box-shadow: 0px 1px 5px #ddd;
    }
    .mnav {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: -100%;
        z-index: 15;
        display: block;
        -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }
    .mnav .hei {
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .mnav .mbox {
        width: 80%;
        height: 100%;
        overflow: auto;
        background: #fff;
        position: relative;
        z-index: 2;
        left: -100%;
        -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }
    .mnav .mbox .ul1 {}
    .mnav .mbox .ul1 li .ltop {
        position: relative;
        line-height: 50px;
        padding: 0 50px 0 15px;
        border-bottom: 1px solid #ddd;
    }
    .mnav .mbox .ul1 li .ltop a {
        display: block;
        width: 100%;
    }
    .mnav .mbox .ul1 li .ltop span {
        display: block;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        background: url(../images/r_hui2.png) center no-repeat;
        background-size: 16px;
    }
    .mnav .mbox .ul1 li .ltop span.act {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    .mnav .mbox .ul1 li .lbtm {
        display: none;
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
    }
    .mnav .mbox .ul1 li .lbtm a {
        display: block;
        width: 100%;
        padding: 0 15px;
        line-height: 30px;
        font-size: 12px;
        color: #666;
    }
    .mnav.act {
        left: 0;
    }
    .mnav.act .mbox {
        left: 0;
        transition-delay: .15s;
        -webkit-transition-delay: .15s;
    }
    .mnav2 {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: -100%;
        z-index: 15;
        display: block;
        -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }
    .mnav2 .hei {
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.1);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .mnav2 .mbox {
        width: 80%;
        height: 100%;
        overflow: auto;
        background: #fff;
        position: relative;
        z-index: 2;
        left: -100%;
        -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }
    .mnav2 .mbox .dl1 {}
    .mnav2 .mbox .dl1 dd {}
    .mnav2 .mbox .dl1 dd .dtop {
        position: relative;
        line-height: 50px;
        padding: 0 50px 0 15px;
        border-bottom: 1px solid #ddd;
    }
    .mnav2 .mbox .dl1 dd .dtop a {
        display: block;
        width: 100%;
    }
    .mnav2 .mbox .dl1 dd .dtop span {
        display: block;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        background: url(../images/r_hui2.png) center no-repeat;
        background-size: 16px;
    }
    .mnav2 .mbox .dl1 dd .dtop span.act {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    .mnav2 .mbox .dl1 dd .dbtm {
        display: none;
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
    }
    .mnav2 .mbox .dl1 dd .dbtm a {
        display: block;
        width: 100%;
        padding: 0 15px;
        line-height: 30px;
        font-size: 12px;
        color: #666;
    }
    .mnav2.act {
        left: 0;
    }
    .mnav2.act .mbox {
        left: 0;
        transition-delay: .15s;
        -webkit-transition-delay: .15s;
    }
    .wow {
        opacity: 1;
    }
    .pd50 {
        padding: 50px 0;
    }
    .pros4 .swp .btn {
        display: none;
    }
    .pogin {
        margin-top: 15px;
    }
    .pogin.yd {
        display: flex;
    }
    .ny_banner .ny_tab.on {
        top: 50px;
    }
    .pros4 .swp,
    .pros5 .swp {
        margin-top: 30px;
    }
    .pros5 .list {
        margin-top: 20px;
    }
    .pros5 .list .item .li {
        width: calc(50% - 4px);
        margin: 8px 8px 0 0;
    }
    .pros5 .list .item .li:nth-child(2n) {
        margin-right: 0;
    }
}

@media(max-width:960px) {
    .pros5 .swp .ss .wmc {
        width: 120px;
    }
    .swiper1 .swiper-slide .sbox {
        background: #000;
    }
    .swiper1 .swiper-slide .sbox video {
        display: none;
    }
    .swiper1 .swiper-slide .sbox .pimg {
        display: none;
    }
    .swiper1 .swiper-slide .sbox .mimg {
        display: block;
        opacity: 1;
    }
    .swiper1 .fd .fox .anniu {
        display: none;
    }
    .swiper1 .fd {
        bottom: 0;
    }
    .swiper1 .fd .fox .jd {
        width: 100%;
    }
    .swiper1 .swiper-slide .sbox .txt .tc {
        margin-top: 20px;
    }
    .i2 .iox .iolt {
        position: relative;
        width: 100%;
    }
    .i2 .iox .iolt .ul1 {
        display: flex;
        line-height: 40px;
        margin-top: 10px;
    }
    .i2 .iox .iolt .ul1 li {
        width: 20%;
        text-align: center;
        justify-content: center;
        font-size: 14px;
    }
    .i2 .iox .iolt .ul1 li span s {
        display: none;
    }
    .i2 .iox .iolt .ul1 li.act {
        font-size: 14px;
        font-weight: bold;
    }
    .i2 .iox .iolt .ul1 li span {
        display: block;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop {
        display: block;
        margin: 15px 0 0;
        padding: 15px 0 0;
        border: 0;
        width: 100%;
        border-top: 1px solid #ddd;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop .ilt {
        width: 100%;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop .ilt .itt {
        line-height: 1.5;
        margin-bottom: 10px;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop .ilt .itt br {
        display: none;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop .irt {
        width: 100%;
        padding: 0;
        border: 0;
        margin-top: 10px;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop .irt .itt {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop .itc {
        margin: 10px 0;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop .ul1 {
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop .ul1 li {
        width: 33.33%;
        margin: 0 0 20px;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop .ul1 li .num {
        margin: 15px 0;
        display: flex;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop .ul1 li .num .sz {
        font-size: 30px;
        margin-right: 10px;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop .ul1 li .num .img {
        display: none;
    }
    .i2 .swiper2 .swiper-slide .sbox .itop .ul1 li .num .s {
        position: static;
    }
    .i3 .dl1 {
        margin-top: 20px;
    }
    .i3 .dl1 dt,
    .i3 .dl1 dd {
        height: auto;
        margin: 0;
    }
    .i3 .dl1 a {
        position: relative;
        width: 100% !important;
        height: 200px;
        margin-bottom: 5px;
    }
    .i3 .dl1 dd a:nth-child(2),
    .i3 .dl1 dd a:nth-child(3) {
        left: 0;
    }
    .i4 .itop {
        margin: 0 0 10px;
        display: block;
    }
    .i4 .itop .ilt {
        width: 100%;
        line-height: 1.8;
    }
    .i4 .itop .ilt .txt {
        margin: 10px 0 20px;
        font-size: 14px;
    }
    .i5 .tc {
        font-size: 14px;
    }
    .i4 .itop .irt {
        width: 100%;
        margin: 20px 0
    }
    .i4 .ul1 li .ltop .llt span {
        font-size: 30px;
        bottom: -5px;
    }
    .i4 .ul1 li .ltop .ico {
        display: none;
    }
    .i5 .ditu {
        margin-top: 0;
    }
    .i5 .ditu .ul1 li .ico {
        width: 60px;
        margin-left: -30px;
        bottom: 0px;
        opacity: 0.2;
    }
    .i5 .ditu .ul1 li s {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
    }
    .i5 .ditu .ul1 li .wz {
        font-size: 12px;
        top: 10px;
        width: 50px;
        margin-left: -25px;
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
    }
    .i5 .ibtm {
        padding: 0;
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
    }
    .i5 .swiper3 {
        margin-top: 20px;
    }
    .i5 .swiper3 .swiper-slide .ul1 li .txt {
        display: none;
    }
    .i5 .swiper3 .swiper-slide .ul1 li:hover .lg {
        opacity: 1;
        left: 0%;
    }
    .i5 .swiper3 .swiper-slide .ul1 li:hover .bg img:nth-child(2) {
        opacity: 0;
    }
    .i5 .swiper3 .swiper-slide .ul1 li:hover .txt {
        opacity: 0;
    }
    .i5 .swiper3 .swiper-slide .ul1 li .txt s {
        display: none;
    }
    .i6 .itop {
        margin-bottom: 20px;
    }
    /* .i6 .itop .irt{width: 100%;margin: 20px 0;}

  .i6 .itop .irt a{margin: 0;width: 33.33%;justify-content: center;}

  .i6 .itop .irt a.act{font-size: 14px;font-weight: bold;}

  .i6 .itop .irt a s{display: none;} */
    .i6 .dl1 {
        display: block;
    }
    .i6 .dl1 dd {
        width: 100%;
        margin: 0 0 20px;
    }
    .i6 .dl1 dt {
        width: 100%;
    }
    .footer1 {
        padding: 20px 0;
    }
    .footer1 .flt {
        width: 150px;
    }
    .footer1 .frt a {
        margin-left: 10px;
        width: 30px;
    }
    .footer2 {
        padding: 30px 0;
    }
    .footer2 .ul1 {
        display: none;
    }
    .footer2 .ftop {
        display: block;
        margin-top: 0;
    }
    .footer2 .ftop .flt .ewm {
        width: 80px;
    }
    .footer2 .ftop .flt .dh {
        margin: 0;
        width: calc(100% - 80px);
        padding-left: 30px;
    }
    .footer2 .ftop .flt .dh a .ico {
        width: 30px;
    }
    .footer2 .ftop .flt .dh a .txt .atc {
        margin-top: 5px;
    }
    .footer2 .ftop .frt {
        width: 100%;
        margin-top: 20px;
    }
    .footer2 .ftop .frt dd {
        margin-top: 10px;
    }
    .footer3 {
        padding: 15px 0;
        display: block;
        line-height: 1.8;
        text-align: center;
    }
    .footer3 .flt {
        display: block;
    }
    .footer3 .flt img {
        margin: 10px auto;
    }
    .ny_banner {
        height: 400px;
    }
    .abo1 .aox {
        display: block;
    }
    .abo1 .aox .alt {
        width: 100%;
    }
    .abo1 .aox .alt .ul1 {
        display: flex;
        justify-content: space-between;
    }
    .abo1 .aox .alt .ul1 li {
        margin: 0;
        width: 30%;
    }
    .abo1 .aox .alt .ul1 li .ico {
        display: none;
    }
    .abo1 .aox .alt .ul1 li .txt .ltt {
        justify-content: center;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .abo1 .aox .alt .ul1 li .txt {
        margin: 0;
        text-align: center;
    }
    .abo1 .aox .alt .ul1 li .txt .ltt .num {
        font-size: 30px;
        bottom: -3px;
    }
    .abo1 .aox .art {
        width: 100%;
        margin: 20px 0 0;
    }
    .abo1 .aox .art .atc {
        padding-top: 10px;
        line-height: 1.8;
        font-size: 14px;
    }
    .abo2 {
        padding: 30px 0;
    }
    .abo2 .abx {
        margin: 20px 0 10px;
    }
    .abo2 .swiper4 .sbox {
        display: block;
    }
    .abo2 .swiper4 .sbox .img {
        width: 100%;
        height: 200px;
        margin: 0;
    }
    .abo2 .swiper4 .sbox .txt {
        padding: 20px 5%;
        position: relative;
        width: 100%;
    }
    .abo2 .swiper4 .sbox .txt .stt {
        margin: 15px 0;
    }
    .abo2 .swiper4 .sbox .txt .xian {
        margin: 20px 0;
    }
    .abo2 .swiper4 .sbox .txt .ul1 {
        margin-top: 10px;
    }
    .abo2 .swiper5 .swiper-slide .sbox {
        font-size: 12px;
    }
    .abo2 .tc {
        margin-top: 20px;
    }
    .abo3 {
        padding: 30px 0;
    }
    .abo3 .tc {
        line-height: 1.8;
        margin: 15px 0;
        font-size: 14px;
    }
    .abo3 .ul1 {
        overflow: auto;
    }
    .abo3 .ul1 li {
        width: 250px;
        padding: 20px 20px 40px;
        height: auto;
    }
    .abo3 .ul1 li .lox {
        width: 210px;
    }
    .abo3 .ul1 li .ltt {
        margin: 10px 0;
    }
    .abo3 .ul1 li .xian {
        margin: 20px auto;
    }
    .abo4 {
        padding: 30px 0;
    }
    .abo4 .tc {
        line-height: 1.8;
        padding: 20px 0;
        font-size: 14px;
    }
    .abo4 .abx,
    .abo4 .abx .swiper6 .swiper-slide .txt {
        margin-top: 20px;
    }
    .abo4 .abx .anniu {
        margin-top: 20px;
    }
    .a_dw {
        top: -51px;
    }
    .page1 {
        display: none;
    }
    .page2 {
        display: block;
    }
    .pro1 .tc {
        line-height: 1.8;
        font-size: 14px;
        margin-top: 10px;
    }
    .pro2 {
        height: 300px;
    }
    .pro3 .ul1 {
        padding: 0 20px;
        flex-wrap: nowrap;
        overflow: auto;
        top: -50px;
    }
    .pro3 .ul1 li {
        padding: 20px;
        width: 240px;
    }
    .pro3 .ul1 li .ico {
        width: 200px;
    }
    .pro3 .ul1 li .bian {
        display: none;
    }
    .pro4 {
        padding: 0 0 30px;
        margin-top: -30px;
        z-index: 5;
        position: relative;
    }
    .pro4 .pox {
        display: block;
        margin-bottom: 20px;
    }
    .pro4 .pox .plt {
        width: 100%;
    }
    .pro4 .tc {
        font-size: 14px;
        line-height: 1.8;
        margin-top: 10px;
    }
    .pro4 .pox .prt {
        position: relative;
        width: 100%;
    }
    .pro4 .pox .prt .ptop {
        display: none;
    }
    .pro4 .pox .prt .anniu {
        margin-top: 20px;
        justify-content: center;
    }
    .pro4 .pbtm {
        padding: 0 5%;
    }
    .pro4 .pbtm .swiper7 .swiper-slide {
        width: 100%;
    }
    .pro4 .pbtm .swiper7 .swiper-slide .sbox {
        display: block;
    }
    .pro4 .pbtm .swiper7 .swiper-slide .sbox .img {
        display: block;
        width: 95%;
        margin: 0 auto;
    }
    .pro4 .pbtm .swiper7 .swiper-slide .sbox .xian {
        display: none;
    }
    .ny_banner .txt .cn {
        margin-bottom: 20px;
    }
    .tec1 {
        padding: 30px 0;
    }
    .tec1 .pox {
        display: block;
        margin-bottom: 20px;
    }
    .tec1 .pox .plt {
        width: 100%;
    }
    .tec1 .tc {
        line-height: 1.8;
        margin-top: 15px;
        font-size: 14px;
    }
    .tec1 .pox .prt {
        width: 100%;
    }
    .tec1 .pox .prt .ptop {
        display: none;
    }
    .tec1 .pox .prt .anniu {
        margin-top: 10px;
        justify-content: center;
    }
    .tec1 .pbtm .plt {
        display: none;
    }
    .tec1 .pbtm .prt {
        width: 100%;
    }
    .tec1 .pbtm .prt .swiper9 {
        padding-top: 30px;
    }
    .tec1 .pbtm .prt .swiper9 .scrollbar9 {
        top: 0;
    }
    .tec2 {
        padding: 30px 0;
    }
    .tec2 .bg {
        position: relative;
        width: 100%;
        display: none;
    }
    .tec2 .tlt {
        width: 100%;
    }
    .tec2 .tlt .tltop {
        display: block;
    }
    .tec2 .tlt .tltop .tl {
        width: 100%;
    }
    .tec2 .tlt .tltop .tr {
        width: 100%;
        padding: 20px 0;
        border: 0;
        border-top: 1px solid #ddd;
    }
    .tec2 .tlt .tltop .tl .ul1 {
        margin-top: 10px;
        display: flex;
        line-height: 40px;
        height: auto;
        flex-wrap: wrap;
    }
    .tec2 .tlt .tltop .tl .ul1 li {
        max-width: 33.33%;
        padding: 0 10px;
        justify-content: center;
    }
    .tec2 .tlt .tltop .tl .ul1 li.act {
        font-size: 14px;
        font-weight: bold;
    }
    .tec2 .tlt .tltop .tl .ul1 li span s {
        display: none;
    }
    .tec2 .tlt .tltop .tr .ul1 li {
        margin-bottom: 15px;
        display: block;
    }
    .tec2 .tlt .tltop .tr .ul1 li .duan,
    .tec2 .tlt .tltop .tr .ul1 li .duan2 {
        width: 100%;
        margin-bottom: 10px;
    }
    .tec2 .tlt .tlbtm {
        margin-top: 10px;
        padding-top: 20px;
    }
    .tec2 .tlt .tlbtm .dl1 dd {
        margin: 20px 5%;
    }
    .se1 {
        padding: 30px 0;
    }
    .pros1 .pox {
        display: block;
    }
    .pros1 .pox .plt {
        width: 100%;
    }
    .pros1 .pox .prt {
        margin-top: 20px;
        width: 100%;
    }
    .pros1 .pox .prt .ul1 {
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .pros1 .pox .prt .ul1 li {
        width: 33.33%;
        margin: 0 0 20px;
    }
    .pros1 .pox .prt .ul1 li .num {
        margin: 15px 0;
        display: flex;
    }
    .pros1 .pox .prt .ul1 li .num .sz {
        font-size: 30px;
        margin-right: 10px;
    }
    .pros1 .pox .prt .ul1 li .num .img {
        display: none;
    }
    .pros1 .pox .prt .ul1 li .num .s {
        position: static;
    }
    .pros2 .ptop {
        display: block;
    }
    .pros2 .ptop .prt {
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .pros2 .ptop .prt span {
        margin: 0;
        width: 20%;
        text-align: center;
    }
    .pros2 .pbtm .swiper7 .swiper-slide .sbox .txt {
        width: 100%;
        position: relative;
        padding: 20px;
    }
    .pros3 .pox {
        margin-top: 20px;
        display: block;
    }
    .pros3 .pox .plt {
        width: 100%;
    }
    .pros3 .pox .prt {
        width: 300px;
        margin: 0 auto;
        overflow: hidden;
    }
    .pros3 .pox .prt .bg {
        display: none;
    }
    .pros3 {
        padding: 30px 0;
    }
    .pros3 .pox .plt .ul1 li {
        line-height: 2;
    }
    .pros3 .pox .plt .ul1 li.act {
        font-size: 16px;
    }
    .imgs {
        height: 300px;
        margin: 30px auto 0;
    }
    .imgitem {
        margin: 0 auto;
    }
    .pros3 .pox .plt .ul1 {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .pros3 .pox .plt .ul1 li s {
        display: none;
    }
    .pros3 .pox .plt .ul1 li {
        line-height: 30px;
        font-size: 14px;
        margin-right: 10px;
    }
    .prbm2 .ptop .prt .pagination7_bm {
        bottom: auto;
        top: 0;
        position: relative;
    }
    .prbm2 .pbtm .swiper7_bm .swiper-slide {
        width: 100%;
        padding: 20px;
        margin: 20px 0 0;
    }
    .prbm2 .pbtm {
        width: 100%;
    }
    .prbm2 .pbtm .swiper7_bm .swiper-slide .sbox {
        display: block;
    }
    .prbm2 .pbtm .swiper7_bm .swiper-slide .sbox .img {
        width: 100%;
    }
    .prbm2 .pbtm .swiper7_bm .swiper-slide .sbox .txt {
        width: 100%;
        padding: 20px 0 0;
    }
    .prbm2 .pbtm .swiper7_bm .swiper-slide .sbox .txt .ltc {
        margin: 15px 0;
    }
    .prbm2 .pbtm .anniu {
        display: none;
    }
    .prhj1 .pox {
        display: block;
    }
    .prhj1 .pox .plt {
        width: 100%;
        left: 0;
    }
    .prhj1 .pox .plt img {
        display: none;
    }
    .prhj1 .pox .plt .mimg {
        display: block;
    }
    .prhj1 {
        background: #fff;
    }
    .prhj1 .pox .prt {
        width: 100%;
    }
    .prhj1 .pox .prt .tc {
        margin-top: 10px;
        line-height: 1.8;
    }
    .prhj2 .ul1 li {
        width: 100%;
        margin-bottom: 20px;
    }
    .prhj2 .ul1 li a .img {
        height: 200px;
    }
    .prhj2 .ul1 li a .wz {
        padding: 0 20px 25px;
    }
    .prhj2 .ul1 li a .wz .wz2 {
        display: none;
    }
    .prhj2 .ul1 li a .txt {
        padding: 20px;
    }
    .prhj2 .ul1 li a .txt .mo {
        margin-top: 20px;
    }
    .prhjc1 {
        padding: 10px 0 30px;
    }
    .prhjc1 .prt {
        float: none;
        width: 100%;
    }
    .prhjc1 .plt {
        width: 100%;
        float: none;
    }
    .prhjc1 .plt .tc {
        line-height: 1.8;
        margin-top: 10px;
    }
    .prhjc2 .pbtm .prt {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        display: flex;
        flex-wrap: wrap;
    }
    .prhjc2 .pbtm .prt li {
        width: 33.33%;
        text-align: center;
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 15px;
    }
    .prhjc2 .pbtm .swiper9_bm .swiper-slide .sbox .img {
        width: 100%;
    }
    .prhjc2 .pbtm .swiper9_bm .swiper-slide .sbox .img img {
        width: 100%;
        height: auto;
    }
    .prhjc2 .pbtm .swiper9_bm .swiper-slide .sbox .txt {
        position: relative;
        width: 100%;
        padding: 20px 5%;
    }
    .prhjc2 .pbtm .swiper9_bm .swiper-slide .sbox {
        padding-bottom: 0;
    }
    .prhjc3 .ul1 {
        margin-top: 20px;
        overflow: auto;
        flex-wrap: nowrap;
    }
    .prhjc3 .ul1 li {
        width: 220px;
        padding-right: 20px;
    }
    .prhjc3 .ul1 li .img {
        width: 200px;
    }
    .prhjc5 .ul1 {
        margin-top: 20px;
        justify-content: space-between;
        overflow: auto;
        display: none;
    }
    .prhjc5 .prydd {
        display: block;
        margin-top: 20px;
    }
    .prhjc4 .pbtm .btn {
        display: none;
    }
    .przz2 .plt .xian {
        display: none;
    }
    .przz1 .pox .plt .tc {
        margin-top: 10px;
    }
    .przz2 .plt {
        width: 100%;
        float: none;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }
    .przz2 .prt {
        width: 100%;
        float: none;
    }
    .przz2 .plt a {
        width: 50%;
        font-size: 16px;
        margin-bottom: 15px;
    }
    .przz2 .plt a.act {
        font-size: 16px;
    }
    .przz2 .prt .tc {
        font-size: 14px;
    }
    .przz2 .prt .swiper7_zz {
        padding-top: 20px;
    }
    .prc1 {
        padding: 10px 0 0;
        background: #fff;
        min-height: 100px;
        height: auto;
    }
    .prc1 .bg {
        display: none;
    }
    .prc1 .tt {
        margin: 0;
        padding: 0 5%;
    }
    .prc1 .pox {
        display: block;
    }
    .prc1 .pox .plt {
        width: 90%;
        margin: 10px auto 0;
        display: flex;
        overflow: auto;
    }
    .prc1 .pox .plt a,
    .prc1 .pox .plt a.act {
        font-size: 16px;
    }
    .prc1 .pox .plt a {
        line-height: 40px;
        display: block;
        padding: 0 5px;
        white-space: nowrap;
        margin-right: 20px;
    }
    .prc1 .pcon {
        width: 90%;
        display: flex;
        margin: 10px auto 20px;
        overflow: auto;
    }
    .prc1 .pcon a span {
        display: none;
    }
    .prc1 .pcon a {
        margin: 0 20px 0 0 !important;
        height: auto;
        line-height: 2;
        font-size: 14px;
        white-space: nowrap;
    }
    .prc1 .pcon a.act {
        font-size: 14px;
    }
    .prc1 .prt {
        width: 80%;
        margin: 0 auto;
        padding-top: 0;
    }
    .prc1 .pox2 {
        position: relative;
        padding: 20px 5%;
        width: 100%;
    }
    .prc1 .pox2 .ul1 li {
        width: 50%;
        margin-bottom: 20px;
    }
    .prc1 .pox2 .ul1 li .ltc {
        margin-top: 5px;
    }
    .prjc1 {
        padding: 30px 0 0;
    }
    .prjc2 .pbtm .pagination7_jc {
        display: block;
    }
    .prjc2 .pbtm .pagination7_jc .swiper-pagination-bullet-active {
        background: #d61518;
    }
    .prjc2 .tt {
        margin-bottom: 20px;
    }
    .prjc2 .pbtm {
        margin-bottom: 15px;
    }
    .prjc3 .swiper8_jc {
        margin-top: 20px;
        background: rgba(0, 0, 0, 0);
    }
    .prjc3 .swiper8_jc .swiper-slide .sbox {
        height: auto;
        display: block;
        padding: 0;
    }
    .prjc3 .swiper8_jc .swiper-slide .sbox .img {
        width: 100%;
    }
    .prjc3 .swiper8_jc .swiper-slide .sbox .img img {
        width: 100%;
        height: auto;
    }
    .prjc3 .swiper8_jc .swiper-slide .sbox .txt {
        width: 100%;
        padding: 20px 5%;
        line-height: 1.6;
    }
    .prjc3 .swiper8_jc .anniu {
        display: none;
    }
    .prjc4 .tc {
        margin: 10px 0;
    }
    .prjc4 .ul1 {
        justify-content: space-between;
    }
    .prjc4 .ul1 li {
        width: 48%;
        margin-top: 20px;
    }
    .prjc4 .ul1 li .img {
        width: 100%;
        margin-bottom: 15px;
    }
    .pr_tanchuang .pox {
        width: 90%;
        max-height: 90%;
        height: auto;
    }
    .pr_tanchuang .pox .ul1 li .lox {
        display: block;
    }
    .pr_tanchuang .pox .ul1 li .lox .img {
        width: 200px;
        margin: 0 auto;
    }
    .pr_tanchuang .pox .ul1 li .lox .txt {
        width: 100%;
    }
    .xzzl {
        right: 5px;
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
    .tecn4 .tc {
        margin: 15px 0;
    }
    .tecn4 .ul1 {
        padding: 0;
        overflow: auto;
        flex-wrap: nowrap;
    }
    .tecn4 .ul1 li {
        padding: 0;
        width: 200px;
        margin: 0 20px 40px 0;
    }
    .tecn4 .ul1 li .num {
        width: 200px;
    }
    .tecn4 .ul2 {
        padding: 10px 10px 10px 30px;
        overflow: auto;
        display: flex;
    }
    .tecn4 .ul2 li {
        width: 250px;
        display: block;
        padding: 20px 20px 20px 0;
        border: 0;
    }
    .tecn4 .ul2 li .ico {
        width: 250px;
    }
    .tecn4 .ul2 li .txt {
        width: 100%;
    }
    .tecn4 .ul2 li .txt .ltt {
        line-height: 30px;
        margin: 10px 0;
    }
    .jo1 .jtt {
        display: block;
    }
    .jo1 .jtt .jrt span {
        width: 25%;
        margin: 0;
        text-align: center;
        height: auto;
        line-height: 50px;
    }
    .jo1 .dl1 {
        display: none;
    }
    .abo5_com .jtt {
        display: block;
    }
    .abo5_com .jtt .jrt span {
        width: 25%;
        margin: 0;
        text-align: center;
        height: auto;
        line-height: 50px;
    }
    .abo5_com .dl1 {
        display: block;
        margin-top: 30px;
    }
    .abo5_com .dl1 dd .ul1 {
        display: block;
    }
    .abo5_com .dl1 dd .ul1 .li2 {
        width: 100%;
    }
    .tp_tanchuang {
        position: relative;
        display: none;
        background: #fff;
    }
    .tp_tanchuang .tpx {
        display: none;
    }
    .tp_tanchuang .tpx .out {
        display: none;
    }
    .tp_tanchuang .tpx .swiper9_tp .pagination9_tp {
        color: #000;
        line-height: 30px;
    }
    .tp_tanchuang .tpx .swiper9_tp .sbox .imgc .txt {
        padding: 20px;
    }
    .tp_tanchuang .tpx .swiper9_tp .sbox .imgc {
        background: rgba(228, 0, 18, 0.1) url(../images/jo_1.png) center bottom no-repeat;
    }
    .jo2 .tc {
        margin: 10px 0 15px;
    }
    .jo2 .swiper10_tp .swiper-slide .sbox .img {
        width: 100%;
    }
    .jo2 .swiper10_tp .swiper-slide .sbox .txt {
        width: 100%;
        position: relative;
        right: -100px;
        z-index: 5;
        top: 0%;
        background: #fff;
        border-radius: 0px;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        padding: 20px;
        -moz-box-shadow: 0px 2px 10px #eee;
        -webkit-box-shadow: 0px 2px 10px #eee;
        box-shadow: 0px 2px 10px #eee;
        opacity: 0;
    }
    .jo2 .swiper10_tp .swiper-slide-active .sbox .txt {
        right: 0px;
        opacity: 1;
    }
    .jo2 .swiper10_tp .swiper-slide .sbox .txt .tb {
        width: 20px;
        height: 20px;
        right: 20px;
        background-size: cover;
        top: -10px;
    }
    .jo2 .swiper10_tp .swiper-slide .sbox .txt .ltc {
        width: 100%;
    }
    .jo2 .ul1 {
        margin-top: 20px;
    }
    .jo2 .ul1 li {
        padding-top: 10px;
        line-height: 30px;
        font-size: 12px;
    }
    .jo2 .ul1 li.act {
        font-size: 14px;
    }
    .jo3 .ul1 {
        margin: 20px 0;
    }
    .jo3 .ul1 li .ltop {
        padding: 15px;
    }
    .jo3 .ul1 li .ltop .ltt1 {
        width: 100%;
        margin: 0 0 10px;
    }
    .jo3 .ul1 li .ltop .xia {
        width: 20px;
        right: 20px;
        height: 20px;
        margin-top: -10px;
    }
    .jo3 .ul1 li .lbtm {
        padding: 15px;
    }
    .jo3 .ul1 li .lbtm .btm1 {
        line-height: 1.8;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .jo3 .ul1 li .lbtm .btm1 span {
        margin-right: 10px;
    }
    .jo3 .ul1 li .lbtm .btc1 {
        line-height: 2;
        margin: 15px 0 20px;
    }
    .jo3 .ul1 li {
        margin-bottom: 15px;
    }
    .tecn5 {
        padding: 30px 5%;
    }
    .i5 .swiper3 .swiper-slide .ul1 li:nth-child(n+7) {
        margin-top: 0;
    }
    .i5 .swiper3 .swiper-slide .ul1 br {
        display: none;
    }
    .footer2 .ftop .flt {
        display: block;
    }
    .footer2 .ftop .flt .dh {
        width: 100%;
        margin-top: 20px;
        padding: 0;
    }

    .mes1 .swpbtn{display: none;}

    .mes1_swp1{display: none;}

    .mes1 .sbt .swiper{margin-top: 50px;min-height: auto;}

    .mes1 .sbt{min-height: auto;margin-top: 0;}

    .mes1 .sbt .swiper-slide{padding-top: 0 !important;}

    .mes1 .sbt .swiper-slide .ss .txt{margin-top: 0 !important;}

    .mes1 .sbt .yuan{display: none;}

    .mes1 .sbt .txt{display: none;}

    .mes1 .sbox{overflow: visible;}

    .tpop{position: relative;left: 0 !important;right: 0 !important;bottom: 0 !important; margin: 0 !important;width: 100%;height: auto;transform: translateY(0);opacity: 1;pointer-events: all;box-shadow: none;padding: 0 10px;}

    .mes1_swp2 .swiper-pagination{display: flex;flex-wrap: wrap;margin-top: 30px;position: relative;bottom: 0;width: 100%;justify-content: center;}

    .mes1 .sbt .swiper{overflow: hidden;}

    .tpop .t2{
        height: auto;
    }
    .mes1 .sbt .mes1_swp2 .swiper-slide .tpop .t2{
        display: none;
    }
    .mes1 .sbt .mes1_swp2 .swiper-slide:nth-child(6) .tpop .t2{
        display: block;
    }
}