@font-face {
  font-family: 'Regular';
  src: url('./SourceHanSansCN-Regular.otf');
}
@font-face {
  font-family: 'tszt';
  src: url('./GILROY-BOLD.TTF');
}


.tszt{font-family: 'tszt';}

*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
li{list-style-type: none;}
a{text-decoration:none;color:#333333;}
body{min-width:1200px;max-width:1920px;margin: 0 auto; color:#2F2F2F;font-size: 18px;font-family: 'Regular'; overflow-x:hidden;}
img{ border:0;}
.clear{clear:both;}
.no{display:none;}
.img{display: block;width:100%;}
.box{width:1200px;margin:0 auto;}
.box1{width:1400px;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}



.bold{ font-weight:bold;}

.hei10{ height:10px; line-height:10px; width:100%}
.hei20{ height:20px; line-height:20px; width:100%}
.hei30{ height:30px; line-height:30px; width:100%}
.hei40{ height:40px; line-height:40px; width:100%}
.hei50{ height:50px; line-height:50px; width:100%}
.hei60{ height:60px; line-height:60px; width:100%}
.hei70{ height:70px; line-height:70px; width:100%}
.hei80{ height:80px; line-height:80px; width:100%}
.hei90{ height:90px; line-height:90px; width:100%}
.hei100{ height:100px; line-height:100px; width:100%}
.no{ display:none;}

.between{display: flex;flex-direction: row;justify-content: space-between;}
.img_center{display:flex;justify-content:center;align-items:center;}

.f {display: flex;}

.fens{flex-flow: row wrap;align-content:space-between;}/*閸ㄥ倻娲块崚鍡樻殠*/

.fc{flex-direction:column}/*閸ㄥ倻娲块崚鍡樻殠*/
.jcfs {justify-content: flex-start;}/*娴犲氦顢戞＃鏍崳婵缍呯純顔肩磻婵甯撻崚锟�*/
.jcfe {justify-content: flex-end;}/*娴犲氦顢戠亸鍙ョ秴缂冾喖绱戞慨瀣笓閸掓ぜ鈧拷*/
.jcsa {justify-content: space-around;}/*閸у洤瀵戦幒鎺戝灙濮ｅ繋閲滈崗鍐閿涘本鐦℃稉顏勫帗缁辩姴鎳嗛崶鏉戝瀻闁板秶娴夐崥宀€娈戠粚娲？閵嗭拷*/
.jcsb {justify-content: space-between;}/*娑撱倓鏅剁仦鍛厬鐎靛綊缍堥棃鐘虹珶*/
.jcc{justify-content: center;}
.jcse {justify-content: space-evenly;}/*閸у洤瀵戦幒鎺戝灙濮ｅ繋閲滈崗鍐閿涘本鐦℃稉顏勫帗缁辩姳绠ｉ梻瀵告畱闂傛挳娈ч惄鍝ョ搼*/
.aic {align-items: center;}
.aib {align-items: baseline;}
.aifs{align-items: flex-start;}
.aife {align-items: flex-end;}
.tac {text-align: center;}
.taj{ text-align:justify;}
.tal {text-align: left;}
.tar{text-align: right;}
.w {flex-wrap: wrap;}
.p_r {position: relative;}
.p_a {position: absolute;}
.ellipsis {
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.dclick{cursor:pointer; transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out;}
.left_center{display:flex;align-items:center;}
.right_center{display:flex;justify-content:flex-end;align-items:center;}
.center{display: flex;flex-direction: row;justify-content: space-between;justify-content: space-around;}
.ht_img{cursor: pointer; transition: all 0.6s;width:100%;display: block}
.ht_img:hover{transform: scale(1.06);}
.ht_img1{cursor: pointer; transition: all 0.6s;display: block}
.ht_img1:hover{transform: scale(1.06);}

.posre{ position:relative;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}

.font14{ font-size:14px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font17{ font-size:17px;}
.font18{ font-size:18px;}
.font19{ font-size:19px;}
.font20{ font-size:20px;}
.font21{ font-size:21px;}
.font22{ font-size:22px;}
.font23{ font-size:23px;}
.font24{ font-size:24px;}
.font25{ font-size:25px;}
.font26{ font-size:26px;}
.font27{ font-size:27px;}
.font28{ font-size:28px;}
.font29{ font-size:29px;}
.font30{ font-size:30px;}
.font31{ font-size:31px;}
.font32{ font-size:32px;}
.font33{ font-size:33px;}
.font34{ font-size:34px;}
.font35{ font-size:35px;}
.font36{ font-size:36px;}
.font37{ font-size:37px;}
.font38{ font-size:38px;}
.font39{ font-size:39px;}
.font40{ font-size:40px;}
.font41{ font-size:41px;}
.font42{ font-size:42px;}
.font43{ font-size:43px;}
.font44{ font-size:44px;}
.font45{ font-size:45px !important;}
.font46{ font-size:46px;}
.font47{ font-size:47px;}
.font48{ font-size:48px;}
.font49{ font-size:49px;}
.font50{ font-size:50px;}
.font52{ font-size:52px;}
.font54{ font-size:54px;}

.font60{ font-size:60px;}
.font80{ font-size:80px;}

.cor000{ color:#000000;}
.corfff{ color:#ffffff;}

.cor333{ color:#333333;}
.cor444{ color:#444444;}
.cor555{ color:#555555;}
.cor666{ color:#666666;}
.cor777{ color:#777777;}
.cor888{ color:#888888;}
.cor999{ color:#999999;}

.cor92{ color:#929292;}

.cor4e{ color:#4E4E4E;}
.cor17{ color:#171717;}
.cor19{ color:#191919;}
.cor1c{ color:#1C1C1C;}
.cor1b{ color:#1B1B1B;}
.cor21{ color:#212121;}
.cor1e{ color:#1E1E1E;}
.cor1d{ color:#1D1D1D;}

.cor2a{ color:#2A2A2A;}
.cor12{ color:#121212;}
.cor63{color: #636363;}
.cor1f{ color:#1f1f1f;}
.cor82{ color:#828282;}
.cor28{color: #282828;}
.cor20{color: #202020;}
.cor8d{color: #8d8d8d;}
.cor2d{color: #2D2D2D;}

.cor{color: #BF232A !important;}
.cor1{color: #BA4D60 !important;}
.cor2{color: #1ba73e !important;}
.cor3{color: #1b6af8 !important;}
.cor4{color: #fffdfd !important;}
.cor5{color: #faf1e8 !important;}
.cor6{color: #fc9aa0 !important;}
.ls8{ letter-spacing:8px;}
.ls3{ letter-spacing:3px;}

.title{}
.title dt{ line-height: 42px; padding:0 0 10px 0;}
.title dl{ right:36px; top:85px;}
.title h3{ right:36px; top:20px;}
.title h2{ right:0; top:10px;}
.title h1{ left:0; top:50px;}
.cor1a{color: #1A1A1A;}
.corddd{color: #dddddd;}
.cor4d{ color:#4d4d4d;}

.title1{ background:url(../images/title1.png) no-repeat center center;}
.title2{ background:url(../images/title2.png) no-repeat center center; padding:10px 0 0 0;}
.title3{ background:url(../images/title3.png) no-repeat center center; padding:10px 0 0 0;}
.title4{ background:url(../images/title4.png) no-repeat center center; padding:0 0 20px 0;}
.title5{ background:url(../images/title5.png) no-repeat center center; padding:0 0 20px 0;}

.opacity05{opacity: 0.5;}
.opacity057{opacity: 0.57;}

.opacity06{opacity: 0.6;}
.opacity07{opacity: 0.7;}
.op46{ opacity:0.46;}
.op31{ opacity:0.31;}

/* 首页 */

.header{ width:100%;height:114px; background: #ffffff;}


.logo{ height:114px; width:305px;  }

.logo dt{}
.logo dt img{ width:130px;}
.logo p{line-height: 20px; margin:0 0 0 28px;}

.navbj{ width:100%; height:88px; background:#ffffff;}

.nav{ height:114px; padding:0 0 0 0;}
.nav>ul{ width:760px;height:114px; margin:0 20px;  }
.nav>ul>li{ text-align:center;  }
.nav>ul>li>a{height:114px; line-height:114px; color:#979797; font-size:16px; display:block;}
.nav>ul>li>a:hover{  background:url(../images/nav_on.png) no-repeat bottom center; color:#BF232A;  }
.nav_on{background:url(../images/nav_on.png) no-repeat bottom center; color:#BF232A !important;}

.phone{ height:88px; }

.phone p{ line-height:35px;}
.phone  img{ margin-right:10px;}

.img360{-webkit-transition:-webkit-transform 2s}
.img360:hover{-webkit-transform: rotate(360deg);}


.header_{width: 100%;height: 109px;background:#ffffff;width: 100%; z-index:999;  position:absolute;position:  fixed ;top:0; left: 0;display: none; z-index:999;box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2); }
.header1_{width: 1200px;  display: flex;align-items: center;height: 109px;display:flex;justify-content:center;align-items:center;}
.header1_  .logo2{ width:340px;}
.header1_  .logo2 img{ width:100%;}
.header1_  .logo2 p{ padding:0 0 0 20px;}

.nav2>ul{align-items: center;height: 109px; line-height:109px; width:680px;}
.nav2>ul>li{align-items: center;height: 109px; line-height:109px;}
.nav2>ul>li>a{height:109px;line-height:109px; display:inline-block;font-size: 16px; color: #202020; text-align:center; }
.nav2>ul>span{ color:#B4B4B4; font-size:10px;}

.nav2>ul>li>a:hover{color:#BF232A; }
.nav_on2{color:#BF232A !important; }


/* 内容 */
/*首页*/
.sy_banner{width: 100%;height:823px; overflow:hidden;}
.sy_banner .swiper-slide a{ display: block;width: 100%;height: 823px;}
.sy_banner .swiper-button-prev{width: 30px;height: 30px;top:0;bottom: 0;left: 5%;margin:auto;}
.sy_banner .swiper-button-next{width: 30px;height: 30px;top:0;bottom: 0;right: 5%;margin:auto;}
.sy_banner .swiper-button-next::after,.sy_banner .swiper-button-prev::after{font-size: 50px;color: #333;}

.sy_banner .swiper-pagination{bottom: 50px; width:100%;}
.sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;opacity: 1; background:#000; width: 16px;height: 16px; margin:0 7px;}
.sy_banner .swiper-pagination-bullet-active{background:#BF232A !important;}



.home1{ width:100%;background:#f5f5f5 url(../images/home1.jpg) no-repeat top center; padding:85px 0 88px 0;}
.home1_1{ margin:0 auto 55px auto;}
.home1_2{line-height: 42px;}
.home1_3{}
.home1_4{ line-height:30px;}
.home1_5{ padding:30px 0 42px 0;background: #FFFFFF;}
.home1_6{ margin:0 auto 50px auto;}
.home1_7{ margin-left:25px;width: 569px;}
.home1_7 li{ margin:0 0 15px 0;width: 569px;height:69px;background: #F5F5F5;}
.home1_7 li span{ padding:0 0 0 28px;}
.home1_7 .text1{width:350px;height: 68px; border:0;background: #F5F5F5;outline:none;color:#7C7C7C; font-size:18px;font-family: 'Regular';}
.home1_8{width: 549px;margin-right:44px;}
.home1_8 .home1_81{ margin:0 0 15px 0;width: 566px;background: #F5F5F5;height: 152px;}
.home1_8 .home1_81 span{ padding:0 0 0 28px; height:68px; line-height:68px;}
.home1_8 .text1{width:480px;height:150px; border:0;background:none;outline:none;color:#7C7C7C; font-size:18px;font-family: 'Regular'; line-height:30px; padding:19px 0 0 0;}

.home1_6 .text2{ width: 566px;height: 69px;background: #BF232A;outline:none; border:0; color:#ffffff; font-size:16px; font-family: 'Regular';display:block;}

.home1_9{ width:1126px; height:392px; background:url(../images/home1_9.jpg) no-repeat center center; margin:30px auto 57px auto;}
.home1_9 li{ width:24%; text-align:center;}
.home1_9 li dt p{line-height: 28px;}
.home1_9 li dt span{width: 101px;height: 47px;background: #BF232A; margin:25px auto 0 auto;}
.home1_9 b{width: 1px;height: 392px;background: #FFFFFF;opacity: 0.15;}
.home1_10{ width:1126px; height:452px; background:url(../images/home1_10.jpg) no-repeat center center; margin:0 auto 40px auto;}
.home1_10 li{ width:225px; text-align:center;}
.home1_10 ul{ width:676px; text-align:center;background: #BF232A;}
.home1_10 ul b{ margin:0 25px;}
.home1_101{ border-bottom:rgba(255,255,255,0.15) solid 1px;}
.home1_102{ border-right:rgba(255,255,255,0.15) solid 1px;}
.home1_11{ width:1126px; margin:60px auto 0 auto; text-align:center;}
.home1_11 li{width: 356px; background:#f5f5f5;color: #525252;}
.home1_11 li dt{width: 100%;height: 70px;background: #BF232A;}
.home1_11 li dl{ width:100%; height:123px;line-height: 26px;}


.home2{ background:url(../images/home2.jpg) no-repeat center center; margin:0 auto; width:100%; height:538px;}
.home2_1{ margin:40px auto 0 auto;height: 294px; text-align:center; width:1119px;}
.home2_1 li{height: 206px;background: #FFFFFF; width:239px;}
.home2_1 li dl{ width:100%; height:0;}
.home2_1 li dt{height: 206px;}
.home2_1 b{width: 1px;height: 206px;background: #F2F2F2;}
.home2_1_{ height:294px !important; background:#bf232a !important; color:#ffffff;}
.home2_1_ dl{ height:179px !important;}
.home2_1_ dt{ height:115px !important; }



.home3{width:100%;padding:95px 0 107px  0; overflow:hidden; background:#f5f5f5;}
.home31{ background:#ffffff; padding:60px 0 37px 0;}
.home3_1{ margin:0 auto 70px auto; width:100%;} 
.home3_1_1{ padding:10px 0 25px 0;}
.home3_1_1 .box1thumbs{color: #777777; height:80px;}
.home3_1_1 .swiper-slide{ width:auto !important; cursor:pointer;}
.home3_1_1 .swiper-slide i{width: 1px;height: 18px;background: #EFEFEF;margin:0 28px;}
.home3_1_1 .swiper-slide-thumb-active{ color:#BF232A;}

.home3_2 .swiper-slide{width:1000px !important;height:517px; overflow:hidden; margin-bottom:70px; }
.home3_3{width: 868px;height: 517px;background: #D7D7D7; overflow:hidden;}
.home3_4{width: 257px;height: 380px;background: #FFFFFF;box-shadow: 0px 9px 81px 0px rgba(0,0,0,0.1);right:0; top:69px;}
.home3_4 p{ width: 185px;line-height: 90px; margin:0 auto; padding:14px 0 0 10px;color: #161616;}
.home3_4 b{width: 215px;height: 1px;background: #E5E5E5;opacity: 0.5; margin-left:42px;}
.home3_4 h3{  color: #979797; line-height:24px; margin-left:42px; width:220px; padding:28px 0 0 0;}
.home3_4 h1{height:23px;  width: 185px; margin:0 auto;}
.home3_4 h1 b{width: 55px;height: 5px;background: #E62129; left:200px; top:15px;}

.home3_6 .swiper-scrollbar-drag{background:#BF232A;}
.home3_7{ width:868px !important; margin:0 auto;left: 0;    right: 0;}
.home3_6 .swiper-scrollbar{ height:5px !important; background:#f6f6f6 !important;}
.home3_8{ width:100%; left:0; top:481px;}
.swiper-slide-active .home3_4{background: #BF232A;}
.swiper-slide-active .home3_4 p{ color:#ffffff;}
.swiper-slide-active .home3_4 b{background: #FFFFFF;opacity: 0.2;}
.swiper-slide-active .home3_4 h3{opacity: 0.5; color:#ffffff;}

.swiper-button-next{ right:241px; top:0;}
.swiper-button-prev{ left:auto; right:285px; top:0;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
.home3_9{ width:1127px; margin:70px auto;}
.home3_10{}
.home3_10 dt{line-height: 30px;}
.home3_10 a{color: #1F1F1F; height:20px; margin:25px 0 0 0;}
.home3_11{ width:685px;}
.home3_11 li{ width:338px; height:219px; overflow:hidden;}

.home3_12{ width:1127px; margin:0 auto 65px auto; height:508px;}
.home3_13{ width:1127px; margin:0 auto; height:508px;}
.home3_13 li{ width:1127px;height:508px; overflow:hidden; background:#ccc;}
.home3_13 li img{ width:100%;}
.home3_14{width: 293px;height: 268px;background: #FFFFFF; left:54px; top:191px;}
.home3_14 dt{ padding:35px 0 21px 40px;}
.home3_14 b{ padding:0 0 57px 40px;}
.home3_14 dl{ height:35px; padding:0 0 0 40px;}
.home3_14 dl a{ margin-right:8px;}
.home3_15{width:1127px; background:url(../images/home3_15.jpg) no-repeat center center; height:508px; margin:38px auto 0 auto;}
.home3_15 dt{ margin:195px 0 0 718px;width: 370px;height: 159px;background: #FFFFFF;}
.home3_15 dt span{line-height: 30px; padding:0 0 0 43px;}
.home3_15 dt b{ margin-right:66px;}


.home4{ width:100%; background:#f5f5f5 url(../images/home4.jpg) no-repeat top center; padding:84px 0 89px 0; margin:0 auto;}
.home4_1{margin:65px auto 0 auto;}
.home4_1 li{width: 267px;background: #FFFFFF; margin-bottom:32px;}
.home4_1 li b{width: 207px;height: 3px;background: #A9A9A9; margin:4px auto 0 auto;}
.home4_1 li dt{ height:118px; border-bottom:#DBDBDB solid 1px;width: 207px; margin:0 auto; line-height:30px;}
.home4_1 li dl{ height:159px;}
.home4_1 li a{width: 267px;height: 60px;background: #BF232A url(../images/home4_1.png) no-repeat; background-position:240px center;}
.home4_1 li a span{ padding:0 0 0 24px;}

.home5{ width:100%; background:url(../images/home5.jpg) no-repeat center center; height:1827px; }
.home5_1{margin:60px auto 3px auto;}
.home5_1 li{width: 384px;height: 228px;background: #FFFFFF; margin-bottom:23px;}
.home5_1 li dt{ padding:35px 0 0 38px;line-height: 30px; height:90px;}
.home5_1 li dl{ height:87px; width:97px; margin-left:267px;}
.home5_1 li:hover{background: #BF232A !important; color:#ffffff;}
.home5_1 li:hover dl img{filter: brightness(100);}

.home5_2{background:url(../images/home5_2.jpg) no-repeat center center; height:152px; }
.home5_2 dt{ padding:0 0 0 85px;}
.home5_2 dl{ padding:0 75px 0 0;}
.home5_2 dl p{line-height: 27px; margin:0 12px;}
.home5_3{ border-bottom:#F0F0F0 solid 1px;line-height: 42px; padding:95px 0 55px 0;}
.home5_4{ padding:55px 0 55px 0;}
.home5_4 dt{line-height: 30px;}
.home5_4 dl{width: 696px;line-height: 27px;}
.home5_4 dl p{ padding:0 0 5px 0;}
.home5_4 dl a{ height:20px; padding:40px 0 0 0;}
.home5_5{height: 268px;background: #FFFFFF; padding:30px 0 0 0;}





.bot1{background:#1d1d1d;width:100%; color:#ffffff; padding:8px 0 0 0; }
.bot2{ height:190px;}
.bot2 dl{line-height: 20px;}



.bot6{ width:730px;}
.bot6 li{}
.bot6 li p{ height:50px; line-height:50px;}
.bot6 li a{color: #9d9d9d; font-size:16px;}
.bot6 li a:hover{ color:#ffffff;}
.bot6 span{opacity: 0.1;font-size: 14px;height:50px; line-height:50px;}
.bot3{  height:99px; width:100%; border-top:#292929 solid 1px;}
.bot7{ border-right:#292929 solid 1px; }

.bot7 li{ height:99px;border-left:#292929 solid 1px;}
.bot7 li b{width: 32px;height: 32px;background: #FFFFFF;border-radius: 50%; margin-left:44px;}

.bot7 li p{ line-height:30px; padding:0 30px 0 15px;}
.bot7 li p span{opacity: 0.5;}
.bot7 li label{ }

.bot4{ width:160px; text-align:center; padding:30px 0 0 0; }
.bot4 b{width: 74px;height: 74px;background: #FFFFFF;  margin:0 auto;}
.bot4 b img{width: 74px;height: 74px;}
.bot4 p{line-height:50px; height:50px;opacity: 0.3;}

.bot5{ width:100%; background:#1d1d1d; margin:0 auto; height:42px; line-height:42px; color:#535353; font-size:14px; border-top:#292929 solid 1px;}
.bot5 a{ color:#535353; font-size:14px;}
.bot5 a:hover{ color:#535353; font-size:14px;}















.erjibanner{ width:100%; height:526px; background-repeat:no-repeat; background-position:center center;}
.erjibanner2{ width:100%; height:526px; background-repeat:no-repeat; background-position:center center;}
.about{ width:100%; height:85px; position:absolute; left:0; top:495px;}
.about_1{ height:85px; color:#ffffff; font-size:20px;  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);}
.about_1 a{ color:#ffffff;}
.about_1 a:hover{ color:#ffffff;}
.about_1 img{ margin-right:20px;}

.about1{color: #8A8A8A;line-height: 30px; padding:30px 0 20px 0;}
.about2{ height:539px; margin:0 auto 85px auto;}
.about3{}
.about3 li{height: 488px;}
.about3 li b{ width:100%;height: 488px; overflow:hidden;}
.about3 li b img{ width:100%;}
.about4{width: 356px;height: 102px;background: #BF232A; right:0; bottom:0;}
.about4 b{width: 1px;height: 102px;background: #FFFFFF;opacity: 0.16; margin:0 86px;}


.about5{ width:100%; background:url(../images/about5.jpg) no-repeat bottom center; padding:70px 0 0 0;}

.about6{ padding:72px 0 0 0;}
.about61{ line-height:38px;}
.about7{ padding:0 0 213px 0;}
.about7 a{ height:54px; }
.about7 dt{color: #1D1C1C;margin-left:130px; padding:100px 0 0 0;}
.about7 dt img{ margin-right:5px;}
.about8{ margin:90px auto 0 auto; padding:0 0 74px 0;}
.about9{color: #141414;font-size: 24px; padding:0 0 75px 0; }
.about9 li{ width:376px; margin-right:36px;}
.about9 li .about10{width:376px;}
.about9 li .about10 dt{width: 274px;height: 373px;background: #F7F7F7;}
.about9 li .about10 dt p{line-height: 28px; height:56px; width:215px; padding:46px 0 0 29px;}
.about9 li .about10 dt b{width: 11px;height: 3px;background: #393939; margin:126px 0 0 40px;}
.about9 li .about10 dl{width: 246px;height: 179px; overflow:hidden; right:0; top:134px; background:#fff;}
.about9 li .about10 dl img{max-width: 246px;max-height: 179px;-webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,.2));filter: drop-shadow(10px 10px 10px rgba(0,0,0,.2));}
.about11{ left:-150px; top:167px;}
.about9 li:hover .about10 dt{ color:#ffffff; background: #BF232A;}
.about9 li:hover .about10 b{background: #FFFFFF;}
.about13{}
.about13 li{width: 8px;height: 8px;background: #EDEDED;border-radius: 50%; line-height:999px; overflow:hidden; margin:0 3px;}
.about13 .on{background: #BF232A;}

.youshi{ width:100%; height:477px; background:url(../images/youshi.jpg) no-repeat center center; margin:0 auto 0 auto;}
.youshi1{ padding:45px 0 0 0;}
.youshi1 li{width: 592px;height: 258px;background: #FFFFFF; padding:30px 0 0 0; position:relative; overflow:hidden; margin-right:17px;}
.youshi1 li p{ height:31px; border-left:#BF232A solid 6px; padding:0 0 0 61px; margin:0 0 27px 0;}
.youshi1 li span{color: #2B2B2B;line-height: 29px;width: 443px; border-top:#DCDCDC solid 1px; display:block; margin:0 auto; padding:20px 0 0 0; font-size:20px;}
.youshi1 li label{opacity: 0.6; color:#e2e2e2; font-size:130px; height:100px; line-height:100px; position:absolute; right:-5px; bottom:-10px;}
.youshi1 li:hover{background: #BF232A;}
.youshi1 li:hover p{ border-left:#ffffff solid 6px; color:#ffffff;}
.youshi1 li:hover span{color: #ffffff;border-top:#367580 solid 1px;}
.youshi1 li:hover label{}
.qywh{ padding:100px 0 0 0 !important;}
.qywh .swiper-slide{width:1200px !important;background: #f9f9f9;border-radius: 0px 0px 6px 6px;margin-bottom:50px; overflow:hidden; }
.qywh1{width: 1200px; padding:30px 0;  }
.qywh2{color: #232323;width: 200px;}
.qywh3{width: 915px;color: #595959;line-height: 29px;}
.qywh3  p{ padding:20px 0; letter-spacing:-1px;}
.qywh3 .biank{ border-bottom:#E7E7E7 solid 1px;}
.qywh3 span{color: #2A2A2A;}
.qy1{ width:100%;}
.qywh .swiper-button-prev{ left:1120px; top: 40px;}
.qywh .swiper-button-next{ left:1165px; top: 40px;}
.qywh .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '0' ;
}
.qywh .swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after {
    content: '0' ;
}

.qy{ margin:0 auto; padding:20px 0 40px 0; left:; top:0; width:100%;}
.qy .box1thumbs{ color:#8C8C8C; }
.qy .swiper-slide{width: 200px !important;}
.qy .swiper-slide-thumb-active{ color: #1E1E1E; font-weight:bold;}


.ahome8{width:100%;background:url(../images/ahome8.jpg) no-repeat bottom center; height:750px; padding:50px 0 0 0;}
.ahome8_1{ margin:130px auto 0 auto; background:#ffffff; height:444px;border-radius: 6px;}
.ahome8_1  .swiper {width: 100%;height:444px;margin-left: auto;margin-right: auto; padding:0 0 70px 0;     }


.ahome8_1 .swiper-slide {text-align: center;font-size: 18px; background: #fff;border:#eaebec solid 1px;        height:148px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
         align-items: center;
		 
      }
.ahome8_1 .swiper-slide p{transition: all 0.6s; width:100%; height:100%; left:0; top:0;}	  
.ahome8_1 .swiper-slide img{-webkit-filter: grayscale(100%);/* Chrome, Safari, Opera */ filter: grayscale(100%);}
.ahome8_1 .swiper-slide:hover p{background: #FFFFFF;box-shadow: 0px 6px 46px 0px rgba(35,35,37,0.21);border-bottom:#BF232A solid 3px;}
.ahome8_1 .swiper-slide:hover img{transform: scale(1.06);-webkit-filter: grayscale(0);/* Chrome, Safari, Opera */ filter: grayscale(0);}
.ahome8_2 .swiper-pagination{ }
.ahome8_2 .swiper-pagination .swiper-pagination-bullet{background: #E8E8E8 !important; opacity:1;}
.ahome8_2 .swiper-pagination .swiper-pagination-bullet-active{background: #BF232A !important;}


.lxwm{ padding:0 0 355px 0;}
.lxwm1{ left:0; top:405px; width:100%; z-index:99;}
.lxwm2{box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.1); background:#ffffff; height:400px;}
.lxwm3{width: 502px; margin-left:49px; padding:35px 0 0 0;}
.lxwm3 li{width: 500px;height: 44px;border: 1px solid #F0F0F0; margin-bottom:12px;}
.lxwm3 li span{ padding:0 0 0 27px;}
.lxwm3 li .text1{width:350px;height: 44px; border:0;background: #FFFFFF;outline:none;color:#7C7C7C; font-size:16px;font-family: 'Regular';}
.lxwm4 {width: 500px; margin:0 0 18px 0;height:125px;background: #FFFFFF;border: 1px solid #F0F0F0; }
.lxwm4  span{ padding:0 0 0 27px; height:44px; line-height:44px;}
.lxwm4 .text2{width:350px;height:110px; border:0;background:none;outline:none;color:#7C7C7C; font-size:16px;font-family: 'Regular'; line-height:30px; padding:7px 0 0 0;}
.lxwm3 .text3{width: 501px;height: 59px;background: #BF232A; line-height:59px; outline:none; border:0; color:#ffffff; font-size:16px; font-family: 'Regular';display:block;}
.lxwm5{width: 601px;height: 400px;background: #BF232A url(../images/lxwm5.png) no-repeat right center;}
.lxwm5 h3{ line-height:35px; margin:40px 0 0 60px; border-bottom:rgba(255,255,255,0.3) solid 1px;width: 433px; padding:30px 0 20px 0;}
.lxwm5 h3 span{ line-height:35px; display:block;}
.lxwm5 h2{padding:45px 0 0 60px;}
.lxwm5 h2 p{ padding:0 0 0 0;line-height:40px;}
.lxwm5 h2 p b{width: 3px;height: 1px;background: #FFFFFF; margin-right:8px;}
.lxwm5 h2 p i{width: 3px;height: 1px;background: #FFFFFF; margin-right:8px; margin-top:20px;}

.lxwm5 h2 p label{ width:400px; line-height:26px; margin-right:40px;}


.about12{ height:574px; width:100%; margin:0 auto; background:#CCC;}


.about14{  background:url(../images/about14.png) no-repeat center center; height:484px; margin:80px auto 0 auto; overflow:hidden;}
.about14 li{width: 590px; height:300px;}

.about14 li p{}
.about14 li p span{ height:80px; line-height:40px; display:block;}
.about14 li p label{ line-height:28px; display:block; margin:20px 0 0 0;}
.about14 li:nth-child(2n){ text-align:right;}





.about15{ width:100%; height:1px; background:#e0e0e0;}
.about16{ height:600px;}
.about17{ padding:75px 0 120px 0;}
.about17 li{ height:66px;}
.about17 li img{ margin-right:27px;}
.about17 li span{ color:#1c4dd9; height:20px; line-height:20px; border-bottom:#1c4dd9 solid 2px;}

.about18{ padding:30px 0 60px 0;}


.map{width: 1200px;height:700px; margin:30px auto 50px auto;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.fenlei{ height:135px;}
.fenlei a{ color: #6B6B6B; font-size:20px; margin:0 20px;}
.fenlei a:hover{ color: #BF232A;}
.fenlei_{ color: #BF232A !important;}

.fenlei3{ border:#e0e0e0 solid 1px; border-top:0;}
.fenlei3 li{ height:58px; border-top:#e0e0e0 solid 1px; line-height:58px; text-align:center; color:#999999; font-size:16px;}
.fenlei3 li a{ color:#999999; font-size:16px;}
.fenlei3 li:hover a{ color:#ec3637; }

.fenlei3_ a{ color:#ec3637 !important; font-weight:bold;}
.pro{ width:960px;}
.pro1{ width:960px; border-bottom:#e0e0e0 solid 1px; height:60px; color:#1e1e1e;}
.pro1 b{ width:70px;}
.pro1 strong{ padding:0 20px 0 0;}
.pro1 strong a{ margin:0 2px;}
.pro2{width:958px; height:398px; border:#e0e0e0 solid 1px; background:#ffffff;}
.pro2 li{width:958px; height:398px;}
.pro2 li b{width:600px; height:398px; overflow:hidden;}
.pro2 li b img{max-width:600px; max-height:398px;}
.pro2 li p{ width:270px; margin-right:18px;}
.pro2 li p span{ display:block; height:60px; line-height:60px; padding:22px 0 0 0;}
.pro2 li p label{ display:block; line-height:26px; height:130px;}
.pro2 li p a{ width:130px; height:40px; background:#e81b21;  margin:100px 0 0 0;}

.chanpin{ margin:80px auto 20px auto;}
.chanpin p{color: #191919;line-height: 40px;}
.chanpin span{width: 752px;height: 1px;background: #E4E4E4;}
.achanpin1{}
.achanpin2{ width:220px;}
.achanpin2 li{ width:220px; padding:20px 0; line-height:25px; border-bottom:#E4E4E4 solid 1px;color: #252525; font-size:19px; background:url(../images/achanpin2.png) no-repeat right center;}
.achanpin2 li a{color: #252525;}

.achanpin2 li:hover{ color:#54b663;}
.achanpin2 li:hover a{color:#54b663;}
.achanpin2_{color:#54b663;}

.achanpin2_ a{ color:#54b663 !important;}



.chanpin1{ padding:20px 0 0 0;}
.chanpin2{ border-bottom:#ECECEC solid 1px; height:85px; line-height:85px; padding:24px 0 0 0;}
.chanpin2 li{ height:85px; line-height:85px;color: #262626; font-size:18px; margin-right:35px;}
.chanpin2 li a{color: #262626;}

.chanpin2 li:hover{color:#BF232A;}
.chanpin2 li:hover a{color:#BF232A;}
.chanpin2_{color:#BF232A;}

.chanpin2_ a{ color:#BF232A !important;}

.case{ }
.case li{width:391px; overflow:hidden; margin-bottom:18px; background:#ffffff; margin-right:13px; float:left;}
.case li dt{width: 391px;height:238px; overflow:hidden;}
.case li dt img{max-width: 100%;max-height: 100%;}
.case li dl{height: 103px;}

.case li:nth-child(3n){ margin-right:0;}
.case li:hover dl{ color:#BF232A;}

.syhz{ background:#f7f7f7; width:100%; padding:120px 0 95px 0;}
.syhz1{ background:url(../images/syhz1.jpg) no-repeat center center; width:100%; height:682px; margin:0 auto 100px auto;}
.syhz2{ padding:157px 0 0 0; height:365px;}
.syhz2 dt{ line-height:42px; padding:0 0 32px 96px;}
.syhz2 dl{ height:8px; padding:0 0 0 96px;}
.syhz2 a{ height:100px; margin-left:96px;}
.syhz2 a:hover{ color:#ffffff;}
.syhz3{height: 160px;background: #FFFFFF; width:1204px; margin:0 auto;}
.syhz3 li{ width:16%;}
.syhz3 li dl{ height:0;}
.syhz3 li dt{height: 160px;}
.syhz3_{height: 209px !important;background: #BF232A; color:#ffffff;}
.syhz3_ dl{ height:60px !important; padding:52px 0 0 0;}
.syhz3_ dl img{ filter: brightness(100);}
.syhz3_ dt{ height:42px !important;}
.syhz4{ padding:33px 0 0 0;}
.syhz4 li{width: 384px;height:161px;background: #FFFFFF; margin-bottom:29px; padding:48px 0 0 0;}
.syhz4 li dt{width: 71px;height: 71px;background: #BF232A;border-radius: 50%; margin:0 auto;}
.syhz4 li dl{ height:63px;}

.acase{}
.acase li{width:389px; overflow:hidden;background: #FFFFFF; margin-bottom:24px; margin-right:16px; float:left; border-radius:6px; overflow:hidden;}
.acase li b{width: 389px;height: 212px; overflow:hidden;}
.acase li b img{width: 389px;}
.acase li p{ width:320px; margin:40px auto 0 auto;color: #373737; height:30px; line-height:30px; overflow:hidden;}
.acase li span{ color: #373737; display:block; margin:0 auto 28px auto;width:320px;height:35px; line-height:35px; overflow:hidden;}
.acase li strong{width: 389px;height: 1px;background: #F0F0F0;}
.acase li label{ color: #444444;line-height: 26px; overflow:hidden; display:block;}
.acase li h2{ width:320px; margin:0 auto 0 auto;color: #717171; height:59px; line-height:59px;}
.acase li:nth-child(3n){ margin-right:0;}

.pagination{ width:100%; font-size:18px; color:#333333; text-align:center; margin:60px auto ;}
.pagination li{ width:38px; height:38px; text-align:center; line-height:38px; display:inline-block; margin:0 3px;border: 1px solid #DCDCDC;color: #9E9E9E;border-radius: 6px;}
.pagination li a{width:38px; height:38px; display:block; color:#9E9E9E;}
.pagination li a:hover{ color:#ffffff;background: #BF232A;border-radius: 6px;}
.pagination .active{ color:#ffffff;background: #BF232A;border-radius: 6px;}

.lanmu{ line-height:45px; }
.lanmu h3{ text-align:center; }
.lanmu p{ color:#ffffff; opacity:0.6;text-align:center; }
.lanmu p a{ color:#ffffff;  }
.lanmu p a:hover{ color:#ffffff;  }

.news_11{ border-bottom:#ECECEC solid 1px; margin:50px auto 50px auto;}
.news_{background: #F9F9F9; padding:80px 0;}
.news{ padding:10px 0 30px 0;}
.news li{ width:377px; float:left;height: 473px; background:#ffffff; margin-right:34px; margin-bottom:39px; overflow:hidden;}
.news li b{ width:377px; height: 203px; overflow:hidden;}
.news li dt{ width:377px; padding:38px 0 0 0;}
.news li dt .news_2{ width:320px; height:52px; margin:0 auto 16px auto;line-height:26px; overflow:hidden;color: #2C2C2C; }
.news li dt .news_3{width:320px;color: #515151;line-height: 22px;height:66px; overflow:hidden; margin:0 auto;}
.news li dt .news_1{color: #444444;line-height: 26px; padding:31px 0 0 28px;}
.news li dt .news_4{width: 122px;height: 35px;background: #FFFFFF;border-radius: 18px; color:#BF232A; margin:130px 0 0 29px;display:none;}

.news li:nth-child(3n){ margin-right:0;}
.news li:hover{background: #BF232A;}
.news li:hover .news_1{ color:#ffffff;}
.news li:hover .news_2{ color:#ffffff;}
.news li:hover .news_3{ color:#ffffff; opacity:0.4;}
.news li:hover .news_4{display: flex;}

.news li:hover b{ height:0;}

.news2{ margin:0 auto 30px auto;}
.news1{ padding:0 0 0 0;height: 309px;background: #F9F9F9;}
.news1 li{ width:100%; height:309px;}
.news1 li b{ width:600px; height:309px; overflow:hidden;background:#ffffff;}
.news1 li b img{ width:600px;}

.news1 li h3{ width:555px;height:309px; padding:0 60px 0 0; } 
.news1 li h3 p{ color:#444444; border-bottom:#D9D9D9 solid 1px; height:45px; line-height:45px; padding:32px 0 0 0;}

.news1 li h3 .news1_1{ height:50px; line-height:50px; overflow:hidden; margin:20px 0 0 0; color:#2C2C2C;}
.news1 li h3 .news1_2{ line-height:22px;overflow:hidden;height:44px; color:#747474;}
.news1 li h3 a{color: #484848; height:50px; margin:10px 0 0 0;}


.news1_3{ padding:50px 0;} 
.news1_3 li{width: 43px;height: 4px;background: #DDDDDD; line-height:999px; overflow:hidden; margin:0 3px;}
.news1_3 .on{background: #BF232A;}

.sxy{margin:40px auto 0 auto;width:100%;font-size: 14px;color:#666}
.sxy1{width:100%;height:30px;}
.sxy2{width:100%;height:30px;}
.sxy a{font-size: 14px;color:#666}

.con {padding: 50px 0 80px;min-height: 200px;}
.article_title{text-align: center;margin-bottom: 40px}
.article_title h2{font-size:24px;color:#333;}
.article_title p{font-size: 14px;color:#858585;margin-top: 12px;}
.article_body{ width:100%;word-wrap:break-word;font-size: 18px;line-height:35px;}
.article_body img{max-width:100%; display:block; margin:0 auto;}





.zsjm{ border:#E9E9E9 solid 1px; height:454px;border-radius:6px; overflow:hidden; }
.zsjm li{ width:400px; color:#161616;}
.zsjm li b{ width:400px; height:227px;}
.zsjm li h3{ width:400px; height:227px;}
.zsjm li h3 strong{ height:60px; margin:0 0 7px 0;}
.zsjm li h3 label{ height:35px;}
.zsjm li h3 span{ height:27px;}
.zsjm_{background: #BF232A; color:#ffffff !important;}
.zsjm_ .zsjm_1{ display:none;}
.zsjm_ .zsjm_2{ display:block !important;}
.azsjm1{ padding:39px 0 0 0;}
.azsjm1 li{width: 9px;height: 9px;background: #EDEDED;border-radius: 50%; line-height:999px; overflow:hidden; margin:0 4px;}
.azsjm1 .on{background: #BF232A;}


.zsjm1{ width:100%; height:730px; background:url(../images/zsjm1.jpg) no-repeat center center; margin:20px auto 0 auto; }
.zsjm2{height: 588px;background: #FFFFFF;border-radius: 6px;}
.zsjm3{width: 687px; padding:51px 0 0 468px;}
.zsjm3 li{width: 685px;height: 65px;background: #FFFFFF;border: 1px solid #E1E1E1;border-radius: 6px; margin-bottom:19px;}
.zsjm3 li span{color: #222222; font-size:20px; padding:0 0 0 30px;}
.zsjm3 li .text1{width:575px;height: 65px; border:0;background: #FFFFFF;outline:none;color:#7C7C7C; font-size:20px;font-family: 'Regular';}
.zsjm3 li:nth-child(4){ height:146px;}
.zsjm3 .text2{width: 686px;height: 66px;background: #BF232A;border-radius: 6px; border:0;outline:none;color:#ffffff; font-size:20px;font-family: 'Regular';}
.zsjm4{ left:89px; bottom:0;}



.xf{width:70px;height: 306px;position: fixed;top:0;right: 0;bottom:0;margin:auto;z-index: 999}
.xf>ul{height: 100%;text-align: center;}
.xf>ul>li{width:69px;height: 69px;background: #000000; position: relative; margin-bottom:3px;}
.xf>ul>li>a{width: 100%;height: 100%;}
.xf>ul>li:last-child{background: #babbbc; }
.xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 90px;margin:auto;border-radius: 13px;background-color: #fff;}
.xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;}
.xfl1{width: 230px;font-size: 20px;}
.xfl2{width: 110px;height: 110px; padding:5px;}
.xf>ul>li:hover{ background:#BF232A;}
.xf>ul>li:hover .xfl{display: flex;}
.xf>ul>li:hover .xf0{display: none;}
.xf>ul>li:hover .xf0_{display: inline-block;}
.xf>ul>li:hover a>p{font-size: 14px;}


.jipiao{}
.jipiao4{background: #FFFFFF;border-radius: 6px;width: 1242px; padding:100px 0 70px 0; margin:50px auto 0 auto;}
.jipiao li{width:286px; float:left; margin-right:18px; margin-bottom:17px; height:280px;}
.jipiao li .jipiao1{width: 286px;height: 116px;border-radius: 6px; overflow:hidden;}
.jipiao li .jipiao1 img{ width:100%;}

.jipiao2{width:286px;height: 191px;background:url(../images/home3_3.png) no-repeat center center; overflow:hidden; left:0; top:89px;}
.jipiao2 dt{ width:98px; height:27px; text-transform:uppercase;}
.jipiao2 dl{background:url(../images/home3_31.png) no-repeat center center; height:94px;}
.jipiao2 dl b{ width:90px;}
.jipiao2 p{ height:65px; line-height:65px; text-align:center;}
.jipiao li:nth-child(4n){ margin-right:0;}

.jipiao li:hover .jipiao2{background:url(../images/home3_3on.png) no-repeat center center; color:#ffffff;}
.jipiao li:hover .jipiao2 dl{background:url(../images/home3_31on.png) no-repeat center center;}

.jipiao5{color: #9B9B9B;}
.jipiao5 a{color: #9B9B9B;}

.bgf7{ background:#f7f7f7; width:100%;padding:90px 0;}


.ddfx{ width:100%; background:#f7f7f7; padding:90px 0;}



.hyzx{ width:100%;background: linear-gradient(to bottom, #fff9e8,#fffffe); padding:105px 0 120px 0;}

.hyzx1_1{ margin:45px auto 0 auto;color: #252525;}
.hyzx1_1 li{ width:383px;  height:320px; }
.hyzx1_1 li b{ padding:53px 0 0 0;}

.hyzx1_1 li p{ text-align:center; color:#252525;}
.hyzx1_1 li label{ height:75px;font-size: 16px;}
.hyzx1_1 li:nth-child(3n+1){background:url(../images/hyzx1_11.png) no-repeat bottom center;}
.hyzx1_1 li:nth-child(3n+1) b{ padding:53px 0 0 0;}
.hyzx1_1 li:nth-child(3n+1) p{ height:75px; line-height:75px; border-bottom:#F2F2F2 solid 1px; padding:0 0 5px 0;}
.hyzx1_1 li:nth-child(3n+1) label{color: #989898;}
.hyzx1_1 li:nth-child(3n+2){background:url(../images/hyzx1_12.png) no-repeat bottom center;}
.hyzx1_1 li:nth-child(3n+2) b{ padding:21px 0 0 0;}
.hyzx1_1 li:nth-child(3n+2) p{ height:103px; border-bottom:#F8F0C6 solid 1px; line-height:103px;}
.hyzx1_1 li:nth-child(3n+2) label{color: #CAAE58;}
.hyzx1_1 li:nth-child(3n+3){background:url(../images/hyzx1_13.png) no-repeat bottom center;}
.hyzx1_1 li:nth-child(3n+3) b{ padding:0 0 0 0;}
.hyzx1_1 li:nth-child(3n+3) p{ height:110px; border-bottom:#F4C899 solid 1px; line-height:110px; padding:0 0 15px 0;}
.hyzx1_1 li:nth-child(3n+3) label{color: #B8844C;}


.xuan {
    position: fixed;
    right: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 280px;
    z-index: 99;
    flex-flow: column;
}

.xuan img {
    vertical-align: middle;
}

.xuan li {
    width: 58px;
    height: 58px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.06);
}


.xuan li:hover .kuang {
    display: flex;
}

.xuan .img {
    width: 22px;
    height: 22px;
    display: inline-block;
    overflow: hidden;
}

.xuan li:nth-child(-n+3) a:hover .img img {
    width: 22px;
    height: 22px;
    filter: drop-shadow(22px 0 #fff);
    position: relative;
    left: -22px;

}

.xuan li a {
    width: 100%;
    height: 100%;
}

.xuan li:nth-child(-n+3) a:hover {
    border-radius: 50%;
    background: #BF232A;
}

.xuan li .kuang {
    display: none;
    background-color: rgb(255, 255, 255);
    box-shadow: 1.5px 2.598px 11.18px 1.82px rgb(28 28 28 / 13%);
    width: 238px;
    height: 120px;
    right: 80px;
    border-radius: 15px;
}

.xuan li:nth-child(3) .kuang {
    width: 121px;
    height: 119px;
}

.xuan li:nth-child(1) .kuang {
    height: 80px;
}

.xuan .kuang .jiao {
    top: 0;
    bottom: 0;
    margin: auto;
    right: -13px;
    width: 0;
    height: 0;
    border-width: 7px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    filter: drop-shadow(1.5px 2.598px 11.18px rgb(28 28 28 / 13%));
}