/* ===============
 * 重新定义Html元素
 * =============== */

/*常用rem设置*/
* { margin: 0; padding: 0; }
img { border: none 0; }
html { font-size:62.5%; overflow-x: hidden;}
body { background-color: #eee;/*0.7 × 20px = 14px */ font-family: "\5FAE\8F6F\96C5\9ED1", "微软雅黑", "Microsoft YaHei", Helvetica, Tahoma, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; }
a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-decoration: none; color: inherit; }
ul { list-style-type: none; }
strong, em { font-weight: normal; }
.clearfix { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

.pages{background: none;padding:10px;margin-top: 10px;text-align: center; }
.pages a,.pages span{ display:inline-block}
.pages div{background:#06C;border: 1px solid #cccccc;color:#6c6c6c;margin: 0px 0.2rem; display:inline-block;}
.pages a,.pages span {background:#ccc;border: 1px solid #cccccc;color:#6c6c6c;margin: 0px 0.2rem;padding: 0.5rem 1rem; display:inline-block;}
.pages .cur_page {background:#06C;border: 1px solid #2b60a8;color: #fff;}
.pages a:hover {color: #333;}
/*定位-----*/
.fl { float: left; }
.fr { float: right; }



/* 超出隐藏（需要再设置宽高） */
.hide { display: none !important; }
*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media only screen and (max-width:720px) {
	html, body { }
}
@media only screen and (max-device-width:640px), only screen and (max-width:640px) {
	html, body { }
}
@media only screen and (max-device-width:540px), only screen and (max-width:540px) {
	html, body { }
}
@media screen and (min-width:320px) and (max-width:414px) {
	.slideBox .bd li img { height: 160px !important; }
}
@media screen and (min-width:414px) and (max-width:480px) {
	.slideBox .bd li img { height: 188px !important; }
}
body { min-width: 320px; background:#FFF}
.myBody { background: none; }
.myBodyGray { background: #EEEDF3; }

/*------------页头*/
#header {width: 100%; position: relative; overflow: hidden; }
.logoTitle { height: 100%; }
.logoTitle a { display: inline-block;float:left  }
.logoTitle img { margin-left: 0.45rem; margin-top: 0.5rem;margin-right: 5px }
.logoTitle h1 { float:left; display: inline-block; height: 4rem; line-height: 4rem; color: #fff; overflow: hidden; }
#header a.index_img { right: 0.5rem;color: #fff; float:right; padding-right:1rem }
#header a.index_img .icon-home{ font-size:2.3rem; line-height:4rem}

/*------------页头导航栏*/
.nav, .productFenLei, .aboutUs, .liveShow, .news { background: #fff; }
.nav .navItems { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.nav .navItems li.item { text-align: center; border-bottom: 1px solid #005aab; float:left; width:33.34%; font-size:1.5rem; position: relative; padding:8px 0px }
.nav .navItems li.item a {padding: 0 0.6rem; }
.nav .navItems li.item a::after {content: "";border-right: 1px solid #ddd;display: block;height: 2.5rem;width: 100%;position: absolute;top: 0.65rem; line-height:1.5rem}
.nav .navItems li.current { position: relative; }
.nav .navItems li.current::after { position: absolute; left: 0; bottom: 0; width: 100%; content: ''; height: 2px; background-color: #005aab; }
.nav .navItems li:last-child a::after { border: 0 none; }

/*------------页脚导航栏*/
#footer {position: fixed; left: 0; bottom: 0; width: 100%; background-color: #fff; padding: 0; }
#footer a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1); font-size:1.3rem }
.footer-wrap a  span.text { display: block; text-align: center; padding-top:0.3rem;}
.footer-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-top:0.5rem}
.footer-wrap a { color: #fff;}
.footer-wrap ul {width:100%}
.footer-wrap ul li{ text-align: center; float:left; width:25%}
.footer-wrap div { height: 50px; padding-top: 0.4rem; }

.footer-wrap a span:before{ font-size:2.2rem}

.footer-wrap span.home, .footer-wrap  span.takeaway, .footer-wrap span.order, .footer-wrap span.personal { position: relative; }
.footer-wrap span.home { top: 1px; }
.footer-wrap  span.takeaway {top: -1px; }
.footer-wrap span.order { top: 2px;}
.footer-wrap span.personal { top: 0; }

/*-----------首页 index.html---------*/

/*------------响应式焦点图*/
#main { max-width: 100%; margin: 0 auto; padding-bottom: 6rem; background:#FFF }
.slideBox { position: relative; overflow: hidden; margin: 0 auto; max-width: 100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd { position: absolute; height: 1.2rem; line-height: 1.2rem; bottom: 0.3rem; right: 43%; }
.slideBox .hd li { display: inline-block; width: 0.5rem; height: 0.5rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; background-color: rgba(230, 230, 203, 0.8); text-indent: -9999rem; overflow: hidden; margin: 0 0.2rem; }
.slideBox .hd li.on { background: #FF5501; }
.slideBox .bd { position: relative; z-index: 0; }
.slideBox .bd li { position: relative; text-align: center; }
.slideBox .bd li img { vertical-align: top; width: 100%;/* 图片宽度100%，达到自适应效果 */ }
.slideBox .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 100%; display: block; }

/*------------产品分类*/
.yhTit .title { padding: 1rem 0 0 0; font-size:1.4rem }
.yhTit .title h1 { color: #333;padding-left: 0.4rem;  display: inline-block; width: 90%; font-family:  "微软雅黑", "Microsoft YaHei", Helvetica, Tahoma, sans-serif; height: 20px; line-height: 20px; font-size:1.5rem; padding-top:0.5rem}
.yhTit .title h1::before,.yhTit  .title h3::before { content: " ";  height: 20px; padding: 0 10px 0 3px; display: inline-block; vertical-align: -5px; }
.productFenLei ul { display: block; height: 100%; }
.productFenLei ul li { border-radius: 5px; float: left; color: #4f4f4f; width: 44.5%; text-align: center; margin: 0.55rem  2.7%; font-size:1.3rem; padding:0.3rem 0px}
.productFenLei ul li a { color: #fff; width: 100%; padding: 0 0.8rem; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*------------设备图片展示*/
.equipment { padding: 5px; color: #333; }
.equipment .itemList { display: block; background: #EEEDF3; border-left: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; }
.equipment .itemList li { width: 33.33333%; float: left; background: #fff; border: 1px solid #d6d6d6; border-top: 0 none; border-left: 0 none; }
.equipment .itemList li.borderLeftN { border-right: 1px solid #fff; }
.equipment .itemList li > a { display: block; margin: 5px; background: #fff; }
.equipment .itemList a > div { height: 0; position: relative; width: 100%; padding-bottom: 75%; }
.equipment .itemList a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.equipment .itemList p { width: 100%; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px; font-size:1.35rem}
.catTitle{font-size:1.5rem}
/*------------分割条*/
.separateBox { background: #fff; padding: 0.15rem 0; }
.separateBox .separate { height: 0.35rem; background-image: linear-gradient(#d5d2d2, #fcfcfd); border-top: 1px solid #c9c9c9; width: 100%; margin: auto; }

/*------------关于我们*/
.aboutUs .mt {padding: 0.5rem; text-align: center; color:#FFF; font-weight:bold}
.aboutUs .mt .title { background: #fff; padding: 1rem 1.3rem; font-family: "\5FAE\8F6F\96C5\9ED1", "微软雅黑", "Microsoft YaHei", Helvetica, Tahoma, sans-serif; line-height: 1.6;}
.aboutUs .mc { padding: 15px 10px; text-align: left; display: block;text-indent: 2em; color: #333; font-size:1.33rem; line-height:2.5rem}
.moreAbout { padding: 10px; text-align: center; background: #fff; }
.moreAbout  a{ border-radius: 5rem;font-size:1.4rem; line-height:3rem; height:3rem; color: #fff; width: 50%; display: inline-block; }

/*------------咨询热线*/
.hotLine { padding: 10px; text-align: center; background: #fff; }
.hotLine  a {  border-radius: 5rem;font-size:2rem; line-height:4rem; height:4rem; color: #fff; width: 90%; display: inline-block; }

/*------------现场展示*/
.liveShow .title { padding: 0.3rem 0 0.5rem 0; }
.liveShow .title h3 { font-family:"微软雅黑", "仿宋", "\5FAE\8F6F\96C5\9ED1", "微软雅黑", "Microsoft YaHei", Helvetica, Tahoma, sans-serif;}
.liveShow ul, .liveShow .viewMore { overflow: hidden; text-align:center}
.liveShow ul li { width: 30.6666666666666%; margin: 0 2% 2% 0; float: left; position: relative; }
.liveShow ul li:nth-of-type(3n-2) { margin-left: 2%; }
.liveShow ul li:nth-of-type(1), .liveShow ul li:nth-of-type(2), .liveShow ul li:nth-of-type(3) { margin-top: 2%; }
.liveShow ul li > a { display: block; height: 100%; }
.liveShow ul a > div { height: 0; position: relative; width: 100%; padding-bottom: 100.6660869565217%; }
.liveShow ul a  img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.liveShow ul p { text-indent: 10px; width: 100%; padding-right: 2%; text-align: center;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; bottom: 0rem; height: 2rem; line-height: 2rem; font-size:1.35rem; opacity: 0.9; color: #fff; background: rgba(0, 0, 0, .3); }
.liveShow .viewMore { color: #7e7e7e; padding: 10px; position: relative; }
.liveShow .viewMore a { display: inline-block; background: #F7F7F7; border: 1px solid #ddd; width: 50%; height: 30px; line-height: 30px; border-radius: 4px; text-align: center; font-size:1.4rem }

/*------------最新动态*/

.news .title { line-height: 2.25rem; padding-top: 0; padding:0.5rem 0;font-size:1.5rem}
.news .title .moreNews{padding-right:5px}
.news ul { outline: 0; }
.news ul li,.news ul li i{line-height:3.2rem; height:3.2rem;}
.news ul li { border-bottom: 1px solid #f0f0f0; background-color: #FFF;padding: 0 0.5rem 0 0.8rem;}
.news ul li:first-child { border-top: 1px solid #f0f0f0; }
.news ul li a.ml_tit { display: inline-block; width: 92%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; font-size:1.4rem; }
.news ul li i { display: inline-block;  vertical-align: 1rem;color: #BABABA; font-weight: normal; }

/*-----------关于我们 aboutUs.html、最新动态 news.html、技术支持 techSupport.html---------*/

.yhTit .title h3::before{ height: 15px; vertical-align: -2px;}
.shortTit .content {padding: 1rem;  text-align: justify; text-justify: inter-ideograph; line-height:3rem; font-size:1.4rem}
.content .title{text-align:center; font-size:2rem; border-bottom:1px solid #CCC; padding-bottom:1rem}
.yhTit .title h3{padding-left: 0.4rem}
.shortTit .content strong { font-weight: bold; }
.shortTit .content img { max-width: 100%!important; height:auto!important;float:left}
.content .title{text-align:center}

/*-----------产品展示 productDisplay.html---------*/
.productDisplay ul li { float: left; width: 49.9%; border-bottom: 1px solid #dedede; }
.productDisplay li:nth-of-type(1), .productDisplay li:nth-of-type(2) { border-top: 1px solid #dedede; }
.productDisplay ul li:nth-of-type(odd) { border-right: 1px solid #dedede; }
.productDisplay ul li a { display: block; }
.productDisplay ul li .yhName { text-align: left;  margin: 0 0.5rem 0 0.75rem; color: #666; line-height: 300%; overflow: hidden; white-space: nowrap; -webkit-text-overflow: ellipsis; o-text-overflow: ellipsis; text-overflow: ellipsis; }
.productDisplay ul li .yhName::before { content: ""; border-left: 6px solid #ff914a; padding-left: 8px; display: inline-block; height: 7px; }

/*-----------产品展示双图列表页 subProductDisplay.html---------*/
.subProduct { color: #333; background: #fff; }
.subProduct .searchBox .searchFrom { position: relative; top: -0.2rem; padding-left: 1rem; }
.subProduct .searchBox .searchProduct { width: 75%; margin-left: 0.25rem; line-height: 2.2rem; height: 2.2rem; display: inline-block; }
.subProduct .searchBox input { border: 1px solid #cccccc; border-radius: 0.2rem; height: 1.5rem; padding-left: 0.25rem; width: 100%; }
.subProduct .searchBox .btnSearch { display: inline-block; width: 16%; text-align: center; }
.subProduct .searchBox .btnSearch button { line-height: 26px; background-color: #ec6941; border-radius: 4px; padding: 0 10px; color: #ffffff; border: 0 none; }
.subProduct .searchBox .btnSearch button:active { background: #d74a1e; }
.subProduct .itemList { display: block; background: #EEEDF3; padding: 5px; }
.subProduct .itemList li { width: 49.8%; float: left; background: #fff; border-bottom: 1px solid #d6d6d6; box-sizing: content-box; }
.subProduct .itemList li:nth-of-type(odd) { border-right: 1px solid #d6d6d6; }
.subProduct .itemList li > a { display: block; margin: 5px; background: #fff; }
.subProduct .itemList a > div { height: 0; position: relative; width: 100%; padding-bottom: 75%; }
.subProduct .itemList a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.subProduct .itemList p { width: 100%; text-align: center;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px; }

/*高亮展示*/
.productFenLei a:active { background: rgba(255, 255, 255, 0.1); }
.news ul li:active, .equipment li.item:active, .equipment li.item a:active, .viewMore a:active, .productDisplay ul li a:active,.subProduct .itemList li:active,.subProduct .itemList a:active,.nav li.item:active { background: #ade1f5; }
.liveShow ul a > img:active { opacity: 0.8; }
.proList{margin-bottom:2.5rem; overflow:hidden}
.proList ul{overflow:hidden}
.proList ul li{float:left; width:47.1%; margin:10px 5px; background:#fff; padding:3px; text-align:center; font-size:1.45rem}
.proList ul li img{width:100%}
.proList ul li p{text-overflow: ellipsis;  text-align: center; overflow: hidden;  white-space: nowrap;  }
#dituContent{margin-bottom:20px; overflow:hidden; }
.shareConArea{ padding:10px; position:fixed; bottom:0px; z-index:9999; width:100%; transform:translateY(100%); transition:transform 300ms}
.shareCon{border-radius:5px;}
.shareConShow{ transform:translateY(0);}
.shareCanl{line-height:30px; text-align:center; font-size:2rem; font-weight:bold; background:#f8f8f8; border-radius:5px; margin-top:0.5rem; color:#666; padding:0.5rem}
.shareTitle{line-height:30px; text-align:center; font-size:2rem; font-weight:bold; background:#f8f8f8; margin-top:0.5rem; color:#666; padding:0.5rem;border-radius:5px; padding:10px; border-top:none}
.shareTitle{border-bottom:1px solid #CCC; border-radius:5px 5px 0px 0px; }
.bdsharebuttonbox{ background:#f8f8f8; border-radius:0px 0px 5px 5px; padding:10px;}
.bdsharebuttonbox a{ margin:15px!important;}
/*全站颜色代码*/
#header,.productFenLei ul li,.aboutUs .mt,.moreAbout a ,.liveShow ul, .liveShow .viewMore,.hotLine a,.footer-wrap{ background: #005aab none repeat scroll 0 0; }
.yhTit .title h3::before{border-left: 5px solid #005aab;}
.yhTit .title h1::before,.yhTit  .title h3::before,.yhTit  .title h2::before{ border-left: 5px solid #005aab; }
.conThumb img{width: 100%}
.yhTit .title h1{margin-bottom: 20px}