@charset "utf-8";
:root {
  /* 导航高度 */
  --header-height: 1rem;
  /* COLOR */
  --color-active: #8EC114;
  --color-blue-004: #8EC114;
  --color-blue-095: #095cae;
  --color-blue-163: #163494;
  --color-blue-1635: #163595;
  --color-blue-345: #345999;
  --color-red-e41: #e41313;
  --color-white: #fff;
  --color-black: #282828;
  --color-gray-f6: #f6f6f6;
  --color-gray-f4: #f4f4f4;
  --color-gray-eee: #eee;
  --color-gray-ddd: #ddd;
  --color-gray-bbb: #bbb;
  --color-gray-999: #999;
  --color-gray-666: #666;
  --color-gray-444: #444;
  --color-gray-333: #333;
  /* --- font40以下 */
  --font12: clamp(12px, 0.12rem, 12px);
  --font14: clamp(12px, 0.14rem, 14px);
  --font15: clamp(12px, 0.15rem, 15px);
  --font16: clamp(13px, 0.16rem, 16px);
  --font17: clamp(13px, 0.17rem, 17px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: clamp(22px, 0.36rem, 36px);
  --font38: clamp(24px, 0.38rem, 38px);
  /* --- font40 */
  --font40: clamp(23px, 0.4rem, 40px);
  --font42: clamp(24px, 0.42rem, 42px);
  --font44: clamp(24px, 0.44rem, 44px);
  --font46: clamp(25px, 0.46rem, 46px);
  --font48: clamp(26px, 0.48rem, 48px);
  /* --- font50 */
  --font50: clamp(28px, 0.5rem, 50px);
  --font52: clamp(28px, 0.52rem, 52px);
  --font54: clamp(28px, 0.54rem, 54px);
  --font56: clamp(28px, 0.56rem, 56px);
  --font58: clamp(29px, 0.58rem, 58px);
  /* --- font60 */
  --font60: clamp(30px, 0.6rem, 60px);
  --font62: clamp(31px, 0.62rem, 62px);
  --font64: clamp(31px, 0.66rem, 64px);
  --font66: clamp(31px, 0.66rem, 66px);
  /* --- font70以及以上 */
  --font70: clamp(32px, 0.7rem, 70px);
  --font72: clamp(32px, 0.72rem, 72px);
  --font74: clamp(32px, 0.74rem, 74px);
  --font80: clamp(32px, 0.8rem, 80px);
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
  --font230: 2.3rem;
}
@media (max-width: 1580px) {
  :root {
    --header-height:80px;
  }
}
/* 公共字体 */
.font12 {
  font-size: var(--font12);
}
.font14 {
  font-size: var(--font14);
}
.font15 {
  font-size: var(--font15);
}
.font16 {
  font-size: var(--font16);
}
.font18 {
  font-size: var(--font18);
}
.font20 {
  font-size: var(--font20);
}
.font22 {
  font-size: var(--font22);
}
.font24 {
  font-size: var(--font24);
}
.font26 {
  font-size: var(--font26);
}
.font28 {
  font-size: var(--font28);
}
.font30 {
  font-size: var(--font30);
}
.font32 {
  font-size: var(--font32);
}
.font34 {
  font-size: var(--font34);
}
.font36 {
  font-size: var(--font36);
}
.font38 {
  font-size: var(--font38);
}
.font40 {
  font-size: var(--font40);
}
.font42 {
  font-size: var(--font42);
}
.font44 {
  font-size: var(--font44);
}
.font46 {
  font-size: var(--font46);
}
.font48 {
  font-size: var(--font48);
}
.font50 {
  font-size: var(--font50);
}
.font52 {
  font-size: var(--font52);
}
.font54 {
  font-size: var(--font54);
}
.font56 {
  font-size: var(--font56);
}
.font58 {
  font-size: var(--font58);
}
.font60 {
  font-size: var(--font60);
}
.font62 {
  font-size: var(--font62);
}
.font64 {
  font-size: var(--font64);
}
.font66 {
  font-size: var(--font66);
}
.font70 {
  font-size: var(--font70);
}
.font72 {
  font-size: var(--font72);
}
.font72 {
  font-size: var(--font74);
}
.font80 {
  font-size: var(--font80);
}
.font100 {
  font-size: var(--font100);
}
.font120 {
  font-size: var(--font120);
}
.font160 {
  font-size: var(--font160);
}
.font230 {
  font-size: var(--font230);
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: calc(100vw / 21);
  }
}
@media (max-width: 1280px) {
  html {
    font-size: calc(100vw / 19.3);
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/15);
  }
}
@media (max-width: 480px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  font-family: 'font1', '微软雅黑', '思源黑体', sans-serif;
  font-size: 16px;
  color: #000;
  background: #fff;
  overflow-x: hidden;
}
@font-face { font-family:font1; src: url("../fonts/RANY.OTF");}
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Noto Sans SC', 'Source Han Sans SC', '思源黑体', sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body::-webkit-scrollbar { width:2px;}
body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: #8EC114;}
img{ border:0; max-width: 100%;display: block; }
input,button,a { outline: none;}
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:''; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5);}
/*通用样式*/
.container { width: 1200px;max-width: 94%; margin: 0 auto;}
.header-bg{position: fixed;z-index: 100;top: 0;left: 0;transition: all 1.5s; padding: 20px 0;width: 100%;}
.small-header .header-bg{background: #fff;padding: 10px 0;}
.show-header .header-bg{top: 0;}
.header{display: flex;justify-content: space-between;align-items: center;height: 76px;border-radius: 38px;background: rgba(255,255,255,.8);padding:0 63px;}
.header-left{display: flex;justify-content: space-between;align-items: center;gap:45px;}
.nav ul{display: flex;gap:34px;}
.nav li a{display: block; padding: 0 13px; line-height: 34px;border-radius: 17px;font-size: var(--font16);color: #291D1D;transition: all .5s;}
.nav li.cur a{color: #DE111C;background: #FED7D7;}
.nav a:hover{color: #DE111C;background: #FED7D7;}
.logo{width: 144px;}
.logo img{width: 100%;}

.header-right{display: flex;justify-content: space-between;align-items: center;gap:25px;}
.contact-btn{display: block;text-align: center;width: 96px;line-height: 40px;color: #fff;background: #DE111C;font-size: var(--font16);border-radius: 8px;}
.contact-btn:hover{color: #fff;opacity: .6;}
.yznr{position: relative;}
.yznr ul{position: absolute;width: 100%;background: #fff;border-radius: 10px;left: 0;top: 40px;display: none;}
.yznr p{cursor: pointer; line-height: 40px;text-align: center; width: 105px; color: #291D1D;font-size: var(--font16);border-radius: 20px;background: #fff;}
.yznr p img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;}
.yznr li a{display: block;text-align: center; line-height: 32px;font-size: var(--font16);color: #291D1D;}
.yznr li a img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;}
.yznr:hover ul{display: block;}
.yznr li a:hover{color: #DE111C;}

.video{position: relative;height: 100vh;}
.video video{width: 100%; object-fit: cover;height: 100%;}
.bfbtn{position: absolute;cursor: pointer;left:50%; top:50%; transform:translate(-50%,-50%);background: url(../images/a3.png);width: 120px;height: 120px;background-size: 100%;border-radius: 50%;display: none;}

.hldx{background: url(../images/a4.png) no-repeat center center;background-size: 630px 617px;}
.hldxbox{padding: 140px 0 160px;display: flex;position: relative;}
.hldxbox:before{position: absolute;content: "";background: url(../images/a6.png);width: 172px;height: 32px; background-size: 100% 100%;left: -115px;top: 40px;}
.hldxbox:after{position: absolute;content: "";background: url(../images/a6.png);width: 172px;height: 32px; background-size: 100% 100%;right: -125px;bottom: 160px;}
.hldx-text{width: 51%; padding-right: 90px;}
.hldx-text h2{font-weight: bold;font-size: var(--font64);color: #291D1D;line-height: 1.4; position: relative;margin-bottom: 25px;}
.hldx-text h2:before{position: absolute;content: ""; border-bottom: 4px solid #dd020f;width: 190px;border-radius: 2px;left: 0;bottom: 0;}
.hldx-text p{color: #635A5A;font-size: var(--font20);line-height: 1.8;}
.hldx-text ul{padding-top: 75px;display: flex;gap:25px;}
.btn1{text-align: center; width: 160px; display: block;line-height: 58px;border-radius: 6px;border: 1px solid #df111d;color: #fff;font-weight: bold; font-size: var(--font20);background: #df111d;}
.btn1:hover{color: #fff;}
.btn2{text-align: center; width: 160px; display: block;line-height: 58px;border-radius: 6px;border: 1px solid #df111d;color: #df111d;font-weight: bold; font-size: var(--font20);background: #fff;transition: all .5s;}
.btn2:hover{color: #fff;background: #df111d;}
.hldx-img{width: 49%;}
.hldx-img img{width: 100%;}

.jxcp-title{display: flex;justify-content: space-between;align-items: center;}
.jxcp-title h2{font-weight: bold;color: #291D1D;font-size: var(--font64);}
.jxcp-title a{font-size: var(--font20);color: #291D1D;}
.jxcp-title a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 5px;transition: all .5s;}
.jxcp-title a:hover img{margin-left: 10px;}
.jxcp-box ul{display: flex;flex-wrap: wrap; padding: 50px 0 60px;}
.jxcp-box li{width: 25%; padding: 0 2px;box-sizing: border-box;}
.project{position: relative; overflow: hidden;}
.project img{width: 100%;}
.projectbox{position: absolute;width: 100%; height: 100%;top: 0;left: 0; background: rgba(151,36,42,.8);display: flex;align-items: center;justify-content: center;opacity: 0;transition: all .5s;}
.project-text{text-align: center; padding: 0 80px;text-align: center;}
.project-text h2{font-weight: bold;color: #fff;font-size: var(--font100);}
.project-text p{color: #fff;font-size: var(--font22);line-height: 1.55;}
.jxcp-box a:hover .projectbox{opacity: 1;}
.jxcp-box a:hover h2{animation: fadeInDown 1s 1;}
.jxcp-box a:hover p{animation: fadeInUp 1s 1;}

.about-bg{padding-bottom: 60px;background: url(../images/a14.png) no-repeat center bottom;background-size: cover;}
.about-xq{display: flex;justify-content: space-between;}
.about-xq span{display: block; width: 77px;}
.about-xq span img{width: 100%;}
.about-box ul{display: flex;gap:30px; padding: 80px 0 0 0;}
.about-text{width: calc(100% - 100px);}
.about-text h2{font-weight: bold;color: #291D1D;font-size: var(--font24);}
.about-text p{color: #635A5A;font-size: var(--font20);line-height: 1.8;}
.hrqy{margin-top: 70px;display: flex;justify-content: space-between;}
.hrqy-img {width: 50%;}
.hrqy-img img{width: 100%;}
.hrqy-text{width: 50%;background: url(../images/a15.png) no-repeat center center;background-size: cover; padding: 40px 55px 0 55px;}
.hrqy-text h2{font-weight: bold;color: #fff;font-size: var(--font32);margin-bottom: 20px;}
.hrqy-text p{color: #fff;font-size: var(--font20);line-height: 1.8;}

.contact{display: flex;justify-content: space-between;position: relative;}
.contact-left{width: 50%;background: url(../images/a17.png) no-repeat center center;background-size: cover;}
.contact-right{width: 50%;}
.contact-right img{width: 100%;}

.lxwm{width: 1500px;max-width: 94%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.lxwmbox{background: #fff;width: calc(50% + 60px);padding: 65px 48px 48px 48px;}
.lxwmbox h2{font-weight: bold; color: #291D1D;font-size: var(--font48);margin-bottom: 35px;}
.lxwmbox ul{display: flex;gap:24px;flex-wrap: wrap;}
.lxwmbox li{width: calc(50% - 24px/2);}
.lxwmbox ul li:nth-child(3){ width:100%;}
.lxwmbox p{color: #291D1D;font-size: var(--font22);margin-bottom: 15px;}
.lxwmbox p b{color: #DE111C;}
.input1{width: 100%; padding: 0 15px;line-height: 50px;height: 52px;border: 1px solid #928d8c;border-radius: 5px;box-sizing: border-box;font-size: var(--font18);}
.text1{width: 100%; padding: 0 15px;line-height: 50px;height: 124px;border: 1px solid #928d8c;border-radius: 5px;box-sizing: border-box;font-size: var(--font18);font-family: "微软雅黑";outline:none;resize:none;}
.btn3{display: block;width: 100%;height: 64px;border: none;border-radius: 6px;color: #fff;font-weight: bold;cursor: pointer;font-size: var(--font24);background: #de111c;margin-top: 20px;}

.footer-bg{background: #97232a;}
.footer{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding: 70px 0;}
.footer-left{width: 155px;}
.footer-left span{display: block;border-right: 1px solid #fff;}
.footer-left img{width: 104px;}
.footer-right{width: calc(100% - 220px);}
.footer-right ul{display: flex;justify-content: space-between;}
.footer-right h2{color: #fff;font-size: var(--font18);margin-bottom: 30px;}
.xtdh dt{font-size: var(--font16);line-height: 1.875;}
.xtdh dt a{color: #fff;}
.xtdh dt a:hover{opacity: 0.6;}
.footer-right p{display: flex;justify-content: space-between;font-size: 16px;gap:5px;}
.footer-right b{width: 210px; line-height: 1.875;color: #fff;}
.footer-right em{width: 24px;padding-top: 6px;}
.fxnr {display: flex;gap:17px;}
.fxnr img{transition: all .5s;width: 24px;}
.fxnr a:hover img{opacity: .6;}

.bqxx{border-top:1px solid rgba(255,255,255,.2);}
.bqxx p{font-size: var(--font16);color: #fff;opacity: .6;line-height: 1.6;padding: 25px 3%;text-align: center;}

/*list*/
.banner1{position: relative;}
.banner1 img{width: 100%;}
.banner1-text{position: absolute;width: 1500px;max-width: 94%;left:50%; top:50%; transform:translate(-50%,-50%);}
.banner1-text h2{width: 382px; position: relative;}
.banner1-text h2 span { position: absolute; left: 84%; bottom: 0; color: #ffffff; white-space: nowrap;}
.banner1-text p{width: 532px;font-size: var(--font18);color: #fff;opacity: 0.8;line-height: 1.6; padding-top: 160px; position: relative;}
.banner1-text p:before{position: absolute;content: "";border-left: 1px solid #DD020F;height: 100px;left: 0;top: 45px;}
.banner1-text h2 b { display: block;white-space: nowrap; font-size: var(--font22); color: rgba(255,255,255,.8); padding-left: 2.46rem; margin-top: -5px;}


.bannerAbout {position: absolute;width: 1500px;max-width: 94%;left:50%; top:18%; transform:translate(-50%,0);}
.bannerAbout h2{width: 392px; position: relative;}
.bannerAbout h2 span { position: absolute; left: 84%; bottom: 0; color: #ffffff; white-space: nowrap;}
.bannerAbout p{width: 532px;font-size: var(--font18);color: #fff;opacity: 0.8;line-height: 1.6; padding-top: 160px; position: relative;}
.bannerAbout p:before{position: absolute;content: "";border-left: 1px solid #DD020F;height: 100px;left: 0;top: 45px;}




.proj-list{background: url(../images/a31.png) no-repeat center center;background-size: cover; padding-bottom: 45px;}
.proj-title{background: #fefaef;padding: 65px 0 70px;}
.proj-title ul{display: flex;gap:60px;}
.proj-title li{text-align: center;cursor: pointer;}
.proj-title span{display: block;width: 120px;height: 120px;border-radius: 8px; overflow: hidden;border: 2px solid #fff;box-sizing: border-box;}
.proj-title span img{width: 100%;height: 100%; object-fit: cover;box-sizing: border-box;}
.proj-title li.cur span{border: 2px solid #de121d;}
.proj-title p{color: #291D1D;font-size: var(--font24);margin-top: 20px;}
.proj-title li a:hover span{border: 2px solid #de121d;}
.proj-list-title{padding: 55px 0 45px;}
.proj-list-title h2{font-weight: bold;color: #291D1D;font-size: var(--font48);margin-bottom: 20px;}
.proj-list-title p{color: #635A5A;font-size: var(--font20);}
.cplist ul{display: flex;gap:45px;flex-wrap: wrap;padding-bottom: 48px;}
.cplist li{width: calc(33.333% - 90px/3);}
.cpbox{border-radius: 16px; overflow: hidden; background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.cp-img{border-radius: 16px 16px 0 0; overflow: hidden;}
.cp-img img{width: 100%; object-fit: cover;aspect-ratio: 368 / 286;transition: all 1s;}
.cp-text{padding: 30px 22px;}
.cp-text h2{display: flex;justify-content: space-between;align-items: center;}
.cp-text em{ font-size: var(--font32);color: #291D1D;font-style: normal;}
.rmbq1{line-height: 32px; padding: 0 17px;background: #fbedd5;border-radius: 16px;font-size: var(--font18);color: #7E4F04;} 
.cp-text h3{font-size: var(--font18);color: #635A5A;margin: 15px 0 60px;}
.cp-text a{display: inline-block;font-size: var(--font18);color: #DE111C;}
.cp-text a img{display: inline-block;vertical-align: middle; margin: -3px 0  0 1px;transition: all .5s;}
.cp-text a:hover img{margin-left: 6px;}
.cpbox:hover .cp-img img{transform: scale(1.1);}
.rmbq2{line-height: 32px; padding: 0 17px;background: #fbddd5;border-radius: 16px;font-size: var(--font18);color: #8E1D00;} 
.rmbq3{line-height: 32px; padding: 0 17px;background: #fde1f6;border-radius: 16px;font-size: var(--font18);color: #830053;} 
.rmbq4{line-height: 32px; padding: 0 17px;background: #bca197;border-radius: 16px;font-size: var(--font18);color: #652007;} 

.pout dl{display: flex;justify-content: center;gap:20px;}
.pout dt a{display: block; line-height: 42px; padding: 0 16px;border-radius: 6px;border: 1px solid #c0c4cf;color: #635A5A;font-size: var(--font18);transition: all .5s;}
.pout dt.cur a{background: #df111d;border: 1px solid #df111d;color: #fff;}
.pout a:hover{background: #df111d;border: 1px solid #df111d;color: #fff;}
.pout dt:nth-child(1) a{border: none;}
.pout dt:nth-child(1) a:hover{color: #df111d;background: none;}
.pout dt:last-child a{border: none;}
.pout dt:last-child a:hover{color: #df111d;background: none;}

/*list-cq*/
.cpxq{padding: 145px 0 295px;}
.cpxq-title{padding-bottom: 65px;}
.cpxq-title a{font-size: var(--font18);color: #000000;}
.cpxq-title a img{display: inline-block;vertical-align: middle; margin: -3px 1px 0 0;}
.cpxq-title a:hover{color: #E41313;}
.cpxq-nr{border-radius: 16px;background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); padding: 25px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.cpxq-img{width: 50%;}
.img-top{border-radius: 16px; overflow: hidden;animation: fadeIn 1s 1;}
.img-top img{width: 100%; object-fit: cover;aspect-ratio: 16 / 16;border-radius: 8px;}
.img-bottom{padding-top: 25px;}
.img-bottom ul{display: flex;justify-content: space-between;gap:25px;}
.img-bottom li{width: calc(25% - 75px/4);}
.img-bottom li span{display: block; overflow: hidden; border-radius: 8px;border: 2px solid #fff;cursor: pointer;}
.img-bottom li span img{width: 100%;object-fit: ocver;aspect-ratio: 16 / 16;}
.img-bottom li.cur span{border: 2px solid #df111d;}
.cpxq-text{width: 50%;padding: 0 25px 0 50px;}

.cpjs{padding-bottom: 20px;border-bottom: 1px solid #f1f4f9;}
.cpjs h2{font-weight: bold;color: #291D1D;font-size: var(--font48);margin: 10px 0 15px;} 
.cpjs p{color: #635A5A;font-size: var(--font18);line-height: 1.5;} 
.cpxx{padding: 20px 0 0 0;}
.cpxx h2{font-weight: bold;color: #291D1D;font-size: var(--font32);margin-bottom: 20px;}
.cpxx ul{border-radius: 8px;background: #f1f4f9; padding: 4px;display: flex;}
.cpxx li{width: 33.333%;}
.cpxx li a{display: block;text-align: center; line-height: 50px;border-radius: 8px;cursor: pointer;color: #291D1D;font-size: var(--font20);}
.cpxx li.cur a{background: #fff;}
.cpxx ul li a:hover{background: #fff;}
.cpzzbox{background: #f1f4f9;}
.cpxx-text{border-radius: 8px; margin-top: 20px;height: 210px;box-sizing: border-box; padding: 10px 15px;}
.btn4{display: block;width: 160px;line-height: 64px;color: #fff;background: #df111d;text-align: center;border-radius: 8px;font-size: var(--font20);margin-top: 80px;transition: all .5s;}
.btn4:hover{opacity: .6;color: #fff;}

/*about*/
.szjx-list{padding:70px 0 120px;}
.szjx-title h2{position: relative; font-weight: bold;color: #291D1D;font-size: var(--font48);padding-bottom: 20px;}
.szjx-title h2:before{position: absolute;content: "";border-bottom: 4px solid #de121d;width: 144px;border-radius: 2px;left: 0;bottom: 0;}
.szjx-box{display: flex;justify-content: space-between;flex-wrap: wrap; padding-top: 50px;}
.szjx-text{width: 50%; padding-right: 75px;box-sizing: border-box;}
.szjx-text p,.szjx-text h3{font-size: var(--font20);line-height: 1.875;color: #635A5A;}
.szjx-text li{padding-top: 25px;}
.szjx-nr{display: flex;justify-content: space-between;}
.szjx-nr span{width: 88px;}
.szjx-nr span img{width: 100%;}
.szjx-wb{width: calc(100% - 120px);}
.szjx-wb h2{font-weight: bold;font-size: var(--font24);color: #291D1D;margin-bottom: 10px;}
.szjx-wb p{font-size: var(--font18);color: #635A5A;line-height: 1.55;}
.szjx-img{width: 50%;}
.szjx-img img{width: 100%;}

.lskc{position: relative;}
.lskc img{width: 100%;}
.lskc-text{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;}
.lskc-text h2{font-size: var(--font48);color: #fff;font-weight: bold;margin-bottom: 40px;}
.lskc-text p{color: #fff;font-size: var(--font16);line-height: 1.875;}
.lskc-text a{display: inline-block;text-align: center; padding: 0 17px; background: #df111d;color: #fff; line-height: 40px;border-radius: 8px;font-size: var(--font16);transition: all .5s;margin-top: 50px;}
.lskc-text a:hover{opacity: .7;}

.obrz{padding: 110px 0 0 0;}
.obrz-title h2{font-size: var(--font64);font-weight: bold;padding-left: 128px;color: #291D1D;position: relative;}
.obrz-title h2:before{position: absolute;content: "";border-bottom: 4px solid #df111d;width: 88px;left: 0;top: 50%;transform: translateY(-50%);}

.pplc{padding: 120px 0 0 0;}
.pplc-title h2{font-size: var(--font64);font-weight: bold;color: #291D1D;position: relative;padding-bottom: 40px;}
.pplc-title h2:before{position: absolute;content: "";border-bottom: 4px solid #df111d;width: 88px;left: 0;bottom: 0;}
.pplc-nr{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 50px 0; border-bottom: 1px solid #c9c9c9;}
.pplc-text{width: 40%; padding-right: 50px;box-sizing: border-box;}
.pplc-text h2{font-weight: bold;font-size: var(--font24);color: #291D1D;margin-bottom: 10px;}
.pplc-text p{color: #635A5A;font-size: var(--font20);line-height: 1.875;}
.pplc-img{width: 60%;}
.pplc-img img{width: 100%;}

.fzlc{padding-top: 120px;}
.fzlcbox{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding-bottom: 120px;}
.fzlcxq{width: calc(50% - 25px);}
.fzlcxq h2{font-size: 120px;    font-weight: bold;
    color: #fff;
    font-family: "arial black";
    -webkit-text-stroke: 2px black;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #291d1d;}
.fzlcxq h3{font-weight: bold;color: #291D1D;font-size: var(--font24);margin-bottom: 15px;}
.fzlcxq p{color: #635A5A;font-size: var(--font20);line-height: 1.875;}

/*lxwm*/
.lxwma{width: 1070px;margin: 0 auto;max-width: 94%;}
.lxwma-title{width: 675px;margin: 0 auto; padding: 80px 0 88px;text-align: center;}
.lxwma-title h2{font-weight: bold;font-size: var(--font64);color: #291D1D;}
.lxwma-title p{color: #291D1D;font-size: var(--font18);line-height: 1.55;margin: 40px 0 30px;}
.lxwma-title ul{display: flex;justify-content: space-between;gap:30px;}
.lxwma-title li{width: calc(50% - 30px/2);}
.lxwma-title span{display: block;text-align: center; line-height: 62px;border: 1px solid #df111d;border-radius: 8px;color: #df111d;font-size: var(--font20);}
.lxwma-title span img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;}
.lxwma-title  ul li:nth-child(1) span{color: #fff;background: #df111d;}
.lxwma-box{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 115px;}
.lxwma-left{width: 449px;}
.lxwma-left img{width: 100%;}
.lxwma-right{width: calc(100% - 510px);}
.lxwma-right h2{font-weight: bold;font-size: var(--font64);color: #291D1D;margin-bottom: 20px;}
.lxwma-right p{font-size: var(--font22);color: #291D1D;}
.lxwm-xq{padding: 30px 0 0 0;}
.lxwm-xq ul{display: flex;gap:24px;flex-wrap: wrap;}
.lxwm-xq li{width: calc(50% - 24px/2);padding-bottom: 20px;}
.lxwm-xq p{font-size: var(--font24);color: #291D1D;margin-bottom: 20px;}
.lxwm-xq p b{color: #FF0000;}
.wby1{width: 100%; padding: 0 15px;border: 1px solid #c0c4cf;border-radius: 6px;box-sizing: border-box;line-height: 50px;height: 52px;font-size: var(--font16);}
.wby2{width: 100%; padding: 0 15px;border: 1px solid #c0c4cf;border-radius: 6px;box-sizing: border-box;line-height: 50px;height: 52px;font-size: var(--font16);height: 125px;outline:none;resize:none;}
.lxwm-xq li:nth-child(3){ width:100%;}
.btn5{cursor: pointer;width: 100%;height: 64px;background: #df111d;color: #fff;border: none;border-radius: 6px;font-size: var(--font20);}

/*ypnr*/
.banner2-text{position: absolute;width: 1500px; bottom: 88px;left: 50%;transform: translateX(-50%);max-width: 94%;}
.banner2-text h2{color: #fff;font-weight: bold;font-size: var(--font48);margin-bottom: 25px;}
.banner2-text p{color: #fff;font-size: var(--font16);width: 610px;line-height: 1.8;opacity: .8;}
.banner2-text a{display: block; line-height: 58px;width: 160px;text-align: center; color: #fff;background: #df111d;border-radius: 8px;font-size: var(--font20);margin-top: 50px;}
.banner2-text a:hover{opacity: .7;}

.yclist{padding: 65px 0 50px;}
.yclist ul{display: flex;gap:25px;flex-wrap: wrap;}
.yclist li{width: calc(25% - 75px/4);}
.ycimg{position: relative;border-radius: 8px; overflow: hidden;}
.ycimg img{width: 100%; object-fit: cover;aspect-ratio: 282 / 160;transition: all 1s;}
.bfbtn2{background: url(../images/a53.png); width: 44px;height: 44px;border-radius: 50%;background-size: 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.yctext{padding: 10px 15px;}
.yctext p{color: #291D1D;font-size: var(--font20); line-height: 1.8;}
.yclist li a:hover img{transform: scale(1.1);}
.yclist li a:hover p{color: #DD020F;}
.sjzs{display: none;}
.tcbj{position: fixed;z-index: 101;width: 100%;height: 100%; top: 0;left: 0;background: rgba(0, 0, 0, .7);display: none;}
.cptc{width: 610px;border-radius: 15px;background: #fff; position: fixed;z-index: 102;left:50%; top:50%; transform:translate(-50%,-50%);padding: 0 50px 50px 50px;box-sizing: border-box;max-width: 90%;display: none;}
.cptc h2{font-weight: bold;font-size: 48px;color: #000;padding: 30px 0 40px;}
.cptc li{padding-bottom: 35px;}
.cptc li p{font-size: 22px;color: #000; margin-bottom: 15px;}
.cptc li p b{color: #E71F25;}

.wbys1{width: 100%;height: 45px;line-height: 43px; border: 1px solid #928c8c; padding: 0 15px;border-radius: 6px; width: 100%;box-sizing: border-box;font-size: 18px;}
.wbys2{width: 100%;height:100px;line-height: 1.5; border: 1px solid #928c8c; padding: 0 15px;border-radius: 6px; width: 100%;box-sizing: border-box;font-size: 18px;outline:none;font-family: '微软雅黑';    resize: none;}
.ggbtn{position: absolute;background: url(../images/sa1.png);width: 24px;height: 24px; background-size: 100%;top: 25px;right: 50px;cursor: pointer;}
.sbtn1{width: 100%;height: 64px;border-radius: 6px;border: none;color: #fff;background: #df111d;cursor: pointer;margin-top: -10px;font-weight: bold;font-size: 24px;}

.cpzzqh{animation: fadeIn 1s 1;}
@media only screen and (min-width: 1080px) and (max-width: 1920px) {
.container {
    width: 62.5vw;        /* 1200 / 1920 * 100 */
    max-width: 94%;
    margin: 0 auto;
}
.header-bg {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    transition: all .4s;
    padding: 1.0417vw 0;   /* 20px / 1920 * 100 */
    width: 100%;
}
.small-header .header-bg {
    background: #fff;
    padding: 0.5208vw 0;    /* 10px / 1920 * 100 */

}
.show-header .header-bg {
    top: 0;
}
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3.9583vw;       /* 76px / 1920 * 100 */
    border-radius: 1.9792vw; /* 38px / 1920 * 100 */
    background: rgba(255,255,255,.8);
    padding: 0 3.2813vw;     /* 63px / 1920 * 100 */
}
.header-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.3438vw;           /* 45px / 1920 * 100 */
}
.nav ul {
    display: flex;
    gap: 1.7708vw;           /* 34px / 1920 * 100 */
}
.nav li a {
    display: block;
    padding: 0 0.6771vw;     /* 13px / 1920 * 100 */
    line-height: 1.7708vw;    /* 34px / 1920 * 100 */
    border-radius: 0.8854vw;  /* 17px / 1920 * 100 */
    font-size: var(--font16);
    color: #291D1D;
    transition: all .5s;
}
.nav li.cur a {
    color: #DE111C;
    background: #FED7D7;
}
.nav a:hover {
    color: #DE111C;
    background: #FED7D7;
}
.logo {
    width: 7.5vw;            /* 144px / 1920 * 100 */
}
.logo img {
    width: 100%;
}

.header-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.3021vw;           /* 25px / 1920 * 100 */
}
.contact-btn {
    display: block;
    text-align: center;
    width: 5vw;              /* 96px / 1920 * 100 */
    line-height: 2.0833vw;    /* 40px / 1920 * 100 */
    color: #fff;
    background: #DE111C;
    font-size: var(--font16);
    border-radius: 0.4167vw;  /* 8px / 1920 * 100 */
}
.contact-btn:hover {
    color: #fff;
    opacity: .6;
}
.yznr {
    position: relative;
}
.yznr ul {
    position: absolute;
    width: 100%;
    background: #fff;
    border-radius: 0.5208vw;  /* 10px / 1920 * 100 */
    left: 0;
    top: 2.0833vw;            /* 40px / 1920 * 100 */
    display: none;
}
.yznr p {
    cursor: pointer;
    line-height: 2.0833vw;     /* 40px / 1920 * 100 */
    text-align: center;
    width: 5.4688vw;           /* 105px / 1920 * 100 */
    color: #291D1D;
    font-size: var(--font16);
    border-radius: 1.0417vw;   /* 20px / 1920 * 100 */
    background: #fff;
}
.yznr p img {
    display: inline-block;
    vertical-align: middle;
    margin: -0.1563vw 0.2604vw 0 0; /* -3px 5px 0 0 */
}
.yznr li a {
    display: block;
    text-align: center;
    line-height: 1.6667vw;    /* 32px / 1920 * 100 */
    font-size: var(--font16);
    color: #291D1D;
}
.yznr li a img {
    display: inline-block;
    vertical-align: middle;
    margin: -0.1563vw 0.2604vw 0 0; /* -3px 5px 0 0 */
}
.yznr:hover ul {
    display: block;
}
.yznr li a:hover {
    color: #DE111C;
}

.video {
    position: relative;
    height: 100vh;
}
.video video {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.bfbtn {
    position: absolute;
    cursor: pointer;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: url(../images/a3.png);
    width: 6.25vw;            /* 120px / 1920 * 100 */
    height: 6.25vw;           /* 120px / 1920 * 100 */
    background-size: 100%;
    border-radius: 50%;
}

.hldx {
    background: url(../images/a4.png) no-repeat center center;
    background-size: 32.8125vw 32.1354vw; /* 630px 617px */
}
.hldxbox {
    padding: 7.2917vw 0 8.3333vw; /* 140px 0 160px */
    display: flex;
    position: relative;
}
.hldxbox:before {
    position: absolute;
    content: "";
    background: url(../images/a6.png);
    width: 8.9583vw;          /* 172px / 1920 * 100 */
    height: 1.6667vw;         /* 32px / 1920 * 100 */
    background-size: 100% 100%;
    left: -5.9896vw;          /* -115px / 1920 * 100 */
    top: 2.0833vw;            /* 40px / 1920 * 100 */
}
.hldxbox:after {
    position: absolute;
    content: "";
    background: url(../images/a6.png);
    width: 8.9583vw;          /* 172px / 1920 * 100 */
    height: 1.6667vw;         /* 32px / 1920 * 100 */
    background-size: 100% 100%;
    right: -6.5104vw;         /* -125px / 1920 * 100 */
    bottom: 8.3333vw;         /* 160px / 1920 * 100 */
}
.hldx-text {
    width: 51%;
    padding-right: 4.6875vw;  /* 90px / 1920 * 100 */
}
.hldx-text h2 {
    font-weight: bold;
    font-size: var(--font64);
    color: #291D1D;
    line-height: 1.4;
    position: relative;
    margin-bottom: 1.3021vw;  /* 25px / 1920 * 100 */
}
.hldx-text h2:before {
    position: absolute;
    content: "";
    border-bottom: 0.2083vw solid #dd020f; /* 4px / 1920 * 100 */
    width: 9.8958vw;          /* 190px / 1920 * 100 */
    border-radius: 0.1042vw;  /* 2px / 1920 * 100 */
    left: 0;
    bottom: 0;
}
.hldx-text p {
    color: #635A5A;
    font-size: var(--font20);
    line-height: 1.8;
}
.hldx-text ul {
    padding-top: 3.9063vw;    /* 75px / 1920 * 100 */
    display: flex;
    gap: 1.3021vw;            /* 25px / 1920 * 100 */
}
.btn1 {
    text-align: center;
    width: 8.3333vw;          /* 160px / 1920 * 100 */
    display: block;
    line-height: 3.0208vw;    /* 58px / 1920 * 100 */
    border-radius: 0.3125vw;  /* 6px / 1920 * 100 */
    border: 0.0521vw solid #df111d; /* 1px / 1920 * 100 */
    color: #fff;
    font-weight: bold;
    font-size: var(--font20);
    background: #df111d;
}
.btn1:hover {
    color: #fff;
}
.btn2 {
    text-align: center;
    width: 8.3333vw;          /* 160px / 1920 * 100 */
    display: block;
    line-height: 3.0208vw;    /* 58px / 1920 * 100 */
    border-radius: 0.3125vw;  /* 6px / 1920 * 100 */
    border: 0.0521vw solid #df111d; /* 1px / 1920 * 100 */
    color: #df111d;
    font-weight: bold;
    font-size: var(--font20);
    background: #fff;
    transition: all .5s;
}
.btn2:hover {
    color: #fff;
    background: #df111d;
}
.hldx-img {
    width: 49%;
}
.hldx-img img {
    width: 100%;
}

.jxcp-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.jxcp-title h2 {
    font-weight: bold;
    color: #291D1D;
    font-size: var(--font64);
}
.jxcp-title a {
    font-size: var(--font20);
    color: #291D1D;
}
.jxcp-title a img {
    display: inline-block;
    vertical-align: middle;
    margin: -0.1563vw 0 0 0.2604vw; /* -3px 0 0 5px */
    transition: all .5s;
}
.jxcp-title a:hover img {
    margin-left: 0.5208vw;    /* 10px / 1920 * 100 */
}
.jxcp-box ul {
    display: flex;
    flex-wrap: wrap;
    padding: 2.6042vw 0 3.125vw; /* 50px 0 60px */
}
.jxcp-box li {
    width: 25%;
    padding: 0 0.1042vw;      /* 2px / 1920 * 100 */
    box-sizing: border-box;
}
.project {
    position: relative;
    overflow: hidden;
}
.project img {
    width: 100%;
}
.projectbox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(151,36,42,.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .5s;
}
.project-text {
    text-align: center;
    padding: 0 5%;      /* 80px / 1920 * 100 */
    text-align: center;
}
.project-text h2 {
    font-weight: bold;
    color: #fff;
    font-size: var(--font48);
}
.project-text p {
    color: #fff;
    font-size: var(--font22);
    line-height: 1.55;
}
.jxcp-box a:hover .projectbox {
    opacity: 1;
}
.jxcp-box a:hover h2 {
    animation: fadeInDown 1s 1;
}
.jxcp-box a:hover p {
    animation: fadeInUp 1s 1;
}

.about-bg {
    padding-bottom: 3.125vw;  /* 60px / 1920 * 100 */
    background: url(../images/a14.png) no-repeat center bottom;
    background-size: cover;
}
.about-xq {
    display: flex;
    justify-content: space-between;
}
.about-xq span {
    display: block;
    width: 4.0104vw;          /* 77px / 1920 * 100 */
}
.about-xq span img {
    width: 100%;
}
.about-box ul {
    display: flex;
    gap: 1.5625vw;            /* 30px / 1920 * 100 */
    padding: 4.1667vw 0 0 0;   /* 80px / 1920 * 100 */
}
.about-text {
    width: calc(100% - 5.2083vw); /* 100px / 1920 * 100 = 5.2083vw */
}
.about-text h2 {
    font-weight: bold;
    color: #291D1D;
    font-size: var(--font24);
}
.about-text p {
    color: #635A5A;
    font-size: var(--font20);
    line-height: 1.8;
}
.hrqy {
    margin-top: 3.6458vw;     /* 70px / 1920 * 100 */
    display: flex;
    justify-content: space-between;
}
.hrqy-img {
    width: 50%;
}
.hrqy-img img {
    width: 100%;
}
.hrqy-text {
    width: 50%;
    background: url(../images/a15.png) no-repeat center center;
    background-size: cover;
    padding: 2.0833vw 2.8646vw 0 2.8646vw; /* 40px 55px 0 55px */
}
.hrqy-text h2 {
    font-weight: bold;
    color: #fff;
    font-size: var(--font32);
    margin-bottom: 1.0417vw;  /* 20px / 1920 * 100 */
}
.hrqy-text p {
    color: #fff;
    font-size: var(--font20);
    line-height: 1.8;
}

.contact {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.contact-left {
    width: 50%;
    background: url(../images/a17.png) no-repeat center center;
    background-size: cover;
}
.contact-right {
    width: 50%;
}
.contact-right img {
    width: 100%;
}

.lxwm {
    width: 78.125vw;          /* 1500px / 1920 * 100 */
    max-width: 94%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.lxwmbox {
    background: #fff;
    width: calc(50% + 3.125vw); /* 60px / 1920 * 100 = 3.125vw */
    padding: 3.3854vw 2.5vw 2.5vw 2.5vw; /* 65px 48px 48px 48px */
}
.lxwmbox h2 {
    font-weight: bold;
    color: #291D1D;
    font-size: var(--font48);
    margin-bottom: 1.8229vw;  /* 35px / 1920 * 100 */
}
.lxwmbox ul {
    display: flex;
    gap: 1.25vw;              /* 24px / 1920 * 100 */
    flex-wrap: wrap;
}
.lxwmbox li {
    width: calc(50% - 1.25vw/2); /* 24px/2 = 0.625vw */
}
.lxwmbox ul li:nth-child(3) {
    width: 100%;
}
.lxwmbox p {
    color: #291D1D;
    font-size: var(--font22);
    margin-bottom: 0.7813vw;  /* 15px / 1920 * 100 */
}
.lxwmbox p b {
    color: #DE111C;
}
.input1 {
    width: 100%;
    padding: 0 0.7813vw;      /* 15px / 1920 * 100 */
    line-height: 2.6042vw;    /* 50px / 1920 * 100 */
    height: 2.7083vw;         /* 52px / 1920 * 100 */
    border: 0.0521vw solid #928d8c; /* 1px / 1920 * 100 */
    border-radius: 0.2604vw;  /* 5px / 1920 * 100 */
    box-sizing: border-box;
    font-size: var(--font18);
}
.text1 {
    width: 100%;
    padding: 0 0.7813vw;      /* 15px / 1920 * 100 */
    line-height: 2.6042vw;    /* 50px / 1920 * 100 */
    height: 6.4583vw;         /* 124px / 1920 * 100 */
    border: 0.0521vw solid #928d8c; /* 1px / 1920 * 100 */
    border-radius: 0.2604vw;  /* 5px / 1920 * 100 */
    box-sizing: border-box;
    font-size: var(--font18);
    font-family: "微软雅黑";
    outline: none;
}
.btn3 {
    display: block;
    width: 100%;
    height: 3.3333vw;         /* 64px / 1920 * 100 */
    border: none;
    border-radius: 0.3125vw;  /* 6px / 1920 * 100 */
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    font-size: var(--font24);
    background: #de111c;
    margin-top: 1.0417vw;     /* 20px / 1920 * 100 */
}

.footer-bg {
    background: #97232a;
}
.footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 3.6458vw 0;      /* 70px / 1920 * 100 */
}
.footer-left {
    width: 8.0729vw;          /* 155px / 1920 * 100 */
}
.footer-left img{width: 5.416vw;}
.footer-left span {
    display: block;
    border-right: 0.0521vw solid #fff; /* 1px / 1920 * 100 */
}
.footer-right {
    width: calc(100% - 11.4583vw); /* 220px / 1920 * 100 = 11.4583vw */
}
.footer-right ul {
    display: flex;
    justify-content: space-between;
}
.footer-right h2 {
    color: #fff;
    font-size: var(--font18);
    margin-bottom: 1.5625vw;  /* 30px / 1920 * 100 */
}
.xtdh dt {
    font-size: var(--font16);
    line-height: 1.875;
}
.xtdh dt a {
    color: #fff;
}
.xtdh dt a:hover {
    opacity: 0.6;
}
.footer-right p {
    display: flex;
    justify-content: space-between;
    font-size: 0.8333vw;      /* 16px / 1920 * 100 */
    gap: 0.2604vw;            /* 5px / 1920 * 100 */
}
.footer-right b {
    width: 10.9375vw;         /* 210px / 1920 * 100 */
    line-height: 1.875;
    color: #fff;
}
.footer-right em {
    width: 1.25vw;            /* 24px / 1920 * 100 */
    padding-top: 0.3125vw;    /* 6px / 1920 * 100 */
}
.fxnr {
    display: flex;
    gap: 0.8854vw;            /* 17px / 1920 * 100 */
}
.fxnr img {
    transition: all .5s;
}
.fxnr a:hover img {
    opacity: .6;
}

.bqxx {
    border-top: 0.0521vw solid rgba(255,255,255,.2); /* 1px / 1920 * 100 */
}
.bqxx p {
    font-size: var(--font16);
    color: #fff;
    opacity: .6;
    line-height: 1.6;
    padding: 1.3021vw 3%;     /* 25px / 1920 * 100 */
    text-align: center;
}

/*list*/
.banner1 {
    position: relative;
}
.banner1 img {
    width: 100%;
}
.banner1-text {
    position: absolute;
    width: 78.125vw;          /* 1500px / 1920 * 100 */
    max-width: 94%;
    left: 50%;
    top: 18%;
    transform: translate(-50%,0%);
}
.banner1-text h2 {
    width: 23.958vw;         /* 530px / 1920 * 100 */
}
.bannerAbout{
	position: absolute;
	width: 78.125vw;          /* 1500px / 1920 * 100 */
	max-width: 94%;
	left: 50%;
	top: 18%;
	transform: translate(-50%,0%);
}
.bannerAbout h2 {
    width: 20.416vw;         /* 530px / 1920 * 100 */
}

.proj-list {
    background: url(../images/a31.png) no-repeat center center;
    background-size: cover;
    padding-bottom: 2.3438vw; /* 45px / 1920 * 100 */
}
.proj-title {
    background: #fefaef;
    padding: 3.3854vw 0 3.6458vw; /* 65px 0 70px */
}
.proj-title ul {
    display: flex;
    gap: 3.125vw;             /* 60px / 1920 * 100 */
}
.proj-title li {
    text-align: center;
    cursor: pointer;
}
.proj-title span {
    display: block;
    width: 6.25vw;            /* 120px / 1920 * 100 */
    height: 6.25vw;           /* 120px / 1920 * 100 */
    border-radius: 0.4167vw;  /* 8px / 1920 * 100 */
    overflow: hidden;
    border: 0.1042vw solid #fff; /* 2px / 1920 * 100 */
    box-sizing: border-box;
}
.proj-title span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}
.proj-title li.cur span {
    border: 0.1042vw solid #de121d; /* 2px / 1920 * 100 */
}
.proj-title p {
    color: #291D1D;
    font-size: var(--font24);
    margin-top: 1.0417vw;     /* 20px / 1920 * 100 */
}
.proj-title li a:hover span {
    border: 0.1042vw solid #de121d; /* 2px / 1920 * 100 */
}
.proj-list-title {
    padding: 2.8646vw 0 2.3438vw; /* 55px 0 45px */
}
.proj-list-title h2 {
    font-weight: bold;
    color: #291D1D;
    font-size: var(--font48);
    margin-bottom: 1.0417vw;  /* 20px / 1920 * 100 */
}
.proj-list-title p {
    color: #635A5A;
    font-size: var(--font20);
}
.cplist ul {
    display: flex;
    gap: 2.3438vw;            /* 45px / 1920 * 100 */
    flex-wrap: wrap;
    padding-bottom: 2.5vw;    /* 48px / 1920 * 100 */
}
.cplist li {
    width: calc(33.333% - 4.6875vw/3); /* 90px / 1920 * 100 = 4.6875vw */
}
.cpbox {
    border-radius: 0.8333vw;  /* 16px / 1920 * 100 */
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 0.5208vw rgba(0, 0, 0, .1); /* 10px / 1920 * 100 */
}
.cp-img {
    border-radius: 0.8333vw 0.8333vw 0 0; /* 16px / 1920 * 100 */
    overflow: hidden;
}
.cp-img img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 368 / 286;
    transition: all 1s;
}
.cp-text {
    padding: 1.5625vw 1.1458vw; /* 30px 22px */
}
.cp-text h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cp-text em {
    font-size: var(--font32);
    color: #291D1D;
    font-style: normal;
}
.rmbq1 {
    line-height: 1.6667vw;    /* 32px / 1920 * 100 */
    padding: 0 0.8854vw;      /* 17px / 1920 * 100 */
    background: #fbedd5;
    border-radius: 0.8333vw;  /* 16px / 1920 * 100 */
    font-size: var(--font18);
    color: #7E4F04;
}
.cp-text h3 {
    font-size: var(--font18);
    color: #635A5A;
    margin: 0.7813vw 0 3.125vw; /* 15px 0 60px */
}
.cp-text a {
    display: inline-block;
    font-size: var(--font18);
    color: #DE111C;
}
.cp-text a img {
    display: inline-block;
    vertical-align: middle;
    margin: -0.1563vw 0 0 0.0521vw; /* -3px 0 0 1px */
    transition: all .5s;
}
.cp-text a:hover img {
    margin-left: 0.3125vw;    /* 6px / 1920 * 100 */
}
.cpbox:hover .cp-img img {
    transform: scale(1.1);
}
.rmbq2 {
    line-height: 1.6667vw;    /* 32px / 1920 * 100 */
    padding: 0 0.8854vw;      /* 17px / 1920 * 100 */
    background: #fbddd5;
    border-radius: 0.8333vw;  /* 16px / 1920 * 100 */
    font-size: var(--font18);
    color: #8E1D00;
}
.rmbq3 {
    line-height: 1.6667vw;    /* 32px / 1920 * 100 */
    padding: 0 0.8854vw;      /* 17px / 1920 * 100 */
    background: #fde1f6;
    border-radius: 0.8333vw;  /* 16px / 1920 * 100 */
    font-size: var(--font18);
    color: #830053;
}
.rmbq4 {
    line-height: 1.6667vw;    /* 32px / 1920 * 100 */
    padding: 0 0.8854vw;      /* 17px / 1920 * 100 */
    background: #bca197;
    border-radius: 0.8333vw;  /* 16px / 1920 * 100 */
    font-size: var(--font18);
    color: #652007;
}

.pout dl {
    display: flex;
    justify-content: center;
    gap: 1.0417vw;            /* 20px / 1920 * 100 */
}
.pout dt a {
    display: block;
    line-height: 2.1875vw;    /* 42px / 1920 * 100 */
    padding: 0 0.8333vw;      /* 16px / 1920 * 100 */
    border-radius: 0.3125vw;  /* 6px / 1920 * 100 */
    border: 0.0521vw solid #c0c4cf; /* 1px / 1920 * 100 */
    color: #635A5A;
    font-size: var(--font18);
    transition: all .5s;
}
.pout dt.cur a {
    background: #df111d;
    border: 0.0521vw solid #df111d; /* 1px / 1920 * 100 */
    color: #fff;
}
.pout a:hover {
    background: #df111d;
    border: 0.0521vw solid #df111d; /* 1px / 1920 * 100 */
    color: #fff;
}
.pout dt:nth-child(1) a {
    border: none;
}
.pout dt:nth-child(1) a:hover {
    color: #df111d;
    background: none;
}
.pout dt:last-child a {
    border: none;
}
.pout dt:last-child a:hover {
    color: #df111d;
    background: none;
}

/*list-cq*/
.cpxq {
    padding: 7.5521vw 0 15.3646vw; /* 145px 0 295px */
}
.cpxq-title {
    padding-bottom: 3.3854vw; /* 65px / 1920 * 100 */
}
.cpxq-title a {
    font-size: var(--font18);
    color: #000000;
}
.cpxq-title a img {
    display: inline-block;
    vertical-align: middle;
    margin: -0.1563vw 0.0521vw 0 0; /* -3px 1px 0 0 */
}
.cpxq-title a:hover {
    color: #E41313;
}
.cpxq-nr {
    border-radius: 0.8333vw;  /* 16px / 1920 * 100 */
    background: #fff;
    box-shadow: 0 0 0.5208vw rgba(0, 0, 0, .1); /* 10px / 1920 * 100 */
    padding: 1.3021vw;        /* 25px / 1920 * 100 */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cpxq-img {
    width: 50%;
}
.img-top {
    border-radius: 0.8333vw;  /* 16px / 1920 * 100 */
    overflow: hidden;
    animation: fadeIn 1s 1;
}
.img-top img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 16;
    border-radius: 0.4167vw;  /* 8px / 1920 * 100 */
}
.img-bottom {
    padding-top: 1.3021vw;    /* 25px / 1920 * 100 */
}
.img-bottom ul {
    display: flex;
    justify-content: space-between;
    gap: 1.3021vw;            /* 25px / 1920 * 100 */
}
.img-bottom li {
    width: calc(25% - 3.9063vw/4); /* 75px / 1920 * 100 = 3.9063vw */
}
.img-bottom li span {
    display: block;
    overflow: hidden;
    border-radius: 0.4167vw;  /* 8px / 1920 * 100 */
    border: 0.1042vw solid #fff; /* 2px / 1920 * 100 */
    cursor: pointer;
}
.img-bottom li span img {
    width: 100%;
    object-fit: ocver;
    aspect-ratio: 16 / 16;
}
.img-bottom li.cur span {
    border: 0.1042vw solid #df111d; /* 2px / 1920 * 100 */
}
.cpxq-text {
    width: 50%;
    padding: 0 1.3021vw 0 2.6042vw; /* 0 25px 0 50px */
}

.cpjs {
    padding-bottom: 1.0417vw; /* 20px / 1920 * 100 */
    border-bottom: 0.0521vw solid #f1f4f9; /* 1px / 1920 * 100 */
}
.cpjs h2 {
    font-weight: bold;
    color: #291D1D;
    font-size: var(--font48);
    margin: 0.5208vw 0 0.7813vw; /* 10px 0 15px */
}
.cpjs p {
    color: #635A5A;
    font-size: var(--font18);
    line-height: 1.5;
}
.cpxx {
    padding: 1.0417vw 0 0 0;  /* 20px / 1920 * 100 */
}
.cpxx h2 {
    font-weight: bold;
    color: #291D1D;
    font-size: var(--font32);
    margin-bottom: 1.0417vw;  /* 20px / 1920 * 100 */
}
.cpxx ul {
    border-radius: 0.4167vw;  /* 8px / 1920 * 100 */
    background: #f1f4f9;
    padding: 0.2083vw;        /* 4px / 1920 * 100 */
    display: flex;
}
.cpxx li {
    width: 33.333%;
}
.cpxx li a {
    display: block;
    text-align: center;
    line-height: 2.6042vw;    /* 50px / 1920 * 100 */
    border-radius: 0.4167vw;  /* 8px / 1920 * 100 */
    cursor: pointer;
    color: #291D1D;
    font-size: var(--font20);
}
.cpxx li.cur a {
    background: #fff;
}
.cpxx ul li a:hover {
    background: #fff;
}
.cpzzbox{background: #f1f4f9;}
.cpxx-text {
    border-radius: 0.4167vw;  /* 8px / 1920 * 100 */
    margin-top: 1.0417vw;     /* 20px / 1920 * 100 */
    height: 10.9375vw;        /* 210px / 1920 * 100 */
    box-sizing: border-box;
    padding: 0.5208vw 0.7813vw; /* 10px 15px */
}
.btn4 {
    display: block;
    width: 8.3333vw;          /* 160px / 1920 * 100 */
    line-height: 3.3333vw;    /* 64px / 1920 * 100 */
    color: #fff;
    background: #df111d;
    text-align: center;
    border-radius: 0.4167vw;  /* 8px / 1920 * 100 */
    font-size: var(--font20);
    margin-top: 4.1667vw;     /* 80px / 1920 * 100 */
    transition: all .5s;
}
.btn4:hover {
    opacity: .6;
    color: #fff;
}

/*about*/
.szjx-list {
    padding: 3.6458vw 0 6.25vw; /* 70px 0 120px */
}
.szjx-title h2 {
    position: relative;
    font-weight: bold;
    color: #291D1D;
    font-size: var(--font48);
    padding-bottom: 1.0417vw; /* 20px / 1920 * 100 */
}
.szjx-title h2:before {
    position: absolute;
    content: "";
    border-bottom: 0.2083vw solid #de121d; /* 4px / 1920 * 100 */
    width: 7.5vw;            /* 144px / 1920 * 100 */
    border-radius: 0.1042vw;  /* 2px / 1920 * 100 */
    left: 0;
    bottom: 0;
}
.szjx-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 2.6042vw;    /* 50px / 1920 * 100 */
}
.szjx-text {
    width: 50%;
    padding-right: 3.9063vw;  /* 75px / 1920 * 100 */
    box-sizing: border-box;
}
.szjx-text p {
    font-size: var(--font20);
    line-height: 1.875;
    color: #635A5A;
}
.szjx-text li {
    padding-top: 1.3021vw;    /* 25px / 1920 * 100 */
}
.szjx-nr {
    display: flex;
    justify-content: space-between;
}
.szjx-nr span {
    width: 4.5833vw;          /* 88px / 1920 * 100 */
}
.szjx-nr span img {
    width: 100%;
}
.szjx-wb {
    width: calc(100% - 6.25vw); /* 120px / 1920 * 100 = 6.25vw */
}
.szjx-wb h2 {
    font-weight: bold;
    font-size: var(--font24);
    color: #291D1D;
    margin-bottom: 0.5208vw;  /* 10px / 1920 * 100 */
}
.szjx-wb p {
    font-size: var(--font18);
    color: #635A5A;
    line-height: 1.55;
}
.szjx-img {
    width: 50%;
}
.szjx-img img {
    width: 100%;
}

.lskc {
    position: relative;
}
.lskc img {
    width: 100%;
}
.lskc-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.lskc-text h2 {
    font-size: var(--font48);
    color: #fff;
    font-weight: bold;
    margin-bottom: 2.0833vw;  /* 40px / 1920 * 100 */
}
.lskc-text p {
    color: #fff;
    font-size: var(--font16);
    line-height: 1.875;
}
.lskc-text a {
    display: inline-block;
    text-align: center;
    padding: 0 0.8854vw;      /* 17px / 1920 * 100 */
    background: #df111d;
    color: #fff;
    line-height: 2.0833vw;    /* 40px / 1920 * 100 */
    border-radius: 0.4167vw;  /* 8px / 1920 * 100 */
    font-size: var(--font16);
    transition: all .5s;
    margin-top: 2.6042vw;     /* 50px / 1920 * 100 */
}
.lskc-text a:hover {
    opacity: .7;
}

.obrz {
    padding: 5.7292vw 0 0 0;  /* 110px / 1920 * 100 */
}
.obrz-title h2 {
    font-size: var(--font64);
    font-weight: bold;
    padding-left: 6.6667vw;   /* 128px / 1920 * 100 */
    color: #291D1D;
    position: relative;
}
.obrz-title h2:before {
    position: absolute;
    content: "";
    border-bottom: 0.2083vw solid #df111d; /* 4px / 1920 * 100 */
    width: 4.5833vw;          /* 88px / 1920 * 100 */
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pplc {
    padding: 6.25vw 0 0 0;    /* 120px / 1920 * 100 */
}
.pplc-title h2 {
    font-size: var(--font64);
    font-weight: bold;
    color: #291D1D;
    position: relative;
    padding-bottom: 2.0833vw; /* 40px / 1920 * 100 */
}
.pplc-title h2:before {
    position: absolute;
    content: "";
    border-bottom: 0.2083vw solid #df111d; /* 4px / 1920 * 100 */
    width: 4.5833vw;          /* 88px / 1920 * 100 */
    left: 0;
    bottom: 0;
}
.pplc-nr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 2.6042vw 0;      /* 50px / 1920 * 100 */
    border-bottom: 0.0521vw solid #c9c9c9; /* 1px / 1920 * 100 */
}
.pplc-text {
    width: 40%;
    padding-right: 2.6042vw;  /* 50px / 1920 * 100 */
    box-sizing: border-box;
}
.pplc-text h2 {
    font-weight: bold;
    font-size: var(--font24);
    color: #291D1D;
    margin-bottom: 0.5208vw;  /* 10px / 1920 * 100 */
}
.pplc-text p {
    color: #635A5A;
    font-size: var(--font20);
    line-height: 1.875;
}
.pplc-img {
    width: 60%;
}
.pplc-img img {
    width: 100%;
}

.fzlc {
    padding-top: 6.25vw;      /* 120px / 1920 * 100 */
}
.fzlcbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 6.25vw;   /* 120px / 1920 * 100 */
}
.fzlcxq {
    width: calc(50% - 1.3021vw); /* 25px / 1920 * 100 = 1.3021vw */
}
.fzlcxq h2 {
    font-size: 6.25vw;        /* 120px / 1920 * 100 = 6.25vw */
    font-weight: bold;
    color: #fff;
    font-family: "arial black";
    -webkit-text-stroke: 0.1042vw black; /* 2px / 1920 * 100 */
    -webkit-text-stroke-width: 0.1042vw;  /* 2px / 1920 * 100 */
    -webkit-text-stroke-color: #291d1d;
}
.fzlcxq h3 {
    font-weight: bold;
    color: #291D1D;
    font-size: var(--font24);
    margin-bottom: 0.7813vw;  /* 15px / 1920 * 100 */
}
.fzlcxq p {
    color: #635A5A;
    font-size: var(--font20);
    line-height: 1.875;
}

/*lxwm*/
.lxwma {
    width: 55.7292vw;         /* 1070px / 1920 * 100 */
    margin: 0 auto;
    max-width: 94%;
}
.lxwma-title {
    width: 35.1563vw;         /* 675px / 1920 * 100 */
    margin: 0 auto;
    padding: 4.1667vw 0 4.5833vw; /* 80px 0 88px */
    text-align: center;
}
.lxwma-title h2 {
    font-weight: bold;
    font-size: var(--font64);
    color: #291D1D;
}
.lxwma-title p {
    color: #291D1D;
    font-size: var(--font18);
    line-height: 1.55;
    margin: 2.0833vw 0 1.5625vw; /* 40px 0 30px */
}
.lxwma-title ul {
    display: flex;
    justify-content: space-between;
    gap: 1.5625vw;            /* 30px / 1920 * 100 */
}
.lxwma-title li {
    width: calc(50% - 1.5625vw/2);
}
.lxwma-title span {
    display: block;
    text-align: center;
    line-height: 3.2292vw;    /* 62px / 1920 * 100 */
    border: 0.0521vw solid #df111d; /* 1px / 1920 * 100 */
    border-radius: 0.4167vw;  /* 8px / 1920 * 100 */
    color: #df111d;
    font-size: var(--font20);
}
.lxwma-title span img {
    display: inline-block;
    vertical-align: middle;
    margin: -0.1563vw 0.2604vw 0 0; /* -3px 5px 0 0 */
}
.lxwma-title ul li:nth-child(1) span {
    color: #fff;
    background: #df111d;
}
.lxwma-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 5.9896vw; /* 115px / 1920 * 100 */
}
.lxwma-left {
    width: 23.3854vw;         /* 449px / 1920 * 100 */
}
.lxwma-left img {
    width: 100%;
}
.lxwma-right {
    width: calc(100% - 26.5625vw); /* 510px / 1920 * 100 = 26.5625vw */
}
.lxwma-right h2 {
    font-weight: bold;
    font-size: var(--font64);
    color: #291D1D;
    margin-bottom: 1.0417vw;  /* 20px / 1920 * 100 */
}
.lxwma-right p {
    font-size: var(--font22);
    color: #291D1D;
}
.lxwm-xq {
    padding: 1.5625vw 0 0 0;  /* 30px / 1920 * 100 */
}
.lxwm-xq ul {
    display: flex;
    gap: 1.25vw;              /* 24px / 1920 * 100 */
    flex-wrap: wrap;
}
.lxwm-xq li {
    width: calc(50% - 1.25vw/2);
    padding-bottom: 1.0417vw; /* 20px / 1920 * 100 */
}
.lxwm-xq p {
    font-size: var(--font24);
    color: #291D1D;
    margin-bottom: 1.0417vw;  /* 20px / 1920 * 100 */
}
.lxwm-xq p b {
    color: #FF0000;
}
.wby1 {
    width: 100%;
    padding: 0 0.7813vw;      /* 15px / 1920 * 100 */
    border: 0.0521vw solid #c0c4cf; /* 1px / 1920 * 100 */
    border-radius: 0.3125vw;  /* 6px / 1920 * 100 */
    box-sizing: border-box;
    line-height: 2.6042vw;    /* 50px / 1920 * 100 */
    height: 2.7083vw;         /* 52px / 1920 * 100 */
    font-size: var(--font16);
}
.wby2 {
    width: 100%;
    padding: 0 0.7813vw;      /* 15px / 1920 * 100 */
    border: 0.0521vw solid #c0c4cf; /* 1px / 1920 * 100 */
    border-radius: 0.3125vw;  /* 6px / 1920 * 100 */
    box-sizing: border-box;
    line-height: 2.6042vw;    /* 50px / 1920 * 100 */
    height: 2.7083vw;         /* 52px / 1920 * 100 */
    font-size: var(--font16);
    height: 6.5104vw;         /* 125px / 1920 * 100 */
    outline: none;
}
.lxwm-xq li:nth-child(3) {
    width: 100%;
}
.btn5 {
    cursor: pointer;
    width: 100%;
    height: 3.3333vw;         /* 64px / 1920 * 100 */
    background: #df111d;
    color: #fff;
    border: none;
    border-radius: 0.3125vw;  /* 6px / 1920 * 100 */
    font-size: var(--font20);
}

/*ypnr*/
.banner2-text {
    position: absolute;
    width: 78.125vw;          /* 1500px / 1920 * 100 */
    bottom: 4.5833vw;         /* 88px / 1920 * 100 */
    left: 50%;
    transform: translateX(-50%);
    max-width: 94%;
}
.banner2-text h2 {
    color: #fff;
    font-weight: bold;
    font-size: var(--font48);
    margin-bottom: 1.3021vw;  /* 25px / 1920 * 100 */
}
.banner2-text p {
    color: #fff;
    font-size: var(--font16);
    width: 31.7708vw;         /* 610px / 1920 * 100 */
    line-height: 1.8;
    opacity: .8;
}
.banner2-text a {
    display: block;
    line-height: 3.0208vw;    /* 58px / 1920 * 100 */
    width: 8.3333vw;          /* 160px / 1920 * 100 */
    text-align: center;
    color: #fff;
    background: #df111d;
    border-radius: 0.4167vw;  /* 8px / 1920 * 100 */
    font-size: var(--font20);
    margin-top: 2.6042vw;     /* 50px / 1920 * 100 */
}
.banner2-text a:hover {
    opacity: .7;
}

.yclist {
    padding: 3.3854vw 0 2.6042vw; /* 65px 0 50px */
}
.yclist ul {
    display: flex;
    gap: 1.3021vw;            /* 25px / 1920 * 100 */
    flex-wrap: wrap;
}
.yclist li {
    width: calc(25% - 3.9063vw/4); /* 75px / 1920 * 100 = 3.9063vw */
}
.ycimg {
    position: relative;
    border-radius: 0.4167vw;  /* 8px / 1920 * 100 */
    overflow: hidden;
}
.ycimg img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 282 / 160;
    transition: all 1s;
}
.bfbtn2 {
    background: url(../images/a53.png);
    width: 2.2917vw;          /* 44px / 1920 * 100 */
    height: 2.2917vw;         /* 44px / 1920 * 100 */
    border-radius: 50%;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.yctext {
    padding: 0.5208vw 0.7813vw; /* 10px 15px */
}
.yctext p {
    color: #291D1D;
    font-size: var(--font20);
    line-height: 1.8;
}
.yclist li a:hover img {
    transform: scale(1.1);
}
.yclist li a:hover p {
    color: #DD020F;
}
}




@media screen and (max-width: 1800px) {

}
@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1500px) {

}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1080px) {
.banner1-text h2 b {
	font-size: 12px;
	color: rgba(255, 255, 255, .8);
	padding-left: 114px;
	margin-top: -5px;
	white-space: nowrap;
	display: block;
}
.header-bg{background: #97232a;padding: 0;height: 1.05rem;}
.show-header .header-bg{padding: 0;}
.header{background: none;height: 1.05rem;padding: 0;}
.small-header .header-bg{background: #97232a;}	
.nav{display: none;}
.contact-btn{display: none;}
.yznr p img{display: none;}
.logo{width: 1.8rem;}
.yznr p{width: .6rem;height: .6rem;line-height: .6rem;background: rgba(255,255,255,.6);}
.yznr li a img{display: none;}
.yznr ul{border-radius: .3rem; top: .6rem;padding: .15rem 0;}
.yznr li a{line-height: 2;}
.bfbtn{width: 1.2rem;height: 1.2rem;}
.banner1-text h2{width: 164px;}

.banner1 p:before { height: 30px; top: 0;}
.banner1 p { padding-top:.6rem; max-width: 100%; box-sizing:border-box; padding-right: 30%;}
.banner1-text h2 span { font-size: 12px;}

.bannerAbout h2{width: 124px;}
.banner1>img { min-height: 280px; object-fit: cover;}
.bannerAbout p:before { height: 30px; top: 0;}
.bannerAbout p { padding-top:.6rem; max-width: 100%;}
.bannerAbout h2 span { font-size: 12px;}
.sjzs { display: block;}
.pczs { display: none;}

.sjnav{position: fixed;width: 100%;left: 0; bottom: 0;z-index: 10;background: #fff; padding: .15rem 1rem;}
.sjnav ul{display: flex;justify-content: space-between;}
.sjnav p{font-size: .24rem; color: #000000;margin-top: .1rem;text-align: center;}
.sjnav img{width: .48rem;margin: 0 auto;filter:grayscale(100%);}
.sjnav li.cur p{color: #DE111C;}
.sjnav li.cur img{filter:grayscale(0%);}
.hldxbox{display: block;padding: .65rem 0 .85rem 0;}
.hldxbox:before,.hldxbox:after{display: none;}
.hldx-text{width: 100%;}
.hldx-text h2{font-size: .44rem;padding-bottom: .15rem;margin-bottom: .35rem;}
.hldx-text h2:before{width: 1.35rem;}
.hldx{background: url(../images/a4.png) no-repeat 3rem 1.9rem;background-size: 3.9rem 4rem;}
.hldx-text ul{display: none;}
.hldx-img{width: 100%; padding-top: .4rem;}
.hldx-text p{font-size: .24rem; line-height: 1.8;}
.jxcp-title h2{font-size: .44rem;}
.jxcp-box ul{padding: .4rem 3% .8rem 3%;display: block;}
.jxcp-box li{width: 100%; padding-bottom: .1rem;}
.project-text{padding: 0 .5rem;}
.project-text h2{font-size: .58rem;margin-bottom: .2rem;}
.project-text p{font-size: .22rem;}
.about-box ul{padding: .55rem 0 0 0;display: block;}
.about-box li{padding-bottom: .3rem;width: 100%;}
.about-xq span{width: 1.1rem;}
.about-text{width: calc(100% - 1.35rem);}
.about-text h2{font-size: .26rem;}
.about-text p{font-size: .22rem;}
.hrqy{padding: .1rem 0 .6rem 0;display: block;margin: 0;}
.hrqy-img{width: 65%;}
.hrqy-text{width: 90%; margin-left: 10%;position: relative; z-index: 10;margin-top: -.95rem;padding: .4rem .25rem;}
.hrqy-text h2{font-size: .32rem;margin-bottom: .25rem;}
.hrqy-text p{font-size: .24rem;}
.lxwm{position: static;transform: translate(0, 0);padding: .75rem .55rem 1.7rem .55rem;background: url(../images/a16.png) no-repeat center center;background-size: cover;}
.about-bg{padding: 0;}
.contact{display: block;}
.lxwmbox{width: 100%;padding: .3rem;}
.lxwmbox h2{font-size: .42rem;margin-bottom: .4rem;}
.lxwmbox ul{display: block;}
.lxwmbox li{width: 100%;padding-bottom: .3rem;}
.lxwmbox p{font-size: .26rem;margin-bottom: .15rem;}
.input1{font-size: .24rem; height: .64rem; line-height: .62rem; padding: 0 .15rem;}
.text1{padding: 0 .15rem;font-size: .24rem;height: 1.47rem; line-height: 1.8;}
.btn3{margin: 0;height: .76rem;font-size: .3rem;}
.footer{padding: .45rem 0 0 0;display: block;}
.footer-left{width: 1.8rem;padding-bottom: .45rem;}
.footer-left span{border: none;}
.footer-left img{width: 100%;}
.footer-right{width: 100%;}
.footer-right ul{display: block;}
.footer-right h2{font-size: .24rem;margin-bottom: .1rem;}
.xtdh{display: flex;gap:.35rem;}
.footer-right li{padding-bottom: .5rem;}
.footer-right b{width: calc(100% - 30px);font-size: .24rem;line-height: 1.6; padding-right: 40%; box-sizing: border-box;}
.footer-right em{padding: 0;}
.bqxx p{padding: .15rem 15% 1.5rem 15%;font-size: .22rem; line-height: 1.6;}

/*about*/
.banner1{margin-top: 1.05rem;}
.szjx-list{padding: .4rem 0 .95rem;}
.szjx-title h2{font-size: .44rem; padding-bottom: .25rem;}
.szjx-title h2:before{width: .9rem;}
.szjx-box{padding-top: .4rem;}
.szjx-img{display: none;}
.szjx-text{width: 100%; padding: 0;}
.szjx-text p{font-size: .28rem;}
.szjx-text li{padding-top: .55rem;}
.szjx-nr span{width: 1.1rem;}
.szjx-wb{width: calc(100% - 1.35rem);}
.szjx-wb h2{font-size: .32rem;margin-bottom: .15rem;}
.szjx-wb h3{font-size: .28rem;}
.lskc-text{padding: 0 .3rem;}
.lskc-text h2{font-size: .32rem;margin-bottom: .35rem;}
.lskc-text p{font-size: .24rem;}
.lskc-text a{margin-top: .3rem;font-size: .26rem; line-height: .6rem;padding: 0 .3rem;}
.obrz-title h2{font-size: .44rem;padding: 0 0 .25rem 0;}
.obrz-title h2:before{width: .9rem;top: auto;bottom: 0;}

.pplc{padding: .3rem 0 0 0;}
.pplc-title h2{font-size: .44rem; padding-bottom: .25rem;margin-bottom: .4rem;}
.pplc-title h2:before{width: .9rem;}
.pplc-nr{padding: .55rem 0;}
.pplc-nr{display: block;border: none;padding: 0;}
.pplc-text{width: 100%; padding: 0;}
.pplc-text h2{font-size: .32rem;margin-bottom: .3rem;}
.pplc-text p{font-size: .26rem;}
.pplc-img{width: 100%; padding-top: .4rem;}
.fzlc{padding: .55rem 0;}
.fzlcbox{display: block;padding-left: .55rem;position: relative;padding-bottom: .5rem;}
.fzlcbox:before{position: absolute;content: "";border-left: 1px solid #ececec;height:100%;left: .15rem;top: .25rem;}
.fzlcxq{width: 100%;}
.fzlcxq h2{font-size: .64rem;-webkit-text-stroke: 1px black; -webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #291d1d;position: relative;}
.fzlcxq h2:before{position: absolute;background: #fff;width: .34rem;height: .34rem;border-radius: 50%;border: 3px solid #d60000;box-sizing: border-box;content: "";left: -.55rem;top: 50%;transform: translateY(-50%);}
.fzlcxq h3{font-size: .32rem;margin-bottom: .2rem;}
.fzlcxq p{font-size: .26rem;}
.fzlcxq img{margin-top: .2rem;}

.proj-list{display: flex;justify-content: space-between;padding: 0;}
.proj-title{width: 1.5rem;padding: .4rem 0;background: #f1f5f9;}
.proj-title ul{display: block;}
.proj-title a{display: block;width: 1.5rem;min-height: 1.5rem;padding-top: .1rem;box-sizing: border-box;}
.proj-title span{width:.8rem;margin: 0 auto;border: none;height: .8rem;border-radius: 0;}
.proj-title li.cur span{border: none;}
.proj-title li a:hover span{border: none;}
.proj-title p{font-size: .24rem;margin-top: .1rem;}
.proj-title li.cur a{background: #fff;border-left: 2px solid #de0f1a;}
.proj-list-box{max-width: 100% !important;width: 100%; padding: .4rem 0 0 0 ;}
.proj-list-title{display: none;}
.proj-list-box{width: calc(100% - 1.7rem);}
.cplist ul{display: block;padding-bottom: 0;}
.cplist li{width: 100%;padding-bottom: .3rem;}
.cpbox{border-radius: 0;display: flex;justify-content: space-between;box-shadow:0 0 10px rgba(0, 0, 0,0);background: none; }
.cp-img{width: 2.1rem;height: 2.1rem;padding: .15rem;box-sizing: border-box;}
.cp-img img{    aspect-ratio: 368 / 368;border-radius: .1rem;}
.cp-text{width: calc(100% - 2.25rem);padding: 0;}
.cp-text a{margin-top: .5rem;text-align: right;display: block;font-size: .22rem;}
.cp-text h3{font-size: .24rem;line-height: 1.6;font-size: .24rem;margin: 0;}
.cp-text a img{display: none;}
.cp-text em{font-size: .3rem;margin: .1rem 0;}
.rmbq1,.rmbq2,.rmbq3,.rmbq4{font-size: .22rem;line-height: .44rem; padding: 0 .15rem;}
.pout dl{gap:.1rem;}
.pout dt a{font-size: .22rem; line-height: .46rem;padding: 0 .18rem;}
.cplist{padding-bottom: .3rem;}

.cpxq{padding: 1.05rem 0 0 0;max-width: 100%;}
.cpxq-title{display: none;}
.cpxq-nr{padding: 0;display: block;box-shadow: 0 0 10px rgba(0, 0, 0, 0);}
.cpxq-img{width: 100%;}
.img-top img{border-radius: 0;}
.img-top{border-radius: 0;}
.img-bottom{padding: .15rem .3rem;overflow: auto;}
.img-bottom ul{justify-content: flex-start;gap:.1rem;}
.img-bottom li{width: 1.05rem;border: 1px solid #fff;}
.img-bottom li.cur span{border: 1px solid #DD020F;}
.img-bottom li span{border-radius: .1rem;}
.cpxq-text{width: 100%;box-sizing: border-box; padding: .3rem;}
.cpjs span{display: none;}
.cpjs h2{font-size: .32rem;margin-bottom: .2rem;}
.cpjs p{font-size: .24rem;font-weight: 400;}
.cpxx{padding: .2rem 0;}
.cpxx h2{font-size: .32rem;margin-bottom: .2rem;}
.cpxx li a{font-size: .26rem; line-height: .64rem;}
.cpzzbox{background: none;}
.cpxx-text{margin-top: .25rem;padding: 0;background: none;height: auto;}
.cpxx-text p{font-size: .26rem;line-height: 1.8; }
.btn4{width: 100%; line-height: .72rem;font-size: .28rem;margin-top: .95rem;}

.lxwma-title{width: 100%;padding: .7rem 0 .3rem;}
.lxwma-title h2{font-size: .44rem;}
.lxwma-title p{font-size: .28rem;line-height: 2;margin: .4rem 0 .3rem;}
.lxwma-title ul{display: block;}
.lxwma-title li{width: 100%;text-align: center;padding-bottom: .15rem;}
.lxwma-title span{width: 4.2rem;font-size: .26rem;line-height: .64rem;border-radius: .1rem;display: inline-block;}
.lxwma-box{display: block;padding-bottom: .6rem;}
.lxwma-left{width: 100%;}
.lxwma-right{width: 100%;padding: .5rem 0 0 0;}
.lxwm-bt h2{font-size: .44rem;margin-bottom: .4rem;}
.lxwm-bt p{display: none;}
.lxwm-xq{padding: 0;}
.lxwm-xq ul{display: block;}
.lxwm-xq p{font-size: .26rem;margin-bottom: .15rem;}
.lxwm-xq li{width: 100%; padding-bottom: .3rem;}
.wby1{font-size: .24rem; height: .64rem; line-height: .62rem; padding: 0 .15rem;}
.wby2{ padding: 0 .15rem;font-size: .24rem; height: 1.47rem; line-height: 1.8;}
.btn5{margin: 0; height: .76rem;  font-size: .3rem;}

.banner2-text{bottom: .3rem;}
.banner2-text a{width: 1.65rem; line-height: .6rem;font-size: .24rem;margin-top: .15rem;}
.banner2-text p{width: 100%; font-size: .24rem;}
.banner2-text h2{font-size: .32rem;margin-bottom: .15rem;}
.yclist{padding: .3rem 0;}
.yclist ul{gap:.25rem;}
.yclist li{width: calc(50% - .25rem/2);}
.yctext{padding: .15rem;}
.yctext p{font-size: .24rem;}

.obrz{padding-top: .9rem;}


.cptc h2{font-size: .38rem; padding: .3rem 0 .25rem;}
.cptc{padding: 0 .3rem .3rem .3rem;}
.cptc li{padding-bottom: .2rem;}
.cptc li p{font-size: .26rem;margin-bottom: .15rem; }
.wbys1{padding: 0 .15rem;font-size: .26rem; height: .6rem;line-height: .58rem;}
.wbys2{padding: 0 .15rem;font-size: .26rem;height: 1rem;}
.ggbtn{top: .3rem;right: .3rem;}
.sbtn1{font-size: .28rem; height: .65rem;margin: .1rem 0 0 0;}

}
@media screen and (max-width: 780px){
	
.proj-qhnr { padding-right: 10px;}
	
}

#videoCover {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,0.5);}
.videoAlt video { display: block; width: 100%;}
.closeVideo { z-index: 2; cursor: pointer; transition: all .5s; background: url(../images/close.png) center no-repeat; border-radius:50%; width: 40px; height: 40px; display: block; position: absolute; right: 0; top: -50px;}
.closeVideo:hover { transform: rotate(360deg);}
.videoAlt:hover .closeVideo { opacity: 1;}
.videoAlt { display: none; z-index: 200; width: 1100px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%;}

.imgAlt {display: none; z-index: 200; width: 1100px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%;}
.imgAlt img { display: block; width: 100%;}