@charset "utf-8";

/*------------------通用样式-------------------*/
#alla{width: 100%;overflow: hidden;}
h1,
h2,
h3,
h6,
h5,
h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

body {
	font-family: "微软雅黑";
	background-color: #FFF;
	min-width: 320px;
}

* {
	margin: 0;
	padding: 0;
}

ul,
ol,
li {
	list-style: none
}

a {
	text-decoration: none;
	font-size: 12px;
	color: #333;
}

a:hover {
	color:#14a44d;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;height: 0;
}

form {
	display: block;
}

#all {
	min-width: 320px;
	width: 100%;
	margin: 0px auto;
	height: auto;
	overflow: hidden;
	background-color: #FFFFFF;
	min-width: 320px;
}

#alla {
	min-width: 320px;
	width: 100%;
	margin: 0px auto;
	height: auto;
	overflow: hidden;
	background: #f5f5f5;
	min-width: 320px;
}


.clearfix:before,.clearfix,.clearfix:after{
	clear: both;content: "";
}
@media (min-width: 1600px){.containersm{width: 80%;}.container-wdzj{width: 90%;}}

p,a{transition: all linear 0.3s;}
img{transition: all linear 1s;}

/*-------------------------------------------------------------------------*/
@media (max-width: 768px){
	#w_grid-1573265972119{min-height: 12rem;overflow: hidden;}	
}

/*首页开始*/
.sygs{padding-top: 8rem;padding-bottom: 8rem;}
.sygstit{
	    font-weight: bold;font-size: 36px;
}
.sygstit2{
	font-weight: bold;    font-size: 26px;    line-height: 1.8;
}
.sygsline{background: #14a44d;
    height: 2px;width: 4rem;margin-top: 1rem;margin-bottom: 2rem;}
.sygsys{font-weight: bold;    font-size: 20px;}
.sygs-dec{font-size: 14px;line-height: 2.5;word-wrap: break-word !important; word-break: break-all !important;margin: 2rem 0;}
.sygsysbtn{display: block;padding: 1rem 3rem;color: #FFFFFF;background: #14a44d;border: 1px solid #FFFFFF;    font-size: 14px;text-align: center;display: inline-block;}
.sygsysbtn:hover{background: #FFFFFF;border: 1px solid #14a44d;}
.sy-gser{padding-top: 3rem;}
.sygsimgbox{overflow: hidden;}
.sygsimgbox img{width: 100%;}
.sygsimgbox img:hover{transform: scale(1.05);}

.f-cb{color: #FFFFFF;text-align: center;
	    margin-top: 0px;
    padding-top: 46px;
    padding-bottom: 40px;
    background: url(jss.jpg);
    background-size: 100% 100%;
}
.counter{
	font-family: 'Rubik', sans-serif;
    font-size: 36px;
    color: #fff;
    line-height: 30px;
    display: inline-block;
}
.count-unit{
	font-size: 18px;
    text-align: right;
    display: inline-block;
    font-style: normal;
}
.f-cb li p{
	color: rgba(248, 248, 248, 0.7);
    font-size: 14px;
    font-family: Airal;
    line-height: 36px;
}

@media (max-width: 991px){
	.sygs{padding-bottom: 2rem;padding-top: 2rem;}
}





/*首页产品中心*/
.sy-cp{background: #f2f4f3;padding: 8rem 0;}
@media (max-width:768px){
	.f-cb
	.f-cb li{margin-bottom: 1rem;}
	.sygstit{font-size: 2.6rem;}
	.sygstit2{font-size: 1.8rem;}
	.sygsys{font-size: 1.8rem;}
	.sycp-wz{word-break: break-word !important;}
	.sy-cp{padding: 4rem 0;margin-top: 4rem;}
	.synews{    padding-top: 4rem;    padding-bottom: 4rem;}
	
}

.sycptit{font-size: 36px;line-height: 1.2;}
.sycpline{background: #14a44d;
    height: 2px;
    width: 4rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.sycp-wz{font-size: 16px;}
.sycplink{float: right;padding: 1rem 3rem;   
padding: 1rem 3rem;
    color: #14a44d;
    border: 1px solid #14a44d;
    font-size: 14px;
    text-align: center;margin-top: 2rem;
    }
.sycplink:hover{    background: #14a44d;
    border: 1px solid #FFFFFF;color: #FFFFFF;}

.sycp-ul{}
.sycp-ul li{margin-top: 4rem;}
.sycp-ul li a{display: block;}
.sycpboxnei-top{box-sizing: border-box;background: #FFFFFF;padding: 2rem;}
.sycpboxtopline{
	background: #14a44d;
    height: 2px;
    width: 4rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.sycpboxtit{font-weight: bold;font-size: 1.8rem;line-height: 2rem;height: 2rem;overflow: hidden;}
.sycpboxdec{font-size: 1.4rem;line-height: 2rem;color: #666666;height: 4rem;overflow: hidden;margin-top: 1rem;}
.sycpbox-img{overflow: hidden;}
.sycpbox-img img{width: 100%;}
.sycpbox-img img:hover{transform: scale(1.05);}




.sy-fwbox{background: url(lx.jpg) no-repeat;padding: 8rem 0;background-size: 100%;background-attachment: fixed;color: #FFFFFF;text-align: center;}
.syfwbox-bot{margin-top: 4rem;}
.syfwboxbotlist{margin-bottom: 1rem;}
.syfwboxbotlistbox{border-bottom: 1px solid #FFFFFE;}
.syfwtit{
	   font-size: 4rem;
}
.syfwline{width: 2rem;height: 2px;background: #FFFFFF;margin: 0 auto;margin-top: 2rem;margin-bottom: 2rem;}
.syfw-wz{font-size: 1.6rem;line-height: 3rem;}
.syfwboxbotlist-nei{width: 90%; display: block;font-size: 1.6rem;padding-bottom: 0.5rem;text-align: left !important;color: #FFFFFF !important;}
.syfwboxbotlist-nei:after{
	    content: '→';
    position: absolute;
    width: 15px;
    height: 100%;
    color: #fff;
    right: 17px;
    top: 0px;
}




/*首页新闻开始*/
.synews{padding-top: 8rem;padding-bottom: 4rem;}
.synewswztit{font-size: 4rem;text-align: center;}
.synewsline{text-align: center;
	background: #14a44d;margin: 0 auto;
    height: 2px;
    width: 4rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    }

.synewswz-wz{text-align: center;font-size: 16px;}


.synews-ul{margin-top: 2rem;}
.synews-ul li{margin-top: 2rem;}
.synews-ul li a{display: block;background: #ffffff;box-sizing:border-box;padding: 2rem;}
.synews-ul li a:hover{box-shadow: 3px 2px 3px #999999;}
.syewslist-tit{
	font-size: 1.8rem;color: #333333;line-height: 2rem;height: 2rem;overflow: hidden;
}
.synewslist-dec{
	font-size: 1.4rem;color: #666666;line-height: 2rem;height: 4rem;overflow: hidden;margin-top: 1rem;word-break: break-all !important;
}
.synewslist-data{
	font-size: 1.4rem;color: #666666;line-height: 2rem;margin-top: 1rem;
}



/*foot*/

.footer {
	width: 100%;
	position: relative;
	background-color: #4c4d4c;color: #ffffff;
}

.footerlf {
	text-align: right;
	
	padding-top: 3rem;
	padding-bottom: 7rem;
}

.footerlf img {
	margin-top: 42px;width: 90%;
}

.footer-zj {
	padding-top: 3rem;
	padding-bottom: 3.5rem;
}

.footer-zj ul {
	float: left;
	
	font-size: 18px;
	color: #FFFFFF;
	box-sizing: border-box;
	padding-right: 4rem;
}
.footer-zjul{
	width: 32%;
}
.footer-zj ul .foot-name {
	line-height: 20px;
	margin-bottom: 25px;
}

.footer-zj ul li {
	margin-top: 15px;
	padding-left: 35px;
}

.footer-zj ul li a {
	display: block;
	position: relative;
	color: #FFFFFF;
	font-size: 14px;
	padding-left: 20px;
	    height: 2rem;
    line-height: 2rem;
    overflow: hidden;
}

.footer-zj li a::after {
	content: '';
	width: 6px;
	height: 10px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 0;
	background: url(foot-ico.png) no-repeat;
}

.footer-zj li a:hover {
	color: #14a44d;
}

.c-btn {
	margin-top: 20px;
	margin-left: 35px;
}

.c-btn a.btn1 {
	background-color: #0173af;
}
.c-btn a.btn1:hover{
	background-color: #066394;
}
.c-btn a {
	display: inline-block;
	width: 112px;
	height: 40px;
	border-radius: 5px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	font-size: 13px;
}

.c-btn a img {
	width: 10px;
	height: 8px;
	margin-left: 10px;
	vertical-align: middle;
}

.c-btn a.btn2 {
	background-color: #269e20;
}
.c-btn a.btn2:hover{
	background-color: #168211;
}
.footerrt-bk {
	border-left: 1px solid #d5d5d8;
}
.foot-name{font-size: 16px !important;}
.footerrt-bk ul li{font-size: 14px;}
.foot-bot {
	width: 100%;
	padding: 10px 0;
	color: #FFFFFF;
	text-align: center;
	background-color: #333333;
	line-height: 150%;
	color: #fff;
	font-size: 12px;
}

.foot-bot a {
	color: #FFFFFF;
}

.foot-bot a:hover {
	color: #999999;
}


@media (max-width: 1200px){
	.footer-zjul{width: 49%;}
}
@media (max-width: 768px){
	.footerrt-bk{border: none;text-align: center;}
	.footerrt-bk ul{width: 100%;padding-right: 0;}
	.sy-fwbox{background-size:cover ;}
}



/*分页样式开始*/

.ye_ma {
	text-align: center;
	margin: 0px;
	clear: none;
	width: 100%;
	padding-top: 30px;
	font-size: 14px;
	color: #666;
}

.ye_ma a {
	line-height: 35px;
	clear: none;
	height: 35px;
	font-size: 14px;
	color: #333;
	padding: 0 15px;
	border: 1px solid #cccccc;
	border-radius: 6px;
	display: inline-block;
	margin: 0 3px;
}

.ye_ma a:hover {
	background-color: #14a44d;
	border: 1px solid #14a44d;
	color: #FFF;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	/*过渡效果*/
}


/*分页样式结束*/



/*产品列表页*/
.bannernei img{width: 100%;min-height: 12rem;}
.zxmaintop{background: #f0eeee;padding: 2rem 0;}
.cp-ul{display: flex;flex-wrap: wrap;}
.cp-ul li{margin-bottom: 0.5rem;margin-right: 0.5rem;margin-top: 0.5rem;}
.cp-ul li a{display: block;padding:0.5rem 2rem;font-size: 1.4rem;border: 1px solid #14a44d;border-radius: 1rem;}
.cpli-active a{background: #14a44d;color: #FFFFFF;}
.cp-ul li a:hover{background: #14a44d;color: #FFFFFF;}

.cpmain{padding: 8rem 0;}
.cpmain-ul li{margin-bottom: 2rem;}
.cpmain-ul li a{display: block;box-sizing: border-box;border: 1px solid #CCCCCC;}
.cpmainimg{overflow: hidden;}
.cpmainimg img{width: 100%;}
.cpmin-wz{box-sizing: border-box;border-top: 1px solid #CCCCCC;padding: 1rem;}

.cpmin-tit{
	font-size: 1.4rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 10px;
}
.cpmaindecbox{
	position: relative;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: #777;
    height:  3.8rem;
    line-height:  3.8rem;
    border-top: 1px solid #e5e5e5;
}

.cpmin-dec{color: #777;line-height: 3.8rem;}
.cpmaindecbox img{height: 8px;width: 24px;}
.cpmain-ul li a:hover{border: 1px solid #14a44d;}
.cpmain-ul li a:hover .cpmainimg img{transform: scale(1.05);}
.zxmaintopflex{display: flex;align-items: center;}
@media (max-width: 991px){
	.zxmaintopflex{display: block;}
	.zxmaintop{background: none;}
	.nei-address{
		    padding: 1rem 2rem;
    		background: #dedcdc;
	}
	.cpmain{padding: 2rem 0;}
}




/*产品内页*/
.cpmainbox{display: flex;align-items: stretch;}
.cpnei-img img{width:100%;}
.cpnei-rt h1{font-size: 2.2rem;color: #000000;font-weight: bold;line-height: 4rem;}
.cpnei-rtp{padding-bottom: 1rem;border-bottom:1px dotted #CCCCCC;margin: 2rem 0 1rem 0;font-size: 1.4rem;color: #666666;line-height: 2rem;word-break: break-word !important;}
.tagbox{}
.tagbox a{font-size: 1.4rem;color: #666666;line-height: 2rem;margin-right: 2rem;}
.cpneirt-btnbox{margin-top: 2rem;}
.cpneirt-btnbox a{
	display: inline-block;
    width: 112px;
    height: 40px;
    border-radius: 5px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
}
.cpneirt-btn1{background-color: #0173af;}
.cpneirt-btn2{background-color: #269e20;}
.cpneirt-btn2:hover{    background-color: #066394;}
.cpneirt-btn1:hover{    background-color: #168211;}
.cpneirt-btnbox a img{    width: 10px;
    height: 8px;
    margin-left: 10px;
    vertical-align: middle;
}

.cpnei-bot{margin-top: 3rem;}
.cpneibotbox{border-bottom: 1px solid #CCCCCC;}
.cpneiboxtit{
	display: inline-block;color: #ffffff;background: #14a44d;font-size: 1.4rem;text-align: center;padding: 1rem 2rem;
}

.cpneiboxt-dec{margin-top: 2rem;font-size: 1.4rem;line-height: 3rem;color: #333333;text-indent: 2rem;}


@media (max-width: 991px){
	.cpmainbox{display: block;}
	.cpnei-rtp{margin-top: 1rem;}
}






/*新闻列表页*/
.cpmain{padding-top: 5rem;padding-bottom: 5rem;}
.newsneilist{display: flex;border: 1px solid #CCCCCC;margin-bottom: 2rem;align-items: stretch;box-sizing: border-box;padding: 2rem 0;}
.newslistboxlf img{width: 100%;}
.newslisttit{margin-top: 2rem;margin-bottom: 2rem; font-size: 2rem;color: #000000;font-weight: bold;line-height: 2rem;height: 2rem;overflow: hidden;}
.newslistdec{font-size: 1rem;color: #666666;height: 2rem;height: 4rem;overflow: hidden;}
.newslistdata{font-size: 1rem;color: #666666;margin-top: 1rem;}
.newsneilist:hover .newslistboxlf img{transform: scale(1.05);}
.newsneilist:hover .newslisttit{color: #14a44d;}


@media (max-width: 991px){
	.newsneilist{display: block;}
}


/*新闻内页*/
.newsneiimg{text-align: center;margin: 2rem 0;}
.newsneiimg img{width: 30%;}
.newsnei-top{
	padding: 2rem 0;border-bottom: 1px solid #CCCCCC;text-align: center;
}
.newsnei-top h1{font-size: 2.2rem;color: #000000;font-weight: bold;line-height: 4rem;}
.newsnei-top p{font-size: 1.2rem;color: #666666;line-height: 4rem;}
.newsnei-main{
	    margin-top: 2rem;
    font-size: 1.4rem;
    line-height: 3rem;
    color: #333333;
    text-indent: 0rem ;
}
.newsnei-main p{word-wrap: break-word !important;word-break: break-word !important;}

.hzfm {width:100%; overflow:hidden}

/* 动画效果 */
#sygslf,#sycptoplf{position: relative;left: -100%;opacity: 0;}
#sygsrt,#sycptoprt{position: relative;right: -100%;opacity: 0;}
#sysz,#sycptop,#synewstit,#synewsul{position: relative;top: 100px;opacity: 0;}



.newsnei-main table img{ margin-bottom: 10px;}



/*联系我们*/

.gsjingzheng{ width:1400px;text-indent: 0rem;margin-left: auto;
    margin-right: auto;}

.gsjztit{text-align: center;
font-size: 4rem;
font-weight: bold;
}
.gsjzhz{
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
}
.gsjzhzlist{
	width: 19%;
}
.gsjzhzimg{
	width: 100%;
	overflow: hidden;
}
.gsjzhzimg img{
	width: 100%;
	transition: all 0.3s ease;
}
.gsjzhzlist:hover img{
	transform: scale(1.1);
}
.gsjzhzlistwz{
	width: 100%;
	font-size: 1rem;
	font-weight: bold;
	margin-top: 1rem;
	text-align: center;
}
.gszjbot{
	width: 100%;
	background: url(gszjbjimg.jpg) no-repeat;

}
.gszjbotbox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.gszjbotboxlist{
	width: 30%;
}
.gszjbotboxicon{
	margin: 0 auto;
	width: 70px;
	height: 70px;
	border: 2px solid #162c86;
	border-radius: 50%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px;
	background-color: #fff;
}
.gszjbotboxicon img{
	width: 100%;
}
.gszjbotboxtit{
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	color: #162c86;
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.gszjbotboxwz{
	font-size: 1rem;
	line-height: 2rem;
	text-align: center;
}

@media (max-width:992px) {
	.gszjbot{
		background-size: cover;
	}
	
}

@media (max-width:768px) {
	.gszjbot{
		background-size: cover;
	}
	.gsjzhz{flex-wrap: wrap;}
	.gsjzhzlist{width: 50%;margin-bottom: 2rem;}
	.gsjzhzlistlast{width: 100%;}
	.gszjbotboxlist{width: 100%;margin-bottom: 2rem;}
}
.lxbox{
	display: flex;
	flex-wrap: wrap;
	margin-top: 4rem;
}
.lxboxlf{
	width: 50%;
	background-color: #eff1f5;
	box-sizing: border-box;
	padding: 5rem;
}
.lxboxrt{
	width: 50%;
}
.lxboxrt img{
	width: 100%;
}
.lxboxlfp1{
	font-size: 1.6rem;
	font-weight: bold;
	color: #269e20;font-weight: bold;
	
}
.lxboxlfp2{
	font-size: 1.5rem;
	margin-top: 1rem;
	color: #666;
}
.lxfs{
	margin-top: 2rem;
}
.lxfswz{
	font-size: 1.6rem;
	line-height: 3rem;
    margin-bottom: 1rem;
}
.lxfswz span{
	font-weight: bold;
	margin-right:2px;
}
.lxtel{
	font-size: 2rem;
	margin-left: 10px;
}
	.lx{ display:none;}
@media (max-width:992px) {
	.lxboxrt{width: 100%;}
	.lxboxlf{width: 100%;padding: 2rem;}
	.lxtel{font-size: 1rem;}
	.gsjingzheng{ display:none;}
		.lx{ display:block;}
		.text{ display:none;}
		.pagination-all{ display:none;}
	
}

/*案例*/

       
        .container2 {
            width: 100%;
            max-width: 1400px;
            padding: 20px;margin-left: auto;margin-right: auto;
        }
        
        .bt {
            text-align: center;
            color: #2c3e50;
            
            font-size: 4rem;
           
        }
        .synewsline11{text-align: center;
    background: #14a44d;
    margin: 0 auto;
    height: 2px;
    width: 4rem;
    margin-top: 1rem;
    margin-bottom: 2rem;}
        .scroller-container {
            position: relative;
            width: 100%;
            overflow: hidden;
            margin: 30px 0;
            padding: 15px 0;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.5);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        }
        
        .scroller-mask {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            pointer-events: none;
            z-index: 2;
        }
        
        .scroller-mask::before,
        .scroller-mask::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100px;
            z-index: 2;
        }
        
        .scroller-mask::before {
            left: 0;
            background: linear-gradient(to right, rgba(245,247,250,1) 0%, rgba(245,247,250,0) 100%);
        }
        
        .scroller-mask::after {
            right: 0;
            background: linear-gradient(to left, rgba(245,247,250,1) 0%, rgba(245,247,250,0) 100%);
        }
        
        .image-scroller {
            display: flex;
            animation: scroll 30s linear infinite;
            padding: 10px 0;
        }
        
        .image-scroller:hover {
            animation-play-state: paused;
        }
        
        .image-item {
            flex: 0 0 auto;
            width: 400px;
            height: 300px;
            margin: 0 15px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        
        .image-item:hover {
            transform: scale(1.05);
        }
        
        .image-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        .controls {
            display: flex;
            justify-content: center;
            margin-top: 20px;
            gap: 15px;
        }
        
        .control-btn {
            background: #2c3e50;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 30px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: 500;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .control-btn:hover {
            background: #3498db;
            transform: translateY(-2px);
        }
        
        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(calc(-300px * 10 - 15px * 20));
            }
        }
        
        @media (max-width: 768px) {
            .image-item {
                width: 250px;
                height: 180px;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            @keyframes scroll {
                0% {
                    transform: translateX(0);
                }
                100% {
                    transform: translateX(calc(-250px * 10 - 15px * 20));
                }
            }
        }
        
        @media (max-width: 480px) {
            .image-item {
                width: 200px;
                height: 150px;
            }
            
            h1 {
                font-size: 1.7rem;
            }
            
            .scroller-mask::before,
            .scroller-mask::after {
                width: 50px;
            }
            
            @keyframes scroll {
                0% {
                    transform: translateX(0);
                }
                100% {
                    transform: translateX(calc(-200px * 10 - 15px * 20));
                }
            }
        }




.liuyanui{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.msgitem{
	width: 49%;
	font-size: 1rem;
	padding: 0.5rem;
	margin-top: 1rem;
	border-radius: 2px;
	background-color: #eff1f5;
}
.msgitem input{
	color: #333;
	line-height: 4rem;
	width: 100%;
	border: none;
	font-size: 2rem;
	background: none;
}
.msgitem textarea{
	color: #333;
	line-height: 5rem;
	width: 100%;
	border: none;
	font-size: 1rem;
	background: none;
}
.liuyantit{
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
}
.liuyan{
	padding: 4rem 0;
}
.msgitembtn{
	margin-top: 2rem;
	width: 100%;
	text-align: center;
}
.liuyansubbtn{
	margin: 0 auto;
	background-color: #269e20;
	color: #fff;
	line-height: 4.5rem;
	width: 24rem;
	border: none;
	font-size: 2.1rem;

}
.liuyansubbtn:hover{
	background-color: #f7a82f;
}
.msgstrck{
	width: 10rem!important;
	border-bottom: 1px solid #666 !important;
	display: inline-block;
}

.yzmbox {
    display: flex;
    align-items: flex-end;
}