@charset "utf-8";body{font-size:14px;color:#000;background:#FFF;font-family:"Microsoft YaHei",Verdana,sans-serif,"SimSun";-webkit-text-size-adjust:none;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;margin:0px;padding:0px;word-break:break-all;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
ul,li,p{list-style-type:none;padding:0px;margin:0px}
img{border:0px}
a:link{color:#333;text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s}
a:visited{text-decoration:none;color:#333}
a:hover{text-decoration:none;color:#333}
a:active{text-decoration:none;color:#333}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
*,::after,::before{box-sizing:border-box;outline:none}
body{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystem,'Montserrat','Noto Sans SC','sourcehansans',sans-serif !important}
.w-all{display:none}
.headh{border-bottom:1px solid rgba(255,255,255,.2);width:100%;position:fixed;height:100px;top:0px;transition:0.2s 0.2s;z-index:9999}
.headh:hover{background:#FFF}
.logo1{display:block}
.logo2{display:none}
.headh:hover .logo2{display:block}
.headh:hover .logo1{display:none}
.headh:hover .icon{fill:#000}
.headh:hover .dropdown-toggle{color:#000}
.header-active .dropdown-toggle{color:#000}
.header-active .header_tel{color:#000}
.header-active .icon{fill:#000 !important;color:#000 !important}
.head{width:100%;overflow:hidden;background:#1664a8;line-height:30px}
.header-active{box-shadow:0 2px 10px 0 rgba(0,0,0,.1);background:#FFF}
.main{max-width:1400px;margin:0 auto;overflow:hidden; padding-left:20px; padding-right:20px;}
.main_h{width:94%;max-width:1600px;height:100px;display:flex;justify-content:space-between;align-items:center;margin:0 auto}
.logo{float:left;overflow:hidden;margin-top:0px;margin-bottom:0px; width:30%;}
.logo img{max-width:100%}
.banner{width:100%;overflow:hidden;position:relative}
.banner img{width:100%;display:block}
.header-active .logo2{display:block}
.header-active .logo1{display:none}
.header-active .nav a{color:#000}
.header-active .icon{fill:#000}
.nav{font-family:"Microsoft YaHei Light","Microsoft YaHei Light","Microsoft YaHei","Microsoft YaHei",Arial,Helvetica,sans-serif;float:right}
.nav li{float:left;position:relative;width:auto}


.nav a{display:block;font-size:18px;padding:0px 30px;line-height:100px;font-weight:700;text-align:center;text-decoration:none;color:#fff}
.nav li:hover a{color:#1e50ae !important;font-weight:700}
.headh:hover .nav a{color:#000}
.nav li.current:before{width:60%}

.page_show{margin:20px 0;width:100%;text-align:center;overflow:hidden}
.page_show a{display:inline-block;height:40px;line-height:40px;min-width:40px;text-align:center;background:#F2F2F2;margin-right:3px;margin-left:3px;border-radius:5px}
.page_show a:hover,.page_show a.page_current{background:#24408f;color:#FFF;text-align:center}

.header_tel{display:flex;align-items:center;font-size:18px;color:#FFF;gap:5px}
.headh:hover .header_tel{color:#000}

.nav li:before{content:"";position:absolute;top:60px;right:0;left:0;width:0px;height:2px;margin:15px auto;background-color:#1e50ae;transition:0.2s 0.2s}


.nav li:hover:before{width:60%}
.current a:before{content:"";position:absolute;top:60px;right:0;left:0;width:60%;height:2px;margin:15px auto;background-color:#fff;transition:0.2s 0.2s}

.header-active .current a:before{background-color:#1e50ae;}

.imgsc{ width:100%; overflow:hidden}

.imgsc img{ width:100%; overflow:hidden; display:block;}
#submenu{left:0;opacity:0;position:absolute;top:100px;visibility:hidden;z-index:1;width:auto;box-shadow:0 0 10px rgb(0 0 0 / 20%);min-width:210px;padding:15px;background:#FFF;transform:translateY(-10px);transition:all 0.3s ease}
li:hover ul#submenu{opacity:1;visibility:visible;transform:translateY(0)}
#submenu li{float:none;width:100%;overflow:hidden;white-space:nowrap;background:none;border-bottom:1px solid #eee}
#submenu li:before{background:none}
#submenu a:hover{background:#24408e;color:#FFF !important;transition:background 0.2s ease}
#submenu li:last-child{border-bottom:0}
#submenu a{background:rgba(255,255,255,1);padding:10px 20px;font-size:14px;text-align:left;min-width:64px;color:#000 !important;line-height:25px;transition:color 0.2s ease}
.icon{fill:#fff}
.fr{display:flex;gap:20px;align-items:center;justify-content:flex-end}
.end{overflow:hidden;width:100%;background:#333;color:#fff;padding:80px 0 0 0}
.medf{width:100%;background:#333;overflow:hidden;text-align:left;padding-top:10px;padding-bottom:10px;color:#CCC;text-align:center}
.foontes{width:10%;overflow:hidden;float:left;font-size:16px;margin-bottom:10px}
.xoan{border-top:1px solid rgba(255,255,255,0.10);overflow:hidden;width:100%;padding-top:30px;padding-bottom:30px}
.foontes a{color:#000;margin-top:5px;font-size:17px}
.medf a{color:#ccc}
.foontes p a{color:#fff;font-size:14px;line-height:180%;margin-top:10px}
.txtct{color:#fff;font-size:17px;width:30%;overflow:hidden;line-height:180%;float:left}
.txtct a{color:#FFF}
.weix{overflow:hidden;float:right}
.weix p{text-align:center;margin-top:10px}
.weix img{width:140px;display:block}
.txtct p{color:rgba(255,255,255,.66);margin-top:10px;line-height:180%;font-size:16px}
.endright{display:flex;float:left}
.endright ul{margin-left:50px}
.tt2 div{font-size:34px;color:#fff;font-family:'Impact';line-height:40px}
.endright ul li p{font-size:18px;font-weight:bold;color:#FFFFFF;margin-bottom:10px}
.endright ul li a{font-size:15.5px;font-weight:400;color:#FFFFFF;line-height:35px;opacity:0.6;transition:1s}
footer .box1 .list1 .tt2{font-size:14px;color:rgba(255,255,255,.66);padding:11px 0;line-height:20px}
.bannertxt{position:absolute;top:35%;left:25%;font-size:30px;color:#fff;line-height:1.5;font-weight:normal;animation:bannerIn2 3s forwards}
.bannertxtxian{width:10%;height:3px;background:#fff}
.bannertxt h1{font-size:60px;margin-bottom:10px;color:#FFF;text-shadow:0 2px 2px #333333;font-weight:bold}
.bannertxt p{font-size:30px;color:#fff;font-weight: normal;text-shadow:0 2px 2px #333333;}
.swiper-slide.swiper-slide-active .bannertxt h1{animation:myfadeInDown .5s ease-in-out both;animation-delay:0.2s}
.swiper-slide.swiper-slide-active .bannertxt p{animation:myfadeInUp .5s ease-in-out both;animation-delay:0.2s}
@keyframes myfadeInUp{0%{opacity:0;transform:translate3d(0,50px,0)}
100%{opacity:1;transform:none}
}
@keyframes myfadeInDown{0%{opacity:0;transform:translate3d(0,-50px,0)}
100%{opacity:1;transform:none}
}












.txt{ width:100%; text-align:center; overflow: hidden; font-size:38px; font-weight:bold;font-family: "Microsoft YaHei"; margin-top:50px;}
.xian{ width:60px; height:4px; background:#24408e; margin:10px auto;} 
.txta{ width:100%; text-align:center; line-height:180%; font-size:18px;}

.caitem{ width:100%; overflow:hidden; margin-top:50px; margin-bottom:50px;}	
.caitem ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.caitem li{ float:left; width:23%; overflow:hidden;margin-bottom:38px;  border:1px solid #eaeaea;}
.caitem li .text{overflow:hidden;}
.caitem li .text .text_one{ border-top:1px solid #e1e1e1;margin:20px 24px; line-height:82px;}
.caitem li .text .left{ float:left;font-size:18px; color:#222;width:80%;height:82px;overflow:hidden;}
.caitem li .text .right{ background:url(jiantou.png) no-repeat 0px 0px;width:23px; height:11px; float:right; margin-top:35px;transition:0.5s;}
.caitem li:hover .text .right{ background:url(jiantou.png) no-repeat 0px -11px;}
.caitem li:hover .text{ background:#24408e;}
.caitem li:hover .text .text_one{border-top:1px solid #24408e;}
.caitem li:hover .text .left{ color:#fff;}

.caitem li a{ display:block;}
.caitem li .pic{ padding:0px 0px; overflow:hidden; width:100%; display:block;}
.caitem li .pic img{ width:100%;aspect-ratio: 4 / 3; overflow:hidden;
object-fit: cover; 
  object-position: center;


}
.caitem li .pic:after{ padding-bottom:72%;}
.caitem li img{-webkit-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;aspect-ratio: 4/3;}


.caitem li:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

.indexabout{
	width:100%;
	overflow:hidden;
	background-size:cover;
	background-attachment: fixed;
	padding-top:50px;
	margin-top:50px;
	background-image: url(bj.jpg);
	background-repeat: no-repeat;
}

.indexaboutinfo{ width:80%; color:#FFF; overflow:hidden; line-height:180%; margin-top:30px; font-size:18px; text-align:center; margin:0 auto; margin-top:30px;}
.txt1q {
    margin-top: 50px;
    width: 100%;
    height: 70px;
}
.ca1 {     width: 160px;

    color: #fff;
    text-align: center;
    background: #ff7106;
    display: block;
    font-size: 16px;
    margin-top: 20px;
    border-radius: 25px;
    transition: all .8s ease; margin:0 auto;
}
.ca1 a{ color:#FFF;}
.ca1:hover{ background:#ff9600; display:block;}
.ca1 a {
    width: 160px;border-radius:25px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 16px;
    margin-top: 20px; margin:0 auto;
}



.bjb{ background-color: rgba(30,80,174,0.6); overflow:hidden; margin-top:50px;}
.about_con2 ul {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
}

.cnt4 li:hover .btn3 {
    background-color: #ff7106;
	color:#FFF;
}

.about_con2 {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%;
}

 .about_con2 .counter {
    font-size: 60px; font-family:"微软雅黑"; 
    font-weight: bold;
    color: #FFF;
    line-height: 49px;
}

.about_con2 .danwei {
    font-size: 15px;
    color: #FFF;
    line-height: 40px;
    position: relative;
    top: -25px;
    left: 5px;
}

 .about_con2 p {
    font-size: 15px;
    color: #FFF;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; font-family:"Microsoft YaHei";
    width: 100%;
}
.bjbc{ width:100%; background:#f8f8f8; margin-top:50px; background-size:cover; overflow:hidden;}

 .about_con2 li{ border-right:1px solid #CCC; padding-right:5%; padding-left:5%; }
 .about_con2 li:last-child{ border-right:0px;}
 .txtc{ color:#FFF;}
 
 
 
  .index_bj2{ width:100%; overflow:hidden; background:url(application.png) no-repeat center; background-size: cover;
    background-attachment: fixed; padding-bottom:100px; padding-top:50px;}
 
 
 .index_bj{ width:100%; overflow:hidden;background:url(case.png) no-repeat center; background-size: cover; padding-bottom:50px;}
 .out_container{
      width: 100%;
	  overflow:hidden;

      position: relative;
      padding-top:20px;
    }
    .in_container{
      width:90%;
	  overflow:hidden;

      margin: 0 auto;
      overflow: hidden;
    }
	
	.swiper-button-prev.swiper_btn::after, .swiper-button-next.swiper_btn::after {
	color:#d5d5d5; 

}


.swiper-slide1{ background:#FFF; width:100%; overflow:hidden; padding: 69px 30px 50px 30px;}


.swiper-button-prev.swiper_btn, .swiper-button-next.swiper_btn {
    --swiper-navigation-size: 20px; font-size:12px;


}
.swiper_btn{ width:40px; height:40px; overflow:hidden; border: 1px solid #d5d5d5;border-radius: 100%;}

.swiper_btn:hover{ background:#1e50ae;border: 1px solid #1e50ae;}

.text01{font-size:22px;color:#222;padding-bottom:23px;margin-bottom:25px;position:relative;border-bottom:1px solid #dbdbdb; width:100%; overflow:hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.text02{ font-size:14px; color:#222; margin-top:35px; line-height:27px;}


.swiper-slide img{ display:block; width:100%;}

	
 
 
 
 
 .inxex_bjb{ background:#f8f8f8; overflow:hidden; margin-bottom:50px;}

.navq {
	float: left; overflow:hidden;
/*	margin-top:15px;*/
}

.navq li {
	float: left;
	position: relative;
	width:auto; border-right:0px solid #CCC;
	}
.navq a {


	display: block;
	font-size:17px;
	padding: 30px 20px;
line-height:20px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	
}
.navq li:hover a {
	
color:#123dad;
}

	
.navq li:before {
	content: "";
	position: absolute;
	top: 50px;
	right: 0;
	left: 0;
	width: 0px;
	height: 3px;
	margin: 15px auto;
	background-color: #123dad;
	transition: 0.2s 0.2s;
}
.navq li:hover:before {
	width: 60%;
}

.navqright{
	float:right;
	overflow:hidden;
	line-height:80px;
	font-size:14px;
	background-image: url(zbb1.png);
	background-repeat: no-repeat;
	background-position: 0px 25px; text-indent:2em;
}




.navq li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    top: 50%;
    margin-top: -7px;
    right: 0px;
}
.nav_snav a{ color:#123dad;}


.navq li:last-child:after{ display:none;}

 
 .bannertxts{position:absolute;top:45%;font-size:20px;color:#fff;line-height:1.5;font-weight:normal;animation:bannerIn2 3s forwards; text-align:center; width:100%;}
 
 .bannertxts p{font-size:15px;color:#fff;font-weight: normal;text-shadow:0 2px 2px #333333; text-align:center;}

 
 
 
  .index_aboutleft{width:48%;float:left;overflow:hidden; margin-bottom:100px;}
 .prodboxright{width:45%;float:right;overflow:hidden;margin-top:50px;border-radius:15px;cursor:pointer}
 .index_a{width:100%;overflow:hidden;line-height:180%;font-size:16px;margin-top:50px;color:#666}
.index_aboutleft{width:48%;float:left;overflow:hidden}
.index_about {
    width: 100%;
    font-size: 40px;
    overflow: hidden;
    font-weight: bold;
}
 
 .case{ width: 100%; overflow:hidden; margin-top:20px; }
.case li {
  width: calc(25% - 3.75%); /* 调整宽度计算 */
  float: left;
  overflow: hidden;
  margin-right: 5%;
  margin-bottom: 5%;
  box-sizing: border-box;
}.case li:nth-child(4n) {
  margin-right: 0;
}
.case li img{ width:100%; display:block; object-fit: cover; }

 
 .news-two1 .date,.news-four .date{font-size:15px;line-height:24px;color:#999}
.news-two1{float:right;width:65%;margin:0 0px ;margin-top:30px}
.news-two1 li{margin-bottom:22px;width:47%;float:left;padding:30px ;border:1px solid rgba(247,247,247,0.5)}
.news-two1 li:nth-child(even){float:right}
.news-set-top:hover .date{border-bottom:2px solid rgba(36,64,142,0.5)}
.news-set-top:hover .title{color:#a00707}
.news-two1 li a{display:block}
.news-two1 .two-title{font-weight:normal;font-size:18px;line-height:1.6;color:#333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.news-two1 .desc{font-size:16px;line-height:2;color:#888;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-two1 .date{margin-bottom:15px;border-bottom:1px solid rgba(247,247,247,0.5);padding:0px 0 10px 0;transition:all 0.3s}
.news-two1 li:hover .date{border-bottom:1px solid rgba(36,64,143,0.5)}
.news-two1 li:hover .two-title{color:#24408e }
.boxx{width:100%;overflow:hidden;margin-top:30px;margin-bottom:40px}
.boxx li{overflow:hidden;width:32%;transition:all 0.6s;margin-bottom:2%;float:left;margin-right:2%;position:relative;}
.boxx img{width:100%;display:block;transition:all 0.6s;aspect-ratio:16/10;object-fit:cover;transition:all 0.3s}
.boxx li:hover{box-shadow:0px 5px 37px 3px rgba(0,0,0,0.08)}
.boxx li:nth-child(3n+3){margin-right:0;float:right}
.boxx li:hover .imgs img{transform:scale(1.1)}
 
 .mapcen{ width:100%; overflow:hidden; margin-top:50px; margin-bottom:50px;}
 
 
 .newsinfo{width:1000px;margin:0 auto;overflow:hidden;line-height:180%;margin-top:30px; margin-bottom:80px;}
.news_{text-align:center;font-weight:900;line-height:180%;margin-bottom:0px;font-size:24px}
.data{width:100%;overflow:hidden}
.xxnre{width:100%;overflow:hidden;line-height:180%;margin-bottom:100px;font-size:16px}
.xxnre img{width:100%;display:block}
.quote{margin-bottom:30px;margin-top:5px;color:#999;font-size:14px;text-align:center;width:100%;overflow:hidden;border-bottom:1px solid #f8f8f8;padding-bottom:5px}
.xxnrt{width:100%;display:block;overflow:hidden}
.xxnrt p{width:100%;overflow:hidden;padding-bottom:10px}
.pordmaore{ width:48%; float:left; overflow:hidden;} .pordmaore img{ width:100%; display:block;}
.pordmaoreright{ width:48%; float:right; overflow:hidden; line-height:2;}
.news_f{
    text-align: left;
    font-weight: 900;
    line-height: 50px;
    margin-bottom: 0px;
    font-size: 24px;
    margin-top: 0PX;
}

.news_g{
    text-align: left;


    margin-bottom: 0px;
    font-size: 16px;
    margin-top: 0PX;
}

.xiangx {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed #CCCCCC;
    margin-top: 50px;
    line-height: 180%;
    font-size: 22px;
    text-align: left;
    font-weight: 100;
    margin-top: 50px;
    margin-bottom: 30px; font-weight:800;
}
.xxnr {
    width: 100%;
    overflow: hidden;
    line-height: 180%;
    margin-bottom: 30px;
}
.xxnr img{max-width:100%; display:block;}
 
 
 .portel {
    color: #fff !important;  font-family:"Microsoft Yahei";
    font-size: 16px; 
    text-align: center;
background: linear-gradient(to right, #184a93, #0f3b7c);
    width: 240px;
    border-radius: 7px;
    padding: 13px 0;
    display: block;
    margin-top: 87px;
}
 .xiangx1 {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px  solid #CCCCCC;
    margin-top: 50px;
    line-height: 180%;
    font-size: 22px;
    text-align: left;
    font-weight: 100;
    margin-top: 50px;
    margin-bottom: 30px; font-weight:800;
}
.boxx li{  overflow:hidden;width:32%;transition: all 0.6s;  margin-bottom:2%; float:left; margin-right:2%; position:relative;} 

.boxx img{ width:100%; display:block;transition: all 0.6s;aspect-ratio: 16/10;object-fit: cover; transition: all 0.3s;}
.boxx li:hover{  box-shadow: 0px 5px 37px 3px rgba(0, 0, 0, 0.08);}		
.boxx li:nth-child(3n+3) {
    margin-right: 0;
    float: right;
}

.boxx li:hover .imgs img {
    transform: scale(1.1);
}


.boxx li .text {
    position: absolute; color:#FFF; font-size:18px; line-height:1.5;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0; text-align:center;background-image:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,.6),rgba(0,0,0,0)); padding-left:10px; padding-right:10px;
}

.boxx li .text p{ width:100%; overflow:hidden; font-size:14px;}
.boxx li:hover .text{background-image:linear-gradient(to top,rgba(15,59,124,1),rgba(15,59,124,.6),rgba(15,59,124,0));}
.indexbj{ width:100%; overflow:hidden; background:url(index-bg.jpg); background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;}

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
    .section-title {
    text-align: center;
    margin-bottom: 48px;
}

.section-title h2 {
    font-size: 19.2px;
    text-transform: uppercase;
    color: #6c757d;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.section-title h3 {
    font-size: 32px;
    color: #343a40;
}

.advantages {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin-top: 50px; padding-top:20px; padding-bottom:20px;
}

.advantage-card {
    cursor: pointer;
    flex: 1;
    min-width: 300px;
    max-width: 580px;
    padding: 40px 24px;
    border-radius: 8px;
    color: #000;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    position: relative;
}


.advantage-card:hover {
    transform: translateY(-16px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}


        .advantage-card {
            background: white;
            border-radius: 12px;
            padding: 35px 25px;
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        /* 为不同卡片添加独特顶部边框色 */
        .advantage-card:nth-child(1) {
            border-top: 4px solid #3498db;
        }
        .advantage-card:nth-child(2) {
            border-top: 4px solid #2ecc71;
        }
        .advantage-card:nth-child(3) {
            border-top: 4px solid #f39c12;
        }
        .advantage-card:nth-child(4) {
            border-top: 4px solid #9b59b6;
        }
        .advantage-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
        }
        .card-icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            font-size: 24px;
            color: white;
        }














.advantage-card::after {
            content: '';
            position: absolute;
            width: 120px;
            height: 120px;
            border-radius: 50%;
            opacity: 0.05;
            top: -60px;
            right: -60px;
            transition: all 0.3s ease;
        }
        .advantage-card:nth-child(1)::after {
            background-color: #3498db;
        }
        .advantage-card:nth-child(2)::after {
            background-color: #2ecc71;
        }
        .advantage-card:nth-child(3)::after {
            background-color: #f39c12;
        }
        .advantage-card:nth-child(4)::after {
            background-color: #9b59b6;
        }
        .advantage-card:hover::after {
            opacity: 0.1;
            transform: scale(1.2);
        }
				
		
		
.icon {
    font-size: 70px;
    margin: 30px 0;
    opacity: 0.9; color:#24408e
}

.advantage-card h4 {
    font-size: 24px;
    margin-bottom: 12.8px;
}

.advantage-card p.subtitle {
    text-transform: uppercase;
    font-size: 14.4px;
    opacity: 0.9;
    margin-bottom: 24px;
    letter-spacing: 0.5px;
}

.advantage-card p.description {
    font-size: 16px;
    line-height: 1.7;
    opacity: 0.95;
}

.talent {
    background-color: #fff;
}



.service {
    background-color: #fff;
}



.patent {
    background-color: #fff;
}



.client {
    background-color: #fff;
}



@media (max-width: 768px) {
    .section-title h3 {
        font-size: 27.2px;
    }
    
    .advantage-card {
        padding: 32px 19.2px;
    }
}
 
 
 
 
 
 
