﻿/*显示器小于800时候生效*/
@media screen and (max-width: 800px) {
body{ font-size: 0.24rem}
input, textarea {background: transparent;padding: 0px;font-size: 0.12rem;font-family: Arial, "微软雅黑";color: #888;outline: none;border: 0px;}
.mt9{margin-top: 0.9rem;}
.page{width: 100%;}
.top{ width:100%; float: left; position: fixed; background: #fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); height: 0.9rem;    z-index: 99999999;}
.top .logo{height: 0.7rem;margin: 0.1rem 0 0 0.2rem;width: auto;}
.top .logo img{height: 0.7rem;}
.top .nav{ display: none}
.Mnav{width:0.51rem;height: 0.51rem;position: absolute;right: 0.2rem;background: url(../pic/navIco.png) no-repeat;background-size: cover;display: block;top: 0.2rem;}
.bn-alp {/* height: 4rem; */}
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox {}
.bn-alp .abox li {/* height: 4rem; *//*transition: all 6s ease; -webkit-transition: all 2s ease; transform: scale(1.1);*/}
.bn-alp .abox li img.bg {/* display:none; */}
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i {}
.bn-alp .i i { display:inline-block; margin-right:0.1rem; width:0.2rem; height:0.1rem; background:#d2d2d2; border-radius:0.05rem; cursor:pointer; transition: 0.3s all ease-in-out;}
.bn-alp .i i.on {background:#373737;width:0.4rem; }
.ny,.ny .abox li {height: 2.48rem;}
.ny .i{ bottom:0.1rem}

.indcp li{width: calc(50% - 2px - 0.4rem);margin: 0.4rem 0.2rem 0 0.2rem;}
.indcp li span{height: 3rem;}
.indcp li span img{ height:2.3rem; position: absolute; margin: auto; left: -50%; right:-50%;top: -50%; bottom:-50%; }
.indcp li h2{font-size: 0.28rem;line-height: 0.7rem;height: 0.7rem;}
.indcp2{ float: left; width: 100%; margin-top: 0.5rem }
.indcp2 strong{font-size: 0.8rem;}
.indcp2 span{font-size: 0.48rem;padding: 0.2rem 0;}
.indcp2 span:before{/* content: ""; */}	
.indcp2 em{font-size: 0.28rem;margin-top: 0.3rem;}
.indcp2 p{font-size: 0.28rem;line-height: 0.4rem;margin-top: 0.1rem;}
/*   底部  */
.footer1{padding: 0rem 0 0.15rem 0;font-size: 0.24rem;margin-top: 0.5rem;background-size: 100%;}	
.footer1 a{color:#515e6b;}
.footer1 .col-sm-4{width: calc(100% - 20%);margin-left: 10%;margin-right: 10%;padding-top: 0.35rem;}
.footer1 .col-sm-4 .footer-logo{width: 100%;margin-bottom: 0rem;}
.footer1 .col-sm-4 .footer-logo img{width: 4.85rem;}
.footer1 .ft_som{float: left;width: 100%;color: #b3b3b3;/* background: url(../pic/lxfs.jpg) no-repeat; *//* background-size: 4.88rem 0.9rem; *//* padding-top: 0.9rem; */position: relative;}
.footer1 .ft_som #footer-smo a{width: 0.4rem;height: 0.8rem;}
.footer1 .ft_som #footer-smo a:first-child{left: 0.05rem;}
.footer1 .ft_som #footer-smo a:first-child+a{left: 0.55rem;}
.footer1 .ft_som #footer-smo a:first-child+a+a{left: 1.3rem;}	
.footer1 .ft_som #footer-smo a:first-child+a+a+a{left: 2.04rem;}	

.footer1 .ft_som #footer-smo a:first-child+a+a+a+a{left: 2.8rem;}
.footer1 .ft_som #footer-smo a:first-child+a+a+a+a+a{left: 3.6rem;}
.footer1 .ft_som #footer-smo a:first-child+a+a+a+a+a+a{left: 4.3rem;}
.footer1 .footer-copyright{width: 100%;font-size: 0.24rem;}
.footer1 .footer-link{font-size: 0.24rem;width: 100%;margin-top: 0.2rem;}
.footer1 .main_company{float: left;width: 100%;border-top: 1px dashed #ededed;padding-top: 0.2rem;}
.footer1 .main_company h3{margin: 0 0 0.05rem;font-size: 0.32rem;font-weight: normal;color: #000;}
.footer1 .relat_company{width: 100%;float: left;margin-top: 0.35rem;border-top: 1px dashed #ededed;padding-top: 0.2rem;}
.footer1 h5{color: #00b0ec;margin: 0 0 0.1rem;font-weight: normal;font-size: 0.24rem;}
.footer1 h4{color: #000;margin: 0 0 0.1rem;font-weight: normal;font-size: 0.28rem;}
.footer1 ul li{font-size: 0.24rem;line-height: 0.35rem;}
.footer1 .agent{float: left;width: 100%;border-top: 1px dashed #ededed;padding-top: 0.2rem;}
.footer1 .agent2{float: left;width: 100%;margin-top: 0.35rem;padding-top: 0.2rem;}
.footer1 .xiangshang{position: absolute;top: -0.5rem;height: 0.5rem;width: 0.5rem;right: 0.2rem;}


/*   产品列表  */
.mbx{width: calc(100% - 0.2rem);text-align: left;padding: 0.2rem 0 0rem 0.2rem;line-height: 0.24rem;height: 0.24rem;}
.mbx a{color: #444;}
.chanpin{ width:100%; float: left; overflow: hidden;}
.chanpin .L-sidebar{width: calc(100% - 0.4rem);float: left;margin-top: 0.2rem;margin-left: 0.2rem;}
.chanpin .L-sidebar h2{background:#159bc6;width:calc(100% - 0.2rem);text-align: center;float: left;font-size: 0.28rem;color: #fff;border-radius: 0.03rem;position: relative;padding: 0.15rem 0.1rem;margin-top: 0.15rem;}
.chanpin .L-sidebar h2 a{ color: #fff; font-weight: normal}
.chanpin .L-sidebar li{ width: 100%;  float: left;}
.chanpin .L-sidebar li a{font-size: 0.24rem;padding: 0.1rem 0;border-radius: 0.1rem;width: calc(33.33% - 0.2rem);}
.chanpin .L-sidebar .xiazai{display: none;}
.chanpin .L-sidebar .xiazai img{ width:100%}

.R-sidebar{width: 100%;float: right;margin-top: 0.3rem;}
.R-sidebar li{width: calc(50% - 0.4rem - 2px);margin: 0rem 0.2rem 0.3rem 0.2rem;}
.R-sidebar li span{ width:100%; height: 2.3rem; float: left; overflow: hidden; position: relative; border-bottom: 1px solid #ededed;}
.R-sidebar li span img{ height:2.3rem; position: absolute; margin: auto; left: -50%; right:-50%;top: -50%; bottom:-50%; }
.R-sidebar li h2{ font-size: 0.28rem; line-height: 0.7rem;height: 0.7rem;}
.R-sidebar2{width: calc(100% - 0.4rem);float: right;margin-top: 0.3rem;padding: 0 0.2rem;}
.R-sidebar2 .imgb{width: calc(100% - 2px);height: 3.5rem;}
.R-sidebar2 .imgb img{max-height: 3.5rem;max-width: 100%;}
.R-sidebar2 .h1{float: right;width: calc(100% - 0rem - 0px);color: #159bc6;font-size: 0.42rem;height: 0.5rem;line-height: 0.5rem;margin-top: 0.2rem;}
.R-sidebar2 .cshu{width: calc(100% - 0rem - 0px);font-size: 0.26rem;margin-top: 0.1rem;}
.R-sidebar2 .miaosh{width: calc(100% - 0rem - 0px);-webkit-line-clamp: 4;margin-top: 0.2rem;line-height: 0.3rem;font-size: 0.20rem;}
.R-sidebar2 .fenleis{margin-top: 0.2rem;border-bottom: 0px solid #b9b9b9;}
.R-sidebar2 .fenleis a{width: calc(1.06rem - 2px);line-height: 0.4rem;border-bottom: 1px solid #b9b9b9;font-size: 0.20rem;margin-bottom: 0.1rem;}
.R-sidebar2 .fenleis a.on{background: #929292;color: #fff;font-weight: bold;}
.R-sidebar2 .fenleis a:first-child{margin-left: 0.1rem;}
.R-sidebar2 .li01{margin-top: 0.2rem;font-size: 0.36rem;}
.R-sidebar2 .dimCxx{font-size: 0.24rem;line-height: 0.4rem;}
.R-sidebar2 .dimCxx img{max-width: 100%;}
.R-sidebar2 .dimCxx table{max-width: 100%;}
.newsL{width: 100%; float: right;margin-top: 0.3rem}
.R-nav{width: calc(100% - 0.2rem);float: left;font-size: 0.48rem;border-bottom: 1px solid #ededed;padding-bottom: 0.15rem;height: 0.48rem;line-height: 0.48rem;padding-left: 0.2rem;}
.newsL li{width: calc(100% - 0.4rem);padding: 0.1rem 0.2rem 0.1rem 0.2rem;}
.newsL li .color_b{}
.newsL li .color_p{font-size: 0.28rem;}
.newsL li p{line-height: 0.3rem;-webkit-line-clamp: 3;font-size: 0.22rem;}
.newsL li .tab-img{}
.newsL li .tab-img img{}
.newsLxx{width: calc(100% - 0.4rem); padding: 0 0.2rem;}
.newsLxx .h1{width: 100%;float: left;text-align: center;font-size: 0.36rem;}
.newsLxx .tga{font-size: 0.20rem;}
.newsLxx .newsC{font-size: 0.24rem;line-height: 0.4rem;}
.newsLxx .newsC img{max-width: 100%;}
.newsLxx .newsC table{max-width: 100%;}
.newsLxx .shangyip{line-height: 0.3rem;font-size: 0.24rem;margin: 0.1rem 0 0 0;}
.danye{width: 100%;}
.danyeC{width: calc(100% - 0.4rem);float: left;overflow: hidden;padding: 0.2rem 0.2rem;font-size: 0.14rem;line-height: 0.3rem;}
.danye .danyeC img{max-width: 100%;}
.danye .danyeC table{max-width: 100%;}
.hpage{font-size: 0.22rem;width:100%;}
.hpage span{color:#ffffff;background: #159bc6;padding:0.02rem 0.08rem;border: 1px solid #159bc6;margin: 0 0.05rem;}
.hpage a{margin: 0 0.05rem;text-decoration:none;color: #666666;padding: 0.02rem 0.08rem;border: 1px solid #f2f2f2;background:#ffffff;}
.hpage a:hover{ color:#ff6600; text-decoration:none}

.downL{width: 100%; float: right;margin-top: 0.3rem}
.downL .xiazai{width: calc(100% - 0.6rem);padding: 0.2rem 0.2rem 0.2rem 0;padding-left: 0.4rem;}
.downL li:before{content: '';left: 0.15rem;top: 0.3rem;width: 0.1rem;height: 0.1rem;background: none;border: 1px solid #009ee6;border-radius: 50%;}

.downL li span{position:absolute; right: 0px; top: 0px; width: 1rem; text-align: right; height: 0.16rem; line-height: 0.16rem; color: #888888; font-size:0.12rem; font-weight: normal}
.downL li .down{right: 0.2rem;height: 0.5rem;background-size: 0.3rem;}
.chanpin[container="1"] .L-sidebar,.chanpin[container="5"] .L-sidebar,.chanpin[container="2"] .L-sidebar,.chanpin[container="4"] .L-sidebar,.chanpin[container="3"] .L-sidebar{ display: none}
.chanpin[container="1"] .mbx,.chanpin[container="2"] .mbx,.chanpin[container="4"] .mbx,.chanpin[container="3"] .mbx{text-align:right;padding: 0.2rem 0.2rem 0rem 0rem;}


.mobileNavbar{position: fixed;top: 0.9rem;right: 0;bottom: 0px;width: 0;height: 100%;background: #fff;z-index: 99;transition: all .3s ease;border-top: 1px solid #009ee6;display: unset;}
.subNav{cursor: pointer;display: block;height: 0.9rem;line-height: 0.9rem;padding-left: 0.3rem;position: relative;font-size: 0.28rem;border-bottom: #e3e3e3 solid 1px;background: url(../pic/ico3.png) right center no-repeat;background-size: 0.42rem;}
.currentDt{ background:url(../pic/ico3on.png) right center no-repeat;background-size: 0.42rem;}
.navContent{height: 0;overflow: hidden;transition: all .3s ease;}
.navContent li a{display:block;height:0.75rem;line-height:0.75rem;font-size:0.24rem;padding-left:0.5rem;border-bottom: #e3e3e3 solid 1px;color:#666;}

.footer1 .col-sm-5{width: calc(100% - 20%);
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 0.35rem;
    text-align: left;}

.hmindcp3{float: left; width: 100%; margin-top: 0.1rem; display: none;border-top: 1px solid #ededed;}
.hmindcp3 a{ padding: 0 10px; line-height: 30px; float: left}
.hmindcp3 strong{  line-height: 30px; float: left}
}