@charset "UTF-8";

.head{
    width: 100%;
    height: 1.6rem;
position: absolute;
z-index: 999999;
background: url(../../../images/topbg.png)
}
.headbb{height: 1.6rem;}
 .header{
    width: 90%;
    height: 1.6rem;
    margin: 0 auto;
    position: relative;
}

.header .logo{
   
    display: block;
    position: absolute;
    left: 15%;
    top: 90%;
    transform: translateY(-50%);
	z-index:9999
}

.header .logo img{
   height:150px;
}

.header .nav{
    float: right;
    line-height: 1.6rem;
    font-size: 0.3rem;
}

.header .nav li{
    display: inline-block;
    position: relative;
}

.header .nav li a{
    padding: 0 0.5rem;
}

.header .nav li a em{
    position: relative;
    z-index: 999999; color: #fff;
}

.header .nav li.active a em{
    color: #fff;
}

.header .nav li a:hover{
    color: #fff;
    z-index: 99;
}


.header .nav li a:after{
    content: '';
    height: 1.6rem;
    background-color: #58b0c4;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%);
    z-index: 0;
    animation-duration: .5s;
}


.header .nav li:nth-last-child(1) a:after{
    height: 0;
}

.header .nav li:nth-last-child(1) a svg{
    font-size: 0.5rem;
    transition: all 0.6s;
    overflow: hidden;
}

.header .nav li:nth-last-child(1) a:hover svg{
    transform: scale(1.5); /* 放大1.1倍 */
    transition: all 0.6s;
    color: #58b0c4;
}


.header .nav li a:hover:after{ 
    animation-name: anid;
    animation-duration:.5s;
    animation-fill-mode:forwards; 
    animation-direction:alternate;
    
}

@keyframes anid{ 
    from{
        width: 0;
    }
    to{
        width: 80%;
    }
}


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

@-webkit-keyframes imgmove{
     from{
        transform: scale(1.0);
    }
    to{
	    transform: scale(1.1);
    }
}


@keyframes anid{ 
    from{
        width: 0;
    }
    to{
        width: 80%;
    }
}

.swiper-container-ban img{
    width: 100%;
	animation: imgmove 5s infinite;
    transition: all 6s linear;
    animation-direction:alternate;
}

.swiper-container-ban .swiper-slide{
    overflow: hidden;
} 

/*关于我们*/

h2{
    font-size: 1rem;
    color: #ebebeb; text-align:center;letter-spacing:10px;
}

h3{
    font-size: .45rem;
    color: #333;
    margin-top: 0.15rem;
}

.iline{
    margin-top: 0.4rem;
    width: 1.5rem;
    height: 6px;
    background-color: #58b0c4; margin-bottom: 0.4rem;
}

.iabout .iabout_des{
    margin-top: 0.8rem;
    font-size: 0.3rem;
    line-height: 250%;
    color: #555;
}
.iabout .iabout_des img{ float:right; margin-left:0.9rem;width:500px;border-radius:10px;}
.iabout .iabout_des p{text-indent:40px}
.iabout .iabout_icon{
    display: flex;
    margin-top: 0.8rem;
}

.iabout .iabout_icon dl{
    width: 32%;
    margin-left: 2%;
    position: relative;
    color: #fff;
}

.iabout .iabout_icon dl a{
    color: #fff;
}

.iabout .iabout_icon dl a:hover{
    color: #58b0c4;
}

.iabout .iabout_icon dl:nth-child(1){
    margin-left: 0%;
}

.iabout .iabout_icon dl dt{
    width: 100%;
    height: 0;
    padding-bottom: 35%;
    overflow: hidden;border-radius:10px;
}


.iabout .iabout_icon dl dt img{
    width: 100%;
    filter: brightness(0.7);
}

.iabout .iabout_icon dl dd.ddico{
    position: absolute;
    left: 50%;
    top: 9%;
    font-size: 0.8rem;
    transform: translateX(-50%);
    transition: all 0.6s;
}

.iabout .iabout_icon dl dd.ddico:hover{
    color: #58b0c4;
    transition: all 0.6s;
}

.iabout .iabout_icon dl:nth-child(1) dd.ddico{
    font-size: 1rem;
}

.iabout .iabout_icon dl dd.ddline{
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translateX(-50%);
    width: 1rem;
    height: 2px;
    background-color: #fff;
}

.iabout .iabout_icon dl dd.dden{
    position: absolute;
    left: 50%;
    top: 58%;
    transform: translateX(-50%);
    text-transform: uppercase;
    font-size: 0.3rem;
    font-weight: bold;
}

.iabout .iabout_icon dl:nth-child(2) dd.dden{
    left: 40%;
    transform: translateX(-30%);
}

.iabout .iabout_icon dl dd.ddzn{
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translateX(-50%);
    text-transform: uppercase;
}

.aboutmore{width:150px;height:40px;line-height:40px; text-align:center;border: 1px solid #58b0c4; margin-top:20px;}
.aboutmore a{ font-size:14px; display:inherit}
.aboutmore a:hover{ background-color: #58b0c4;color:#fff}

.promorer{width:250px;height:40px;line-height:40px; margin: 0 auto;text-align:center; margin-top:20px; margin-bottom:50px;}
.promorer a{ font-size:14px;color:#fff;border: 1px solid #58b0c4; padding:0px 40px 0px 40px; }
.promorer a:hover{ background-color: #58b0c4;color:#fff}

/*产品部分*/
.ipro{
    width: 100%;
    background: #000 url(../images/probg.jpg) no-repeat center top;
    padding-top: 0.8rem;
}

h4{
    font-size: .8rem;
    color: #58b0c4;
    text-align: center;
    text-transform: uppercase;
}

h5{
    font-size: .4rem;
    color: #fff;
    margin-top: 0.15rem;
    text-align: center;
}

.pline{
    margin: 0 auto;
    margin-top: 0.2rem;
    width: 1.5rem;
    height: 3px;
    background-color: #58b0c4;
}
.proers{}
.ipro em{
    font-size: 0.27rem;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 0.2rem;
}


.ipro .procon{
    margin-top: 0.4rem;
	max-height:360px;
	height:auto;
	overflow:hidden;
}

.ipro a {
    display: inline-block;
    width: 25%;
   
    float: left;
}

.ipro11 a:nth-child(4n+1){
    margin-left: 0%;
}

.ipro li .propic{
    overflow: hidden; margin-left: 2%; margin-right: 2%;
}


.ipro li i{
    font-size: 0.3rem;
    height: 0.9rem;
    line-height: 0.8rem;
    text-align: center;
    color: #fff;
    display: block;
}

.ipro li a{
    color: #fff;
}


.ipro a:hover li i{
    color: #58b0c4;
}

.picScroll-left { overflow: hidden; position: relative; border: 0px solid #ccc;}

.picScroll-left .bd { padding: 0px}
.picScroll-left .bd ul { overflow: hidden; zoom: 1}
.picScroll-left .bd ul li {  float: left;  overflow: hidden; text-align: center;width: 25%;
    margin-left: 0%;}
.picScroll-left .bd ul li .pic {height:350px; text-align: center;display: block;margin-left: 2%;margin-right: 2%;}
.picScroll-left .bd ul li .pic img { width:350px; }
.picScroll-left .bd ul li .pic a:hover img { border-color: #999}
.picScroll-left .bd ul li .title { line-height: 24px}



/*第四部分*/
.ihangye{
    width: 100%;
    height: 10.9rem;
    display: block;
}

.ihangye .hangyeleft{
    width: 50%;
    height: 10.9rem;
    display: block;
    float: left;
    overflow: hidden;
}

.ihangye .hangyeleft{
    width: 50%;
    display: block;
    float: left;
}

.ihangye .hangyeleft img{
    width: 100%;
}

.ihangye .hangyeright{
    width: 50%;
    display: block;
    float: right;
    
}

.hrshebei, .hrshebeipic, .hryoushipic, .hryoushi{
    display: block;
    float: left;
    height: 5.45rem;
    overflow: hidden;
}

.hrshebei, .hryoushipic{
    width: 48%;
}

.hrshebeipic, .hryoushi{
    width: 52%;
}

.hangyeright .hrshebei{
    background: #58b0c4;
}

.hangyeright  em, .hangyeright  i{
    font-size: 0.4rem;
    color: #fff;
    display: block;
    
}
.hangyeright  i{
    font-size: 0.27rem;
    margin-top: 1%;
}

.hangyeright .hryoushi{
    background: #58b0c4;
}

.ihangye .hangyeright img{
    width: 100%;
    height: 5.45rem;
}

.hrshebei::before{
    width: 2px;
    height: 1rem;
    background: #fff;
}

.sbline, .ysline{
    width: 80%;
    border-left: 1px solid #fff;
    margin-left: 10%;
    padding-left: 5%;
    margin-top: 15%;
}
.istandard{
    width: 100%;
   
    padding-top: .8rem;
    padding-bottom: 1rem;
}

.istandard em {
    font-size: 0.27rem;
    text-align: center;
    display: block;
    margin-top: 0.2rem;
}
/* 新闻部分 */

.inews{
    width: 100%;
    background: #f2f2f2;
    padding-top: .8rem;
    padding-bottom: 1rem; margin-top:20px;
}

.inews em {
    font-size: 0.27rem;
    text-align: center;
    display: block;
    margin-top: 0.2rem;
}

.inewsleft{
    width: 50%;
    float: left;
    display: block;
    margin-top: 2%;
}

.inews dl{
    width: 100%;
    display: inline-block;
    background: #fff;
    padding-bottom: 3%;
    margin-top: 1.4%;
}

.inews .inewsright dl:nth-child(1){
    margin-top: 0%;
}

.inews dl dt{
    width: 18%;
    display: block;
    float: left;
    text-align: center;
    font-size: .5rem;
    color: #58b0c4;
    font-weight: bold;
    border-right: 1px solid #ccc;
    margin-top: 3%;
}

.inews dl dt em{
    font-size: .5rem;
    margin-top: 0;
}

.inews dl dt i{
    font-size: .36rem;
}

.inews dl dd{
    display: block;
    width: 90%;
    float: left;
    margin-left: 5%;
    font-size: .27rem;
}

.inews dl dd.inewstilte{
    margin-top: 3%;
    font-size: .36rem;
    font-weight: bold;
    margin-bottom: 1%;
}

.inews img{
    width: 100%;
    border: 1px solid #eee;
}

.inewsright{
    width: 48%;
    height: 3rem;
    float: right;
    display: block;
    margin-top: 2%;
}

.inewspic{
    width: 100%;
    overflow: hidden;
	height:377px;
}

.inewsdes{
    color: #666;
}

.focus{ position:relative; width:100%;height:900px;  background-color: #000; float: left; margin-bottom:50px;}  
.focus img{ width: 100%;height:900px; } 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#44b242;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#3e7c93;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  


.shfw_tx_con{ margin-top:20px;}
.shfw_tx_con ul li{
height:483px; float:left;background-color: #f4f4f4;
}
.shfw_tx_lm{width:191px;height:483px; float:left;border-right: 1px solid #fff;}
.shfw_tx_lm h6{ font-size:22px;line-height:30px; margin:0px 20px 5px 0px; font-weight:bold; display:inherit; text-align:right}
.shfw_tx_lm span{font-size:70px;color:#58b0c4; display:inherit;line-height:90px; text-align:right; font-weight:bold;margin:50px 20px 20px 0px;}
.shfw_tx_lm img{width:84px;height:84px; text-align:center; display: block; margin: 0 auto; margin-top:5px;}
.shfw_tx_lm  p{line-height:30px;margin:40px 20px 20px 20px; font-size:16px; }

.shfw_tx_con .on{background-color: #58b0c4;transition: all 0.3s linear 0s;}
.shfw_tx_con .on .shfw_tx_lm h6,.shfw_tx_con .on .shfw_tx_lm  p{color:#fff}
.shfw_tx_con .on .shfw_tx_lm span{color:#fff}
.shfw_tx_con .on .shfw_tx_lm{width:191px;height:483px; float:left;border-right: 1px solid #58b0c4;}
.shfw_tx_img{width:430px;height:483px; float:left;transition: all 0.3s linear 0s; overflow:hidden}
.shfw_tx_img img{width:430px;height:483px;transition: all 0.3s linear 0s;}
.shfw_tx_img img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.shfw_tx_img:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

.news_lm{height:40px;line-height:40px; text-align:center; margin-top:40px; margin-bottom:40px;}
.news_lm a{ width:140px;padding:0px 0px 0px 0px;height:40px;line-height:40px;border: 1px solid #58b0c4;background-color: #58b0c4; font-size:16px;border-radius:20px; margin-left:10px;margin-right:10px; display:inline-table;color:#fff}
.news_lm a:hover{background-color: #fff;color:#58b0c4;border: 1px solid #fff;}
.news_lm .on{color:#fff;border: 1px solid #58b0c4;background-color: #58b0c4;}


.news_lmer{height:40px;line-height:40px; text-align:center; margin-top:20px; margin-bottom:0px;}
.news_lmer a{ width:140px;padding:0px 0px 0px 0px;height:40px;line-height:40px;border: 1px solid #9f9f9f; font-size:16px;border-radius:20px; margin-left:10px;margin-right:10px; display:inline-table;}
.news_lmer a:hover{color:#fff;border: 1px solid #58b0c4;background-color: #58b0c4;}
.news_lmer .on{color:#fff;border: 1px solid #58b0c4;background-color: #58b0c4;}

/*联系我们*/
.map1 {
    width: 478px;
    height: 480px;
    border: 1px solid #eee;
    overflow: hidden;
    display: inline-block;
    color: #FFF;
    font-size: 25px;
    font-weight: 100;
}
.map1 h2 {
    height: 90px;
    padding-top: 25px;
    background: #4d9eb3;
    overflow: hidden;color: #fff;
     font-size:30px;
    margin-bottom: 22px;color: #fff;letter-spacing:0px; text-align:center
}
.map1 h2 em {
    display: block;
    font: 12px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #fff;
    line-height: 24px;
}

.map1 p {
    font: 15px "Microsoft Yahei";
    line-height: 35px;
    color: #333;
    background: url(../images/icon11.gif) no-repeat 22px center;
    padding-left: 20px;
    margin-top: 10px;
    text-align: left;
    font-weight: 100;
}
.map1 dd:nth-of-type(2){
	background: url(../images/icon21.gif) no-repeat 22px center;
	
}
.map1 dd font{
	    display: block;
    font: 20px Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.map1 dd:nth-of-type(3){
	background: url(../images/icon31.gif) no-repeat 22px center;
}


/*在线留言*/
.form_box {padding: 10px 0; }
.form_box form label {display: block;margin: 10px auto;color: #333;line-height: 30px;overflow: hidden;font-size: 14px;}
.form_box form label span {display: block;height: 30px;width: 70px;text-align: left;font-size: 14px;float: left;}
.form_box form label input { width:99%; line-height: 35px; float: right; padding: 2px 4px; border: 1px solid #4d9eb3; border-radius: 4px;}
.form_box form label textarea {width: 99%; float: right;font-size: 14px;padding:4px;line-height: 30px; border: 1px solid #4d9eb3; border-radius: 4px;}
.form_box form .btn {margin: 20px auto;text-align: center;width: 580px;}
.form_box form .btn input {display: inline-block;margin:0 20px;font-size: 14px; width: 140px;height: 40px;border: none;border-radius: 2px;cursor: pointer;}
.aboutjj_bg{background: url(../images/aboutjj_bg.jpg) ;height:670px;}
.aboutjj_con{background: url(../images/aboutjj_con.png) ;height:670px; padding-left:30px; padding-right:30px; line-height:35px; font-size:18px;color:#dedfe1}
.aboutjj_con .txt{ text-align:center;line-height:80px; font-size:35px; font-weight:bold;color:#fff; padding:20px 0px 10px 0px}
.width-560{width:760px;height:auto;margin:0 auto;}
.ty_ttda{margin:0 auto; text-align:center;font-weight:bold; font-size:35px; display:inherit; line-height:60px;letter-spacing:0px; margin-top:50px; }
.tyttline {
  height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  }
  .ty_line {
    display: inline-block;
    width: 140px;
    height: 1px;
    background: #d0d4d9;
  }
  .ty_txt {
    color: #333;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    margin: 0 30px; font-weight:500;
  }
  
  .tyline_l{width:80px;height:2px;background: #54adbf;margin:0 auto; margin-top:10px; margin-bottom:30px;}
    .about_qys{height:246px; margin-bottom:60px;}
.about_qys li{width:235px;height:120px;line-height:25px;float: left;margin-right:15px;margin-left:15px;margin-bottom:10px; overflow:hidden;position: relative; cursor:pointer;padding:100px 20px 0px 20px;border: 1px solid #cbcaca;border-radius:10px; text-align:center;}
.about_qys span{ font-weight:bold; color:#54adbf; font-size:24px;line-height:40px; display:inherit; padding-top:10px; }
.about_qys li:hover{background-color: #54adbf;color:#fff;border: 1px solid #54adbf;}
.about_qys li:hover span{color:#fff}
.about_qysa{background:url(../images/qys_bg.png) no-repeat 108px 45px;}
.about_qysb{background:url(../images/qys_bg.png) no-repeat -180px 35px;}
.about_qysc{background:url(../images/qys_bg.png) no-repeat -460px 35px;}
.about_qysd{background:url(../images/qys_bg.png) no-repeat -750px 35px;}
.about_qyse{background:url(../images/qys_bg.png) no-repeat -1050px 35px;}

.about_qysa:hover{background:url(../images/qys_bgs.png) no-repeat 108px 45px;}
.about_qysb:hover{background:url(../images/qys_bgs.png) no-repeat -180px 35px;}
.about_qysc:hover{background:url(../images/qys_bgs.png) no-repeat -460px 35px;}
.about_qysd:hover{background:url(../images/qys_bgs.png) no-repeat -750px 35px;}
.about_qyse:hover{background:url(../images/qys_bgs.png) no-repeat -1050px 35px;}

.about_anli{height:710px;margin-bottom:90px;}
.about_anlileft{width:470px;height:720px; overflow:hidden; margin-right:10px; float:left;position: relative; }
.about_anlileft img{width:470px;height:720px;
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.about_anlileft:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}
.about_anlileft p{
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	font-size: 24px;
	height: 45px;
	line-height: 45px;
	color: #FFF;
	background-color: rgba(0,0,0,0.5);
	transition: 1s all;
	padding:20px 30px 0px 30px;
}




.about_anliright{height:720px; }
.about_anliright li{width:360px;height:355px;float: left;margin-right:10px; margin-bottom:10px; overflow:hidden;position: relative; }
.about_anliright li:nth-of-type(2n){
	margin-right:0px;
}

.about_anliright li img{
width:360px;height:355px;
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.about_anliright li:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}
.about_anliright li p{
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	font-size: 24px;
	height: 45px;
	line-height: 45px;
	color: #FFF;
	background-color: rgba(0,0,0,0.5);
	transition: 1s all;
	padding:20px 30px 0px 30px;
}