@CHARSET "UTF-8";
/*@media all and (min-width:721px) {html {font-size:250%}}
@media all and (max-width:720px) {html {font-size:250%}}
@media all and (max-width:640px) {html {font-size:222.222%}}
@media all and (max-width:540px) {html {font-size:187.5%}}
@media all and (max-width:480px) {html {font-size:166.668%}}
@media all and (max-width:432px) {html {font-size:150%}}
@media all and (max-width:414px) {html {font-size:143.75%}}
@media all and (max-width:400px) {html {font-size:138.888%}}
@media all and (max-width:375px) {html {font-size:130.204%}}
@media all and (max-width:360px) {html {font-size:125%}}
@media all and (max-width:340px) {html {font-size:118.056%}}
@media all and (max-width:320px) {html {font-size:111.112%}}*/
@media all and (min-width:320px) {html {font-size:125%}}
body {font-family:Arial,Helvetica,sans-serif,'Lucida Grande',Verdana;word-wrap:break-word; }
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,q,small,strong,dd,dl,dt,li,ol,ul,fieldset,form,label,table,tbody,tr,th,td,input{ margin:0; padding:0; border:0 }
fieldset,li,img{border:0;vertical-align:top}
ul,ol{list-style:none}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer}
button::-moz-focus-inner{padding:0;}
address,caption,em{font-style:normal}
a,a:focus,a:active,a:hover{ text-decoration:none; outline: 0; }
a,img{-webkit-touch-callout:none}
hr{display:none}
table {border-spacing: 0; border-collapse: collapse;}
td,th {  padding: 0; }
::-webkit-input-placeholder{color:#bbb}
::-moz-placeholder{color:#bbb;opacity:1}
:-ms-input-placeholder{color:#bbb}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; vertical-align: baseline;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box:before,.box:after,.list:after,.list:before,.clearfix:before,.clearfix:after,.section:before,.serction:after,.hd-wrap:before,.hd-wrap:after {content: " ";	display: table }
.clearfix:after,.box:after,.list:after,.section:after,.hd-wrap:after {clear: both }
.clearfix,.box,.list,.section,.hd-wrap {*zoom: 1}
.imgauto { display: block; border: 0; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }
.fl {float: left;}
.fr {float: right;}

/*g*/
html { background: #fff; }
body { min-width:320px; background-color:#e7e7e7;max-width:720px; color:#333; font-size: .7rem; margin:0 auto; line-height: 1; }
img { display: block; max-width: 100%; height: auto; }
a { color: #333; }
h2 { font-size: 1rem; }
h3 { font-size: .8rem; }
h4 { font-size: .7rem; }
h5 { font-size: .6rem; }

/*section*/
.section { width: 100%; background: #fff; margin-top: .7rem; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,.15); }
.imgs { display: block; }
.txts { line-height: 1.3; color: #888; }
.mores { color: #048de2 }

/*box*/
.box { padding:0 .6rem; }

/*hd*/
.hd { position: relative; }
.hd-wrap { padding: .6rem; border-bottom: 1px solid #ededed }
.hd-icon,.hd-menu,.hd-more { display: block; width: 1.2rem; overflow: hidden;}
.hd-icon { float: left; }
.hd-more,.hd-menu { float: right; padding: .25rem;}
.hd-title { line-height: 1.2rem; margin-left: .6rem; float: left; }

/*bd*/
.bd { position: relative; }
.bd-menu { display: block; width: .8rem; overflow: hidden; font-style: normal; }
.bd-more { display: block; font-style: normal; }

/*p*/

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*p-style*/
.list-leftRight .p-img { float: left; width: 4rem; }
.list-leftRight .p-info { padding-left: 4.6rem; }
.list-leftRight .p-name { text-align: left; padding-top: 0px; }


.moreNews .list { padding-bottom: 0; }
.moreNews .list .list-item:last-child { border-bottom: 0; }
.moreNews .p-name { text-align: left; font-weight: block; padding-top: .1rem;  }
.moreNews .bd-menu { float: right; }

.small-layer { position: relative; }
.small-layer-left,.small-layer-right { display: block; position: absolute; top: 50%; margin-top: -1.2rem; z-index: 5; width: 2rem; height: 2rem; background: rgba(0,0,0,.1); padding:.5rem; }
.small-layer-left { left: 0; }
.small-layer-right { right: 0; }
.small-hide { overflow: hidden; }
.small-list { position: relative; left: 0; overflow: hidden; width: 1000%; }
.small-list a { display: block; float: left; }


/**/
.b { border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,.15); }
.c { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/*icon*/
.icon { background: url(../images/icon-bg.png); }
.img90 {transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.img180 {transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}

/*gradeMenu*/
.hd-grade { position: absolute; width: 100%; z-index: 10; background: #fff; display: none; }
.hd-grade i { display: block; width: .8rem; overflow: hidden; float: right; }
.hd-grade a { display: block; padding:.65rem 2.45rem; border-bottom: 1px solid #ededed; font-size: .8rem; }
.grade-3,.grade-4 { /*display: none;*/ }
.grade-3 a { padding-left: 3.25rem; color: #888 }
.grade-4 a { padding-left: 4rem; color: #888 }
.onThis > ul { display: block }
.onThis > a { color: #048de2 }


/*#####################################################################*/
/*site-header*/
.header { position: relative; height: 2.8rem; }
.header-wrap { background-color: rgba(255,255,255,.95); position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 52; max-width: 720px; margin: 0 auto; box-shadow: 0 1px 3px rgba(0,0,0,.15); }
.header-logo { float: left; width: 8.675rem; /*margin-top:.9rem; margin-bottom:.9rem;*/ }
.header-menu { display: block; width: 1.325rem; position: relative; overflow: hidden; float: right; margin-top: 0.9rem; margin-bottom: 0.9rem; }

/*header-submenu*/
/*style1*/
.header-submenu { display: none; position: fixed; left: 0; background: #fff; right: 0; width: 100%; z-index: 51; max-width: 720px; margin: 0 auto; margin-top: 2.8rem;  }
.header-submenu ul li a { display: block; padding:.65rem; color: #333; font-size: .8; border-bottom: 1px solid #ededed; font-weight: bold; }

/*font-color*/
.fontColor1 { color: #048de2; }

.list { width: 100%; padding-bottom: .6rem }
.list .item { float: left; display: block; padding: .6rem; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; }
.i-wrap { display: block; overflow: hidden; }
.i-img { display: block; margin: 0 auto; position: relative; overflow: hidden; }
.category .i-img {height:180px; text-align:center;
  display: flex; 
  display: -webkit-flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content: center;
  align-items: center;
}
.category .i-img img{max-width:100%; max-height:100%;}
.category .i-name{text-align:center;}
.i-name { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: bold; }
.i-txt,.i-time { color: #888; line-height: 1.3; padding-top:.4rem; }
.i-txt { height: 2.2rem; overflow: hidden; }
.i-hide { overflow: hidden; color: #888; line-height: 1.3; padding-top: .4rem; display: none; }

/*x*/
.x-name { font-size: .9rem; text-align: center; line-height: 1.5; padding:.6rem; padding-bottom: 0; }
.x-time { padding-top: .3rem; color: #888; border-bottom: 1px dashed #ededed; padding-bottom:.6rem; font-size: .6rem; text-align: center; }
.x-time span { padding:0 .6rem; }
.x-txt { padding:.6rem; line-height: 1.5; border-top: 1px dashed #ededed }
.x-specs { color: #888; padding:.6rem; line-height: 1.5;  }
.x-specs p { padding: .3rem; border-top: 1px solid #ededed }
.x-specs span { color: #333; }

/*案例css*/
.home-case .item { width: 50%; }
.home-case .item:nth-child(2n) { border-right-color: transparent; }
.home-case .i-name { padding-top: .6rem }
.case .item { width: 50%; }
.case .item:nth-child(2n) { border-right-color: transparent; }
.case .i-name { padding-top: .6rem }

/*优势css*/
.home-youshi .item { width: 100%; float: none; border-right: 0; }
.home-youshi .i-name { line-height: 1.2rem; height: 1.2rem; padding:0; } 
.home-youshi .i-menu { float: right; color: #048de2; width: 1.2rem; padding:.25rem; }
.home-youshi li.on .i-hide { display: block; }
.home-youshi .pimg { display: block; float: right; width: 40%; }

/*证书css*/
.imgroll { padding: .6rem;  position: relative;}
.imgroll-hide { overflow: hidden; }
.imgroll-list { position: relative; width: 1000%; }
.imgroll-list li { float: left; margin-right: 15px; }
.imgroll-list li a { display: block; overflow: hidden; }
.imgroll-list li a img { border: 1px solid #ededed }
.imgroll-right,.imgroll-left { display: block; overflow: hidden; border: 1px solid #ededed; width: 1.5rem; padding:0.375rem; position: absolute; z-index: 10; background: rgba(255,255,255,.9); }
.imgroll-left { left: 0.6rem; top: 50%; margin-top: -1.2rem; }
.imgroll-right { right: .6rem; top: 50%; margin-top: -1.2rem; }
.home-zs .i-name { padding-top: .6rem }

/*产品css*/
.home-pro .item { width: 50%; }
.home-pro .item:nth-child(2n) { border-right-color: transparent; }
.home-pro .i-name { padding-top: .6rem }
.pro .item { width: 50%; }
.pro .item:nth-child(2n) { border-right-color: transparent; }
.pro .i-name { padding-top: .6rem }

/*产品-详情css+swiper*/
.proxx .x-img { padding:.6rem; }
.proxx .x-name { text-align: left; }

/*新闻资讯css*/
.home-news .item { width: 50%; }
.home-news .item:nth-child(2n) { border-right-color: transparent; }
.home-news .i-name { padding-top: .6rem; }
.news .item { width: 100%; float: none; border-right: 0; }
.news .i-img { float: left; width: 5.5rem; margin-right: .6rem;  height: 4.2rem; overflow: hidden; }
.news .i-img img { display: block; max-width: 100%; max-height: 100%; }
.news .i-name { text-align: left; padding-top: 0px; }

/*新闻详情css*/
.newsxx {}

/*关于我们*/
.home-about .i-xq { padding:.6rem; }
.home-about .i-xq h4 { padding-top: .6rem; }
.home-about .i-xq div { padding-top: .4rem; color: #888; line-height: 1.3; }

/*相关问题css*/
.home-wenti .item { width: 100%; float: none; border-right: 0; }
.home-wenti .i-name { line-height: 1.2rem; height: 1.2rem; padding:0; } 
.home-wenti .i-menu { float: right; color: #048de2; width: 1.2rem; padding:.25rem; }
.wenti .item { width: 100%; float: none; border-right: 0; }
.wenti .i-name { line-height: 1.2rem; height: 1.2rem; padding:0; } 
.wenti .i-menu { float: right; color: #048de2; width: 1.2rem; padding:.25rem; }

/*人才招聘css*/
.hr .item { width: 100%; float: none; border-right: 0; }
.hr .i-name { line-height: 1.2rem; height: 1.2rem; padding:0; color: #048de2 } 
.hr .i-menu { float: right; color: #048de2; width: 1.2rem; padding:.25rem; }
.hr-dl dt { font-weight: bold; padding:.5rem 0; border-bottom: 1px dashed #ededed }
.hr-dl dd { color: #888; padding-top: .5rem }
.hr .i-span { padding-left: 1rem; color: #888; font-weight: normal; }

/*联系我们*/
.contact dl { padding:.6rem; padding-top: 0; }
.contact dl dt { font-weight: bold; padding:.6rem 0; }
.contact dl dd { color: #888; line-height: 1.5 }

/*联系我们*/
.msg .msg-wrap { padding:.6rem; }
.msg .msg-from { width: 100%; }
.msg .form-item { overflow: hidden; padding:.3rem 0; }
.msg .form-label { display: block; float: left; height: 1.8rem; line-height: 1.8rem; font-size: .7rem; color: #333; font-weight: bold; }
.msg .form-pd { padding-left: 4.2rem; }
.msg .form-text { display: block; float: left; height: 1.8rem; line-height: 1.2rem; width: 100%; border-radius: 3px; border:1px solid #ededed; padding: .3rem; }
.msg .form-texts { display: block; float: left; line-height: 1.2rem; width: 100%; border-radius: 3px; border:1px solid #ededed; padding: .3rem; height:5rem }
.msg .form-submit { display: block; float: left; height: 1.8rem; width: 100%; border-radius: 3px; border:1px solid #007dcb; padding: .3rem; text-align: center; background: #048de2; color: #fff; font-weight: bold;  }
.msg .filePicker { display: inline-block;float: left; height: 1.8rem; width: 50%; border-radius: 3px; border:1px solid #007dcb; padding: .3rem; text-align: center; background: #048de2; color: #fff; font-weight: bold;  }
.hide { font-size: 0; text-indent: -9999px; }
.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
}
#tips_file{margin-left:10px;}

input::-webkit-input-placeholder{font:.7rem Arial, Helvetica, sans-serif;}
input::-moz-placeholder{font:.7rem Arial, Helvetica, sans-serif;}
input:-moz-placeholder{font:.7rem Arial, Helvetica, sans-serif;}
input:-ms-input-placeholder{font:.7rem Arial, Helvetica, sans-serif;}
textarea::-webkit-input-placeholder{font:.7rem Arial, Helvetica, sans-serif;}
input::-moz-placeholder{font:.7rem Arial, Helvetica, sans-serif;}
input:-moz-placeholder{font:.7rem Arial, Helvetica, sans-serif;}
input:-ms-input-placeholder{font:.7rem Arial, Helvetica, sans-serif;}

/*友情连接*/
.home-youqing .item { width: 33.333333333%; text-align: center; }
.home-youqing .item:nth-child(3n) { border-right-color: transparent; }

/*合作连接*/
.home-hezuo .item { width: 33.333333333%; text-align: center; }
.home-hezuo .item:nth-child(3n) { border-right-color: transparent; }

/*翻页*/
.fanye .list { padding-bottom: 0; }
.fanye .item { font-size: .8rem; text-align: center; overflow: hidden; line-height: 1rem; font-weight: bold; border-bottom: 0; width: 25%; }
.fanye .item img { display: block; max-width: 1rem; margin-left: auto; margin-right: auto; }
.fanye .item span.thisI { color: #048de2 }

/*上下产品*/
.prevNext .list { padding-bottom: 0; }
.prevNext .item { width: 100%; float: none; border-right: 0; }
.prevNext .item:last-child { border-bottom: 0; }
.prevNext .i-name { text-align: left; font-weight: block; padding-top: .1rem;  }
.prevNext .bd-menu { float: right; }

/*#footer*/
.footer { padding-bottom: 1.5rem; }
.footer-logo { width: 50%; margin-left: auto; margin-right: auto; padding-top: 1.5rem; }
.footer-copy { text-align: center; width: 80%; margin-left: auto; margin-right: auto; padding-top: .5rem; color: #888; font-size: .5rem; line-height: 1.3; }
.footer-erweima { width: 45%; margin-left: auto; margin-right: auto; padding:.5rem; background: #fff; border-radius: 5px; margin-top: 1.3rem; }

/*footerfixd*/
.footer-menu { position: relative; height: 2.55rem; }
.footer-menu-wrap { background-color: rgba(255,255,255,.98); position: fixed; bottom: 0; left: 0; right: 0; width: 100%; z-index: 50; max-width: 720px; margin: 0 auto; box-shadow: 0 -1px 2px rgba(0,0,0,.15); }
.footer-menu ul { overflow: hidden; }
.footer-menu li { width: 25%; overflow: hidden; float: left; font-size: .7rem; border-right: 1px solid #ededed; padding:.4rem; text-align: center; }
.footer-menu li:last-child { border-right: 0; }
.footer-menu li i { display: block; height: 0.9rem; width: 0.9rem; position: relative; margin-left: auto; margin-right: auto; }
.footer-menu li i img { max-width: 100%; height: auto; }
.footer-menu li span { display: block; text-align: center; padding-top: 0.15rem; }

/*下载*/
.dow .doc-icon { float: left; margin-right: .4rem }

/*左右箭头*/
.swiper-button-next,.swiper-button-prev { display: none; }

/*控制列表显示格式*/

.list-column1 .list-item { width: 100%; float: none; border-right: 0; }
.list-column2 .list-item { width: 50%; }
.list-column2 .list-item:nth-child(2n) { border-right-color: transparent; }
.list-column3 .list-item { width: 33.333333333%; }
.list-column3 .list-item:nth-child(3n) { border-right-color: transparent; }
.list-column4 .list-item { width: 25%; }
.list-column5 .list-item { width: 20%; }

.unittb { border-collapse: collapse; border-spacing: 0; width: 100%; }
.unittb td { padding:10px 15px; background: #f5f5f5; border:1px solid #fff; font-size: 13px; }
.unittb tr:nth-child(odd) td { background: #f0f0f0; }

@media all and (max-width:769px) {
.unittb td {padding:4px 4px;font-size:10px; text-align:justify; vertical-align:top;}	
.unittb td p{font-size:8px; text-align:justify; padding:0; border:0;}	
}