/*
* @description: moblie
* @author: Senxia
* @update: 2018-07-23
*/




.jq22-container video{ display: none;}
.jq22-container .video-m{ position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background:#000 url(../video/video_cabecera.gif) no-repeat center center / 100% auto;}


.news-list-left{ padding-bottom: 0.8rem; }
.news-list-left .bd li img{ width: 100%;}
.news-list-left .bd li dl{ width: 100%; padding: 0.2rem;}
.news-list-left .bd li dl dt{ width: 100%; font-size: 0.24rem; overflow: hidden; height: 0.24rem; line-height: 0.24rem;}
.news-list-left .bd li dl dd{ width: 100%;  font-size: 0.14rem; line-height: 1.7; height: 0.41rem; overflow: hidden; }
.news-list-left .hd{ position: absolute; width: 100%; z-index: 22; bottom: 50%; margin-top:0.4rem;  left: 0%;}
.news-list-left .prev,.news-list-left .next{ float:left; color: #fff; font-size: 0.36rem; line-height: 0.8rem; text-align: center; width:0.4rem; height:0.8rem; background:rgba(0,0,0,0.5); position: relative; overflow:hidden;  cursor: pointer; margin: 0;}
.news-list-left .next{ float: right;}
.news-list-left .prev::before{ content: "\e60f"; font-family: "iconfont"}
.news-list-left .next::before{ content: "\e77f"; font-family: "iconfont"}





.index .l{ width: 100%; margin-top: 0; float: left; vertical-align: middle; text-align: center;}
.index .r{ width: 100%; margin-top: 0; padding-bottom: 0.3rem; float: left; text-align: center; vertical-align: middle;}

.i-down,.product,.about{ width: 100%; float: left;}
.i-down h2,.product h2,.about h2{ font-size: 0.3rem; width: 100%; font-family: "Helvetica-45",arial;font-style: italic}
.i-down img,.product img,.about img{ max-width: 100%;}
.i-down img:hover,.product img:hover,.about img:hover{ max-width: 100%; opacity: 0.7;}
.i-down img{ position: absolute; top: 50%; margin-top: -3.5rem; left: 0; width: 100%;}
.i-down .l{height: 3rem; overflow: hidden; position: relative;}



.i-down{ background: #eee;}
.about{ background: #eee; }



.i-down p,.product p,.about p{ width: 100%; float: left; font-size: 0.14rem; line-height: 1.7; font-style: italic}

.i-down .r,.about .r,.product .r{ text-align: right; box-sizing: border-box; padding: 0.2rem;}
.product .l{ text-align: left; box-sizing: border-box; padding: 0.2rem;}



.footer{ width: 100%; background: #000; float: left;   text-align: center; color: #fff; position: relative; z-index: 99; }
.footer{ padding: 0.2rem; box-sizing: border-box}
.footer .f-logo{ float: left; margin-top: 0.15rem; text-align: center; width: 100%; }
.f-s{ width: auto; line-height: 0.3rem; margin-top: 0.15rem; display: inline-block; font-size: 0.12rem;  vertical-align: middle;}
.f-s form{ font-size: 0; display: none;}
.f-s input{ border: none; height: 0.34rem; box-sizing: border-box; margin: 0; background: #fff; }
.f-s input.text{ width: 60%; padding: 0.05rem 0.3rem; line-height: 1.5rem;  border-top-left-radius: 0.34rem; border-bottom-left-radius: 0.34rem;}
.f-s input.submit{ padding: 0 0.2rem; background: none; border:1px solid #fff; color: #fff; cursor: pointer; border-top-right-radius: 0.34rem; transition: all .3s ease-in ;border-bottom-right-radius: 0.34rem;}
.f-s input.submit:hover{ opacity: 0.5;}
.footer .f-r{ float: right; display: none; text-align: left; width: 100%; color: #5D5D5D; font-size: 0.12rem;}
.footer .f-r img{ max-width: 100%;}


.footer .wz2{ font-size: 0.12rem; line-height: 0.2rem; text-align: center; box-sizing: border-box; padding:0.15rem 0rem;}
.footer .wz2 .fr{ float: none; clear: both;}
.footer .wz2 span:first-child{margin: 0; float: left; text-transform: none; width: 100%;}
.footer .wz2 span{margin: 0 0.02rem; text-transform: none;}

.footer .wz2 img{ display: none;}

/*
.kf{ width: 100%; background: #000; float: left;}
.kf ul{ width: 100%; background: #000; float: left;}
.kf ul li{ width: 25%; float: left; box-sizing: border-box; height: 0.4rem;}
.kf ul li a{ color: #fff; font-size: 0.12rem; width: 100%; float: left; line-height: 0.18rem; text-align: center; text-transform: uppercase;   }
.kf ul li a:before{ content: ""; width: 100%; height: 0.12rem; margin-top: 0.05rem; float: left;}
*/
    
    .i-down h2, .product h2, .about h2{ font-size: 0.24rem; font-weight: bolder}
    .i-down p, .product p, .about p{ font-size: 0.14rem; line-height: 1.7}
    .common{ padding-left: 0.2rem; padding-right: 0.2rem;}
    .common-nav-list li{ font-size: 0; max-width: 1.5rem; margin: 0 0.12rem;}
    .common-nav-list li a,.common-nav-list li{ line-height: 1.7;}


    .new-zt ul.new-list li{ width: 47.5%;}
    .new-zt ul.new-list li:nth-child(3n){margin-right: 5% !important;}
    .new-zt ul.new-list li:nth-child(2n){ margin-right:0 !important;}