.index_top .container_header {
	padding-top:60px;
	margin-bottom: 40px;
}

.clearfix_top {
	    width: 1170px;
    margin: 0 auto;
}

.index_top .container_header .title {
	color:#333;
	font-size:24px;
	font-weight:600;
	text-align: center;
	    line-height: 58px;
}

.index_top .container_header .title ma {
	color:#816753;
}

.index_top .container_header .title {
	    background: url(/static/upload/image/20210319/1616129926771311.png)no-repeat center center;
		    width: 457px;
    height: 58px;
	    margin: 0 auto;
}

.index_1 {
	   background: url(/static/upload/image/20201214/1607928180250303.png)no-repeat center center;
	        height: 549px;
}
.index_1_l {
		width: 49%;
    float: left;
}
.index_1_r {
	width: 49%;
    float: right;
}


.index_1_l .xiao_index li{height: 51px;float: left;list-style: none;margin:10px 1% 0 1%;text-align: center;line-height: 40px;border-radius: 5%;    font-size: 16px;    line-height: 40px;}
.index_1_l .xiao_index li:first-child{
	background: url(/static/upload/image/20201214/1607924425686655.png)no-repeat center center;
    width: 98px;
    height: 51px;
	}
		.index_1_l .nr li:first-child{display: block;}
		.index_1_l .nr{width: 100%;margin: 0 auto;margin-top: 50px;overflow: hidden;    margin-bottom: 10px;}
		.index_1_l .nr li{
			width: 100%;
    height: 190px;
    line-height: 24px;
    float: left;
    text-align: left;
    list-style: none;
    display: none;
    font-size: 14px;
    color: #666;
    margin-top: 20px;
		}

.more_index img{
	     width: 110px;
    float: right;
}


.index_2 {
	background-color:#f5f5f5;
	    border-top: 2px solid #816753;
}


.index_2_l .xiao_index2 li{height: 40px;float: left;list-style: none;text-align: center;line-height: 40px;border-radius: 5%;    font-size: 16px;    line-height: 40px;color: #666;}
.index_2_l .xiao_index2 li:first-child{
	background: #816753;
    height: 40px;
	color: #fff;
	}
		.index_2_l .nr2 li:first-child{display: block;}
		.index_2_l .nr2{width: 100%;margin: 0 auto;margin-top: 50px;overflow: hidden;    margin-bottom: 10px;}
		.index_2_l .nr2 li a{width: 100%;}
		.index_2_l .nr2 li{
			width: 100%;
     height: auto;

    display: none;
   
    margin-top: 20px;
	padding-bottom: 60px;
		}
		
		
		
		
		



.index_3_l .xiao_index3 li{height: 60px;float: left;list-style: none;text-align: center;line-height: 60px;border-radius: 5%;    font-size: 16px;    line-height: 60px;color: #666;}
.index_3_l .xiao_index3 li:first-child{
	background: #fff;
    height: 60px;
	color: #816753;
	}
		.index_3_l .nr3 li:first-child{display: block;}
		.index_3_l .nr3{width: 100%;margin: 0 auto;margin-top: 0px;overflow: hidden;    margin-bottom: 10px;}
		.index_3_l .nr3 li a{width: 100%;}
		.index_3_l .nr3 li{
			width: 100%;
     height: auto;

    display: none;
   
    margin-top: 0px;
	padding-bottom: 60px;
		}
		
.index_3_r {
		    width: 20%;
    background-color: #816753;
    height: 80px;
    float: left;
		}

.xiao_index3 {
	width: 100%;
    height: 60px;
    background-color: #f5f5f5;
	    border-top: 2px solid #816753;
}		
		
		
.parent_l .parent_img{
		width: 120px;
		margin: 0 auto;
    display: block;
}	

.parent_l {
	width: 20%;
    background-color: #816753;
    float: left;
	height: 366px;
	    position: relative;
}	
		
	
.parent_r {
	width: 78%;
	float:right;
}	

.parent_l p {
	    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-top: 16px;
}
.pane {
	width: 24px;
	position: absolute;
    right: 30px;
    bottom: 30px;
}
	
.index_4 {
	    background: url(/static/upload/image/20210401/1617247968931488.jpg)no-repeat center center;
		      height: 780px;
    margin-top: 0px;
	    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}	

.mcontact_l {
	padding-top: 40px;
	    width: 68%;
    float: left;
}
.mcontact_r{
	 width: 32%;
    float: right;
	padding-top: 40px;
    margin-bottom: 40px;
}
.index_5_txte {
	font-size: 18px;
    color: #fff;
}

.index_5_ul {
	    margin-top: 20px;
}

.index_5_a {
	font-size: 14px;
    color: #ffffffc7;
    display: block;
    margin-bottom: 10px;
}

.index_5_u {
	float: left;
	margin-right: 80px;
	    padding-bottom: 40px;
}


.mcontact_img {
	    width: 118px;
		    float: right;
}

.mcontact_r .content_tao_t {
	float: left;
	    margin-top: 22px;
}


.mcontact_r  .content_tao_t h2 {
      font-size: 30px;
    margin-top: 14px;
}


.mcontact_r .content_tao_t h1 {
    font-size: 18px;
    color: #ffffffa1;
}

.mcontact_r .content_tao_t img {
      opacity: 0.7;
	  
}


 #mcontact {
    background: #816753;
	    height: 294px;
}


/**关于*/
#page_about #banner {
	    height: 410px;
		    padding-top: 100px;
}


.position {
	height: 40px;
    border-bottom: 1px solid #e6e6e6;
}

.position .position_1 a {
	    line-height: 40px;
		    padding: 4px;
}
.position_1 {
	color:#999;
}

.position_1 img {
	    width: 16px;
    margin-right: 6px;
}

.position .position_1 a:last-child {
	
	    color: #816753;
    font-weight: 600;
	
}

.nav_about {
	    margin-top: 20px;
		    text-align: center;
}

.nav_about .navitem  {
	    display: inline-block;
    padding: 20px;
}

.nav_about .navitem   span {
	    font-size: 18px;
    color: #999;
}


.nav_about .navitem  .active span {
	 
    color: #816753;
}

.about_1_l {
	width: 48%;
	    display: inline-block;
}

.about_1_r {
	width: 48%;
	    float: right;
		    margin-top: 12px;
}

.about_1_r p{
	line-height: 26px;
    color: #666;
}






.about_2{
background: #f5f5f5;
    margin-top: 60px;
    padding-bottom: 60px;
    padding-top: 60px;
}


.about_2_l {
		width: 49%;
    float: left;
}
.about_2_r {
	width: 49%;
    float: right;
}


.about_2_l .xiao_about li{height: 51px;float: left;list-style: none;margin:10px 1% 0 1%;text-align: center;line-height: 40px;border-radius: 5%;    font-size: 16px;    line-height: 40px;}
.about_2_l .xiao_about li:first-child{
	background: url(/static/upload/image/20201214/1607924425686655.png)no-repeat center center;
    width: 98px;
    height: 51px;
	 color: #816753;
	}
		.about_2_l .nrabout li:first-child{display: block;}
		.about_2_l .nrabout{width: 100%;margin: 0 auto;margin-top: 50px;overflow: hidden;    margin-bottom: 10px;}
		.about_2_l .nrabout li{
			width: 100%;
    height: 190px;
    line-height: 24px;
    float: left;
    text-align: left;
    list-style: none;
    display: none;
    font-size: 14px;
    color: #333;
    margin-top: 20px;
		}

.about_3 .index_4 {
	margin-top: 0px;
}

.about_2_l_img {
	    width: 60px;
}

/*历程*/

.navitem_li {
	    padding-bottom: 30px;
border-bottom: 1px dashed #e6e6e6;
    margin-top: 30px;
}
.navitem_li_l {
	width: 10%;
    display: inline-block;
}
.navitem_li_l img{
	 width: 30px;
}

.navitem_li_l .title {
	    font-size: 18px;
    color: #666;
    margin-top: 20px;
}

.navitem_li_r {
	width: 88%;
    float: right;
}

.navitem_li_3 {
	    width: 290px;
    height: 176px;
    float: right;
    overflow: hidden;
}

.navitem_li_1 {
	    display: inline-block;
}

.navitem_li_1 p{
	       line-height: 20px;
}

/*文化*/

.about_11_l {
	width: 49%;
    float: left;
    height: 320px;
	    position: relative;
}


.about_11_l::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40%;
    width: 100%;
    background-image: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.7;
    z-index: 0;
    border-radius: 5px;
}

.title_11_l {
	    position: absolute;
    bottom: 30px;
    left: 30px;
}

.title_11_l p:nth-child(1) {
	     font-size: 18px;
    color: #fff;
    margin-bottom: 10px; 
}

.title_11_l p:nth-child(2) {
	 color: #fff;  
}



.about_11_r {
	width: 49%;
    float:right;
    height: 320px;
	    position: relative;
}

.about_11_r::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40%;
    width: 100%;
    background-image: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.7;
    z-index: 0;
    border-radius: 5px;
}

.title_11_r {
	    position: absolute;
    bottom: 30px;
    left: 30px;
}

.title_11_r p:nth-child(1) {
	     font-size: 18px;
    color: #fff;
    margin-bottom: 10px; 
}

.title_11_r p:nth-child(2) {
	 color: #fff;  
}

.about_22 {
	 background: #f5f5f5;
	 margin-top: 60px;
	    padding-bottom: 40px
}

.index_top .diaoqiu .title {
    background: url(/static/upload/image/20201215/1608012621833688.png)no-repeat center center;
    width: 457px;
    height: 58px;
    margin: 0 auto;
}

.about_22_l {
	     width: 25%;
    height: 164px;
	    float: left;
    position: relative;
}

.about_1_22 img {
	    width: 40px;
    position: absolute;
       right: 24px;
    top: 50px;
}

.title_22_l {
	position: absolute;
    top: 50px;
    left: 50px;
	    width: 50%;
}

.title_22_l p:nth-child(1) {
	      font-size: 16px;
    color: #333;
    margin-bottom: 14px;  
}

.title_22_l p:nth-child(2) {
	 color: #666;   
}

.about_33_l {
	height: 360px;
      width: 23.7%;
    float: left;
    position: relative;
	margin-left: 20px;
}

.about_33_l:nth-child(1) {

	margin-left: 0px;
}


.about_33_l::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30%;
    width: 100%;
    background-image: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.7;
    z-index: 0;
    border-radius: 5px;
}

.title_33_l {
	    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.about_44 {
	background: #f5f5f5;
    margin-top: 60px;
	    position: relative;
	
}

.index_44_r {
	    width: 49%;
    float: right;
		    z-index: 100;
    position: relative;
}

.about_40 {
	width: 100%;
    height: 100px;
    background: #fff;
	position: absolute;
    bottom: 0;
}



.about_44_l {
		width: 49%;
    float: left;
}
.about_44_r {
	width: 49%;
    float: right;

}


.about_44_l .xiao_about44 li{height: 51px;float: left;list-style: none;margin:10px 1% 0 1%;text-align: center;border-radius: 5%;    font-size: 16px;    line-height: 50px;}
.about_44_l .xiao_about44 li:first-child{
	background: #816753;
    width: 98px;
    height: 51px;
	 color: #fff;
	}
		.about_44_l .nrabout44 li:first-child{display: block;}
		.about_44_l .nrabout44{width: 100%;margin: 0 auto;margin-top: 50px;overflow: hidden;    margin-bottom: 10px;}
		.about_44_l .nrabout44 li{
			width: 100%;
    height: 190px;
    line-height: 24px;
    float: left;
    text-align: left;
    list-style: none;
    display: none;
    font-size: 14px;
    color: #333;
    margin-top: 20px;
		}



.about_44_l_img {
	    width: 60px;
}

/*荣誉*/

.honor_about .honor_li{
    width: 18.4%;
    float: left;
    margin-right: 20px;
    padding: 30px;
    border: 1px solid #e6e6e6;
	    position: relative;
}


.honor_about .honor_li:nth-child(4n){
    margin-right: 0px;
}

.honor_li_l p {
	    font-size: 16px;
    color: #333;
    margin-bottom: 16px;
}


.honor_about .honor_li::before {
    content: '';
    position: absolute;
    height: 22px;
    width: 2px;
    background: #816753;
    left: 0;
}

.honor_about .honor_li:hover{
 background:#fff;
   border: 1px solid #fff;
box-shadow: 0px 0px 10px 8px #0000000f;
}


.honor_about .honor_li:hover .honor_li_l p{
   color: #816753;
}
/*品质*/

.Quality{
	font-size: 20px;
    color: #816753;
    text-align: center;
}

.Quality_1_11 {
	    line-height: 20px;
    margin-top: 20px;
}

.Qualityclear {
	
	background: url(/static/upload/image/20201215/1608018048172666.png)no-repeat center center;
	height: 425px;
    margin-top: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.about_Quality .about_44 {
	    margin-top: 0px;
}

.index_top  .xiao_Quality .title {
	    background: none;
    text-align: left;
    margin: 0;
    font-size: 20px;
}

.index_top .xiao_Quality {
    padding-top: 60px;
    margin-bottom: 20px;
}

.index_44_Quality {
	top: 80px;
}



/*产品*/

#banner_prductlist {
	height: 560px;
    padding-top: 100px;
}

#banner_prductlist .npagePageprductlist{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	    position: relative;
}

#bprductlist {
	    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
	background: #00000061;
}

#bprductlist .nav_about{
    margin-top: 0px;
}

#bprductlist .nav_about .navitem span {
    font-size: 18px;
    color: #fff;
}

#bprductlist .nav_about .active {
   background: #816753;
}

#bprductlist .nav_about .navitem {
    display: inline-block;
    padding: 18px;
}


.bx-controls-direction {
	    position: relative;
    width: 1170px;
    margin: 0 auto;
}

.agent-pc .npagePage.post .project .title {
    line-height: 80px;
    font-size: 18px;
    color: #333;
}

.prduct_title {
	display: inline-flex;
	margin-top: 30px;
}

.prduct_title_1 {
	width: 33.33%;
}


.prduct_title_1 p:nth-child(1){
	    font-size: 16px;
    color: #333;
    margin-bottom: 14px;
}


.prduct_title_1 p:nth-child(4){
	    font-size: 14px;
    color: #666;
}

.prduct_title_1 p ma{
	 
    color: #f80909;
}




.about_44_prduct .xiao_prduct li{height: 51px;float: left;list-style: none;margin:10px 1% 0 1%;text-align: center;border-radius: 5%;    font-size: 16px;    line-height: 44px;}
.about_44_prduct .xiao_prduct li:first-child{
background: url(/static/upload/image/20201214/1607924425686655.png)no-repeat center center;
    width: 98px;
    height: 51px;
	 color: #816753;
	}
		.about_44_prduct .nrprduct li:first-child{display: block;}
		.about_44_prduct .nrprduct{width: 100%;margin: 0 auto;margin-top: 50px;overflow: hidden;    margin-bottom: 10px;}
		.about_44_prduct .nrprduct li{
			width: 100%;
       height: auto;
    line-height: 24px;
    float: left;
    text-align: left;
    list-style: none;
    display: none;
    font-size: 14px;
    color: #333;
    margin-top: 20px;
		}
		
		
		.about_prduct {
			    background: #f5f5f5;
    margin-top: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
		}
		
		
/*工程*/


.caselist_2_l {
	    display: inline-block;
width: 31.3%;
    margin-right: 20px;
	    margin-top: 20px
}

.caselist_2_l:nth-child(1) {
	    width: 64.6%;

}

.caselist_22_l{
	width: 100%;
    height: 320px;
    position: relative;
    float: left;
}


.caselist_22_l::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40%;
    width: 100%;
    background-image: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.7;
    z-index: 0;
    border-radius: 5px;
}

.caselisttitle_22_l {
	position: absolute;
    bottom: 30px;
    left: 30px;
}

.caselisttitle_22_l p{
    font-size: 16px;
    color: #fff;
}

.case_pos_1 {
	    margin-top: 100px;
}

.prduct_title_a {
	    padding-top: 40px;
    padding-bottom: 40px;
}

.caselist_case {
	    padding-top: 40px;
    border-top: 1px solid #0000001c;
}

.caselist_2_case {
	width: 32.18%;
    display: block;
    float: left;
    margin-right: 20px;
    margin-bottom: 40px;
}


.caselist_2_case:nth-child(3) {

    margin-right: 0px;

}

.caselist_casetitle {
	    height: 50px;
    color: #333;
    font-size: 18px;
}

.caselist_casetitle ma{
height: 10px;
    width: 2px;
    background: #816753;
    display: inline-block;
    margin-right: 10px;
}

/*合作*/

.joblist {
    width: 23.7%;
    float: left;
    margin-right: 20px;
	    position: relative;
}


.joblist:nth-child(4) {
    margin-right: 0px;
}

.title_joblist p:nth-child(1) {
      font-size: 16px;
    color: #333;
    margin-bottom: 24px;
}


.title_joblist p:nth-child(2) {
       font-size: 14px;
    line-height: 24px;
    color: #666;
}

.joblist img{
	    position: absolute;
    width: 24px;
    right: 20px;
    top: 0;
}

.joblist_1 {
	    padding-bottom: 60px;
    border-bottom: 1px solid #e6e6e6;
}

.container_joblist {
	    padding-top: 50px;
    text-align: center;
}

.container_joblist .title{
	 font-size: 28px;
    color: #816753;
    margin-bottom: 10px;
}

.container_joblist .subtitle{
    font-size: 18px;
    color: #666666;
}




.joblist_22 .xiao_joblist li{
  
    list-style: none;
    margin: 10px 1% 0 1%;
    text-align: left;
    border-radius: 5%;
    font-size: 16px;
	    margin-bottom: 30px;

	}
	
.joblist_22 .xiao_joblist li p:nth-child(2) {
	    font-size: 14px;
    margin-top: 10px;
}
.joblist_22 .xiao_joblist li:first-child{
	 color: #816753;
	}
	
	
	.xiao_joblist .nrprduct li{display: none}
	
		.xiao_joblist .nrprduct li:first-child{display: block;}
		.xiao_joblist .nrprduct{width: 100%;margin: 0 auto;margin-top: 50px;overflow: hidden;    margin-bottom: 10px;}
		.xiao_joblist .nrprduct li{
			width: 100%;
       height: auto;
    line-height: 24px;
    float: left;
    text-align: left;
    list-style: none;
    display: none;
    font-size: 14px;
    color: #333;
    margin-top: 20px;
		}
.joblist_22 .xiaoqiusq15 li{
	  float: right;
}

.joblist_22 {
	display: flex;
    margin-top: 40px;
padding-top: 30px;
    padding-bottom: 30px;
}	
	
.joblist_222 {
	background: #f5f5f5;
}	


.joblist_xdwea:nth-child(1){
	    width: 20%;
}	

.joblist_xdwea:nth-child(2){
	    width: 60%;
		height: 377px;
    overflow: hidden;
}	

.joblist_xdwea:nth-child(3){
	    width: 20%;
}


.job_sdwwoskdimg {
	margin-top: 20px;
}	


/*新闻*/

.newslist_l {
	    width: 32%;
    display: inline-block;
    margin-right: 20px;
	    margin-bottom: 30px;
}

.newslist_l:nth-child(3n) {
    margin-right: 0px;
}	


.newslist2_l p:nth-child(1) {
font-size: 16px;
    color: #333;
    padding-top: 16px;
    padding-bottom: 14px;
}	


.newslist2_l p:nth-child(2) {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 24px;
}

.news_l {
	margin-bottom: 20px;
    display: block;
}

.news2_l{
	    width: 100%;
    height:520px;
    position: relative;
}


.news2_l::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40%;
    width: 100%;
    background-image: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.7;
    z-index: 0;
    border-radius: 5px;
}

.newse_22_l {
	position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    color: #fff;
}


.newse_22_l p:nth-child(1) {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px
}


.newse_22_l p:nth-child(2) {
    font-size: 14px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_l_tessd {
display: inline-block;
    background: #816753;
    padding: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    position: absolute;
    bottom: 30px;
    right: 30px;
   
}


a:hover {color: #816753;}

.news_spagePage{
	    padding-top: 100px;
    background: #f5f5f5;
}

.position_newsd_l{
	width: 60%;
    background: #fff;
    padding: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
	    float: left;
}

.position_newsd_text p:nth-child(1) {
    font-size: 24px;
    color: #333;
    margin-bottom: 24px;
}

.position_newsd_text p:nth-child(2) {
font-size: 18px;
    color: #999;
    padding-bottom: 30px;
    border-bottom: 1px solid #00000029;
	margin-bottom: 30px;
}


.position_newsd_r {
width: 26%;
    background: #fff;
    float: right;
    padding: 30px;
    margin-top: 40px;
}

.position_newsd_r_sd{
	    font-size: 18px;
    color: #333;
	    position: relative;
		    margin-bottom: 30px;
}

.position_newsd_r_sd ma{
 width: 2px;
    height: 24px;
    background: #000;
    display: inline-block;
    position: absolute;
    left: -30px;
}

.newslist_news {
	 width: 100%;
    border-bottom: 1px solid #0000001c;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-right: 0;
}

.caselist_case_newos {
	    margin-top: 40px;
    background: #fff;
    border: 0;
}

/*联系*/

#banner_ankowssee div iframe {
	    width: 100%;
    height: 410px;
}


#page_about #banner_ankowssee {
    height: 340px;
    padding-top: 100px;
}

.Quality_qidkabout3 {
	font-size: 16px;
    color: #666;
    text-align: center;
}

.index_top_es {
	    background: #f5f5f5;
    padding-bottom: 40px;
    padding-top: 40px;
}


.agent-pc #contactform p .inputtxt {
border: 1px solid #dadada;
    color: #b7b7b7;
	    padding-left: 20px;
		    width: 27%;
}


.agent-pc #contactform p textarea.inputtxt {
border: 1px solid #dadada;
}

.inputsub {
	    margin: 0 2%;
    display: block;
    border: 1px solid;
    padding: 60px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
}


.content_tao_t p{
        color: #fff;
    line-height: 24px;
    margin-top: 10px;
    font-size: 16px;
}

.pr_xi p {
    width: 48%;
    display: inline-block;
    height: 400px;
    padding: 10px;
}

.pr_xi p img{
    width: 100%;
    height: 100%;
}

/*手机端*/

@media screen and (min-width:2552px){
 .content_tao {

    width: 34%;
}
}


@media screen and (min-width:2270px){
 .content_tao {

    width: 34%;
}
}



@media screen and (max-width: 750px){
  .agent-pc body, .module .module_container{
       padding-left: 0px; 
    padding-right: 0px;
  }
  
  #header .content a#logo {
padding-left: 20px;
}
  .content_tao_t {
    float: right;
    position: absolute;
    z-index: 100;
    right: 20px;
    top: 10px;
}
  
}