@charset "utf-8";



html{font-size:100%;/* overflow-y:scroll; */-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;}

body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;-webkit-tap-highlight-color:transparent;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

fieldset,img{border:0;vertical-align:top; }

ol,ul,li{list-style-type:none;}

table{border-collapse:collapse;border-spacing:0;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}

em,i{font-style:normal;}

input,textarea{border:none;resize:none;outline:none;-webkit-appearance:none;}

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance:none; font-family:'Microsoft Yahei',Arial;color:#fff;font-size:.22rem;}

a{color:#565656;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}

*{box-sizing:border-box;}



/*公用*/

body { font-family:'Microsoft Yahei',Arial;color:#565656;font-size:13px;background:#fff;line-height:1.5;}

img{max-width:100%;height:auto;width:auto\9;-ms-interpolation-mode:blicubic;}

.clearfix:after {clear:both;content:"";display:block;height:0;overflow:hidden;visibility:hidden; }

.clearfix {zoom:1}

.fl {float:left;}

.fr {float:right;}

.hide{overflow:hidden;}

.mb20{margin-bottom:.2rem;}

.eps {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.wrapper{width:100%;max-width:768px;min-width:320px;margin:0 auto;position:relative;overflow:hidden;padding:1.2rem 0 .6rem 0;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.con{padding:0 .2rem;}

.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}

.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}



@font-face {

  font-family: 'iconfont';  /* project id 807029 */

  src: url('//at.alicdn.com/t/font_807029_arr7rredbtd.eot');

  src: url('//at.alicdn.com/t/font_807029_arr7rredbtd.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_807029_arr7rredbtd.woff') format('woff'),

  url('//at.alicdn.com/t/font_807029_arr7rredbtd.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_807029_arr7rredbtd.svg#iconfont') format('svg');

}



.iconfont {

  font-family:"iconfont" !important;

  font-size:18px;

  font-style:normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

}



.icon_home::before{ content: "\e6ee"; }

.icon_nav1::before{ content: "\e604"; }

.icon_nav2::before{ content: "\e7c3"; }

.icon_nav3::before{ content: "\e641"; }

.icon_nav4::before{ content: "\e61c"; }

.icon_nav5::before{ content: "\e642"; }

.icon_nav6::before{ content: "\e704"; }

.icon_nav7::before{ content: "\e60a"; }



/* 头部 */

.header{height:1.20rem;line-height:1.20rem;position:fixed;top:0;z-index:10;width:100%;max-width:768px;margin:0 auto;background:#fff;box-shadow:1px 0 5px #ddd}

.logo{text-align:center;height:1.2rem;line-height:1.1rem;}

.logo img{vertical-align:middle;max-height:.45rem;}

.header .navMenu_icon,.header .tel_icon{position:absolute;left:.2rem;top:0; height: 1.2rem;color:#00a1e1;line-height:1.2rem;font-family:"iconfont";font-size:.66rem;}

.header .tel_icon{left:auto;right:.2rem;font-size:.5rem;}

/* .header .navMenu_icon::before{content:" \e605";font-family:"iconfont" !important;font-size:.66rem;}*/



/*导航 */

.navbar{position:fixed;z-index:20;height:100%;top:1.2rem;overflow:hidden;display:none;width:100%;max-width:768px;margin:0 auto;}

.navbar ul{height:100%;padding-top:.3rem;overflow-x:hidden;overflow-y: auto;background:#222;width:4rem;position:relative;z-index:2;}

.navbar ul li{border-bottom:1px solid #111;}

.navbar ul li a{display:block;padding-left:.4rem;font-size:0.28rem;color:#fff;border-radius:1rem 0 0 1rem ;height:.8rem;line-height:.8rem;opacity:0;transform: translateX(-100%); transition: all 0.4s ease 0s;transition-delay: 160ms;}

.navbar ul li a i{margin-right:.3rem;float:right;font-family:"iconfont" }

.navbar ul li a:hover,.navbar ul li .cur{background:#00a1e1;}

.navbar ul li:first-child{border-top:none;}

.navbar ul li:nth-child(2) a{transition-delay:240ms;}

.navbar ul li:nth-child(3) a{transition-delay:320ms;}

.navbar ul li:nth-child(4) a{transition-delay:400ms;}

.navbar ul li:nth-child(5) a{transition-delay:480ms;}

.navbar ul li:nth-child(6) a{transition-delay:540ms;}

.navbar ul li:nth-child(7) a{transition-delay:620ms;}

.navbar ul li:nth-child(8) a{transition-delay:680ms;}

.navbar ul li:nth-child(9) a{transition-delay:740ms;}

.navbar ul li:nth-child(9) a{transition-delay:800ms;}

.navbar ul li:nth-child(10) a{transition-delay:860ms;}

.navbar ul li:nth-child(11) a{transition-delay:940ms;}

.navbar ul li:nth-child(12) a{transition-delay:1000ms;}

.navbar ul.show li a{ opacity:1;transform: translateX(0);}

.navbar ul li .navSub{margin-bottom:.1rem;display:none;}

.navbar ul li .navSub a{padding-left:.8rem;height:.6rem;line-height:.6rem;font-size:.22rem;position:relative;}

.navbar ul li .navSub a::before{content: "\e6ab"; font-family:"iconfont";position:absolute;left:.45rem;}

.floatmask{width:100%;height:100%;background:#000;opacity:0.5;position:absolute;top:0;z-index:1;display:none;overflow:hidden;transition:all 0.5s;max-width:768px;margin:0 auto;}





/* BANNER */

.mainBox{position:relative;margin-bottom:30px;}

.banner{ position:relative;overflow:hidden;max-width:768px;}

.banner .hd{ position:absolute; height:28px; line-height:28px; bottom:0; left:50%; z-index:1;transform: translateX(-50%);}

.banner .hd li{ display:inline-block; width:8px; height:8px;border-radius:100%; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 3px;border:2px solid #fff;}

.banner .hd li.on{ background:none;  }

.banner .bd{ position:relative; z-index:0; }

.banner .bd li{ position:relative; text-align:center;}

.banner .bd li img{ background:url(images/loading.gif) center center no-repeat;vertical-align:top; width:100%;}



/* 理由 */

.oddsMain{border-top:1px solid #00a1e1;background: #fff;overflow: hidden;}

.oddsMain li{float:left;width:50%;padding:2%;border-right:1px solid #d9d9d9;padding-top: 30px;border-bottom: 1px solid #b9b9b9;margin-bottom: -1px;padding-bottom: 15px;text-align: center;}

.oddsMain li:nth-child(2n){border-right:none;}

.oddsMain li i{width:78px;height:70px;background: url('../images/oddsIcon.png') no-repeat;transition:all 0.3s;top:0;position:relative;display:inline-block;margin-bottom: 15px;;}

.oddsMain li h4{padding-bottom:15px;font-weight:normal;font-size: 22px;color: #191919;margin-bottom: 15px;position: relative;}

.oddsMain li h4:after{content: "";position: absolute;left:50%;bottom: 0;height: 1px;width: 15px;background: #007dde;transition: all .3s;margin-left: -8px;}

.odds li:nth-child(5){width:100%;border-right: none;}

.odds li:nth-child(2) i{background-position: -78px 0;}

.odds li:nth-child(3) i{background-position: -156px 0;}

.odds li:nth-child(4) i{background-position: -234px 0;}

.odds li:nth-child(5) i{background-position: -312px 0;}

.oddsMain li:hover{box-shadow:0 0 10px #ccc;}

.oddsMain li:hover i{top:10px;}

.oddsMain li:hover h4::after{width: 50px;}

@media all and (max-width:640px) {

.oddsMain li{min-height: 250px;}

.odds li:nth-child(5){min-height:auto;}

}



/* 产品 */

.hTitle{text-align:center;font-size:24px;margin-bottom:25px;padding:0 .36rem;color:#222;}

.hTitle i{display:block;font-size:.18rem;font-family:Arial;font-weight:normal;text-transform: uppercase;letter-spacing:2px;opacity:.5;}

.product{padding:.4rem .2rem;overflow:hidden;margin-top:10px;border-top: 1px solid #ddd;}

.product li{float:left;width:48%;margin-bottom:.2rem;margin-bottom:15px;}

.product li p{display:block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:.1rem 0;font-size:14px;}

.product li .pImg{padding-top:60%;border:1px solid #ddd;margin-bottom:10px;}

.product li:nth-child(2n),.case li:nth-child(2n),.picList li:nth-child(2n){float:right;}

.hMore{display:block;width:100%;height:35px;line-height:35px;background:#00a1e1;color:#fff;text-align:center;margin-top:20px;}

.case li .pImg{padding-top:80%;}



/* 行业应用 */

.claim{padding:.4rem .2rem;overflow:hidden;border-top: 1px solid #ddd;text-align:center;margin-bottom:10px;}

.claim li{background:#f1f1f1;text-align:left;}

.claim li .pImg{padding-top:40%;}

.claim li .txt{padding:5%;}

.claim li h4{font-size:20px;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;}

.claim li p{margin-bottom:10px;overflow:hidden;color:#666;background: url('../images/ly_li.png') no-repeat left 5px;padding-left:10px;}

.claim .hd span{margin-top:20px;color:#fff;font-family: "宋体";width:60px;height:30px;background:#eee;text-align:center;line-height:30px;font-size:24px;font-weight:bold;cursor:pointer;display: inline-block;color:#333;}

.claim .hd .next{left:auto;right:-50px;}

.claim .hd span:hover{background:#fff;color:#00a1e1;}



/* 优势 */

.adv{padding-left:15px;padding-right:15px;}

.adv li{background:#f0f0f0;text-align:center;padding:25px;position:relative;z-index:2;margin-bottom:10px;}

.adv li::after{content:"";position: absolute;left:0;top:0;height:1px;width:100%;background:#00a1e1;transition:all .6s;z-index:-1;}

.adv li:last-child{margin-right:0;}

.adv li i{display:inline-block;width:66px;height:66px;background-repeat: no-repeat;margin-bottom:20px;margin-top:10px;transition:all .3s;transition-delay:.1s;}

.adv li h4{font-size:32px;color:#191919;font-weight:bold;line-height:32px;position:relative;padding-bottom:20px;margin-bottom:20px;}

.adv li h4::after{content:"";position:absolute;left:50%;margin-left:-10px;width:20px;height:1px;background:#00a1e1;bottom:0;}



/* 应用领域 */

.field li{position:relative;height:200px;margin-bottom:1px;overflow: hidden;}

.field li span{display:block;width:100%;height:100%;background-position:center;background: no-repeat;transform:scale(1.1);transition:all .3s;}

.field li .txt{position: absolute;padding:5%;top:0;left:0;color:#fff;width:320px;transition:all .3s;}

.field li .txt h4{font-size:26px;position:relative;margin-bottom:20px;padding-bottom:20px;position:relative;}

.field li .txt h4::after{content:"";position: absolute;left:0;bottom:0;width:20px;height:1px;background:#fff;transition:all .5s;}





/* 关于 */

.about{padding:.5rem .2rem;overflow:hidden;}

.about img{width:100%;}



/* 行业动态 */

.news{background:#f5f5f5;padding:.5rem .2rem;overflow:hidden;}

.newsSlide{overflow:hidden;margin-bottom:20px;}

.newsSlide li{position:relative;overflow:hidden;}

.newsSlide li .pImg{padding-top:64%;}

.newsSlide li img{width:100%;}

.newsSlide li h4{position:absolute;bottom:0;left:0;width:100%;color:#fff;padding:10px 2%;background: rgba(0, 0, 0, .8)}

.news .list li{padding:10px 0;border-top:1px dotted #ddd;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;}

.news .hd{display:none;}



/* 搜索 */

.search{padding:2%;position:relative;}

.search form{border:1px solid #d7d7d7;border-radius:3px;width:100%;display:block;height:50px;line-height:50px;}

.search .sear_text{width:88%;padding-left:3%;height:100%;line-height:50px;float:left;}

.search .sear_btn{width:12%;height:100%;float:left;background:none;position:relative;z-index:2;}

.search::before{position:absolute;font-size:24px;text-align:center;content:" \e86e ";font-family:"iconfont" !important;color:#333;top:15px;right:6%;}

.listWrapper .search{border-bottom:none;margin-bottom:15px;padding:0;}

.listWrapper  .search::before{top:.3rem;right:3%;}



/* 底部 */

.footer{padding-bottom:.4rem;background:#313131;overflow:hidden;text-align:center;color:#ccc;}

.copyright{line-height:1.8;padding:0 15px;}

.footNav{overflow:hidden;margin-bottom:15px;}

.footNav a{float:left;width:33.3%;text-align:center;height:40px;line-height:40px;border-bottom: 1px solid #000;border-right: 1px solid #000;}

.footer a{color:#ccc;}

.footMenu{height:1.2rem;background:#222;font-size:.24rem;overflow:hidden;font-size:.3rem;position:fixed;bottom:0;z-index:10;width:100%;;max-width:768px;min-width:320px;margin:0 auto;}

.footMenu li{float:left;width:33.3%;text-align:center;}

.footMenu li a{display:block;border-right:1px solid #111;height:1.2rem;padding-top:.1rem;color:#fff;}

.footMenu li span{display:block;}

.footMenu li i{font-family:"iconfont";color:#fff;font-size:.4rem;}





/* 内页公用 */

.listBanner{height:2.6rem;background-position:center;background-repeat: no-repeat;background-size:cover;}

.listWrapper{padding:.5rem .2rem;overflow:hidden;}

.listWrapper img{width:100%;}

.pWrapper{border-top:2px solid #666;}

.aCon{padding:.5rem .2rem;overflow:hidden;}

.aCon img{width:100%；}

.listMenu {overflow:hidden;padding-bottom:.3rem;display:flex;flex-wrap:wrap;justify-content: space-between;}

.listMenu  li{padding-right:5px;padding-bottom:5px;flex-grow:1;flex-shrink: 1;min-width:85px;}

.listMenu  li a{display:block;height:40px;line-height:40px;border:1px solid #ddd;text-align:center;font-size:14px;color:#333;background:#f5f5f5;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:0 5px;}

.listMenu  li a.current{background:#00a1e1;border:1px solid #b70300;color:#fff;}

.pagination{text-align:center;font-size:0;line-height:0;font-family:Arial;margin-top:.5rem;clear:both;}

.pagination a,.pagination span{display:inline-block;height:.5rem;background:#333;line-height:.5rem;font-size:.2rem;border-right:1px solid #222;padding:0 .2rem}

.pagination .cur_page{background:#00a1e1;color:#fff;}

.pagination .prev,.pagination .next{background:#333;color:#fff;}



/* 关于我们 */

.aTie{text-align:center;font-size:24px;color:#333;font-weight:normal;position:relative;margin-bottom:20px;position: relative;padding-bottom:10px;}

.aTie:after{content:"";position:absolute;left:50%;bottom:0;width:40px;height:1px;background:#ccc;margin-left:-20px;}

.aboutBox2 .font li{border-bottom:1px dotted #d7d7d7;padding-bottom:15px;margin-top:15px;}

.aboutBox2 .font li:last-child{border-bottom:none;}

.aboutBox2 .font li h4,.aboutBox3 h3{font-size:18px;color:#222;margin-bottom:10px;}



/* 图片 */

.picList li{float:left;width:48%;margin-bottom:.2rem;}

.picList li p{display:block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-top:.2rem;text-align:center;font-size:14px;}

.picList li .pImg{padding-top:74%;}

.honorList li p{min-height:60px;white-space:normal;overflow: visible;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.patnerList li .pImg{border:1px solid #ddd;padding-top:54%;}

.honorList li .pImg{padding-top:140%;}



/* 图片列表2 */

.listPic{overflow:hidden;}

.listPic ul{margin:0 -1%;}

.listPic li{ width:50%;float:left;text-align:center;margin-bottom:.2rem;padding:0 1%;}

.listPic li span{display:block;padding:.1rem .1rem;background:#f5f5f5;border-top:1px solid #f5f5f5;}

.listPic li img{display:block;width:100%;}

.listPic li a{display:block;border:1px solid #f5f5f5;}





/* 新闻 */

.newsList li{border-top:1px solid #ddd;overflow:hidden;padding:0 5%;padding-top:.3rem;margin-bottom:.3rem;}

.newsList li .fl{width:45%;padding-right:5%;}

.newsList li .fl img{display:block;width:100%;}

.newsList li h4{font-size:.3rem;margin-bottom:.2rem;}

.newsList li span{opacity:.6;}

.newsList li:first-child{border-top:none;}

.contactBox1 .font{padding:.3rem .2rem;line-height:1.6;background:#000;}

.faqList li{border-bottom:1px solid #ddd;position:relative;padding:15px 10% 15px 5%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.faqList li::before{background:#666;content: "";height:4px;left:10px;position: absolute;top:50%;width:4px;}





/* 新闻详情 */

.breadCrumb{background:#f5f5f5;padding:.2rem .2rem;overflow:hidden;border:1px solid #ddd;border-left:none;border-right:none;}

.breadCrumb strong{font-weight:normal;}

.breadCrumb a{float:right;background:#666;color:#fff;padding:.08rem .3rem;font-size:.18rem;}



.newsDetail .tie{text-align:center;font-size:18px;padding-bottom: .2rem;color:#333;}

.newsDetail .time{text-align:center;color:#888;border-bottom:1px solid #ddd;padding-bottom: .3rem;margin-bottom:.8rem;}

.newsDetail .font{border-bottom:1px solid #ddd;margin-bottom:.6rem;}

.newsDetail .font,.pageN{padding-bottom:.6rem;}



/* 产品封面 */

.proIndex .m{border:1px solid #ccc;background:#eee;position:relative;margin-bottom:30px;}

.proIndex li .pImg{padding-top:60%;margin-bottom:15px;}

.proIndex li .pImg img{height:auto;}

.proIndex li h4{font-size:24px;padding:0 20px;}

.proIndex li h4 a{color:#00a1e1;}

.proIndex li h4 a:hover{text-decoration: underline;}

.proIndex .menu{padding:20px}

.proIndex .menu li{font-size:16px;position:relative;}

.proIndex .menu li a{display:block;background: url('../images/m_icon.png') no-repeat right center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-right:20px;height:30px;}

.proIndex .menu li a:hover,.proIndex .menu li .on{padding-left:6px;text-decoration: underline;color:#00a1e1;}

.proIndex .m:hover img{transform:scale(1.1);}

.proIndex .menu .sub{padding-left:20px;font-size:14px}

.proIndex .menu .sub a{color:#888;}



/* 产品列表 */

.proList li{float:left;width:48%;margin-bottom:.2rem;margin-bottom:15px;}

.proList li p{display:block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:.1rem 0;font-size:14px;}

.proList li .pImg{padding-top:60%;border:1px solid #ddd;margin-bottom:10px;}

.proList li:nth-child(2n){float:right;}



/* 产品详情 */

.proShow_tie{text-align:center;margin-bottom:.3rem;font-size:18px;}

.proShow_slide{ position:relative;overflow:hidden;margin-bottom:40px;}

.proShow_slide .bd{ position:relative; z-index:0;}

.proShow_slide .bd li{ position:relative; text-align:center;}

.proShow_slide .bd li img{ background:url(images/loading.gif) center center no-repeat;vertical-align:top; width:100%;box-sizing:border-box;}

.proShow_slide .hd{text-align:center;margin-top:.15rem;font-size:0;line-height:0;}

.proShow_slide .hd li{display:inline-block;width:.5rem;height:3px;background:#ccc;margin-right:5px;}

.proShow_slide .hd li.on{background:#00a1e1;}

.proShow_menu,.showTie{height:40px;border-bottom: 1px solid #bfbfbf;font-size:20px;color:#333;margin-bottom:15px;}

.proShow_menu span,.showTie span{margin-right:20px;cursor:pointer;display: inline-block;height:40px;}

.proShow_menu span.on,.showTie span{color:#00a1e1;border-bottom: 1px solid #00a1e1;}

.proShow_box {overflow:hidden;margin-bottom:40px;}



/* 案例 */

.caseList{overflow:hidden;}

.caseList li{float:left;width:48.5%;font-size:.2rem;margin-bottom:.3rem;line-height:1.5;color:#666;}

.caseList li h4{padding:.15rem 0 .1rem 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:14px;color:#333;}

.caseList li .pImg{padding-top:74%;}

.caseList li p{min-height:60px;}

.caseList li:nth-child(2n){float:right;}



/* 下载 */

.downList li{margin-bottom:10px;}

.downList li a{background:#f5f5f5;padding:.4rem;position:relative;display:block;padding-right:1rem;}

.downList li a::after{content:"\e624";font-family:"iconfont";color:#00a1e1;right:.4rem;top:50%;transform: translateY(-50%);position:absolute;font-size:20px;}



/* 加入我们 */

.jobList li{border-bottom:1px solid #ddd;overflow:hidden;padding-bottom:25px;margin-bottom:25px;}

.jobList h4{font-size:20px;font-weight:normal;background: url('../images/gicon19.png') no-repeat right center;padding-right:20px;padding-bottom:20px;line-height:32px;}

.jobList h4 span{display:block;font-size:16px;margin-top:8px;}

.jobList h4 span i{display:inline-block;font-style:normal;background: url('../images/job_icon.png') no-repeat left -35px;padding-left:30px;margin-right:15px;}

.jobList h4 span .num{background-position: 0 0;}

.jobList h5{margin-top:20px;font-size:16px;color:#333;}

.jobList h5 a{color:#00a1e1;}



/* 图文列表详情 */

.listPic2{overflow:hidden;margin-bottom:20px;}

.listPic2 li{display: table;width: 100%;height:auto;border-bottom:1px solid #ccc;padding-bottom:.3rem;margin-bottom:.3rem;}

.listPic2 li .pImg{border:1px solid #ccc;width:40%;float:left;text-align:center;padding:.15rem 0;text-align:center;}

.listPic2 div{ padding-left: .25rem;padding-left:5%;width:60%;float:right;}

.listPic2 div h5{margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:.28rem;}

.listPic2 div h5 a{color:#333;}



/* 留言 */

.contactBox1 li{text-align:center;padding:0 15px;height:180px;padding-top:30px;box-shadow:2px 2px 5px 1px #ddd;margin-bottom:15px;transition:all 0.4s;}

.contactBox1 li:last-child{margin-right:0;}

.contactBox1 li h4{font-weight:normal;font-size:16px;color:#333;margin-bottom:8px;}

.contactBox1 li h4 span{display:block;margin:10px 0 5px 0;}

.contactBox1 li:hover{box-shadow:2px 2px 5px 1px #ffd292;}

#dituContent{width:100%;height:5rem;}



.feed{padding:.4rem .2rem;}

.feed ul{overflow:hidden;margin-bottom:10px;}

.feed li{margin-bottom:10px;position:relative;}

.feed li input{height:40px;line-height:40px;border:1px solid #ccc;border-radius:3px;width:100%;padding:0 .2rem 0 .6rem; -webkit-appearance:none;background:none;font-size:.2rem;color:#666;}

.feed li textarea{height:1.2rem;border:1px solid #ccc;border-radius:3px;width:100%;padding:.15rem .2rem .15rem .6rem;background:none;font-size:.2rem;color:#666;}

.feed li.code input{width:20%;float:left;margin-right:5px;padding-left:2%;}

.feed li.code img{height:.6rem;}

.feed .button{width:100%;height:.6rem;line-height:.6rem;background:#333;text-align:center;}

.feed li::before {position:absolute;left:.15rem;top:8px; content:" \e632";font-family:"iconfont" !important;font-size:16px;}

.feed li.f2::before{content: "\e636"}

.feed li.f3::before{content: "\e639";}

.feed li.tarea::before{content: "\e638";top:5px;}

.feed li.code::before{content: "";}



/* 改动 */
.listBanner {
    background-position-x: -110px;
}

.product li p {
  text-align: center ;
}