.header{position: fixed;width: 100%;z-index: 1000;top:0;background:#f7f5ef;z-index:999}
.header>div{display:flex;justify-content: space-between;height:.8rem;line-height:.8rem;align-items: center;}
.header.is_header{box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header .logo{width:18%}
.header .navs{width:70.5%}
.header .navs ul{display:flex;justify-content: flex-end;gap:8px}
.header .navs ul>li{position:relative}
.header .navs ul>li.active a:after{width:100%}
.header .navs ul>li>a{font-size:.16rem;color:#222222;position:relative;padding:0 .3rem;}
.header .navs ul>li>a:after{content:"";position:absolute;background:#222222;width:0;right:0;height:4px;bottom:0;transition:.4s  linear}
.header .navs ul>li>a:hover:after{right:auto;left:0;width:100%;}

.header .navs ul>li dl{position:absolute;width:1.8rem;left:50%;transform:translateX(-50%);top:100%;box-shadow:0 0 4px rgb(122 122 122 / 80%);white-space:nowrap;transition:none;display:none}
.header .navs ul>li dl dd a{padding:.1rem 0;text-align:center;background:#333}
.header .navs ul>li dl dd a img{max-width:1.1rem}
.header .navs ul>li dl dd:last-child a img{max-width:.9rem}
.header .navs ul>li dl dd a:hover{background:#f7f5ef}
.header .navs ul>li dl dd a.acts{background:#f7f5ef}
.header .navs ul>li dl dd a:hover img{filter:brightness(1) invert(1)}
.header .navs ul>li dl dd a.acts img{filter:brightness(1) invert(1)}
.header .navs ul>li>a{font-size:.16rem;color:#333;font-weight:bold;height:.8rem;line-height:.8rem;text-transform:uppercase}



.header .langs{line-height:normal;display:flex;gap:.15rem;position:relative}
.header .langs:after{content:"";position:absolute;width:2px;background:#999999;left:50%;top:50%;transform:translate(-50%,-50%);height:.18rem}
.header .langs a{font-size:.16rem;;color:#999999;width:.32rem;text-align:center}
.header .langs a:first-child{text-align:right}
.header .langs a.active{color:#222222}


.tem_banner.indise{position:relative;}
.tem_banner.indise .flash {position: fixed;top:0;left: 0;width: 100%;padding:.8rem 0 0}
.tem_banner.indise .flash  .bg{background-size:cover;background-repeat:no-repeat;background-position:center center;transition:none;}

.tem_banner.indise .flash .col_banner{position:relative}
.tem_banner.indise .flash .bl_box{position:absolute;width:100%;height:100%;background:rgba(0,0,0,1);left:0;top:0;opacity:0;z-index:1;transition:none}
.tem_banner.indise .flash .txt{position:absolute;left:50%;padding:0 0 1.5rem;bottom:0;transform:translateX(-50%);text-align:center;z-index:2;transition:none}
.tem_banner.indise .flash .txt h2{font-size:.48rem;color:#ffffff;font-weight:bold;margin:0 0 .25rem;}
.tem_banner.indise .flash .txt .img{margin:0 0 .25rem;}
.tem_banner.indise .flash .txt .mbx{display:flex;align-items: center;justify-content: center;gap:5px;color:white}
.tem_banner.indise .flash .txt .mbx a{color:white;font-size:.15rem}


#pantalla_inicio{
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	float:left;
	z-index:1001;
}
.fondo_pantalla_inicio{
	top:0px;
	position:absolute;
		width:100%;
	}
.fondo_pantalla_inicio2{
	top:0px;
	position:absolute;
	width:100%;
}
/*#texto_inicio{
	height: auto;
    width: auto;
    left: 50%;
    top: 50%;
    position: absolute;
	margin-left:-150px;
	margin-top:-110px;
}
.texto_inicio{
	left:0;
}
.p_inicio{
	color:#000;
	font-size:3em;
	text-shadow: 0 0 2px #fff,0 0 5px #fff,0 0 8px #fff,0 0 10px #fff,0 0 15px #fff, 0 0 20px #fff,0 0 25px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 70px #fff, 0 0 80px #fff, 0 0 100px #fff, 0 0 150px #fff;
	font-weight:100;
	height: auto;
    width: 100%;
	line-height:1em;
	padding: 10px 30px;
}*/

#contenido{
	z-index:90;
	
}#texto_inicio{
	height: 65px;
    width: 250px;
    top: 45%;
    position: absolute;
	z-index:999;
	opacity:1;
	/*display:none;*/
}
.texto_inicio{
	left:50%;  /*se oculta por la izquierda*/
	margin-left:-125px;
}
.p_inicio{
	filter: blur(15px); 
  -webkit-filter: blur(15px); 
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
	position: absolute;
	height: auto;
    width: 250px;
	padding: 10px 30px;
	z-index:999;
	text-align:left;
   font-family: 'poiret_oneregular';
   left:0px;
   /*display:none;*/
	opacity:0;
}
.p_inicio_ok{
	opacity:1;
	filter: blur(0px); 
  -webkit-filter: blur(0px); 
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
	position: absolute;
	height: auto;
    width: 250px;
	padding: 10px 30px;
	z-index:999;
	text-align:left;
   font-family: 'poiret_oneregular';
   left:0px;
    -webkit-transition: all 3s ease-in-out;
    -moz-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    -ms-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
}



.main{position:relative;z-index:2;}

.company {background:#f7f5ef url(../images/1.jpg) center bottom no-repeat;background-size:100%;padding:0 0 1.25rem}
.company .video{padding:1.2rem 0 .95rem;position:relative}
.company .video video{width:100%}
.company .video .btns{cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.7rem;height:.7rem;line-height:.788rem;text-align:center}
.company .video .btns i{color:black;font-size:.24rem}
.company .video .btns:after{content:"";position:absolute;width:100%;height:100%;border-radius:100%;background:#ffffff;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.company .video .btns:before{content:"";position:absolute;width:145%;height:145%;border-radius:100%;background:rgba(255,255,255,.35);;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.company .video .btns:hover:after{ animation: scalepulse 1.3s linear .3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.company .video .btns:hover:before{ animation: scalepulse 1.3s linear .15s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}


@keyframes scalepulse {
    20% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
        transform: translate3d(-50%, -50%, 0) scale(1.15);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    50% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

.company .infos{padding: 0 0 .95rem;font-size:.15rem;color:#555;line-height:.25rem}
.company .pics{display:grid;grid-template-columns:74.37% 24.3%;justify-content:space-between}
.company .pics .left{}

.company .pics .left dl{display:grid;}
.company .pics .left dl:nth-child(1){grid-template-columns:55.75% 42.2%;justify-content: space-between;margin:0 0 .2rem}
.company .pics .left dl:nth-child(2){gap:0}
.company .pics .left dl:nth-child(3){grid-template-columns:32.67% 65.35%;justify-content: space-between;margin:.2rem 0 0}
.company .pics .right ul{height:100%;display:flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
.company .pics  .img:hover img{transform:scale(1.1)}


.fot_product{position:relative;z-index:2;background:#ffffff url(../images/2.png) center center no-repeat;background-size:contain;text-align:center;padding:1.15rem 0 1.05rem}
.fot_product .text h2{font-size:.48rem;color:#222222;font-weight:bold;margin:0 0 .45rem}
.fot_product .text  .more{font-size:0}
.fot_product .text  .more a{height:.5rem;line-height:.5rem;padding:0 .45rem;font-size:.15rem;display:inline-block;color:white;position:relative;}
.fot_product .text  .more a:after{content:"";position:absolute;width:100%;height:100%;background:black;left:0;top:0;z-index:-1;transition:.3s}
.fot_product .text  .more a:before{content:"";position:absolute;width:100%;height:0;background:white;left:0;top:0;z-index:-1;transition:.3s}
.fot_product .text  .more a:hover{color:#222222;box-shadow:0 0 15px rgba(0,0,0,0.5)}
.fot_product .text  .more a:hover:after{height:0;top:auto;bottom:0}
.fot_product .text  .more a:hover:before{height:100%}



.footer{background:#f7f5ef;z-index:2;position:relative;padding:.65rem 0 0}
.footer .logo img{width:2.3rem}
.footer .logo a{display:inline-block}
.footer .infos{padding:.45rem 0 .65rem;display:flex}
.footer .infos .left{width:50%}
.footer .infos .left h2{font-size:.18rem;color:#222222;font-weight:bold}
.footer .infos .left  p{font-size:.15rem;color:#666666;line-height:.25rem;margin:.25rem 0 .4rem}
.footer .infos .left .txt dd:first-child{margin:0 0 .08rem}
.footer .infos .left .txt a{font-size:.15rem;color:#666666;display:inline-block}
.footer .infos .right{width:50%}
.footer .infos .right h2{font-size:.18rem;color:#222222;font-weight:bold;margin:0 0 .25rem}
.footer .infos .right h3{font-size:.15rem;color:#000000;margin:0 0 .08rem}
.footer .infos .right p{font-size:.15rem;color:#666666;line-height:.31rem;position:relative;padding-left:.3rem}
.footer .infos .right p a{display: inline-block;font-size:.15rem;color:#666666;}
.footer .infos .right p a:hover{color:red;}
.footer .infos .right p:nth-child(3):after{content:"";position:absolute;background:url(../images/3.png) 0 0 no-repeat;width:.17rem;height:.21rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.footer .infos .right p:nth-child(4):after{content:"";position:absolute;background:url(../images/4.png) 0 0 no-repeat;width:.2rem;height:.19rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.footer .infos .right p:nth-child(5):after{content:"";position:absolute;background:url(../images/5.png) 0 0 no-repeat;width:.2rem;height:.2rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.footer .infos .right p:nth-child(6):after{content:"";position:absolute;background:url(../images/6.png) 0 0 no-repeat;width:.2rem;height:.15rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.footer .bot{height:.58rem;line-height:.58rem;border-top:1px solid  #eeeeee }
.footer .bot p{font-size:.14rem;color:#666666;}


.product_list{background:#f7f5ef;position:relative;z-index:2;padding:1.2rem 0 .7rem}
.product_list .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.3rem .25rem}
.product_list .lists ul li a:hover img{transform:scale(1.1)}
.product_list .lists ul li a:hover {box-shadow:4px 4px 6px rgba(0,0,0,.5);transform:translateY(-5px)}
.page{padding:.5rem 0;display:flex;justify-content: center;}
.page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.16rem;border-radius:5px;color:black;margin:0 5px;}
.page a.page-link{width:.7rem;border:1px solid black}
.page a.page-links{border:1px solid black;}
.page a.page-links i{font-size:.2rem;color:black;}
.page a.page-link:hover{background:black;color:white;border-color:black}
.page a.page-links:hover{background:black;color:white;border-color:black}
.page a.page-links:hover i{color:white}
.page a:hover{background:black;color:white;border-color:black}
.page a.page-num-current{background:black;color:white;border-color:black}


.fot_message{padding:1.15rem 0 ;position:relative;z-index:2;background:url(../images/10.jpg) 0 0 no-repeat;background-size:cover;background-attachment:fixed}
.fot_message .title{padding:0 0 .55rem;text-align:center}
.fot_message .title h2{font-size:.36rem;color:white;font-weight:bold}
.fot_message .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem .2rem}
.fot_message .form ul li input{width:100%;height:.55rem;background:white;border:0;font-size:.16rem;color:black;padding:0 .15rem}
.fot_message .form .area{margin:.2rem 0}
.fot_message .form .area textarea{width:100%;height:1.7rem;background:white;border:0;font-size:.16rem;color:black;;padding:.15rem}
.fot_message .form .sub{margin:.2rem 0 0;text-align:center;padding:0 0 .75rem}
.fot_message .form .sub button{width:100%;height:.49rem;color:white;font-size:.2rem;background:none;font-weight:bold;border:1px solid white}
.fot_message .form .sub button:hover{background:white;color:black;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.fot_message .form   .code .xx {display:flex}
.fot_message .form  .code .xx input{width:1.5rem;font-size:.15rem;color:#000;padding:0 .1rem;height:.45rem;border:1px solid #dcdcdc}



.product{background:#f7f5ef;position:relative;z-index:2;padding:1.2rem 0}
.product>div{display:flex;justify-content: space-between;}
.product .left{width:61.8%;display:flex;justify-content: space-between;}
.product .left .img_list{width:15.2%}
.product .left .img_list  .img{cursor:pointer}
.product .left .img_list .img{border:2px solid transparent }
.product .left .img_list .swiper-slide-thumb-active  .img{border:2px solid black}
.product .left .img_list .swiper-container{height:6.48rem}
.product .left .bigimg{width:82.2%}
.product .right{width:31.875%;position:relative}
.product .right h2{font-size:.36rem;color:#333333;font-weight:bold;margin:0 0 .35rem}
.product .right .text{height:1.8rem;overflow-y:auto;font-size:.16rem;color:#333333;line-height:.28rem}

.product .right  .more a{height:.5rem;line-height:.5rem;padding:0 .6rem;font-size:.15rem;display:inline-block;color:white;position:relative;}
.product .right  .more a:after{content:"";position:absolute;width:100%;height:100%;background:black;left:0;top:0;z-index:-1;transition:.3s}
.product .right  .more a:before{content:"";position:absolute;width:100%;height:0;background:white;left:0;top:0;z-index:-1;transition:.3s}
.product .right  .more a:hover{color:#222222;box-shadow:0 0 15px rgba(0,0,0,0.5)}
.product .right  .more a:hover:after{height:0;top:auto;bottom:0}
.product .right  .more a:hover:before{height:100%}
.product .right  .met_page {position:absolute;bottom:0;left:0}
.product .right  .met_page  ul li{display:flex;font-size:.14rem;color:#777777;gap:.1rem;align-items: center;margin:.1rem 0 0}
.product .right  .met_page  ul li a{color:#222;border-bottom:1px solid #222}




.news_box{background:#f7f5ef;position:relative;z-index:2;padding:.7rem 0 .7rem}
.news_box .lists ul li{padding:.5rem 0;border-bottom:1px solid #dcdcdc }
.news_box .lists ul li:last-child{border:0}
.news_box .lists ul li .items{display:grid;grid-template-columns:31.25% 64.45%;justify-content:space-between;align-items:center}
.news_box .lists ul li .items:hover img{transform:scale(1.1)}
.news_box .lists ul li .text h2{font-size:.3rem;color:#222222;font-weight:bold}
.news_box .lists ul li .text h3{margin:.2rem 0 .3rem;font-size:.15rem;color:#222222}
.news_box .lists ul li .text p{font-size:.15rem;color:#222222;height:.5rem;line-height:.25rem}
.news_box .lists ul li .text  .more a{height:.5rem;line-height:.5rem;padding:0 .6rem;font-size:.15rem;display:inline-block;color:white;position:relative;margin:.55rem 0 0}
.news_box .lists ul li .text  .more a:after{content:"";position:absolute;width:100%;height:100%;background:black;left:0;top:0;z-index:-1;transition:.3s}
.news_box .lists ul li .text  .more a:before{content:"";position:absolute;width:100%;height:0;background:white;left:0;top:0;z-index:-1;transition:.3s}
.news_box .lists ul li .text  .more a:hover{color:#222222;box-shadow:0 0 15px rgba(0,0,0,0.5)}
.news_box .lists ul li .text  .more a:hover:after{height:0;top:auto;bottom:0}
.news_box .lists ul li .text .more a:hover:before{height:100%}



.news_mbx{padding:.8rem 0 0;background:#222222}
.news_mbx .mbx{display:flex;height:.45rem;align-items: center;gap:5px;color:white}
.news_mbx .mbx a{color:white;font-size:.14rem}



.contact_box{background:#f7f5ef;position:relative;z-index:2;padding:1.15rem 0 1.35rem}
.contact_box .title{text-align:center;position:relative;margin:0 0 .6rem}

.contact_box .title:after{content:'';position:absolute;height:2px;width:100%;left:0;top:50%;transform:translateY(-50%);background:#000;z-index:-1}
.contact_box .title h2{font-size:.36rem;color:#222222;font-weight:bold;background:#f7f5ef;z-index:2;display:inline-block;padding:0 .22rem}
.contact_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .25rem}
.contact_box .lists ul li{background:white;padding:.4rem .2rem .1rem;text-align:center;}
.contact_box .lists ul li h2{font-size:.15rem;line-height:.24rem;padding:.55rem 0 0;position:relative;color:#222222;}
.contact_box .lists ul li h2 a{font-size:.15rem;color:#222222;}
.contact_box .lists ul li a:hover{color:red;}
.contact_box .lists ul li:nth-child(1) h2:after{content:"";position:absolute;background:url(../images/11.png) 0 0 no-repeat;width:.27rem;height:.33rem;background-size:100%;top:0;left:50%;transform:translateX(-50%)}
.contact_box .lists ul li:nth-child(2) h2:after{content:"";position:absolute;background:url(../images/12.png) 0 0 no-repeat;width:.32rem;height:.30rem;background-size:100%;top:0;left:50%;transform:translateX(-50%)}
.contact_box .lists ul li:nth-child(3) h2:after{content:"";position:absolute;background:url(../images/13.png) 0 0 no-repeat;width:.32rem;height:.32rem;background-size:100%;top:0;left:50%;transform:translateX(-50%)}
.contact_box .lists ul li:nth-child(4) h2:after{content:"";position:absolute;background:url(../images/14.png) 0 0 no-repeat;width:.32rem;height:.24rem;background-size:100%;top:0;left:50%;transform:translateX(-50%)}


.tem_banner.index{overflow:hidden}
.tem_banner.index .slide-pagination {position:absolute;left:50%;transform:translateX(-50%);bottom:.35rem;z-index:2;text-align:center}
.tem_banner.index .slide-pagination span{opacity:1;width:.12rem;height:.12rem;background:none;border:1px solid white;margin:0 .1rem}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active{background:white}


.index_about{background:#f7f5ef url(../images/1.jpg) center bottom no-repeat;background-size:100%;;padding:1.15rem 0 1.2rem}
.index_about .title{margin:0 0 .8rem;text-align:center;position:relative;z-index:2}
.index_about .title .img{display:inline-block;background:#f7f5ef;padding:0 .25rem}
.index_about .title .img img{width:2.5rem}
.index_about .title:after{content:'';position:absolute;height:2px;width:100%;left:0;top:58%;transform:translateY(-50%);background:#000;z-index:-1}

.index_about .about_pics{display:grid;grid-template-columns:74.37% 24.3%;justify-content:space-between}
.index_about .about_pics .left{}

.index_about .about_pics .left dl{display:grid;}
.index_about .about_pics .left dl:nth-child(1){grid-template-columns:55.75% 42.2%;justify-content: space-between;margin:0 0 .2rem}
.index_about .about_pics .left dl:nth-child(2){gap:0}
.index_about .about_pics .left dl:nth-child(3){grid-template-columns:32.67% 65.35%;justify-content: space-between;margin:.2rem 0 0}
.index_about .about_pics .right ul{height:100%;display:flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
.index_about .about_pics  .img:hover img{transform:scale(1.1)}
.index_about .about_text{padding:1.2rem 1.2rem .7rem}
.index_about .about_text h2{text-align:center;font-size:.36rem;color:black;font-weight:bold;margin:0 0 .35rem}
.index_about .about_text p{font-size:.15rem;color:#555555;line-height:.26rem}
.index_about .about_text  .more{text-align:center;margin:.4rem 0 0}
.index_about .about_text  .more a{height:.5rem;line-height:.5rem;padding:0 .6rem;font-size:.15rem;display:inline-block;color:white;position:relative;z-index:2}
.index_about .about_text  .more a:after{content:"";position:absolute;width:100%;height:100%;background:black;left:0;top:0;z-index:-1;transition:.3s}
.index_about .about_text  .more a:before{content:"";position:absolute;width:100%;height:0;background:white;left:0;top:0;z-index:-1;transition:.3s}
.index_about .about_text  .more a:hover{color:#222222;box-shadow:0 0 15px rgba(0,0,0,0.5)}
.index_about .about_text  .more a:hover:after{height:0;top:auto;bottom:0}
.index_about .about_text  .more a:hover:before{height:100%}
.index_about .video{position:relative}
.index_about .video video{width:100%}
.index_about .video .btns{cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.7rem;height:.7rem;line-height:.788rem;text-align:center}
.index_about .video .btns i{color:black;font-size:.24rem}
.index_about .video .btns:after{content:"";position:absolute;width:100%;height:100%;border-radius:100%;background:#ffffff;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.index_about .video .btns:before{content:"";position:absolute;width:145%;height:145%;border-radius:100%;background:rgba(255,255,255,.35);;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.index_about .video .btns:hover:after{ animation: scalepulse 1.3s linear .3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.index_about .video .btns:hover:before{ animation: scalepulse 1.3s linear .15s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}


.index_product{background:#f7f5ef;padding:1.15rem 0 1.2rem}
.index_product>div>h2{text-align:center;font-size:.36rem;color:#222222;font-weight:bold;margin:0 0 .55rem}
.index_product .lists ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_product .lists ul li{width:48.4%;}
.index_product .lists ul li:last-child{width:100%;margin:.4rem 0 0}
.index_product .lists ul li a{position:relative}

.index_product .lists ul li a:after{content:'';position:absolute;background:rgba(0,0,0,.4);width:100%;height:100%;left:0;top:0;z-index:0;opacity:0;transition:.3s}
.index_product .lists ul li a:hover:after{opacity:1}
.index_product .lists ul li a:hover .img img{transform:scale(1.1)}
.index_product .lists ul li a:hover {box-shadow:4px 4px 6px rgba(0,0,0,.15);transform:translateY(-10px)}
.index_product .lists ul li a .imgs1{position:absolute;transform:translateY(-50%);top:50%;text-align:center;width:100%;z-index:2}
.index_product .lists ul li a .imgs3{position:absolute;transform:translateY(-50%);top:50%;padding-left:1.8rem;width:100%;z-index:2}



.fixed_box{position:fixed;right:.15rem;z-index:999;top:30%}
.fixed_box ul li{margin:0 0 5px;position:relative}
.fixed_box ul li>a{width:.48rem;height:.48rem;border-radius:3px;border:1px solid black;box-shadow:0 0 12px rgba(0,0,0,0.1)}
.fixed_box ul li:nth-child(1)>a{background:white url(../images/18.png) center center no-repeat;background-size:.25rem .18rem}
.fixed_box ul li:nth-child(2)>a{background:white url(../images/19.png) center center no-repeat;background-size:.22rem .23rem}
.fixed_box ul li:nth-child(3)>a{background:white url(../images/20.png) center center no-repeat;background-size:.25rem .26rem}
.fixed_box ul li:nth-child(1):hover>a{background:black url(../images/18-1.png) center center no-repeat;background-size:.25rem .18rem}
.fixed_box ul li:nth-child(2):hover>a{background:black url(../images/19-1.png) center center no-repeat;background-size:.22rem .23rem}
.fixed_box ul li:nth-child(3):hover>a{background:black url(../images/20-1.png) center center no-repeat;background-size:.25rem .26rem}
.fixed_box ul li .txt{position:absolute;right:-2.5rem;width:2.5rem;top:50%;transform:translateY(-50%);opacity:0;z-index:-1}
.fixed_box ul li .txt{padding-right:.1rem}
.fixed_box ul li .txt a{height:.45rem;line-height:.45rem;background:white;text-align:center;font-size:.15rem;color:black;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.fixed_box ul li:hover  .txt{right:100%;opacity:1;}
.fixed_box ul li .txt a:hover{background:black;color:white}


.box_return{top:80%;right:.2rem;position:fixed;z-index:999;display:none;transition:none;}
.box_return a{width:.6rem;height:.6rem;background:rgba(68,68,68,.15) url(../images/21.png) center center no-repeat;background-size:.22rem .32rem;border-radius:100%}
.box_return a:hover{background:white url(../images/21-1.png) center center no-repeat;box-shadow:0 0 12px rgba(0,0,0,0.5);;background-size:.22rem .32rem}


/********<=767 mobile nav style css********/

.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

/**************************/

/******ipad****/

@media(max-width:1600px){
    .pad32{margin:0 1.5rem}
}


@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	.tem_banner.indise .flash{padding:50px 0 0}
	.tem_banner.indise .col_banner{height:4rem !important}
	.tem_banner.indise .flash .bg{height:4rem !important}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
     .pad32{margin:0 .2rem}
     .index_about .title .img{width:50%}
     .index_about .about_pics .left dl:nth-child(1){margin:0 0 .1rem}
.index_about .about_pics .left dl:nth-child(3){margin:.1rem 0 0}
.index_about .about_text{padding:1.2rem .2rem .7rem}
.index_about .about_text p{line-height:.3rem}
.index_product .lists ul li a .imgs1 img{width:70%}
.index_product .lists ul li a .imgs3{padding-left:.5rem}
.index_product .lists ul li a .imgs3 img{width:30%}
.fot_message .form ul{display:grid;grid-template-columns:1fr}
.fot_message .form ul li input{height:.7rem}
.fot_message .form .sub button{height:.7rem}
.footer .logo{width:50%}
.footer .infos{display:inherit}
.footer .infos .left p{line-height:.3rem}
.footer .infos .left{width:100%}
.footer .infos .right{width:100%;margin:.2rem 0 0}
.company .infos{line-height:.3rem}
.company .pics .left dl:nth-child(1){margin:0 0 .1rem}
.company .pics .left dl:nth-child(3){margin:.1rem 0 0}
.product_list .lists ul{grid-template-columns:1fr 1fr}
.product>div{display:inherit}
.product .left{width:100%}
.product .right{width:100%}
.product .right .met_page{position:inherit;margin:.5rem 0 0 }
.news_box .lists ul li .items{grid-template-columns:100%;grid-gap:.3rem}
.news_mbx{padding:50px 0 0}
.contact_box .lists ul{grid-template-columns:1fr;grid-gap:.3rem}
.contact_box .lists ul li{padding:.3rem .2rem}

#pantalla_inicio{
    position:absolute;
    width:100%;
    height:100%;
    background:#000;
    float:left;
    z-index:900;
}
.fondo_pantalla_inicio{
    height:auto;
    width:100%;
    top:50%;
    margin-top:-35%;
    position:absolute;
    }
.fondo_pantalla_inicio2{
    height:auto;
    width:100%;
    top:50%;
    margin-top:-35%;
    position:absolute;
    z-index:899;
    }
#texto_inicio{
    height: 65px;
    width: 250px;
    top: 45%;
    position: absolute;
    z-index:999;
    opacity:1;
    /*display:none;*/
}
.texto_inicio{
    left:50%;  /*se oculta por la izquierda*/
    margin-left:-100px;
}
.p_inicio{
    filter: blur(15px); 
  -webkit-filter: blur(15px); 
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
    position: absolute;
    height: auto;
    width: 160px;
    padding: 10px 30px;
    z-index:999;
    text-align:left;
   font-family: 'poiret_oneregular';
   left:25px;
   /*display:none;*/
    opacity:0;
}
.p_inicio_ok{
    opacity:1;
    filter: blur(0px); 
  -webkit-filter: blur(0px); 
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
    position: absolute;
    height: auto;
    width: 160px;
    padding: 10px 30px;
    z-index:999;
    text-align:left;
   font-family: 'poiret_oneregular';
   left:25px;
    -webkit-transition: all 3s ease-in-out;
    -moz-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    -ms-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
}


}