﻿@charset "UTF-8";
@import url("//at.alicdn.com/t/font_2453696_lduyu532ugc.css");
@font-face { font-family: "xique"; src: url("../fonts/xique.eot"); /* IE9 */ src: url("../fonts/xique.eot?#iefix") format("embedded-opentype"), url("../fonts/xique.woff") format("woff"), url("../fonts/xique.ttf") format("truetype"), url("../fonts/xique.svg#xique") format("svg"); /* iOS 4.1- */ font-style: normal; font-weight: normal; }

* { padding: 0; margin: 0; box-sizing: border-box; background-repeat: no-repeat; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Source Han Sans","PingFang SC", sans-serif, Arial, "Microsoft YaHei", "微软雅黑"; vertical-align: baseline; }

html, body { min-height: 100%; overflow-y: auto; }

body { line-height: 1; }

input, textarea { outline: none; border-radius: 0; }

textarea, input[type="button"], input[type="submit"], input[type="reset"], input[type='text'], input[type='password'] { -webkit-appearance: none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; }

table, table td, table th { border: 1px solid rgba(0, 0, 0, 0.1); }

table td, table th { padding: 8px; border-width: 0 1px 1px 0; }

table { border-width: 1px 0 0 1px; }

img { border: none; vertical-align: middle; display: inline-block; max-width: 100%; max-height: 100%; }

ul, ol { list-style: none; }

button { cursor: pointer; border: none; }

a { color: inherit; text-decoration: none; transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }

a:hover { color: inherit; opacity: .9; }

.clearfix:after { content: ""; display: block; clear: both; }

.float-left { float: left; }

.float-right { float: right; }

.hide { display: none; }

.show { display: block; }

.container { width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }

.container:before, .container:after { content: ''; float: none; clear: both; display: block; width: 100%; }

.button-link { display: inline-block; text-align: center; border-width: 1px; border-style: solid; border-color: transparent; background-color: inherit; transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }

.button-link.red-more { min-width: 160px; line-height: 43px; padding-left: 30px; padding-right: 30px; color: #d32d00; font-size: 14px; border-color: #d32d00; }

.button-link.red-more.current, .button-link.red-more:hover { color: #fff; background-color: #d32d00; }

.button-link.tabs-btn { line-height: 40px; padding-left: 45px; padding-right: 45px; color: #606060; font-size: 14px; background-color: #ededed; }

.button-link.tabs-btn.current, .button-link.tabs-btn:hover { color: #fff; background-color: #d32d00; }

.button-link.hollow { line-height: 40px; padding-left: 60px; padding-right: 60px; color: #969696; font-size: 14px; border-color: #e1e1e1; }

.button-link.hollow:hover { color: #fff; border-color: #d32d00; background-color: #d32d00; }

/* 头部 */
.header { position: relative; }

.header .logo { float: left; }

.header .logo a { display: flex; align-items: center; justify-content: center; height: 105px; }

.header .logo img { padding: 10px 0; }

/* 导航栏 */
.navbtn { display: none; }

.navbar { float: right; display: flex; }

.navbar .item { float: left; margin-right: 45px; }

.navbar .item:last-child .child-nav { left: auto; right: 0; }

.navbar .item > a { display: block; line-height: 105px; text-align: center; color: #333; font-size: 17px; border-bottom: 4px solid transparent; }

.navbar .item > a:hover { opacity: 1; }

.navbar .item .dropdown { display: none; }

.navbar .item.current > a, .navbar .item:hover > a { color: #d32d00; border-bottom-color: #d32d00; }

.navbar .item.current > a { font-weight: bold; }

.navbar .item:hover .child-nav { opacity: 1; z-index: 99; }

.navbar .child-nav { opacity: 0; position: absolute; z-index: -1; top: 100%; left: 0; width: 100%; background-color: #fff; border-top: 1px solid #eee; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); overflow: hidden; transition: all, 0.2s; -o-transition: all, 0.2s; -moz-transition: all, 0.2s; -webkit-transition: all, 0.2s; }

.navbar .child-nav ul { display: flex; flex-wrap: wrap; justify-content: center; }

.navbar .child-nav ul::before, .navbar .child-nav ul::after { display: none; }

.navbar .child-nav li { float: left; max-width: 20%; text-align: center; padding: 20px 30px; }

.navbar .child-nav a:hover h4 { color: #d32d00; }

.navbar .child-nav .picture { height: 50px; }

.navbar .child-nav h4 { padding-top: 10px; color: #666; font-size: 15px; font-weight: normal; }

.navbar .child-nav .intro { display: block; line-height: 1.4; padding-top: 10px; color: #999; font-size: 14px; }

.navbar .child-nav.child-nav-product ul { justify-content: flex-start; padding-bottom: 20px; }

.navbar .child-nav.child-nav-product li { max-width: none; width: 20%; }

.navbar .child-nav.child-nav-product .picture { height: 100px; }

.navbar .language { line-height: 103px; color: #a5a5a5; font-size: 17px; }

.navbar .language a:hover, .navbar .language a.current { color: #d32d00; }

.navbar .search { position: relative; padding-left: 25px; }

.navbar .search:hover .search-box { opacity: 1; z-index: 9; }

.navbar .search .show-search-btn { line-height: 103px; color: #a5a5a5; font-size: 34px; background-color: inherit; }

.navbar .search .search-box { opacity: 0; position: absolute; z-index: -1; right: 0; top: 70%; width: 300px; padding: 10px; background-color: #eee; border-radius: 4px; transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.navbar .search .search-box input { display: block; width: 100%; height: 40px; padding-left: 12px; padding-right: 52px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; }

.navbar .search .search-box input:focus { border-color: rgba(211, 45, 0, 0.5); }

.navbar .search .search-box .go-search { position: absolute; top: 11px; right: 11px; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; color: #000; font-size: 40px; background-color: inherit; border-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

/* 首页 */
.home-banner { position: relative; overflow: hidden; }

.home-banner .pagination { position: absolute; z-index: 9; bottom: 45px !important; text-align: center; font-size: 0; }

.home-banner .pagination span { opacity: 1; width: 12px; height: 12px; margin: 0 5px !important; background-color: #fff; transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.home-banner .pagination span.active { background-color: #d32d00; }

.home-banner .button-prev, .home-banner .button-next { position: absolute; z-index: 2; top: 50%; width: 80px; height: 80px; line-height: 80px; text-align: center; margin-top: -40px; color: #fff; font-size: 80px; cursor: pointer; user-select: none; transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }

.home-banner .button-prev:hover, .home-banner .button-next:hover { color: #d32d00; }

.home-banner .button-prev { left: 12%; }

.home-banner .button-next { right: 12%; }

.home-main .section-more { text-align: center; margin-top: 50px; }

.home-main .section-heading { text-align: center; padding-top: 70px; padding-bottom: 50px; }

.home-main .section-heading h3 { position: relative; display: inline-block; color: #000; font-size: 26px; }

.home-main .section-heading h3::before, .home-main .section-heading h3::after { content: ''; position: absolute; top: 13px; width: 125px; height: 1px; background-color: #ececec; }

.home-main .section-heading h3::before { left: -140px; }

.home-main .section-heading h3::after { right: -140px; }

.home-main .section-heading h5 { display: block; margin-top: 15px; color: #777; font-size: 14px; font-weight: normal; }

.home-main .home-product { margin-top: 50px; padding-bottom: 70px; background-color: #f7f7f7; overflow: hidden; }

.home-main .home-product .product-slide-tabs { text-align: center; font-size: 0; }

.home-main .home-product .product-slide-tabs .button-link { display: inline-block; margin: 0 15px; }

.home-main .home-product .product-slide { position: relative; margin-top: 50px; overflow: hidden; }

.home-main .home-product .product-slide ul { margin-left: -15px; margin-right: -15px; overflow: hidden; }

.home-main .home-product .product-slide ul li { float: left; width: 25%; padding-left: 15px; padding-right: 15px; }

.home-main .home-product .product-slide ul a { display: block; background-color: #fff; }

.home-main .home-product .product-slide ul a:hover .title { color: #d32d00; }

.home-main .home-product .product-slide ul .picture { display: flex; align-items: center; justify-content: center; height: 230px; }

.home-main .home-product .product-slide ul .title { text-align: center; padding: 20px 10px; color: #606060; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.home-main .home-news { padding-bottom: 70px; overflow: hidden; }

.home-main .home-news .section-more { margin-top: 20px; }

/* 内页 */
.inside-main { padding-bottom: 85px; background-color: #f7f7f7; overflow: hidden; }

.inside-main .crumbs { line-height: 20px; padding-top: 25px; padding-bottom: 25px; color: #606060; font-size: 14px; background-color: #f7f7f7; }

.inside-main .crumbs a:hover { color: #d32d00; }

.inside-main .inside-menu { padding-top: 30px; padding-bottom: 30px; background-color: #fff; }

.inside-main .inside-menu ul li { position: relative; float: left; margin-top: 10px; margin-bottom: 10px; margin-right: 20px; }

.inside-main .inside-menu ul li:hover > a, .inside-main .inside-menu ul li.current > a { color: #fff; background-color: #d32d00; }

.inside-main .inside-menu ul li:hover .sub-item { display: block; }

.inside-main .inside-menu ul .sub-item { display: none; position: absolute; z-index: 9; top: 100%; left: 0; width: 100%; padding-top: 5px; }

.inside-main .inside-menu ul .sub-item a { display: block; line-height: 35px; text-align: center; color: #fff; font-size: 14px; background-color: #d32d00; }

.list-product-wrapper { padding-top: 10px; }

.list-product-wrapper .row-list { margin-left: -15px; margin-right: -15px; overflow: hidden; }

.list-product-wrapper .item { float: left; width: 25%; margin-top: 30px; padding-left: 15px; padding-right: 15px; }

.list-product-wrapper .item .box { padding-left: 20px; padding-right: 20px; padding-bottom: 35px; background-color: #fff; }

.list-product-wrapper .item .box:hover .title-area { background-color: #d32d00; }

.list-product-wrapper .item .box:hover .title-area h2, .list-product-wrapper .item .box:hover .title-area h5 { color: #fff; }

.list-product-wrapper .item .picture { display: block; display: flex; align-items: center; justify-content: center; height: 200px; }

.list-product-wrapper .item .title-area { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 85px; margin-top: 15px; background-color: #f7f7f7; transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.list-product-wrapper .item .title-area h2 { color: #333; font-size: 16px; transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.list-product-wrapper .item .title-area h5 { margin-top: 15px; color: #333; font-size: 14px; font-weight: normal; transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.list-product-wrapper .item .intro { line-height: 1.8; margin-top: 20px; margin-bottom: 30px; color: #999; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;min-height:70px; }

.list-product-wrapper .item .look-more { text-align: center; }

.list-news-wrapper .module-list-news .item { margin-top: 40px; margin-bottom: 0; }

.list-download-wrapper { padding-top: 30px; }

.list-download-wrapper ul li { display: flex; align-items: center; justify-content: space-between; margin: 20px 0; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); }

.list-download-wrapper ul .picture { height: 120px; }

.list-download-wrapper ul .picture img { height: 100%; padding: 10px; }

.list-download-wrapper ul .info { display: flex; flex-direction: column; justify-content: center; width: 60%; height: 120px; padding-left: 30px; }

.list-download-wrapper ul .info .title { margin-bottom: 10px; color: #666; font-size: 18px; }

.list-download-wrapper ul .info .edit-text { line-height: 1.2; color: #999; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.list-download-wrapper ul .download-btn { margin-right: 0; margin-left: auto; padding-right: 20px; }

.list-download-wrapper ul .download-btn .button-link { padding-left: 25px; padding-right: 25px; }

.single-wrapper { padding-top: 30px; }

.single-wrapper .heading { text-align: center; font-size: 35px; }

.single-wrapper .content { line-height: 2; margin-top: 35px; }

.single-wrapper .content ul, .single-wrapper .content ol { padding-left: 30px; }

.single-wrapper .content ul { list-style-type: disc; }

.single-wrapper .content ol { list-style-type: number; }

.single-wrapper .content img { height: auto !important; }

.details-wrapper { padding-top: 50px; }

.details-wrapper .heading { padding-bottom: 20px; border-bottom: 1px solid #eee; }

.details-wrapper .heading h1 { text-align: center; font-size: 34px; font-weight: normal; }

.details-wrapper .heading .other { text-align: center; margin-top: 20px; font-size: 0; }

.details-wrapper .heading .other span { display: inline-block; margin: 0 15px; color: #999; font-size: 15px; }

.details-wrapper .products-intro { padding-bottom: 50px; border-bottom: 1px solid #eee; overflow: hidden; }

.details-wrapper .products-intro .slides-picture { position: relative; float: left; width: 40%; height: 350px; border: 1px solid #eee; background-color: #fff; overflow: hidden; }

.details-wrapper .products-intro .slides-picture .swiper-slide { display: flex; align-items: center; justify-content: center; }

.details-wrapper .products-intro .heading-area { float: right; width: 57%; }

.details-wrapper .products-intro .heading-area .title { line-height: 1.2; padding-bottom: 15px; color: #333; font-size: 20px; font-weight: normal; border-bottom: 1px solid #eee; }

.details-wrapper .products-intro .heading-area .text { line-height: 1.8; margin-top: 10px; color: #666; font-size: 16px; }

.details-wrapper .products-intro .heading-area .consult-btn { margin-top: 30px; }

.details-wrapper .products-intro .heading-area .consult-btn .tabs-btn { color: #fff; background-color: #d32d00; }

.details-wrapper .products-intro .heading-area .product-litimg-tabs { display: flex; margin-top: 50px; overflow: hidden; }

.details-wrapper .products-intro .heading-area .product-litimg-tabs li { float: left; display: flex; align-items: center; justify-content: center; height: 120px; margin-right: 20px; border: 1px solid #eee; cursor: pointer; transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }

.details-wrapper .products-intro .heading-area .product-litimg-tabs li:last-child { margin-right: 0; }

.details-wrapper .products-intro .heading-area .product-litimg-tabs li.current, .details-wrapper .products-intro .heading-area .product-litimg-tabs li:hover { border-color: #d32d00; }

.details-wrapper .content { line-height: 2; margin-top: 35px; padding-bottom: 40px; border-bottom: 1px solid #eee; }

.details-wrapper .content ul, .details-wrapper .content ol { padding-left: 30px; }

.details-wrapper .content ul { list-style-type: disc; }

.details-wrapper .content ol { list-style-type: number; }

.details-wrapper .content img { height: auto !important; }

/* 分页 */
.list-pagination { text-align: center; margin-top: 70px; font-size: 0; }

.list-pagination #ctl00_Main_DataPager1 { border: none; }

.list-pagination a[disabled='disabled'] { cursor: not-allowed; }

.list-pagination span, .list-pagination a { display: inline-block; width: 35px; line-height: 33px; margin-left: 5px; margin-right: 5px; border: 1px solid #9e9e9e; color: #9d9d9d; font-size: 16px; }

.list-pagination span { color: #ccc; border-color: #ddd; }

.list-pagination .on, .list-pagination a:hover { color: #d32d00; border-color: #d32d00; }

.prev-next { margin-top: 35px; }

.prev-next .button-link { display: inline-block; max-width: 100%; margin: 5px 0; padding-left: 20px !important; padding-right: 20px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* 底部 */
.footer { padding-top: 50px; background-color: #212121; }

.footer .f-nav { float: left; width: 65%; }

.footer .f-nav .item { float: left; width: 16.66%; padding-right: 20px; }

.footer .f-nav .item h4 { width: 100%; margin-bottom: 5px; color: #fff; font-weight: normal; }

.footer .f-nav .item ul li { padding-top: 12px; color: #888; font-size: 14px; }

.footer .f-nav .item ul li a:hover { color: #ccc; }

.footer .qrcode { float: right; max-width: 15%; }

.footer .qrcode .tel { text-align: center; color: #d32d00; font-size: 18px; font-weight: bold; }

.footer .qrcode img { display: block; max-width: 120px; margin-top: 20px; margin-bottom: 15px; margin-left: auto; margin-right: auto; }

.footer .qrcode span { display: block; text-align: center; color: #aaa; font-size: 14px; }

.footer .copyright { line-height: 1.6; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 35px; color: #777; font-size: 14px; border-top: 1px solid #2c2c2c; }

/* 公共模块 */
.module-list-application { margin-left: -5px; margin-right: -5px; overflow: hidden; }

.module-list-application .item { float: left; width: 33.33%; height: 290px; margin: 5px 0; padding-left: 5px; padding-right: 5px; }

.module-list-application a { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; height: 100%; padding-left: 30px; padding-bottom: 20px; background-size: cover; background-position: center center; }

.module-list-application h2 { color: #fff; font-size: 24px; }

.module-list-application span { display: block; margin-top: 10px; color: #fff; font-size: 14px; }

.module-list-news { margin-left: -25px; margin-right: -25px; overflow: hidden; }

.module-list-news .item { float: left; width: 33.33%; padding-left: 25px; padding-right: 25px; margin-bottom: 30px; }

.module-list-news .picture { display: block; overflow: hidden; }

.module-list-news .picture img { display: block; width: 100%; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.module-list-news .picture:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }

.module-list-news .title { margin-top: 30px; color: #333; font-size: 16px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.module-list-news .title a:hover { color: #d32d00; }

.module-list-news .text { line-height: 2; margin-top: 15px; color: #5a5a5a; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.module-list-news .date { display: block; text-align: right; margin-top: 10px; color: #999; font-size: 12px; }

.fixed-bar{position:fixed;right:0px;top:150px;z-index:50;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-30);}
.fixed-bar .consult-box{border:1px solid #e6e6e6;}
.fixed-bar .consult-box .consult-header{position:relative;height:36px;margin:-1px -1px 0;background:#d32d00;}
.fixed-bar .consult-box .consult-title{color:#fff;font:normal 16px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";text-align:center;}
.fixed-bar .consult-box .icon{display:none;top:0;left:-28px;width:28px;height:36px;overflow:hidden;margin:0;background-position:-80px -530px;cursor:pointer;}
.fixed-bar .consult-box .icon:hover{background-position:-110px -530px;}
.fixed-bar .consult-list{margin:0 2px -1px;padding:9px 0;border-bottom:1px dashed #eaeaea; overflow:hidden}
.fixed-bar .consult-list li{padding:6px 0 6px 23px;color:#666;font:normal 12px/24px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.fixed-bar .consult-list span,.fixed-bar .consult-list a{float:left;line-height:24px;}
.fixed-bar .consult-list span{padding-right:10px;}
.fixed-bar .consult-list img{vertical-align:top;}
.fixed-bar .wide-bar{width:134px;background:#fff;}

/*# sourceMappingURL=../maps/style/css.css.map */
