.clear{ clear:both}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear {zoom:1; }

/*首页公司简介*/
.imgbg {width: 100%;height: 100%;transition: ease 1s;background-position: center;background-repeat: no-repeat;background-size: cover;}
.arr2 {width: 3.125vw;height: 3.125vw;background: url(../images/arr2.png) no-repeat center;background-size: auto 100%;display: block;-webkit-transition: ease 1s;transition: ease 1s}
@media screen and (max-width: 980px) {
.arr2 {width:30px;height: 30px}
}
.arr2:hover {-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.z_index_about {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-flow: row-reverse;flex-flow: row-reverse; padding-bottom: 5vw;background: #fbf6f2;}
.z_index_about .flwarp {width: 52.6041666667vw;position: relative;-ms-flex-negative: 0;flex-shrink: 0}
@media screen and (max-width: 980px) {
.z_index_about .flwarp {width:100%}
}
.z_index_about .flwarp .imgbox {height: 60.0416666667vw}
@media screen and (max-width: 980px) {
.z_index_about .flwarp .imgbox {height:90vw}
}
.z_index_about .frwarp {width: 100%;padding-top: 7.8125vw;padding-left: 5.2083333333vw;padding-right: 5.2083333333vw;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column}
@media screen and (max-width: 1440px) {
    .z_index_about .frwarp {padding-top: 4.8125vw}
}
@media screen and (max-width: 980px) {
.z_index_about .frwarp {width:100%}
}
@media screen and (max-width: 980px) {
.z_index_about .frwarp {padding-top:15px}
}
@media screen and (max-width: 980px) {
.z_index_about .frwarp {padding-left:12px;padding-right: 12px}
}
.z_index_about .frwarp .slgbox {margin-left: -5.2083333333vw}
@media screen and (max-width: 980px) {
.z_index_about .frwarp .slgbox {margin-left:0}
}
.z_index_about .frwarp .infobox {margin-top: -9.2083333333vw}

@media screen and (max-width: 980px) {
.z_index_about .frwarp .infobox {margin-top:0}
}
.z_index_about .frwarp .z_index_tit div{color: #b41626}
.z_index_about .frwarp .z_index_tit .cc {margin-top: 3.2083333333vw}
@media screen and (max-width: 980px) {
.z_index_about .frwarp .z_index_tit .cc {margin-top:12px}
}
.z_index_about .frwarp .desc {margin-top: 1.3020833333vw;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5}
@media screen and (max-width: 980px) {
.z_index_about .frwarp .desc {margin-top:25px}
}
@media(min-width: 1920px) {
.z_index_about .frwarp .desc {font-size:18px}
}
@media(max-width: 1920px) {
.z_index_about .frwarp .desc {font-size:18px}
}
@media(max-width: 1440px) {
    .z_index_about{padding-bottom:0}
.z_index_about .frwarp .desc {font-size:16px}
    .z_index_about .frwarp .z_index_tit .cc{margin-top: 2em}
}
@media(max-width: 1280px) {
    .z_index_about .frwarp .z_index_tit .cc{margin-top: 1em}
}
@media(max-width: 1000px) {
.z_index_about .frwarp .desc {font-size:16px;font-size: 14px}
}
@media(min-width: 1920px) {
.z_index_about .frwarp .desc {line-height:36px}
}
@media(max-width: 1920px) {
.z_index_about .frwarp .desc {line-height:36px}
}
@media(max-width: 1440px) {
.z_index_about .frwarp .desc {line-height:31px}
}
@media(max-width: 1000px) {
.z_index_about .frwarp .desc {line-height:1.5625vw;line-height: 24px}
}
.z_index_about .z_en_box {position: absolute;left: 34.5833333333vw;top: 6.7708333333vw;z-index: 2}
.z_index_about .z_en_box .en1 {
font-family: Montserrat;font-weight: 400;color: #fff}
@media(min-width: 1920px) {
.z_index_about .z_en_box .en1 {font-size:80px}
}
@media(max-width: 1920px) {
.z_index_about .z_en_box .en1 {font-size:4.1666666667vw}
}
@media(max-width: 1440px) {
.z_index_about .z_en_box .en1 {font-size:4.1666666667vw}
}
@media(max-width: 1000px) {
.z_index_about .z_en_box .en1 {font-size:4.1666666667vw;font-size: 40px}
}
@media(min-width: 1920px) {
.z_index_about .z_en_box .en1 {line-height:80px}
}
@media(max-width: 1920px) {
.z_index_about .z_en_box .en1 {line-height:4.1666666667vw}
}
@media(max-width: 1440px) {
.z_index_about .z_en_box .en1 {line-height:4.1666666667vw}
}
@media(max-width: 1000px) {
.z_index_about .z_en_box .en1 {line-height:4.1666666667vw;line-height: 40px}
}
.z_index_about .z_en_box .en2 {font-family: Montserrat;color: #b41626}
@media(min-width: 1920px) {
.z_index_about .z_en_box .en2 {font-size:210px}
}
@media(max-width: 1920px) {
.z_index_about .z_en_box .en2 {font-size:10.9375vw}
}
@media(max-width: 1440px) {
.z_index_about .z_en_box .en2 {font-size:9.9375vw}
    .z_index_about .frwarp .infobox{margin-top: -8.208333vw}
}
@media(max-width: 1024px) {
    .z_index_about .frwarp .infobox{margin-top: 1.208333vw}
.z_index_about .z_en_box .en2 {font-size:10.9375vw;font-size: 60px}
}
@media(min-width: 1920px) {
.z_index_about .z_en_box .en2 {line-height:210px}
}
@media(max-width: 1920px) {
.z_index_about .z_en_box .en2 {line-height:10.9375vw}
}
@media(max-width: 1440px) {
.z_index_about .z_en_box .en2 {line-height:10.9375vw}
}
@media(max-width: 1000px) {
.z_index_about .z_en_box .en2 {line-height:10.9375vw;line-height: 60px}
}
.z_index_about .z_about_num {width: 25vw;position: absolute;right: 0;bottom: 0;background: #b41626;padding-left: 4.1666666667vw;padding-right: 4.1666666667vw;padding-top: 2.6041666667vw;padding-bottom: 2.6041666667vw;color: #fff}
@media screen and (max-width: 980px) {
.z_index_about .z_about_num {width:50%}
}
@media screen and (max-width: 980px) {
.z_index_about .z_about_num {padding-left:12px;padding-right: 12px}
}
@media screen and (max-width: 980px) {
.z_index_about .z_about_num {padding-top:12px;padding-bottom: 12px}
}
.z_index_about .z_about_num li {margin-bottom: 2.6041666667vw}
@media screen and (max-width: 980px) {
.z_index_about .z_about_num li {margin-bottom:20px}
}
.z_index_about .z_about_num li:last-child {margin-bottom: 0}
.z_index_about .z_about_num .numbox {height: 4.1666666667vw;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex
}

@media(max-width: 1920px) {
.z_index_about .z_about_num .numbox {font-size:4.1666666667vw}
    .z_index_about .z_about_num .numbox i{font-size: 36px; margin-left: 20px}
}
@media(max-width: 1440px) {
.z_index_about .z_about_num .numbox {font-size:4.1666666667vw}
}
@media(max-width: 1000px) {
.z_index_about .z_about_num .numbox {font-size:4.1666666667vw;font-size: 24px}
}
@media(min-width: 1920px) {
.z_index_about .z_about_num .numbox {line-height:80px}
}
@media(max-width: 1920px) {
.z_index_about .z_about_num .numbox {line-height:4.1666666667vw}
}
@media(max-width: 1440px) {
.z_index_about .z_about_num .numbox {line-height:4.1666666667vw}
}
@media(max-width: 1000px) {
.z_index_about .z_about_num .numbox {line-height:4.1666666667vw;line-height: 24px}
}
@media screen and (max-width: 980px) {
.z_index_about .z_about_num .numbox {height:24px}
}
.z_index_about .z_about_num .numbox .line div {opacity: 0}
.z_index_about .z_about_num .tt {opacity: .5}
@media(min-width: 1920px) {
.z_index_about .z_about_num .tt {font-size:16px}
}
@media(max-width: 1920px) {
.z_index_about .z_about_num .tt {font-size:18px}
}
@media(max-width: 1440px) {
.z_index_about .z_about_num .tt {font-size:16px}
}
@media(max-width: 1000px) {
.z_index_about .z_about_num .tt {font-size:16px;}
}
.z_index_about .arr2 {margin-top: 5.3333333333vw}

@media(max-width: 1440px) {
    .z_index_about .arr2 {margin-top: 6.3333333333vw}
}
@media screen and (max-width: 980px) {
.z_index_about {display:block}
.z_index_about .z_about_num {bottom: -35px;padding: 20px}
.z_index_about .arr2 {display: none}
.z_index_about .z_en_box {left: 0;text-align: center;width: 100%;position: relative;top: auto;display: none}
.z_index_about .z_en_box .en1 {color: #0d3b67}
.z_index_about .slgbox {display: none}
.z_index_about .flwarp {margin-top: 40px}
.z_index_about .frwarp .desc {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 100}
}

/*生产流程*/
.liucheng{width: 100%; }
.liucheng .index-title{display: block; text-align: center}
.liucheng .index-title h3{color: #b41626}

@media screen and (max-width: 1024px) {
    .liucheng{margin-top:50px}
}


/*首页产品*/
.comview{display:inline-block; position:relative; width:8.3125em; height:2em;}
.comview span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background:url(../images/img7.png);position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.comview_black span{background:url(../images/img9.png);}
.comview:hover span{left:1em;}
.pagew{margin:0 6.77083333333333%;}
.indexmid_2{background: url('../images/indRD-bg.jpg') no-repeat center top; padding:5.45833333333333vw 0 9vw 0;}
.indexmid_2_mid{position:relative;}
.indexmid_2_mid_left{width:46.74698795180723%; overflow:hidden}
.indexmid_2_mid_left img{width:100%;}
.indexmid_2_mid_right{ top:2.6875vw;position:absolute; width:43.97590361445783%; left:53.02409638554217%;}
.indexmid_2_mid_right_1{overflow:hidden; margin-top:3.46875vw;}
.indexmid_2_mid_right_1 img{width:100%;}
.indexmid_1_right_mid_1{}
.indexmid_1_right_mid_2{line-height:1.7; margin:1em 0 2em 0;}

@media screen and (max-width: 1440px) {
    .indexmid_2{padding-bottom: 15vw}
}

@media screen and (max-width: 1023px) {
    .pagew{margin:0 2.77083333333333%;}
    .indexmid_2_mid_left{width: 100%}
    .indexmid_2_mid_right{width: 100%; position: relative; left: 0}
}

/*fc*/
.pro{width:100%; margin:0px auto; position: relative; overflow: hidden; padding: 3% 0 0 0; background: #f5f7fc}
.pro h2{text-align: center; color: #666666; font-weight: normal }
.pro h2 em{display: block; color: #083090; margin-bottom: 5px}
.pro h2 em:before{content: ""; width: 50px; height: 3px; background: #37a356;display: inline-block; margin: 0 20px 15px 0}
.pro h2 em:after{content: ""; width: 50px; height: 3px; background: #37a356;display: inline-block; margin: 0 0 15px 20px}

.prolist{margin: 0 auto}
.prolist ul{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:left;flex-wrap: wrap;width: 85%; margin: 2% auto 0 auto;}
.prolist li{width:19%; height: 60px; margin: 0 0.5% 1% 0.5%; border:1px dashed transparent; border-color: rgba(151, 151, 151, 0.5); font-size: 23px; text-align: center;display: flex; align-items: center;-webkit-align-items: center;justify-content:center;transition: .5s; }
.prolist li a{color: #000;}
.prolist li:hover{background: #37a356;}
.prolist li:hover a{color: #fff;}

#tel_pro{display: none;}
#top_scroll {overflow: hidden;width:85%; margin:3% auto 4% auto ; padding-bottom: 3%; height: 650px;}
#top_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#top_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#top_scroll ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
#top_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 20px}

#cf_scroll {overflow: hidden;width:85%; margin:3% auto 4% auto ; padding-bottom: 3%; height: 600px;}
#cf_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#cf_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#cf_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#cf_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#cf_scroll ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
#cf_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 20px}

@media screen and (max-width: 1280px) {
    #top_scroll ul li strong{font-size: 18px}
}


@media (max-width:750px){
    #top_scroll,#cf_scroll{display: none;}
    .pro h2{font-size: 16px;}
    .pro h2 em{font-size: 36px}
    .prolist ul{width: 95%; margin-top: 20px}
    .prolist li{width:32%; font-size: 18px; height: 45px; line-height: 45px}
    #tel_pro {overflow: hidden;width:95%; margin:5vh auto 0 auto; padding-bottom: 3%; display: block;}
    #tel_pro ul li{position: relative; float: left;width:49%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
    #tel_pro ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
    #tel_pro ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
    #tel_pro ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
    #tel_pro ul li .proText{ padding:15px 0; transition: .4s;-webkit-transition: .4s; line-height: 30px}
    #tel_pro ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 17px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    #tel_pro .protel{width: 70%; margin: 0 auto; line-height: 35px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 14px;}
    .pro_more{width: 100%; }
    .pro_more li{width: 100%;}
    .pro_more li:nth-child(2){display: none;}
}

/*内页公司简介*/
.l { float:left; }.r { float:right; }
.ab-wrap1{padding: 124px 0 92px;box-sizing: border-box; color: #333;overflow: hidden; width: 85%; margin: 0 auto}
.ab-wrap1 .l .sum{font-size: 40px;font-weight:bold;line-height: 72px;}
.ab-wrap1 .l .sum span{position: relative;}
.ab-wrap1 .l .sum span:after{position: absolute;bottom: -3px;left: 0; width:100%;height: 3px;background: #333; content: "";}
.ab-wrap1 .r{position: relative;top: 16px;overflow: hidden;}
.ab-wrap1 .r .img{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.ab-wrap1 .r .sum{padding-top: 32px;}
.ab-wrap1 .r .sum .n{font-size: 120px;line-height: 85px;font-weight: bold;letter-spacing: -5px;}
.ab-wrap1 .r .sum .m{padding-left: 10px;margin-top: 18px; font-size: 16px;}

.ab-wrap2{padding: 80px 0 90px;overflow: hidden;}
.ab-wrap2 .l{max-width: 940px;}
.ab-wrap2 .l .sum{font-size: 16px;line-height: 30px;color: #666;}
.ab-wrap2 .l .sum p{margin-bottom: 30px; font-size: 18px;line-height: 36px;}
.ab-wrap2 .r{width: 425px;color: #333;}
.ab-wrap2 .r li{margin-bottom: 14px;}
.ab-wrap2 .r p{ font-size: 16px;line-height: 30px;}
.ab-wrap2 .r .tit{font-weight: bold; color: #00a2e9;}
.ab-wrap2 .r .sum{width: 324px;}

@media (max-width: 1440px) {
    .ab-wrap1 .l .sum{font-size: 32px;line-height: 64px;}
    .ab-wrap1 .r .sum .n{font-size: 100px;}
    .ab-wrap2 .l{width: 55%;}
}

@media (max-width: 1200px) {
    .ab-wrap1 .l .sum,.ab-wrap4 .top .tit{font-size: 28px;line-height: 56px;}
    .ab-wrap1 .r .sum .n{font-size: 68px;}
    .ab-wrap2 .l{width: 100%;float: none;}
    .ab-wrap2 .r{float: none;display: block;}
}

@media (max-width: 1024px) {

    .ab-wrap1{padding: 50px 0; width: 95%}
    .ab-wrap1 .l .sum{font-size: 24px;line-height: 48px;}
    .ab-wrap1 .r {float: none;}
    .ab-wrap1 .r .img{display: none;}
    .ab-wrap1 .r .sum{padding: 0;margin-bottom: 40px;}
    .ab-wrap1 .r .sum .m{display: inline-block;}
    .ab-wrap2{padding: 50px 0;}
}
@media (max-width: 768px) {
    .ab-wrap1 .l .sum{font-size: 20px;line-height: 40px;}
    .ab-wrap1 .l .sum, .ab-wrap4 .top .tit{font-size: 24px;}
}
.fenye{width: 80%; margin: 0 auto; text-align: center}

.inbanner3 .e_video{ opacity: 0.5;}
.cer {max-width: 1200px;margin: 0 auto;padding: 0 20px;}
.ibcatein2 {position: absolute;width: 100%;left: 0;bottom: 50%;z-index: 1;color: #fff;text-align: center;overflow: hidden;margin-bottom: 3.4%;}
.ibcatein2 .cn {font-size: 24px;line-height: 40px;height: 40px;margin-top: 30px;background: url('../images/line2.png') center no-repeat;}
.ibcatein2 .cn span {padding-left: 8px;letter-spacing: 8px;}
.ibcatein2 .en {font-size: 0;}
.ibcatein2 img {max-width: 90%;}

.mouse2 {width: 465px;height: 38px;padding-top: 40px;margin-bottom: -1.1%;position: absolute;left: 50%;margin-left: -232px;bottom: 50%;z-index: 2;font-size: 18px;line-height: 38px;color: #fff;text-align: center;
    background: url('../images/addr.png') center 0 no-repeat;}
.bantel {width: 100%;position: absolute;left: 0;top: 50%;z-index: 1;margin-top: 8.5%;height: 42px;line-height: 42px;text-align: center;}
.bantel a {display: inline-block;;color: #fff;margin: 0 30px;padding-left: 32px;}
.bantel a.tel1 {background: url('../images/tel1.png') 0 no-repeat;}
.bantel a.tel2 {background: url('../images/tel2.png') 0 no-repeat;}
.fullline {width: 100%;position: absolute;left: 0;top: 50%;z-index: 1;overflow: hidden;margin-top: 3.8%;height: 1px;background-color: rgba(255, 255, 255, 0.2);}
.fullline:before {content: '';position: absolute;left: -100%;bottom: 0;z-index: 2;width: 100%;height: 2px;background-color: #fff;-webkit-animation: widthgrow 20s linear infinite;animation: widthgrow 20s linear infinite;}
@-webkit-keyframes widthgrow {
from {left: -100%;}
to {left: 100%;}
}
@keyframes widthgrow {
from {left: -100%;}
to {left: 100%;}
}
.lxbtnout {height: 68px;font-size: 0;text-align: center;position: absolute;left: 0;top: 50%;margin-top: 13.8%;z-index: 1;width: 100%;}
.lxbtnout a {display: inline-block;width: 66px;height: 66px;margin: 0 30px;border-radius: 34px;border: 1px solid #fff;text-align: center;line-height: 66px;}
.lxbtnout a > img {max-width: 90%;-webkit-transition: 1s;transition: 1s;}
.lxbtnout a:hover > img {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.footwx {position: relative;}
.footwx .bigewm {position: absolute;width: 140px;height: 140px;bottom: 110%;left: 50%;margin-left: -70px;z-index: 1;display: none;line-height: 140px;background-color: #fff;}
.footwx .bigewm img {width:100%}
@media screen and (max-width: 1400px) {
    .ibcatein2 {margin-bottom: 85px;}
    .mouse2 {margin-bottom: -6px; }
    .lxbtnout {margin-top: 184px;}
}
@media screen and (max-width: 1024px) {
    .ibcatein2{bottom: 55%}
    .bantel a {font-size: 20px;margin: 0 20px;}
    .mouse2 { width: 94%; margin-left: -47%; height: 100px; line-height: 28px}
}
@media screen and (max-width: 550px) {
    .bantel a {display: block;width: 220px;margin: 0 auto;text-align: left;}
    .lxbtnout a {margin: 0 15px;}
}

@media (max-width: 770px) {
    .inbanner3 {height: 600px;}
    .fullline,.lxout{display: none;}
}


.videobox .videoDom {     display: none; }
.videobox .videoDom .close {  display: none;  }
.splitlist { line-height: 1.2; white-space: pre-wrap; }
.splitlist.flag span { opacity: 1; }
.splitlist span { font-family: inherit; width: auto; font-size: inherit; color: inherit; font-weight: inherit; text-transform: inherit; opacity: 0; display: inline-block; }
.splitlist span.letters { color: #2151A1; }
.scrollNumItem { display: -webkit-box; display: -ms-flexbox; display: flex; }
.scrollNumItem .scrollNumBox { position: relative; overflow: hidden; }
.scrollNumItem .scrollNumBox .scrollNumUl { width: 100%; }
.scrollNumItem .scrollNumBox .scrollNumUl li { height: 100%; width: 100%; }
.mm_bg{top: 0;height: 100%;width: 100%; z-index: 1;position: absolute;background:  url(../images/hhbg2.png) no-repeat left top; }
@-webkit-keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0) scale(0.9);
    transform: translate3d(0, 100%, 0) scale(0.9); }
    to { opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0) scale(0.9);
    transform: translate3d(0, 100%, 0) scale(0.9); }
    to { opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes fadeInUp2 { from { opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0) scale(0.9);
    transform: translate3d(0, 50%, 0) scale(0.9); }
    to { opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fadeInUp2 { from { opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0) scale(0.9);
    transform: translate3d(0, 50%, 0) scale(0.9); }
    to { opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); }
    to { opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); }
    to { opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes fadeInRight2 { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); }
    to { opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fadeInRight2 { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); }
    to { opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); }
    to { opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); }
    to { opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes fadeInLeft2 { from { opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0) scale(0.9);
    transform: translate3d(-50%, 0, 0) scale(0.9); }
    to { opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fadeInLeft2 { from { opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0) scale(0.9);
    transform: translate3d(-50%, 0, 0) scale(0.9); }
    to { opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0); }
    60% { opacity: 1;
        -webkit-transform: translate3d(0, 35px, 0);
        transform: translate3d(0, 35px, 0); }
    75% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
    90% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
        opacity: 1; } }
@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0); }
    60% { opacity: 1;
        -webkit-transform: translate3d(0, 35px, 0);
        transform: translate3d(0, 35px, 0); }
    75% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
    90% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
        opacity: 1; } }
@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
    100% { -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1; } }
@keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
    100% { -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1; } }
@-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1; } }
@keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1; } }
@-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1; } }
@keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1; } }
@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    to { -webkit-transform: perspective(400px);
        transform: perspective(400px);
        opacity: 1; } }

.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-multirow-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.swiper-box .prevnext .next { margin-left: .18rem; }
.swiper-box .swiper-wrapper .swiper-slide { position: relative; overflow: hidden; height: 100%; }
.swiper-box .swiper-wrapper .swiper-slide .img { width: 100%; height: 100%; }
.swiper-box .swiper-wrapper .swiper-slide video{width:100%;object-fit:cover;z-index:1;position: relative;display: block;}
.swiper-box .swiper-wrapper .swiper-slide .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.swiper-box .swiper-wrapper .swiper-slide .text {z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: rgba(0, 0, 0, 0.2); color: #fff; }
.swiper-box .swiper-wrapper .swiper-slide .text.active .w1400 h6 span { -webkit-animation: fadeInUp2 1s forwards; animation: fadeInUp2 1s forwards;font-weight: lighter; }
.swiper-box .swiper-wrapper .swiper-slide .text.active .w1400 h5 span { -webkit-animation: fadeInUp2 1.5s forwards; animation: fadeInUp2 2s forwards; }
.swiper-box .swiper-wrapper .swiper-slide .text.active .w1400 p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.swiper-box .swiper-wrapper .swiper-slide .text.active .w1400 i { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 { text-align: center; }
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 h6 { font-size: 2.5rem;   text-transform: uppercase;    font-weight: lighter;letter-spacing: 6px; }
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 h6 span.letters { color: #fff;  }
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 h5 { font-size: 4.5rem; line-height: 2;font-weight: bold; }
.swiper-box .swiper-wrapper .swiper-slide a {background:#b41626;font-size:18px;font-weight:500;line-height:initial;text-align:center;color:#fff;padding:0 12px;margin:50px auto 0 auto; line-height: 56px;text-transform:uppercase;display:block; width:196px;transition:all .4s ease; border-top-left-radius: 19px;border-bottom-right-radius: 19px;}
.swiper-box .swiper-wrapper .swiper-slide a:hover {background:#b41626;width:176px;}
.mm_bg{top: 0;height: 100%;width: 100%; z-index: 2;position: absolute;background:  url(../images/hhbg2.png) no-repeat left top; }
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 p { font-family: 'proximar'; font-size: .16rem; -webkit-transition: 1s; transition: 1s; }
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 i { margin-top: .8rem; width: .68rem; height: .68rem; position: relative; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: .22rem; margin-left: auto; margin-right: auto; cursor: pointer; -webkit-transition: 1s; transition: 1s; }
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 i:hover:after { border-color: #b41626; }
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 i:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; }
.telbanner{display: none}

@media only screen and (max-width:1440px){
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 h6 { font-size: 1.8rem; }
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 h5 { font-size: 2.8rem; }
}

@media screen and (max-width: 1024px) {
    .swiper-box{display: none}
    .swiper-box .swiper-wrapper .swiper-slide video{height: 100%}
    .swiper-box .swiper-wrapper .swiper-slide .text .w1400 h6{font-size: 18px;letter-spacing:0}
    .swiper-box .swiper-wrapper .swiper-slide .text .w1400 h5{font-size: 26px}
    .telbanner{display: block}
    .telbanner{display: block;width: 100%; height: 95%;background: url('../images/01.jpg') no-repeat center top;background-size: 100%;}
    .telbanner video{height: 100%;width: 100%;}
}