.header{
    height:1.55rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.logo_head{
    width:2.23rem;
    height:.95rem;
}
.nav_header{
    height:1.55rem;
}
.nav_header>li {
    background:url(../images/icon01.png) no-repeat center;
    background-position-x: 1.8rem;
    width:2.36rem;
    height:1.55rem;
    line-height: 1.55rem;
    text-align: center;
    position: relative;
    z-index: 99;
}
.nav_header>li>a{
    padding:.16rem 0;
    cursor: pointer;
    position: relative;
}
.nav_header>li>a .border{
    display: block;
    position: absolute;
    top:0;
    left:.13rem;
    width:.7rem;
    height:.6rem;
}
.nav_header>li:hover a , .nav_header>li>a.active{
    border-bottom: 2px solid #0a8840;
}
.nav_header>li:hover{
    background:none;
}
.nav_header>li:hover .nav_header_children{
    display: block;
}
.nav_header_children{
	margin-top: -.02rem;
    background:rgba(10,136,64,.8);
    padding:1px;
    display: none;
    position:relative;
    z-index:99;
}
.nav_header_children li{
    height:.68rem;
}
.nav_header_children li a{
    color:#fff;
    height:.68rem;
    line-height: .68rem;
    display: block;
}
.nav_header_children li a:hover{
    background:rgba(255,255,255,.8);
    color:#0a8840;
}
.index_about{
    padding:1rem 0;
}
.video_index{
    width:6.8rem;
    height:4.14rem;
    background:#0a8840;
    object-fit: fill;
}
.index_about_right{
    width:6.2rem;
    padding:0 0 .48rem .6rem;
}
.index_about_right_title{
    width:2.61rem;
    height:.57rem;
}
.index_about_right p{
    margin:.3rem 0;
}

.w1300{
    width:13rem;
    margin:0 auto;
}
.more{
    display: block;
    width:2rem;
    height:.5rem;
    line-height: .5rem;
    border:1px solid #0a8840;
    border-radius: 15px;
    text-align: center;
}
.more:hover{
    background:#0a8840;
    color:#fff;
}

.index_news{
    width:19.8rem;
    height:6.9rem;
    background:url(../images/bg001.jpg) no-repeat ;
    background-size:100% 100%;
    padding-top:.67rem;
}
.index_news>.w1300{
    padding-top:.58rem;
    position: relative;
}
.index_news_title{
    width:2.29rem;
    height:.54rem;
    position: absolute;
    top: .9rem;
    left:.2rem;
}
.slide_left{
    width:4.1rem;
    height:2.9rem;
    padding-top:1.5rem;
    margin-left:.2rem;
}
.slide_left .last{
    margin:.2rem 0;
}
.swiper-slide>img{
    width:8.14rem;
    height:5.06rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin-bottom:.18rem;
    display: block;
    background:#0a8840;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    left:4.6rem;
    bottom:.7rem;
}


.index_case_title{
    width:6.55rem;
    height:.59rem;
    margin:.6rem auto ;
}
.index_case_list li{
    width:4rem;
    text-align: center;
    background:#f5f5f5;
    float:left;
    margin-right: .5rem;
    height:4.2rem;
    overflow: hidden;
}
.index_case_list_box{
    transition: margin-top .6s;
    -moz-transition: margin-top .6s;	/* Firefox 4 */
    -webkit-transition: margin-top .6s;	/* Safari 和 Chrome */
    -o-transition: margin-top .6s;	/* Opera */
}
.index_case_list li:hover .index_case_list_box{
    margin-top:-.7rem;
}
.index_case_list li:last-child{
    margin-right: 0;
}
.index_case_list_cont{
    padding:0 .2rem;
}
.index_case_list li a{
    text-align: center;
}
.index_case_list_cont .last{
    height: 1.2rem;
    display: flex;
    align-items: center;
}
.index_case_list_cont>a{
    margin-top: .1rem;
    display: inline-block;
    width:1.94rem;
    background:#0a8840;
    color:#fff;
}
.index_case_list li .fs26>a{
    color:#212121;
    font-size: .26rem;
}
.index_case_list li img{
    width:4rem;
    height:3rem;
}
.index_case>.more{
    margin:.6rem auto;
}

.footer{
    background:#2e3339;
    width:100%;
    padding:.6rem 0;
    color:#fff;
    font-size:.22rem;
    line-height: 2;
}
.foot-cont{
}
.foot-left{
    width:5rem;
}
.foot-center{
    width:2.8rem;
    text-align:center;
    margin-left:.12rem;
}
.foot-right{
    width:3.5rem;
}
.foot-right li a{
    color:#fff;
}
.footWx{
    width:1.3rem;
    height:1.3rem;
    display: inline;
}
.footer_bar{
    background:#15181f;
    height:2.26rem;
    width:100%;
    text-align: center;
    line-height: 2.26rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer_bar img{
    display: inline-block;
    width:3.78rem;
    height:.9rem;
}

.nav{
    height: 1.2rem;
}
.nav ul{
    height: 1.1rem;
}
.nav ul li{
    float:left;
    margin-right: .36rem;
}
.nav ul li a{
    display: block;
    font-size:.22rem;
    color:#212121;
    font-weight: bold;
    line-height:1.2rem;
    height:1.1rem;
}
.nav ul li a:hover , .nav ul li .active{
    color:#0a8840;
    border-bottom:.05rem solid #0a8840;
}
.position{
    color:#212121;
    font-size: .14rem;
    line-height: 1.2rem;
    display: flex;
    align-items: center;
}
.position a{
    font-size: .22rem;
    color:#212121;
    font-weight: bold;
}
.position img{
    display: inline;
    width:.2rem;
    margin:0 .1rem;
}
.position a img{
    display: inline;
    width:.18rem;
}
.position a:last-child{
    color:#0a8840;
}

/* 关于我们 */
.container{
    background:#f4f4f4;
}
.container_title{
    line-height: 3;
}
.container_p{
    text-indent: 2em;
    line-height: 2;
}


.case_top{
	width:13rem;
	height:2.42rem;
	background:url(../images/cont001.jpg) no-repeat 100%/100%;
	padding: .5rem;
}
.case_arc_box{
	margin-top: .2rem;
}
.case_arc_right{
	width:5.3rem;
	height:7rem;
	background:#fff;
	padding:1rem .8rem;
}
.case_arc_right p{
	margin-top: .2rem;
}

.case_list li{
    width:4rem;
    height:4rem;
    text-align: center;
    background:#fff;
    float:left;
    margin-top: .4rem;
    margin-right: .5rem;
    overflow: hidden;
}
.case_list_box{
    transition: margin-top .6s;
    -moz-transition: margin-top .6s;	/* Firefox 4 */
    -webkit-transition: margin-top .6s;	/* Safari 和 Chrome */
    -o-transition: margin-top .6s;	/* Opera */
}
.case_list li:hover .case_list_box{
    margin-top:-.81rem;
    background:#0a8840;
    color: #fff;
}
.case_list li:hover h1 , .case_list li:hover a{
	color:#fff;
}
.case_list li:hover .last{
	border-color: #fff;
}
/*.case_list li:hover .case_list_cont{
	padding: .7rem .2rem 0 .2rem ;
}*/
.case_list li:nth-child(3n){
    margin-right: 0;
}
.case_list_cont{
	height: 1.8rem;
    padding: 0 .2rem ;
    position: relative;
}
.case_list_cont h1{
	height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.case_list li a{
    text-align: center;
}
.case_list_cont .last{
    margin:.1rem auto;
	width: 1.3rem;
	padding:.15rem .24rem;
	border-top: 1px solid #0a8840;
}
.case_list_cont>a{
	position: absolute;
	bottom: 0;
	left: 0;
    display: block;
    width:100%;
    height: .64rem;
    line-height: .64rem;
    background:#ff9c01;
    color:#fff;
}
.case_list li img{
    width:4rem;
    height:3rem;
}
.case_cont_box h1{
	margin-top: .3rem;
	text-align: center;
	line-height: 4;
}

/*分页*/
.dede_pages{
	text-align: center;
	margin:.4rem 0;
	height:.36rem;
}
.dede_pages img{
	display: inline-block;
	vertical-align: middle;
}
.dede_pages a{
	margin-right: .34rem;
    padding: 0 .13rem;
	height:.36rem;
	line-height: .36rem;
	display: inline-block;
	text-align: center;
}
.pagelist .thisclass{
	color: #fff;
	background: #0a8840;
	border-radius: .18rem;
}


.honor_list{
	height: 1.04rem;
}
.honor_list_box{
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	left: 0;
	transition:left 1s;
	-moz-transition:left 1s;/* Firefox 4 */
	-webkit-transition:left 1s;/* Safari and Chrome */
	-o-transition:left 1s;/* Opera */
}
.honor_list li{
	/*float: left;
	width:2rem;*/
	height:1.04rem;
	background:#fff;
}
.honor_list li a{
	display: block;
	width:2rem;
	height:1.04rem;
	line-height: 1.14rem;
	text-align: center;
	font-size: .52rem;
	color:#0a8840;
	font-family: metalgearsolid;
	border-right: 1px solid #fff;
}
.honor_list li a:hover , .honor_list li.active a{
	background:#0a8840;
	color:#fff;
}
.honor_list_btn{
	display: block;
	width: 1rem;
    height: 1.04rem;
    line-height: 1.04rem;
    text-align: center;
    background:#fff;
    position: absolute;
    top: 0;
    right: 0;
}
.honor_list_btn img{
	display: inline;
	vertical-align: middle;
}
.honor_cont img{
	width: auto;
	display: inline-block;
}
.honor_cont{
	padding:.38rem .28rem;
}


.ecology_box1{
    width: 100%;
    height:7.56rem;
    background:url(../images/ecology21.jpg) no-repeat 100%;
}
.ecology_left{
	margin-top: .8rem;
}
.video_ecology{
    width:5.5rem;
    height:3.3rem;
    margin-top: .76rem;
    object-fit: fill;
}
.ecology_right{
    margin-top:-1.06rem;
    width:5.72rem;
    height:7.45rem;
    line-height: 2.2;
    background:url(../images/ecology22.jpg) no-repeat 100% 100%;
    padding:1.3rem .7rem;
    color:#fff;
    position: relative;
}
.ecology_right a{
    position: absolute;
    bottom: 1.1rem;
    right:.9rem;
    width:1.9rem;
    height:.58rem;
    line-height: .58rem;
    text-align: center;
    border:.01rem solid #fff;
    border-radius: 15px;
    font-size: .22rem;
    color:#fff;
}
.ecology_box1,.ecology_box2,.ecology_box3{
	background: #fff;
}
.ecology_box2{
	margin: .6rem 0;
	padding: .6rem 0;
}
.ecology_box2_list{
	margin-top:.4rem;
	display: flex;
	justify-content: space-between;
}
.ecology_box2_list li{
	background:#f0f0f0;
	padding:.18rem;
	width:4.1rem;
	float: left;
}
.ecology_box2_list li img{
	height: 1.92rem;
}
.ecology_box2_list li a, .ecology_box2_list li p{
	color:#212121;
	text-align: center;
}
.ecology_box2_list li a {
    font-weight: bold;
    line-height: .6rem;
	display: block;
}
.ecology_box2_list li:hover a {
    color:#0a8840;
}
.ecology_box2_list .date {
    font-family: metalgearsolid;
}
.ecology_box2_list .more {
    width: 1.9rem;
    height: .58rem;
    font-weight: normal;
    line-height: .58rem;
    text-align: center;
    border: .01rem solid #959393;
    border-radius: 15px;
    font-size: .22rem;
    color: #212121;
}
.ecology_box2_list .more:hover{
	color:#fff;
	border-color: #0a8840;
}

.ecology_box3{
	padding: .6rem 0;
}




.ecology_cont{
}
.ecology_cont_title{
	margin-left: -.7rem;
}.ecology_cont_box_top{	width: 100%;	padding: .5rem 5%;	color: #fff;	background: url(../images/ecology08.jpg) no-repeat center/cover;	line-height: 2;	letter-spacing: 1px;	display: flex;	justify-content: space-between;}.ecology_cont_box_top .left{	width: 85%;}.ecology_cont_box_top h2{	margin-bottom: .08rem;}.ecology_cont_box_top .left .bottom .imgBox{	display: inline-block;	width: 2.35rem;	height: 1.62rem;}.ecology_cont_box_top .left .bottom p{	display: inline-block;	width: 12rem;	padding-top: .36rem;}.ecology_cont_box_top .right{	width: 14%;	padding-top: 1.4rem;}
/*.ecology_cont img{
	width:auto;
}*/.ecology_cont_box_bottom{	width: 13rem;	margin: 0 auto;	padding: .5rem 0 1rem;	text-align: center;}.ecology_cont_box_bottom h2{	display: inline-block;	margin-bottom: .6rem;	padding: 0 .16rem .2rem;	background: url(../images/ecology09.png) no-repeat bottom;	letter-spacing: 1px;	background-size: 100%;}.ecology_business_box{	width: 100%;	padding: .5rem 0;	background: #f4f4f4; }.ecology_business{	width: 100%;	padding: 1rem 5% .5rem;	background: url(../images/ecology_business03.png) no-repeat;	background-size: 100% 100%;}.ecology_business .w1300{	width: 13rem;	margin: 0 auto;}.ecology_business .left{	float: left;}.ecology_business h2{	display: inline-block;	font-size: .36rem;	letter-spacing: 2px;	margin-bottom: .4rem;	padding-bottom: .1rem;	color: #fff;	background: url(../images/ecology_business02.png) no-repeat bottom;	background-size: 100%;}.ecology_business h2 span{	font-size: .16rem;	color: #afafaf;}.ecology_business .imgBox{	width: 5rem;}.ecology_business .right{	float: right;	width: 7.9rem;}.ecology_business .right video{	width: 100%;	object-fit: fill;}
.ecology_cont_jianli{
	width:100%!important;
}
.ecology_cont_box_l{
	width:7rem;
}
.ecology_cont_box_r{
	width:6.4rem;
	text-align: center;
}

.ecology_case_list{
	background:#fff;
	padding:0 .8rem;
}
.ecology_case_list li {
	border-bottom: .01rem dashed #CECECE;
	padding:.6rem 0;
}
.ecology_case_list_left{
	width:4.05rem;
	/*padding-top:.5rem;*/
}
/*.ecology_case_list_left img{
	width:auto;
}*/
.ecology_case_list_right{
	width:6.7rem;
}
.ecology_case_list_right h1{
	line-height: 1.5;
	display: inline-block;
	border-bottom: .01rem solid #0a8840;
	margin-bottom: .3rem;
}
.ecology_case_list_title{
	display: inline-block;
	background:#0a8840;
	color:#fff;
	padding:0 .2rem;
	margin-right: .1rem;
	-webkit-transform: skew(-15deg, 0deg);
    -moz-transform: skew(-15deg, 0deg);
    -ms-transform: skew(-15deg, 0deg);
    -o-transform: skew(-15deg, 0deg);
    transform: skew(-15deg, 0deg);
}
.ecology_case_list_title span{
	display: inline-block;
	-webkit-transform: skew(15deg, 0deg);
    -moz-transform: skew(15deg, 0deg);
    -ms-transform: skew(15deg, 0deg);
    -o-transform: skew(15deg, 0deg);
    transform: skew(15deg, 0deg);
}

.ecology_news_list{
	background:#fff;
	padding:0 .35rem;
}
.ecology_news_list li {
	border-bottom: .01rem solid #CECECE;
	padding:.44rem 0;
}
.ecology_news_list_left{
	width:4.57rem;
}
.ecology_news_list_right{
	width:4.57rem;
	padding-top:.1rem;
}
.ecology_news_list_right img{
	width:auto;
}
.ecology_news_list_right{
	width:6.7rem;
}
.ecology_news_list_right p{
	color: #212121;
	line-height: .4rem;
}
.ecology_news_list_right .date{
	color: #212121;
	line-height: .6rem;
}
.ecology_news_list_right a{
	color: #212121;
	font-weight: bold;
	line-height: .6rem;
}
.ecology_news_list_right:hover  a{
	color: #0a8840;
}
.ecology_news_list_right .date{
	font-family: metalgearsolid; 
}



.article{
	padding:.5rem .7rem;
	background:#fff;
}
.article .date{
	font-family: metalgearsolid; 
	line-height: .8rem;
	color:#212121;
}



.contact_left{
	width:4.2rem;
	height:6rem;
	background:#e7eeea;
	padding:.6rem .4rem;
}
.contact_list{
	padding:.2rem .4rem;
	background:#fff;
}
.contact_list li{
	float:left;
	width:2.08rem;
	height:3.1rem;
	padding:.06rem .05rem;
	border:.01rem solid #c5c5c5;
	margin-right: .73rem;
	position: relative;
}
.contact_list li:last-child{
	margin-right: 0;
}
.contact_list_box{
	height:2.96rem;
	border:.01rem solid #c5c5c5;
	text-align: center;
}
.contact_list_box .icon{
	width:1.05rem;
	display: inline-block;
}
.contact_list_box_t{
	line-height: 3;
}
.contact_list p{
	text-align: center;
	color: #212121;
}
.contact_list_box_bottom{
	width:.22rem;
	position: absolute;
	bottom: .22rem;
	left: .93rem;
}


.culture_list{
	margin:.44rem 0;
}
.culture_list li{
	float:left;
	background:#fff;
	margin-right: .35rem;
	margin-bottom: .35rem;
}
.culture_list li:nth-child(3n){
	margin-right: 0;
}
.culture_list li img{
	width:4.1rem;
	height: 3.07rem;
}
.culture_list li p{
	text-align: center;
	line-height: 5;
	color:#212121;
}
.culture_list li a:hover p{
	color:#0a8840;
}

.culture_box{
	background:#fff;
}
.culture_box_list_date{
	margin-left: -.15rem;
	display: inline-block;
	background:#cc3333;
	color:#fff;
	padding:0 .2rem;
	margin-right: .1rem;
	-webkit-transform: skew(50deg, 0deg);
    -moz-transform: skew(50deg, 0deg);
    -ms-transform: skew(50deg, 0deg);
    -o-transform: skew(50deg, 0deg);
    transform: skew(50deg, 0deg);
}
.culture_box_list_date span{
	display: inline-block;
	-webkit-transform: skew(-50deg, 0deg);
    -moz-transform: skew(-50deg, 0deg);
    -ms-transform: skew(-50deg, 0deg);
    -o-transform: skew(-50deg, 0deg);
    transform: skew(-50deg, 0deg);
}
.culture_box_list{
	width:11.87rem;
	margin:0 auto;
	border:.01rem solid #cc3333;
	border-radius: .3rem;
	padding-top: .3rem;
    margin-top: -.3rem;
}
.culture_box_list li{
	float:left;
	width:5.4rem;
	padding:.22rem .3rem;
	margin-right: 1rem;
	margin-bottom: .2rem;
}
.culture_box_list li:hover a{
	color:#0a8840;
}
.culture_box_list li:nth-child(2n){
	margin-right: 0;
}
.culture_box_list li img{
	width:4.59rem;
	height: 2.57rem;
}
.culture_box_list li a{
	font-weight: bold;
	color:#212121;
	line-height: 3;
}
.culture_box_list_cont{
	color:#212121;
	line-height: 1.8;
	margin-bottom: .1rem;
}
.culture_article{
	padding:.55rem .35rem;
}
.culture_article .date{
    font-family: metalgearsolid;
    line-height: .8rem;
    color: #212121;
}


.responsibility_list{
	background:url(../images/responsibility01.png) no-repeat 100%;
}



.join_list{
	width:100%;
}
.join_list li{
	width:100%;
	margin-bottom: .16rem;
	background:#fff;
	padding-left:.5rem;
	line-height: 1.3rem;
	position: relative;
}
.join_list_box{
	display: none;
	padding:0 .5rem .5rem 0;
}
.join_list_box>div{
	width:45%;
}
.join_list h2{
	color: #212121;
	font-size: .18rem;
}
.join_list p{
	color: #212121;
	font-size: .18rem;
	line-height: 2;
}
.join_list li .btn{
	width:1.42rem;
	height:1.3rem;
	background:#0a8840;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.join_list li .btn img{
	vertical-align: middle;
	display: inline;
	width:.5rem;
}
.join_list_title{
    font-weight: bold;
}
.join_list_title span{
    font-weight: normal;
    font-size:12px;
    color:#212121;
    margin-left:38px;
}





.history_list li{
	width: 50%;
	padding:.3rem .9rem .8rem;
	position: relative;
}
.history_list li p{
	line-height: 2;
	font-size:.18rem;
	color:#212121;
}
.history_list li h1{
	margin-bottom: .2rem;
}
.history_list .round{
	position: absolute;
	top:0;
	width:1.16rem;
	height:1.16rem;
}
.history_list li:nth-of-type(odd){
	margin-left: 50%;
	border-left: 1px dashed #c9c9ca;
}
.history_list li:nth-of-type(odd) .round{
	left: -0.58rem;
}
.history_list li:nth-of-type(even){
	border-right: 1px dashed #c9c9ca;
}
.history_list li:nth-of-type(even) p , .history_list li:nth-of-type(even) h1{
	text-align: right;
}
.history_list li:nth-of-type(even) .round{
	right: -0.58rem;
}


.rongyu_list>li{
	border-left: 1px solid #c9c9ca;
	position: relative;
	padding:.36rem .8rem;
}
.rongyu_list>li:first-child .rongyu_list_child{
	display:block;
}
.rongyu_list_title{
	padding-bottom: .5rem;
}
.rongyu_list .round{
	position: absolute;
	top:0;
	left: -0.58rem;
	width:1.16rem;
	height:1.16rem;
	cursor: pointer;
}
.rongyu_list_child_title{
	padding:.08rem .16rem;
	line-height: 1.2;
	text-align: center;
}
.rongyu_list_short{
	margin-left: .46rem;
}
.rongyu_list_child_img{
	width:2.76rem;
	height:2.05rem;
	background:#fff;
	padding:.28rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rongyu_list_child_img img{
	width: auto;
	max-width: 100%;
	max-height: 100%;
}
.rongyu_list_child{
	margin:.2rem 0;
	display: none;
}
.rongyu_list_child li{
	width:2.76rem;
	height:2.7rem;
	margin-top: .1rem;
	margin-right: .1rem;
	float: left;
}
.rongyu_list_child li:nth-child(4n){
	margin-right: 0;
}


.good_list_top{
	height: 5.66rem;
}
.good_list_top>a>img{
	width:6.39rem;
	height:5.66rem;
}
.good_list_top_cont{
	width:6.4rem;
	height: 5.66rem;
	padding: .6rem; 
	position: relative;
}
.good_list_top_cont a{
	background:#0a8840;
	color: #fff;
	padding:.12rem .26rem;
}
.good_list_top_cont p{
	color: #212121;
	line-height: 1.8;
	padding:.28rem;
}
.good_list_top_cont>a>img{
	position: absolute;
	bottom: .22rem;
	left: 0;
}

.good_list{
	margin-top: .5rem;
}
.good_list li{
	background: #fff;
	width:4.04rem;margin-right:.44rem;margin-bottom:.44rem;float:left;
}
.good_list li:nth-child(3n){
margin-right:0;
}
.good_list li:hover a{
	color:#0a8840;
}
.good_list li>a>img{
	width:4.04rem;
	height:2.74rem;
}
.good_list_cont{
	padding:.14rem; .1rem;
}
.good_list_cont a{
	display: block;
	height: .7rem;
	font-weight: bold;
}
.good_list_cont p{
	color: #212121;
}

.imgBig{
	visibility:hidden;
	position: fixed;
	top:0;
	left:0;	
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding:2%;
	background:rgba(0,0,0,0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}
.imgBigCont{
	max-width: 100%;
	max-height:100%;
	width:auto;
}

.zizhi li{
    	background: #fff;
    	margin-right: .38rem;
    	width: 4.07rem;
        margin-top: .4rem;
        float: left;
    	}
.zizhi li:nth-child(3n){
    	margin-right: 0;
}
.zizhi_img{
    	width: 4.07rem;
	height: 3.12rem;
	padding: .4rem .28rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.zizhi_img img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}