@font-face { font-family: "Simplonnorm"; src: url(simplonnorm-bold-webfont.woff) format("woff"), url(simplonnorm-bold-webfont.woff2) format("woff2"); font-weight: 700; font-style: normal }
@font-face { font-family: "Simplonnorm"; src: url(simplonnorm-bolditalic-webfont.ttf) format("ttf"), url(simplonnorm-bolditalic-webfont.woff) format("woff"), url(simplonnorm-bolditalic-webfont.woff2) format("woff2"); font-weight: 700; font-style: italic }
@font-face { font-family: "Simplonnorm"; src: url(simplonnorm-light-webfont.ttf) format("ttf"), url(simplonnorm-light-webfont.woff) format("woff"), url(simplonnorm-light-webfont.woff2) format("woff2"); font-weight: 300; font-style: normal }
@font-face { font-family: "Simplonnorm"; src: url(simplonnorm-lightitalic-webfont.ttf) format("ttf"), url(simplonnorm-lightitalic-webfont.woff) format("woff"), url(simplonnorm-lightitalic-webfont.woff2) format("woff2"); font-weight: 300; font-style: italic }
@font-face { font-family: "Simplonnorm"; src: url(simplonnorm-medium-webfont.ttf) format("ttf"), url(simplonnorm-medium-webfont.woff) format("woff"), url(simplonnorm-medium-webfont.woff2) format("woff2"); font-weight: 500; font-style: normal }
@font-face { font-family: "Simplonnorm"; src: url(simplonnorm-mediumitalic-webfont.woff) format("woff"), url(simplonnorm-mediumitalic-webfont.woff2) format("woff2"); font-weight: 500; font-style: italic }
@font-face { font-family: "Simplonnorm"; src: url(simplonnorm-regular-webfont.woff) format("woff"), url(simplonnorm-regular-webfont.woff2) format("woff2"); font-weight: 400; font-style: normal }
@font-face { font-family: "Simplonnorm"; src: url(simplonnorm-regularitalic-webfont.ttf) format("ttf"), url(simplonnorm-regularitalic-webfont.woff) format("woff"), url(simplonnorm-regularitalic-webfont.woff2) format("woff2"); font-weight: 400; font-style: italic }

@font-face { font-family: 'datamints'; src: url(datamints.woff2) format("woff2"), url(datamints.woff) format("woff"); font-weight: 400; font-style: normal }

@font-face { font-family: 'NotoSansHans'; src: url(NotoSansHans-DemiLight.otf) format("otf"), url(NotoSansHans-Regular.ttf) format("ttf"); font-weight: 400; font-style: normal }


body { font-family: "微软雅黑"; background: #fff; color: #666; overflow-y: scroll; -ms-overflow-style: scrollbar; }
ul { padding: 0 }
ul li { list-style-type: none }
a { color: #666; text-decoration: none }
a:hover { color: #000; text-decoration: none }
td { color: #666 }
#serviceBox { position: fixed; z-index: 999; padding-top: 5px; padding-bottom: 5px; bottom: 47px; display: none; width: 100%; background: rgba(255,255,255,1); text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
#serviceBox a { line-height: 30px; }
#ff input { border: 1px solid #ccc; background: #fff; line-height: 35px; height: 35px; margin-top: 10px; margin-left: 10px; border-radius: 0px; outline: none }
#ff textarea { border: 1px solid #ccc; background: #fff; margin-top: 10px; margin-left: 10px; border-radius: 0px; outline: none }
#ff input:focus, #ff textarea:focus { border-color: #000 }
#ff .btn { border: 0px; background: #ddd; padding: 0px; height: auto; padding-left: 20px; padding-right: 20px; line-height: 35px; }
#ff .btn:hover { color: #fff; background: #c10404; }

/*图片悬浮链接*/
.imgLink-hover { cursor: pointer; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0); background-image: url(on-hover.png); background-repeat: repeat; opacity: 0; filter: Alpha(Opacity=0); z-index: 96; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.imgLink-hover:hover { opacity: 1; filter: Alpha(Opacity=1) }
.imgLink-hover * { filter: inherit }
.imgLink-hover { cursor: pointer }
.imgLink-hover:hover .hover-link { background-image: url(hover-link.png); background-repeat: no-repeat; background-position: center center }
.hover-link { width: 44px; height: 44px; top: 50%; left: 50%; margin-left: -22px; margin-top: -22px; position: absolute; display: block }
/*详情页面*/
.detailTitleTxt { border-left: 3px solid #666; line-height: 35px; font-weight: bold; font-size: 16px; text-align: left; background: #f9f9f9; text-indent: 10px; margin-bottom: 10px; }
.detailTitle { border-left: 3px solid #666; line-height: 35px; font-weight: bold; font-size: 16px; text-align: center; background: #f9f9f9; margin-left: 10px; }
.detailParameter { padding: 10px; word-wrap: break-word; }
.detailImg { text-align: center; padding: 10px; }
.detailImg img { max-width: 100%; }
.detailUrl { padding: 10px; }
.detailUrl a { width: 150px; text-align: center; line-height: 40px; border: 1px solid #333; margin: 0px auto 0px auto; display: block; color: #333; text-decoration: none; }
.detailUrl a:hover { background: #990000; border: 1px solid #990000; color: #fff; }
.detailTime { width: 100%; text-align: center; font-size: 14px; font-weight: bold; line-height: 40px; }
.detailContent { width: 100%; margin-bottom: 10px; overflow: hidden; word-wrap: break-word; overflow-x: auto; }
.detailContent ul, .detailParameter ul { padding-left: 30px }
.detailContent ul li, .detailParameter ul li { list-style-type: initial }
.detailContent img { max-width: 100%; height: auto; margin: 0px; padding: 0px; vertical-align: top; }
.productImgList { width: 100%; overflow: hidden; margin-bottom: 5px }
.productImgList li { width: 150px; float: left; margin-left: 10px; margin-bottom: 10px; }
.productImgList li a { margin: 0px; padding: 0; }
.productImgList li a img { width: 150px; border: 3px solid #eee; }
.productImgList li a img:hover { border: 3px solid #000; }
.productListBox { margin-top: 15px; }

#searchProduct { margin-top: 10px; }

.back { line-height: 35px; background: #990000; color: #fff; width: 80px; text-align: center; float: right }
.back:hover { color: #fff; background: #000; }
.otherPageBox { background: #f1f1f1; margin-top: 20px; padding: 10px; overflow: hidden; width: 100%; font-size: 12px; margin-bottom: 20px }
.otherPageBox a { font-size: 12px; line-height: 20px }
.otherPageBox .back { line-height: 40px; font-size: 14px }
.aboutProduct { margin: 20px 0px 0px 0px; }
.msgBox { border: 1px dashed #999; padding: 20px; margin-bottom: 30px }
.formPanel .collectBox{width:auto;float:left;margin-right:5px;}
.formPanel .collectBox img { width: 35px }
.formPanel .collectBox img:hover{filter:opacity(0.8)}
.formPanel .collectBox a{font-size:16px;font-weight:bold;color:#333;line-height:33px;}
.formPanel .collectBox a:hover{color:#c50510}
.searchList { width: 100%; overflow: hidden; }
.searchList li { margin-bottom: 10px; border: 1px dashed #ccc; padding: 5px; float: left; width: 100%; }
.searchList li:hover { border: 1px dashed #000 }
.searchList li .img { width: 150px; float: left; display: block; overflow: hidden; margin-right: 10px }
.searchList li .img img { width: 100%; height: auto }
.searchList li .title { width: auto; float: left; overflow: hidden; display: block }

/*手机版菜单可展开图标*/
#app_menudown { position: absolute; top: 0px; right: 0px; font-size: 16px; }
#app_menudown:hover { background-color: #073053; }
#app_menudown span { display: block }
/*菜单栏标志*/
.navbar-brand { padding: 0px 80px 0px 20px ; width: auto; float: left }
.navbar .navbar-brand:hover { background: none; }
.topBox { }
.welcomeBox { width: auto; float: left; line-height: 30px; font-size: 12px; line-height: 25px; color: #fff }
.welcomeBox * { padding: 0px; margin: 0px; border: 0px; background: none; color: #fff }
.borderBottom { background: #000; padding-top: 10px; padding-bottom: 10px; }

.topContactBox { width: auto; float: right; margin-right: 15px; }
.topContactBox img { display: block; width: auto; float: left; margin-left: 15px; }
.topContactBox a { display: block; width: auto; float: left; line-height: 25px; color: #fff; font-size: 12px; cursor: pointer }
.topContactBox a:hover { color: #fff; text-decoration: underline; }

.logo { padding: 20px 0px 20px 0px }
.logo * { padding: 0px; margin: 0px; border: 0px }
.logo a img { max-width: 100%; height: auto }
/*产品搜索*/
/*产品搜索*/
#smallSearchBox { position: absolute; overflow: hidden; top: 65px; right: 20px; display: none; z-index: 9999; width: 70%; padding-top: 0px; padding-bottom: 0px; }
#small_search { color: #fff; position: absolute; right: 20px; top: 30px; padding: 8px 13px; font-size: 17px; border-radius: 4px; background: rgba(0,0,0,0.1) }
#small_search:hover, #small_search:focus { cursor: pointer; background: rgba(0,0,0,0.2) }
.search_group { float: right; margin: 0px 0px 0px 0px; padding: 0px }
.search_group input { border-radius: 0px; height: 35px; border-radius: 5px; background: rgba(0,0,0,0.1); color: #000 }
.mysearch_btn { background-color: #990000; color: #fff; border-radius: 5px; height: 35px; line-height: 25px; }
.mysearch_btn:hover, .mysearch_btn:focus { background-color: #333; color: #fff; }
/*语言*/
.languageBox { float: right; text-align: left; width: auto; overflow: hidden; }
.languageBox a { float: right; font-size: 12px; padding: 0px 15px 0px 45px; text-align: center; line-height: 25px; height: 25px; display: block; color: #fff; border-left: 1px solid #333 }
.languageBox a:hover, .languageBox a:focus { color: #fff; }
header .zh { background: url(zh.png) 15px center no-repeat }
header .en { background: url(en.png) 15px center no-repeat }

.indexTitle { text-align: center; overflow: hidden; margin-top: 40px; margin-bottom: 40px }
.indexTitle h2 { display: block; color: #c50510; font-weight: bold }
.indexTitle p { display: block; font-size: 20px; color: #ccc }
.moreBox { text-align: right; margin-top: 30px; margin-bottom: 40px; width: 100%; }
.centerMore { display: inline-block; background: url(arr2.png) #999 no-repeat center center; width: 65px; height: 65px; border-radius: 200px; }
.centerMore:hover { background-color: #44516c }
.loadMore { display: inline-block; border-radius: 5px; border: 2px solid #fff; color: #fff; padding: 10px 30px 10px 30px; font-size: 16px; margin-bottom: 20px; margin-top: 40px; }
.loadMore:hover { background: #44516c; color: #fff }
.pointerBox { display: block; overflow: hidden }
.pointerBox .title { text-align: center; font-size: 16px; line-height: 50px; background: url(title_line.png) center bottom no-repeat; margin-top: 20px; margin-bottom: 20px }

.pointerTxt { margin-top: 20px; color: #000 }

.newsItem { width: 100%; position: relative; height: 260px; overflow: hidden }
.newsItem .time { width: 100px; overflow: auto; border: 1px solid #fff; border-radius: 5px; padding: 8px; color: #fff; font-size: 14px; line-height: 25px }
.newsItem .title { color: #fff; line-height: 50px; height: 50px; overflow: hidden }
.newsItem .content { color: #ddd; font-size: 12px; line-height: 20px; height: 60px; overflow: hidden }

.newsItem .newsImg { transition: top 0.4s; position: absolute; top: -130px; z-index: 999; background: url(/files/aboutbg.jpg) no-repeat center center; background-size: cover; width: 100%; height: 130px }
.newsItem:hover .newsImg { top: 0; }


.newsItem .newsContent { display: block; padding: 25px; padding-top: 5px; transition: bottom 0.4s; position: absolute; bottom: -130px; z-index: 999; background: #050621; width: 100%; height: 130px }
.newsItem:hover .newsContent { bottom: 0; }

.newsItem .enter { background: url(more1.png) no-repeat; width: 35px; height: 36px; margin-top: 20px }

.indexContact { }
.indexContact .address { background: url(contact_address.png) left top no-repeat; padding-left: 50px; line-height: 30px; margin-bottom: 15px }
.indexContact .tel { background: url(contact_tel.png) left top no-repeat; padding-left: 50px; line-height: 30px; margin-bottom: 15px }
.indexContact .email { background: url(contact_email.png) left top no-repeat; padding-left: 50px; line-height: 30px; margin-bottom: 15px }

.p1 .icoBox { transition: background 0.4s; background: url(i_icon1.png) no-repeat center center; width: 134px; height: 134px; margin: 0 auto; background-size: 100%; }
.p1:hover .icoBox { background-image: url(i_icon.png) }
.p1 .icoBox div { transition: background 0.4s; width: 134px; height: 134px; background-image: none; background-position: center 134px; }
.p1:hover .icoBox div { transition: background 0.4s; background-position: 0 0; background-image: url(m2.png) }

.p2 .icoBox { transition: background 0.4s; background: url(i_icon2.png) no-repeat center center; width: 134px; height: 134px; margin: 0 auto; background-size: 100%; }
.p2:hover .icoBox { background-image: url(i_icon.png) }
.p2 .icoBox div { transition: background 0.4s; width: 134px; height: 134px; background-image: none; background-position: center 134px; }
.p2:hover .icoBox div { transition: background 0.4s; background-position: 0 0; background-image: url(m4.png) }

.p3 .icoBox { transition: background 0.4s; background: url(i_icon3.png) no-repeat center center; width: 134px; height: 134px; margin: 0 auto; background-size: 100%; }
.p3:hover .icoBox { background-image: url(i_icon.png) }
.p3 .icoBox div { transition: background 0.4s; width: 134px; height: 134px; background-image: none; background-position: center 134px; }
.p3:hover .icoBox div { transition: background 0.4s; background-position: 0 0; background-image: url(m6.png) }

.p4 .icoBox { transition: background 0.4s; background: url(i_icon4.png) no-repeat center center; width: 134px; height: 134px; margin: 0 auto; background-size: 100%; }
.p4:hover .icoBox { background-image: url(i_icon.png) }
.p4 .icoBox div { transition: background 0.4s; width: 134px; height: 134px; background-image: none; background-position: center 134px; }
.p4:hover .icoBox div { transition: background 0.4s; background-position: 0 0; background-image: url(m8.png) }

/*标题栏*/
.titleBar { height: auto; overflow: hidden; margin: 20px 0px 20px 0px; border-bottom:2px solid #c50510; }
.titleBar h5 { float: left; display: inline-block; width: auto; padding: 0px; color: #333; margin: 0px 0px 0px 0px; font-size: 20px; line-height: 20px; height: 35px; overflow: hidden; }
.titleBar span { float: left; background: #fff; display: inline-block; width: auto; color: #cccccc; font-size: 16px; padding-right: 5px; line-height: 23px; text-indent: 10px; overflow: hidden; font-family: Arial }
.titleBar .rightMore { float: right; border-radius: 20px; display: block; line-height: 25px; margin-top: 5px; padding-left: 10px; padding-right: 10px; background: #ddd; color: #fff; font-size: 12px; transition: background 0.5s }
.titleBar .rightMore:hover { background: #516196; color: #fff; }

.titleBar .bottomButton { float: right; cursor: pointer; border-radius: 0px; display: block; line-height: 25px; margin-left: 10px; padding-left: 5px; padding-right: 5px; width: auto; text-align: center; background: #333; color: #fff; font-size: 14px; transition: background 0.5s }
.titleBar .bottomButton:hover { background: #516196; color: #fff; }
.titleBar .selectedBottomButton { background: #516196; }

.homeTitleBar { background: #fff url(titlebg.jpg) no-repeat left bottom; }
.homeTitleBar h5 { font-size: 28px; line-height: 28px; height: 45px; width: auto }
.homeTitleBar span { font-size: 26px; line-height: 35px; }

/*首页产品*/
.productBox { margin: 0px 0px 0px 0px; }
.productBox .list { clear: both; padding: 0px 0px 0px 0px; margin-right: -15px; margin-left: -15px; overflow: hidden; }
.productImg { min-height: 100px; margin: 0px; margin-bottom: 20px; }
.productImg a { position: relative; display: block; width: auto; margin: 0px auto 0px auto; }
.productImg a:first-child { background: #c50510; padding-bottom: 4px; }
.productImg img { margin-right: auto; margin-left: auto; display: block; height: auto; width: 100%; height: auto; margin-bottom: 0px; padding: 0px; }
.productImg img:hover { }
.productTitle { width: 100%; display: block; text-align: center; line-height: 40px; height: 40px; overflow: hidden; color: #333; }
.productTitle:hover { text-decoration: underline; }
.viewBig { cursor: pointer }

.loadMore { display: inline-block; text-align: center; border-radius: 0px; color: #fff; padding: 0; width: 150px; height: 45px; font-size: 14px; margin-bottom: 0px; margin-top: 0px; line-height: 40px; position: relative; background: #c50510; }
.loadMore span.more:after { content: "\EA2F"; font-family: 'datamints'; font-size: 12px; display: inline-block; line-height: 27.5px; margin-left: 6px; margin-right: 20px; transition: all 0.3s }
.loadMore span.more { display: block; width: 100%; position: absolute; top: 0; left: 10px; height: 100%; transition: all 0.3s; z-index: 9999 }
.loadMore span.more:focus, .loadMore span.more:active { }
.loadMore span.hoverBg { display: block; width: 0%; background: none; position: absolute; top: 0; left: 0; height: 100%; transition: all 0.3s; }
.loadMore:hover { background: #333; }
.loadMore:hover span.hoverBg { width: 100%; }
.loadMore:hover span.more::after { margin-left: 10px; margin-right: 0 }


/*底部产品*/
.bottomProductBox { margin: 0px 0px 20px 0px; overflow: hidden; width: 100%; }
.bottomProductBox .list { padding: 0px 0px 0px 0px; overflow: hidden; }
.bottomProductImg { overflow: hidden; padding: 10px; border: 1px dashed #ccc; }
.bottomProductImg:hover { border: 1px dashed #000; }
.bottomProductImg span { display: block; height: 65px; overflow: hidden; }
.bottomProductImg a { float: left; background-color: #333; color: #fff; margin-top: 5px; font-size: 12px; display: block; width: 60px; line-height: 22px; border-radius: 4px; text-align: center }
.bottomProductImg img { margin-right: 5px; float: left; display: block; height: auto; width: 50%; height: auto; margin-bottom: 0px; padding: 0px; }
.bottomProductImg a:hover { background: #516196; text-decoration: none; }
/*产品列表*/
.productList { margin: 30px 0px 0px 0px; margin-right: -15px; margin-left: -15px; overflow: hidden; }
#searchProduct { overflow: hidden; width: 100%; }
/*介绍列表*/
.nameList { margin-bottom: 15px; padding: 0px; margin-top: 0px }
.nameList ul { margin: 0px; padding: 0px; }
.nameList li:first-child { margin-top: 0px; }
.nameList li { padding: 0px; border-bottom: 1px solid #eee; padding-left: 5px; overflow: hidden }
.nameList li span { width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; background: #666; display: block; font-size: 12px; float: left; overflow: hidden; margin-top: 10px }
.nameList li > a { line-height: 40px; display: block; text-indent: 5px; float: left; overflow: hidden; width: 80%; height: 40px }
.nameList li:hover span { background: #990000 }
.nameList li .time { width: auto; height: auto; line-height: 40px; color: #666; text-align: center; background: none; display: block; font-size: 12px; float: right; overflow: hidden; margin-top: 0px }
.nameList li:hover .time { background: none }

/*新闻列表*/
.newsList { margin-bottom: 15px; padding: 0px }
.newsList ul { margin: 0px; padding: 0px; }
.newsList li { padding: 0px; }
.newsList li .wrapper { display: block; padding: 10px; border: 1px dashed #ccc; margin-bottom: 15px; padding-bottom: 0; overflow: hidden; position: relative }
.newsList li .time { width: 70px; text-align: center; position: absolute; right: 10px; top: 15px }
.newsList li .time .day { font-size: 60px; color: #888; line-height: 58px }
.newsList li .time .date { font-size: 16px; color: #888; }
.newsList li .img { width: 90px; height: 90px; position: absolute; left: 0; background-size: cover; margin-left: 10px; margin-right: 10px; }
.newsList li .tit { margin-bottom: 10px; padding-bottom: 12px; height: 90px; overflow: hidden; margin-left: 100px; margin-right: 100px; }
.newsList li .tit span { display: block; height: 22px; overflow: hidden; line-height: 22px; font-size: 15px; color: #666; font-weight: bold; }
.newsList li p { margin-left: 0px; font-size: 12px; line-height: 24px; height: 67px; color: #888; overflow: hidden; }
.newsList li:hover { }
.newsList li:hover .wrapper { border: 1px dashed #000; }
.newsList li:hover .time .day, .newsList li:hover .time .date { color: #000; }
.newsList li:hover .tit { border-bottom-color: #000; color: #000; }
.newsList li:hover p { color: #000; }

/*首页新闻*/
.newsBox { margin: 0px 0px 70px 0px; overflow: hidden; }
.newsBox .indexNewsList { margin-left: -15px; margin-left: -15px; }
.newsBox .imgNewsBox { overflow: hidden; margin-top: 10px; margin-bottom: 20px; }
.newsBox .imgNewsBox img { width: 100%; }
.newsBox .newsList { clear: both; list-style: none; margin: 0px; padding: 0px 0px 0px 0px; margin-top: -10px; }
.newsBox .newsList li { width: 100%; border-bottom: 1px dashed #ccc; overflow: hidden; line-height: 40px; height: 40px; padding: 0px; }
.newsBox .newsList li:hover { background-color: #fff }
.newsBox .newsList li a { font-size: 14px; }
.newsBox .newsList li a:hover { text-decoration: none; background: none }
.newsBox .newsList li span { color: #516196 }

.indexNews { margin-top: -10px; margin-bottom: 20px; }
.indexNews li { overflow: hidden; padding: 0px; line-height: 35px; border-bottom: 1px dashed #ccc }

.leftNewsBox { margin: 0px 0px 40px 0px; }

/*首页联系*/
.contactBox { margin: 0px 0px 20px 0px; }
.contactBox P { clear: both; }


#rightBox { float: right }

/*导航菜单*/
.navbar li span { display: none }
.navbar { margin: 0px; margin-top: 0px; min-height: 100px; height: 100px; border: 0px; background: #fff; border-radius: 0px; }

/*翻页组件*/
.pageBar { width: 100%; overflow: hidden; float: left; padding-top: 0px; margin-bottom: 20px; display: inline; }
.pageBar .pageList { width: 100%; overflow: hidden; float: left; line-height: 35px; text-align: center; }
.pageBar .pageList a { font-size: 14px; display: inline-block; text-align: center; width: 35px; text-align: center; color: #000; margin-top: 10px; margin-right: 5px; margin-left: 5px; background: #eee; }
.pageBar .pageList a:hover { color: #fff; background: #000; }
.pageBar .pageList .selected { font-size: 14px; display: inline-block; text-align: center; color: #fff; background: #000; cursor: default; }
.pageBar .pageList .selected:hover { color: #fff; background: #000; }
/*底部信息*/

.linksBox { text-align: center; padding-bottom: 0px; transition: all 0.3s; margin-top: 20px; }
.linksBox:hover { }
.linksBox > div { width: auto; display: inline-block; }
.linksBox > ul { width: auto; display: inline-block; padding: 0; margin: 0 }
.linksBox > ul > li { width: auto; display: inline-block; margin-right: 5px; margin-left: 5px }

/*底部信息*/
footer { background: #151515; background-size: cover; color: #eee; padding: 60px 0px 0px 0px; margin-top: 0px; font-size: 14px; }
footer a { color: #eee; }
footer a:hover { color: #fff }

footer .footerLogo { }
footer .footerContact { background: url(icon.jpg) left center no-repeat; height: 120px; line-height: 40px; text-align: left; padding-left: 30px; margin-top: 20px; }
footer .footerContact * { margin: 0; padding: 0 }

footer .quikLink { margin: 0 25px 0 25px }
footer .footerTitle { font-size: 12px; line-height: 20px; height: 25px; margin-bottom: 0px; font-weight: normal; color: #fff }
footer .footerContent a { font-size: 12px; line-height: 20px; color: #999; font-weight: normal }
footer .footerContent a:hover{color:#fff}
footer .collectBox { overflow: hidden; margin-top: 10px; }
footer .collectBox span { display: block; float: left; width: auto; line-height: 29px; }
footer .collectBox .weibo { display: block; float: left; width: 38px; height: 29px; background: url(fenxiang.png) left top no-repeat; margin-right: 0px; }
footer .collectBox .weixin { display: block; float: left; width: 38px; height: 29px; background: url(fenxiang.png) right top no-repeat; }

footer .collectBox img:hover { filter: opacity(0.8) }

footer .copyright { background: #262626; margin-top: 30px; overflow: hidden; padding: 13px 0 10px 0; text-align: center; font-size: 12px }
footer .copyright a { color: #eee; }

.foot_nav { width: 25%; float: left; background-color: #fafafa; text-align: center; }
.foot_nav:hover, .foot_nav:focus { background-color: #e4e4e4; }
.foot_nav a { color: #898989; display: block; }
.foot_nav a:hover, .foot_nav a:focus { text-decoration: none; }
.foot_nav span { display: block; padding: 3px 0px 0px 0px; }
.webshare { width: 230px; padding: 5px; }
.ewebshare { width: 200px; padding: 5px; }

/*横幅*/
.banner { width: 100%; height: auto; background: #fff; padding: 0; margin: 0; overflow: hidden; }
.firstBannerImg { width: 100%; overflow: hidden; }
.firstBannerImg img { margin: 0 auto; display: block; max-width: 100%; }
#html5zoo-pc-box, #html5zoo-mobile-box { margin: 0 auto; position: relative }
#html5zoo-pc, #html5zoo-mobile { display: none }

.topPadding { height: 0px; width: 100%; background: #fff; position: relative; }
.bannerBg { display: none; background: url(ban_bg.png) top center no-repeat; width: 100%; height: 40px; position: absolute; margin-top: -40px }
#indexProductBox { background-size: 100%; margin-top: 0px; padding-top: 0px; padding-bottom: 0px }
.swiperBox { overflow: hidden; padding: 20px 70px; background: #fff; margin-bottom: 20px; position: relative }
.swiper-button-next { right: 15px; }
.swiper-button-prev { left: 15px; }
.swiper-button-next, .swiper-button-prev { background: #ddd; width: 30px; height: 30px; border-radius: 100px; }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 18px !important; color: #333 }
.swiperBox .swiper-slide img { border: 1px solid #ccc;width:100px}
/*公司简介*/
.aboutBox { width: 100%; overflow: hidden; margin: 30px 0px 30px 0px; }
.itemTitle { color: #c50510; font-size: 24px; text-align: center; font-weight: bold; margin-top: 25px; }
.itemContent { display: flex; width: 100%; flex-direction: column; margin-bottom: 40px; }
.itemContent > div { width: 100%; margin-top: 20px; }
.itemContent img { display: block; float: left; width: 25px }
.itemContent p { display: block; float: left; width: auto; margin-top: 7px; margin-left: 5px; }
/*产品搜索标题*/
.searchTitle { width: 100%; padding-bottom: 10px; font-weight: bold; }

/*当前位置*/
.positionBox { width: 100%; margin: 0px; padding: 0px }
/*首页导航菜单*/
.indexNavigationGroup { display: none; }
/*导航菜单*/
.navigationBox { overflow: hidden; width: 100%; line-height: 40px; margin-bottom: 20px; }
#firstpane .selected { color: #516196; font-weight: bold }
#firstpane li span { cursor: pointer; line-height: 35px; height: 35px; background: #333; display: block; position: absolute; right: 0px; top: 2px; color: #fff; width: 40px; text-align: center; font-size: 20px; font-weight: bold }
#firstpane li span:hover { background: #516196; }
#firstpane { margin: 0px; padding: 0px; width: 100%; overflow: hidden; margin-top: -10px; }
#firstpane > li { float: left; width: 100%; position: relative; }
#firstpane > li:hover { }
#firstpane > li > a { display: block; text-indent: 15px; width: 100%; border-bottom: 1px dashed #ccc; overflow: hidden; background: url(li.png) no-repeat left 16px; }
#firstpane > li > a:hover { }
/*小类*/
#firstpane > li > ul { float: left; padding: 0px; margin: 0px; display: none; width: 100%; }
#firstpane > li > ul > li { float: left; width: 100%; position: relative; }
#firstpane > li > ul > li:hover { }
#firstpane > li > ul > li > a { display: block; text-indent: 30px; border-bottom: 1px dashed #ccc; background: url(li.png) no-repeat 18px 16px; }
#firstpane > li > ul > li > a:hover { }
/*小类*/
#firstpane > li > ul > li > ul { width: 100% }
#firstpane > li > ul > li > ul > li { float: left; width: 100%; position: relative; }
#firstpane > li > ul > li > ul > li:hover { }
#firstpane > li > ul > li > ul > li > a { display: block; text-indent: 50px; border-bottom: 1px dashed #ccc; background: url(li.png) no-repeat 38px 16px; }
#firstpane > li > ul > li > ul > li > a:hover { }

.keyweb { padding: 0px; }


/*屏幕宽度为414px至767px*/
@media screen and (min-width:414px) and (max-width:767px) {
    .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 { float: left; }
    .col-mm-12 { width: 100%; }
    .col-mm-11 { width: 91.66666667%; }
    .col-mm-10 { width: 83.33333333%; }
    .col-mm-9 { width: 75%; }
    .col-mm-8 { width: 66.66666667%; }
    .col-mm-7 { width: 58.33333333%; }
    .col-mm-6 { width: 50%; }
    .col-mm-5 { width: 41.66666667%; }
    .col-mm-4 { width: 33.33333333%; }
    .col-mm-3 { width: 25%; }
    .col-mm-2 { width: 16.66666667%; }
    .col-mm-1 { width: 8.33333333%; }
    .logo img { max-width: 400px; }
}
/*屏幕宽度为480px以下，手机版*/
@media screen and (max-width: 480px) {
}
/*屏幕宽度为768px以下，手机版*/
@media screen and (max-width: 767px) {
    #html5zoo-mobile-box { display: block }
    #html5zoo-pc-box { display: none }
    #rightBox { float: left; }
    .navbar { min-height: 100px; }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { }
    .navbar-toggle { border: 0px; margin-top: 35px; margin-bottom: 35px; }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus { }
    .navbar-default .navbar-toggle .icon-bar { }
    .navbar-default .navbar-nav { margin-top: 0px; margin-bottom: 0px; }
    .navbar-default .navbar-nav > li { }
    .navbar-default .navbar-nav > li:last-child { border: none; }
    .navbar-default .navbar-nav > li > a { color: #fff; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background: url(alpha.png); color: #fff; }
    #navbar { border: 0px; background: url(alpha.png); }
    .navbar .dropdown-menu li ul { padding: 0 }
    .navbar .dropdown-menu li a { line-height: 30px; display: block; }
    .navbar .dropdown-menu li a:hover { background: url(alpha.png); }
    .navbar .dropdown-menu li ul li a { color: #fff; padding-left: 40px }
    .navbar .dropdown-menu li ul li ul li a { color: #fff; padding-left: 60px }
    .navbar .dropdown-menu a span { display: inline; }

    .indexTitle { margin:20px 0 20px 0}
    .indexTitle h2 { font-size:18px }
    .aboutBox{margin:0}

    .logo { text-align: center }
    .logo img { max-width: 700px }
    footer { margin-bottom: 50px; padding-top: 0px; }
    footer > div.container { padding-top:20px}
    footer .quikLink{margin-bottom:15px}
    footer .collectBox{padding:0 20px 20px 20px}
    footer .collectBox img { max-height:35px}
    footer #footerSearch { display: block }
    footer #footerSearch input { width: 75%; }
    footer #footerSearch .footerTitle { display: none }
    footer #footerSearch .collectBox { display: none }
    footer > div.copyright { margin-top: 0px; padding: 20px 20px 20px 20px; display: block; overflow: hidden; text-align: center }

    .homeFF { margin-left: -15px; margin-right: -15px }

    #app_menudown { display: block; }
    #cmsFloatPanel { display: none; }
    .slider__arrows-item { display: none; }

    .mobile { margin: 0px; padding: 0px; }

    .indexNavigationGroup { display: block; }

    .positionBar .title { display: none; }
    .positionBar { background: #eee; }
    .positionBar span { margin: 0px; float: left; padding-left: 10px; }
    .positionBar span a { font-size: 12px; color: #333; line-height: 40px; text-decoration: none; }
    .positionBar span a:hover { color: #000 }
    .positionBar .moreMenu { width: 100%; }
    .navigationBox { right: 0px; width: 100%; }
    .welcomeBox { display: none; }

    .languageBox { width: 100%; text-align: center }
    .languageBox a { border: 0; display: inline-block; float: none }
    .topContactBox { display: none }

    .titleBar { border-left: 3px solid #333; height: 35px; line-height: 35px; background: #f9f9f9 }
    .titleBar h5 { background-image: none; padding-left: 4px; margin: 0px 0px 0px 5px; font-weight: bold; font-size: 16px; background: none; line-height: 35px; }
    .titleBar span { display: none }

    .positionBox .titleBar h5 { display: none }
    .positionBox .titleBar span { display: block; line-height: 35px; background: none; color: #000; font-size: 14px }

    .newsList li .time { display: none }
    .newsList li .tit { margin-right: 0; }
    .detailTitle { margin-left: 0 }

    .swiperBox .swiper-slide img {  width: 80px }

    .newsBox .imgNewsBox { overflow: hidden; margin-top: 20px; margin-bottom: 15px; margin-left: -15px; margin-right: -15px }
}
/*屏幕宽度为768px以上*/
@media screen and (min-width: 768px) {
    #html5zoo-pc-box { display: block }
    #html5zoo-mobile-box { display: none }

    #navbar { float: left ; padding: 0px  ; margin: 0px; }
    .navbar-nav > li { }
    .navbar-nav > li:first-child { border-left: 0; }
    .navbar-nav > li:last-child { }
    .navbar-nav > li > a { transition: background 0.4s; text-align: center; color: #000; font-size: 14px; background-image: none; background-position: center 70px; background-repeat: no-repeat; }
    .navbar-nav > li .selected { background-image: url(menubg.jpg); background-position: center 70px; background-repeat: no-repeat; background-color: #fff }
    .navbar-default .navbar-nav > li > a { line-height: 100px; padding: 0px; padding-left: 10px; padding-right: 10px; }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus { background-image: url(menubg.jpg); background-position: center 70px; background-repeat: no-repeat; background-color: #fff; }
    .navbar-default .navbar-nav-e > li > a { font-weight: normal; }
    .navbar .dropdown-menu { background: url(alpha.png); border: none; color: #fff; padding: 0px; border-radius: 0px; min-width: 240px; }

    .navbar .dropdown-menu li a { color: #fff; line-height: 35px; padding: 0px; text-align: left; padding-left: 25px; padding-right: 25px; width: 240px; display: block; height: 35px; overflow: hidden; font-size: 12px }

    .navbar .dropdown-menu li a:hover { background: #c50510; }
    .navbar .dropdown-menu li ul { display: none; position: absolute; z-index: 9999; margin-top: -35px; margin-left: 240px; width: 240px; background: url(alpha.png); padding: 0 }

    .navbar .dropdown-menu li ul a { display: block; }
    .navbar .dropdown-menu li ul li ul { display: none; position: absolute; z-index: 9999; margin-left: 240px; }

    .navbar .dropdown-menu span { display: none; }
    #app_menudown { display: none; }
    .footer_nav { display: none; }
}

/*屏幕宽度为992px以上*/
@media screen and (min-width:992px) {
    .navbar-default .navbar-nav > li > a { }
    .navbar-default .navbar-nav > li > a { padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: normal; color: #222; letter-spacing: 0px }
}
/*屏幕宽度为1200px以上*/
@media screen and (min-width:1200px) {
    .navbar-default .navbar-nav > li > a { padding-left: 25px; padding-right: 25px; font-size: 16px; font-weight: bold; color: #444; letter-spacing: 0px }
}
/*屏幕宽度为1300px以上*/
@media screen and (min-width:1300px) {
    .navbar-default .navbar-nav > li > a { padding-left: 30px; padding-right: 30px; font-size: 16px; font-weight: bold; color: #444; letter-spacing: 0px }
}