@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';  /* project id 807029 */
  src: url('//at.alicdn.com/t/font_807029_641iqvt4t28.eot');
  src: url('//at.alicdn.com/t/font_807029_641iqvt4t28.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_807029_641iqvt4t28.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_807029_641iqvt4t28.woff') format('woff'),
  url('//at.alicdn.com/t/font_807029_641iqvt4t28.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_807029_641iqvt4t28.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:#00398c;}
.logo{text-align:center;height:1.2rem;line-height:1.1rem;}
.logo img{vertical-align:middle;max-height:.6rem;}
.header .navMenu_icon,.header .tel_icon,.header .lang{position:absolute;left:.2rem;top:0; height: 1.2rem;color:#fff;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;}*/
.header .lang{right: 12%;left:auto;top:-2px;padding: 5px 10px;font-size: .2rem;margin-top: .47rem;height: auto;line-height: initial;border: 1px #fff solid;border-radius: 15px;}
.header .lang::before{display:none; content:" \e88d"; font-size:.5rem;}

/*导航 */
.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:#00398c;}
.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;}
.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%;}

/* 解决方案 */
.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;}
.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:100%;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:#00398c;color:#fff;text-align:center;margin-top:20px;}

.odds{background-position:center;background-repeat: no-repeat;background-size:cover;background-attachment:fixed;}

/* 解决方案 */
.solution{padding:.4rem .2rem;overflow:hidden;background:#f8f8f8;text-align:center;}
.solution li{background:#fff;text-align:left;}
.solution li .pImg{padding-top:62%;}
.solution li .txt{padding:5%;}
.solution li h4{font-size:20px;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;}
.solution li p{height:60px;margin-bottom:10px;overflow:hidden;color:#666;}
.solution li .more{margin-top:30px;background:#00398c;color:#fff;padding:10px 25px;display:inline-block;}
.solution .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;}
.solution .hd .next{left:auto;right:-50px;}
.solution .hd span:hover{background:#fff;color:#00398c;}

/* 关于 */
.about{padding:.5rem .2rem;overflow:hidden;border-top: 1px solid #ddd;}
.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_sel {
    height: 48px;
    float: left;
    width: 16%;
    border: none;
    padding-left: 5px;
}
.search .sear_text{width:72%;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:#00398c;border:1px solid #00398c;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:#00398c;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%;}

/* 图片列表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:#00398c;}
.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:#00398c;}
.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:100%;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:#00398c;}
.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:#00398c;border-bottom: 1px solid #00398c;}
.proShow_box {overflow:hidden;margin-bottom:40px;word-break: break-all;word-wrap:break-word; }

/* 案例 */
.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:#00398c;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:#00398c;}

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

@media all and (max-width:420px) {
  .solutionList li{padding:0;margin-bottom:30px;padding-top:30px;}
  .solutionList .fl{float:none;width:100%;}
  .solutionList li h4{font-size:16px;}
  .solutionList li p{opacity:.8;}
}