/* 前端白明明 */

@charset "UTF-8";

@font-face {
  font-family: "din";
  src: url("../fonts/DIN-BOLD.OTF") format("woff"),
       url("../fonts/DIN-BOLD.ttf") format("truetype"),
       url("../fonts/DIN-BOLD.OTF") ,
       url("../fonts/DIN-BOLD.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "imp";
  src: url("../fonts/IMPACT.woff") format("woff"),
       url("../fonts/IMPACT.ttf") format("truetype"),
       url("../fonts/IMPACT.otf") ,
       url("../fonts/IMPACT.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

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

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

*{ margin:0; padding:0;}

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

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

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

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

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .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;}

.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 span 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 span  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 span 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 span a.pre:hover{background: #d8261a url(../images/jt_b3.png)  center no-repeat;background-size: 6px;opacity: 1;border: 1px solid #d8261a;}

.page1 span 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 span 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;min-width: 1200px;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;}

.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;}

.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{display: flex;justify-content: space-between;width: 100%;justify-content: space-between;margin-bottom: 25px;}

.i5 .dlox .dl1 dt .dbtm .a .alt{width: calc(100% - 120px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.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: 500px;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: calc(100% - 680px);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;}

.banner1 .tpx .ul1 li a img{transform: scale(1.001);-webkit-transform: scale(1.001);width: 100%;}

.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;white-space:nowrap;overflow:hidden;}

.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: calc(100% - 710px);}

.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{ width:8px;height: 8px;border-radius: 30px;}

.ab1 .aox .alt .tc::-webkit-scrollbar-thumb{ background:#d8261a url(../images/gdt.png) center no-repeat;border-radius: 30px;}

.ab1 .aox .alt .tc::-webkit-scrollbar-track{ background:#e7e8ea;border-radius: 30px;} 

.ab1 .aox .art{width:620px;padding-top: 8vw;}

.ab1 .aox .art .ul1{display: flex;flex-wrap: wrap;width: 100%;}

.ab1 .aox .art .ul1 li{width: 200px;height: 180px;position: relative;background: #fff;overflow: hidden;border-radius: 10px;color: #000;margin-right: 10px;padding: 20px  ;display: flex;align-items: flex-end;align-content: flex-end;margin-top: 10px;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: 330px;}

.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: 870px;}

.ab2 .atop .art .ul1{display: flex;justify-content: flex-end;}

.ab2 .atop .art .ul1 li{width: 190px;border-left: 1px solid rgba(255, 255, 255, 0.2);position: relative;padding: 20px;height: 172px;}

.ab2 .atop .art .ul1 li:last-child{border-right: 1px solid rgba(255, 255, 255, 0.2);}

.ab2 .atop .art .ul1 li .txt{}

.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{width: 300px;height: 100%;position: absolute;top: 0;right: 0;background: rgba(255, 255, 255, 0.1);border-radius: 10px;padding: 15px ;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 {width: 300px;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{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;}

  .footer1 .flt{width: 100%;}

  .footer1 .flt .ul1 li{padding: 0;width: 33.33%;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{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;}

  .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;}




}