@import url("fonts/iconfont.css");
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/iconfont.woff2') format('woff2'),
      url('fonts/iconfont.woff') format('woff'),
      url('fonts/iconfont.ttf') format('truetype'),
      url('fonts/iconfont.svg#iconfont') format('svg');}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 8px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
a,blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}
body{background:#f3f3f3;font-family:PingFang sc,Microsoft YaHei,Helvetica;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none}
li,ol,ul{list-style:none}
input[type=password],input[type=text],textarea{outline:0;background:#fff;white-space:pre-wrap;word-wrap:break-word;resize:none;-webkit-appearance:none}

.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:31.2rem){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:5.8rem){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:6.8rem){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}
img {border:none;}
body { background:#fff;}
em,i{font-style:normal}
.head-bar { background:#f99114; border-bottom:none; display:none}
.head-bar-title { color:#fff; font-weight:400;}
.head-bar img { filter: grayscale(100%) brightness(500%);}
.gird-4 { background:#fff;padding: .2rem .1rem;}
.gird-4 li {width: 25%; height: 1.8rem;float: left;display: flex;justify-content: center;align-items: center;position:relative;}

.head_index{margin: 0px auto;position: relative;z-index: 0;left: 0;top: 0;right: 0;width:100%;height:1rem;background:#fff}
.op-nav-logo{width:30%;float:left;height:0.8rem;overflow:hidden;display: flex;justify-content: center;align-items: center;margin-top:0.1rem}
.op-nav-logo img{width:100%;height:100%}
.index_name{width:40%;overflow:hidden;float:left;line-height:1rem;font-size:.36rem;color:#333;text-align:center}


.icon_cdx{position:fixed;top:0.9rem;right:0.28rem;height:0.55rem;width:0.55rem;z-index:1000;}
.icon_cdx .i1{position:absolute;top:0;left:0;width:.25rem;height:.25rem;background:rgba(153,153,153,0.9);border-radius:.06rem 0 0 0 }
.icon_cdx .i2{position:absolute;top:0;right:0;width:.25rem;height:.25rem;background:rgba(153,153,153,0.9);border-radius:0 .06rem 0 0 }
.icon_cdx .i3{position:absolute;bottom:0;right:0;width:.25rem;height:.25rem;background:rgba(153,153,153,0.9);border-radius:.0 0 .06rem 0 }
.icon_cdx .i4{position:absolute;bottom:0;left:0;width:.25rem;height:.25rem;background:rgba(153,153,153,0.9);border-radius:0 0 0 .06rem }



.head_top{margin: 0px auto;position:fixed;z-index: 998;left: 0;top: 0;right: 0;width:100%;height:1rem;background:#fff;border-bottom:1px solid #eee}
.head_top .h_left:before{width:0.6rem;position: absolute;top:0.2rem;left:0rem;height:0.6rem;display: flex;justify-content: center;align-items: center;background:#fff;color:#777777;content:"\e728";font-family: "iconfont";font-size:.4rem;z-index:100;}
.head_top .h_center{width: 80%;line-height:1rem;margin: 0 auto;text-align: center;font-size:0.36rem;color: #333;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.se {text-align:center;margin-left:.1rem;line-height:0.66rem;margin-top:0.12rem}
.se select { width: 90px; height: 0.65rem; display:none;}
.se input { border-radius:0px;padding:0px; margin:0px; outline: none;}
.se .se_1 {color:#999;height:0.65rem; padding:0px 10px;font-size:14px;width:3rem;border:none;background:#f5f5f5;margin-right:-5px;border-radius:25px 0 0 25px}
.se .se_2 { background: #f5f5f5;color:#999;border:none;font-size:20px; height:0.66rem; font-size:14px;border:none;border-radius:0 25px 25px 0;padding-right:.3rem;padding-top:0.01rem}

/*产品详情顶部*/
.sell_h_left:before{width:0.6rem;position: absolute;top:0.25rem;left: 0.2rem;height:0.6rem;display: flex;justify-content: center;align-items: center;background:rgba(0,0,0,.5);color:#fff;content:"\e728";font-family: "iconfont";font-size:.28rem;z-index:100;border-radius:50%}
.industry-bar {position:fixed;top:0;left:0;width:100%;display:none;z-index:1000;background:#ffffff;height:1rem}
.industry-bar .sell_h_left1:before{width:0.6rem;position: absolute;top:0.22rem;left: 0.2rem;height:0.6rem;display: flex;justify-content: center;align-items: center;background:#fff;color:#333;content:"\e728";font-family: "iconfont";font-size:.4rem;z-index:100;}
.industry-bar.hover {display:block}
.industry-bar ul{text-align:center}
.industry-bar li { height:1rem; font-size:14px;display: inline-block;}
.industry-bar li:hover a { color: #000;font-weight: 700;}

.industry-bar li a {display:block;color: #606060;font-size: .3rem;margin:0 .4rem;line-height:1rem;position:relative}
.industry-bar li.current a {color:#000;font-weight: 700;position:relative}
.industry-bar li.current:hover a:before{content: "";display: block;width: 100%;height:0.05rem;position: absolute;bottom:0.23rem;left: 0;background: #469db7;}
.industry-bar li.current a:before{content: "";display: block;width: 100%;height:0.05rem;position: absolute;bottom:0.23rem;left: 0;background: #469db7;}
.m10{background:#f5f5f5;height:0.8rem;overflow:hidden;width:100%;position:relative}
.m10:before{content:'';background:#fff;width:100%;height:50%;left:0;top:25%;position:absolute;}
.sell_title{overflow:hidden;padding:.28rem 0}
.sell_title p {text-align:center;font-size:.3rem;color:#000;font-weight: 700;border-bottom:3px solid #469db7;width:1.2rem;margin:0 auto;padding-bottom:0.1rem}











/*产品详情顶部end*/

.content {font-size: 14px;line-height: 180%;padding: 10px 16px;color:#666666}


.m_title{overflow:hidden;background:#fff;padding-bottom:.2rem}
.m_title span{display:block;text-align:center;font-size:.4rem;line-height:1rem;color:#333333}
.m_title em{background:url(img/mobile_title.png)no-repeat center;height:.35rem;display:block;background-size:100% 100%}
.m_elite{overflow:hidden}
.m_elite ul{overflow:hidden;padding:0 .28rem;background:#fff}
.m_elite li{width:48.5%;float:left;padding-bottom:.2rem;}
.m_elite li .m_img,.m_elite li .m_img img{width:100%;height:3.36rem;overflow:hidden}
.m_elite li p{color: #333;font-size: .2rem;display: block;font-weight: 400;text-align: center;padding:.1rem }

.m_elite li img{width:100%;height:100%}
.m_elite li:nth-child(2n+2){float:right}
.m_company{overflow:hidden;background:#fff;}
.intro{font-size:.28rem;line-height:.5rem;overflow:hidden;padding: .3rem 0.28rem;color:#333;}
.intro p{color:#333;text-align:center}
.intro p a{display:block;text-align:center;color:#ff0000;font-size:.28rem}
.intro img{width:100%;height:auto}

.m_honor{overflow:hidden;background:#fff}
.m_honor img{width:100%;height:100%}

.m_news{ overflow:hidden;background:#fff}
.m_news .hd{ height:0.7rem; line-height:0.7rem; background:#fff;}
.m_news .hd ul{overflow:hidden;box-sizing:border-box;padding:0 .28rem}
.m_news .hd ul li{ float:left; padding:0 0.3rem; color:#333;}
.m_news .hd ul li.on{ background:#ff0000;color:#fff;border-radius:.1rem}
.m_news .bd ul li img{width:2.4rem;border-radius:.06rem}
.m_news .bd ul li{position: relative;overflow:hidden;padding: .3rem 0;border-bottom:#eee 1px solid}
.m_news .bd ul li h5{font-size:.29rem;color:#333; font-weight:400;}
.m_news .bd ul li em{font-size:.24rem;line-height:.4rem;color:#777;text-align:left; font-style:normal; color:#999;}
.m_news .bd ul li .left{width:2.4rem; float:left;margin-left:.3rem;}
.m_news .bd ul li .right{overflow:hidden;font-size:.32rem;padding-right:.24rem;padding-left:.24rem}

.more a{color: #ff0000;font-size: .3rem;text-align: center;line-height: .6rem;border-radius:.5rem;border:#ff0000 1px solid;display:block;padding:.05rem 0}
.more{margin:0.2rem auto 0.3rem;width:4rem;}

.m_wx{overflow:hidden;background:#fff;padding:.3rem 0}
.m_wx p{text-align:center;color:#7f7f7f;line-height:.5rem;font-size:.24}
.m_wx .m_img{width:2.8rem;height:2.8rem;margin:0 auto 0;overflow:hidden}
.m_wx .m_img img{width:100%;height:100%}
.m_wx span{font-size:.4rem;font-weight:600;display:block;text-align:center;color:#cd3a2b;}
.lxwm_logo{width:50%;margin:.3rem auto;overflow:hidden;height:1.5rem;display: flex;justify-content: center;align-items: center}
.lxwm_logo img{width:100%;height:100%}

.m_footer{overflow:hidden;padding:.4rem 0;border-top:1px solid #b2b2b2;background:#fff}
.m_footer ul{overflow:hidden;text-align:center}
.m_footer li{display: inline-block}
.m_footer li a{font-size: 0.28rem;color: #6b6b6b;text-align:center;position:relative;padding-right:.1rem}
.m_footer li a:before{content:'';position:absolute;right:0;width:1px;height:.25rem;top:.08rem;background:#333}
.m_footer li:last-child a:before{width:0}
.m_footer p{color:#979797;text-align:center;font-size:.28rem;padding-top:.1rem}
.m_footer p a{color:#979797}

.m_nav{border-top:1px solid #eee;border-bottom:1px solid #eee;overflow:hidden;font-size: 0.3rem;color: #777;line-height:1rem;height: 100%;padding-left:.28rem}
.m_nav a{color:#777;font-weight:550}

.sell_elite{overflow:hidden;padding:.2rem 0;background:#fff}
.sell_elite strong{display:block;padding-left:.28rem;border-bottom:1px solid #eee;color:#333;line-height:0.8rem;font-size:.3rem;margin-bottom:.28rem}
.sell_elite ul{padding:0 .28rem;box-sizing:border-box;overflow:hidden}
.sell_elite li{width:48%;float:left;padding-bottom:.28rem}
.sell_elite li:nth-child(2n+2){float:right}
.sell_elite p{color:#777;font-size:.28rem;margin-top:.1rem}
.sell_elite li .m_img{width:100%;height:3.3rem;overflow:hidden;border-radius:0.05rem}
.sell_elite li .m_img img{width:100%;height:100%}

.sell_nav{overflow:hidden;padding:0 .28rem;box-sizing:border-box}
.sell_nav li{display: block;float: left;width: 33%;line-height: 30px;height: 30px;text-align: center;position: relative;padding-left: 1px;}
.sell_nav li:before{border-left: 1px solid #ccc;content: " ";display: block; width: 0px;height: 12px;position: absolute;right: -1px;top: 10px;}
.sell_nav li:nth-child(3n+3):before{height:0}

.sell_box{overflow:hidden;padding:.2rem 0}
.sell_box strong{display: block;padding-left: 0.28rem;color: #333;line-height: 0.5rem;font-size: .26rem;margin-bottom: 0.15rem;}
.sell_box ul{padding:0 .28rem;box-sizing:border-box;overflow:hidden}
.sell_box li{width:32%;float:left;padding-bottom:.28rem;margin-right:2%;}
.sell_box li:nth-child(3n+3){float:right;margin-right:0}
.sell_box p{color:#777;font-size:.24rem;margin-top:.1rem}
.sell_box li .m_img{width:100%;height:2.2rem;overflow:hidden;border-radius:.05rem}
.sell_box li .m_img img{width:100%;height:100%}


.photo-list{overflow:hidden;padding:.28rem;box-sizing:border-box;background:#fff}
.photo-list li{width:100%;overflow:hidden;margin-bottom:.28rem;border-bottom:1px solid #eee;padding-bottom:.2rem}
.photo-list li img{width:100%;height:100%}
.photo-list li p{margin:0;padding: 6px 0 0 10px;height: 16px;line-height: 16px;font-size: 12px;color: #999999;margin-bottom:.1rem}
.photo-list li p i{background: url(img/ico-hits.png) no-repeat 0 center;background-size: 14px 14px;float:left}
.photo-list li p span{background: url(img/ico-pics.png) no-repeat 0 center;background-size: 14px 14px;float:right}
.photo-list li a{font-size:.24rem;color:#777;display:block;}

.b10 {height:.2rem;clear:both;overflow:hidden;width:100%}
.b60 {height:1.2rem;clear:both;overflow:hidden;width:100%}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.blank52 {height:52px;clear:both;overflow:hidden;width:100%}
.m-focus{width:100%;overflow:hidden;z-index:1 }
.m-focus-box{overflow:hidden;margin:0 auto;position:relative;}
.m-focus{display: block;overflow: hidden;position: relative;padding-top:1rem}
.m-focus .m-focus-box { margin: 0 auto;overflow: hidden;position: relative;backface-visibility: hidden;}
.m-focus .m-focus-box .swiper-wrapper li { width:100%; height:3.5rem;display: flex;justify-content: center;overflow: hidden;}
.m-focus .m-focus-box .swiper-wrapper img { width:auto; height:3.5rem;display: block;}

.m-focus .swiper-container { display: none;}
.m-focus-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:.16rem;z-index: 10;}
.swiper-pagination-bullet {display: inline-block;border-radius: 100%;background:none;cursor:pointer;margin: 0 .1rem;width:.2rem;height:.2rem;background:rgba(255,255,255,0.6);}
.swiper-pagination-bullet-active {opacity: 1;background:rgba(0,0,0,0.5);width:.2rem;height:.2rem;}


.com-bar{position:fixed;z-index:9;bottom:0;background:#f99114;width:100%;height:1.1rem;display:block}
.com-bar ul{overflow:hidden}
.com-bar li{float:left;width:25%; height:1.1rem; text-align:center}
.com-bar li i{margin: auto;display: block;width:.4rem;height:.4rem;margin-top:.16rem;background-size:100% 100%;background-repeat:no-repeat;}
.com-bar .btn-back i{background-image:url("img/fix-back.png")}
.com-bar .btn-sell i{background-image:url("img/icon-action.png")}
.com-bar .btn-tel i{background-image:url("img/fix-tel.png")}
.com-bar .btn-qq i{background-image:url("img/onlinewpa.png")}
.com-bar .btn-tel i{background-image:url("img/fix-tel.png")}
.com-bar li a{ display: inline-block;  color: #f7f7f7; font-size: .26rem;text-align: center;margin-top:.1rem}
.com-bar .btn-chat{float:right;color:#fff;background:#147b47;text-align:center;line-height:1.1rem;width:44%}
.com-bar .btn-chat a{display:block;color:inherit;font-size:.32rem;}
.com-bar-blank{height:1.1rem;overflow:hidden;width:100%}

.f7f7f7{overflow:hidden;margin-bottom:.2rem; background:#fff;}


.more i{font-style: normal;font-family: "宋体";}
.box dt{text-align:center;font-size: .4rem;color: #222;display: block;text-transform : uppercase;overflow:hidden;padding:.2rem 0;font-weight:700}
.box dt span { border-bottom: .16rem solid #F9F871;height: .68rem;line-height: 1.16rem;display: inline-block;padding:0 .1rem;}
.box dt em {font-style: normal;color: #666;display:block;font-size:.2rem;font-weight:normal;}

.s-box{overflow:hidden;position:relative;}
.s-box ul{width:100%;padding:0 .3rem;box-sizing: border-box;}
.s-box ul li { float:left; width:48.5%;margin-right:3%;margin-top:.2rem;overflow:hidden; background:white;border-radius:.08rem;}
.s-box ul li:nth-child(2n+2) { margin-right:0;}
.s-box ul li .pic { width:100%;}
.s-box ul li .pic img { width:100%;border-radius:.08rem}
.s-box ul li .text { width:100%;box-sizing: border-box;padding:.2rem;}
.s-box ul li .text strong { color:#333; font-size:.28rem; display:block; font-weight:400;text-align:center}
.s-box ul li .text p { display:block; overflow:hidden; text-align:center;font-size:.28rem}
.s-box ul li .text p span { width:100%; float:left; font-size:.24rem; color:#999;margin-top:.2rem;text-align:center}
.s-box ul li .text p.price{color:red;font-size:.32rem}
.s-box ul li .text p.price i{font-style: normal;font-size:.24rem;}
.contact-us{padding:.3rem;line-height:.5rem; text-align:center;overflow:hidden; color:#999;}
.contact-us a { color:#999;}
.contact-us p{margin:0}
.ui-album {
    background: #ffffff;
    color: #FFFFFF;
}


.cdx-box{background:white;overflow:hidden;position:relative;padding-bottom:.2rem}
.cdx-box ul{overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap; background:white}
.cdx-box ul li{ display:inline-block;white-space:normal;width:36%;margin:.0rem .05rem 0 .15rem;overflow:hidden;text-align:center;border:1px solid #eee; padding:.2rem; box-sizing:border-box;}
.cdx-box ul li img{cursor: pointer;transition: all 0.6s;width:100%}


/*======================*/

.op-nav-out{width:100%;height:52px;position:relative;top:0;left:0;z-index:199}
.op-nav-fixed{width:100%;position:fixed;top:0;left:0;z-index:299}
.op-nav{height:32px;z-index:109;width:100%;font-size:16px;width:100%;padding:10px 0 10px 0px;background:#f99114;color: #fff;position:fixed;top:0;left:0;}
.op-nav .left{float:left;width:25px;padding-left:10px;position:absolute;top:0;left:0;padding-top:15px;}
.op-nav .center{margin:0px 50px 0px 30px; text-align:center;line-height:32px;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.op-nav a{color:#fff}
.op-nav .btn-menu-p{width:35px;font-size:0px;position:absolute;top:0;right:0;padding-top:12px;}

.icon_box {position: fixed;top:.28rem;right: .28rem;z-index: 999;
	width:20px;
	height:20px;
	cursor:pointer;
}
.icon_box span {
	width:20px;
	height:2px;
	background:#333;
	display:block;
	margin-top:5px;
	transition:all .1s;
	-webkit-transition:all .6s;
	transform-origin:0px center;
}
.icon1 {
	transform:rotate(45deg)!important;
}
.icon2 {
	width:0!important;
	margin-left:3px!important;
}
.icon3 {
	transform:rotate(-45deg)!important;
}
.icon2:before{content:""!important}


.b-menu-pop{top:auto;bottom:44px;border:2px solid #195595;}
.menu-pop-n{width:0;height:0;position:absolute;background:rgba(0,0,0,0.5);right:0;top:1rem;overflow:hidden;border-radius:0 0 0px 5px;z-index:100}
.menu-pop-n-ati{width:100%;height:100%;transition:width .3s,height .1s;}
.menu-nav-n{overflow:hidden}
.menu-nav-n ul{overflow:hidden;z-index:2000;margin-left:40%;background-color: #666666;box-shadow: -2px 0 5px #000;position: fixed;height:100%;width:60%}
.menu-nav-n li{width:100%;height:42px;line-height:42px;font-size:14px;border-width: 0px 0px 2px;border-style: solid;border-color: #45494C;position:relative;padding-left:20px}
.menu-nav-n a{color: #fff;font-size: 17px;position: relative;display: block;}
.menu-nav-n li:before{content: "";position: absolute;background-color: #5B5D5E; height: 1px;width: 4px;box-shadow: -1px 1px 0 #5b5d5e, -2px 2px 0 #5b5d5e, -3px 3px 0 #5b5d5e, -4px 4px 0 #5b5d5e, -5px 5px 0 #5b5d5e, -1px -1px 0 #5b5d5e, -2px -2px 0 #5b5d5e, -3px -3px 0 #5b5d5e, -4px -4px 0 #5b5d5e, -5px -5px 0 #5b5d5e;left: -4px;top: 50%;margin-left: 14px;}
.menu-nav-n ul li img { width:18px;position: relative;top: .1rem; margin-right:.1rem;filter: grayscale(100%) brightness(300%);}

.op-nav-mark{width:100%;height:100%;background:rgba(0,0,0,0.1);position:fixed;top:0;left:0;z-index:105; display:none}


.m-swiper-tab-box { padding:10px 0; background:#f9f9f9;}
.m-evaluation-tab li { width: auto; min-width: 90px; height: 28px; float: left; line-height: 28px; text-align: center; -moz-border-radius: 15px; border-radius: 15px; background: #fff; margin-left: 10px; border:1px solid #e6e6e6;}
.m-evaluation-tab li a { padding: 0 20px; display: block; font-size: 12px; color: #595959;}
.m-evaluation-tab li.active { background: #f99114;border:1px solid #f99114;}
.m-evaluation-tab li.active a { color: #fff;}