@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: "fonts_dymht";
	src: url(../fonts/douyinmeihaoti.otf);
}
.inbanner {
	height: 300px;
	overflow: hidden;
	position: relative;
}
.inbanner1 {
	background: url(../images/inbanner1.jpg) center no-repeat;
}
.inbanner2 {
	background: url(../images/inbanner2.jpg) center no-repeat;
}
.inbanner3 {
	background: url(../images/inbanner3.jpg) center no-repeat;
}
.inbanner4 {
	background: url(../images/inbanner4.jpg) center no-repeat;
}
.inbanner5 {
	background: url(../images/inbanner5.jpg) center no-repeat;
}
.inbanner6 {
	background: url(../images/inbanner6.jpg) center no-repeat;
}
.inbanner10 {
	height: 500px;
	background: url(../images/inbanner10.jpg) center no-repeat;
}
.inbanner20 {
	height: 500px;
	background: url(../images/inbanner20.jpg) center no-repeat;
}
.inbanner33 {
	height: 500px;
	background: url(../images/inbanner33.jpg) center no-repeat;
}
.inbanner0 {
	height: 500px;
}
.inbanner h4 {
	display: block;
	font-size: 40px;
	/*font-weight: bold;*/
	height: 20px;
	line-height: 20px;
	font-family: "fonts_dymht";
	/*border-left: 10px solid #a80412;
	padding-left: 20px;*/
	margin-top: 10%;
	/*margin-left: 5%;*/
	color: #a80412;
	text-shadow: 0 0 8px #fff, 0 0 8px #fff;
	line-height:50px;
}
.inbanner p {
	display:none;
}
.inbanner10 h4, .inbanner0 h4, .inbanner20 h4 {
	margin-top: 10%;
	line-height:50px;
}
.abouts {
	background: #fff;
	/*height: 60px;
	line-height: 60px;*/
	/*padding:20px 0px;*/
	border-bottom: 1px solid #f4f4f4;
	overflow: hidden;
}
.abouts ul {
	text-align: center;
}
.abouts li {
	display: inline-block;
	/*padding: 20px 30px;*/
	text-align: center;
	height: 60px;
	line-height: 60px;
	margin: 0px 5px;
}
.abouts li a {
	color: #2566ee;
	background: linear-gradient(to right, #fafbfc, #e0e6f9);
	line-height: 40px;
	border-radius: 20px;
	padding: 0px 30px;
	font-size: 16px;
	display: block;
	margin-top: 10px;
	position: relative;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}
.abouts li a:after{
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #5487f3;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
.abouts li:hover a:after {
    width: 100%;
}
.abouts li:hover a, .abouts li a.active {
	background: #5487f3;
	color: #fff;
}
.mainpage {
	background: #f5f5f5;
	padding: 20px 0px 50px 0px;
	overflow: hidden;
}
.mainpage .guide {
	margin-bottom: 40px;
}
.mainpage .guide h3 {
	background: url(../images/homeico.png) left center no-repeat;
	padding-left: 30px;
}
.mainpage .guide h3, .mainpage .guide h3 a {
	font-size: 14px;
	color: #333;
}
.mainpage .mainconts {
	padding: 3%;
	overflow: hidden;
	background: #fff;
	width: 64%;
}
.mainpage .mainconts h2 {
	display: block;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.mainpage .mainconts .left {
	width: 40%;
}
.mainpage .mainconts .left img {
	width: 100%;
}
.mainpage .mainconts .right {
	width: 57%;
}
.mainpage .mainconts .right p {
	color: #666;
	line-height: 30px;
	text-indent: 20px;
}
.mainpage .mainconts .right p strong {
	font-weight: bold;
}
.mainpage .contact .left {
}
.mainpage .contact .left h3 {
	font-weight: bold;
	font-size: 18px;
	line-height: 45px;
}
.mainpage .contact .left p {
	line-height: 35px;
	color: #333;
}
.mainpage .news {
}
.mainpage .news li {
	display: block;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
	margin-bottom: 30px;
}
.mainpage .news li span {
	display: block;
	float: left;
	border-right: 1px solid #ededed;
	text-align: center;
	color: #999;
	padding: 20px 3%;
	width: 10%;
}
.mainpage .news li span em {
	display: block;
	font-size: 48px;
	color: #999;
	border-bottom: 1px solid #ededed;
	margin-bottom: 10px;
}
.mainpage .news li a {
	display: block;
	float: left;
	padding: 20px 3%;
	width: 77%;
	background: url(../images/icon12.png) 98% center no-repeat;
}
.mainpage .news li a h4 {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	line-height: 45px;
}
.mainpage .news li a p {
	display: block;
	line-height: 25px;
	color: #666;
}
.mainpage .news li:hover a h4 {
	color: #5487f3;
}
.mainpage .newsview .left {
	width: 66%;
	background: #fff;
	overflow: hidden;
	padding: 3%;
}
.mainpage .newsview .left h2 {
	display: block;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
.mainpage .newsview .left p.dates {
	border-bottom: 1px solid #ededed;
	display: block;
	text-align: center;
	line-height: 50px;
}
.mainpage .newsview .left p.dates span {
	margin: 0px 20px;
	color: #666;
}
.mainpage .newsview .left .contentxt {
	padding: 30px 0px;
}
.mainpage .newsview .left .contentxt, .mainpage .newsview .left .contentxt p {
	line-height: 35px;
	color: #666;
}
.mainpage .newsview .left .contentxt img {
	margin: 10px auto;
	display: block;
}
.mainpage .newsview .left a.backlist {
	display: block;
	width: 200px;
	margin: 40px auto;
	border: 2px solid #266cdc;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #266cdc;
}
.mainpage .newsview .left a.backlist:hover {
	background: #266cdc;
	color: #fff;
}
.mainpage .newsview .left .prenext {
	border-top: 1px solid #ededed;
	padding: 30px 0px;
}
.mainpage .newsview .left .prenext p {
	font-size: 14px;
}
.mainpage .newsview .left .prenext p a {
	font-size: 14px;
}
.mainpage .newsview .right {
	padding: 3%;
	width: 20%;
	background: #fff;
	overflow: hidden;
}
.mainpage .newsview .right h2 {
	display: block;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ededed;
	padding-bottom: 20px;
}
.mainpage .newsview .right h2 em {
	width: 6px;
	height: 30px;
	background: #266cdc;
	display: block;
	float: left;
}
.mainpage .newsview .right h2 span {
	font-size: 26px;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
	font-weight: bold;
	display: block;
	float: left;
}
.mainpage .newsview .right ul {
	margin-bottom: 20px;
	overflow: hidden;
}
.mainpage .newsview .right ul:last-child {
	margin-bottom: 0px;
}
.mainpage .newsview .right ul li {
	display: block;
	border-bottom: 1px solid #ededed;
	line-height: 30px;
	padding: 10px 0px;
}
.mainpage .mainconts-img {
	overflow: hidden;
}
.mainconts-img dt a{
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 68.75%;
}

.mainpage .mainconts-img h2 {
	display: block;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.mainpage .mainconts-img dl {
	display: block;
	float: left;
	margin-right: 1.7%;
	width: 32.2%;
	overflow: hidden;
	margin-bottom: 30px;
}
.mainpage .mainconts-img dt {
	display: block;
	width: 100%;
	overflow: hidden;
}
.mainpage .mainconts-img.honors-list dt img{
    width:100%;
    height: 100%;
    object-fit: contain;
}
.mainpage .mainconts-img dt img {
	display: block;
	width: 100%;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
	-webkit-transform: scale(1, 1) rotate(0);
	-ms-transition: .5s all;
	position: absolute;
    top: 0;
    left: 0;
}
.mainpage .mainconts-img dd {
	display: block;
	height: 70px;
	line-height: 70px;
	padding: 0 15px;
	background: #fff;
}
.mainpage .mainconts-img dd a {
	font-size: 18px;
	margin: 0px 15px;
	font-weight: bold;
}
.mainpage .mainconts-img dl:nth-child(3n) {
	margin-right: 0px;
}
.mainpage .mainconts-img dl:hover dt img {
	-webkit-transform: scale(1.06, 1.06);
	-moz-transform: scale(1.06, 1.06);
	-o-transform: scale(1.06, 1.06);
	transform: scale(1.06, 1.06);
	-ms-transform: scale(1.06, 1.06);
}
.mainpage .newsview .right .img-dl {
	overflow: hidden;
}
.mainpage .newsview .right .img-dl dl {
	display: block;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
	margin-bottom: 30px;
	overflow: hidden;
}
.mainpage .newsview .right .img-dl dl dt {
	display: block;
	width: 100%;
	overflow: hidden;
}
.mainpage .newsview .right .img-dl dl img {
	display: block;
	width: 100%;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
	-webkit-transform: scale(1, 1) rotate(0);
	-ms-transition: .5s all;
}
.mainpage .newsview .right .img-dl dl:hover img {
	-webkit-transform: scale(1.06, 1.06);
	-moz-transform: scale(1.06, 1.06);
	-o-transform: scale(1.06, 1.06);
	transform: scale(1.06, 1.06);
	-ms-transform: scale(1.06, 1.06);
}
.mainpage .newsview .right .img-dl dl dd {
	background: #fff;
	display: block;
	text-align: center;
	line-height: 70px;
	height: 70px;
}
.mainpage .product-img {
	overflow: hidden;
}
.mainpage .product-img h2 {
	display: block;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.mainpage .product-img dl {
	display: block;
	float: left;
	margin-right: 2%;
	width: 23.5%;
	overflow: hidden;
	margin-bottom: 30px;
	border-radius: 20px;
}
.mainpage .product-img dt {
	display: block;
	width: 100%;
	overflow: hidden;
}
.mainpage.product-page .product-img dt {
	padding-bottom: 66.66%;
	position: relative;
}
.mainpage.product-page .product-img dt img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mainpage .product-img dt img {
	display: block;
	width: 100%;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
	-webkit-transform: scale(1, 1) rotate(0);
	-ms-transition: .5s all;
}
.mainpage .product-img dd {
	display: block;
	padding: 20px 0px;
	background: #fff;
}
.mainpage .product-img dd a {
    display: block;
	font-size: 18px;
	line-height: 30px;
	padding-left: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mainpage .product-img dd a span {
	display: block;
	color: #999;
	font-size: 14px;
	padding-left: 15px;
}
.mainpage .product-img dd a em {
	display: block;
	padding-left: 15px;
	color: #a80412;
	font-size: 14px;
}
.mainpage .product-img dl:nth-child(4n) {
	margin-right: 0px;
}
.mainpage .product-img dl:hover dt img {
	-webkit-transform: scale(1.06, 1.06);
	-moz-transform: scale(1.06, 1.06);
	-o-transform: scale(1.06, 1.06);
	transform: scale(1.06, 1.06);
	-ms-transform: scale(1.06, 1.06);
}
.mainpage .newsview .proview h2 {
	border-bottom: 1px solid #f0f0f0;
	overflow: hidden;
	display: block;
	padding-bottom: 30px;
}
.mainpage .newsview .proview h2 em {
	width: 6px;
	height: 30px;
	background: #266cdc;
	float: left;
}
.mainpage .newsview .proview h2 span {
	display: block;
	font-size: 26px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
	line-height: 30px;
}
.mainpage .newsview .proview ul {
	border-bottom: 1px solid #f0f0f0;
	overflow: hidden;
	display: block;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.mainpage .newsview .proview ul li {
	float: left;
	width: 50%;
	color: #a80412;
}
.mainpage .newsview .proview ul li span {
	color: #000;
}
.footer1 {
	background-color: #f5f5f5;
}
/*专题页面*/
.w900 {
	width: 60%;
	overflow: hidden;
	margin: 0px auto;
}
.yss ul {
	padding-bottom: 40px;
	overflow: hidden;
}
.yss ul li {
	display: block;
	float: left;
	width: 16.66%;
	text-align: center;
}
.yss ul li em {
	width: 104px;
	height: 104px;
	display: block;
	margin: 10px auto;
}
.yss ul li span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 22px;
	margin-top: 20px;
}
.yss ul li:nth-child(1) em {
	background: url(../images/icon20.png) center no-repeat;
}
.yss ul li:nth-child(1):hover em {
	background: url(../images/icon20-h.png) center no-repeat;
}
.yss ul li:nth-child(2) em {
	background: url(../images/icon21.png) center no-repeat;
}
.yss ul li:nth-child(2):hover em {
	background: url(../images/icon21-h.png) center no-repeat;
}
.yss ul li:nth-child(3) em {
	background: url(../images/icon22.png) center no-repeat;
}
.yss ul li:nth-child(3):hover em {
	background: url(../images/icon22-h.png) center no-repeat;
}
.yss ul li:nth-child(4) em {
	background: url(../images/icon23.png) center no-repeat;
}
.yss ul li:nth-child(4):hover em {
	background: url(../images/icon23-h.png) center no-repeat;
}
.yss ul li:nth-child(5) em {
	background: url(../images/icon24.png) center no-repeat;
}
.yss ul li:nth-child(5):hover em {
	background: url(../images/icon24-h.png) center no-repeat;
}
.yss ul li:nth-child(6) em {
	background: url(../images/icon25.png) center no-repeat;
}
.yss ul li:nth-child(6):hover em {
	background: url(../images/icon25-h.png) center no-repeat;
}
.yss ul li:hover span {
	color: #a80412;
}
.xuanpei {
	overflow: hidden;
	padding-bottom: 60px;
}
.xuanpei ul.cs {
	/*padding: 42px;*/
	overflow: hidden;
}
.xuanpei ul.cs li {
	display: block;
	float: left;
	width: 47%;
	height: 48px;
	/*background: url(../images/xp.png) center no-repeat;*/
	background: #fff;
	border-radius: 30px;
	line-height: 48px;
	margin-right: 6%;
	margin-top: 15px;
}
.xuanpei ul.cs li:nth-child(2n) {
	margin-right: 0px;
}
.xuanpei ul.cs li em {
	float: left;
	width: 20%;
	text-align: center;
	color: #fff;
	font-size: 20px;
	background: #000;
	border-radius: 30px 0px 30px 0px;
}
.xuanpei ul.cs li span {
	float: left;
	padding: 0px 5%;
	width: 70%;
	font-size: 20px;
	color: #000;
}
.xuanpei .xp {
}
.xuanpei .xp p {
	display: block;
	text-align: center;
	font-size: 24px;
}
/*企业文化*/
.mainpage .a_top {
	margin-bottom: 40px;
	overflow: hidden;
}
.mainpage .a_top h2 {
	margin-bottom: 20px;
}
.mainpage .a_top em {
	display: block;
	width: 534px;
	height: 9px;
	margin: 0px auto;
	background: url(../images/icon3.png) center no-repeat;
}
.mainpage .a_top p {
	display: block;
	color: #333;
	text-align: center;
	height: 45px;
	line-height: 45px;
}
.culture {
	padding: 70px 0px;
	overflow: hidden;
	width: 70%;
	margin: 0px auto;
}
.culture h2 {
	display: block;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.culture ul {
	padding-top: 30px;
	overflow: hidden;
}
.culture ul li {
	display: block;
	float: left;
	width: 25%;
	text-align: center;
}
.culture ul li em {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0px auto;
}
.culture ul li span {
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
}
.culture ul li p {
	display: block;
	line-height: 26px;
}
.scsl {
	overflow: hidden;
	padding: 70px 0px;
	background: #fff;
}
.scsl h2 {
	display: block;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.scsl .left {
	display: block;
	float: left;
	width: 50%;
}
.scsl .left ul {
}
.scsl .left ul li {
	display: block;
	float: left;
	width: 50%;
	text-align: center;
	height: 340px;
	overflow: hidden;
}
.scsl .left ul li:nth-child(1) {
	background: url(../images/g1.jpg) center no-repeat;
	background-size: 100%;
}
.scsl .left ul li:nth-child(2) {
	background: url(../images/g2.jpg) center no-repeat;
	background-size: 100%;
}
.scsl .left ul li:nth-child(3) {
	background: url(../images/g3.jpg) center no-repeat;
	background-size: 100%;
}
.scsl .left ul li:nth-child(4) {
	background: url(../images/g4.jpg) center no-repeat;
	background-size: 100%;
}
.scsl .left ul li a {
	display: block;
	font-size: 20px;
	color: #266cdc;
	line-height: 340px;
}
.scsl .left ul li:hover {
	background: linear-gradient(90deg, #5487f3 0%, #266cdc 100%);
}
.scsl .left ul li:hover a {
	/*display: block;
	font-size: 20px;
	line-height: 340px;*/
	color: #fff;	
}
.scsl .right {
	display: block;
	float: right;
	width: 40%;
	padding-right: 6%;
}
.scsl .right h2 {
	text-align: left;
	margin-top: 50px;
	margin-bottom: 30px;
}
.scsl .right .w100 {
}
.scsl .right .w100 p {
	line-height: 26px;
	text-indent: 30px;
	color: #666;
	margin-bottom: 10px;
}
.mainpage .newsview .right ul.list {
}
.mainpage .newsview .right ul.list li {
	background: url(../images/icon30.png) 17px center no-repeat;
	padding-left: 40px;
}
.mainpage .newsview .right ul.list ol {
	display: block;
	/*border-bottom: 1px solid #ededed;*/
	margin-top: 10px;
	margin-left: 17px;
	background: url(../images/icon31.png) left center no-repeat;
	padding-left: 25px;
}
.mainpage .newsview .right ul.list ol a {
	font-size: 14px;
}
.caselist {
	background: #f5f5f5;
	overflow: hidden;
	padding: 30px 0px;
}
.caselist .left h2 {
	text-align: left !important;
	margin-bottom: 30px !important;
}
.caselist .left .clist {
}
.caselist .left .clist li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
	display: block;
	overflow: hidden;
	float: left;
}
.caselist .left .clist li:nth-child(2n) {
	margin-right: 0px;
}
.caselist .left .clist li img {
	float: left;
	width: 40%;
}
.caselist .left .clist li div {
	float: right;
	width: 56%;
}
.caselist .left .clist li div a {
	font-size: 18px;
	margin-bottom: 10px;
	display: block;
}
.caselist .left .clist li div p {
	color: #666;
	line-height: 24px;
	font-size: 14px;
}
.hctzt {
	padding: 30px 0px 50px 0px;
	overflow: hidden;
}
.hctzt li {
	display: block;
	float: left;
	width: 14.4%;
	text-align: center;
	background: #fff;
	padding: 30px 2%;
	margin-right: 2%;
	border-radius: 30px;
}
.hctzt li:last-child {
	margin-right: 0px;
}
.hctzt li em {
	display: block;
	border: 1px solid #ddd;
	width: 100px;
	height: 100px;
	margin: 0px auto;
	border-radius: 50%;
	background: center no-repeat;
}
.hctzt li span {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
}
.hctzt li p {
	color: #666;
	line-height: 25px;
	min-height: 100px;
}
.hctzt li:hover {
	background: #266cdc;
}
.hctzt li:hover span, .hctzt li:hover p {
	color: #fff;
}
.hctzt li:hover em {
	border-color: #fff;
}
.hctzt li:nth-child(1) em {
	background-image: url(../images/e1.png);
}
.hctzt li:nth-child(1):hover em {
	background-image: url(../images/e1-h.png);
}
.hctzt li:nth-child(2) em {
	background-image: url(../images/e2.png);
}
.hctzt li:nth-child(2):hover em {
	background-image: url(../images/e2-h.png);
}
.hctzt li:nth-child(3) em {
	background-image: url(../images/e3.png);
}
.hctzt li:nth-child(3):hover em {
	background-image: url(../images/e3-h.png);
}
.hctzt li:nth-child(4) em {
	background-image: url(../images/e4.png);
}
.hctzt li:nth-child(4):hover em {
	background-image: url(../images/e4-h.png);
}
.hctzt li:nth-child(5) em {
	background-image: url(../images/e5.png);
}
.hctzt li:nth-child(5):hover em {
	background-image: url(../images/e5-h.png);
}
@media only screen and (max-width: 1660px) {
.scsl .left {
	width: 43%;
}
.scsl .right {
	width: 49%;
}
.scsl .left ul li {
	height: 230px;
}
.scsl .left ul li a {
	line-height: 230px;
}
.scsl .right .w100 p {
	font-size: 13px;
	line-height: 24px;
}
.scsl .right h2 {
	margin-top: 0px;
}
}
@media only screen and (max-width: 1200px) {
}
.contentxt img {
	max-width: 100%;
}

.solution-hot{
    margin-top: 70px;
    display: flex;
    justify-content: space-evenly;
}

.solution-hot li {
	padding: 5px;
}

.solution-hot li a {
	transition: all 0.5s;
	display: block;
	width: 285px;
	height: 376px;
	color: #333333;
	background: #f7f7f7;
	text-align: center;
	border: 1px solid #dddddd;
}

.solution-hot li a:hover {
	background: #0090fd;
	color: white;
	border: none;
	transition: all 0.5s;
}

.solution-hot li a:hover .info .line {
	background: white;
}
.solution-hot li a .info img {
	filter:grayscale(100%);
}
.solution-hot li a:hover .info img {
	filter: drop-shadow(-5px 2px 5px #20a465);
}
.solution-hot li a:hover .info *{
    color: #fff;
}
.solution-hot li a .info {
	padding: 42px 20px 0px 20px;
	position: relative;
}

.solution-hot li a .info img {
	height: 69px;
	position: absolute;
	top:-40px;
	left:40%;
}

.solution-hot li a .info .name {
	font-size: 20px;
	font-weight: bold;
	margin-top: 16px;
}

.solution-hot li a .info .label {
	font-size: 15px;/*16*/
	text-transform: uppercase;
	margin-top: 10px;
	text-align: left;
	line-height: 24px;
}

.solution-hot li a .info .line {
	/* width: 26px;
	height: 5px;
	background: #0a6cf5;
	margin: auto;
	border-radius: 8px;
	margin-top: 16px; */
}

.solution-hot li a .pic {
	padding-top: 40px;
}

.solution-hot li a .pic img {
	max-height: 126px;
	max-width: 240px;
}

.solution-overview {
	text-indent: 2rem;
}
.advantages-area{
    margin: 60px auto;
}
.advantages-area .title{
    margin-bottom: 50px;
}
.advantages-area .title h3{
    font-size: 34px;
    font-weight: bold;
    display: block;
    text-align: center;
    letter-spacing: 2px;
}
.advantages-area .title h3 span{
     color: #266cdc;
}
.advantages-list{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.advantages-item{
    width: 21%;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.advantages-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.advantages-item .pic{
    position: relative;
    padding-bottom: 66.66%;
    overflow: hidden;
}
.advantages-item .pic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}
.advantages-item:hover .pic img{
    transform: scale(1.1);
}
.advantages-item .info{
    background: #fff;
    padding: 20px;
    text-align: center;
}
.advantages-item .info h2{
    font-size: 26px;
    color: #2566ee;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
}
.advantages-item .info h2:after{
    content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: #ddd;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.advantages-item .info p{
    line-height: 1.6;
}