@charset "UTF-8";

*,*: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; 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::after { content: ""; display: table; clear: both; }
a { display: inline-block; text-decoration: none; cursor: pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; color: #333; }
textarea,select { outline: none; color: #666; font-size: 14px; width: 100%; }
img { border: none; display: block; max-width: 100%; }
img[src=""] { opacity: 0; }
.gdt::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 30px; display: block; }
.gdt::-webkit-scrollbar-thumb { background: #d8261a url(../images/gdt.png) center no-repeat; border-radius: 30px; }
.gdt::-webkit-scrollbar-track { background: #e7e8ea; border-radius: 30px; }
.f_12 { font-size: 12px; }
.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_48 { font-size: 48px; }
.f_50 { font-size: 50px; }
.f_60 { font-size: 60px; }
/*分页*/
.page1 { text-align: center; margin: 0; text-align: center; display: flex; justify-content: center; font-weight: 'din'; font-weight: bold; }
.page1 a { display: block; color: #999; width: 40px; height: 40px; text-decoration: none; font-size: 14px; border-radius: 5px; background: url(../images/pr_0_0.png) center no-repeat; font-family: arial; }
.page1   a:hover,.page1 span.current a { background: url(../images/pr_0.png) center no-repeat; color: #fff; }
.page1 span { margin: 0 6px; display: inline-block; line-height: 40px; color: #999; }
.page1 span input { display: block; width: 60px; height: 40px; border: 1px solid #e2e6f1; border-radius: 2px; outline: none; text-align: center; background: #fff; }
.page1 a.pre { background: #fff  url(../images/jt_h.png)  center no-repeat; background-size: 6px; position: relative; width: 40px; height: 40px; transform: rotate(180deg); -webkit-transform: rotate(180deg); border: 1px solid #e2e6f1; border-radius: 2px; }
.page1  a.pre:hover { background: #d8261a url(../images/jt_b3.png)  center no-repeat; background-size: 6px; opacity: 1; border: 1px solid #d8261a; }
.page1 a.nex { background: #fff url(../images/jt_h.png)  center no-repeat; background-size: 6px; position: relative; width: 40px; height: 40px; border: 1px solid #e2e6f1; border-radius: 2px; }
.page1 a.nex:hover { background: #d8261a url(../images/jt_b3.png)  center no-repeat; background-size: 6px; opacity: 1; border: 1px solid #d8261a; }
.page2 { width: 120px; height: 40px; background: #d8261a; color: #fff; display: block; margin: 0 auto; line-height: 40px; display: none; text-align: center; }
.a_dw { position: relative; top: -100px; }
.box { max-width: 1600px; width: 83.33vw; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; box-sizing: border-box; }
.alltime,.alltime * { -webkit-transition: all .5s cubic-bezier(.4,0,.2,1); -moz-transition: all .5s cubic-bezier(.4,0,.2,1); transition: all .5s cubic-bezier(.4,0,.2,1); }
.wow { opacity: 0; }
.wow1 { opacity: 1; }
.fbd { font-weight: bold; }
.f100 { font-weight: 100; }
/* 头部 */
.head { position: fixed; width: 100%; top: 0; left: 0; z-index: 9; padding: 0 4.68vw; border-bottom: 1px solid rgba(255,255,255,0.01); height: 100px; }
.head .hbox {   }
.head .hbox .hlt { float: left; display: flex; align-items: center; align-content: center; padding-top: 25px; }
.head .hbox .hlt .logo { display: block; height: 36px; }
.head .hbox .hlt .logo img { width: auto; height: 100%; }
.head .hbox .hlt .xian { display: block; width: 1px; height: 30px; background: rgba(255,255,255,0.4); margin: 0 1.25vw; }
.head .hbox .hlt .wz .cn { color: #fff; }
.head .hbox .hlt .wz .en { color: #fff; margin-top: 10px; font-family: arial; }
.head .hbox .hrt { float: right; display: flex; align-items: center; align-content: center; height: 100px; }
.head .hbox .hrt .sy { width: 20px; position: relative; }
.head .hbox .hrt .tp img { position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; }
.head .hbox .hrt .tp img:nth-child(1) { opacity: 1; position: relative; }
.head .hbox .hrt .a { display: flex; margin: 0  35px 0 20px; }
.head .hbox .hrt .a a { display: block; position: relative; padding: 0 20px; color: #fff; z-index: 3; line-height: 20px; }
.head .hbox .hrt .a a s { display: block; width: calc(100% - 40px); height: 3px; background: #d8261a; position: absolute; left: 20px; bottom: -40px; z-index: 2; opacity: 0; }
.head .hbox .hrt .zs { display: flex; }
.head .hbox .hrt .zs a { display: block; position: relative; }
.head .hbox .hrt .zs a .ico { position: relative; width: 32px; height: 32px; border: 1px solid #fff; border-radius: 50%; margin: 0 10px; }
.head .hbox .hrt .zs a .wz { position: absolute; padding: 10px 15px; background: #eee; border-radius: 5px; top: 80px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); font-family: "din"; pointer-events: none; opacity: 0; }
.head .hbox .hrt .zs a .wz s { display: block; width: 16px; height: 8px; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; background: url(../images/fo_1_4h.png) center no-repeat; }
.head .hbox .hrt .zs a .ewm { width: 80px; height: 80px; position: absolute; top: 80px; background: #eee; border-radius: 5px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); pointer-events: none; padding: 5px; opacity: 0; }
.head .hbox .hrt .zs a .ewm s { display: block; width: 16px; height: 8px; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; background: url(../images/fo_1_4h.png) center no-repeat; }
.head .hbox .hrt .yy { padding: 3px; background: rgba(255,255,255,0.1); border-radius: 30px; display: flex; margin-left: 10px; }
.head .hbox .hrt .yy a { display: block; color: #fff; padding: 0 16px; line-height: 26px; border-radius: 30px; background: rgba(255,255,255,0); font-family: arial; }
.head .hbox .hrt .yy a.act { background: rgba(255,255,255,0.2); }
.head.act,.head.bai,.head:hover { background: #fff; border-bottom: 1px solid #ddd; }
.head.hei .hbox .hlt .xian,.head.act .hbox .hlt .xian,.head.bai .hbox .hlt .xian,.head:hover .hbox .hlt .xian { background: #000; }
.head.hei .hbox .hlt .wz .cn,.head.hei .hbox .hlt .wz .en,.head.act .hbox .hlt .wz .cn,.head.act .hbox .hlt .wz .en,.head.bai .hbox .hlt .wz .cn,.head.bai .hbox .hlt .wz .en,.head:hover .hbox .hlt .wz .cn,.head:hover .hbox .hlt .wz .en { color: #000; }
.head.hei .hbox .hrt .tp img:nth-child(1),.head.hei .hbox .hrt .tp img:nth-child(3),.head.act .hbox .hrt .tp img:nth-child(1),.head.act .hbox .hrt .tp img:nth-child(3),.head.bai .hbox .hrt .tp img:nth-child(1),.head.bai .hbox .hrt .tp img:nth-child(3),.head:hover .hbox .hrt .tp img:nth-child(1),.head:hover .hbox .hrt .tp img:nth-child(3) { opacity: 0; }
.head.hei .hbox .hrt .tp img:nth-child(2),.head.act .hbox .hrt .tp img:nth-child(2),.head.bai .hbox .hrt .tp img:nth-child(2),.head:hover .hbox .hrt .tp img:nth-child(2) { opacity: 1; }
.head.hei .hbox .hrt .zs a .ico,.head.act .hbox .hrt .zs a .ico,.head.bai .hbox .hrt .zs a .ico,.head:hover .hbox .hrt .zs a .ico { border: 1px solid #999; }
.head.hei .hbox .hrt .a a,.head.act .hbox .hrt .a a,.head.bai .hbox .hrt .a a,.head:hover .hbox .hrt .a a { color: #333; }
.head.hei .hbox .hrt .yy,.head.act .hbox .hrt .yy,.head.bai .hbox .hrt .yy,.head:hover .hbox .hrt .yy { background: rgba(0,0,0,0.1); }
.head.hei .hbox .hrt .yy a.act,.head.act .hbox .hrt .yy a.act,.head.bai .hbox .hrt .yy a.act,.head:hover .hbox .hrt .yy a.act { background: rgba(0,0,0,0.2); }
.head .hbox .hrt .a a:hover { color: #bf2821; }
.head .hbox .hrt .zs a:hover .wz { opacity: 1; top: 50px; }
.head .hbox .hrt .zs a:hover .ewm { opacity: 1; top: 50px; }
.head .hbox .hrt .zs a:hover .ico { border: 1px solid #d8261a; }
.head .hbox .hrt .tp:hover  img:nth-child(1),.head .hbox .hrt .tp:hover  img:nth-child(2) { opacity: 0; }
.head .hbox .hrt  .tp:hover img:nth-child(3) { opacity: 1; }
.head .hbox .hrt .a a.act s { opacity: 1; }
.head .hbox .hrt .yy a:hover { background: #bf2821 !important; }
.pcej { position: fixed; width: 100%; background: #fff; padding: 4.16vw 0 4.68vw; left: 0; top: 100px; z-index: 9; display: none; }
.pcej .xian { display: block; width: 100%; height: 1px; background: #ddd; margin-top: 30px; }
.pcej .ul1 {   }
.pcej .ul1 li { display: none; }
.pcej .ul1 li .lox { display: flex; justify-content: space-between; }
.pcej .ul1 li .lox .llt { color: #666; line-height: 1; transform: translateX(100px); -webkit-transform: translateX(100px); opacity: 0; width: 260px; }
.pcej .ul1 li .lox .llt .len { opacity: 0.2; font-family: arial; margin-top: 20px; }
.pcej .ul1 li .lox .lcon { width: 400px; position: relative; top: -20px; transform: translateX(100px); -webkit-transform: translateX(100px); opacity: 0; }
.pcej .ul1 li .lox .lcon  dd { border-top: 1px solid #eee; }
.pcej .ul1 li .lox .lcon .dtop { display: flex; justify-content: space-between; line-height: 56px; align-items: center; align-content: center; }
.pcej .ul1 li .lox .lcon .dtop a { display: block; width: calc(100% - 30px); font-weight: bold; color: #666; }
.pcej .ul1 li .lox .lcon .dtop s { display: block; width: 30px; height: 30px; background: url(../images/jt_h1.png) center no-repeat; }
.pcej .ul1 li .lox .lcon .dbtm { border-top: 1px solid #eee; padding: 20px 0; display: none; }
.pcej .ul1 li .lox .lcon .dbtm a { display: block; color: #666; margin-bottom: 20px; }
.pcej .ul1 li .lox .lcon .dbtm a:last-child { margin-bottom: 0; }
.pcej .ul1 li .lox .lcon  dd:nth-child(1) { border-top: 0; }
.pcej .ul1 li .lox .lcon dd:hover .dtop a { color: #000; }
.pcej .ul1 li .lox .lrt { width: 500px; transform: translateX(100px); -webkit-transform: translateX(100px); opacity: 0; }
.pcej .ul1 li .lox .lrt img { width: 100%; border-radius: 10px; }
.pcej .ul1 li .lox .lcon dd:hover .dbtm { display: block; }
.pcej .ul1 li .lox .lcon dd:hover .dtop s { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.pcej .ul1 li .lox .lcon .dbtm a:hover { color: #d8261a; }
.pcej .ul1 li.act .lox .llt { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; transition-delay: .1s; -webkit-transition-delay: .1s; }
.pcej .ul1 li.act .lox .lcon { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; transition-delay: .2s; -webkit-transition-delay: .2s; }
.pcej .ul1 li.act .lox .lrt { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }
/* 首页定位 */
#menu { margin: 0; padding: 0; position: fixed; right: 5.2vw; top: 50%; z-index: 5; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
#menu li a { position: relative; display: block; width: 24px; height: 24px; border-radius: 50%; margin: 12px 0; }
#menu li a s { display: block; border-radius: 50%; width: 100%; height: 100%; border: 2px solid #fff; transform: scale(0.25); -webkit-transform: scale(0.25); }
#menu li a::after { content: ''; display: block; background: #fff; border-radius: 50%; width: 100%; position: absolute; height: 100%; top: 0; left: 0; transform: scale(0.25); -webkit-transform: scale(0.25); }
#menu li.active a s { transform: scale(1); -webkit-transform: scale(1); }
#menu.hei li a s { border: 2px solid #000; }
#menu.hei  li a::after { background: #000; }
/* 首页 */
.fpg { width: 100%; height: 100vh; position: relative; overflow: hidden; }
.fpg .section { width: 100%; height: 100%; overflow: hidden; position: relative; }
.fpg .section .bgimg { display: block; width: 100%; height: 100%; object-fit: cover; }
.fpg .section .fp-tableCell { position: relative; overflow: hidden; }
.swiper1 {   }
.swiper1 .swiper-slide .sbox { position: relative; overflow: hidden; width: 100%; height: 100vh; }
.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 .txt { position: absolute; width: 100%; left: 0; top: 50%; padding: 200px  11.45vw 0; z-index: 3; color: #fff; z-index: 3; transform: translateY(-50%); -webkit-transform: translateY(-50%); opacity: 0; line-height: 1.5; }
.swiper1 .swiper-slide .sbox .txt .tt { margin-bottom: 60px; }
.swiper1 .swiper-slide .sbox .txt .tt span { color: #bf2821; }
.swiper1 .swiper-slide .sbox video { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; object-fit: cover; }
.swiper1 .swiper-slide-active .sbox .txt { padding-top: 0; opacity: 1; transition-delay: .5s; -webkit-transition-delay: .5s; }
.swiper1 .fd { width: 100%; position: absolute; left: 0; bottom: 65px; z-index: 5; color: #fff; cursor: pointer; }
.swiper1 .fd .fox { position: relative; max-width: 370px; margin: 0 auto; height: 20px; display: flex; justify-content: space-between; align-items: center; align-content: center; }
.swiper1 .fd .fox .jd { width: calc(100% - 120px); height: 2px; background: rgba(255,255,255,0.2); }
.swiper1 .fd .fox .jd s { display: block; width: 0%; height: 100%; background: #fff; }
.swiper1 .fd .fox .jd s.act { width: 100%; -webkit-transition: all 4s linear; -moz-transition: all 4s linear; transition: all 4s linear; }
.i2 { width: 100%; height: 100%; background: url(../images/in_2.jpg) center no-repeat; background-size: cover; }
.i2 .iox { display: flex; justify-content: space-between; align-items: center; align-content: center; height: 100vh; }
.i2 .iox .ilt { width: 30vw; display: flex; align-items: center; align-content: center; }
.i2 .iox .ilt .ilx { position: relative; width: 100%; }
.swiper2 { padding: 60px 0; }
.swiper2 .swiper-slide { opacity: 0 !important; }
.swiper2 .swiper-slide .sbox { position: relative; color: #fff; display: block; }
.swiper2 .swiper-slide .sbox .img { display: none; }
.swiper2 .swiper-slide .sbox .ltt { position: relative; z-index: 2; line-height: 1; transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; -webkit-transition: all 0s cubic-bezier(.4,0,.2,1); -moz-transition: all 0s cubic-bezier(.4,0,.2,1); transition: all 0s cubic-bezier(.4,0,.2,1); font-size: 2.5vw; line-height: 1.3; }
.swiper2 .swiper-slide .sbox .ltt .en { font-size: 6vw; position: absolute; left: 0; bottom: -20px; z-index: -1; font-family: arial; opacity: 0.1; line-height: 1; }
.swiper2 .swiper-slide .sbox .ltc { line-height: 32px; height: 96px; margin: 30px 0 60px; transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; -webkit-transition: all 0s cubic-bezier(.4,0,.2,1); -moz-transition: all 0s cubic-bezier(.4,0,.2,1); transition: all 0s cubic-bezier(.4,0,.2,1); }
.swiper2 .swiper-slide .sbox .more { padding-left: 35px; transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; -webkit-transition: all 0s cubic-bezier(.4,0,.2,1); -moz-transition: all 0s cubic-bezier(.4,0,.2,1); transition: all 0s cubic-bezier(.4,0,.2,1); }
.swiper2 .swiper-slide-active { opacity: 1 !important; }
.swiper2 .swiper-slide-active .sbox .ltt { -webkit-transition: all .8s cubic-bezier(.4,0,.2,1); -moz-transition: all .8s cubic-bezier(.4,0,.2,1); transition: all .8s cubic-bezier(.4,0,.2,1); transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.swiper2 .swiper-slide-active .sbox .ltc { -webkit-transition: all .8s cubic-bezier(.4,0,.2,1); -moz-transition: all .8s cubic-bezier(.4,0,.2,1); transition: all .8s cubic-bezier(.4,0,.2,1); transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.swiper2 .swiper-slide-active .sbox .more { -webkit-transition: all .8s cubic-bezier(.4,0,.2,1); -moz-transition: all .8s cubic-bezier(.4,0,.2,1); transition: all .8s cubic-bezier(.4,0,.2,1); transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition-delay: .5s; -webkit-transition-delay: .5s; }
.swiper3 {   }
.swiper3 .swiper-slide { cursor: pointer; }
.swiper3 .swiper-slide .sbox { padding: 20px 30px; position: relative; background: #fff; border-radius: 5px; overflow: hidden; }
.swiper3 .swiper-slide .sbox s { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: #334466; opacity: 0.2; }
.swiper3 .swiper-slide.act .sbox s { opacity: 0; width: 0%; }
.i2 .iox .ilt .anniu { display: flex; margin-top: 30px; }
.i2 .iox .ilt .anniu .btn { display: block; width: 40px; height: 40px; background: rgba(255,255,255,0.2) url(../images/jt_b1.png) center no-repeat; border-radius: 50%; cursor: pointer; }
.i2 .iox .ilt .anniu .prev2 { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); margin-right: 10px; }
.i2 .iox .ilt .anniu .btn:hover { background: #bf2821 url(../images/jt_b1.png) center no-repeat; }
.i2 .iox .irt { width: 47.656vw; display: flex; align-items: center; align-content: center; }
.swiper4 {   }
.swiper4 .swiper-slide { opacity: 0; }
.swiper4 .swiper-slide .sbox { display: block; }
.swiper4 .swiper-slide img { display: block; width: 100%; transform: translateX(100px); -webkit-transform: translateX(100px); opacity: 0; -webkit-transition: all 0s cubic-bezier(.4,0,.2,1); -moz-transition: all 0s cubic-bezier(.4,0,.2,1); transition: all 0s cubic-bezier(.4,0,.2,1); }
.swiper4 .swiper-slide-active { opacity: 1; }
.swiper4 .swiper-slide-active img { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; -webkit-transition: all .8s cubic-bezier(.4,0,.2,1); -moz-transition: all .8s cubic-bezier(.4,0,.2,1); transition: all 0.8s cubic-bezier(.4,0,.2,1); }
.i3 { width: 100%; height: 100%; position: relative; z-index: 2; background: #000; }
.i3 .ul1 { display: none; }
.i3 .ul1 li { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
.i3 .ul1 li .tp { width: 100%; height: 100%; -webkit-clip-path: circle(0.0% at 100% 100%); clip-path: circle(0.0% at 100% 100%); }
.i3 .ul1 li.act .tp { -webkit-clip-path: circle(141.4% at 100% 100%); clip-path: circle(141.4% at 100% 100%); }
.i3 .ul2 { position: absolute; width: 100%; height: 180px; z-index: 5; left: 0; bottom: 0; z-index: 2; display: flex; }
.i3 .ul2::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; backdrop-filter: saturate(100%) blur(80px); background: rgba(0,0,0,0.2); opacity: 0.5; }
.i3 .ul2 li { width: 12.5%; position: relative; z-index: 3; display: flex; justify-content: center; align-items: center; align-content: center; text-align: center; color: #b8c0cc; cursor: pointer; }
.i3 .ul2 li .lox { position: relative; z-index: 3; width: 100%; }
.i3 .ul2 li .ico { margin: 0 auto 15px; position: relative; width: 40px; }
.i3 .ul2 li .ico img { display: block; width: 100%; }
.i3 .ul2 li .ico img:nth-child(2) { position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; }
.i3 .ul2 li s { display: block; width: 1px; height: 80px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #8a9199; opacity: 0.4; }
.i3 .ul2 li span { display: block; width: 0%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #d8261a; opacity: 0.7; border-radius: 20px 0; opacity: 0; }
.i3 .ul2 li.act .ico img:nth-child(1) { opacity: 0; }
.i3 .ul2 li.act .ico img:nth-child(2) { opacity: 1; }
.i3 .ul2 li.act .wz { color: #fff; width: 100%; }
.i3 .ul2 li.act span { width: 100%; opacity: 0.7; }
.i3 .ul2 li.act s { height: 0px; }
.i3 .iox { width: 100%; position: absolute; left: 0; top: 42%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #fff; z-index: 5; text-align: center; }
.i3 .iox .tt { position: relative; z-index: 2; line-height: 1; }
.i3 .iox .tt .en { font-size: 120px; position: absolute; left: 0; bottom: -20px; z-index: -1; font-family: arial; opacity: 0.1; width: 100%; }
.i3 .iox .tc { line-height: 32px; margin: 30px 0 30px; }
.i3 .iox .more { justify-content: center; }
.swiper5 {   }
.swiper5 .swiper-slide { overflow: hidden; }
.swiper5 .swiper-slide .sbox { width: 100%; height: 100vh; overflow: hidden; width: 70%; }
.swiper5 .swiper-slide .sbox .tp { display: block; width: 100%; height: 100%; position: relative; left: -30%; }
.swiper5 .swiper-slide-active .sbox,.swiper5 .swiper-slide-prev .sbox { width: 100%; }
.swiper5 .swiper-slide-active .sbox .tp,.swiper5 .swiper-slide-prev .sbox .tp { left: 0%; }
.i4 { width: 100%; height: 100%; position: relative; z-index: 2; background: url(../images/in_4.jpg) center no-repeat; background-size: cover; color: #fff; display: flex; align-items: center; align-content: center; }
.i4 .iox { width: 100%; }
.i4 .tt { position: relative; z-index: 2; line-height: 1; }
.i4 .tt .en { font-size: 120px; position: absolute; left: 0; bottom: -20px; z-index: -1; font-family: arial; opacity: 0.1; width: 100%; }
.i4 .more { position: absolute; width: 100%; left: 0; top: -20px; justify-content: center; padding-right: 5vw; }
.i4 .tc { line-height: 34px; width: 41.66vw; margin: 40px 0 140px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.i4 .ul1 { display: flex; }
.i4 .ul1 li { width: 200px; height: 180px; position: relative; background: #fff; overflow: hidden; border-radius: 10px; color: #000; margin-right: 10px; padding: 25px 30px; display: flex; align-items: flex-end; align-content: flex-end; }
.i4 .ul1 li .ico { width: 45px; position: absolute; top: 15px; right: 20px; }
.i4 .ul1 li .ico img { display: block; width: 100%; }
.i4 .ul1 li .ico img:nth-child(2) { position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; }
.i4 .ul1 li .ltc { color: #8a9199; height: 20px; overflow: hidden; }
.i4 .ul1 li .ltc2 { color: #fff; line-height: 30px; height: 0px; overflow: hidden; }
.i4 .ul1 li .day { display: flex; align-items: flex-end; align-content: end; margin-bottom: 15px; }
.i4 .ul1 li .day span,.i4 .ul1 li .day div { color: #525a66; }
.i4 .ul1 li .day .counter { font-family: 'din'; position: relative; bottom: -5px; margin-right: 5px; }
.i4 .ul1 li.act { width: 400px; background: #d8261a; padding: 20px 30px; }
.i4 .ul1 li.act .ico img:nth-child(1) { opacity: 0; }
.i4 .ul1 li.act .ico img:nth-child(2) { opacity: 1; }
.i4 .ul1 li.act .day,.i4 .ul1 li.act .day span,.i4 .ul1 li.act .day div { color: #fff; }
.i4 .ul1 li.act .ltc { height: 0px; }
.i4 .ul1 li.act .ltc2 { height: 60px; }
.i5 { width: 100%; height: 100%; position: relative; z-index: 2; background: url(../images/in_5.jpg) center no-repeat; background-size: cover; display: flex; align-items: center; align-content: center; }
.i5 .iox { width: 100%; }
.i5 .iox .tt { position: relative; z-index: 2; line-height: 1; }
.i5 .iox .tt .en { font-size: 120px; position: absolute; left: 0; bottom: -20px; z-index: -1; font-family: arial; opacity: 0.1; width: 100%; }
.i5 .iox .tt .anniu { position: absolute; right: 0; bottom: 0; z-index: 3; display: flex; }
.i5 .iox .tt .anniu .btn { display: flex; margin-left: 40px; cursor: pointer; }
.i5 .iox .tt .anniu .btn .ico { position: relative; margin-right: 5px; width: 18px; }
.i5 .iox .tt .anniu .btn .wz { color: #8a9099; }
.i5 .iox .tt .anniu .btn .ico img { display: block; width: 1005; }
.i5 .iox .tt .anniu .btn .ico img:nth-child(2) { position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; }
.i5 .iox .tt .anniu .btn.act .wz { color: #d8261a; }
.i5 .iox .tt .anniu .btn.act .ico img:nth-child(1) { opacity: 0; }
.i5 .iox .tt .anniu .btn.act .ico img:nth-child(2) { opacity: 1; }
.i5 .dlox { padding-top: 3.125vw; }
.i5 .dlox .dox { display: none; }
.i5 .dlox .dox:nth-child(1) { display: block; }
.i5 .dlox .dl1 { display: flex; }
.i5 .dlox .dl1 dd { width: 28.125%; margin-right: 2.5%; background: #fff; border-radius: 7px; overflow: hidden; }
.i5 .dlox .dl1 dd a { display: block; }
.i5 .dlox .dl1 dd a .img,.i5 .dlox .dl1 dd a .img img { display: block; width: 100%; overflow: hidden; }
.i5 .dlox .dl1 dd a .img img { transform: scale(1.001); -webkit-transform: scale(1.001); }
.i5 .dlox .dl1 dd a .txt { padding: 1.5vw 2vw; }
.i5 .dlox .dl1 dd a .txt .att { line-height: 36px; height: 72px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.i5 .dlox .dl1 dd a .txt .atc { 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; color: #8a9199; margin: 5px 0  20px; }
.i5 .dlox .dl1 dd a .txt .abtm { display: flex; justify-content: space-between; font-family: "arial"; line-height: 24px; }
.i5 .dlox .dl1 dd a .txt .abtm .alt { display: flex; align-items: center; align-content: center; font-family: arial; color: #666; }
.i5 .dlox .dl1 dd a .txt .abtm .alt .s { width: 24px; height: 24px; background: url(../images/in_5_3.png) center no-repeat; margin-right: 10px; }
.i5 .dlox .dl1 dd a .txt .abtm .alt .s s { display: block; width: 100%; height: 100%; background: url(../images/jt_b1.png) center no-repeat; background-size: 26px; }
.i5 .dlox .dl1 dd a .txt .abtm .art { color: #8a9099; padding-left: 20px; background: url(../images/day.png) center left no-repeat; }
.i5 .dlox .dl1 dd a:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.i5 .dlox .dl1 dd a:hover .txt .att { color: #d8261a; }
.i5 .dlox .dl1 dd a:hover .txt .abtm .alt .s { background: url(../images/in_5_3h.png) center no-repeat; }
.i5 .dlox .dl1 dt { width: 43.7%; background: #fff; border-radius: 7px; overflow: hidden; padding: 1.5vw 0; display: flex; align-content: space-between; flex-wrap: wrap; }
.i5 .dlox .dl1 dt .dtop { height: 50%; padding: 1vw 3vw 0; border-bottom: 1px solid #ddd; width: 100%; }
.i5 .dlox .dl1 dt .dtop a { display: block; width: 100%; height: 100%; }
.i5 .dlox .dl1 dt .dtop a .att { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.i5 .dlox .dl1 dt .dtop a .atc { 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; color: #8a9199; margin: 15px 0  40px; }
.i5 .dlox .dl1 dt .dtop a .day { font-family: arial; color: #8a9099; padding-left: 20px; background: url(../images/day.png) center left no-repeat; }
.i5 .dlox .dl1 dt .dtop a:hover .att { color: #d8261a; }
.i5 .dlox .dl1 dt .dbtm { padding: 2vw 3vw 0; height: 50%; width: 100%; }
.i5 .dlox .dl1 dt .dbtm .a { line-height: 2; display: flex; align-items: center; width: 100%; justify-content: space-between; margin-bottom: 5%; }
.i5 .dlox .dl1 dt .dbtm .a .alt { width: 75%; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.i5 .dlox .dl1 dt .dbtm .a .day { padding-left: 20px; color: #8a9199; padding-left: 20px; background: url(../images/day.png) center left no-repeat; font-family: arial; }
.i5 .dlox .dl1 dt .dbtm .a:hover .alt { color: #d8261a; }
.i5 .dlox .dl1 dt .dbtm .alt { display: flex; }
.i5 .dlox .dl1 dt .dbtm .alt a { display: block; font-family: arial; color: #8a9099; padding-left: 30px; background: url(../images/jth1.png) left center no-repeat; background-size: 24px; margin-top: 1vw; line-height: 26px; }
.i5 .dlox .dl1 dt .dbtm .alt a:hover { color: #d8261a; }
.i6 { width: 100%; height: 100%; position: relative; z-index: 2; background: url(../images/in_6.jpg) center no-repeat; background-size: cover; padding-top: 9.5vw; }
.i6 .iox { width: 100%; text-align: center; }
.i6 .iox .tt { position: relative; z-index: 2; line-height: 1; }
.i6 .iox .tt .en { font-size: 120px; position: absolute; left: 0; bottom: -20px; z-index: -1; font-family: arial; opacity: 0.1; width: 100%; }
.i6 .iox .tc { line-height: 32px; margin: 20px 0 60px; }
.swiper6 { padding-bottom: 40px; }
.swiper6 .swiper-slide {   }
.swiper6 .swiper-slide .sbox { display: block; width: 100%; padding-bottom: 10px; }
.swiper6 .swiper-slide .sbox .ul1 { display: flex; flex-wrap: wrap; }
.swiper6 .swiper-slide .sbox .ul1 li { width: 16.66%; margin: 0 0 20px; }
.swiper6 .pagination6 { bottom: 0; }
.swiper6 .pagination6 span { width: 8px; height: 8px; background: #666; opacity: 0.2; margin: 0 5px; }
.swiper6 .pagination6 .swiper-pagination-bullet-active { opacity: 1; }
.i7 { background: #f3f3f3 url(../images/in_7.jpg) center no-repeat; background-size: cover; position: relative; }
.i7 .iox { width: 100%; height: 100vh; display: flex; justify-content: space-between; align-items: center; align-content: center; }
.i7 .iox .ilt { width: 45%; padding-top: 5vw; }
.i7 .iox .ilt .tt { position: relative; z-index: 2; line-height: 1; }
.i7 .iox .ilt .tt .en { font-size: 120px; position: absolute; left: 0; bottom: -20px; z-index: -1; font-family: arial; opacity: 0.1; width: 100%; }
.swiper7 {   }
.swiper7 .swiper-slide {   }
.swiper7 .swiper-slide .sbox {   }
.swiper7 .swiper-slide .sbox .ul1 { display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center; }
.swiper7 .swiper-slide .sbox .ul1 li { width: 45%; height: 70px; padding: 8px 30px; line-height: 30px; cursor: pointer; margin-top: 2.6vw; position: relative; word-break: break-word; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.swiper7 .swiper-slide .sbox .ul1 li .s1 { width: 30px; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: url(../images/in_7_1.png) center no-repeat; }
.swiper7 .swiper-slide .sbox .ul1 li .s2 { width: 30px; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: url(../images/in_7_2.png) center no-repeat; }
.swiper7 .swiper-slide .sbox .ul1 li:hover { color: #d8261a; }
.swiper7 .swiper-slide .sbox .ul1 li:hover .s1 { background: url(../images/in_7_1h.png) center no-repeat; }
.swiper7 .swiper-slide .sbox .ul1 li:hover .s2 { background: url(../images/in_7_2h.png) center no-repeat; }
.swiper7 .anniu { display: flex; margin-top: 2.6vw; }
.swiper7 .anniu .btn { display: block; width: 40px; height: 40px; background: #dfe0e3 url(../images/jt_b1.png) center no-repeat; border-radius: 50%; cursor: pointer; }
.swiper7 .anniu .prev7 { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); margin-right: 10px; }
.swiper7 .anniu .btn:hover { background: #bf2821 url(../images/jt_b1.png) center no-repeat; }
.i7 .izz1 { width: 100%; position: absolute; top: 0; left: 0; z-index: 5; pointer-events: none; }
.i7 .izz2 { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 5; pointer-events: none; }
.i7 .izz1 img,.i7 .izz2 img { width: 100%; }
.i7 .iox .irt { width: 40%; height: 100%; position: relative; pointer-events: none; }
.i7 .iox .irt .ul1 { width: 100%; height: 100%; display: flex; pointer-events: none; }
.i7 .iox .irt .ul1 li { width: 33.33%; height: 100%; }
.i7 .iox .irt .tp_tc { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; background: url(../images/in_7_5.png) center no-repeat; background-size: cover; display: flex; align-items: center; align-content: center; justify-content: center; text-align: center; opacity: 0; pointer-events: none; }
.i7 .iox .irt .tp_tc .img { width: 23.45vw; max-width: 450px; -moz-box-shadow: 0px 1px 20px #aaa; -webkit-box-shadow: 0px 1px 20px #aaa; box-shadow: 0px 1px 20px #aaa; margin: 0 auto; }
.i7 .iox .irt .tp_tc .stt { line-height: 1.5; margin-top: 35px; }
.i7 .iox .irt .tp_tc .tox { transform: scale(0.01); -webkit-transform: scale(0.01); opacity: 0; }
.i7 .iox .irt .tp_tc.act { opacity: 1; }
.i7 .iox .irt .tp_tc.act .tox { transform: scale(1); -webkit-transform: scale(1); opacity: 1; transition-delay: .5s; -webkit-transition-delay: .5s; }
.swiper8 { width: 100%; height: 100%; }
.swiper8 .swiper-slide { padding: 20px; width: 100%; height: auto; }
.swiper8 .swiper-slide .sbox { width: 100%; height: 100%; }
.swiper8 .swiper-slide .sbox img { height: 100%; width: auto; margin: 0 auto; -moz-box-shadow: 0px 1px 20px #aaa; -webkit-box-shadow: 0px 1px 20px #aaa; box-shadow: 0px 1px 20px #aaa; }
.swiper8 >  .swiper-wrapper { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; margin: 0 auto; }
/* 底部 */
.footer { background: #ebebeb; border-top: 6px solid #d8261a; }
.footer1 { padding: 60px 0; justify-content: space-between; }
.footer1 .flt { width: 100%; }
.footer1 .flt .ftop { display: flex; align-items: center; align-content: center; }
.footer1 .flt .ftop .logo { width: 180px; }
.footer1 .flt .ftop .xian { display: block; width: 1px; height: 20px; background: #cecfd0; margin: 0 30px; }
.footer1 .flt .ftop .a { display: flex; }
.footer1 .flt .ftop .a a { display: block; position: relative; margin-right: 20px; }
.footer1 .flt .ftop .a a .ico { position: relative; border: 1px solid #93979b; border-radius: 50%; width: 32px; }
.footer1 .flt .ftop .a a .ico img { display: block; width: 30px; }
.footer1 .flt .ftop .a a .ico img:nth-child(2) { position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; }
.footer1 .flt .ftop .a a .wz { position: absolute; padding: 10px 15px; background: #fff; border-radius: 5px; top: 30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); font-family: "din"; pointer-events: none; opacity: 0; }
.footer1 .flt .ftop .a a .wz s { display: block; width: 16px; height: 8px; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; background: url(../images/fo_1_4.png) center no-repeat; }
.footer1 .flt .ftop .a a .ewm { width: 80px; height: 80px; position: absolute; top: 50%; left: 30px; background: #fff; border-radius: 5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 5px; pointer-events: none; opacity: 0; }
.footer1 .flt .ftop .a a .ewm s { display: block; width: 16px; height: 8px; position: absolute; bottom: 50%; left: -12px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); margin-bottom: -4px; background: url(../images/fo_1_4.png) center no-repeat; }
.footer1 .flt .ftop .a a:hover .wz { opacity: 1; top: 50px; }
.footer1 .flt .ftop .a a:hover .ewm { opacity: 1; left: 60px; }
.footer1 .flt .ftop .a a:hover .ico { border: 1px solid #d8261a; }
.footer1 .flt .ftop .a a:hover .ico img:nth-child(1) { opacity: 0; }
.footer1 .flt .ftop .a a:hover .ico img:nth-child(2) { opacity: 1; }
.footer1 .flt .ul1 { display: flex; margin: 50px 0 30px; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.footer1 .flt .ul1 li { cursor: pointer; display: block; line-height: 40px; padding: 0 25px; background: rgba(0,0,0,0); border-radius: 0px; color: #555; }
.footer1 .flt .ul1 li.act,.footer1 .flt .ul1 li:hover { background: #d8261a; border-radius: 30px 30px 30px 0; color: #fff; }
.footer1 .flt .ul2 {   }
.footer1 .flt .ul2 li { display: none; }
.footer1 .flt .ul2 li:nth-child(1) { display: block; }
.footer1 .flt .ul2 li dl {   }
.footer1 .flt .ul2 li dl dd {   }
.footer1 .flt .ul2 li dl dd a { display: flex; align-items: flex-start; align-content: flex-start; margin-bottom: 20px; line-height: 24px; }
.footer1 .flt .ul2 li dl dd a .ico { width: 25px; position: relative; margin-top: 6px; }
.footer1 .flt .ul2 li dl dd a span { font-family: "din"; position: relative; top: 2px; color: #d8261a; }
.footer1 .flt .ul2 li dl dd a .wz { width: calc(100% - 25px); }
.footer1 .frt { width: 100%; margin-top: 50px; }
.footer1 .frt .ul1 { display: flex; position: relative; z-index: 3; justify-content: space-between; }
.footer1 .frt .ul1 li { position: relative; }
.footer1 .frt .ul1 li .ltop a { display: block; line-height: 20px; }
.footer1 .frt .ul1 li .lbtm a { margin-top: 15px; display: block; line-height: 1.5; padding-right: 10px; }
.footer1 .frt .ul1 li .xian { display: block; width: 20px; height: 2px; background: #d8261a; margin-top: 30px; position: relative; z-index: 2; }
.footer1 .frt .ul1::after { content: ''; display: block; width: 100%; height: 1px; background: #d8d9db; position: absolute; left: 0; top: 51px; }
.footer1 .frt .ul1 li a:hover { color: #d8261a; }
.footer2 { padding: 30px 0 40px; border-top: 1px solid #cecfd0; position: relative; z-index: 3; display: flex; justify-content: space-between; }
.footer2 .flt { display: flex; }
.footer2 .flt .a { display: block; margin-right: 10px; }
.footer2 *,.footer2 a { color: #666; }
.footer2 a:hover { color: #d8261a; opacity: 1; }
.dh_left { transform: translateX(-100px); -webkit-transform: translateX(-100px); opacity: 0; }
.dh_right { transform: translateX(100px); -webkit-transform: translateX(100px); opacity: 0; }
.dh_top { transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; }
.fpg .section.active .dh_left,.fpg .section.active .dh_right { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; -webkit-transition: all .8s cubic-bezier(.4,0,.2,1); -moz-transition: all .8s cubic-bezier(.4,0,.2,1); transition: all .8s cubic-bezier(.4,0,.2,1); transition-delay: .5s; -webkit-transition-delay: .5s; }
.fpg .section.active .dh_top { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; -webkit-transition: all .8s cubic-bezier(.4,0,.2,1); -moz-transition: all .8s cubic-bezier(.4,0,.2,1); transition: all .8s cubic-bezier(.4,0,.2,1); transition-delay: .5s; -webkit-transition-delay: .5s; }
.fpg .section.active .dhsd1 { transition-delay: .6s; -webkit-transition-delay: .6s; }
.fpg .section.active .dhsd2 { transition-delay: .7s; -webkit-transition-delay: .7s; }
.fpg .section.active .dhsd3 { transition-delay: .8s; -webkit-transition-delay: .8s; }
.fpg .section.active .dhsd4 { transition-delay: .9s; -webkit-transition-delay: .9s; }
.fpg .section.active .dhsd5 { transition-delay: 1s; -webkit-transition-delay: 1s; }
.fpg .section.active .dhsd6 { transition-delay: 1.1s; -webkit-transition-delay: 1.1s; }
.fpg .section.active .dhsd7 { transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }
.fpg .section.active .dhsd8 { transition-delay: 1.3s; -webkit-transition-delay: 1.3s; }
/* 产品列表 */
.banner1 { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.banner1 .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-size: cover !important; }
.banner1 .bg img { display: none; }
.banner1 .txt { width: 100%; color: #fff; position: absolute; left: 0; top: 43%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 2; }
.banner1 .txt .xh { width: 70px; position: absolute; right: 0; top: 50%; margin-top: -35px; }
.banner1 .txt .xh .xh2 { position: absolute; width: 26px; height: 40px; background: url(../images/xh2.png) center no-repeat; position: absolute; top: 0; left: 50%; margin-left: -13px; overflow: hidden; }
.banner1 .txt .xh .xh2 span { display: block; width: 3px; height: 8px; background: #fff; position: absolute; top: -100%; left: 50%; margin-left: -2px; -webkit-animation: sx 2s linear infinite; animation: sx 2s linear infinite; }
.pr_list { padding: 5.2vw 0 7.8vw; background: #f6f7f7; }
.pr_list .ptop { display: flex; justify-content: space-between; }
.pr_list .ptop .plt { width: 66.25%; }
.pr_list .ptop .prt { width: 31.875%; }
.pr_list a { display: block; position: relative; overflow: hidden; }
.pr_list a .img,.pr_list a .img img { display: block; width: 100%; overflow: hidden; }
.pr_list a .img img { transform: scale(1.001); -webkit-transform: scale(1.001); width: 100%; }
.pr_list a .img .m { display: none; }
.pr_list a .img s { display: block; width: 100%; height: 100%; background: url(../images/pr_2.png) center bottom repeat-x; z-index: 2; position: absolute; top: 0; left: 0; }
.pr_list a .txt { width: 100%; position: absolute; left: 0; bottom: 30px; z-index: 3; padding: 0 50px; color: #fff; }
.pr_list a .txt .att { line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pr_list a .txt .mo { padding-left: 44px; line-height: 24px; background: url(../images/pr_1.png) center left no-repeat; font-family: arial; margin-top: 20px; margin-bottom: -45px; opacity: 0; }
.pr_list a:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.pr_list a:hover .txt .mo { margin-bottom: 0px; opacity: 1; }
.pr_list .ul1 { display: flex; flex-wrap: wrap; }
.pr_list .ul1 li { width: 31.875%; margin: 2.1875% 2.1875% 0 0; }
.pr_list .ul1 li:nth-child(3n) { margin-right: 0; }
/* 产品详情 */
.banner1 .tpx { width: 100%; position: absolute; left: 0; bottom: 5vw; z-index: 5; }
.banner1 .tpx .ul1 { display: flex; }
.banner1 .tpx .ul1 li { width: 23.75%; margin-right: 1.66%; background: #fff; }
.banner1 .tpx .ul1 li:last-child { margin-right: 0; }
.banner1 .tpx .ul1 li a { display: block; position: relative; overflow: hidden; height: 100%; }
.banner1 .tpx .ul1 li a img { transform: scale(1.001); -webkit-transform: scale(1.001); width: 100%; height: 82%; object-fit: contain; }
.banner1 .tpx .ul1 li a .wz { position: absolute; left: 10px; bottom: 10px; z-index: 2; width: calc(100% - 20px); border: 1px solid #000; padding: 0 10px; line-height: 40px; text-align: center; color: #fff; background: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.banner1 .tpx .ul1 li.act a .wz,.banner1 .tpx .ul1 li:hover a .wz { background: #d8261a; border: 1px solid #d8261a; }
.banner1 .tpx .ul1 li:hover  a img { transform: scale(1.1); -webkit-transform: scale(1.1); width: 100%; }
.prc1 { padding: 7.8vw 0 5.2vw; background: #f6f7f7; }
.prc1 .pox { display: flex; justify-content: space-between; }
.prc1 .pox .plt { width: 10.5%; }
.prc1 .pox .plt li { width: 100%; position: relative; margin-bottom: 1.65vw; cursor: pointer; overflow: hidden; }
.prc1 .pox .plt li img { display: block; width: 100%; border-radius: 10px; }
.prc1 .pox .plt li:last-child { margin-bottom: 0; }
.prc1 .pox .plt li s { display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; border: 2px solid #d8261a; position: absolute; border-radius: 10px; opacity: 0; }
.prc1 .pox .plt li.act s { opacity: 1; }
.prc1 .pox .prt { position: relative; background: #fff; width: 88.125%; }
.prc1 .pox .prt .pimg { width: 57%; }
.prc1 .pox .prt .pimg img { display: block; width: 100%; }
.prc1 .pox .prt .pimg .next9 { width: 60px; height: 60px; background: rgba(255,255,255,0.3) url(../images/jt_b1.png) center no-repeat; border-radius: 50%; margin-top: -30px; right: 20px; }
.prc1 .pox .prt .pimg .prev9 { width: 60px; height: 60px; background: rgba(255,255,255,0.3) url(../images/jt_b1.png) center no-repeat; border-radius: 50%; margin-top: -30px; left: 20px; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.prc1 .pox .prt .pimg .prev9:hover,.prc1 .pox .prt .pimg .next9:hover { background: #d8261a url(../images/jt_b1.png) center no-repeat; }
.prc1 .pox .prt .txt { width: 43%; height: 100%; top: 0; right: 0; position: absolute; padding: 2.6vw; }
.prc1 .pox .prt .txt .ptt { line-height: 3.12vw; padding-bottom: 1.56vw; color: #000; }
.prc1 .pox .prt .txt .ptt2 { line-height: 4vw; border-top: 1px solid #ddd; border-bottom: 1px dashed #ddd; color: #333; }
.prc1 .pox .prt .txt .ptc { line-height: 30px; height: calc(100% - 10.4vw); margin-top: 1.56vw; overflow: auto; padding-right: 10px; }
.prc2 { background: #f6f7f7; }
.prc2 .btn { display: flex; }
.prc2 .btn span { display: block; width: 33.33%; line-height: 60px; background: #fff; border: 1px solid #ddd; text-align: center; padding: 0 10px; cursor: pointer; color: #555; }
.prc2 .btn span.act,.prc2 .btn span:hover { background: #d8261a; color: #fff; border: 1px solid #d8261a; }
.prc2 .btn span.act { font-weight: bold; }
.prc2 .dl1 { padding: 4.68vw 0; }
.prc2 .dl1 dd { display: none; }
.prc2 .dl1 dd:nth-child(1) { display: block; }
.prc2 .dl1 dd .dtt { display: flex; padding-left: 20px; border-left: 3px solid #333; margin-bottom: 30px; }
.prc2 .dl1 dd .swiper10 { padding-bottom: 50px; margin-bottom: 100px; }
.prc2 .dl1 dd .swiper10 .swiper-slide {   }
.prc2 .dl1 dd .swiper10 .swiper-slide .sbox { position: relative; overflow: hidden; }
.prc2 .dl1 dd .swiper10 .swiper-slide .sbox img { display: block; width: 100%; transform: scale(1.001); -webkit-transform: scale(1.001); }
.prc2 .dl1 dd .swiper10 .swiper-slide .sbox .txt { width: 100%; height: 100%; position: absolute; top: 50px; opacity: 0; left: 0; z-index: 3; background: url(../images/pr_4.png) center bottom repeat-x; padding: 1.56vw 2.6vw; color: #fff; line-height: 1.5; display: flex; align-items: flex-end; align-content: flex-end; }
.prc2 .dl1 dd .swiper10 .swiper-slide:hover .sbox .txt { opacity: 1; top: 0px; }
.prc2 .dl1 dd .swiper10 .swiper-slide:hover .sbox img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.prc2 .dl1 dd .swiper10 .next10 { width: 60px; height: 60px; background: rgba(255,255,255,0.3) url(../images/jt_b1.png) center no-repeat; border-radius: 50%; margin-top: -60px; right: 50px; }
.prc2 .dl1 dd .swiper10 .prev10 { width: 60px; height: 60px; background: rgba(255,255,255,0.3) url(../images/jt_b1.png) center no-repeat; border-radius: 50%; margin-top: -60px; left: 50px; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.prc2 .dl1 dd .swiper10 .prev10:hover,.prc2 .dl1 dd .swiper10 .next10:hover { background: #d8261a url(../images/jt_b1.png) center no-repeat; }
.prc2 .dl1 dd .swiper10 .pagination10 { bottom: 0; }
.prc2 .dl1 dd .swiper10 .pagination10 span { width: 15px; height: 15px; background: #dde1e4; opacity: 1; margin: 0 10px; }
.prc2 .dl1 dd .swiper10 .pagination10 span.swiper-pagination-bullet-active { background: #d8261a; }
.prc2 .dl1 dd .ul1 { display: flex; flex-wrap: wrap; }
.prc2 .dl1 dd .ul1 li { width: 32.8%; margin: 0 0.8% 40px 0; padding-top: 30px; border-top: 1px solid #ddd; display: flex; align-content: space-between; flex-wrap: wrap; }
.prc2 .dl1 dd .ul1 li:nth-child(3n) { margin-right: 0; }
.prc2 .dl1 dd .ul1 li .txt { width: 100%; line-height: 1.5; }
.prc2 .dl1 dd .ul1 li .txt .ltc { line-height: 1.7; margin: 10px 0 20px; }
.prc2 .dl1 dd .ul1 li .img { display: block; width: 100%; overflow: hidden; }
.prc2 .dl1 dd .ul1 li .img img { width: 100%; transform: scale(1.0001); -webkit-transform: scale(1.0001); -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.prc2 .dl1 dd .ul1 li:hover .img img { width: 100%; transform: scale(1.1); -webkit-transform: scale(1.1); }
.prc2 .dl1 dd .swiper11 { width: 110%; padding-bottom: 60px; }
.prc2 .dl1 dd .swiper11 .swiper-slide { width: 29.8%; background: #fff; }
.prc2 .dl1 dd .swiper11 .swiper-slide .sbox .txt { padding: 30px; }
.prc2 .dl1 dd .swiper11 .swiper-slide .sbox .txt .stt { line-height: 26px; height: 52px; }
.prc2 .dl1 dd .swiper11 .swiper-slide .sbox .txt .stc { line-height: 30px; height: 120px; }
.prc2 .dl1 dd .swiper11 .scrollbar11 { bottom: 0; top: auto; width: 91%; height: 4px; border-radius: 0px; left: 0; }
.prc2 .dl1 dd .swiper11 .scrollbar11 .swiper-scrollbar-drag { background: #d8261a; border-radius: 0; }
.prc2 .dl1 .dd2 .dtc2 { line-height: 2.5; color: #333; padding-left: 25px; }
.prc2 .dl1 .dd2 .dtc2 img { max-width: 100%; height: auto; margin: 20px 0; }
.prc2 .dl1 .dd3 .dox { display: flex; justify-content: space-between; margin-top: 50px; }
.prc2 .dl1 .dd3 .dox .dlt { width: 34.375%; }
.prc2 .dl1 .dd3 .dox .dlt li { width: 100%; height: 200px; background-size: cover; padding: 30px; color: #fff; display: flex; align-content: flex-end; flex-wrap: wrap; margin-bottom: 25px; }
.prc2 .dl1 .dd3 .dox .dlt li div { width: 100%; margin-top: 10px; }
.prc2 .dl1 .dd3 .dox .drt { width: 61.25%; text-align: left; line-height: 1.5; }
.prc2 .dl1 .dd3 .dox .drt .dtc { color: #666; text-align: left; line-height: 2; margin-top: 30px; }
.prc2 .dl1 .dd3 .dox .drt .dtc .h { color: #d8261a; font-weight: bold; }
.prc2 .dl1 .dd3 .dox .drt .dtc .hh { height: .8vw; }
.prc3 { padding: 130px 0; background-size: cover; position: relative; text-align: center; color: #fff; background-size: cover !important; }
.prc3 .bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
.prc3 .box { z-index: 2; }
.prc3 .more .wz { margin: 20px auto 0; }
/* 应用行业 */
.banner_app .aox { display: flex; justify-content: space-between; align-items: center; align-content: center; }
.banner_app .aox .alt { width: 28%; }
.banner_app .aox .alt .tt { position: relative; z-index: 2; line-height: 1; }
.banner_app .aox .alt .tt .en { font-size: 120px; position: absolute; left: 0; bottom: -20px; z-index: -1; font-family: arial; opacity: 0.1; }
.banner_app .aox .alt .tc { line-height: 32px; text-align: left; margin-top: 30px; }
.banner_app .aox .art { width: 68.125%; display: flex; position: relative; z-index: 3; }
.banner_app .aox .art li { width: 23%; margin-right: 2.66%; position: relative; }
.banner_app .aox .art li .img { position: relative; width: 100%; color: #fff; text-align: center; margin-bottom: 30px; overflow: hidden; }
.banner_app .aox .art li .img img { display: block; width: 100%; }
.banner_app .aox .art li .img .ico { width: 84px; position: absolute; top: 0px; left: 20px; z-index: 2; }
.banner_app .aox .art li .img:last-child { margin-bottom: 0; }
.banner_app .aox .art li:nth-child(2n - 1) { top: 3.9vw; }
.banner_app .aox .art li .img > img { transform: scale(1.001); -webkit-transform: scale(1.001); }
.banner_app .txt { top: 50% }
.banner_app .aox .art li .img:hover > img { transform: scale(1.05); -webkit-transform: scale(1.05); }
/* 公司介绍 */
.banner_ab .txt { top: 50%; }
.banner_ab .tt { position: relative; z-index: 2; line-height: 1; }
.banner_ab .tt .en { font-size: 120px; position: absolute; left: 0; bottom: -14px; z-index: -1; font-family: "imp"; letter-spacing: 2px; opacity: 0.05; color: #000; }
.banner_ab .nav { position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; height: 100px; border-top: 1px solid rgba(255,255,255,0.2); }
.banner_ab .nav .ul1 { display: flex; }
.banner_ab .nav .ul1 a { display: flex; align-items: center; align-content: center; height: 100px; margin-right: 35px; color: #fff; opacity: 0.5; border-top: 1px solid rgba(0,0,0,0); margin-top: -1px; }
.banner_ab .nav .ul1 a.act,.banner_ab .nav .ul1 a:hover { opacity: 1; border-top: 1px solid #d8261a; }
.ab1 { padding: 7.8vw 0 14.5vw; background-size: cover !important; min-height: 100vh; }
.ab1 .aox { display: flex; justify-content: space-between; }
.ab1 .aox .alt { width: 55%; }
.ab1 .aox .alt .tt { position: relative; z-index: 2; line-height: 1; color: #fff; }
.ab1 .aox .alt .tt .en { font-size: 120px; position: absolute; left: 0; bottom: -14px; z-index: -1; font-family: "imp"; letter-spacing: 2px; opacity: 0.05; color: #fff; }
.ab1 .aox .alt .tt2 { display: flex; margin: 5.2vw 0 2.6vw; color: #fff; align-items: center; align-content: center; }
.ab1 .aox .alt .tt2 .logo { display: block; width: 180px; margin-right: 5px; }
.ab1 .aox .alt .tt2 .wz .en { margin-top: 5px; }
.ab1 .aox .alt .tc { color: #fff; text-align: left; line-height: 34px; height: 300px; overflow: auto; padding-right: 10px; }
.ab1 .aox .alt .tc::-webkit-scrollbar { display: block !important; width: 8px; height: 8px; border-radius: 30px; }
.ab1 .aox .alt .tc::-webkit-scrollbar-thumb { display: block !important; background: #d8261a url(../images/gdt.png) center no-repeat !important; border-radius: 30px !important; }
.ab1 .aox .alt .tc::-webkit-scrollbar-track { background: #e7e8ea !important; border-radius: 30px !important; }
.ab1 .aox .art { width: 40%; padding-top: 8vw; }
.ab1 .aox .art .ul1 { display: flex; flex-wrap: wrap; width: 100%; }
.ab1 .aox .art .ul1 li { width: 32%; height: 180px; position: relative; background: #fff; overflow: hidden; border-radius: 10px; color: #000; margin-right: 2%; padding: 4%; display: flex; align-items: flex-end; align-content: flex-end; margin-top: 2%; cursor: pointer; }
.ab1 .aox .art .ul1 li:nth-child(1) { width: 100%; margin-right: 0; }
.ab1 .aox .art .ul1 li:last-child { margin-right: 0; }
.ab1 .aox .art .ul1 li .ico { width: 45px; position: absolute; top: 15px; right: 20px; }
.ab1 .aox .art .ul1 li .ico img { display: block; width: 100%; }
.ab1 .aox .art .ul1 li .ico img:nth-child(2) { position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; }
.ab1 .aox .art .ul1 li .ltc { color: #8a9199; height: 20px; overflow: hidden; }
.ab1 .aox .art .ul1 li .ltc2 { color: #fff; line-height: 24px; height: 0px; overflow: hidden; text-align: left; }
.ab1 .aox .art .ul1 li .day { display: flex; align-items: flex-end; align-content: end; margin-bottom: 15px; }
.ab1 .aox .art .ul1 li .day span,.i4 .ul1 li .day div { color: #525a66; }
.ab1 .aox .art .ul1 li .day .counter { font-family: 'din'; position: relative; bottom: -5px; margin-right: 5px; color: #000; }
.ab1 .aox .art .ul1 li.act,.ab1 .aox .art .ul1 li.act { background: #d8261a; padding: 20px; }
.ab1 .aox .art .ul1 li.act .ico img:nth-child(1) { opacity: 0; }
.ab1 .aox .art .ul1 li.act .ico img:nth-child(2) { opacity: 1; }
.ab1 .aox .art .ul1 li.act .day,.ab1 .aox .art .ul1 li.act .day span,.ab1 .aox .art .ul1 li.act .day div { color: #fff; }
.ab1 .aox .art .ul1 li.act .ltc { height: 0px; }
.ab1 .aox .art .ul1 li.act .ltc2 { height: 72px; }
.ab2 { min-height: 100vh; padding: 7.8vw 0 5.2vw; background-size: cover !important; }
.ab2 .atop { display: flex; color: #fff; justify-content: space-between; align-items: self-start; align-content: flex-start; }
.ab2 .atop .alt { width: 20%; }
.ab2 .atop .tt { position: relative; z-index: 2; line-height: 1; color: #fff; }
.ab2 .atop .tt .en { font-size: 120px; position: absolute; left: 0; bottom: -14px; z-index: -1; font-family: "imp"; letter-spacing: 2px; opacity: 0.05; color: #fff; }
.ab2 .atop .tt2 { margin-top: 30px; }
.ab2 .atop .art { width: auto; }
.ab2 .atop .art .ul1 { display: flex; justify-content: flex-end; }
.ab2 .atop .art .ul1 li { flex: 1; border-left: 1px solid rgba(255,255,255,0.2); position: relative; padding: 2%; height: auto; }
.ab2 .atop .art .ul1 li:last-child { border-right: 1px solid rgba(255,255,255,0.2); }
.ab2 .atop .art .ul1 li .txt { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.ab2 .atop .art .ul1 li .txt .ltt { opacity: 0.3; font-size: 16px; line-height: 1.5; }
.ab2 .atop .art .ul1 li .txt .img { display: flex; justify-content: flex-end; margin-top: 40px; }
.ab2 .atop .art .ul1 li .xqtxt { height: 100%; position: absolute; top: 0; right: 0; background: rgba(255,255,255,0.1); border-radius: 10px; padding: 5%; opacity: 0; pointer-events: none; }
.ab2 .atop .art .ul1 li .xqtxt .ltt { font-size: 15px; line-height: 1.5; }
.ab2 .atop .art .ul1 li .xqtxt .ltc { line-height: 1.5; text-align: left; margin-top: 10px; font-size: 13px; }
.ab2 .atop .art .ul1 li.act { flex: 2; border-left: 1px solid rgba(0,0,0,0); }
.ab2 .atop .art .ul1 li.act .txt { opacity: 0; }
.ab2 .atop .art .ul1 li.act .xqtxt { opacity: 1; transition-delay: .2s; -webkit-transition-delay: .2s; }
.ab2 .atop .art .ul1:hover li { border-left: 1px solid rgba(0,0,0,0); }
.ab2 .atop .art .ul1:hover li:last-child { border-right: 1px solid rgba(0,0,0,0); }
.ab2 .abtm { position: relative; margin-top: 9.4vw; }
.ab2 .abtm .swiper12 { width: 110%; }
.ab2 .abtm .swiper12 .swiper-slide { width: 27.4%; }
.ab2 .abtm .swiper12 .swiper-slide .img,.ab2 .abtm .swiper12 .swiper-slide .img img { display: block; width: 100%; overflow: hidden; }
.ab2 .abtm .swiper12 .swiper-slide .txt { background: #fff; }
.ab2 .abtm .swiper12 .swiper-slide .txt .stt { line-height: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 25px; }
.ab2 .abtm .swiper12 .swiper-slide .txt .xian { display: block; width: 100%; height: 3px; background: #ddd; }
.ab2 .abtm .swiper12 .swiper-slide .txt .xian s { width: 0%; display: block; height: 100%; background: #d8261a; }
.ab2 .abtm .swiper12 .swiper-slide .img img { transform: scale(1.00001); -webkit-transform: scale(1.00001); }
.ab2 .abtm .swiper12 .swiper-slide:hover .txt .xian s { width: 100%; }
.ab2 .abtm .swiper12 .swiper-slide:hover  .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.ab3 { background-size: cover !important; }
.ab3 .iox .ilt .tt { color: #fff; }
.ab3 .iox .ilt .tt .en { font-family: 'imp'; bottom: -15px; }
.ab3 .swiper7 .swiper-slide .sbox .ul1 li .s1 { background: url(../images/in_7_1b.png) center no-repeat; }
.ab3 .swiper7 .swiper-slide .sbox .ul1 li .s2 { background: url(../images/in_7_2b.png) center no-repeat; }
.ab3 .swiper7 .swiper-slide .sbox .ul1 li { color: #fff; word-break: break-word; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ab3 .swiper7 .swiper-slide .sbox .ul1 li:hover { color: #d8261a; }
.ab3 .swiper7 .swiper-slide .sbox .ul1 li:hover .s1 { background: url(../images/in_7_1h.png) center no-repeat; }
.ab3 .swiper7 .swiper-slide .sbox .ul1 li:hover .s2 { background: url(../images/in_7_2h.png) center no-repeat; }
.ab3 .iox .irt .tp_tc,.ab3 .iox .irt .tp_tc.act { background: rgba(0,0,0,0); }
.swiper13 { width: 100%; height: 100vh; }
.swiper13 .swiper-slide { padding: 20px; width: 100%; height: auto; }
.swiper13 .swiper-slide .sbox { width: 100%; height: 100%; }
.swiper13 .swiper-slide .sbox img { height: 100%; width: auto; margin: 0 auto; -moz-box-shadow: 0px 1px 20px #aaa; -webkit-box-shadow: 0px 1px 20px #aaa; box-shadow: 0px 1px 20px #aaa; }
.swiper13 >  .swiper-wrapper { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; margin: 0 auto; }
.ab4 { padding: 10.4vw 0 7.8vw; text-align: center; background-size: cover !important; }
.ab4 .tc { line-height: 1.5; margin: 30px 0 50px; }
.ab4 .swiper6 .pagination6 span { opacity: 1; background: #fff; }
.ab4 .swiper6 .pagination6 span.swiper-pagination-bullet-active { background: #d8261a; }
.ab5 { padding: 7.3vw 0 8.6vw; background: #384f63; color: #fff; }
.ab5 .tt { color: #fff; position: relative; z-index: 3; }
.ab5 .tt .en { font-size: 120px; position: absolute; left: 0; bottom: -14px; z-index: -1; font-family: "imp"; letter-spacing: 2px; opacity: 0.05; color: #fff; }
.ab5 .ul1 { margin: 4.16vw 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.ab5 .ul1 li { width: 47%; margin-bottom: 2.6vw; border-bottom: 1px solid #aaa; }
.ab5 .ul1 li .lbtm { position: relative; display: flex; align-items: center; align-content: center; }
.ab5 .ul1 li .lbtm input,.ab5 .ul1 li .lbtm select,.ab5 .ul1 li .lbtm textarea { display: block; background: rgba(0,0,0,0); border: 0; height: 70px; resize: none; outline: none; font-weight: 100; width: 100%; font-family: "微软雅黑",arial; color: #fff; }
.ab5 .ul1 li .lbtm input,.ab5 .ul1 li .lbtm textarea {   }
.ab5 .ul1 li .lbtm select option { font-weight: 100; color: #666; }
.ab5 .ul1 li .lbtm .jt { position: absolute; width: 50px; height: 100%; position: absolute; top: 0; right: 0; z-index: 3; background: url(../images/ab_5_1.png) center no-repeat; }
.ab5 .ul1 li .lbtm input::-webkit-input-placeholder,.ab5 .ul1 li .lbtm textarea::-webkit-input-placeholder { color: rgba(255,255,255,0.2); }
.ab5 .ul1 li .lbtm input::-moz-placeholder,.ab5 .ul1 li .lbtm textarea::-moz-placeholder { color: rgba(255,255,255,0.2); }
/* firefox 19+ */
.ab5 .ul1 li .lbtm input:-ms-input-placeholder,.ab5 .ul1 li .lbtm textarea:-ms-input-placeholder { color: rgba(255,255,255,0.2); }
/* ie */
.ab5 .ul1 li .lbtm input:-moz-placeholder,.ab5 .ul1 li .lbtm textarea:-moz-placeholder { color: rgba(255,255,255,0.2); }
.ab5 .ul1 li.yzm .lbtm { justify-content: flex-start; }
.ab5 .ul1 li.yzm .lbtm input { width: 200px; }
.ab5 .ul1 li .lbtm textarea { padding: 20px 0 0; }
.ab5 .tj { display: block; width: 220px; line-height: 60px; background: #d8261a; color: #fff; border-radius: 10px; color: #fff; text-align: center; cursor: pointer; letter-spacing: 5px; }
.ab5 .tj:hover { background: #f00; }
/* 视频 */
.vid1 { padding: 230px 0 150px; background-size: cover !important; }
.vid1 .tt { color: #fff; position: relative; z-index: 3; }
.vid1 .tt .en { font-size: 120px; position: absolute; left: 0; bottom: -14px; z-index: -1; font-family: "imp"; letter-spacing: 2px; opacity: 0.05; color: #000; }
.vid1 .anniu { display: flex; justify-content: flex-end; margin: 10px 0 100px; position: relative; }
.vid1 .anniu .btn { width: 140px; height: 40px; background: #434952 url(../images/vid_1_1.png) center no-repeat; margin-left: 20px; border-radius: 30px 30px 30px 0; cursor: pointer; }
.vid1 .anniu .next14 { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.vid1 .anniu .btn:hover { background: #d8261a url(../images/vid_1_1.png) center no-repeat; }
.vid1 .anniu .mo { padding-left: 35px; line-height: 26px; background: url(../images/pr_1.png) left center no-repeat; color: #666; position: absolute; left: 0; top: 15px; }
.vid1 .anniu .mo:hover { color: #d8261a; }
.vid1 .anniu2 { margin: 30px 0 0; }
.vid1 .vbtm { position: relative; }
.vid1 .vbtm .vlt { position: relative; width: 79.6%; z-index: 5; }
.vid1 .vbtm .vlt img { display: block; width: 100%; z-index: 5; cursor: pointer; border-radius: 10px; position: relative; pointer-events: none; }
.vid1 .vbtm .vlt .c { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; opacity: 1; }
.vid1 .vbtm .vlt video { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; object-fit: cover; display: block; }
.vid1 .vbtm .vlt .vtt { position: absolute; bottom: 0; left: 0; z-index: 6; width: 100%; padding: 0 20px 100px; color: #fff; pointer-events: none; }
.vid1 .vbtm .vlt .swiper15 {   }
.vid1 .vbtm .vlt .swiper15 .swiper-slide .sbox { position: relative; border-radius: 10px; overflow: hidden; }
.vid1 .vbtm .vlt .pagination15 { width: 100%; position: absolute; left: 0; bottom: -30px; }
.vid1 .vbtm .vlt .pagination15 span { margin: 0 5px; }
.vid1 .vbtm .vlt .pagination15 span.swiper-pagination-bullet-active { background: #d8261a; }
.vid1 .vbtm .vlt .swiper15  .next15 { width: 60px; height: 60px; background: rgba(255,255,255,0.3) url(../images/jt_b1.png) center no-repeat; border-radius: 50%; margin-top: -30px; right: 20px; }
.vid1 .vbtm .vlt .swiper15  .prev15 { width: 60px; height: 60px; background: rgba(255,255,255,0.3) url(../images/jt_b1.png) center no-repeat; border-radius: 50%; margin-top: -30px; left: 20px; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.vid1 .vbtm .vlt .swiper15  .prev15:hover,.vid1 .vbtm .vlt .swiper15  .next15:hover { background: #d8261a url(../images/jt_b1.png) center no-repeat; }
.vid1 .vbtm .vlt .swiper15.one-swiping  .prev15,.vid1 .vbtm .vlt .swiper15.one-swiping  .next15 { display: none; }
.vid1 .vbtm .vrt { width: 18.75%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; }
.vid1 .vbtm .vrt .swiper14 { height: 100%; }
.vid1 .vbtm .vrt .swiper14 .swiper-slide { cursor: pointer; }
.vid1 .vbtm .vrt .swiper14 .swiper-slide .sbox { position: relative; overflow: hidden; border-radius: 10px; width: 100%; height: 100%; background: #000; }
.vid1 .vbtm .vrt .swiper14 .swiper-slide .sbox img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; opacity: 0.5; }
.vid1 .vbtm .vrt .swiper14 .swiper-slide .sbox .txt { width: 100%; padding: 0 20px; position: absolute; left: 0; bottom: 15px; z-index: 2; color: #fff; }
.vid1 .vbtm .vrt .swiper14 .swiper-slide .sbox .txt .wz { padding-right: 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; line-height: 20px; }
.vid1 .vbtm .vrt .swiper14 .swiper-slide .sbox .txt .wz s { display: block; width: 20px; height: 20px; position: absolute; top: 0; right: 0; z-index: 2; background: url(../images/vid_1_3.png) center no-repeat; opacity: 0; }
.vid1 .vbtm .vrt .swiper14 .swiper-slide .sbox .xian { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; border: 4px solid #d8261a; border-radius: 10px; opacity: 0; }
.vid1 .vbtm .vrt .swiper14 .swiper-slide.act .sbox .xian { opacity: 1; }
.vid1 .vbtm .vrt .swiper14 .swiper-slide.act .sbox .txt .wz s { opacity: 1; }
.new1 { padding: 6.25vw 0; background: #f5f5f5; }
.new1 a { display: flex; justify-content: space-between; }
.new1 a .img { width: 48.75%; height: 480px; position: relative; overflow: hidden; }
.new1 a .img s { display: block; width: 100%; height: 100%; background-size: cover !important; transform: scale(1.001); -webkit-transform: scale(1.001); }
.new1 a .txt { width: 48.75%; padding-top: 50px; border-top: 1px solid #ddd; }
.new1 a .txt .day { font-family: arial; padding-left: 20px; line-height: 20px; background: url(../images/day.png) center  left no-repeat; color: #8a9199; }
.new1 a .txt .att { line-height: 42px; height: 84px; margin: 10px 0 5px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.new1 a .txt .atc { line-height: 30px; height: 150px; text-align: left; color: #666; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.new1 a .txt .mo { padding-left: 35px; line-height: 26px; background: url(../images/pr_1_0.png) left center no-repeat; color: #666; font-family: arial; margin-top: 110px; }
.new1 a:hover .img s { transform: scale(1.1); -webkit-transform: scale(1.1); }
.new1 a:hover .txt .att { color: #d8261a; }
.new1 a:hover  .txt .mo { background: url(../images/pr_1.png) left center no-repeat; color: #d8261a; }
.new2 { padding: 6.25vw 0; }
.new2 .ul1 { display: flex; flex-wrap: wrap; margin-bottom: 70px; }
.new2 .ul1 li { width: 24%; margin: 0 1.33% 1.33% 0; }
.new2 .ul1 li:nth-child(4n) { margin-right: 0; }
.new2 .ul1 li a { display: block; background: #fff; border-radius: 10px; overflow: hidden; border: 1px solid #eee; position: relative; z-index: 2; }
.new2 .ul1 li a::after { content: ''; display: block; width: 100%; height: 4px; background: #d8261a; position: absolute; left: 0; bottom: 0; z-index: 2; opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s }
.new2 .ul1 li a .img { display: block; width: 100%; overflow: hidden; }
.new2 .ul1 li a .img img { display: block; width: 100%; transform: scale(1.000001); -webkit-transform: scale(1.000001); border-radius: 10px 10px 0 0; }
.new2 .ul1 li a .txt { padding: 25px; background: #fff; }
.new2 .ul1 li a .txt .att { line-height: 36px; height: 72px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.new2 .ul1 li a .txt .atc { line-height: 30px; height: 90px; color: #666; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.new2 .ul1 li a .nbtm { display: flex; justify-content: space-between; font-family: arial; margin: 50px 0 20px; color: #666; line-height: 30px; }
.new2 .ul1 li a .nbtm .mo { padding-left: 30px; background: url(../images/pr_1_0.png) center left no-repeat; }
.new2 .ul1 li a .nbtm .day { padding-left: 20px; background: url(../images/day.png) center left no-repeat; }
.new2 .ul1 li:hover a .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.new2 .ul1 li:hover a .txt .att { color: #d8261a; }
.new2 .ul1 li:hover  a .nbtm .mo { background: url(../images/pr_1.png) center left no-repeat; }
.new2 .ul1 li:hover a::after { opacity: 1; }
.new2 .ul1 li:hover a { -moz-box-shadow: 0px 2px 15px #ddd; -webkit-box-shadow: 0px 2px 15px #ddd; box-shadow: 0px 2px 15px #ddd; }
/* 新闻详情 */
.nec1 { padding: 11.45vw 0 7.8vw; }
.nec1 .tt { line-height: 1.5; }
.nec1 .tc { display: flex; margin: 20px 0 50px; color: #8a9099; line-height: 30px; }
.nec1 .tc div { padding-left: 20px; background: url(../images/day.png) center left no-repeat; margin-right: 30px; font-family: arial; }
.nec1 .tc .ly { background: url(../images/laiyuan.png) center left no-repeat; }
.nec1 .tc .lll { background: url(../images/lll.png) center left no-repeat; }
.nec1 .ntc { padding: 40px 0 80px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 30px; text-align: left; }
.nec1 .ntc img { margin: 0 auto; height: auto !important; }
.nec1 .nbtm { display: flex; margin-top: 50px; justify-content: space-between; align-items: flex-start; align-content: flex-start; }
.nec1 .nbtm .alt { width: calc(100% - 110px); }
.nec1 .nbtm .alt a { display: block; padding: 0 20px; margin-bottom: 25px; background: url(../images/ne_2_1.png) center left no-repeat; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nec1 .nbtm .alt a:hover { color: #d8261a; background: url(../images/ne_2_2.png) center left no-repeat; }
.nec1 .nbtm .art { display: block; text-align: right; width: 96px; line-height: 30px; background: url(../images/pr_1_0.png) center left no-repeat; color: #666; }
.nec1 .nbtm .art:hover { background: url(../images/pr_1.png) center left no-repeat; color: #d8261a; }
/* 联系 */
.con1 { padding: 7.3vw 0; background: #f5f5f5; }
.con1 .ul1 { padding-top: 50px; border-top: 1px solid #d6d7d8; margin-top: 50px; display: flex; }
.con1 .ul1:nth-child(1) { border: 0; }
.con1 .ul1 li { width: 32.5%; margin-right: 1.25%; background: #fff; padding: 25px 15px; border-radius: 10px; }
.con1 .ul1 li:last-child { margin-right: 0; }
.con1 .ul1 li .ltt { margin-bottom: 20px; }
.con1 .ul1 li .a { display: flex; flex-wrap: wrap; margin-top: 15px; align-items: flex-start; align-content: flex-start; line-height: 24px; font-family: arial; }
.con1 .ul1 li .a .ico { width: 25px; padding-top: 2px; }
.con1 .ul1 li .a .qt { width: calc(100% - 25px); }
.con1 .ul1 li .a span { color: #d8261a; font-family: "din"; font-weight: normal; }
.con1 .ul1:nth-child(2) { border: 0; margin-top: 0; }
video::-webkit-media-controls-enclosure { min-width: 100% !important; }
.cin3 { position: relative; overflow: hidden; }
.cin3  img { display: block; width: 100%; position: relative; }
.cin3 .dwd { width: 3.125vw; position: absolute; top: 46%; right: 46%; z-index: 2; }
.cin3 .dwd s { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: rgba(244,86,47,0.2); border-radius: 50%; }
.cin3 .dwd .s1 { -webkit-animation: ddx 4s linear infinite; animation: ddx 4s linear infinite; }
.cin3 .dwd .s2 { -webkit-animation: ddx 4s linear 1s infinite; animation: ddx 4s linear 1s infinite; }
.cin3 .dwd .s3 { -webkit-animation: ddx 4s linear 2s infinite; animation: ddx 4s linear 2s infinite; }
.cin3 .dwd .wz { padding: 20px 15px; font-size: 0.8vw; background: #fff; border-radius: 5px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 4vw; white-space: nowrap; }
/* 动画 */
@-webkit-keyframes sx {
  0% { top: -100%; }
  100% { top: 100% }
}
@keyframes  sx {
  0% { top: -100%; }
  100% { top: 100% }
}
@-webkit-keyframes ddx {
  0% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; }
  50% { opacity: 1; }
  80% { opacity: 1; }
  100% { transform: scale(4.6); -webkit-transform: scale(4.6); opacity: 0; }
}
@keyframes   ddx {
  0% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; }
  50% { opacity: 1; }
  80% { opacity: 1; }
  100% { transform: scale(4.6); -webkit-transform: scale(4.6); opacity: 0; }
}
/* 提示弹窗 */
.guanbi { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,0.4); opacity: 0; visibility: hidden; pointer-events: none; }
.guanbi .gbox { position: absolute; top: 50%; opacity: 0; left: 50%; transform: translate(-50%,-50%)  scale(0.5); -webkit-transform: translate(-50%,-50%)  scale(0.5); background: #fff; padding: 20px 40px; text-align: center; }
.guanbi .gbox .gtt { margin: 0; line-height: 1.8; color: #000; }
.guanbi .gbox .out { display: none; width: 36px; height: 36px; border: 1px solid #ddd; border-radius: 50%; position: absolute; top: 20px; right: 20px; background: url(../images/out.png) center no-repeat; background-size: 14px; cursor: pointer; }
.guanbi .gbox .out:hover { background: url(../images/out2.png) center no-repeat; border: 1px solid #00847a; background-size: 14px; }
.guanbi.act { visibility: visible; pointer-events: visible; opacity: 1; }
.guanbi.act .gbox { transform: translate(-50%,-50%)  scale(1); -webkit-transform: translate(-50%,-50%)  scale(1); opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }
/* 更多 */
.more { display: flex; padding: 25px 20px; font-family: arial; letter-spacing: 1px; }
.more .wz { display: block; position: relative; padding-bottom: 2px; border-bottom: 1px solid #fff; z-index: 3; line-height: 1; color: #fff; }
.more .wz s { display: block; width: 60px; height: 60px; opacity: 0.2; border: 1px solid #fff; position: absolute; top: -20px; left: -30px; border-radius: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); z-index: -1; pointer-events: none; }
.more .wz:hover  s { transform: rotate(45deg); -webkit-transform: rotate(45deg); left: calc(100% - 30px); background: #bf2821; opacity: 1; border: 1px solid #bf2821; }
.swiper-button-disabled { opacity: 0.2; pointer-events: none; }
@media (max-width:1800px) {
  .head .hbox .hrt .a a { padding: 0 10px; }
}
@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_48 { font-size: 34px; }
  .f_50 { font-size: 34px; }
  .f_60 { font-size: 40px; }
}
@media (max-width:1580px) {
  .head .hbox .hrt .a { margin: 0 15px; }
  .head .hbox .hrt .yy { margin-left: 0; }
  .head .hbox .hlt .logo { height: 30px; }
  .head .hbox .hlt .wz .cn { font-size: 20px; }
  .head .hbox .hlt .wz .en { font-size: 12px; }
  .head .hbox .hlt .xian { margin: 0 15px 0 5px; }
  #menu { right: 30px; }
  .i4 .tc { margin: 40px 0; }
}
@media (max-width:1440px) {
  .head .hbox .hrt .a a { padding: 0 15px; }
  .pcej { padding: 2vw 0; }
  .pcej .ul1 li .lox .lcon .dtop { line-height: 50px; }
  .pcej .ul1 li .lox .lcon { top: 0; }
}
@media (max-width:1366px) {   }
.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_48 { font-size: 24px; }
  .f_50 { font-size: 24px; }
  .f_60 { 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: 21px; margin-top: 15px; }
  .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; }
}
@media(max-width:960px) {
  #menu { display: none; }
  .fpg { height: auto; }
  .fpg .section { height: auto; }
  .swiper1 .swiper-slide .sbox { height: auto; }
  .swiper1 .swiper-slide .sbox .pimg { height: 500px; }
  .swiper1 .swiper-slide .sbox .txt { padding: 0 5%; }
  .swiper1 .swiper-slide .sbox .txt .tt { margin-bottom: 20px; font-weight: bold; }
  .swiper1 .fd { bottom: 30px; }
  .swiper1 .fd .fox { max-width: 100%; }
  .swiper1 .fd .fox .btn { display: none; }
  .swiper1 .fd .fox .jd { width: 90%; margin: 0 auto; }
  .i2 .iox { height: auto; display: block; padding: 30px 0; }
  .dh_left { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
  .dh_right { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
  .dh_top { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
  .swiper2 { padding: 0; }
  .i2 .iox .ilt { display: block; width: 100%; }
  .swiper2 .swiper-slide .sbox .ltt .en { font-size: 40px; bottom: 0px; }
  .swiper2 .swiper-slide .sbox .ltc { line-height: 24px; margin: 20px 0; }
  .i2 .iox .ilt .anniu { display: none; }
  .i2 .iox .irt { display: none; }
  .swiper2 .swiper-slide .sbox .img { display: block; margin-bottom: 10px; }
  .swiper2 .swiper-slide .sbox .img img { width: 100%; }
  .swiper3 .swiper-slide .sbox { padding: 5px; }
  .i3 .iox .tt .en { font-size: 40px; bottom: 0px; }
  .i3 .iox .tc { width: 90%; line-height: 1.8; margin: 20px auto; }
  .i3 .ul2 { overflow: auto; height: 100px; }
  .i3 .ul2 li { width: 150px; }
  .i3 .ul2 li .lox { width: 150px; }
  .i3 .ul2::before { width: 1200px; }
  .i3 .ul2 li .ico { width: 30px; }
  .swiper5 .swiper-slide .sbox { height: calc(100vh - 50px); }
  .i4 { padding: 30px 0; height: calc(100vh - 50px); display: flex; align-items: center; align-content: center; }
  .i4 .tt .en { font-size: 40px; }
  .i4 .tc { width: 100%; margin: 40px 0 20px; line-height: 1.8; height: auto; }
  .i4 .ul1 { flex-wrap: wrap; }
  .i4 .ul1 li {align-items: baseline; width: 49%; margin: 0 2% 2% 0; height: auto; }
  .i4 .ul1 li:nth-child(2n) { margin-right: 0; }
  .i4 .ul1 li.act { width: 49%; }
  .i4 .ul1 li,.i4 .ul1 li.act { background: #d8261a; padding: 10px 5%; }
  .i4 .ul1 li .ico img:nth-child(1) { opacity: 0; }
  .i4 .ul1 li .ico img:nth-child(2) { opacity: 1; }
  .i4 .ul1 li .day,.i4 .ul1 li .day span,.i4 .ul1 li .day div { color: #fff; }
  .i4 .ul1 li .ltc { height: 0px; }
  .i4 .ul1 li .ltc2 { height: auto; line-height: 24px; }
  .i4 .ul1 li .ltc2 br { display: none; }
  .i4 .ul1 li.act .ltc2 { height: auto; font-size: 12px; }
  .i4 .ul1 li .ico { top: 10px; right: 5%; width: 30px; }
  .i5 { padding: 30px 0; }
  .i5 .iox .tt .anniu .btn { margin-left: 20px; }
  .i5 .dlox { padding-top: 20px; }
  .i5 .iox .tt .en { font-size: 40px; display: block; }
  .i5 .dlox .dl1 { display: block; }
  .i5 .dlox .dl1 dd { width: 100%; margin: 0 0 20px; }
  .i5 .dlox .dl1 dd a .txt .att { height: auto; max-height: 72px; }
  .i5 .dlox .dl1 dd a .txt { padding: 20px 5%; }
  .i5 .dlox .dl1 dd a .txt .atc { height: auto; max-height: 60px; margin: 0 0 10px; }
  .i5 .dlox .dl1 dt { width: 100%; padding: 20px 5%; }
  .i5 .dlox .dl1 dt .dtop { padding: 0 0 20px; }
  .i5 .dlox .dl1 dt .dtop a .atc { margin: 10px 0; height: auto; max-height: 60px; }
  .i5 .dlox .dl1 dt .dbtm { padding: 20px 0; }
  .i6 .iox .tt .en { font-size: 40px; }
  .i6 .iox .tc { margin: 10px 0 20px; line-height: 1.8; }
  .i6 { padding: 30px 0; display: flex; align-items: center; align-content: center; height: calc(100vh - 50px); }
  .swiper6 { padding-bottom: 20px; }
  .i7 { padding: 30px 0; display: flex; align-items: center; align-content: center; height: calc(100vh - 50px); }
  .i7 .iox { display: block; width: 100%; height: auto; position: relative; }
  .i7 .iox .ilt .tt .en { font-size: 40px; }
  .swiper7 { margin-top: 20px; }
  .i7 .iox .ilt { width: 100%; }
  .swiper7 .swiper-slide .sbox .ul1 li { width: 49%; font-size: 12px; margin-top: 20px; padding: 8px 10px; }
  .i7 .iox .irt { width: 100%; height: 100%; position: absolute; top: 50px; left: 0; z-index: 3; pointer-events: none; }
  .i7 .iox .irt .ul1 { display: none; }
  .i7 .iox .irt .tp_tc .tox { width: 90%; text-align: center; }
  .i7 .iox .irt .tp_tc .img { width: 70%; margin: 0 auto; }
  .swiper7 .anniu { margin-top: 20px; }
  .i7 .iox .irt .tp_tc { background: rgba(255,255,255,0.7); }
  .footer1 { padding: 30px 0; display: block; }
  .footer1 .flt .ul1 { margin: 20px 0; flex-wrap: wrap; justify-content: space-between;}
  .footer1 .flt { width: 100% !important; }
  .footer1 .flt .ul1 li { padding: 0; width: 49%; text-align: center; border-radius: 0px; }
  .footer1 .flt .ul1 li.act,.footer1 .flt .ul1 li:hover { border-radius: 0px; }
  .footer1 .flt .ul2 li dl dd a { margin-bottom: 10px; }
  .footer1 .frt { display: none; }
  .footer1 .flt .ftop { display: block; }
  .footer1 .flt .ftop .xian { display: none; }
  .footer1 .flt .ftop .a { margin: 40px 0; }
  .footer1 .flt .ftop .a a .wz { display: none; }
  .footer1 .flt .ftop .a a .ewm { opacity: 1; left: 60px; }
  .footer2 { padding: 20px 0; text-align: center; line-height: 1.8; display: block; }
  .footer2 .flt { width: 100% !important;display: block; }
  .footer2 .flt .a { margin: 0; }
  .footer2 .flt img { margin: 10px auto; }
  .banner1 { height: auto; padding: 50px 0; height: calc(100vh - 50px); }
  .banner1 .txt { top: 50%; }
  .pr_list { padding: 30px 0; }
  .pr_list .ptop { display: block; }
  .pr_list .ptop .plt { width: 100%; }
  .pr_list a .txt { padding: 15px 5%; bottom: 0; }
  .pr_list .ptop .prt { width: 100%; margin-top: 10px; }
  .pr_list .ul1 { display: block; }
  .pr_list .ul1 li { width: 100%; margin: 10px 0 0 0; }
  .banner1 .tpx .ul1 { margin-top: 20vh; overflow: auto; }
  .banner1 .tpx .ul1 li { width: 280px; margin: 0 20px 0 0; }
  .banner1 .tpx .ul1 li a { width: 280px; }
  .banner1 .tpx .ul1 li:nth-child(2n) { width: 280px; margin: 0 20px 0 0; }
  .banner1 .tpx .ul1 li a .wz { position: relative; bottom: 0; width: 100%; left: 0; line-height: 24px; padding: 10px; }
  .banner1_pr { display: flex; align-content: space-between; flex-wrap: wrap; }
  .banner1 .tpx { position: relative; bottom: 0; }
  .banner1 .bg img { display: block; width: 100%; height: 100%; }
  .banner1_pr { padding: 50px 0; }
  .banner1_pr .txt,.banner_app .txt { position: relative; top: 0; transform: translateY(0%); -webkit-transform: translateY(0%); }
  .banner_app { height: auto; }
  .prc1 .pox { display: block; }
  .prc1 .pox .plt { display: none; }
  .prc1 .pox .prt { width: 100%; display: block; }
  .prc1 .pox .prt .pimg { width: 100%; }
  .prc1 .pox .prt .pimg .next9,.prc1 .pox .prt .pimg .prev9 { display: none; }
  .prc1 .pox .prt .txt { position: relative; width: 100%; height: auto; padding: 20px 5%; }
  .prc1 .pox .prt .txt .ptt { line-height: 1.8; }
  .prc1 .pox .prt .txt .ptt2 { line-height: 2; padding: 10px 0; }
  .prc1 .pox .prt .txt .ptc { height: 200px; }
  .prc2 .btn { flex-wrap: wrap; }
  .prc2 .btn span { width: 50%; }
  .prc2 .btn span:nth-child(3) { width: 100%; }
  .prc2 .dl1 dd .swiper10 .next10,.prc2 .dl1 dd .swiper10 .prev10 { display: none; }
  .prc2 .dl1 dd .swiper10 { padding-bottom: 30px; margin-bottom: 30px; }
  .prc2 .dl1 dd .swiper10 .pagination10 span { width: 8px; height: 8px; margin: 0 5px; }
  .swiper9 .pagination9 span { background: #fff; opacity: 1; }
  .swiper9 .pagination9 span.swiper-pagination-bullet-active { background: #d8261a; }
  .prc2 .dl1 dd .ul1 li { width: 100%; margin: 0 0 20px; padding-top: 0; border: 0; }
  .prc2 .dl1 dd .ul1 li .txt .ltc { margin: 10px 0; }
  .prc2 .dl1 dd .ul1 li .txt { padding: 15px 5% 5px; background: #fff; }
  .prc2 .dl1 dd .swiper11 { width: 100%; padding-bottom: 30px; }
  .prc2 .dl1 dd .swiper11 .swiper-slide { width: 80%; }
  .prc2 .dl1 dd .swiper11 .swiper-slide .sbox .txt { padding: 20px 5%; }
  .prc2 .dl1 dd .swiper11 .swiper-slide .sbox .txt .stc { height: 120px; line-height: 24px; }
  .prc3 { padding: 50px 0; }
  .prc2 .dl1 dd .dtt { margin: 10px 0 20px; }
  .prc2 .dl1 .dd2 .dtc2 { line-height: 2; }
  .prc2 .dl1 .dd3 .dox { display: block; }
  .prc2 .dl1 .dd3 .dox .dlt { width: 100%; }
  .prc2 .dl1 .dd3 .dox .drt { width: 100%; }
  .prc2 .dl1 .dd3 .dox .drt .dtc { margin-top: 10px; }
  .banner_app { padding: 50px 0; }
  .banner_app .aox { display: block; }
  .banner_app .aox .alt { width: 100%; }
  .banner_app .aox .alt .tc { line-height: 2; margin: 10px 0 20px; }
  .banner_app .aox .art { width: 100%; flex-wrap: wrap; justify-content: space-between; }
  .banner_app .aox .art li { width: 49%; margin: 0 0 2%; }
  .banner_app .aox .art li .img { margin-bottom: 4.5%; }
  .banner_app .aox .art li .ico { padding-top: 10px; }
  .banner_app .aox .art li .ico img { width: 50px; margin: 0 auto; }
  .banner_app .aox .alt .tt .en { font-size: 40px; }
  .banner_ab .nav { display: none; }
  .banner_ab .tt .en { font-size: 40px; }
  .ab1 { padding: 30px 0; min-height: 300px; }
  .ab1 .aox { display: block; }
  .ab1 .aox .alt { width: 100%; }
  .ab1 .aox .alt .tt .en { font-size: 40px; }
  .ab1 .aox .alt .tt2 { display: block; }
  .ab1 .aox .alt .tt2 .logo { width: 100px; margin-bottom: 20px; }
  .ab1 .aox .alt .tc { line-height: 2; }
  .ab1 .aox .art { width: 100%; }
  .ab1 .aox .art .ul1 li.act,.ab1 .aox .art .ul1 li.act,.ab1 .aox .art .ul1 li { width: 49%; }
  .ab1 .aox .art .ul1 { flex-wrap: wrap; }
  .ab1 .aox .art .ul1 li,.ab1 .aox .art .ul1 li:nth-child(1) { width: 49%; margin: 0 2% 2% 0; height: auto; }
  .ab1 .aox .art .ul1 li:nth-child(2n) { margin-right: 0; }
  .ab1 .aox .art .ul1 li.act { width: 49%; }
  .ab1 .aox .art .ul1 li,.ab1 .aox .art .ul1 li.act { background: #d8261a; padding: 10px 5%; }
  .ab1 .aox .art .ul1 li .ico img:nth-child(1) { opacity: 0; }
  .ab1 .aox .art .ul1 li .ico img:nth-child(2) { opacity: 1; }
  .ab1 .aox .art .ul1 li .day,.ab1 .aox .art .ul1 li .day span,.ab1 .aox .art .ul1 li .day div { color: #fff; }
  .ab1 .aox .art .ul1 li .ltc { height: 0px; }
  .ab1 .aox .art .ul1 li .ltc2 { height: auto; line-height: 24px; }
  .ab1 .aox .art .ul1 li .ltc2 br { display: none; }
  .ab1 .aox .art .ul1 li.act .ltc2 { height: auto; font-size: 12px; }
  .ab1 .aox .art .ul1 li .ico { top: 10px; right: 5%; width: 30px; }
  .ab1 .aox .art .ul1 li .day .counter { color: #fff; bottom: -3px; }
  .ab2 { padding: 30px 0; min-height: 300px; overflow: hidden; }
  .ab2 .atop { display: block; }
  .ab2 .atop .tt .en { font-size: 40px; }
  .ab2 .atop .alt { width: 100%; }
  .ab2 .atop .art { width: 100%; display: block; margin: 20px 0; }
  .ab2 .atop .art .ul1 { overflow-x: auto; justify-content: flex-start; }
  .ab2 .atop .art .ul1 li { width: 280px; margin-right: 20px; padding: 0; height: auto; border: 0; }
  .ab2 .atop .art .ul1 li:last-child,.ab2 .atop .art .ul1 li.act { border: 0 !important; }
  .ab2 .atop .art .ul1 li .txt { width: 280px;height:auto }
  .ab2 .atop .art .ul1 li .txt .ltt { display: none; }
  .ab2 .atop .art .ul1 li .txt .img { display: block; margin: 0 0 20px; }
  .ab2 .atop .art .ul1 li {   }
  .ab2 .atop .art .ul1 li .xqtxt { position: relative; width: 100%; opacity: 1; padding: 20px 5%; }
  .ab2 .atop .art .ul1 li .xqtxt .ltc { line-height: 2; margin-top: 10px; }
  .ab2 .atop .art .ul1 li.act { width: 100%; }
  .ab2 .atop .art .ul1 li.act .txt { opacity: 1; }
  .ab2 .atop .art .ul1 li.act { border-left: 1px solid #fff; }
  .ab2 .atop .art .ul1 li .txt .img .ico { width: 40px; }
  .ab2 .atop .art .ul1 li .xqtxt { background: rgba(0,0,0,0); padding: 0; height: auto; }
  .ab2 .abtm .swiper12 { width: 100%; padding-bottom: 30px; }
  .ab2 .abtm .swiper12 .swiper-slide { width: 80%; }
  .ab2 .abtm .swiper12 .pagination12 { bottom: 0; }
  .ab2 .abtm .swiper12 .pagination12 span { background: #fff; opacity: 1; }
  .ab2 .abtm .swiper12 .pagination12 span.swiper-pagination-bullet-active { background: #d8261a; }
  .ab3 { overflow: hidden; }
  .ab3 .iox .irt .tp_tc,.ab3 .iox .irt .tp_tc.act { background: rgba(255,255,255,0.7); }
  .ab4 .tc { margin: 20px 0; }
  .ab5 .ul1 { margin: 20px 0 0; }
  .ab5 .ul1 li { width: 100%; margin-bottom: 20px; }
  .ab5 .ul1 li .lbtm input,.ab5 .ul1 li .lbtm select,.ab5 .ul1 li .lbtm textarea { height: 50px; }
  .ab5 .tj { width: 160px; }
  .vid1 .tt .en { font-size: 40px; }
  .vid1 { padding: 50px 0; }
  .vid1 .anniu { margin: 15px 0; display: block; }
  .vid1 .anniu .mo { position: relative; }
  .vid1 .anniu .btn { display: none; }
  .vid1 .vbtm .vlt { width: 100%; margin: 30px 0 20px; }
  .vid1 .vbtm .vlt img { opacity: 0; }
  .vid1 .vbtm .vlt .vtt { padding: 20px 5%; bottom: auto; top: 100%; color: #000; }
  .vid1 .vbtm .vlt { overflow: visible; }
  .vid1 .vbtm .vrt { position: relative; margin-top: 80px; width: 100%; }
  .vid1 .vbtm .vrt .swiper14 { width: 100%; height: auto; }
  .new1 a { display: block; }
  .new1 a .img { width: 100%; height: 250px; }
  .new1 a .txt { width: 100%; padding-top: 20px; }
  .new1 a .txt .att { height: auto; line-height: 1.6; }
  .new1 a .txt .mo { margin-top: 10px; }
  .new2 .ul1 li { width: 100%; margin: 0 0 10px; }
  .new2 .ul1 li a .txt { padding: 20px 5%; }
  .new2 .ul1 li a .txt .att { height: auto; }
  .new2 .ul1 li a .txt .atc { height: auto; }
  .new2 .ul1 li a .nbtm { margin: 20px 0 0; }
  .page1 { display: none; }
  .page2 { display: block; }
  .new2 .ul1 { margin-bottom: 20px; }
  .nec1 .tc { margin: 10px 0; }
  .nec1 .ntc { padding: 20px 0; line-height: 1.8; }
  .nec1 .nbtm { margin-top: 20px; display: block; }
  .nec1 .nbtm .alt { width: 100%; }
  .con1 .ul1 { padding-top: 0; display: block; border: 0; margin: 20px 0 0; }
  .con1 .ul1 li { width: 100%; margin: 0 0 20px; }
  .con1 .ul1:nth-child(2) { margin-top: 30px; }
  .swiper1 .swiper-slide .sbox .pimg { display: none; }
  .swiper1 .swiper-slide .sbox .mimg { display: block; height: calc(100vh - 50px); width: 100%; }
  .swiper2 .swiper-slide .sbox .ltt { font-weight: bold; }
  .swiper2 .swiper-slide .sbox .ltt,.swiper2 .swiper-slide .sbox .ltc,.swiper2 .swiper-slide .sbox .more { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
  .i4 .more { position: relative; top: 0; }
  .pr_list .ptop a .img img { display: none; }
  .pr_list .ptop a .img .m { display: block; }
  .ab5 .tt .en { font-size: 40px; }
  .vid1 .vbtm .vlt .swiper15 .prev15,.vid1 .vbtm .vlt .swiper15 .next15 { display: none; }
  .swiper6 .swiper-slide .sbox .ul1 li { width: 33.33%; margin-bottom: 10px; }
  .cin3 .dwd .wz { padding: 10px; }
  .nec1 .tc { display: block; }
  .nec1 .tc div { margin: 0 0 10px; }
}
@media(max-width:1190px) {
  .f_18 { font-size: 15px; }
}
@media(max-width:1157px) {
  .f_18 { font-size: 14px; }
}
@media(max-width:1123px) {
  .f_18 { font-size: 12px; }
}
@media (max-width:1054px) {
  .head .hbox .hrt .a a { padding: 0 12px; }
}
@media(max-width:750px) {
  .i4 { height: auto; }
}
.page1 .pre,.page1 .nex { margin: 0 6px; display: inline-block; line-height: 40px; color: #999; }
.page1 .nex { background: #fff url(../images/jt_h.png) center no-repeat; background-size: 6px; position: relative; width: 40px; height: 40px; border: 1px solid #e2e6f1; border-radius: 2px; }
.page1 .pre { background: #fff url(../images/jt_h.png) center no-repeat; background-size: 6px; position: relative; width: 40px; height: 40px; transform: rotate(180deg); -webkit-transform: rotate(180deg); border: 1px solid #e2e6f1; border-radius: 2px; }
.page1 .thisclass { display: block; width: 40px; height: 40px; text-decoration: none; font-size: 14px; border-radius: 5px; background: url(../images/pr_0.png) center no-repeat; color: #fff; font-family: arial; }
.page1 a { margin: 0 6px; display: inline-block; line-height: 40px; color: #999; }
@media (max-height:750px) {
  .footer1 {
    display: flex;
  }
  .flt{
    width: 40% !important;
  }
.footer1 .frt {
margin-top:0px;
margin-left:3%;
}
}