@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 1.2rem 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';
 src: url('../font/iconfont.eot');
 src:
   url('../font/iconfont.eot?#font-spider') format('embedded-opentype'),
   url('../font/iconfont.woff') format('woff'),
   url('../font/iconfont.ttf') format('truetype'),
   url('../font/iconfont.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

.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:.8rem;}
.header .navMenu_icon,.header .tel_icon{position:absolute;left:.2rem;top:0; height: 1.2rem;color:#1a469d;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:#de0f17;}
.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:1.1rem;height:.6rem;line-height:.6rem;font-size:.22rem;position:relative;}
.navbar ul li .navSub a::before{content: ">"; font-family:"iconfont";position:absolute;left:.65rem;}
.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;}
.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%;}

/* 解决方案 */
.solution{padding:.5rem 0;overflow:hidden;}
.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;color:#888;}
.solution .menu,.setting .menu{text-align:center;margin-bottom:20px;font-size:.2rem;}
.solution .menu a,.setting .menu a{display:inline-block;text-align:center;border:1px solid #ccc;border-radius:3px;color:#333;margin:0 3px;padding:8px 3px;font-size:14px;}
.solution .menu .on,.setting .menu .on{background:#1a469d;border:1px solid #1a469d;color:#fff;}

.setting .menu a{display:inline-block;text-align:center;border:1px solid #ccc;border-radius:3px;color:#333;margin:0 5px;padding:8px 20px;font-size:14px;}

.solutionMain,.solutionBox{overflow:hidden;}
.solutionMain .main img{width:100%;}
.solutionMain .main .font{background:#f5f5f5;padding:.5rem;}
.solutionMain .main .font h4{color:#333;font-size:.36rem;margin-bottom:10px;}
.solutionMain .main .more{display:block;width:100%;height:35px;line-height:35px;background:#1a469d;margin-top:20px;color:#fff;text-align:center;}
.hBtn{
  background: -webkit-linear-gradient(left bottom, #fbb50a ,#eb591b);
  background: -o-linear-gradient(left bottom, #fbb50a, #eb591b);
  background: -moz-linear-gradient(left bottom,#fbb50a,#eb591b);
  background: linear-gradient(left bottom, #fbb50a ,#eb591b );
}

.product{padding:.2rem;overflow:hidden;margin-top:10px;}
.product li{float:left;width:48%;text-align:center;margin-bottom:.2rem;border:1px solid #ddd;padding:4px;}
.product li p{display:block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:.1rem 0;font-size:14px;}
.product li .pImg{padding-top:76%;}
.product li:nth-child(2n),.case li:nth-child(2n),.picList li:nth-child(2n){float:right;}

/* 案例 */
.case,.news,.aboutBox2,.aboutBox5{ padding:.5rem .2rem;overflow:hidden;background:#f8f8f8;}
.case li{float:left;width:48%;margin-bottom:.2rem;}
.case li p{display:block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-top:.2rem;text-align:center;font-size:14px;}
.case li .pImg{padding-top:74%;}
.hMore{display:block;width:100%;height:35px;line-height:35px;background:#1a469d;color:#fff;text-align:center;margin-top:20px;}

/* 关于 */
.about{padding:.5rem .2rem;overflow:hidden;}
.about img{width:100%;}
.setting{padding:0 .2rem;overflow:hidden;margin-top:20px;}
.settingBox{margin:0 -1%;width:100%;height:100%;}
.settingBox li{float:left;width:50%;margin-bottom:.2rem;padding:0 1.5%;}
.settingBox li p{display:block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-top:.2rem;text-align:center;font-size:14px;}
.settingBox li .pImg{padding-top:74%;}
.settingBox .hd ul{display:inline-block;}
.settingBox .hd{height:28px;line-height:28px;z-index:1;text-align:center; }
.settingBox .hd li{ display:inline-block; width:8px; height:8px;border-radius:5px;background:#666; text-indent:-9999px;overflow:hidden; margin:0 6px;   }
.settingBox .hd li.on{ background:#222;  }

/* 行业动态 */
.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:.4rem .2rem;background:#313131;overflow:hidden;text-align:center;color:#ccc;}
.footWx{font-size:.2rem;line-height:1.5;padding:0 .4rem;margin-bottom:.5rem;overflow:hidden;}
.footWx img{width:3rem;margin-bottom:.1rem;}
.copyright{line-height:1.8;}
.footer a{color:#ccc;margin:0 .1rem;}
.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:0rem .2rem .5rem .2rem;overflow:hidden;}
.aCon img{width:100%；}
.listMenu {overflow:hidden;margin-right:-10px;padding-bottom:.3rem;}
.listMenu  li{padding-right:10px;padding-bottom:10px;}
.listMenu  li a{display:block;height:40px;line-height:40px;border:1px solid #ddd;text-align:center;font-size:14px;color:#333;background:#f5f5f5; padding:0 15px;}
.listMenu  li a.current{background:#1a469d;border:1px solid #d87f00;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:#f89b04;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;}

/* 图片列表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;}

/* 新闻详情 */
.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:.4rem;}
.newsDetail .font{border-bottom:1px solid #ddd;margin-bottom:.6rem;}
.newsDetail .font,.pageN{padding-bottom:.6rem;}

/* 产品列表 */
.proList li{float:left;width:48%;text-align:center;margin-bottom:.2rem;border:1px solid #ddd;padding:4px;}
.proList li p{display:block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:.1rem 0;font-size:14px;}
.proList li .pImg{padding-top:76%;}
.proList li:nth-child(2n){float:right;}

/* 产品详情 */
.proShow_tie{text-align:center;margin-bottom:.3rem;font-size:18px;}
.proShow_slide{ position:relative;overflow:hidden;}
.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:#f89b04;}
.caseShow_box1{background:#f5f5f5;padding:.2rem;margin:.4rem 0;font-size:.22rem;}

/* 案例 */
.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:16px;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:#1a469d;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:#1a469d;}

/* 图文列表详情 */
.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: "";}


/*分页样式*/
.fenyetips{ display:none}
#pagelist{ line-height:22px;color:#666; padding:15px;}
#pagelist a{ width:28px; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px;}
#pagelist a.next,#pagelist a.prev{width:60px;}
#pagelist a.curr{ background:#bfbfc7;border:1px solid #bfbfc7;color:#fff;}
#pagelist a:hover{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff; text-decoration:none}
#pagelist a img{ display:block;margin:0 auto;margin-top:12px;}
#pagelist span{line-height:28px; font-size:13px; height:28px; margin-left:10px;}
#pagelist span#totalpage{ margin:0;}
.fenye a img{ display:block;margin:0 auto;margin-top:12px;}